@charset "utf-8";

/*
 ------------------------------

 ◆creation date: 16/11/23
 ・16/12/08：レスポンシブ対応（共通用）
 ・18/11/07：新ヘッダー対応
 ・19/11/07：2020年度対応
 ・21/11/29：ナビゲーション修正

 ----------------------------- */

/*-- オーバーライド -------------------------*/

#breadcrumbs {display:none;}
.res-inner-contents {padding-top:0;}

#ryuugaku-rwd {}

.tb,
.sp {
	display:none !important;
}

.pc {
	display:block !important;
}



/*-- ヘッドライン -------------------------*/

#ryuugaku-rwd #ryuugaku-header {
}

#ryuugaku-rwd #ryuugaku-header .inner {
	display:table;
	width:100%;
	vertical-align:middle;
	padding-bottom:1%;
	border-bottom:10px solid #64b6c8;
}

#ryuugaku-rwd #ryuugaku-header .inner > div {
	display:table-cell;
	vertical-align:middle;
}

#ryuugaku-rwd #ryuugaku-header .inner img {
	/*display:block;*/
}

#ryuugaku-rwd #ryuugaku-header h1,
#ryuugaku-rwd #ryuugaku-header .inner span {
	display:inline-block;
	/*margin-left:8%;*/
	margin-left:50px;
	font-weight:bold;
	font-size:14px;
}
/*
#ryuugaku-rwd #ryuugaku-header .inner a {
	display:table-cell;
	text-align:right;
}
*/

#ryuugaku-rwd #ryuugaku-header a.header-contact {
	position: relative;
	display: block;
	border: 3px solid #ffd072;
	border-radius: 5px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	line-height: 1.5;
	/*background: url("/international/theme/switzerland_ryuugaku/image/2021/211208/icon_contact.png") no-repeat #ffaa00,#ffaa00;*/
	background-image: url("/international/theme/switzerland_ryuugaku/image/2021/211208/icon_contact.png");
	background-repeat: no-repeat;
	background-color: #ffaa00;
	background-position: left 15px center;
	background-size: auto,30px;
	padding-left: 60px;
	padding: 5px 0 5px 60px;
	height: 80px;
}

#ryuugaku-rwd #ryuugaku-header a.header-contact span {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	/*background-color: #ff8400;*/
	background: url("/international/theme/switzerland_ryuugaku/image/2021/211208/icon_contact_yajirushi.png") no-repeat center center #ff8400;
	width: 20px;
	height: 74px;
}



#ryuugaku-rwd #ryuugaku-header a.header-contact.icon-blank img {
	display:none;
}

#ryuugaku-rwd #ryuugaku-header .main-ph {
	position:relative;
}

#ryuugaku-rwd #ryuugaku-header .main-ph img {
	width:100%;
}



/*-- H1下層 --*/

#ryuugaku-rwd #h1-block {
	margin:25px 0;
}

#ryuugaku-rwd #h1-block h1 {
	display:block;
	background:url(/international/theme/switzerland_ryuugaku/image/2017/161208/h1_bg.png) no-repeat;
	min-height:45px;
	font-size:2.5em;
	/*font-weight:bold;*/
	padding-left:60px;
}

#ryuugaku-rwd #h1-block p {
	/*font-size:14px;*/
	font-size: 16px;
	margin-top: 15px;
}


/*-- PCナビゲーション -------------------------*/
/*
#ryuugaku-rwd #pc-navi {
	padding:0;
	margin:0 auto;
	width:100%;
	border-collapse:collapse;
	background-color:#e0f1f4;
}

#ryuugaku-rwd #pc-navi a {
	display: table-cell;
	border-right:1px solid #fff;
	border-top:5px solid #64b6c8;
	height:60px;
	overflow:hidden;
	border-collapse:collapse;
	border-spacing:0;
}

#ryuugaku-rwd #pc-navi a:nth-child(6) {
	border-right:none;
}

#ryuugaku-rwd #pc-navi a.on,
#ryuugaku-rwd #pc-navi a:hover {
	border-top:5px solid #dd2233;
	border-collapse:separate;
	border-spacing:0;
}
*/

