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

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {}
#wrap {}


/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea h1{}
#headerAreaInner {}


/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/
#gnavi{}
#gnavi li{}


/*----------------------------------------------------------------------------
 ***                                                             mainimg
----------------------------------------------------------------------------*/
#mainImgSec{
	background-position:center top;
	background-repeat:no-repeat;
	background-size: cover;
}
#mainImgSecInner{
	width:960px;
	margin:0 auto;
	padding:2em 0;
	position:relative;
}

#titleBox{
	display:flex;
	flex-direction:column;
}
#titleBox h2,
#titleBox p{
	color:#FFF;
	line-height:1.3em;
}
#titleBox h2{
	font-size:285.714%;
	margin-bottom: 0.5em;
	order:2;
}
#titleBox p{
	font-size:121.4285%;
	font-weight:400;
}
#countryName{
	margin-bottom:1em;
	padding-left:3.5em;
	position:relative;
	order:1;
}
#countryName::before{
	position:absolute;
	left:-4.5em;
	top:-2.7em;
	transform:scale(0.5);
}
#schoolName{
	margin-bottom:1.5em;
	order:3;
}

#mainImgSec .txtBtn{ width:15em;}
#mainImgSec .txtBtnLink{
	color:#000;
	text-align:left;
	padding:0.5em 0 0.6em 1em;
	background-color:#FFF;
	border:1px solid #000;
	position:relative;
}
#mainImgSec .txtBtnLink::after{
	content:"";
	width:6px;
	height:6px;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	transform:rotate(-45deg);
	position:absolute;
	right:1em;
	top:0.9em;
}

#discountLink{
	position:absolute;
	right:0;
	bottom: 2em;
	width: 440px;
	height: 100px;
	background: #fff;
	border-radius: 20px;

	transition:.4s;
}
#discountLink:hover{opacity:0.8;}
#discountLink a{text-decoration:none}
#discountLink strong{
   font-size: 200%;
}
#discountLink dl{
    position: relative;
    height: 100%;
    width: 100%;
    padding-top: 1em;
    display: flex;
    padding: 1.4em 6% .5em;
}
#discountLink dl:after{
    position: absolute;
    content:"";
    width:40px;
    height:40px;
    background-image:url(../images/icon_btn-gray.png);
    background-repeat:no-repeat;
    background-size:contain;
    right:1vw;
    top:0;
    bottom:0;
    margin: auto;
}
#studyCostSecInner{
	width:960px;
	margin:0 auto;
	padding:4em 5.5em;
	background-color:#FFF;
	border-radius:10px;
}
#studyCostSec h3{
	font-size:290%;
	margin-bottom:1em;
	line-height:1.1em;
}
#studyCostSec h3 span{}
#schoolName_Alpha{ font-size:50%;}

#discountBox{
	width:710px;
	margin:2em auto 3.5em;
	display:flex;
	justify-content:space-between;
}
#discountBox dl{}
#discountBox dt{
	font-size:150%;
	line-height:1.2em
	
}
#discountLink dt{
    position: absolute;
    top: -.4em;
    background: #16b2be;
    border-radius: 5px;
    color: #fff;
    padding: 0.2em 0.5em;
    font-size: 20px;
}
#discountLink .xline{position: relative;}
#discountLink .xline:before,
#discountLink .xline:after{ position:absolute; content:"";border-bottom: 3px solid #ff0000;width: 142px;top: 50%;}
#discountLink .xline:before{rotate: -14deg;}
#discountLink .xline:after{rotate: 14deg; left:0}

#discountLink dd{
	letter-spacing: -1px;
	width: 42%;
	font-size: 120%;
	color:#000;
	padding-top: 0.75em;
}
#discountLink dd:nth-child(3){
    font-size: 150%;
    width: 52%;
    color:#e50012;
    padding-top: 0;
    font-weight: bold;
}
#discountLink dd span:after{font-size: 60%;}
#discountLink dd span.rightTax{}
#discountLink dd span.rightCourse{}
#discountLink dd span.rightTax:after{content:"(税込)"}
#discountLink dd span.rightCourse:after{content:"(2週間コース)"}
#discountLink dd span.fourWeeks:after{content:"(4週間コース)"}
#discountLink dd span.onTax{position:relative;padding-left: 8px;}
#discountLink dd span.onTax:after{content:"(税込)";position: absolute;top: -1.7em;font-size: 50%;width: 3em;left: 6px;}


