@charset "UTF-8";
/*
Theme Name: eiken academy
Theme URI:
Author: eiken academy
Version: 1.0
*/
body{
	width: 100%;
	/* font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic","メイリオ",Meiryo,"HiraKakuPro-W3",Arial, Helvetica,sans-serif; */
font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
line-height: 1.9;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix {
	zoom: 1;
} /* IE6 */
*:first-child+html .clearfix {
	zoom: 1;
} /* IE7 */
br{
	clear: both;
}
li {
  list-style:none;
}
.wrapper{
width: 100%;
}
/** 他塾との違いページ **/
.hikakul {
width: 280px;
height: 300px;
background-image: url(https://eiken-academy.com/wp-content/uploads/2014/10/chigaieiwaku.png);
background-repeat: no-repeat;
margin-top:10px;
margin-left:20px;
padding-top:55px;
float: left;
}

.hikakul img{
float:left;
margin-top:20px;
margin-left:2px;
}

.hikakul p{
width: 260px;
font-size: 14px;
}


.hikakur {
width: 280px;
height: 300px;
background-image: url(https://eiken-academy.com/wp-content/uploads/2014/10/chigaitjwaku.png);
background-repeat: no-repeat;
margin-top:10px;
margin-left:10px;
padding-top:55px;
float: left;
}

.hikakur img{
float:left;
margin-top:20px;
margin-left:2px;
}

.hikakur p{
width: 260px;
font-size: 14px;
}

.hikakuei {
width: 280px;
height: 250px;
background-image: url(https://eiken-academy.com/wp-content/uploads/2014/10/eikaiwa.png);
background-repeat: no-repeat;
margin-top:10px;
margin-left:10px;
padding-top:55px;
float: left;
}

.hikakuei img{
float:left;
margin-top:10px;
margin-left:2px;
}

.hikakuei p{
width: 260px;
font-size: 14px;
}

.hikakupril {
width: 280px;
height: 300px;
background-image: url(https://eiken-academy.com/wp-content/uploads/2014/10/private.png);
background-repeat: no-repeat;
margin-top:10px;
margin-left:10px;
padding-top:55px;
float: left;
}

.hikakupril img{
float:left;
margin-top:0px;
margin-left:2px;
}


.hikakupril p{
width: 260px;
font-size: 14px;
}

.hikakuprir {
width: 280px;
height: 300px;
background-image: url(https://eiken-academy.com/wp-content/uploads/2014/10/syuudan.png);
background-repeat: no-repeat;
margin-top:10px;
margin-left:10px;
padding-top:55px;
float: left;
}

.hikakuprir img{
float:left;
margin-top:10px;
margin-left:2px;
}


.hikakuprir p{
width: 260px;
font-size: 14px;
}

.hikakusemil {
width: 280px;
height: 300px;
background-image: url(https://eiken-academy.com/wp-content/uploads/2014/10/semiprivate.png);
background-repeat: no-repeat;
margin-top:10px;
margin-left:10px;
padding-top:55px;
float: left;
}

.hikakusemil img{
float:left;
margin-top:0px;
margin-left:2px;
}


.hikakusemil p{
width: 260px;
font-size: 14px;
}

.hikakusemir {
width: 280px;
height: 300px;
background-image: url(https://eiken-academy.com/wp-content/uploads/2014/10/kanzen.png);
background-repeat: no-repeat;
margin-top:10px;
margin-left:10px;
padding-top:55px;
float: left;
}

.hikakusemir img{
float:left;
margin-top:10px;
margin-left:2px;
}


.hikakusemir p{
width: 260px;
font-size: 14px;
}

.title8{
	position:relative;
	padding:9px;
	padding-left:15px;
	font-weight: bold;
	font-size: 18px;
	background-color: #51A2C1;
	color: #fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	}

.title8:before{
	content:'';
	height:25px;
	width:2px;
	display:block;
	position:absolute;
	top:5px;
	left:4px;
	background-color:#fff;
	border-left: 4px solid #fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	}

.title9{
  background-image: url(../images/h_bg.gif);
  background-repeat: no-repeat;
  width: 553px;
  height: 28px;
  padding-top: 10px;
  padding-left: 20px;
  font-weight: bold;
  color: #0d448b;
}

/** ヘッダー **/

.header{
	background-color: #073681;
	color: #ffffff;
	font-size: 15px;
	overflow: hidden;
	width: 100%;
}

.header a{
	color: #ffffff;
	text-decoration: underline;
}

.header a:hover{
	text-decoration: none;
}

.header .header_top{
	width: 850px;
	font-size:13px;
	line-height:1.9;
	margin: 0 auto;
	overflow:hidden;
}

.header .header_top h1{
	float: left;
}

.header .header_top ul{
	float: right;
}

.header .header_top ul li{
	float: left;
}

.header .logo{
	clear:both;
	background-image: url(images/header_bg.gif);
	background-position: bottom left;
	height: 125px;
	width: 100%;
}

.header .logo > div{
	margin: 0 auto;
	width: 1077px;
}

.header .logo > div > div{
	float:left;
	padding: 5px;
}

.header .logo div p{
	display: inline-block;
}

.header_tel{
	text-align: right;
	padding-left: 40px;
}

.logo div .header_tel{

}

.header .header_text {
	text-align: center;
	width: 850px;
	color: #073681;
	padding-top: 5px;
}

/*お問い合わせボタン*/
.to_toiawase{
	padding-bottom: 6px;
}

.to_toiawase a{
	display: inline-block;
	background-image: url(https://eiken-academy.com/wp-content/uploads/2014/04/otoiawasebt.png);
	background-repeat: no-repeat;
	width: 150px;
	height:48px;
	vertical-align:top;

}

.to_toiawase a:hover{
	background-position: bottom left;
}


/*資料請求ボタン*/
.to_siryos{
}

.to_siryos a{
	display: inline-block;
	background-image: url(https://eiken-academy.com/wp-content/uploads/2014/04/siryobt.png);
	background-repeat: no-repeat;
	width: 150px;
	height:48px;
}

.to_siryos a:hover{
	background-position: bottom left;
}

/** 固定ページヘッダー **/

.header .logos{
	clear:both;
	background-image: url(images/header_bg.gif);
	background-position: bottom left;
	height: 110px;
}

.header .logos > div{
	margin: 0 auto;
	width: 870px;
}

.header .logos > div > div{
	float:left;
	padding: 5px;
}

.header .logos div p{
	display: inline-block;
}

.header_tels{
	text-align: right;
	padding-left: 40px;
	padding-top: 5px;
}

.logos div .header_tel{

}

.header .header_text {
	text-align: center;
	width: 850px;
	color: #073681;
	padding-top: 5px;
}

/*お問い合わせボタン小*/
.to_toiawases{
	padding-bottom: 0px;
}

.to_toiawases a{
	display: inline-block;
	background-image: url(https://eiken-academy.com/wp-content/uploads/2014/04/otoiawasebt.png);
	background-repeat: no-repeat;
	width: 150px;
	height:48px;
	vertical-align:top;

}

.to_toiawases a:hover{
	background-position: bottom left;
}


/*資料請求ボタン小*/
.to_siryoss{
}

.to_siryoss a{
	display: inline-block;
	background-image: url(https://eiken-academy.com/wp-content/uploads/2014/04/siryobt.png);
	background-repeat: no-repeat;
	width: 150px;
	height:48px;
}

.to_siryoss a:hover{
	background-position: bottom left;
}

/** メニュー **/

.menu{
	width:100%;
	height: 40px;
	background: #0068b7;
	  border-bottom: 3px solid #073681;
}
/* !オリジナルドロップダウン*/
/*
.dropmenu {
  position: relative;
  list-style-type: none;
  width: 1080px;
  height: 40px;
  margin: 0px auto;
  padding: 0;
  background: #0068b7;
  border-bottom: 3px solid #073681;
  border-radius: 3px 3px 0 0;
}
*/

.dropmenu {
  position: relative;
  list-style-type: none;
  width: 870px;
  height: 40px;
  margin: 0px auto;
  padding: 0;
  background: #0068b7;
  border-bottom: 3px solid #073681;
  border-radius: 3px 3px 0 0;
  display: flex;
  justify-content: space-between;
}

.dropmenu li {
  width: 120px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
}
.dropmenu li a {
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.9;
  text-decoration: none;
}
.dropmenu li ul {
  position: absolute;
  top: 100%;
  left: 0;
  list-style: none;
  margin: 0;
  border-radius: 0 0 3px 3px;
}
.dropmenu li ul li{
  overflow: hidden;
  width: 140px;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  background: #0068b7;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}

.dropmenu li:hover > a{
  background: #073681;
  color: #eff7b1;
}

.dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
.dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #0178d3;
  border-bottom: 1px solid #015fa7;
}

.dropmenu li:hover ul li:first-child{
  border-top: 0;
}
.dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
.dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}


.area{
	font-size: 13px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	width: 80px;
	padding: 5px 0px 5px 5px;
	color: #ffffff;
}

.classroom th{
	width: 80px;
	border-bottom: 5px solid #fffcea;
}

.classroom td{
	padding: 3px 0px 0px 20px;
	font-size: 14px;
	line-height: 1.9;
}

.classroom td a{
	color: #5d5d5d;
}

.classroom td a:hover{
	text-decoration: none;
	color: #999999;
}

.tky{
	background-color:#f8b551;
}

.sitm{
	background-color:#89c997;
}

.kngw{
	background-color:#f19ec2;
}

.chiba{
	background-color:#6699ff;
}

.osaka{
	background-color:#cc99ff;
}

.hyougo{
	background-color:#ffaf99;
}

.kyoto{
	background-color:#e49b0f;
}

.nara{
	background-color:#99cc00;
}

.aichi{
	background-color:#ff00ff;
}


/** お問い合わせフォームの改行 **/
span.wpcf7-list-item {
display: block;
}

/**  特色ページのバナー　**/

div.samplearea div {
	border-style: solid;
	border-color: white;
	border-width: 2px;
	text-align: center;
	overflow:hidden;
	display: inline-block;
}
.samplearea div span{
	display: none;
	overflow: hidden;
}

.blockb{
}

.blockb a{
   width: 265px;
   height:165px;
   background-image: url(https://eiken-academy.com/wp-content/uploads/2014/05/sono1.png);
   background-repeat: no-repeat;
   margin-left:30px;
   float: left;
}

.blockb a:hover{
	background-position: bottom left;
}


.blockc {

}

.blockc a{
   float: left;
   width: 265px;
   height:165px;
   background-image: url(https://eiken-academy.com/wp-content/uploads/2014/05/sono2.png);
   background-repeat: no-repeat;
}

.blockc a:hover{
	background-position: bottom left;
}

.blockd {
}

.blockd a{
   clear: both;
   float: left;
   width: 174px;
   height:132px;
   background-image: url(https://eiken-academy.com/wp-content/uploads/2014/05/sono3.png);
   background-repeat: no-repeat;
   margin-left:30px;

}

.blockd a:hover{
	background-position: bottom left;
}

.blocke {

}

.blocke a{
   float: left;
   width: 174px;
   height:132px;
   background-image: url(https://eiken-academy.com/wp-content/uploads/2014/05/sono4.png);
   background-repeat: no-repeat;
}

.blocke a:hover{
	background-position: bottom left;
}

.blockf {
}

.blockf a{
   float: left;
   width: 174px;
   height:132px;
   background-image: url(https://eiken-academy.com/wp-content/uploads/2014/05/sono5.png);
   background-repeat: no-repeat;
}

.blockf a:hover{
	background-position: bottom left;
}

.headding02 {
	margin:0 0 30px 0;
	padding:12px 10px;
	border:1px solid #1871B8;
	background: #1D8ADE;
	color:#FFF;
	font-weight:bold;
	font-size:x-large;
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.4);
	}

ul.list-bg, ul.list-bg li {
 margin: 0; padding: 0;
}
ul.list-bg { margin-left: 12px; }
ul.list-bg li {
 list-style-type: none;
 padding: 4px 10px 4px 28px;
 background-image: url(https://eiken-academy.com/wp-content/uploads/2014/05/point8_2s.png);
 background-repeat: no-repeat;
 background-position: left center;
}

.boxshadow {
	color: #000;
	padding: 20px;
	background: #f5f5f5;
	border: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #353fff535;
	  /* IE以外なら丸角も！ */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.headding09 {
	padding: 0.8em;
	background: #dc143c none repeat scroll 0% 0%;
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
}

/* 04.吹き出し */
.fuki04{
  position:relative;
  margin-bottom:20px;
  padding:10px 10px 10px 20px;
  background-color:#ffccff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.fuki04:before{
  content:"";
  position:absolute;
  width:0px;
  height:0px;
  top:100%;
  left:30px;
  border-style:solid;
  border-width:20px 20px 0px 3px;
  border-color:#ffccff rgba(192,192,192,0);
}

/** 吹き出し（青） **/
.headding08 {
	background: #1d8ade;
	margin:0 0 30px 0;
	padding:12px 10px;
	color:#FFF;
	text-shadow:1px 1px 2px #333;
	position:relative;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-left:1px solid #036;
	border-top:1px solid #036;
	box-shadow:inset 1px 1px 4px #036;
	}

.headding08:before {
	content: ' ';
	position: absolute;
	z-index: 2;
	width: 0;
	height: 0;
	left: 14px;
	bottom: -27px;
	background: transparent;
	border-color: #1d8ade transparent transparent transparent ;
	border-style:solid;
	border-width:15px;
	}



/** 小見出し **/
.midashi3{
	position: relative;
	color: #111;
	font-size: 1.185em;
	font-weight: bold;
	margin: 0 0 1.5em;
	padding: 0.5em 0.5em 0.5em 1.7em;
	border-bottom: 3px solid #B92A2C;
}

.midashi3:before{
	content: "";
	position: absolute;
	background: #d48789;
	top: 0;
	left: 0.4em;
	height: 12px;
	width: 12px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.midashi3:after{
	content: "";
	position: absolute;
	background:#d26466;
	top: 1.0em;
	left: 0;
	height: 8px;
	width: 8px;
	transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
}

/** 青いラインに上下線の小見出し **/
.menuLineDouble {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:5px 0;
	border-color: #80CEDD;
	border-style:solid;
	background:#029EBC;
	color:#EBF7FA;
	line-height:190%;
	font-weight:bold;
	text-align:center;
}
/** 画像付き文章 **/
.imgspace {
  margin: 1em 0 0;
  width: 100%;
  overflow: hidden; /* clear float */
}

.imgspace h2 {
  margin: 1em 0;
  padding: 3px 10px;
  border-bottom: solid 3px #78CE7A;
  color: #363;
}

.imgspace p {
  margin: 1em 0 1em 10px;
}

.imgspace img.figure {
  float: right; /* 画像を左寄せにする場合は left */

  display: inline; /* for IE6,7 */
  margin: 0 0 1em 20px;
}

/** 写真ボーダー **/
.ptframe {
	 border:solid 1px #ccc;
	 padding:4px;
	 margin-left:30px;
}

/** ミニボックス4 **/
.divminibox4 {
  margin: 1em 0;
  border: solid 1px #285294;
}

.divminibox4 h6 {
  margin: 0 0 1em 0;
  background: #285294;
  padding: 5px 15px;
  color: #FFF;
}

.divminibox4 p {
  margin: 0.5em 15px 0.5em 30px;
}

.divminibox4 ol {
  margin-left: 0;
  padding-left: 0;
}

.divminibox4 ol li {
  margin-left: 60px;
  list-style: outside decimal;
}

/** 小さいボックス **/
.sboxtitle{
  background-color: #99BFFF;/*背景色*/
  color: #221122;/*文字色*/
  width: 380px;/*幅*/
  margin: 0px 0px 0px 15px;
  padding: 5px 1em;
  border-left: double 17px #3848C8;/*左の二本線*/
  border-right: dashed 2px #99BFFF;/*右の点線*/
  font-size: 12pt;/*文字サイズ*/
  font-weight: bold;/*太字*/

  }

.sboxtext{
  width: 377px;/*幅。上の幅から3だけマイナスして下さい*/
  padding: 8px 4px 7px 9px;
  margin: 0px 0px 0px 24px;
  border-left: solid 1px #000000;/*枠色*/
  border-bottom: solid 1px #000000;
  border-right: dashed 2px #FCFBFF;
  background-color: #FCFBFF;/*薄い背景色*/
  font-size: 11pt;/*文字サイズ*/
  }

/* 入塾まで */
.box10{
  width: 600px;/*全体の幅*/
  margin-top: 20px;
  font-size: 13px;/*文字サイズ*/
  border: solid 1px #6A6FBE;
  }

.box10 dt{/*タイトル部分の設定*/
  position: absolute;
  width: 200px;/*タイトルの幅*/
  font-weight: bold;/*太字*/
  margin: -12px 20px 0 20px;
  padding: 6px 0 4px 1em;
  border: solid 1px #6A6FBE;/*枠の色*/
  background: #FFFFFF;/*枠内の背景色*/
  }

.box10 dd{/*内容部分*/
  margin: 0;
  padding: 15px 0 8px 0;
  border: solid 1px #D4D6EC;/*枠の色*/
  }

.box10 dd p{/*段落*/
  padding: 0.7em;/*テキスト部分の余白*/
  margin: 0;
  }

.box10 dd div{/*float*/
  float: left;
  margin: 1em 1em 0 1em;
  width: 100px;
  height: 100px;
  }


.infotel{
	display: inline-block;
	float:left;
	background-image: url(https://eiken-academy.com/wp-content/uploads/2015/01/infotel.png);
	background-repeat: no-repeat;
	width:261px;
	height:93px;
	overflow:hidden;
	margin-left:15px;
text-indent:-9999px;
}

.infomail{
	float:left;
text-indent:-9999px;
}

.infomail a{
	background-image: url(https://eiken-academy.com/wp-content/uploads/2015/01/infomail.png);
	background-repeat: no-repeat;
	width: 261px;
	height:93px;
	float:left;
	margin-left:5px;
}

.infomail a:hover{
	background-position: bottom left;
}

/*! Main FAQ block */

#faq-block .faq-list {
	padding-left:15px;
}
.faq-taxonomy {
	padding:0 0 15px 15px;
}
/* list style shortcode */
#faq-block li.faqlist-question,
#faq-block li.faqlist-question a {
	color:#000;
	padding-bottom:4px;
	font-weight:bolder;
	font-size:110%;
	cursor:pointer;
}
/* standard shortcode */
#faq-block .single-faq .faq-question,
#faq-block .single-faq .faq-question a {
	color:#003366;
	padding-bottom:4px;
	font-weight:bold;
	font-size:100%;
	border-radius: 5px;         /* CSS3 */
	background-color: #ccffcc;   /* 背景色 */
	padding: 0.5em;
}
#faq-block .single-faq .expand-title {
	cursor:pointer;
}
/* combo shortcode */

#faq-block p.scroll-back {
	font-size: 90%;
}
/* pagination */
#faq-block .faq-list p.faq-nav a:hover {
	text-decoration:none;
}
#faq-block .faq-list p.faq-nav span.current {
	font-weight:bold;
}

/**! youtubeのレスポンシブデザイン **/
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/** 蛍光ペン **/
.underlight {
  background: linear-gradient(transparent 70%, #ff0 0%);
}


/*! フッター */

.footer{
	background-color: #0d448b;
	color: #ffffff;
	width: 100%;
	overflow: hidden;
}

.footer p{
	font-size: 10px;
}

.footer a{
	color: #ffffff;
}

.footer a:hover{
	text-decoration: none;
}

.pagetop{
	text-align: right;
	width: 850px;
	margin: 0 auto;
	height: 30px;
}

.footer > div{
	width: 850px;
	margin: 0 auto;
	padding-top: 25px;
	overflow: hidden;
}

.footer_logo{
/*!変更*/	
/*
	float: left;
line-height: 80%;
*/
padding-bottom: 10px;
display: flex;
align-items: center;
justify-content: space-around;
}

.footer_logo_white{
	width: 280px;
}

.footer_link{
	float: right;
	font-size: 14px;
	line-height:17px;
}

.footer_link p{
	text-align: right;
	padding-bottom: 5px;
}

.copyright{
	display: block;
	background-color: #0068b7;
	font-weight: bold;
	text-align: center;
	padding: 5px 0;
}

.about .junior-sk h3 {
	font-weight:bold;
	line-height:1.25;
	border:2px solid #073681;
	border-right:10px solid #073681;
	border-left:10px solid #073681;
	background:#ffffdd;
	padding:0.3em 0.8em;
	margin:0 auto 0.7em;
}
.about .junior-sk h3.imageH3, .about .junior-sk .box h4.imageH4 {
	border:none;
	background:none;
	padding:0;
	margin:0 auto 0.5em;
}
.about .junior-sk .box h4.imageH4 img {
		magin-right: 20px;
}
.about .junior-sk img.pioneer {
	margin:0 auto 3em;
}

.about .junior-sk .box {
	margin:0 auto 3em;
	width:100%;
}
.about .junior-sk .box h4 {
	color:#073681;
	border:1px solid #073681;
	padding:0.5em 0.8em;
	line-height:1.9;
	background:#ffffdd;
	font-weight:bold;
	margin:0 auto 0.5em;
}
.about .junior-sk .box ul {
	padding:0;
	margin:0 auto 1.5em;
	width:95%;
	font-size:1.1em;
}
.about .junior-sk .box ul li {
	list-style:disc;
	margin:0 0 0.5em 1.25em;
}
.about .junior-sk .box p {
	padding:0;
	margin:0 auto 0.75em;
	width:95%;
}
.about .junior-sk .box p br {
	clear:none;
}
.about .junior-sk .box img.fRight {
	float:right;
	margin:0 0 0 1.5em;
}
img.fRight {
	float:right;
	margin:0 0 0 1.5em;
}
#fRight_sp {
	float:right;
	margin: 0px 10px 0px 0px;
		height: 20px;
}
.fRight {
	float:right;
	margin:0 0 0 1.5em;
}
.about .junior-sk .box img.wide {
	margin:0 auto 0.75em;
}
.about .junior-sk .box.voice dl {
	margin:0 auto 1.5em;
}
.about .junior-sk .box.voice dl dt {
	color:#073681;
	font-weight:bold;
	font-size:1.2em;
	border-bottom:1px dotted #073681;
}
.about .junior-sk .box.voice dl dd {
}
.about .junior-sk .box.voice dl dd.result {
}
.about .junior-sk .box.voice dl dd.result strong {
	color:#cc0000;
	font-size:1.2em;
}
.about .junior-sk .box.voice dl dd.result strong span {
	font-size:1.5em;
}
.about .junior-sk .box.voice dl dd.voice {
}
.about .junior-sk .box.faq dl {
	margin:0 auto 1.5em;
}
.about .junior-sk .box.faq dl dt {
	color:#073681;
}
.about .junior-sk .box.faq dl dt span {
	font-size:1.2em;
	font-weight:bold;
}
.about .junior-sk .box.faq dl dd {
	margin-left:1.3em;
	text-indent:-1.3em;
}
.about .junior-sk .box.faq dl dd span {
	font-size:1.2em;
	font-weight:bold;
	color:#cc0000;
}

.about .junior-sk .box table.simple {
	padding:0;
	margin:0 auto 0.75em;
	width:95%;
	border-top:1px solid #666666;
	border-left:1px solid #666666;
}
.about .junior-sk .box table.simple td {
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	background:#eeeeff;
	padding:0.5em 1em;
}




.about .junior-sk img.under {
	display:block;
	margin:0 auto 3em;
}
.about .junior-sk .box h5 {
	color:#073681;
	border-bottom:1px solid #073681;
	border-left:0.5em solid #073681;
	padding:0.25em 0.8em;
	line-height:1.9;
	font-weight:bold;
	margin:0 auto 0.5em;
}
.about .junior-sk .box .wrap {
}
.about .junior-sk .box .wrap.twoxtwo {
}
.about .junior-sk .box .wrap.twoxtwo dl {
	float:left;
	width:300px;
	margin:0 4px 1.5em;
}
.about .junior-sk .box .wrap.twoxtwo dl dt {
	color:#073681;
	font-weight:bold;
}
.about .junior-sk .box .wrap.twoxtwo dl dd {
}
.about .junior-sk .box .wrap.twoxtwo dl dd.image {
}
.about .junior-sk .box .wrap.twoxtwo dl dd.image img {
}
.about .junior-sk .box .wrap.twoxtwo dl dd.read {
}

.bluetable {
	width: 630px;
	border:3px solid #0153ad;
}

.tabledot{
	padding: 10px 21px 5px;
	border-bottom:dotted 1px #575758;
}
.tableleft{
	float: left;
	width: 60px;
	height: 42px;
}

.beige{
	padding: 10px;
	margin: 10px;
	background-color: #fffcea;
}

.blueflame{
	border-right:3px solid #0153ad;
	border-left:3px solid #0153ad;
	border-bottom:3px solid #0153ad;
}
.font00{
	font-size:22px;
	font-weight: bold;
	color: #0153ad;
}
.center{
	margin-right: auto;
	margin-left: auto;
}
.table00{
	padding: 12px 18px;
}
#picture-right{
	float: right;
	width: 267px;
	height: 180px;
	padding: 10px;
}
#flame_access_left{
	float: left;
	width: 324px;
	height:271px;
	margin: 10px;
}
#flame_access_right{
	float: right;
	width: 280px;
	line-height: 1.9;
}
#video {
	padding: 12px;
}
#side_width img{
	width: 180px;
}
.dif_reason{
	float: left;
	margin: 10px 10px 0px 0px;
}
.center .dif_title{
	color: #CF1F17;
	font-size: 29px;
	font-weight: bold;
	margin: 25px 0px;
	line-height: 54px;
}
.case_eiaca{
	float: left;
	width: 310px;
	margin-right: 10px;
	border: 3px solid #FF605C;
}
.case_eiaca_title{
	background-color: #FF605C;
	height: 68px;
}
.case_eiaca_p{
	text-align: center;
	color: #fff;
	font-size: 33px;
	font-weight: bold;
}
.case_eiaca_left1{
	float: left;
	padding: 8px 6px 0px 10px;
}
.case_eiaca_left2{
	float: left;
	height: 64px;
	padding: 8px 6px 0px 10px;
}
.case_eiaca_contents{
	color: #CF1E14;
	padding: 0px 0px 0px 0px;
	font-size: 19px;
	font-weight: bold;
	width: 260px;
}
.case_eiaca_sentence{
	padding: 5px 10px 10px;
}

.case_another{
	width: 310px;
	border: 3px solid #666666;
}
.case_another_title{
	background-color: #666666;
	height: 68px;
}
.case_another_p{
	text-align: center;
	color: #fff;
	font-size: 33px;
	font-weight: bold;
}
.case_another_left1{
	float: left;
	padding: 8px 6px 0px 10px;
}
.case_another_left2{
	float: left;
	padding: 8px 6px 0px 10px;
	height: 64px;
}
.case_another_contents{
	color: #8C8C8C;
	padding: 0px 0px 0px 0px;
	font-size: 19px;
	font-weight: bold;
	width: 260px;
}
.case_another_sentence{
	padding: 5px 10px 10px;
}
.reason_num{
	padding: 0 0 0 10px;
	width: 113px;
	height: 48px;
}
.reason_text{
	padding: 20px 0 30px 8px;
}
.about .reasonh3{
	color: #00BCB5;
	font-weight: bold;
}
.reason_why{
	padding: 0 0 0 10px;
	width: 580px;
}
.eiakanara{
	border: solid 3px #01BCB5;
	padding: 0 0 0 0;
	width: 622px;
}
.eiakanara_2{
	background: url(https://eiken-academy.com/wp-content/uploads/2016/06/yajirusi.fw_.png);
	background-repeat: no-repeat;
	padding: 0 0 0 100px;
	height: 80px;
	color: #CC2210;
	font-size: 17px;
	font-weight: bold;
}
.eiakanara_text{
	padding: 15px 17px 15px 20px;
}
#tangoatama{
	margin-left: -25px;
}
#tangoatama #kansei{
	margin-left: 25px;
}
#left-image{
	float: left;
	width: 470px;
	height: 150px;
}
.about .reasonh3_nt{
	color: #00478C;
	font-weight: bold;
}
.eiakanara_nt{
	border: solid 3px #FEB352;
	padding: 0 0 0 0;
	width: 622px;
}
.eiakanara_2_nt{
	background: url(https://eiken-academy.com/wp-content/uploads/2016/06/yajirusi.fw_-1.png);
	background-repeat: no-repeat;
	padding: 0 0 0 100px;
	height: 80px;
	color: #CC2210;
	font-size: 17px;
	font-weight: bold;
}

.tddddd {
width:625px;
height:100%;
	background:-webkit-gradient(linear,left top,left bottom, from(#f2f2f2), to(#bfbfbf));
	background:-moz-linear-gradient(top, #f2f2f2, #bfbfbf);
	background:linear-gradient(top, #f2f2f2, #bfbfbf);
}


.con{
	margin: 7px;
	background-color: #fff;
	width: 625px;
}
.eikentaisaku{
	border: solid 3px #01BCB5;
	padding: 0 0 0 0;
	width: 625px;
}
.eikentaisaku_2{
	background: url(https://eiken-academy.com/wp-content/uploads/2016/06/yajirusi.fw_.png);
	background-repeat: no-repeat;
	padding: 0 0 0 100px;
	height: 80px;
	color: #CC2210;
	font-size: 23px;
	font-weight: bold;
	width: 622px;
}
.eikentaisaku_text{
	padding: 15px 17px 15px 20px;
	width: 622px;
}
.eikentaisaku_title{
	background-color: #01BCB5;
	text-align: right;
	width: 622px;
}
.eikentaisaku_title img{
	margin: 3px 0px;
}
.h2eiken{
	border-left: solid 10px #0072b9;
	color: #0072b9;
	margin: 50px 0px 20px;
	padding-left: 15px;
	font-size: 23px;
	font-weight: bold;
}
.con .h3eiken{
	border-left: solid 5px #e41300;
	color: #e41300;
	margin: 10px 5px;
	font-size: 23px;
	font-weight: bold;
	padding-left: 14px;
}
.con .h3eiken b{
	color: #000;
	font-size: 20px
}
.eikentaisakuimg{
	margin: -2px;
}
.con .h3eiken_2{
	color: #e41300;
	padding: 15px 0px 5px 15px;
	font-size: 23px;
	font-weight: bold;
}
.mokutekibetu{
	border: solid 3px #01BCB5;
	padding: 0 0 0 0;
		margin: 0 0 20px 0;
	width: 622px;
}
.mokutekibetu_2{
	background: url(https://eiken-academy.com/wp-content/uploads/2016/09/yajirusi.png);
	background-repeat: no-repeat;
	padding: 0 0 0 100px;
	height: 80px;
	color: #007b72;
	font-size: 20px;
	font-weight: bold;
}
.mokutekibetu_2 b{
	color: #cc2110;
	font-size: 23px;
	font-weight: bold;
}
.mokutekibetu_text{
		background: url(https://eiken-academy.com/wp-content/uploads/2016/09/tensen_eikentaisaku.png) no-repeat;
	padding: 15px 17px 15px 20px;
}
#mokutekibetu_2_sp{
	background: url(https://eiken-academy.com/wp-content/uploads/2016/09/yajirusi.png);
	background-repeat: no-repeat;
	padding: 8px 0 5px 100px;
	height: 80px;
	color: #007b72;
	font-size: 20px;
	font-weight: bold;
}
#mokutekibetu_2_sp b{
	color: #cc2110;
	font-size: 23px;
	font-weight: bold;
}
.QaA dt{
  color: #d96d00;
  margin-bottom: 20px;
}
.QaA dd{
  color: #333;
  margin-bottom: 40px;
}
/*************/
/*! 新規追加分 */
/*************/

.to_contact a:hover{
	opacity: 0.7;
}

#news .date {
	width: 100px;
}

.info_title{
	padding-bottom:10px;
}



/*!footer*/
.footer_link{
	float: unset;
	display: flex;
	justify-content: space-between;
	line-height: unset;
}

  .footer__feature, .footer__course, .footer__tend, .footer__plan, .footer__search-class,.footer__area-pref{
	  display: flex;
	  flex-direction: column;
	  margin-right: 10px;
	  width: 24%;
  }
  
  .footer__area{
	  font-size:15px;
  }
  
  .footer__area-list{
	  display: flex;
	  justify-content: space-between;
	  margin-bottom: 10px;
	  font-size:14px;
  }

	.footer__list-title{
	  font-size:16px;
  }
  	.dropmenu li{
		  width: 100%;
	  }
	
	.dropmenu li ul li{
		width: 225px;
	}
	
	.dropmenu_down::after{
		content: '';
		position: absolute;
		right: 5%;
		top: 65%;
		width: 8px;
		height: 8px;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		transform: translateY(-50%) rotate(45deg);
		transition: transform 0.3s;
	}

/*! sidebar */
	.main-content{
		display: flex;
		justify-content: space-between;
	}
	
	.sidebar{
		
	}
	
/*!学校一覧*/
table.school tr td{
	vertical-align: baseline!important;
	background-position: 5px 18px!important;
}
	
/*!レスポンシブ用矯正上書き*/
	/* 1. 基本設定の修正 */
	* {
	  box-sizing: border-box;
	}
	
	/* 2. コアコンテナの修正 */
	.wrapper {
	  width: 100%;
/*	  overflow-x: hidden;*/
	  background:#F4F2F2;
	}
	
	.container {
	  width: 100%;
	  /*max-width: 870px;*/
	  margin: 95px auto 0;
	}
	
	.main {
	  width: 100%;
	  max-width: 850px;
	  margin: 0 auto;
	}
	
	/* 3. メインカラムのレイアウト修正 */
	.main-content {
	  display: flex;
	  flex-wrap: wrap;
	  /*gap: 20px;*/
	}
	
	.left {
	  flex: 1;
	  min-width: 0;
	  max-width: 100%;
	}
	
	.right.sidebar {
	  width: 175px;
	}
	
	.about table{
		margin-left: 0!important;
	}

/*!ここが違う*/

table.case_eiaca,table.case_another{
	font-size:0.95em!important;
	margin-bottom:30px;
}

table.case_another:last-child{
	margin-bottom:50px;
}

table.case_eiaca{
	margin-bottom:10px;
}

table.case_eiaca tbody tr:nth-child(2) td,table.case_another tbody tr:nth-child(2) td{
	display: flex;
	flex-direction:row;
	align-items: center;
}

table.case_eiaca tbody tr:nth-child(2) td figure,table.case_another tbody tr:nth-child(2) td figure{
	margin:0 5px!important;
}
/*!空白要素非表示*/
table.case_eiaca tbody tr td .case_eiaca_left1,table.case_another tbody tr td .case_another_left1,
table.case_eiaca tbody tr td .case_eiaca_left2,table.case_another tbody tr td .case_another_left2,
table.case_eiaca tbody tr td .case_eiaca_left3,table.case_another tbody tr td .case_another_left3,
table.case_eiaca tbody tr td .case_eiaca_left4,table.case_another tbody tr td .case_another_left4,
table.case_eiaca tbody tr td .case_eiaca_left5,table.case_another tbody tr td .case_another_left5,
table.case_eiaca tbody tr td .case_eiaca_left6,table.case_another tbody tr td .case_another_left6,
table.case_eiaca tbody tr td .case_eiaca_left7,table.case_another tbody tr td .case_another_left7,
table.case_eiaca tbody tr td .case_eiaca_left8,table.case_another tbody tr td .case_another_left8,
table.case_eiaca tbody tr td .case_eiaca_left9,table.case_another tbody tr td .case_another_left9,
table.case_eiaca tbody tr td .case_eiaca_left10,table.case_another tbody tr td .case_another_left10
{
	display: none;
}

table.case_eiaca td.case_eiaca_sentence img,table.case_another td.case_another_sentence img{
	margin-top:10px;
}

#sp-fix-menu{
	display: none;
}
	
	/* 4. レスポンシブ対応の強化 */
	@media screen and (max-width: 825px) {
	  .wrapper{
		  background:none;
	  }
		
	  .main-content {
		flex-direction: column;
	  }
	  
	  .container{
		  margin: 80px auto 0;
	  }
	  
	  .footer_logo_white{
		  margin-top:50px;
		  width: 310px!important;
	  }
	
	  .left, 
	  .right.sidebar {
		width: 100%!important;/*! 追加 2025/01/22*/
		max-width: none;
	  }
	
	  .main, .header .header_top, .dropmenu, .footer > div{
		width: 100%!important;
	  }
	  
	  .sidebar{
		  display: none;
	  }
	  .main-content .left,.about > h4 {
		  width: 100%!important;
	  }
	  
	  iframe,video{
		  width: 100%;
		  height: 250px;
	  }
	  
	  table{
		  width: 100%!important;
		  margin-left:0!important;
	  }
	  
	  table tr[style*="border-bottom: solid 1px blue"]{
		  line-height: 1.5;
	  }
	  
	  table tr[style*="border-bottom: solid 1px blue"] td{
		  padding:5px 0;
		  vertical-align: top;
		  font-size: 13px;
	  }
	  
	  p{
		  width: 100%!important;
	  }
	  
	  img,p img, a img{
		  width: 100%!important;
		  height: auto;
	  }
	  
	  ul li{
		  font-size: 14px!important;
		  line-height: 1.6!important;
	  }
	  
	  p.pagetop{
			width: 50%!important;
			float: right;
		}
	  
	  h2.tama{
		  width: 100%!important;
		  font-size: 80%!important;
	  }
	  
	  .about p{
		  margin: 10px 0!important;
		  padding-left: 0!important;
		  font-size: 14px;
		  line-height: 1.6!important;
	  }
	  
	  .about div{
		  width: 100%!important;
		  //padding-left:0!important;
		  margin: 20px 0!important;
	  }
	  
	  .about > h3 {
			font-size: 20px!important;
			line-height: 1.3!important;
		}
	  
	  .about > h4 {
		  font-size: 18px!important;
		  line-height: 1.3!important;
	  }
	  
	  .to_contact a{
	  width: 100%!important;
	  height: 140px!important;
	  background-size: 100%!important;
	  }
	  
	  img[src$="juussyo.fw_.png"],
	  img[src$="accesss.fw_.png"]
	  {
	  width: auto!important;
	  }
	  
	  /*!ブログ*/
	  
	  .pankuzu{
		  line-height: 1.3;
	  }
	  #news{
		  margin-top:-20px!important;
	  }
	  	  
	  .info_title{
		  display: flex;
	  }
	  
	  .info_title h2{
		  width: 78%;
		  font-size: 16px!important;
	  }
	  
	  #news .date{
		  width: 85px!important;
		  height: 65px!important;
		  line-height: 1.4;
		  padding-left:10px!important;
	  }
	  
	  #news .info_title{
		  margin:0!important;
	  }
	  
	  #news .info_title_head{
		  margin:0!important;
	  }
	  
	  #news .more{
		  text-align: center;
	  }
	  
	  /*!教室一覧*/
	  table[style*="border-collapse: collapse; margin-left: 10px"][style*="width: 100%"][style*="height: 1014px"] tr[style*="border-bottom: solid 1px blue"]{
		  line-height: 1.5!important;
	  }
	  
	  table[style*="border-collapse: collapse; margin-left: 10px"][style*="width: 100%"][style*="height: 1014px"] tr[style*="border-bottom: solid 1px blue"] td{
		  padding:5px 0!important;
	  }
	  
	  /*!コース詳細*/
	  .ptframe{
		  margin-left:0!important;
	  }
	  
	  div[style*="width: 95%"][style*="font-size: 120%"][style*="font-weight: 600"][style*="background-color: white"][style*="border: 1px solid maroon"] {
		  padding: 5px 10px!important;
		  margin:5px 0!important;
	  }
	  
	  div[style*="line-height:1.8em"][style*="padding-left:10px"]{
		  line-height: 1!important;
		  padding-left: 0!important;
	  }
	  
	  div[style*="line-height:1.8em"][style*="padding-left:10px"] p{
		  padding:5px 10px!important;
	  }
	  
	  blockquote[style*="border: 1px solid azure"][style*="padding: 20px"][style*="background-color: cornsilk"][style*="margin: 0px  10px"]{
			padding:15px!important;
			line-height: 1.6!important;
	  }
	  
	  .wrap.twoxtwo.high dl{
		  width: 100%!important;
		  margin:0 auto 15px!important;
		  font-size: 14px!important;
		  line-height: 1.5!important;
	  }
	  
	  table.mokutekibetu{
		  line-height: 1.5!important;
	  }
	  
	  .mokutekibetu_2{
		background-size: 100%;
		padding: 7px 0 5px 50px;
		line-height: 1.5;
	  }
	  
	  #mokutekibetu_2_sp,#fRight_sp,.mokutekibetu_2{
			height: auto;
		}
	  
	  #mokutekibetu_2_sp{
		  display: flex;
		  flex-direction: column-reverse;
		  background-size: 100%;
		  padding: 7px 0 5px 50px;
	  }
	  
	  #mokutekibetu_2_sp div{
		  margin:0!important;
		  line-height: 1.5;
	  }
	  
	  .about div .fRight {
		  text-align: center;
		  margin:0!important;
	  }

	  #fRight_sp img{
		  width: 45%!important;
		  padding-top: 10px;
	  }
	  
	  .mokutekibetu_text img,.about div img.fRight{
		  margin-bottom: 10px!important;
	  }
	  
	  img[alt="お子さんが眠気を感じていたら仮眠を！"] {
		  margin-left: 0!important;
		  margin-right: 0!important;
	  }

	  div[style*="border: 1px solid pink"]{
			padding:5px;
		}
		
	table.school tr td {
		font-size: 85%!important;
		line-height: 1.5!important;
		background-position: 5px 14px !important;
	}
	
	table.school tr td p{
		font-size: 13px!important;
		line-height: 1.5!important;
	}
	
	.left .about p.right{
		width: unset!important;
		padding-right: 0!important;
		margin-left:5px!important;
		margin-bottom:0px!important;
	}
	/*!中学・高校一覧の画像が3つ並んだtable*/
	h2.tama+table td{
		display: block;
		width: 100%;
	}
	
	/*!中学・高校一覧の学年別目標のtable*/
	table.studygoal::before{
		content: "※横にスクロールできます";
		font-size: 12px;
	}
	
	table.studygoal{
		display: block;
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
	
	.about div.testlist{
		margin-top:30px!important;
	}
	
	.about .center figure{
		text-align: center;
	}
	
	figure img[alt="dif1"],figure img[alt="dif2"],figure img[alt="dif3"],figure img[alt="dif4"],figure img[alt="dif5"],
	figure img[alt="dif6"],figure img[alt="dif7"],figure img[alt="dif8"],figure img[alt="dif9"],figure img[alt="dif10"]{
		width: 50%!important;
	}
	
	figure+div.dif_reason{
		display: none;
	}
	
	figure+div.dif_reason+h3{
		text-align: center;
		margin:0 0 20px 0!important;
	}
	
	table.case_eiaca tr.case_eiaca_title p.case_eiaca_p,table.case_another tr.case_another_title p.case_another_p{
		font-size: 1.3em;
	}
	
	table.case_eiaca,table.case_another{
		font-size:1em!important;
		margin-bottom:1em;
		line-height: 1.3;
	}
	
	table.case_eiaca p.case_eiaca_contents,table.case_another p.case_another_contents{
		font-size:1.1em;
	}
	
	/*!コンタクト*/
	.wpcf7 .screen-reader-response {
		width: 50%!important;
	}
	
	input#addr{
		width: 100%;
	}
/*!入塾までの流れ*/
	div.about dl.box10{
		width: 100%;
	}
	div.about dl.box10 dd{
		padding:10px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	div.about dl.box10 dd div{
		width: 80%!important;
		margin: 0!important;
		height: auto;
	}
	
	div.about dl.box10 dd p:has(>.infotel){
		display: flex;
		flex-direction: column;
		align-items: center;
		padding:0;
	}
	
	div.about dl.box10 dd p span.infotel{
		margin-bottom:10px;
		margin-left:0px;
	}
/*!ニュートレジャー対策の画像*/
	.samplearea{
		display: flex;
	}
	
	table#nayamimenu tr{
		display: flex;
		justify-content: center;
		gap:15px;
	}
	
	img[src*="2016/09/imagepoint2.png"],img[src*="2019/01/0ffa0caa35e9612604b13212fd031291_t.jpg"], img[src*="2016/06/image1.fw_-1.png"]{
		margin-left:0!important;
	}
	
	p[style*="border:1px solid #998800;width:86%;margin-left:15px;"]
	{
		padding:5px!important;
	}
	
/*!5つのヒミツ*/
	div.samplearea .blockb a,div.samplearea .blockc a,div.samplearea .blockd a,div.samplearea .blocke a,div.samplearea .blockf a{
		background-image: none!important;
		width: auto!important;
		margin:0!important;
		float:none;
	}
	
	.headding02{
		font-size: 1.2em;
	}
	
/*!footer*/
	.footer > div{
		padding:10px;
	}	
	
	.footer_logo{
		flex-direction: column;
	}
	
	.footer_link{
		flex-wrap: wrap;
	}
	
	.footer_link:last-child{
		float:left;
	}
	
	.footer__feature, .footer__course, .footer__tend, .footer__plan{
		width: 50%;
		margin-bottom:25px;
	}
	
	.footer__feature, .footer__course, .footer__tend, .footer__plan, .footer__search-class,.footer__area-pref{
		margin-right: 0;
		line-height: 1.2;
		gap: 10px;
	}
	
	#sp-fix-menu{
		display:block;
		position: sticky;
		width: 100%;
		bottom: -1px;
		font-size: 0;
		z-index: 99;
	}
	
}
/*!▼共通CTA*/
	
		
/* Main container */
.common-cta {
	position: relative;
	width: 100%;
	max-width: 850px;
	height: auto;
	aspect-ratio: 900 / 452;
	background-image: url('https://eiken-ac.h2-server.com/wp-content/themes/eiken/images/common-cta.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	border-radius: 12px;
}

/* Buttons container */
.common-cta__buttons {
	position: absolute;
	bottom: 10%; /* パーセンテージベースの位置指定 */
	left: 3.5%; /* パーセンテージベースの位置指定 */
	display: flex;
	flex-direction: row;
	gap: 1%;
	width: 63%!important; /* 650px / 850px */
}

/* Button wrapper */
.common-cta__button-wrapper {
	position: relative;
}

.common-cta__button-wrapper--red {
	width: 190px; /* 190px / 850px */
}

.common-cta__button-wrapper--yellow,
.common-cta__button-wrapper--blue {
	width: 165px; /* 160px / 850px */
}

/* Free tag */
.common-cta__tag {
	background-color: white;
	color: #e42d1e;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 12px;
	border-radius: 10px;
	position: absolute;
	top: -18px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	text-align: center;
	min-width: 60px;
}

.common-cta__tag--yellow {
	color: #f3c222;
}

.common-cta__tag--blue {
	color: #2063e2;
}

.common-cta__tag--black {
	color: #000;
}

.common-cta__tag::after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid white;
}

/* Button */
.common-cta__button {
	width: 100%;
	height: 50px;
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 7px 0 0;
	color: white;
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
	position: relative;
}

.common-cta__button--red {
	background-color: #e42d1e;
}

.common-cta__button--yellow {
	background-color: #f3c222;
}

.common-cta__button--blue {
	background-color: #2063e2;
}

/* Badge */
div.common-cta__badge {
	background-color: white;
	color: #e42d1e;
	width: 35px;
	height: 35px;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	line-height: 1.1;
	margin:0 0 0 5px!important;
	font-size: 10px;
	text-align: center;
}

.common-cta__badge--yellow {
	color: #f3c222!important;
}

.common-cta__badge--blue {
	color: #2063e2!important;
}

.common-cta__badge--black-bg {
	background-color: #000!important;
}

/* Button text */
.common-cta__button-text {
	flex-grow: 1;
	text-align: center;
	font-size: 13px;
}

.common-cta__button-text--black {
	color: #000;
}

/* Arrow */
div.common-cta__arrow {
	background-color: white;
	width: 18px!important;
	height: 18px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	line-height: 1;
	color: #212121;
	margin:0!important;
}

.common-cta__arrow--red {
	color: #e42d1e!important;
}

.common-cta__arrow--yellow {
	color: #f3c222!important;
}

.common-cta__arrow--blue {
	color: #2063e2!important;
}

.common-cta__arrow--black-bg {
	background-color: #000!important;
}

/* 2段目のボタン用コンテナ */
.common-cta__secondary-buttons {
	display: flex;
	gap: 1%;
}

.common-cta__spOnly{
	display: none;
}	

/* Media queries */
@media (max-width: 825px) {
	.common-cta__pcOnly{
		display: none;
	}
	
	.common-cta__spOnly {
		display: inline;
	}
				
	div.common-cta {
		aspect-ratio: 772 / 553;
		max-width: 100%!important;
		background-image: url('https://eiken-ac.h2-server.com/wp-content/themes/eiken/images/common-cta_tab.png');
	}
	
	div.common-cta__buttons {
		flex-direction: column;
		top: 65%; /* 一貫性を保持 */
		left: 5%; /* 一貫性を保持 */
		gap: 2%;
		width: 60%!important; /* コンテナの幅に対する相対値 */
		max-width: none;
		margin:0!important;
	}
	
	/* 赤いボタンのラッパー */
	div.common-cta__button-wrapper--red {
		width: 100%;
		margin:0 0 .8em 0!important;
	}
	
	/* 2段目のボタン用コンテナ */
	div.common-cta__secondary-buttons {
		display: flex;
		justify-content: space-between;
		width: 100%!important;
		gap: 4%;
		margin:0!important;
	}
	
	/* 黄色と青のボタン */
	div.common-cta__button-wrapper--yellow,
	div.common-cta__button-wrapper--blue {
		width: 48%!important;
		margin:0!important;
	}
	
	div.common-cta__button {
		height: 50px;
	}
				
	.common-cta__button--red{
		height: 60px;
	}
	
	.common-cta__button--red div.common-cta__badge{
		width: 45px!important;
		height: 45px!important;
		font-size: 12px;
	}
	
	.common-cta__button--red .common-cta__button-text{
		font-size:23px;
	}
	
	div.common-cta__badge {
		width: 35px!important;
		height: 35px!important;
		font-size: 9px;
	}
	
	div.common-cta__button-text {
		font-size: 14px;
	}
}

@media (max-width: 620px) {
	div.common-cta {
		aspect-ratio: 357 / 328;
		max-width: 100%!important;
		background-image: url('https://eiken-ac.h2-server.com/wp-content/themes/eiken/images/common-cta_sp.png');
	}
	
	
	.common-cta__button {
		border-radius: 5px;
	}
	
	div.common-cta__buttons {
		top: 60%;
		left: 7.5%; /* 一貫性を保持 */
		gap: 9px;
		width: 56%!important; /* 小さな画面用に幅を調整 */
	}
	
	
	/* 2段目のボタン用コンテナを縦方向に変更 */
	div.common-cta__secondary-buttons {
		flex-direction: column;
		width: 100%!important;
		gap: 9px;
	}
	
	/* 黄色と青のボタンを横幅いっぱいに */
	div.common-cta__button-wrapper--yellow,
	div.common-cta__button-wrapper--blue {
		width: 100%!important;
	}
	
	.common-cta__button {
		height: 25px;
	}
	
	div.common-cta__button-wrapper--red {
		margin-bottom:0!important;
	}
	
	.common-cta__button--red div.common-cta__badge ,div.common-cta__badge {
		width: 20px!important;
		height: 20px!important;
		font-size: 6px;
		border-radius:5px;
	}
	
	.common-cta__button--red .common-cta__button-text,.common-cta__button-text {
		font-size: 11px;
	}
	
	div.common-cta__arrow {
		width: 18px!important;
		height: 18px;
	}
	
	/* タグの位置調整 */
	.common-cta__tag {
		font-size: 10px;
		padding: 1px 10px;
	}
}
/*!▲共通CTA*/


/*!▼共通CTA ver2*/

.top-cta .common-cta_container{
	display: flex;
	justify-content: center;

}

.top-cta .common-cta_container .common-cta_pc{
	width: 90%;
	max-width: 850px;
}

.common-cta_container{
	margin:2.5em 0;
	display: flex;
	justify-content: center;
}

.common-cta_pc{
	display: block;
	position: relative;
	width: 830px;
	max-width: 100%;
}

.common-cta_background {
	width: 100%;
	border-radius: 16px;
	display: block;
}

.common-cta_buttons-container {
	display: flex;
	flex-direction: column;
	gap: 20px;
	position: absolute;
	bottom: 6%;
	width: 100%!important;
	padding: 0 20px;
	box-sizing: border-box;
	align-items:center;
}

.common-cta_button {
	display: block;
	width:100%!important;
	transition: transform 0.2s;
}

.common-cta_button:hover {
	transform: scale(1.02);
	cursor: pointer;
}

.common-cta_buttons-container .common-cta_button-row {
	display: flex;
	gap: 10px;
	justify-content: center;
	width: 82%!important;
}

.common-cta_half-button {
	width: 100%!important;
}

/* aタグ自体にもボタンと同じスタイルを適用 */
.common-cta_buttons-container > a {
	display: flex;
	width: 82%;
	justify-content: center;

}

.common-cta_button-row > a {
	display: flex;
	justify-content: center;
	width: 100%;
}

/* 画像の幅を親要素に合わせる */
.common-cta_buttons-container a img {
	width: 100%;
}


.common-cta_sp{
	display: none;
}

@media screen and (max-width: 825px) {
	.about .common-cta_buttons-container {
		margin: 0 !important;
		gap:0;
		bottom: 2%;
	}
}


@media (max-width: 500px) {
	.top-cta .common-cta_container .common-cta_sp{
		width: 90%;
	}
	
	.common-cta_pc{
		display: none;
	}
	
	.common-cta_sp{
		display: block;
		position: relative;
		width: 600px;
		max-width: 100%;
	}
	
	.common-cta_sp .common-cta_button{
		width:100%!important;
	}
	
	.common-cta_buttons-container {
		gap: 15px!important;
		bottom: 4%!important;
	}
}

/*!▲共通CTA ver2*/

/*!コンタクトフォーム */
/******************************/
/** コンタクトフォームの装飾 **/
/******************************/
/*　フォーム全体　*/
#cf7-area {
width:100%;
margin: 0 auto;
font-family: “遊ゴシック","ヒラギノ角ゴ","メイリオ","MS Pゴシック",sans-serif;
}

.cf7-item {
display: flex;
align-items: center;
justify-content: flex-start;
margin: 0 0 1.75em;
}

.cf7-q {
width: 30%;
margin: 0 0 0 10px;
}

.cf7-a {
width: 60%;
}

/*　見出し　*/
.form-heading
{
width: 100%;
background-color: #094588;
border-left: 1em solid #012d77;
border-radius: 2px;
color: #ffffff;
font-weight: bold;
padding: 1em .8em;
margin: 0 0 2em;
}

.form-heading p {
margin: 0;
}

/* 各項目共通 */
#cf7-area label{
font-weight:bold;
}

#cf7-area input[type="text"],#cf7-area input[type="email"],#cf7-area input[type="tel"],#cf7-area textarea {
background: #F0F8FF;
width:100%;
margin-left:10px;
padding:12px;
border:1px solid #333;
border-radius: 5px;
}

