@charset "UTF-8";
/*
 * CSS common.css
 */

/* ---------------------------------------
txt
--------------------------------------- */
.txt_nomal{ font-size: 1em; }
.txt_bold{ font-weight: bold; }
.txt_small{ font-size: 0.9em;}
.txt_red{ color: #b51b21; }

.inlineblock{ display: inline-block; }

.sp_txt{ display: none; }
@media screen and (max-width: 767px){
	.sp_txt{ display: block; margin-bottom: 10px; }
}


.section{ margin-bottom: 85px; }
.sec_in{ max-width: 1200px; margin: 0 auto; }
@media screen and (max-width: 767px){
	.section{ margin-bottom: 40px; }
	.sec_in{ width: 92%; }
}


/* ---------------------------------------
title
--------------------------------------- */
.pagetitle{
	background: #F0F0F0;
	border-bottom: 1px solid #E1E1E1;
}
.pagetitle .pagetitle_in{
	max-width: 1200px;
	height: 140px;
	margin: 0 auto;
	position: relative;
}
.pagetitle .tit1{
	float: left;
	font-size: 2em;
	padding-top: 45px;
}
.pagetitle .tit2{
	float: right;
	padding-top: 57px;
}
.pagetitle .tit2.line2{
	padding-top: 36px;
}
.pagetitle .tit2 img{
	height: 31px;
}
.pagetitle .tit2.line2 img{
	height: 71px;
}
.pagetitle .bg_item{
	position: absolute;
	bottom: -20px;
	right: 65px;
}
.pagetitle .bg_item img{
	width: 357px;
}
@media screen and (max-width: 767px){
	.pagetitle .pagetitle_in{
		width: 92%;
		height: auto;
		padding: 40px 0 30px;
	}
	.pagetitle .tit1{
		float: none;
		font-size: 1.7em;
		padding-top: 0;
		margin-bottom: 10px;
	}
	.pagetitle .tit2{
		float: none;
		line-height: 1;
		padding-top: 0!important;
	}
	.pagetitle .tit2 img{
		height: 19px;
	}
	.pagetitle .tit2.line2 img{
		height: 45px;
	}
	.pagetitle .bg_item{
		bottom: -10px;
		right: 0;
	}
	.pagetitle .bg_item img{
		width: 180px;
	}
}



.sectitle_wrap{
	text-align: center;
	margin-bottom: -12px;
}
.sectitle_wrap .tit_ico{
	display: inline-block;
	width: 340px;
	text-align: center;
	vertical-align: middle;
}
.sectitle_wrap .tit_box{
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
.sectitle_wrap .tit_box .sectitle{
	font-size: 2.4em;
	letter-spacing: 0.05em;
}
.sectitle_wrap .tit_box .subtit{
	font-size: 1.06em;
	letter-spacing: 0.05em;
}
@media screen and (max-width: 767px){
	.sectitle_wrap{
		margin-bottom: 20px;
	}
	.sectitle_wrap .tit_ico{
		display: block;
		width: auto;
		margin-bottom: 15px;
	}
	.sectitle_wrap .tit_box{
		display: block;
		text-align: center;
	}
	.sectitle_wrap .tit_box .sectitle{
		font-size: 1.7em;
	}
	.sectitle_wrap .tit_box .subtit{
		font-size: 1em;
	}
}


/* ---------------------------------------
breadcrumb
--------------------------------------- */
.breadcrumb{
	background: #fff;
	padding: 10px 0 40px;
}
.breadcrumb ul{
	max-width: 1200px;
	margin: 0 auto;
}
.breadcrumb ul li{
	display: inline-block;
	font-size: 0.8em;
	color: #888888;
}
.breadcrumb ul li:before{
	content: "/";
	display: inline-block;
	margin: 0 10px;
}
.breadcrumb ul li:first-child:before{
	display: none;
}
.breadcrumb ul li a{
	text-decoration: none;
	color: #888888;
}
.breadcrumb ul li a:hover{
	opacity: 0.7;
}
@media screen and (max-width: 767px){
	.breadcrumb{
		padding: 15px 0 30px;
	}
	.breadcrumb ul{
		width: 92%;
	}
}





/* ---------------------------------------
btn
--------------------------------------- */
.btn_style1{
	display: inline-block;
	width: 300px;
	height: 74px;
	background: url(/studyabroad/module/svg/common/btn1_bg.svg) no-repeat center;
	background-size: 100%;
	font-size: 1.33em;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding-top: 17px;
	box-sizing: border-box;
}
.btn_style1:hover{
	opacity: 0.7;
}
@media screen and (max-width: 767px){
	.btn_style1{
		width: 230px;
		height: 58px;
		padding-top: 12px;
	}
}

.btn_style2{
	display: inline-block;
	width: 300px;
	height: 74px;
	background: url(/studyabroad/module/svg/common/btn2_bg.svg) no-repeat center;
	background-size: 100%;
	font-size: 1.33em;
	color: #61BCA2;
	text-decoration: none;
	text-align: center;
	padding-top: 17px;
	box-sizing: border-box;
}
.btn_style2:hover{
	opacity: 0.7;
}
@media screen and (max-width: 767px){
	.btn_style2{
		width: 230px;
		height: 58px;
		padding-top: 12px;
	}
}



/* ---------------------------------------
ico
--------------------------------------- */
.ico_blank:after{
	content: "";
	display: inline-block;
	width: 11px;
	height: 11px;
	background: url(/studyabroad/module/svg/common/ico_blank.svg) no-repeat center;
	background-size: 100%;
	position: relative;
	margin-left: 10px;
}





/* ---------------------------------------
commonModule
--------------------------------------- */
.clearfix, .section, .incnt, .sec_in,{
	zoom: 1;
}
.clearfix:after, .section:after, .incnt:after, .sec_in:after{
	display: block;
	content: "";
	clear: both;
}

.cnt_left {float: left; }
.cnt_right {float: right; }

._on { transition: 0.3s; }
._on:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
@media screen and (max-width: 767px) {
	._on{
		transition: none;
	}
}


.flashbtn {
	opacity: 1;
}
.flashbtn:hover {
	opacity: 1;
	-webkit-animation: flash 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation: flash 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@-webkit-keyframes flash {
	0%  { opacity: .4; }
	100%{ opacity: .9; }
}
@keyframes flash {
	0%  { opacity: .4; }
	100%{ opacity: .9; }
}



/* display adjust */
.basehide, .middlehide, .tablethide, .sphide, .landhide, .porthide {
	display: block;
}
.baseblock, .tabletblock, .middleblock, .spblock, .landblock, .portblock {
	display: none;
}
@media screen and (max-width: 1300px) {
	.baseblock{display: block; }
	.basehide {display: none !important; }
}
@media screen and (max-width: 1040px) {
	.tabletblock{display: block; }
	.tablethide {display: none !important; }
}
@media screen and (max-width: 767px) {
	.middleblock{display: block; }
	.middlehide {display: none !important; }
}
@media screen and (max-width: 639px) {
	.landblock{display: block; }
	.landhide {display: none !important; }
}
@media screen and (max-width: 479px) {
	.spblock{display: block; }
	.sphide {display: none !important; }
}
@media screen and (max-width: 400px) {
	.portblock{display: block; }
	.porthide {display: none !important; }
}




/* ---------------------------------------
servicelink
--------------------------------------- */
.servicelink{ position: fixed; bottom: 40px; right: 0; z-index: 130 }
.servicelink>a{ background: #e11c24;  background: -moz-linear-gradient(left, #e11c24 0%, #d85a24 100%);  background: -webkit-linear-gradient(left, #e11c24 0%,#d85a24 100%);  background: linear-gradient(to right, #e11c24 0%,#d85a24 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e11c24', endColorstr='#d85a24',GradientType=1 ); text-decoration: none; color:#fff; display: block; padding:10px 0 14px 30px; width: 347px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: relative; }
.servicelink>a:after{ content: ""; background: url(/studyabroad/module/img/index/main_arw3.png) no-repeat; background-size: contain; width: 12px; height: 20px; display: inline-block; position: absolute; top:0; bottom: 0; margin:auto 0; right: 24px; transition: 0.3s; }
/*.servicelink>a:hover{ color: inherit; }
.servicelink>a:hover:after{ background: url(/studyabroad/module/img/index/main_arw3_h.png) no-repeat; background-size: contain; }*/
.servicelink>a .txt1,
.servicelink>a .txt2{ font-weight: 700 }
.servicelink>a .txt2{ font-size: 0.89em; line-height: 2.1 }
.servicelink>a .txt1{ line-height: 1.5 }
.servicelink>a .txt1>span{ font-size: 1.78em; font-family: 'BarlowCondensed'; font-weight: 600; }
@media screen and (max-width: 1040px){
	.servicelink{ position: static;  }
	.servicelink>a{ width: 100%;  text-align: center; padding:10px 6% 14px; }
	.servicelink>a>.inwrap{ display: inline-block; text-align: left; }
}