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


@keyframes horizontal{
	0% {transform:rotate(10deg);}
	100% {transform:rotate(-10deg);}
}

/*----------------------------------------------------------------------------
 ***                                                             header
----------------------------------------------------------------------------*/
#headerAreaInner{ padding:1.5em 0; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end;}
#headerArea h1{ position:relative;}
#headerArea h1 a{ padding:0 1.5em 0 0; border-right:1px solid #999; display:inline-block;}
#headerArea h1 span{ width:9em; text-align:center; font-size:175%; font-weight:bold; color:#f40026; padding:0 15px; margin:0.3em 0.5em; vertical-align:bottom; display:inline-block; line-height:1em; position:relative;}
#headerArea h1 span:before,
#headerArea h1 span:after{
	content:"";
	width:15px;
	height:17px;
	position:absolute;
	bottom:0;
	background:url(../images/img_deco.png) no-repeat center/cover;
}
#headerArea h1 span:before{ left:0;}
#headerArea h1 span:after{ right:0; transform:scale(-1, 1);}


/*----------------------------------------------------------------------------
 ***                                                             mainImg
----------------------------------------------------------------------------*/
#mainImgBox {}
#mainSec > .sectionInner{ max-width:100%; width:100%; padding:0;}

#mainSec .mainTitle{ padding:6em 0 6em; background:url(../images/gol/img_main.jpg) no-repeat top center/cover; border-bottom:10px solid #d70c18; position:relative;}

#mainSec .mainTitle h2{ text-align:center; color:#fff; font-family:'メイリオ',"Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana,'ＭＳ Ｐゴシック',sans-serif; font-size:330%; line-height:1.0em; padding:0.5em 0 0.2em;}
#mainSec .mainTitle h2 strong{ display:inline-block; z-index:1; margin:0 15px; font-size:200%; color:#d70c18; position:relative; /*text-shadow:0px 0px 5px #fff*/, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff;line-height: 1.0em;}
#mainSec .mainTitle h2 strong img{position: absolute;top: 9%; left:2%;width: 110px;height: auto;}
#mainSec .mainTitle h2 .h2_main{margin-left: 1.2em;	display: inline-block;color: #5bf1fb;letter-spacing : -8px;
/*	text-shadow    : 
       3px  3px 3px #fff,
      -3px  3px 3px #fff,
       3px -3px 3px #fff,
      -3px -3px 3px #fff,
       3px  0px 3px #fff,
       0px  3px 3px #fff,
      -3px  0px 3px #fff,
       0px -3px 3px #fff;    */}
/*#mainSec .mainTitle h2 .h2_main:before{
	content: "ゴールドコースト";
    z-index: -1;
    height: 1em;
    color: #fff;
    -webkit-text-stroke: 15px #fff;
    position: absolute;
}*/
#mainSec .mainTitle .h2_small{font-size: 85%;
	display        : inline-block;
	color          : #fff;
/*	letter-spacing : -2px;
	text-shadow    : 
       3px  3px 3px #fff,
      -3px  3px 3px #fff,
       3px -3px 3px #fff,
      -3px -3px 3px #fff,
       3px  0px 3px #fff,
       0px  3px 3px #fff,
      -3px  0px 3px #fff,
       0px -3px 3px #fff;  
	margin-top: 0.08em;*/
}
#mainSec .mainTitle h2 .h2_small:before{
/*	content: "ワーキングホリデー特集";
    z-index: -1;
    width: 100%;
    height: 1em;
    color: #fff;
    -webkit-text-stroke: 15px #fff;
	position: absolute;
*/
}


#mainSec .mainTitle h2 strong .textColorGr{ color:#39bac3;}
#mainSec .mainTitle h2 strong .textColorOr{ color:#f18e1d;}
#mainSec .mainTitle h2 img{ vertical-align:sub;}
#mainSec .mainTitle h2::before{content: "";background: url(../images/gol/img_main.jpg)
}

#mainSec .mainTitleBox{display: block;margin: 0 auto;width: 65%;max-width: 1000px;background:rgba(0,0,0,0.7);padding: 1.0em 0 2.0em 0;}