#cf7-area input[type="text"]:focus,#cf7-area input[type="email"]:focus,#cf7-area input[type="tel"]:focus,#cf7-area textarea:focus {
background: #FFE4E1;
border: 2px solid #FF1493;
outline: 0;
}

#cf7-area input[type="checkbox"], #cf7-area input[type="radio"]{
appearance: auto;
}

#cf7-area .wpcf7-list-item {
display: block;
}

#cf7-area textarea{
height:200px;
padding: 0.625em 0.4375em;
}

.cf7-accept-check{
text-align: center;
margin: 50px auto;
}

.cf7-submit {
width: 40%;
margin: 0 auto;
text-align: center;
}

#cf7-area input[type="submit"]
{
width: 100%;
background-color: #012d77;
color: #ffffff;
border-radius: 5px;
font-size: 1.2em;
padding: 1em 10px;
}

#cf7-area input[type="submit"]:hover
{
background-color:#ffffff;
border: 2px solid #012d77;
color:#012d77;
}

.cf7-btn{
width: 40%;
margin: 0 auto;
text-align: center;
}

/*　必須ラベル　*/
.cf7-req{
font-size:.8em;
padding: 4px 6px;
background: #eb2a2a;
color: #ffffff;
margin-left: 10px;
display:inline-block;
}