/* 国別設定 */
#nzl #countryName::before{ content:url(../course/images/icon_h2_nzl.png);}
#aus #countryName::before{ content:url(../course/images/icon_h2_aus.png);}
#can #countryName::before{ content:url(../course/images/icon_h2_can.png);}
#gbr #countryName::before{ content:url(../course/images/icon_h2_gbr.png);}
#irl #countryName::before{ content:url(../course/images/icon_h2_irl.png);}
#usa #countryName::before{ content:url(../course/images/icon_h2_usa.png);}
#mlt #countryName::before{ content:url(../course/images/icon_h2_mlt.png);}


/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea {}
#contentsAreaInner {}


/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection {}
.mainSectionInner {}



/*----------------------------------------------------------------------------
 ***                                                             studyInfoSec
----------------------------------------------------------------------------*/
#studyInfoSec{}
#studyInfoSecInner{
	width:960px;margin:0 auto;
	padding:2em 0 4em;
}
#studyInfoSec h3{
	font-size:171.4285%;
	line-height:1em;
	padding:0.2em 0 0.2em 0.3em;
	margin-bottom:0.5em;
	border-left:8px solid #16B2BE;
}

#schoolInfo{
	margin-bottom:3em;
	display:flex;
	justify-content:space-between;
}

#schoolInfo_sch2{
	margin-bottom:0em;
	display:flex;
	justify-content:space-between;
}
#schoolPhoto{
	margin-right:2em;
}
#schoolDetail{}
#schoolDetail dt{
	font-size:157.143%;
	line-height:1.5em;
	margin-bottom:0.5em;
}
#schoolDetail dd{
	line-height:1.6em;
	margin-bottom:1.5em;
}
#flavorText{}
#detailInfoLink01{float: right;}

#detailInfoLink01,
#detailInfoLink02{ width:21.5em; margin-bottom: 1em;}

#detailInfoLink{ width:20em;}

#detailInfoLink01 .txtBtnLink,
#detailInfoLink02 .txtBtnLink,
#detailInfoLink .txtBtnLink{
	color:#000;
	font-weight:bold;
	padding:0.3em 0 0.4em;
	background-color:#FFF;
	border:1px solid #000;
	position:relative;
}
#detailInfoLink01 .txtBtnLink::after,
#detailInfoLink02 .txtBtnLink::after,
#detailInfoLink .txtBtnLink::after{
	content:"";
	width:6px;
	height:6px;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	transform:rotate(-45deg);
	position:absolute;
	right:1em;
	top:0.85em;
}
#pointInfo_sch2{	
}

#pointInfo_sch2 #pointBox{
	width:960px;
	padding:2.5em 2em 2em;
	border-radius:10px;
	background-color:#F9F9F9;
	position:relative;
	margin-bottom: 3em;
}

#pointInfo{
	margin-bottom:3em;
	display:flex;
	justify-content:space-between;
}
#pointBox{
	width:640px;
	padding:2.5em 2em 2em;
	border-radius:10px;
	background-color:#F9F9F9;
	position:relative;
}
#pointBox dt{
	font-size:128.5715%;
	margin-bottom:0.7em;
}
#pointBox dd{}

#schMapBox{
	
}
#pintImg{
	position:absolute;
	left:2em;
	top:-1.5em;
}
#pointList{}
#pointList li{
	margin-bottom:0.7em;
	padding-left:1.5em;
	background:url(../course/images/icon_01.png) left 0.2em no-repeat;
	background-size:1em auto;
}
#pointList li:last-child{ margin-bottom:0;}