.sectionInner > .bg_diagonal{ padding:2em;}
.sectionInner > .bg_diagonal p.tac{ font-size:155%; font-weight:bold; margin:0.5em auto;}
.sectionInner > .bg_diagonal p.tac strong{ background:linear-gradient(transparent 60%, #ffff00 60%); padding:0 5px;}
.sectionInner > .bg_diagonal p.tac strong span{ font-size:150%;}
.sectionInner > .bg_diagonal ul{ max-width:1000px; margin:0 auto; padding:2em;}
.sectionInner > .bg_diagonal li{ max-width:280px; width:100%; height:280px; border-radius:50%; background-color:#fff; text-align:center; padding:2em; position:relative;}
.sectionInner > .bg_diagonal li strong{ font-size:200%; line-height:1.2em; color:#39bac3; display:block;}
.sectionInner > .bg_diagonal li img{ margin:1em auto; display:block; max-height:120px;}
.sectionInner > .bg_diagonal li:nth-child(2):after{
	content:"";
	width:70px;
	height:70px;
	position:absolute;
	top:0;
	right:0;
	background:url(../images/icon_unlock.png) no-repeat center/cover;
}
/*----------------------------------------------------------------------------
 ***                                                             reasonSec
----------------------------------------------------------------------------*/
#reasonSec h3{ font-size:200%; text-align:center; position:relative; padding:0 0 40px;}
#reasonSec h3:after{
	content:"";
	width:40px;
	height:32px;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	background:url(../images/icon_arrow.png) no-repeat center/cover;
}
#reasonSec .bg_pink{background:#e5385d;width: 55%;border-radius: 50vw;padding: 0.3em 0 0.4em;color: #fff;text-align: center;margin: 0.5em auto;font-size: 23px;font-weight: bold;}
#reasonSec .txt_pink{color:#e5385d;text-align: center;font-size: 30px;font-weight: bold;margin: 0.3em auto;}
#reasonSec .graph{margin: 2em auto; }
#reasonSec .graph .smallTxt{text-align: center; font-size: 14px;}
#reasonSec .graph ul{width: 30%;margin: 0 auto;align-items: center;}
#reasonSec .graph li p{font-size: 15px;}
#reasonSec .graph li p:first-child:before{
	content: "■";
	color: #e5385d;
}
#reasonSec .graph li p:nth-child(2):before{
	content: "■";
	color: #b0e3e7;
}
#reasonSec .graph li p:nth-child(3):before{
	content: "■";
	color: #cae9b4;
}
#reasonSec .graph li p:nth-child(4):before{
	content: "■";
	color: #FFC000;
}
#reasonSec .graph li p:nth-child(5):before{
	content: "■";
	color: #5B9BD5;
}
#reasonSec .graph li p:nth-child(6):before{
	content: "■";
	color: #cccccc;
}
#reasonSec .reasonBox{background:#d9eefd;padding: 2em 10em 2em 4em; position: relative;}
#reasonSec .reasonBox h4{font-size: 25px;font-weight: bold;border-bottom: 1px #000 solid;width: 100%;margin-bottom: 0.4em;}
#reasonSec .reasonBox:after{
	content:"";
	width:120px;
	height:230px;
	position:absolute;
	top:-1em;
	right:0.5em;
	background:url(/form/online_seminar_form/images/img_laschan.png) no-repeat center/cover;
	animation: horizontal 1s ease-in-out infinite alternate;
}
#reasonSec .reasonBox p{font-size: 115%;line-height: 1.6em;}

#reasonSec .commentBox{border: solid 1px #919191;background:#fff;padding: 2em 4em 2em 2em; position: relative;margin-top: 3em;}
#reasonSec .commentBox h4{font-size: 20px;font-weight: bold;border-bottom: 1px #919191 solid;margin-bottom: 0.4em;color: #39BAC3;margin-left: 27%;line-height1.2em;padding-bottom:0.5em;}
#reasonSec .commentBox p{font-size: 115%;line-height: 1.6em;overflow: hidden;}
#reasonSec .commentBox .qlImg{padding: 0 0 0 1.0em; width: 27%;float: left;display: block;}
/*#reasonSec .commentBox:after{
	content:"";
	width:200px;
	height:200px;
	position:absolute;
	top:2.5em;
	left:3em;
	background:url("../images/gol/img_queensland01.png")no-repeat center/cover;}*/
	