.wpcf7-list-item {
	display: block;
	line-height: 1;
}
.wpcf7-list-item + .wpcf7-list-item {
	margin-top: 8px;
}
input[type="checkbox"] {
	display: none;
}
.wpcf7-list-item-label {
	position: relative;
	height: 20px;
	line-height: 20px;
	padding-left: 25px;
	display: inline-block;
}
.wpcf7-list-item-label::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	border: 2px solid;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
}
input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
	content: "";
	display: block;
	width: 8px;
	height: 6px;
	border-top: 3px solid #3d8582;
	border-right: 3px solid #3d8582;
	transform: rotate(135deg);
	position: absolute;
	left: 5px;
	top: 4px;
}

input[type="radio"] {
	display: none;
}

input[type="radio"] + .wpcf7-list-item-label::before{
	border-radius: 10px;
}

input[type="radio"]:checked + .wpcf7-list-item-label::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #012d77;
	position: absolute;
	left: 5px;
	top: 5px;
}

input[type="checkbox"] + .wpcf7-list-item-label ,input[type="radio"] + .wpcf7-list-item-label{
	font-weight: 500;
}

.wpcf7-radio{
	display: flex;
	align-items: baseline;
}

.wpcf7-select{
	padding:1em;
	width: 100%;
	margin-left:10px;
}