#schDetailMap {
	display: flex;
	justify-content: space-between;
	width: 650px;
}
#schDetail2{
	display: block;
    margin-bottom: 4em;
}

#schDetail2 #schooltxt{
	font-weight: bold;
    font-size: 16px;
    margin-bottom: 1em;
	}

/*----------------------------------------------------------------------------
 ***                                                             studyCostSec
----------------------------------------------------------------------------*/
#studyCostSec{
	padding:5em 0;
	background-color:#F5F5F5;
	background-image:url(../images/back_border-shadow.png);
	background-position:left top;
	background-repeat:repeat-x;
}
#studyCostSecInner{
	width:960px;
	margin:0 auto;
	padding:4em 5.5em;
	background-color:#FFF;
	border-radius:10px;
}
#studyCostSec h3{
	font-size:290%;
	margin-bottom:1em;
	line-height:1.1em;
}
#studyCostSec h3 span{}

#priceExsample{
	right:0;
	bottom: 2em;
	width: 95%;
	height: 146px;
	background: #fff;
	border-radius: 20px;
	transition:.4s;
	display: flex;
	margin: auto;
	position:relative;
	padding-top: 2em;
}
#priceExsample:before{content: "2週間コース";position:absolute;font-size: 23px;padding: .1em 0.2em;color: #EF5148;border: #ef5148 1px solid;top: 0em;}
#priceExsample.fourWeeks:before{content: "4週間コース";}
#priceExsample strong{font-size: 200%;display: inline-block;}
#priceExsample dl{
    position: relative;
    height: 100%;
    width: 74%;
    padding: 0em 0% .5em;
}
#priceExsample dl.nmlP{
    width: 65%;
    padding-top: 1.25em;
}
#priceExsample dl.nmlP dt,
#priceExsample dl.nmlP .xline,
#priceExsample dl.nmlP span.onWords,
#priceExsample dl.nmlP span.onTax{
    color: #646470;
}
#priceExsample dl.espP dt,
#priceExsample dl.espP strong,
#priceExsample dl.espP span.onWords,
#priceExsample dl.espP span.onTax{
    color: #ef5148;
}

#priceExsample dt{font-size: 200%;padding-left: 0.1em;}
#priceExsample .xline{position: relative;z-index: 1;}
#priceExsample .xline:before,
#priceExsample .xline:after{position:absolute;content:"";top: 50%;}
#priceExsample .xline:before{
    width: 126%;
    border-bottom: 4px solid #ef5146;
}
#priceExsample .xline:after{rotate: 45deg;right: -26%;border-right: 4px solid #ef5146;border-top: 4px solid #ef5146;border-bottom: 0;top: 0;bottom: -5px;margin: auto;height: 20px;width: 20px;}

#priceExsample dd{
	letter-spacing: -1px;
	width: auto;
	font-size: 250%;
	color:#000;
	padding-top: 0.1em;
}
#priceExsample dl.espP dd{font-size: 330%;}
#priceExsample dd span.onWords{font-weight: bold;}

#schoolName_Alpha{ font-size:50%;}

#discountBox{
	width:710px;
	margin:2em auto 3.5em;
	display:flex;
	justify-content:space-between;
}
#discountBox dl{}
#discountBox dt{
	font-size:150%;
	line-height:1.2em;
	margin-bottom:0.5em;
}
#discountBox dt span{
	font-size:85%;
	font-weight:normal;
}
#discountBox dd{}
#discountBox p{}
#plusImg{ padding-top:7.8em;}
#deadLine{
	color:#777;
	margin-bottom:3em;
}

#freeBox{
	margin-bottom:3em;
	padding:1em 0;
	border:1px solid #646470;
}
#freeBox h4{
	font-size:140%;
	position:relative;
}
#freeBox h4::after{
	content:url(../course/images/img_contents05.png);
	transform:scale(0.5);
	position:absolute;
	left:-0.5em;
	top:-3.5em;
}
#freeBox h4 span{
	color:#EF5149;
	font-size:140%;
}
#freeBox p{
	color:#777;
	line-height:1.6em;
}