/*----------------------------------------------------------------------------
 ***                                                             visaSec
----------------------------------------------------------------------------*/
#visaSec h3{text-align: center;font-size:200%;padding:0 0 8px;}


#visaSec{background:#feefd8; background-image: url("../images/gol/img_bg_stamp.png");background-repeat: no-repeat;background-position: left 5% top 5%;background-size: 600px;padding: 3em;}
#visaSec .visatxt{font-size: 109%;}
#visaSec .smalltxt{text-align: end;font-size: 12px;}
#visaSec .visaBox{margin: 2em auto;text-align: center;}
#visaSec .visaBox h4{text-align: center;padding: 0 3em;margin: 0 auto 1em;position: relative;display: inline-block;font-size: 170%;}
#visaSec .visaBox h4::before,#visaSec .visaBox h4::after{content: "";width: 40px;height: 24px;background: url("../images/gol/icon_block_color.png")no-repeat center/cover;position: absolute;top: 24%;bottom: 0;left: 0;}
#visaSec .visaBox h4::after{transform: scale(-1.1);left: auto;right: 0;}
#visaSec .visaBox .visaInner{background: #fff;padding: 1.5em 3em;}
#visaSec .visaBox .visaInner dl{margin: 1em 0;border-bottom: solid 3px #ed7789;align-items: center;}
#visaSec .visaBox .visaInner dt{background: #ed7789;padding: 0.6em 0;text-align: center;width: 20%;color: #fff;font-size: 20px;line-height: 1.2em;margin-bottom: -0.1em;}
#visaSec .visaBox .visaInner dt span{font-size: 65%;}
#visaSec .visaBox .visaInner dd{width: 80%;padding: 0 0 0 1em;font-size: 120%;}
#visaSec .visaBox .visaInner dd span{color: red;font-weight: bold;}
#visaSec .visaBox .visaInner p{text-align: center;font-size: 15px;margin-top: 2em;}

#visaSec .secondWH{background: #f9d7dc;padding: 2em 5em; margin: 5em auto 0; background-image: url("../images/gol/img_content01.png");background-repeat: no-repeat;background-position: right 8% top 25%;background-size:193px;-webkit-filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.4)); text-align: center;display: inline-block;}

#visaSec .secondWH::before{content: "";position: absolute;top:-50px;left: 46%; margin: auto;border-color: #f9d7dc transparent transparent transparent;border-style: solid;border-width: 36px 40px 20px 40px;transform: scale(-1.1);}
#visaSec .visaBox .secondWH .smalltxt{text-align: center;font-size: 20px;}
#visaSec .visaBox .secondWH h4::before,#visaSec .visaBox .secondWH h4::after{display: none;}
#visaSec .visaBox .secondWH h4 span{color: #e5385d;}
#visaSec .visaBox .secondWH p{font-size: 109%;}
/*----------------------------------------------------------------------------
 ***                                                             schoolSec
----------------------------------------------------------------------------*/
#schoolSec{}
#schoolSec .sectionInner{ position:relative; padding-top:5em;}
#schoolSec .sectionInner .sc_subtitle {text-align: center;position: relative;font-size: 110%;}
#schoolSec .sectionInner .sc_subtitle span{font-size: 110%;position: absolute;transform: rotate(-20deg);margin: 0 -1em;}
#schoolSec .sectionInner .sc_subtitle span.after{transform: rotate(20deg);margin: 0 0.5em;}