.cf7-select {
  position: relative;
  height: 60px;
  width: 60%;
}

select{
	color:#000;
}

.cf7-item_caution .cf7-select,.cf7-item_caution .cf7-a{
	width: 100%;
}

.cf7-a .wpcf7-select {
  width: 99%;
  height: 100%;
  padding: 10px 20px;
  box-sizing: border-box;
  border: 1px solid #333;
  border-radius: 5px;
  font-size: 18px;
  appearance: none;
}

.cf7-select::after {
  content: "";
  position: absolute;
  display: inline-block;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  height: 10px;
  width: 10px;
  top: 15px;
  right: 20px;
  transform: rotate(135deg);
  pointer-events: none;
}

.cf7-item_caution{
	width: 60%;
}

.cf7-select > p{
	margin:0!important;
}

.cf7-item_caution-txt {
	margin:0!important;
	padding-left:25px!important;
}

.cf7-item_caution-txt + .cf7-a p{
	margin-top:0!important;
	margin-left:5px!important;
}

.cf7-caution{
	text-align: center;
	border:2px solid red;
	padding: .5em;
}

.cf7-caution_bold{
	font-weight: 700;
	color:red;
}

@media screen and (max-width:768px){
.cf7-item {
display: block;
}

#cf7-area label{
display: block;
margin-bottom: 5px;
}