#ryuugaku-rwd #pc-navi {
	display: flex;
	width: 100%;
}

#ryuugaku-rwd #pc-navi li {
	width: 17%;
	background-color: #e0f1f4;
	border-top:5px solid #64b6c8;
	/*border-right: 1px solid #fff;*/
	margin-right: 1px;
}

#ryuugaku-rwd #pc-navi li:last-child {
	/*border-right: none;*/
	margin-right: 0;
}

#ryuugaku-rwd #pc-navi li a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	padding: 7px 1%;
	width: 100%;
	height: 100%;
}

#ryuugaku-rwd #pc-navi li.on,
#ryuugaku-rwd #pc-navi li:hover {
	border-top: 5px solid #dd2233;
	transition: all 0.5s;
}

#ryuugaku-rwd #pc-navi a.icon-blank img {
	display:none;
}


/*-- コンテンツ -------------------------*/

#ryuugaku-rwd #contents-block {
	font-size: 15px;
	line-height: 1.8;
}

#ryuugaku-rwd #contents-block ul.indent li {
	text-indent: -1em;
	padding-left: 1em;
}

#ryuugaku-rwd #contents-block h2 {
	display:block;
	width:100%;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	margin-bottom:3%;
	border-top:2px solid #fff;
	box-shadow: 0 -2px #51bbd1;
	background-color:#51bbd1;
	padding:0.5% 1.5%;
}

#ryuugaku-rwd #contents-block .contents-inner {
	margin-bottom:5%;
}

#ryuugaku-rwd #contents-block div:last-child {
	margin-bottom:0;
}




/*-- 資料請求・申し込み -------------------------*/

#ryuugaku-rwd #contents-block .moushikomi-container {
	border:2px solid #dd2233;
	width:100%;
}

#ryuugaku-rwd #contents-block .moushikomi-container .head {
	background-color:#dd2233;
	padding: 3% 2%;
	text-align:center;
}

#ryuugaku-rwd #contents-block .moushikomi-container .head h3 img {
	margin: 0 auto;
}

#ryuugaku-rwd #contents-block .moushikomi-container .head p {
	font-size:18px;
	font-weight:bold;
	color:#fff;
	margin:1% auto;
}

#ryuugaku-rwd #contents-block .moushikomi-container dl {
	/*padding:2%;*/
	padding: 3%;
	text-align:center;
}

#ryuugaku-rwd #contents-block .moushikomi-container dl dt {
	font-size:16px;
	font-weight:bold;
}

#ryuugaku-rwd #contents-block .moushikomi-container dl dd.details {
	margin:1% auto;
}

#ryuugaku-rwd #contents-block .moushikomi-container dl dd.navidial,
/*#ryuugaku-rwd #contents-block .moushikomi-container dl dd.ip-sp,*/
#ryuugaku-rwd #contents-block .moushikomi-container dl dd.fax,
#ryuugaku-rwd #contents-block .moushikomi-container dl dd.ip-pc {
	display:inline-block;
}

#ryuugaku-rwd #contents-block .moushikomi-container dl dd.ip-sp {
	text-align: center;
}

#ryuugaku-rwd #contents-block .moushikomi-container dl dd.ip-sp div {
	display: inline-block;
	text-align: left;
	/*padding-left: 10px;*/
}

#ryuugaku-rwd #contents-block .moushikomi-container dl dd.ip-sp div a {
	display: block;
	margin-bottom: 10px;
}

#ryuugaku-rwd #contents-block .moushikomi-container dl dd.navidial {
	margin-right:2%;
}

#ryuugaku-rwd #contents-block .moushikomi-container dl dd.ip-sp {
	display:none;
}

#ryuugaku-rwd #contents-block .moushikomi-container dl dd.ip-pc {
	margin-top:2%;
}

#ryuugaku-rwd #contents-block .moushikomi-container br.brsp {
	display:none;
}

#ryuugaku-rwd .contact {
	padding-top:5%;
}


/*-- 申し込み ここまで下層共通 --*/

#ryuugaku-rwd #contents-block .bnr-tsumitate {
	display:block;
	margin-top:4%;
}




/*=======================================

	▼PC～SP中間（ブレークポイント950px）

========================================*/