#schoolSec .sectionInner h3{ font-size:175%; text-align:center;}
#schoolSec .sectionInner h3 span{ display:block; font-size:75%; font-weight:normal;}
#schoolSec .sectionInner h3 span strong{ color:#d70c18;}
#schoolSec .sectionInner > p.tac{ background-color:#d70c18; padding:0.5em; color:#fff; margin:1em auto 2em; font-size:112.5%;}
#schoolSec ul{}
#schoolSec li{ width:30%; margin-bottom:2em;}
#schoolSec li a{ text-decoration:none; display:block; border:1px solid #ccc; border-radius:15px; overflow:hidden;}
#schoolSec .courseList h4{
	font-size:125%;
	line-height:1.2em;
	padding-left:3.7em;
	margin-bottom:0.5em;
	position:relative;
}
#schoolSec .courseList h4 span{ position:absolute; left:0; top:-0.2em; z-index:5;}
#schoolSec .schoolPhoto{ position:relative; overflow:hidden;}
#schoolSec .schoolPhoto p{ color:#fff; margin:0;}
#schoolSec .photo img{ width:100%; height:215px; transition:all 300ms 0s ease;}
#schoolSec .schoolName{
	display:flex;
	flex-direction:column;
	padding-right:1em;
	position:absolute;
	left:1em;
	bottom:1em;
	text-shadow:0px 0px 4px rgba(0,0,0,1)
}
#schoolSec .schoolName_ENG{
	font-size:125%;
	font-weight:bold;
	line-height:1.4em;
	margin-bottom:0.4em;
}
#schoolSec .cost{ padding:1em; border-bottom:1px solid #ccc;height: 300px;}
#schoolSec .cost .titleCost{ font-size:125%; font-weight:bold; line-height:1.4em; margin:0;}
#schoolSec .cost .titleCost02{ font-size:125%; font-weight:bold; line-height:1.4em; margin:0; margin-top: 1.5em;}
#schoolSec .cost .titleCost .attention{ color:#F00; vertical-align:top; display:inline-block;}
#schoolSec .cost .osusume{ margin:0.3em 0 0;/*padding: 0.5em;*/width: 100%;margin: 0 auto;}
#schoolSec .cost .osusume p{ font-weight:bold; color:#39BAC3;font-size: 14px;}
#schoolSec .cost .osusume .osusumeTit01{ margin-top: 1.0em;}
#schoolSec .cost .osusume .osusumeTit02{ margin-top: 2.5em;letter-spacing:-0.05em;}
#schoolSec .cost .osusume li{ font-weight:normal; color:#666;font-size: 14px;margin-bottom:0.5em;width: 100%;}
#schoolSec .cost .osusume .osusumeTxt01{letter-spacing:0em;}
#schoolSec .cost .osusume .osusumeTxt02{letter-spacing:-0.05em;}
#schoolSec .cost .osusume ul{padding:0 0 0 1.5em; }
#schoolSec .cost .osusume ul li{
  position: relative;
}
#schoolSec .cost .osusume ul li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 8px;
  height: 3px;
  border-left: 2px solid #3498db;
  border-bottom: 2px solid #3498db;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#schoolSec .cost .normalCost{ margin:0.3em 0 0;}
#schoolSec .cost .normalCost span{ padding-left:0.3em; text-decoration:line-through;}
#schoolSec .cost dt{ font-weight:normal; color:#999;}
#schoolSec .courseList .btnTxt{ padding:1em; margin:0; position:relative;}
#schoolSec .courseList .effect,
#schoolSec .courseList .btnTxtLink{ width:100%; padding:0.6em 0; text-align:center;}
#schoolSec .courseList .btnTxtLink{
	display:block;
	font-size:120%;
	color:#FFF;
	background-color:#29CEA1;
	position:relative;
	overflow:hidden;
}
#schoolSec .courseList .btnTxtLink::after{
	content:"＞";
	font-size:80%;
	position:absolute;
	top:0.7em;
	right:1em;
}
#schoolSec .courseList .effect{
	background-color:#EF5149;
	position:absolute;
	top:0;
	left:-100%;
	transition:all 150ms 0s linear;
}
#schoolSec .courseList:hover .effect{ left:0;}
#schoolSec .courseList:hover .photo img{ transform:scale(1.2);}