.cf7-item .cf7-q {
width: 100%;
margin: 0!important;
}

.cf7-item .cf7-q > p{
	margin-bottom:0!important;
}

.cf7-item .cf7-a {
width: 100%;
margin: 0 0 30px 0!important;
}

.cf7-item .cf7-a > p,.cf7-item .cf7-item_caution{
	margin-top:0!important;
}

#cf7-area input[type="text"], #cf7-area input[type="email"], #cf7-area input[type="tel"], #cf7-area textarea,#cf7-area .wpcf7-select{
	margin-left: 0;
	width: 100%;
}

.cf7-submit{
	width: 90%;
}

.cf7-item_caution > p {
	margin:0!important;
}
.cf7-a .wpcf7-select{
	padding: 10px 20px;
}

.cf7-item_caution .cf7-select,.cf7-item_caution .cf7-a{
	margin:0 0 30px 0!important;
}

.cf7-item_caution-txt + .cf7-a p{
	margin-left:0!important;
}

.cf7-accept-check p{
	font-size: 0.8em;
}

p.cf7-item_caution-txt{
	font-size: 0.8em;
}
}

/*!H2.tama */
h2.tama {
	position: relative;
	height: auto!important;
	background: linear-gradient(#ededed, #cdcdcd)!important;
	color: #0d448b;
	padding: 8px 0 8px 35px;
	margin: 20px 0;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #aeaeae;
	width: 100%!important;
}

h2.tama::before {
	content: '';
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
	width: 9px;
	height: 25px;
	background: #0d448b;
}

.about > h4{
	width: 100%!important;
}

h3.imageH3{
	text-align: center;
}

/*! /comparison */
.case_eiaca,.case_another{
	width:49.3%!important;
}

div.center > figure:first-child{
	text-align: center;
}

.center h2{
	text-align: center;
	margin-bottom:2em;
}

@media screen and (max-width:520px){
	.case_eiaca,.case_another{
		width:100%!important;
	}
}

.about dl.box10{
	width: 100%;
}

.about .samplearea{
	width: 630px;
	margin: 0 auto;
}