@charset "utf-8";
/* CSS Document */

.main{background: url(../img/top_bg.png);background-size: cover;}




h3 {
    clear: both;
    margin:  30px auto;
    padding: 10px;
    font-size: 100%;
    line-height: 1;
    clear: both;
    background: unset;
    border-left: unset;
    border-bottom: unset;
		
}	
	
.box_bnr {
  position      : relative;            /* タイトル用に親要素定義  */
  box-sizing    : border-box;          /* 罫線・余白も含む大きさ  */
  margin        : 14px auto 0 auto;    /* BOXの位置               */
  /*max-width     : 500px;                BOXの最大横幅           */
  background    : #fff;                /* BOXの背景色             */
  padding       : 33px 10px 25px 10px; /* BOX内の余白             */
  border        : 3px solid #0059b3;   /* BOXの枠線               */
}
 
 /* --- タイトル部分の定義 ----------------------------------------*/
.box_bnr::before {
  position      : absolute;          /* 親からの相対位置の定義  */
  display       : inline-block;      /* インラインボックス定義  */
  box-sizing    : border-box;        /* 罫線・余白も含む大きさ  */
  line-height   : 1;                 /* 1行の高さを初期化       */
  background    : #0059b3;           /* タイトル背景色          */
  color         : #ffffff;           /* タイトルの文字色        */
  content       : attr(title);       /* タイトルに[title]を表示 */
  font-weight   : bold;              /* タイトルは太字          */
  padding       : 8px 22px;          /* タイトル内の余白        */
  top           : -17px;             /* タイトル上位置はマイナス*/
  left          : 16px;              /* タイトル右位置は1文字分 */
  font-size     : 16px;              /* タイトルの文字サイズ    */
}		  
	  
.pic_base{text-align: center;}
	

.button2 {
  font-family : inherit;
  font-size   : 100%;
}

/*.flex{ display: flex;flex-wrap: wrap;justify-content :space-between;align-content: center; text-align: center}*/
.flex2{ display: flex;flex-wrap: nowrap;justify-content :space-between;align-content: center;}
.flex_item{width : calc(100% / 3) ;}
.flex_item2{width: 50%;padding: 5px;}
.flex_item3{width: 40%;padding: 5px;}
.flex_item4{width: 60%;margin-left: 20px;padding: 5px;}

@media screen and (max-width:760px){

.flex2{ display: flex;flex-wrap: wrap;justify-content :space-between;align-content: center;}	

.flex_item{width: 100%}	
.flex_item2{width: 100%}
.flex_item3{width: 100%}
.flex_item4{width: 100%;margin-left: 0px;}	

.flex{flex-wrap: wrap;width: 100%;}	
	}
 

.accordion {
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  max-width: 300px;
  position: relative;
  width: 100%;
	
}
.accordion-title {
  color: #000;
  cursor: pointer;
  margin: 20px 0 0px;
  font-size: 18px;
  padding-right:70px;
  padding-left: 10px;
  font-weight: bold;
	height: 80px;
	line-height: 4.5;
}
.accordion-content {
  display: none;
  padding: 0 0 10px ;
}
.accordion-content p {
  /*font-size: 13px;*/
  line-height: 1.5;
}
/* タイトルの背景色 */
.accordion-item:nth-of-type(1) .accordion-title {
  background-color: #fff;
}
.accordion-item:nth-of-type(2) .accordion-title {
  background-color: #fff;
}
.accordion-item:nth-of-type(3) .accordion-title {
  background-color: #fff;
}
.accordion-item:nth-of-type(4) .accordion-title {
  background-color: #fff;
}
/* コンテンツボックスの枠線 */
.accordion-item:nth-of-type(1) .accordion-content {
  /*border-bottom: 2px solid #7f7fff;
  border-left: 2px solid #7f7fff;
  border-right: 2px solid #7f7fff;*/
}
.accordion-item:nth-of-type(2) .accordion-content {
  /*border-bottom: 2px solid #66cdaa;
  border-left: 2px solid #66cdaa;
  border-right: 2px solid #66cdaa;*/
}
.accordion-item:nth-of-type(3) .accordion-content {
  /*border-bottom: 2px solid #ff7f7f;
  border-left: 2px solid #ff7f7f;
  border-right: 2px solid #ff7f7f;*/
}
/* 矢印 */
.accordion-title {
  position: relative;
}
.accordion-title::after {
  border-right: solid 2px #151db8;
  border-top: solid 2px #151db8;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 25px;
  top: 38%;
  transform: rotate(135deg);
  transition: transform .3s ease-in-out, top .3s ease-in-out;
  width: 8px;
}
.accordion-title.open::after {
  top: 45%;
  transform: rotate(-45deg);
}
@media screen and (max-width:760px){
.accordion-title {
    line-height: 1.3;
	height: 90px;
	padding-top: 30px}	

	
}

