@charset "utf-8";

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

 ◆creation date: 16/11/23
 ・16/12/08：レスポンシブ対応

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


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

#ryuugaku-rwd #ryuugaku-header .main-ph dl {
	position:absolute;
	top:6px;
	right:10px;
	width:315px;
	border:5px solid #64b6c8;
	z-index:100;
}

#ryuugaku-rwd #ryuugaku-header .main-ph dl dt {
	background-color:#d34d51;
	color:#fff;
	text-align:center;
	padding:2%;
}

#ryuugaku-rwd #ryuugaku-header .main-ph dl dt span.large {
	font-size:20px;
	font-weight:bold;
}

#ryuugaku-rwd #ryuugaku-header .main-ph dl dt span.normal {
	font-size:16px;
	font-weight:normal;
}

#ryuugaku-rwd #ryuugaku-header .main-ph dl dt span.small {
	font-size:12px;
	font-weight:normal;
}

#ryuugaku-rwd #ryuugaku-header .main-ph dl dd {
	background-color:#fff;
	padding:4%;
	color:#216585;
}

#ryuugaku-rwd #ryuugaku-header .main-ph dl dd span.small {
    font-size: 12px;
}

#ryuugaku-rwd #ryuugaku-header .main-ph dl dd strong {
    background-color:#FFFF99;
}

#ryuugaku-rwd #ryuugaku-header .main-ph dl dd ul li {
	background:url(/international/theme/switzerland_ryuugaku/image/2017/161208/top/icon_check.png) no-repeat;
	font-size:12px;
	font-weight:bold;
	/*text-indent:-35px;*/
	padding-left:35px;
	/*margin-top:1%;*/
}

#ryuugaku-rwd #ryuugaku-header .description {
	background:url(/international/theme/switzerland_ryuugaku/image/2017/161208/top/description_bg.png) no-repeat;
	width:81%;
	margin:2% auto;
	padding-left:80px;
	font-size:16px;
}

#ryuugaku-rwd #ryuugaku-header .main-ph {
	/*height:370px;*/
	/*overflow:hidden;*/
}




/*-- コンテンツ共通 -------------------------*/

#ryuugaku-rwd #contents-block h2 {
	/*height:36px;*/
	/*padding-top:5px;*/
	padding-left:15px;
}

#ryuugaku-rwd #contents-block #left-box {
	float:left;
	width:62%;
}

#ryuugaku-rwd #contents-block #right-box {
	float:right;
	width:35%;
}




/*-- トピックス -------------------------*/

#ryuugaku-rwd #contents-block .topics {
}

#ryuugaku-rwd #contents-block .topics ul li {
	border-bottom:solid 1px #e0e0e0;
	font-size:15px;
	margin-top:10px;
	padding-bottom:7px;
}

#ryuugaku-rwd #contents-block .topics ul li:last-child {
	border-bottom: none;
}

#ryuugaku-rwd #contents-block .topics ul.inline li {
	border-bottom:none;
	margin-top: 0;
	padding-bottom: 0;
}

#ryuugaku-rwd #contents-block .topics ul li .marker {
	background-color:#FFFF99;
	color:#990000;
	font-weight:bold;
}

#ryuugaku-rwd #contents-block .topics ul li span {
	font-weight:bold;
}


#ryuugaku-rwd #contents-block .topics ul li a.dl-btn {
	display:inline-block;
	background-color:#3333cc;
	border-radius:5px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding:1% 1.5% 1% 2%;
	text-align:center;
	/*margin:15px 15px 0 0; 191010*/
	margin: 10px 15px 0 0;
}

#ryuugaku-rwd #contents-block .topics ul li a.dl-btn span {
	background:url(/international/theme/switzerland_ryuugaku/school/image/2017/161208/icon_btn.png) no-repeat;
	background-position:left center;
	padding-left:18px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#ryuugaku-rwd #contents-block .topics ul li a.dl-btn img.icon-blank {
	display: none !important;
}


@media screen and (max-width: 768px) {
	#ryuugaku-rwd #contents-block .topics ul li a.dl-btn {
		display:block;
		/*text-align:center;*/
		margin:15px auto;
	}

	#ryuugaku-rwd #contents-block .topics ul li a.dl-btn span {
		font-size:14px;
	}
}



/*-- ムービー -------------------------*/

#ryuugaku-rwd #contents-block {
}

#movie p {
	line-height: 1.6;
}



/*-- スイスラーニング -------------------------*/

#ryuugaku-rwd dl.swiss-larning {
	background-color:#eeeeee;
}

#ryuugaku-rwd dl.swiss-larning dd {
	padding:20px;
}





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

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

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

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

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



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


}



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