/* オンライン留学セミナーバナー */
#schoolSec .seminarTxt{text-align: center;font-size: 125%;margin: 1em 0;}
#schoolSec .seminarTxt span{color: #d70c18;}
#schoolSec #seminarInfo{ background-color:#ff601a; z-index:0; padding:1em 2em; border-radius:10px;}
#schoolSec #seminarInfo p{ text-align:left; font-size:112.5%; margin:0.5em 0; color:#fff;}
#schoolSec #seminarInfo .aboutText{ width:calc(100% - 200px - 1em);}
#schoolSec #seminarInfo .aboutText p strong{ font-weight:500;}
#schoolSec #seminarInfo .textLayout{ position:relative; padding:0 0 0 70px; margin:1em 0; font-size:100%;}
#schoolSec #seminarInfo .textLayout strong{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
	width:60px;
	height:60px;
	padding:10px;
	border-radius:50%;
	background-color:#fff;
	color:#ff601a;
	font-size:112.5%;
	line-height:1.2em;
	text-align:center;
}
#schoolSec #seminarInfo dl{ border-left:1px solid #fff; padding:0 0 0.5em 0.5em;}
#schoolSec #seminarInfo dd a{ position:relative; padding:0 40px 0 5px; max-width:200px; font-size:112.5%; font-weight:bold; text-decoration:none; color:#fff; display:block; line-height:1.4em; transition:opacity .3s;}
#schoolSec #seminarInfo dd a:after{
	content:"";
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	background:url(/images/icon_link.png) no-repeat center/cover;
}
#schoolSec #seminarInfo dd a:hover{ opacity:0.6;}


/*----------------------------------------------------------------------------
 ***                                                             officeSec
----------------------------------------------------------------------------*/

#officeSec{ background:rgba(216,229,227,0.5); position:relative;}
#officeSec > .sectionInner{ padding:5em 0;}
#officeSec:before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	background:url(../images/img_worldmap.png) no-repeat center/100%;
	z-index:-1;
	opacity:0.6;
}
#officeSec .messageBox{ width:calc(100% - 320px)}
#officeSec .messageBox h3{ font-size:175%; margin:0.6em 0; position:relative; padding:0 0 0 50px;}
#officeSec .messageBox h3:before{
	content:"";
	width:40px;
	height:40px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	background:url(/images/logo_lr.png) no-repeat center/40px;
}
#officeSec .messageBox p{ font-size:112.5%; margin:0.5em 0;}
#officeSec .messageBox p strong{ display:block; color:#ed1e79;}
#officeSec .officeImg{ max-width:300px; width:100%;}
#officeSec .officeImg p{ margin:0;}
#officeSec .officeImg p img{ margin:0 0 0.5em;}
#officeSec .officeImg span{ display:block; position:relative; text-align:right; font-size:87.5%; font-weight:bold; line-height:1.8em;}
#officeSec .officeImg span:before{
	content:"";
	width:103px;
	height:18.5px;
	position:absolute;
	top:0;
	left:0;
	margin:auto;
	background:url(/common_images/logo_header01.png) no-repeat center left/103px;
}