#courseBox{}
#courseBox h4{
	font-size:171.4285%;
	line-height:1em;
	padding:0.2em 0 0.2em 0.3em;
	margin-bottom:0.5em;
	border-left:8px solid #16B2BE;
}
#schoolName_course,
#costUnit{ font-size:70%;}
#costUnit{ float:right;}

.courseTableBox{ position:relative;}
.courseTableBox table{ width:100%;}
.courseTableBox tr{}
.courseTableBox th{ line-height:1.2em;}
.courseTableBox th:first-child{ width:17%;}
.courseTableBox tr.bgc_Black th:first-child{ font-weight:normal;}
.courseTableBox tr.bgc_Black th.fw_Bold{ font-size:140%;}
.courseTableBox td{
	text-align:center;
	font-size:130%;
}
.courseTableBox td.txtColor_Aqua{ font-size:110%;}
.courseTableBox tr.color_Red{ border:4px solid #F00;}
.courseTableBox tr.color_Red th,
.courseTableBox tr.color_Red td{
	color:#F00;
	font-weight:bold;
	font-size:140%;
}
.courseTableBox tr.color_Red th{}
.courseTableBox tr.color_Red td{ font-size:150%; }

.comment{
	font-size:85%;
	color:#777;
}

.tableDL{ display:flex;}
.tableDL dt,
.tableDL dd{
	padding:1em;
	border:1px solid #666;
	border-bottom:none;
}
.tableDL dt{
	width:17%;
	background-color:#F9F9F9;
	border-right:none;
}
.tableDL dd{ width:83%;}
.tableDL:nth-of-type(1) dt{ padding-top:1.5em;}
.tableDL:last-child dt,
.tableDL:last-child dd{ border-bottom:1px solid #666;}
.posi_Abu_Dead{
	margin:0;
	position:absolute;
	right:1em;
	top:-5em;
}
.posi_Abu_DeadText{
	font-size:120%;
	font-weight:500;
	padding:1.3em 1.6em 3em;
	background:url(../course/images/img_contents07.png) left top no-repeat;
	background-size:100% auto;
	position:absolute;
	right:0em;
	top:-3.7em;
	z-index:2;
}

.posi_Abu_DeadText_2{
	font-size: 110%;
    font-weight: 500;
    padding: 1.5em 1.6em 2.9em;
    background: url(../course/images/img_contents07.png) left top no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: 0em;
    top: -4em;
    z-index: 2;
}
.posi_Abu_DeadText span,
.posi_Abu_DeadText_2 span{
	font-size:160%;
	color:#F00;
	font-weight:bold;
	padding-left:0.2em;
	letter-spacing:-0.02em;
}



/*----------------------------------------------------------------------------
 ***                                                                 formSec
----------------------------------------------------------------------------*/
#officeInfoSec{ padding:3em 0;}
#officeInfoSecInner{
	width:960px;
	margin:0 auto;
}
#officeInfoSec h3{
	font-size:200%;
	margin-bottom:1em;
}
#officeInfoSec h3 img{
	width:25%;
	height:auto;
}

#officeMap{
	margin-bottom:1.5em;
	position:relative;
}

#officeMap01,
#officeMap02{
	margin-bottom:3em;
}

#officeMapBox01,
#officeMapBox02,
#officeMapBox{
	width:100%;
	height:17em;
}
#officeDetailInfo01,
#officeDetailInfo02{
	width:100%;
	padding:0.8em 1em 0.6em;
	left:1em;
	top:1em;
	margin-bottom:0.7em;
	border-bottom:1px solid #000;
	display: flex;
}

#officeDetailInfo{
	width:30%;
	padding:0.8em 1em 1em;
	background-color:#FFF;
	position:absolute;
	left:1em;
	top:1em;
}

#officeDetailInfo h4{
	font-size:120%;
	padding-bottom:0.3em;
	margin-bottom:0.7em;
	border-bottom:1px solid #000;
}