.search_tittle{font-size: 30px;padding-top: 40px;color: #0E208C;}



.mana_erea{margin-top: 30px;}
.mana_ttl{ padding: 1rem 2rem;
  color: #fff;
  background: #094;
  -webkit-box-shadow: 5px 5px 0 #007032;
  box-shadow: 5px 5px 0 #007032;
　width: 200px;
  margin-bottom: 0 auto;
}
.koukou .tsujou{width: 90%;;text-align: center;margin:0 0 20px 0;}
.koukou  .tsujou th{border: 2px solid #3B3939;background:#1f51a2;padding: 10px 1px; color: #fff;}
.koukou  .tsujou td{border: 2px solid #3B3939;background:#fff;padding: 10px  1px; }

.mana_erea .tsujou{width: 100%;text-align: center;}
.mana_erea .tsujou th{border: 2px solid #3B3939;background: #F9B302;padding: 10px 1px; color: #fff;font-size: 1.1em;}
.mana_erea .tsujou td{border: 2px solid #3B3939;background:#fff;padding: 10px  1px; font-size: 1.6em;font-weight: bold;}
.mana_erea .tsujou th span{font-size: 0.7em;}
.c_box_cont{position: relative;}
.c_box{ margin: 0 0 2em 0; background: #fff;padding: 1.2em;  margin-bottom: 1em;border: solid 1px  #303192; }
			
.c_box_title {font-size: 1.5em; background: #303192; padding:20px;text-align: center;color: #FFF;font-weight: bold; letter-spacing: 0.05em;}
.c_box_title span{font-size: 0.7em;}
.gakunen{width: 95%;margin :0 auto;border-collapse: separate;border-spacing: 10px;color: #000;font-weight: bold;text-align: center;}
			.gakunen th{font-size: 40px;font-weight: bold;}
			.gakunen td{font-weight: bold;font-size: 25px}
.gakunen td span{ display       : inline-block;        /* ブロック化              */
  font-weight   : bold;                /* 太字                    */
  font-size     : 150%;                /* 文字を大きくする        */
  border-bottom : 2px solid #ffff1a;   /* 下線                    */
  color         : #F90409;             /* 文字色                  */
  background    : linear-gradient(transparent 80%, #ffff1a 65%); }


.accbox {
    margin:  0;
    padding: 0;
   /* max-width: 400px;最大幅*/
}

/*ラベル*/
.accbox label {
    display: block;
    margin:  0;
    padding : 20px;
    color :#0a318d;
    font-weight: bold;
    /*background :#fff;*/
    cursor :pointer;
    transition: all 0.5s;
	text-align: center;
	/*font-size: 1.2em;*/
}

/*ラベルホバー時*/
.accbox label:hover {
    background:#fff;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
    background: #fff;
    opacity: 1;
	
}
.keitai_ttl{border: solid 1px #171D8C;padding: 10px;border-radius: 10px;background: #fff;color: #171D8C;font-size: 20px;font-weight: bold;width: 200px;margin-bottom: 20px;}

.keitai_erea{list-style-type: none;
      padding: 0;
      margin: 20px 0 10px;
      display: flex;
      flex-wrap: wrap;
	box-sizing: border-box;

}

.erea_item{margin:  0 ;
      box-sizing: border-box;
      width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;}

.keitai_box{height: 550px; margin-right: 3px;padding:0 5px;margin-top: 20px; background: #D9F1CF;border-radius: 15px;}
.keitai_box img{margin: 10px;width: 93%}
.keitai_box p{font-size: 17px;line-height: 1.6;}
.comment{font-size: 12px;}
.taisho{text-align: center; }
.taisho span{display: inline-block; font-size: 18px;}
.taisho img{ vertical-align: middle; display: inline-block;}
.ct{text-align: center;line-height: 2;}
.bold{font-weight: bold;}
.line{line-height: 1.5}
.u_line{}
@media screen and (max-width:780px) {
.erea_item{margin: 20px 0 10px;
      box-sizing: border-box;
      width : 100% ;}
	.keitai_box img{margin: 10px;}	
.ct{text-align: center;line-height: 1.6;}	
}