/*----------------------------------------------------------------------------
 ***                                                             infoSec
----------------------------------------------------------------------------*/
#infoSec{}
#infoSec h3{ font-size:150%; text-align:center; line-height:1.8em; position:relative; padding:40px 0 0;}
#infoSec h3:before{
	content:"";
	width:40px;
	height:40px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:auto;
	background:url(/images/icon_info.png) no-repeat center/40px;
}
#infoSec h3 strong{ display:block; color:#39bac3; font-size:175%;}
#infoSec .sectionInner > p.tac{ font-size:125%; margin:1em auto;}
#infoSec .infoBox{ width:100%; margin:3em auto; padding:3em 2em; border-radius:10px; overflow:hidden;}
#infoSec .infoBox p{ text-align:center; font-size:125%;}
#infoSec .infoBox a{ transition:opacity .3s;}
#infoSec .infoBox a:hover{ opacity:0.6;}
/* すぐにお問い合わせ */
#infoSec #contactInfo{ background:rgba(255,222,95,0.15); position:relative;}
#infoSec #contactInfo:before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	background:url(../images/img_bg_contact.png) center/40px;
	z-index:-1;
	opacity:0.2;
}
#infoSec #contactInfo p span{ position:relative;}
#infoSec #contactInfo p span:before{
	content:"";
	width:6px;
	height:6px;
	border-radius:50%;
	background-color:#f40026;
	position:absolute;
	top:-0.3em;
	left:0;
	right:0;
	margin:auto;
}
#infoSec #contactInfo li{ margin:1em 1em 0;}
/* じっくり検討 */
#infoSec #requestInfo{ background:rgba(57,186,195,0.15); position:relative;}
#infoSec #requestInfo:before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	background:url(../images/img_bg_request.png) no-repeat center/cover;
	z-index:-1;
}
/* セミナー問い合わせ */
#infoSec #seminarInfo{ background-color:#e5f3ff; z-index:0; padding:1em 2em;}
#infoSec #seminarInfo p{ text-align:left; font-size:112.5%; margin:0.5em 0;}
#infoSec #seminarInfo .aboutText{ width:calc(100% - 200px - 1em);}
#infoSec #seminarInfo .textLayout{ position:relative; padding:0 0 0 70px; margin:1em 0; font-size:100%;}
#infoSec #seminarInfo .textLayout strong{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
	width:60px;
	height:60px;
	padding:10px;
	border-radius:50%;
	background-color:#008cff;
	color:#fff;
	font-size:112.5%;
	line-height:1.2em;
	text-align:center;
}
#infoSec #seminarInfo .textLayout span{ color:#008cff;}
#infoSec #seminarInfo dl{ border-left:1px solid #008cff; padding:0 0 0.5em 0.5em;}
#infoSec #seminarInfo dd a{ position:relative; padding:0 40px 0 5px; max-width:200px; font-size:112.5%; font-weight:bold; text-decoration:none; color:#000; display:block; line-height:1.4em;}
#infoSec #seminarInfo dd a:after{
	content:"";
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	background:url(/images/icon_link.png) no-repeat center/cover;
}

@media screen and (max-width:640px){
	img{ max-width:100%; max-height:100% !important; width:auto; height:auto;}
	section{ margin:0;}
	#headerAreaInner{ padding:1em;}
	#headerArea h1{ width:40%; margin:0 0 0.5em;}
	#headerArea h1 a{ border:none; padding:0;}
	#headerArea h1 span{ font-size:100%; position:absolute; top:-1.2em; left:0.6em;}
	#headerArea h1 span:before, #headerArea h1 span:after{ bottom:-3px;}
	#headerNavi{ width:40%;}
	#mainSec .mainTitle h2 .h2_main{margin-left: 1.7em;	display: inline-block;	color: #5bf1fb;letter-spacing : -3px;}
	#mainSec .mainTitle .h2_small{letter-spacing : 0em;}
	#mainSec .mainTitleBox{width: 80%;padding-top: 2.0em;}
	#mainSec .mainTitle{ position:relative; padding:7em 0 3em; border-width:5px;}
	#mainSec .mainTitle:before{
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		right: 0;
		top: 0;
		border-style: solid;
		border-color: #fff transparent transparent transparent;
		border-width: 130px 0 0 130px;
		z-index: 1;
	}
	
	#mainSec .mainTitle:after{
		content: "入国\A規制緩和";
		white-space: pre;
		font-size: 175%;
		font-weight: bold;
		text-align:center;
		line-height:1.2em;
		color: #ed1e79;
		transform: rotate(45deg);
		position: absolute;
		right:0.5em;
		top:1.5em;
		z-index: 2;
	}
	
	#mainSec .mainTitle .h2_small{font-size: 95%;}
	#mainSec .mainTitle h2 strong img{top: 5%; left:3%;width: 14%;height: auto;}
	#mainSec .mainTitle h2 .h2_main:before{
    -webkit-text-stroke: 8px #fff;}
	#mainSec .mainTitle h2 .h2_small:before{
    -webkit-text-stroke: 7px #fff;
	margin-top: 0.05em;}
	#mainSec .mainTitle h2{ font-size:215%; padding:0;}
	#mainSec .mainTitle h2 strong{ font-size:145%; margin:0 10px;letter-spacing : -2px; /*text-shadow:0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff;*/}
	#mainSec .mainTitle h2 strong:before{ -webkit-text-stroke:5px #fff;}
	#mainSec .mainTitle h2 img{ width:15%;}

	.sectionInner > .bg_diagonal{ z-index:0;}
	.sectionInner > .bg_diagonal p.tac{ font-size:137.5%; line-height:1.8em;}
	.sectionInner > .bg_diagonal ul{ padding:0;}
	.sectionInner > .bg_diagonal li{ max-width:100%; border-radius:10px; height:auto; margin:1em auto; font-size:125%; text-align:left; padding:2em 3.5em 2em 28%;}
	.sectionInner > .bg_diagonal li:not(:first-child):after{ width:50px; height:50px; top:-1em; right:-1em;}
	.sectionInner > .bg_diagonal li img{ width:20%; position:absolute; top:0; bottom:0; left:1em; margin:auto;}
	
	

	