#officeDetailInfo01 h4,
#officeDetailInfo02 h4{
	font-size:160%;
}
#officeDetailInfo dl{}

#officeDetailInfo01 dl,
#officeDetailInfo02 dl{
	display: flex;
    margin-top: 9px;
}

#officeDetailInfo dl:first-of-type{ margin-bottom:0.6em;}

#officeDetailInfo dt{ margin-bottom:0.2em;}

#officeDetailInfo01 dt,
#officeDetailInfo02 dt{ padding: 0 1em 0 1.5em;;}

#officeDetailInfo01 dd,
#officeDetailInfo02 dd,
#officeDetailInfo dd{
	font-size:95%;
	color:#666;
}
.bigMap,
#bigMap{
	position:absolute;
	right:1em;
	bottom:1em;
}
.bigMap.txtBtnLink,
#bigMap .txtBtnLink{
	font-size:120%;
	color:#000;
	padding:0.4em 1em 0.5em;
	background-color:#FFF;
}


/* GoogleMap上の不要なボックス削除 */
.gm-style,
.place-card,
.login-control,
,gm-bundled-control,
.div.login,
.gm-inset-map-impl{
	margin-left:500px;
	display:none !important;
}

#officeCommentSec01,
#officeCommentSec02{
	margin-top: 0.6em;
}

#officeCommentSec01,
#officeCommentSec02,
#officeCommentSec{
	display:flex;
	justify-content:space-between;
}
#officeCommentSec01 p,
#officeCommentSec02 p,
#officeCommentSec p{ margin-right:2em;}
#officeCommentSec dl{}

#officeCommentSec01 dt,
#officeCommentSec02 dt,
#officeCommentSec dt{
	font-size:140%;
	padding-bottom:0.3em;
	margin-bottom:0.5em;
	border-bottom:1px dotted #999;
}

#officeCommentSec01 dt span,
#officeCommentSec02 dt span,
#officeCommentSec dt span{
	font-size:80%;
	margin-left:1em;
}

#officeCommentSec dd{}

#stafComments01,
#stafComments02,
#stafComments{
	line-height:1.6em;
	color:#666;
	margin-bottom:1.2em;
}
#bottumDD01,
#bottumDD02,
#bottumDD{
	width:40%;
	position:relative;
}

#bottumDD01::after,
#bottumDD02::after,
#bottumDD::after{
	content:"＞";
	color:#FFF;
	position:absolute;
	top:0.5em;
	right:1em;
}

#bottumDD01 .txtBtnLink,
#bottumDD02 .txtBtnLink,
#bottumDD .txtBtnLink{
	color:#FFF;
	text-decoration:none;
	border-bottom:4px solid #0087A2;
	border-radius:5px;
}

#bottumDD01 .txtBtnLink:hover,
#bottumDD02 .txtBtnLink:hover,
#bottumDD .txtBtnLink:hover{
	background-color:#48BC17;
	border-bottom:4px solid #368D11;
}

#bottumDD01 .txtBtnLink:active,
#bottumDD02 .txtBtnLink:active,
#bottumDD .txtBtnLink:active{
	-ms-transform: translateY(4px);
	-webkit-transform: translateY(4px);
	transform: translateY(4px);			/*下に動く*/
	border-bottom: none;				/*線を消す*/
	margin-bottom:4px;
}




/*----------------------------------------------------------------------------
 ***                                                                 formSec
----------------------------------------------------------------------------*/
#formSec{
	padding:4em 0;
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:auto 100%;
}

#formSecInner{
	width:960px;
	margin:0 auto;
	background-color:#FFF;
	padding:2em 6% 3em;
}
#formSec h3{
	font-size:200%;
	margin-bottom:0.7em;
}

form{}