/*-- ヘッドライン -------------------------*/
	#ryuugaku-rwd #ryuugaku-header .main-ph dl {
		width:380px;
	}
	
	#ryuugaku-rwd #ryuugaku-header .main-ph dl dt span.large {
		font-size:16px;
	}
	
	#ryuugaku-rwd #ryuugaku-header .main-ph dl dt span.normal {
		font-size:14px;
	}
	
	#ryuugaku-rwd #ryuugaku-header .main-ph dl dt span.small {
		font-size:10px;
	}
	
	#ryuugaku-rwd #ryuugaku-header .main-ph dl dd {
		background-color:#fff;
		padding:4%;
		color:#216585;
	}
	
	#ryuugaku-rwd #ryuugaku-header .main-ph dl dd ul li {
		font-size:12px;
		background-size:9%;
		padding-left:35px;
	}
}



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

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

	#ryuugaku-rwd #ryuugaku-header .description {
		font-size:14px;
	}

	#ryuugaku-rwd #ryuugaku-header .main-ph dl {
		position:static;
		width:100%;
	}
	
	#ryuugaku-rwd #ryuugaku-header .main-ph dl dt span.large {
		font-size:18px;
	}
	
	#ryuugaku-rwd #ryuugaku-header .main-ph dl dt span.normal {
		font-size:14px;
	}
	
	#ryuugaku-rwd #ryuugaku-header .main-ph dl dt span.normal br {
		display:none;
	}

	#ryuugaku-rwd #ryuugaku-header .main-ph dl dt span.small {
		font-size:12px;
	}

	#ryuugaku-rwd #ryuugaku-header .main-ph dl dd ul li {
		margin-top:1%;
		padding-left:35px;
		background-size:auto;
		font-size:15px;
		padding-top:3px;
	}


/*-- コンテンツ -------------------------*/
	#ryuugaku-rwd #contents-block #left-box,
	#ryuugaku-rwd #contents-block #right-box {
		float:none;
		width:100%;
	}

	#ryuugaku-rwd #contents-block #right-box {
		margin-top:4%;
	}

	#ryuugaku-rwd #contents-block .bnr-tsumitate {
		text-align:center;
	}

	#ryuugaku-rwd #contents-block .bnr {
		padding:0 2%;
	}

	#ryuugaku-rwd #contents-block .bnr img {
		width:100%;
	}


/*-- スイスラーニング -------------------------*/

	#ryuugaku-rwd dl.swiss-larning {
		margin:4% 2%;
	}

	#ryuugaku-rwd dl.swiss-larning dt img {
		width:100%;
	}

	#ryuugaku-rwd dl.swiss-larning dd {
		padding:20px;
	}

	.bnr-tsumitate {
		padding: 2%;
	}

	.bnr-tsumitate img {
		width: 100%;
	}
}





@media (min-width:668px) and (max-width:768px) {
/*-- ムービー -------------------------*/
	.tbright {
		width:48%;
		float:right;
		font-size:16px;
	}

	.tbleft {
		width:48%;
		float:left;
	}
}


@media screen and (max-width: 667px) {
/*-- ムービー -------------------------*/
	#ryuugaku-rwd #contents-block #movie .pc,
	#ryuugaku-rwd #contents-block #movie .tb {
		display:none !important;
	}

	#ryuugaku-rwd #contents-block #movie .sp {
		display:block !important;
	}
}



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

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

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

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




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

	▼ 追加

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

.school {
}

.school h4 {
	font-size:16px;
	display:block;
	padding:5px 3px 3px 1em;
	margin-bottom:8px;
}

.school p {
	margin: 3px 0 ;
	/*font-size: 14px;*/
	line-height: 1.6;
}

.school dl {
	/*margin: 10px 0 0 0;*/
}

.school dl dt {
	font-size: 16px;
	/*font-weight: bold;*/
	padding-left: 1em;
	text-indent: -1em;
}

.school dl dt::before {
	content: "■"
}

.school dl dd {
	text-indent: -1em;
	padding-left: 1em;
	margin-left: 1em;
	/*font-size: 14px;*/
	line-height: 1.6;
}

.school a {
	font-weight: bold;
}
/*
.school dl {
	display: flex;
}
*/
.school dl dt {
	/*width: 4em;*/
	font-weight: normal;
	word-break: keep-all;
}


#ryuugaku-rwd #contents-block .topics ul li li {
	border-bottom: none;
	margin-top: 0;
	padding-bottom: 0;
}
/*
#ryuugaku-rwd #contents-block .topics ul li ul.info li {
	text-indent: -1em;
	padding-left: 1em;
}
*/
ul.school-list li::before {
	content: "・"
}

.school .info {
	text-indent: -1em;
	padding-left: 1em;
}

.topics .full {
	display: inline-block;
	background-color: #cc2233;
	color: #fff;
	padding: 1px 10px 0 10px;
	border-radius: 20px;
	text-indent: 3px;
}

.topics .ttl,
.topics .ttl a {
	font-weight: bold;
	font-size: 110%;
}

.school .inner-box {
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-start;
}

.school .inner-box .info {
	width: 43%;
	font-size: 15px;
}

.school .img {
	width: 55%;
	margin-right: 2%;
}

.school .img img {
	width: 100%;
}

.school li.setsumeikai-list dl {
	margin: 0 !important;	
}


@media screen and (max-width: 768px) {
	.school .inner-box {
		display: block;
	}

	.school .inner-box .info {
		width: 100%;
		font-size: 15px;
	}

	.school .img {
		width: 100%;
		margin-right: 0;
	}
}