/*----------------------------------------------------------------------------
 ***                                                             reasonSec
----------------------------------------------------------------------------*/	
	#reasonSec{ background-position:bottom right -15em;}
	#reasonSec h3{ padding-bottom:50px;line-height: 1.3em;font-size: 190%;}
	#reasonSec .bg_pink{width: 95%;font-size: 160%;}
	#reasonSec .txt_pink{font-size: 188%;}
	#reasonSec .graph ul{width: 75%;margin: 0 auto;align-items: center;}
	#reasonSec .reasonBox{padding: 2em 10.5em 1em 1em; }
	#reasonSec .reasonBox h4{font-size: 157%;margin-bottom: 0.4em;line-height: 1.3em;padding-bottom: 0.2em;}
	#reasonSec .reasonBox:after{
	width:88px;
	height:170px;
	top:2em;
	right: 1.5em;
}

	#reasonSec .commentBox{padding: 2em 1em 1em 1em; }
	#reasonSec .commentBox h4{font-size: 157%;margin-bottom: 0.4em;line-height: 1.3em;margin-top: 1.0em;padding-bottom: 1.0em;margin-left:30%;}
	#reasonSec .commentBox p{clear: both;margin-top: 2.5em;}
	#reasonSec .commentBox .qlImg{padding: 0;}

/*----------------------------------------------------------------------------
 ***                                                             visaSec
----------------------------------------------------------------------------*/	
	#visaSec{padding: 0em;}
	#visaSec h3{line-height: 1.2em;}
	#visaSec .visatxt{font-size: 125%;}
	#visaSec .smalltxt{text-align: left;}
	#visaSec .visaBox h4::before,#visaSec .visaBox h4::after{top: -40%;}
	#visaSec .visaBox .visaInner{padding: 1.5em 1em;}
	#visaSec .visaBox .visaInner dt{padding: 0.6em 0;width: 25%;color: #fff;font-size: 150%;line-height: 1.2em;margin-bottom: -0.1em;}
	#visaSec .visaBox .visaInner dt span{font-size: 85%;line-height:0.5em;}
	#visaSec .visaBox .visaInner dd{width: 75%;padding: 0 0 0 0.5em;font-size: 120%;text-align: left;}
	#visaSec .visaBox .visaInner dt.title01{padding: 1.5em 0;}
	#visaSec .visaBox .visaInner dt.title02{padding: 2.4em 0;}
	#visaSec .visaBox .visaInner p{font-size: 110%;margin-top: 2em;}
	
	#visaSec .secondWH{padding: 1em; background-image: none;}
	#visaSec .secondWH::before{top:0px;bottom: 115%;left: 40%;}
	#visaSec .visaBox .secondWH .smalltxt{font-size:150%;}
	#visaSec .visaBox .secondWH h4{padding: 0em;}
	#visaSec .visaBox .secondWH p{text-align: left;}
	