#formInputBox{
	padding:1.2em 0 0.8em;
	margin-bottom:1em;
	border-top:1px dotted #C8C8C8;
	border-bottom:1px dotted #C8C8C8;
}
#formInputBox dl{
	display:flex;
	justify-content:space-between;
	margin-bottom:1.5em;
}
#formInputBox dt{ width:20%;}
#formInputBox dt .inquiry{
	font-size:80%;
	font-weight:normal;
	color:#FFF;
	margin-left:0.5em;
	padding:0.2em 0.4em;
	vertical-align:0.15em;
	background-color:#f00;
}
#formInputBox dd{ width:75%;}

#form_SchoolName{}
#form_SchoolName dt{}
#form_SchoolName dd{ font-weight:bold;}

#form_Course{}
#form_Course dt{}
#form_Course dd{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
#form_Course dd label{ width:50%;}
#form_Course dd label:nth-of-type(-n+3){ margin-bottom:1em;}

#form_Address{}
#form_Address ul{}
#form_Address li{}
#preLi{
	width:18%;
	float:left;
}
#cityLi{
	width:77%;
	float:right;
}
#form_Address ul dl{ display:block;}
#form_Address ul dt{
	width:100%;
	font-weight:normal;
	color:#666;
	margin-bottom:0.3em;
}
#form_Address ul dd{ width:100%;}
#form_Address ul dd .tw70{
	width:70%;
	margin-right:4%;
}
#form_Address ul dd .addInput{
	width:25%;
	font-size:110%;
	color:#FFF;
	padding:0.5em 0;
	background-color:#646464;
	border:none;
	cursor:pointer;
}

#formComment{
	font-size:85%;
	color:#999;
	margin-bottom:3em;
	text-align: center;
}
#formComment a{
	font-size:120%;
	font-weight:bold;
	color:#16B2BE;
}

label{}
input{}
textarea{ width:100%;}

input[type="radio"]{}
input[type="text"],
select{
	width:100%;
	padding:0.5em 1em 0.6em;
}
input[type="button"]{}

/* inputタグの調節 radio */
.radioInput{ display:none;}
.radioParts{
	font-size:95%;
	color:#888;
	position:relative;
	padding-left:21px;
}

.radioInput{ display:none;}
.radioParts::before{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 1px;
  width: 12px;
  height: 12px;
  border: 1px solid #999;
  border-radius: 2px;
}
.radioInput:checked + .radioParts::after{
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 3px;
  width: 10px;
  height: 10px;
  background-color:#E7264E;
  border-radius: 2px;
}

/* 各ブラウザ対応placeholder用 */
:placeholder-shown{ color:#9999a9;}
::-webkit-input-placeholder{ color:#9999a9;}
:-moz-placeholder{ color:#9999a9; opacity:1;}
::-moz-placeholder{ color:#9999a9; opacity:1;}
:-ms-input-placeholder{ color:#9999a9;}


#submitBtn{
	width:40%;
	margin:0 auto;
	position:relative;
}
#submitBtn::after{
	content:"＞";
	color:#FFF;
	position:absolute;
	top:1.5em;
	right:1em;
}
#formButton{
	width:100%;
	text-align:center;
	font-size:140%;
	color:#FFF;
	padding:0.9em 0 1em;
	position:relative;
	border:none;
	border-bottom:4px solid #0087A2;
	border-radius:5px;
	cursor:pointer;
}
#formButton:hover{
	background-color:#48BC17;
	border-bottom:4px solid #368D11;
}
#formButton:active{
	-ms-transform: translateY(4px);
	-webkit-transform: translateY(4px);
	transform: translateY(4px);			/*下に動く*/
	border-bottom: none;				/*線を消す*/
	margin-bottom:4px;
}


/*----------------------------------------------------------------------------
 ***                                                                 formBox
----------------------------------------------------------------------------*/
#formBox{}
#formBoxInner{}
#formBox h3{}







/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{}
#footerAreaInner {}



/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop {}


/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section {}
.sectionInner {}
/*----------------------------------------------------------------------------
 ***                                             オーストラリア ケアンズ CCEB校専用
----------------------------------------------------------------------------*/
.pageCCEB #discountLink{bottom:1em}