@media screen and (max-width: 950px) {

/*-- ヘッドライン -------------------------*/
/*-- H1下層 --*/
	#ryuugaku-rwd #h1-block {
		margin:25px 2%;
	}


/*-- コンテンツ -------------------------*/

	#ryuugaku-rwd #contents-block h2 {
		margin-bottom:2%;
	}
	
	#ryuugaku-rwd #contents-block .contents-inner {
		padding:0 2.5%;
	}
}



/*=======================================

	▼PC～SP中間（ブレークポイント840px）

========================================*/

@media screen and (max-width: 840px) {

/*-- ヘッドライン -------------------------*/
	#ryuugaku-rwd #ryuugaku-header .inner a {
		display:none;
	}

}



@media (min-width:769px) {
	.tb,
	.sp {
		display:none !important;
	}
	
	.pc {
		display:block !important;
	}
}

@media (min-width:641px) and (max-width:768px) {
	.pc,
	.sp {
		display:none !important;
	}
	
	.tb {
		display:block !important;
	}
}



/*=======================================

	▼PC～SP中間（ブレークポイント768px）

========================================*/

@media screen and (max-width: 768px) {
	#ryuugaku-rwd .pc {
		display:block;
	}

	#ryuugaku-rwd .sp {
		display:none;
	}
/*-- ナビゲーション -------------------------*/
	#ryuugaku-rwd #pc-navi {
		display:none;
	}


/*-- 問い合わせ -------------------------*/
	#ryuugaku-rwd #contents-block .moushikomi-container dl dd.navidial {
		display:none;
	}

	#ryuugaku-rwd #contents-block .moushikomi-container dl dd.ip-sp {
		display:block;
		margin-bottom:2%;
	}
}


/*=======================================

	▼SP版（ブレークポイント640px）

========================================*/

@media screen and (max-width: 640px) {
	.tb,
	.pc {
		display:none !important;
	}
	
	.sp {
		display:block !important;
	}



/*-- ヘッドライン -------------------------*/
	#ryuugaku-rwd #ryuugaku-header .inner {
		padding:2%;
	}

	#ryuugaku-rwd #ryuugaku-header h1,
	#ryuugaku-rwd #ryuugaku-header .inner span {
		margin-left:9%;
	}


/*-- H1下層 --*/
	#ryuugaku-rwd #h1-block {
		margin:4%;
	}

	#ryuugaku-rwd #h1-block h1 {
		font-size:2em;
	}


	#ryuugaku-rwd #contents-block .moushikomi-container br.brsp {
		display:block;
	}

}




/*=======================================

	▼その他共通

========================================*/

/*-- マージン・余白 -------------------------*/

#ryuugaku-rwd .mgtp5 {
	margin-top:5px;
}

#ryuugaku-rwd .mgtp10 {
	margin-top:10px;
}

#ryuugaku-rwd .mgtp15 {
	margin-top:15px;
}

#ryuugaku-rwd .mgtp20 {
	margin-top:20px;
}

#ryuugaku-rwd .mgbt5 {
	margin-bottom:5px;
}

#ryuugaku-rwd .mgbt10 {
	margin-bottom:10px;
}

#ryuugaku-rwd .mgbt15 {
	margin-bottom:15px;
}

#ryuugaku-rwd .mgbt20 {
	margin-bottom:20px;
}

#ryuugaku-rwd .pdtp5 {
	padding-top:5%;
}

#ryuugaku-rwd .pdbt5 {
	padding-bottom:5%;
}


/*-- clearFix -------------------------*/

#ryuugaku-rwd .clearFix:after {
	content: ".";
	visibility: hidden;
	display: block;
	clear: both;
	height: 0px;
}

* html #ryuugaku-rwd .clearFix {
	zoom:1;
}

*:first-child+html #ryuugaku-rwd .clearFix {
	zoom:1;
}



/*-- 新ヘッダー対策 -------------------------*/

.cp-005-switzerland {
	padding-top: 15px;
}



/*-- マーカー -------------------------*/

.marker,
.marker a:link {
	background-color:#FFFF99;
	color:#990000;
	font-weight:bold;
}