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

p{ font-weight:500;}

#wrap{position:relative;min-width: 950px;}

.secBox{ padding:0;}
.secBox > .sectionInner{ max-width:950px; margin:0 auto; padding:4em; position:relative;}
.secBox .formBtn{ max-width:240px; margin:2em auto; font-size:150%; text-align:center;}
.secBox .formBtn.smallBtn{max-width:240px;margin: 0;font-size:80%;text-align:center;}
.sectionInner > h3{ font-size:175%; line-height:1em; margin:0 0 1em;}
.secBox .subTtl{text-align:center; font-size:90%;}

.formBtn a{
	display:block;
	font-size:112.5%;
	font-weight:bold;
	color:#fff;
	padding:0.4em 1.5em 0.5em;
	border-radius:100px!important;
	line-height:1em;
	background:linear-gradient(180deg,#FA387D 0%,#FA387D 50%,#E13270 50%,#E13270 100%);
	background: -moz-linear-gradient(-90deg,#FA387D 0%,#FA387D 50%,#E13270 50%,#E13270 100%);
	background: -webkit-linear-gradient(-90deg,#FA387D 0%,#FA387D 50%,#E13270 50%,#E13270 100%);
	position:relative;
	text-decoration:none;
	font-feature-settings:normal;
	transition:opacity .3s;
    white-space: nowrap;
	text-align: center;
}
.formBtn a:visited{color:#fff;}
.formBtn a:hover{color:#fff; opacity:0.6; background:#FA387D;}

.formBtn.smallBtn a{
	display:block;
	font-size: 85%;
	font-weight:bold;
	color:#fff;
	padding:0.4em 1.5em 0.5em;
	border-radius:100px;
	line-height:1em;
	background:linear-gradient(180deg,#FA387D 0%,#FA387D 50%,#E13270 50%,#E13270 100%);
	background: -moz-linear-gradient(-90deg,#FA387D 0%,#FA387D 50%,#E13270 50%,#E13270 100%);
	background: -webkit-linear-gradient(-90deg,#FA387D 0%,#FA387D 50%,#E13270 50%,#E13270 100%);
	position:relative;
	text-decoration:none;
	font-feature-settings:normal;
	transition:opacity .3s;
}
.formBtn.smallBtn a:hover{ opacity:0.6; background:#FA387D;}
.formBtn.orangeColor a{
	background:linear-gradient(180deg,#f7931e 0%,#f7931e 50%,#dc8426 50%,#dc8426 100%);
	background: -moz-linear-gradient(-90deg,#f7931e 0%,#f7931e 50%,#dc8426 50%,#dc8426 100%);
	background: -webkit-linear-gradient(-90deg,#f7931e 0%,#f7931e 50%,#dc8426 50%,#dc8426 100%);
}
.formBtn.orangeColor a:hover{ opacity:0.6; background:#f7931e;}
.formBtn.purpleColor a{
	background:linear-gradient(180deg,#9855d8 0%,#9855d8 50%,#874cc0 50%,#874cc0 100%);
	background: -moz-linear-gradient(-90deg,#9855d8 0%,#9855d8 50%,#874cc0 50%,#874cc0 100%);
	background: -webkit-linear-gradient(-90deg,#9855d8 0%,#9855d8 50%,#874cc0 50%,#874cc0 100%);
}
.formBtn.purpleColor a:hover{ opacity:0.6; background:#9855d8;}



.bg_dot{
	padding:5em;
	margin:auto;
	background-image:radial-gradient(#00A1C9 10%, transparent 10%);
	background-size:15px 15px;
}
.bg_diagonal{ position:relative;}
.bg_diagonal:before{
	content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
	right:0;
	bottom:0;
	background-color:#ccc;
    background-image:-webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #fff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #fff),color-stop(.75, #fff), color-stop(.75, transparent),to(transparent));
    -webkit-background-size:7px;
	background-image:linear-gradient( -45deg, #ccc 25%, #fff 25%, #fff 50%, #ccc 50%, #ccc 75%, #fff 75%, #fff);
	background-size:7px 7px;
	background-attachment:fixed;
	z-index:-1;
	opacity:0.3;
}

.spNavBox{display:none;}

/*--------------------------------------------------------------------------------
																		header
--------------------------------------------------------------------------------*/
header{
	padding:0;
    position:sticky;
    top:0;
    width:100%;
    z-index:100;
	background:#fff;
	border-bottom:5px solid #000;
}
header .headInner{ max-width:950px; margin:0 auto; padding:0.5em 0;}
/*--------------------------------------------------------------------------------
																	パンくずリスト
--------------------------------------------------------------------------------*/
#breadcrumbList ul{ max-width:950px;}


/*--------------------------------------------------------------------------------
																	mainContents
--------------------------------------------------------------------------------*/
#mainContents{}

#fastViewSec{
	background-image:url(../../images/headerbg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
}

#fastViewSec .sectionInner{	padding:3em 1em 0;}
#fastViewSec .sectionInner h2{ font-size:250%; margin:0; color:#fff;}
#fastViewSec .sectionInner p{ color:#fff; margin:0 0 1em; line-height:1.4em;}
#fastViewSec .sectionInner .specialTag{ text-align:center; background-color:#263765; max-width:240px; box-shadow:1px 1px 3px #333;}
#fastViewSec .sectionInner .specialTag strong{ padding:0.5em; color:#fff; font-size:125%; display:block;}
#fastViewSec .sectionInner .specialTag strong span{ text-align:center; color:#fff; font-size:67.5%; font-weight:normal; display:block;}
#fastViewSec .sectionInner .sliderpanel{margin:0;height:auto;top:auto;max-width: 440px;}
#fastViewSec .sectionInner ul.slider-img-list li{ padding:0;}
#fastViewSec .sectionInner .sliderTextHolder{margin:0 0 1em;position: relative;}
#fastViewSec .sectionInner .sliderTextHolder ul li{ margin:0; line-height:1.4em;}
#fastViewSec .sectionInner .sliderTextHolder .buttons{position:absolute;right:0;top:0;bottom:0;margin:auto;padding:0;width:auto;height: auto;}
#fastViewSec .sectionInner .sliderTextHolder .buttons p{ margin:0 0.2em; padding:0; cursor:pointer; transition:opacity .3s;}
#fastViewSec .sectionInner .sliderTextHolder .buttons p:hover{ opacity:0.6;}
#fastViewSec .sectionInner .sliderBox{width:100%; max-width:440px;}


.pageNavi{ max-width:950px; margin:0 auto 2em; padding:1em;}
.pageNavi li{ width:25%; border-left:1px solid #ccc; text-align:center; font-size:112.5%; font-weight:500; padding:0 0 0.5em; position:relative;}
.pageNavi li:last-child{ border-right:1px solid #ccc;}
.pageNavi li a:after{
	content:"";
	width:15px;
	height:9px;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	background-image: url(/teachinjapan/images/icon_arrow.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	transition:bottom .3s;
}
.pageNavi li a{ color:#000; text-decoration:none; transition:color .3s;}
.pageNavi li a:hover{ color:#FA387D;}
.pageNavi li a:hover:after{ bottom:-0.3em;}

.termsInfoBox > ul{ padding:2em;}
.termsInfoBox li{ font-size:87.5%; font-weight:500; color:#000; padding:0 0 0 1em; margin:1em 0; line-height:1.2em; position:relative;}
.termsInfoBox li:before{ content:"・"; position:absolute; left:0;}
.termsInfoBox dl{ padding:2em; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}



/*-----------------------------------------------------*/
#workingHolidaysSec{padding: 3em 0;}
#workingHolidaysSec .sectionInner{padding: 2em;border: 1px solid #808080;}
#workingHolidaysSec .txtBox{max-width:530px;font-size: 85%;}
#workingHolidaysSec .txtBox h3{margin-bottom:0.4em;}
#workingHolidaysSec .detailsBox{width: 280px;}
#workingHolidaysSec .detailsBox .listBox {height:100%;}
#workingHolidaysSec .detailsBox .listItem{width:100%;}
#workingHolidaysSec .detailsBox .listItem p{margin:0;}
#workingHolidaysSec .detailsBox .listItem .location{flex:1;padding: 0 0 0 0.5em;font-weight: bold;}

/*--------------------------------------------------------------------------------
																		footer
--------------------------------------------------------------------------------*/
footer{background-color:#333;padding: 1.5em 2.5em;}
footer .footerInenr {
    max-width: 950px;
    margin: 0 auto;
}
footer p{ color:#fff; margin:0; font-size:75%;}
footer .ttl{
    font-size: 105%;
}
footer .officesBox .listItem{margin-right:1.5em;font-size: 95%;}
footer .officesBox .listItem a{color:#ffffff;}

/*--------------------------------------------------------------------------------
																		pageTop
--------------------------------------------------------------------------------*/
.pageTop{ position:fixed; right:0.5em; bottom:0.5em; z-index:100;}
.pageTop a{
	width:50px;
    height:50px;
    background-color:#fff;
    border-radius:50px!important;
    border:2px solid #9755D8;
    position:relative;
    color:#9755D8;
    font-weight:500;
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    align-items:center;
    -webkit-justify-content:center;
    justify-content:center;
	text-decoration:none;
    transition:all .3s;
}
.pageTop a:hover{ background-color:#9755D8; color:#fff;}