/*----------------------------------------------------------------------------
 ***                                                             schoolSec
----------------------------------------------------------------------------*/	
	#schoolSec .sectionInner{ padding-top:2em;}
	#schoolSec .sectionInner h3{ line-height:1.4em;}
	#schoolSec .sectionInner > p.tac{ font-size:100%;}
	#schoolSec ul{ width:90%; margin:0 auto;}
	#schoolSec .cost .osusume ul{ width:100%}
	#schoolSec li{ width:100%; margin:1em auto;}
	#schoolSec .courseList h4{ padding:0 0 0 60px; font-size:150%; margin:0 0 0.5em;}
	#schoolSec .courseList h4 span{ width:52px; top:-10px;}
	#schoolSec .cost .titleCost,
	#schoolSec .cost .titleCost02,
	#schoolSec .cost > p,
	#schoolSec .courseList .btnTxtLink{ font-size:175%;}
	#schoolSec .cost .osusume p{;font-size: 170%;}
	#schoolSec .cost .osusume .osusumeTit02{ margin-top: 1.0em;}
	#schoolSec .cost .titleCost02{margin-top: 1.0em;}
	#schoolSec #seminarInfo{ margin:0em;}
	#schoolSec #seminarInfo p{ font-size:125%; padding:0.5em 0; border-bottom:1px solid #fff;}
	#schoolSec #seminarInfo p span:before{ width:4px; height:4px;}
	#schoolSec #seminarInfo li{ margin:0 auto 1em;}
	#schoolSec #seminarInfo li:first-child{ padding-left:0.7em;}
	#schoolSec #seminarInfo .aboutText{ width:100%;}
	#schoolSec #seminarInfo .textLayout{ padding-left:30px; font-size:100%; border:none;}
	#schoolSec #seminarInfo .textLayout strong{
		width:24px;
		height:100%;
		border-radius:5px;
		text-align: center;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	#schoolSec #seminarInfo dl{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-align-items: center;
		align-items: center;
		border:none;
		border-top:1px solid #fff;
		padding:1em 0;
	}
	#schoolSec #seminarInfo dt{ width:50%;}
	#schoolSec #seminarInfo dd{ width:50%; font-size:100%;}
	#schoolSec #seminarInfo dd a{ font-size:125%; font-weight:500;}
	
	
	
	#officeSec{ z-index:0;}
	#officeSec:before{ background-size:cover; opacity:0.3;}
	#officeSec > .sectionInner{ padding:2em; width:100%;}
	#officeSec .messageBox{ max-width:300px; width:100%; margin:0 auto;}
	#officeSec .messageBox h3:before{ width:20px; height:20px; background-size:cover;}
	#officeSec .messageBox h3{ font-size:150%; padding-left:25px;}
	#officeSec .messageBox p{ margin:1em 0; line-height:1.6em; font-size:125%;}
	#officeSec .officeImg{ margin:0 auto;}
	#officeSec .officeImg span{ font-size:125%;}
	
	#infoSec h3{ padding-top:20px;}
	#infoSec h3:before{ width:20px; height:20px; background-size:cover;}
	#infoSec h3 strong{ font-size:150%;}
	#infoSec .infoBox{ width:100%; z-index:0; padding:1.5em; margin:2em auto;}
	#infoSec .infoBox p{ font-size:137.5%;}
	#infoSec #contactInfo p span:before{ width:4px; height:4px;}
	#infoSec #contactInfo li{ margin:0 auto 1em;}
	#infoSec #contactInfo li:first-child{ padding-left:0.7em;}
	#infoSec #seminarInfo p{ font-size:125%; padding:0.5em 0; border-bottom:1px solid #008cff;}
	#infoSec #seminarInfo .aboutText{ width:100%;}
	#infoSec #seminarInfo .textLayout{ padding-left:30px; font-size:100%; border:none;}
	#infoSec #seminarInfo .textLayout strong{
		width:24px;
		height:100%;
		border-radius:5px;
		text-align: center;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	#infoSec #seminarInfo dl{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-align-items: center;
		align-items: center;
		border:none;
		border-top:1px solid #008cff;
		padding:1em 0;
	}
	#infoSec #seminarInfo dt{ width:50%;}
	#infoSec #seminarInfo dd{ width:50%; font-size:100%;}

}