@charset "euc-jp";
/*■■■■■■■■■■■■■■■■■■■■■■■■■
　	トップページ用
　■■■■■■■■■■■■■■■■■■■■■■■■■*/


/* ▼▼▼▼▼ ＰＣレイアウト : 1200 px以上。 ▼▼▼▼▼ */

.midasi2{
	background: url(../img/school/midasi2_bg.png) repeat-y left top #f1eee6;
}

a.detail{
	clear: left;
	position: relative;
	display: block;
	background: #fff;
	padding: 0 10px 0 20px;
	color: #fff;
	font-size: 15px;
	line-height: 1.4em;
	border: 1px solid #77a85e;
	color: #77a85e;
	text-align: center;
	margin-top: 15px;
}

a.detail:before{
	content: "";
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	top: 5px;
	left: 10px;
	border: solid;
	border-width: 5px 0 5px 7px;
	border-color: transparent transparent transparent #8cc66d;
}

a.detail:hover{
	opacity:0.7;
	text-decoration: none;
}

.midasi small{
	font-size: 70%;
}

/* ■■■■■ ハワイの提携校 ＆ おケイコ留学 ■■■■■ */

.school_list{
	clear: both;
	background: #eef6e9;
	padding: 0 0 30px;
	margin: 0;
}

.school_list.keiko{
	background: #fce9ec;
}

.school_list.keiko .detail{
	border-color: #ec6d81;
	color: #ec6d81;
}
.school_list.keiko .detail:before{
	border-color: transparent transparent transparent #ec6d81;
}
.school_list h3{
	background: #8cc66d;
	padding: 5px 10px;
	margin: 0 0 15px;
	font-size: 18px;
	line-height: 1.2em;
	color: #fff;
}

.school_list.keiko h3{
	background: #ec6d81;
}

.school_list ul{
	border-bottom: 1px dotted #777;
	padding-bottom: 20px;
	margin: 0 0 20px;
	overflow: hidden;
	text-align: left;
}
.school_list ul:last-child{
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	font-size: 0;
	line-height: 0;
}

.school_list ul li{
	position: relative;
	display: inline-block;
	*display: inline;
	margin: 0 0 4% 2%;
	width: 47%;
	vertical-align: top;
	overflow: hidden;
	font-size: 14px;
	line-height: 1.6em;
}
.school_list ul li.w100{
	display: block;
	width: auto;
	margin: 0 2% 2%;
}
.school_list ul li.w100 a.detail{
	clear: none;
}

.school_list ul li h4{
	border-left: 5px solid #77a85e;
	padding: 0 0 0 5px;
	margin: 0 0 10px;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.2em;
	color: #77a85e;
}
.school_list ul li h4 small{
	display: block;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.2em;
}

.school_list.keiko ul li h4{
	color: #ec6d81;
	border-color: #ec6d81;
}

.school_list ul li a img{
	float: left;
	vertical-align: top;
	width: 38%;
	margin: 0 15px 10px 0;
}
.school_list ul li a{
	color: #77a85e;
}
.school_list ul li a:hover{
	color: #97c87e;
}
.school_list.keiko ul li a{
	color: #ec6d81;
}
.school_list.keiko ul li a:hover{
	color: #fc8da1;
}


.school_list ul li a[href*="/contact"] img{
	float: none;
	display: block;
	width: 100%;
}

.school_list ul li a strong{
	display: block;
	margin: 0 0 10px 37%;
	margin-left: calc(35% + 15px);
	margin-left: -webkit-calc(35% + 15px);
	margin-left: -moz-calc(35% + 15px);
	margin-left: -ms-calc(35% + 15px);
	padding: 0 0 5px;
	border-bottom: 1px solid #77a85e;
	font-size: 16px;
	line-height: 1.2em;
	color: #77a85e;
}
.school_list ul li a strong small{
	display: block;
	font-weight: normal;
	font-size: 90%;
}
.school_list.keiko ul li a strong{
	border-bottom: 1px solid #ec6d81;
	color: #ec6d81;
}

.school_list ul li p{
	margin: 0 0 5px;
}

.school_list ul li.w100 p,
.school_list ul li.w100 a strong{
	margin-left: 51%;
	margin-left: calc(50% + 15px);
	margin-left: -webkit-calc(50% + 15px);
	margin-left: -moz-calc(50% + 15px);
	margin-left: -ms-calc(50% + 15px);
}

.school_list ul li.w100 a img{
	width: 50%;
}

.school_banner{
	margin: 30px 10px;
	text-align: center;
}


/* ■■■■■ メイン（フェード）イメージ ■■■■■ */
.school_image{
	margin: 0 0 30px;
}

#main_image{
	position: relative;
	width: auto;
}

#main_image p{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	overflow: hidden;
	z-index: 0;
	opacity: 0;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear;
}

#main_image p.on{
	position: relative;
	z-index: 1;
	opacity: 1;
	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
}

#main_image p > img{
	display: block;
	width: 100%;
}

#main_image > div{
	position: relative;
	margin: 10px auto;
	text-align: center;
	width: 100%;
}

#main_image > div a{
	display: inline-block;
	width: 15px;
	height: 15px;
	border: 1px solid #ccc;
	margin: 0 7px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	border-radius: 8px;

}
#main_image > div a:hover,
#main_image > div a.on{
	background: #ee7c8e;
	text-decoration: none;
}


/* ■■■■■ 学校詳細 ■■■■■ */

.school_tab{
	margin: 30px 10px;
	font-size: 0;
	line-height: 0;
	text-align: center;
}
.school_tab li{
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	*display: inline;
	width: 32%;
	max-width: 200px;
	height: 60px;
	padding: 15px 0 15px 5%;
	margin-left: 2%;
	background: #e8f4e2;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	line-height: 17px;
	color: #595757;
	cursor: pointer;
}
	.gallery .school_tab li {
		width: 23%;
	}

.school_tab li:first-child{
	margin-left: 0;
}
.school_tab li small{
	font-weight: normal;
	font-size: 12px;
	line-height: 13px;
}
.school_tab li:hover,
.school_tab li.on{
	background: #8cc66d;
	color: #fff;
}
.school_tab li:before{
	content: "";
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	margin: -3px 0;
	border: solid;
	border-width: 6px 4px 0 4px;
	border-color: #8cc66d transparent transparent transparent;
	top: 50%;
	left: 6%;
}

.school_tab li:hover:before,
.school_tab li.on:before{
	border-color: #fff transparent transparent transparent;
}

.school_info{
	margin: 0 15px 40px;
}
.school_info .midasi3,
.school_info h3.midasi2{
	margin-left: -15px;
	margin-right: -15px;
}

.school_info h3.midasi2{
	margin-top: 40px;
}
.school_info h3.midasi2:first-child{
	margin-top: 0;
}

.school_info h6{
	font-weight: bold;
	font-size: 120%;
	color: #77a85e;
	margin: 30px 0 10px;
}

.school_info h6:before{
	content: "■";
	color: #c5e2b6;
}


.school_info .stay_box .midasi3{
	background: #a48b78;
}

.school_info h4.line{
	border-bottom: 1px solid #8cc66d;
	padding: 0 0 10px;
	margin: 0 0 15px;
	font-weight: bold;
	font-size: 17px;
	line-height: 1.5em;
	color: #8cc66d;
}
.school_info .midasi3{
	background: #8cc66d;
	margin-top: 30px;
}
.school_info .midasi4{
	background: #e8f4e2;
	margin: 30px -5px 10px;
}

.contact_links{
	margin: 30px 0;
}

.contact_links a{
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 500px;
	padding: 5px 20px 5px 5px;
	margin: 0 auto 15px;
	background: #8cc66d;
	text-align: left;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
}
.contact_links a > span{
	display: inline-block;
	vertical-align: middle;
	width: 78%;
}
.contact_links a > span span{
	display: inline-block;
}
.contact_links a:before{
	content: "";
	display: inline-block;
	width: 50px;
	height: 50px;
	vertical-align: middle;
	margin-right: 2%;
}
.contact_links a:after{
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	top: 50%;
	right: 15px;
	margin: -4px 0;
	border: solid;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent #fff;
}

.contact_links a[href*="/contact"]{
	background: #ec6d81;
}

.contact_links a[href*="tel:"]{
	background: #2eadcf;
}

.contact_links a[href*="/reserve"]:before{
	background: url(../img/school/icon_reserve.png) no-repeat center center;
	background-size: 100% 100%;
}

.contact_links a[href*="/contact"]:before{
	background: url(../img/school/icon_contact.png) no-repeat center center;
	background-size: 100% 100%;
}

.contact_links a[href*="tel:"]:before{
	background: url(../img/school/icon_tel.png) no-repeat center center;
	background-size: 100% 100%;
}

.detail_table,
.detail_table_pc{
	border-spacing: 0;
	width: 100%;
	border-top: 1px solid #c9bc9c;
	border-left: 1px solid #c9bc9c;
	font-size: 12px;
	line-height: 1.4em;
	margin: 15px 0 30px 0;
}

.detail_table tr th,
.detail_table tr td,
.detail_table_pc tr th,
.detail_table_pc tr td{
	border-right: 1px solid #c9bc9c;
	border-bottom: 1px solid #c9bc9c;
	padding: 10px;
	text-align: left;
}
.detail_table tr th b,
.detail_table tr td b,
.detail_table_pc tr th b,
.detail_table_pc tr td b{
	color: #f00;
}

.detail_table tr th em,
.detail_table tr td em,
.detail_table_pc tr th em,
.detail_table_pc tr td em{
	color: #c7b795;
}

.detail_table tr td span,
.detail_table_pc tr td span{
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
}

.detail_table tr th,
.detail_table_pc tr th{
	background: #f5f4ed;
	padding: 5px 10px;
}

.detail_table.program tr th{
	text-align: center;
}

.detail_table.green{
	border-top: 0;
	border-left: 0;
}
.detail_table.green tr th{
	background: #e6f2d6;
	border-right: 0;
	border-bottom: 0;
	padding: 10px 20px;
}
.detail_table.green tr td{
	border-top: 1px solid #e0e0e0;
	border-right: 0;
	border-bottom: 0;
}
.detail_table.green tr:first-child th,
.detail_table.green tr:first-child td{
	border-top: 0;
}
.detail_table caption,
.detail_table_pc caption{
	text-align: center;
	background: #c9bc9c;
	color: #fff;
	padding: 5px;
}
.detail_table.smt tr th.dollar,
.detail_table tr th.dollar,
.detail_table_pc tr th.dollar{
	text-align: center;
	background: #c9bc9c !important;
	color: #fff !important;
}
.detail_table.t_c tr td,
.detail_table tr.t_c td,
.detail_table tr td.t_c{
	padding: 10px 0;
	text-align: center;
}
.detail_table.t_c tr th,
.detail_table tr.t_c th,
.detail_table tr th.t_c{
	text-align: center;
	padding: 5px 0;
}

.detail_table tr td.s{
	font-size: 11px;
}
.detail_table tr td.course_schedule{
	padding: 10px 0 10px 10px;
	white-space: nowrap;
}
.detail_table.fixed{
	table-layout: fixed;
}
.detail_table.line2 tr th,
.detail_table.line3 tr th{
	white-space: nowrap;
}

.detail_table tr td u{
	display: inline-block;
	margin-right: 10px;
	text-decoration: none;
	vertical-align: top;
}
.detail_table tr th.nowrap,
.detail_table tr td.nowrap{
	white-space: nowrap;
}

p.capt{
	clear: both;
	margin: -20px 0 30px 0 !important;
	text-align: left;
}

p.capt em{
	display: inline-block;
	margin-right: 10px;
}

.detail_table tr td u:before,
p.capt em:before{
	content: "●";
	color: #c9bc9c;
}

.access_map{
	position: relative;
	margin: 15px;
	height: 0;
	padding-top: 50%;
}

.access_map iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

ul.l_indent li{
	padding-left: 1em;
	margin-top: 5px;
}
ul.l_indent li:first-child{
	margin-top: 0;
}
ul.l_indent li:first-letter{
	color: #dfd7c4;
}

ul.kome.capt{
	margin-top: -20px;
}
ul.kome li,
ul.price li{
	padding-left: 1em;
	text-indent: -1em;
	margin-top: 5px;
}

ul.price li:before{
	content: "●";
	color: #dfd7c4;
}
ul.kome li:before{
	content: "※";
}

ol.course{
	margin: 20px 0 30px;
	padding-left: 2em;
}

ol.course li{
	color: #77a85e;
	margin: 0 0 5px;
	list-style: decimal;
	text-align: left;
}

ol.course li span,
ol.course li em{
	display: inline-block;
	vertical-align: top;
}

ol.course li em{
	font-weight: bold;
	min-width: 40%;
	white-space: nowrap;
}
ol.course li span{
	min-width: 60%;
	color: #333;
}

.img_left{
	margin-left: 32%;
}

.more_program{
	display: none;
}
.smt_hide{
	display: block;
}

.movie-wp {
  position: relative;
  width: 90%;
  margin: 0 auto 25px;
  padding-top: 50.625%;
}
.movie-wp iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* ▼▼▼▼▼ タブレットレイアウト : 800 px ～ 1200 px。ＰＣレイアウトからスタイルを継承。 ▼▼▼▼▼ */
@media only screen and (max-width: 1200px){


	/* ■■■■■ ハワイの提携校 ＆ おケイコ留学 ■■■■■ */
	.school_list ul li{
		font-size: 13px;
		line-height: 1.5em;
	}

	.school_list ul li a img{
		width: 35%;
		margin: 0 10px 10px 0;
	}

	.school_list ul li h4{
		font-size: 16px;
	}
	.school_list ul li h4 small{
		font-size: 13px;
	}

	.detail_table tr th,
	.detail_table tr td,
	.detail_table_pc tr th,
	.detail_table_pc tr td{
		padding: 10px 5px;
	}

}


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

	.school_list ul li{
		font-size: 12px;
		line-height: 1.4em;
	}

	.school_list ul li h4{
		font-size: 15px;
	}
	.school_list ul li h4 small{
		font-size: 12px;
	}

	.school_info h4.line{
		font-size: 15px;
		line-height: 1.4em;
	}

}

/* ▼▼▼▼▼ モバイルレイアウト : 799 px およびそれ以下。ＰＣレイアウトからスタイルを継承。 ▼▼▼▼▼ */
@media only screen and (max-width: 799px){
	a.detail{
		font-size: 13px;
		line-height: 1.4em;
	}


	/* ■■■■■ ハワイの提携校 ＆ おケイコ留学 ■■■■■ */
	.school_list ul li h4{
		display: none;
	}

	.school_list ul li{
		display: block;
		margin: 0 10px 20px;
		width: auto;
	}

	.school_list ul li a strong,
	.school_list ul li p{
		display: block !important;
		margin-left: calc(35% + 10px);
		margin-left: -webkit-calc(35% + 10px);
		margin-left: -moz-calc(35% + 10px);
		margin-left: -ms-calc(35% + 10px);
	}

	.school_list ul li.w100 a img{
		float: none;
		width: 100%;
		margin: 0 0 10px;
	}
	.school_list ul li.w100 p,
	.school_list ul li.w100 a strong{
		margin-left: 0;
	}

	.school_list ul li.w100{
		margin: 0 10px 20px;
	}

	.school_list ul li a strong{
		font-size: 13px;
		margin-bottom: 5px;
	}

	/* ■■■■■ 学校詳細 ■■■■■ */
	.school_info{
		margin: 0 10px 30px;
	}

	.school_info .midasi3{
		margin-left: 0;
		margin-right: 0;
	}
	.school_info h3.midasi2{
		margin-left: -10px;
		margin-right: -10px;
	}
	.school_info .annotation{
		margin-left: 0;
		margin-right: 0;
	}

	.detail_table{
		border: 0;
		border-bottom: 1px solid #c9bc9c;
	}
	.detail_table tr th,
	.detail_table tr td{
		display: block;
		border: 0;
	}
	.detail_table tr th{
		border-bottom: 1px solid #c9bc9c;
	}

	.detail_table tr td{
		padding-bottom: 20px;
	}

	.school_info p{
		margin: 0 10px 20px;
	}
	.detail_table tr th,
	.detail_table tr td{
		padding: 10px;
	}

	.detail_table.program,
	.detail_table.lesson,
	.detail_table.line2,
	.detail_table.line3{
		display: none;
	}

	.detail_table.program.smt,
	.detail_table.lesson.smt,
	.detail_table.line2.smt,
	.detail_table.line3.smt{
		display: table !important;
		overflow: hidden;
	}

	.detail_table.leave tr th,
	.detail_table.leave tr td{
		display: table-cell !important;
		float: none;
		border-left: 1px solid #c9bc9c;
	}
	.detail_table.leave tr td{
		border-bottom: 1px solid #c9bc9c;
	}
	.detail_table.leave tr:last-child td{
		border-bottom: 0 !important;
	}

	.detail_table.lesson.smt tr th,
	.detail_table.lesson.smt tr td,
	.detail_table.line2.smt tr th,
	.detail_table.line2.smt tr td{
		box-sizing: border-box;
		display: table-cell !important;
		width: 50%;
		float: none;
		border-left: 1px solid #c9bc9c;
	}
	.detail_table.lesson.smt tr th:nth-child(2n+1),
	.detail_table.lesson.smt tr td:nth-child(2n+1),
	.detail_table.line2.smt tr th:nth-child(2n+1),
	.detail_table.line2.smt tr td:nth-child(2n+1){
		border-left: 0;
	}
	.detail_table.lesson.smt tr td,
	.detail_table.line2.smt tr td,
	.detail_table.line3.smt tr td{
		padding-bottom: 10px;
	}

	.detail_table.line3.smt tr th,
	.detail_table.line3.smt tr td{
		box-sizing: border-box;
		display: table-cell !important;
		width: 33.3333333333333%;
		float: none;
		border-left: 1px solid #c9bc9c;
	}

	.detail_table.leave tr th:first-child,
	.detail_table.leave tr td:first-child,
	.detail_table.line3.smt tr th:nth-child(3n+1),
	.detail_table.line3.smt tr td:nth-child(3n+1){
		border-left: 0;
	}
	.lesson > strong{
		display: block;
		color: #8cc66d;
	}
	.lesson > table.detail_table.lesson{
		margin-top: 5px;
		margin-bottom: 15px !important;
	}

	.img_left{
		margin-left: 47%;
	}
	.more_program{
		display: block;
		margin: 30px 10px;
		border: 1px solid #9fa0a0;
		background: #fff;
		padding: 5px;
		text-align: center;
		overflow: hidden;
		cursor: pointer;
		-webkit-transition: all .5s linear;
		-moz-transition: all .5s linear;
		-o-transition: all .5s linear;
		transition: all .5s linear;
	}
	.more_program.hide{
		margin: 0;
		height: 0;
		padding: 0;
		border: 0;
		background: #000;
		-webkit-transition: all .5s linear;
		-moz-transition: all .5s linear;
		-o-transition: all .5s linear;
		transition: all .5s linear;
	}

	.more_program:before{
		content: "＋";
		display: inline-block;
		width: 18px;
		height: 18px;
		text-align: center;
		font-weight: bold;
		line-height: 18px;
		border-radius: 10px;
		vertical-align: middle;
		margin-right: 5px;
		background: #2eadcf;
		color: #fff;
	}
	.more_program.minus:before{
		content: "－";
	}
	.more_program + div{
		display: none;
	}
}

@media only screen and (max-width: 600px){
	/* ■■■■■ メイン（フェード）イメージ ■■■■■ */
	#main_image > div a{
		display: inline-block;
		width: 12px;
		height: 12px;
	}


	/* ■■■■■ 学校詳細 ■■■■■ */
	.school_tab li{
		padding-left: 6%;
		font-size: 15px;
	}
	.gallery .school_tab li{
		padding-left: 5%;
		font-size: 2.5vw;
		vertical-align: top;
	}
	.gallery .school_tab li.gallery {
		padding-top: 10px;
		line-height: 1.4;
	}

	.contact_links a{
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 10px;
	}
	.contact_links a > span{
		width: 83%;
	}
	.contact_links a:before{
		width: 15%;
		height: 0;
		padding-top: 15%;
	}
	.school_info h4.line{
		font-size: 14px;
		line-height: 1.3em;
	}
	.access_map{
		margin: 10px;
	}
	.school_info h6{
		font-size: 14px;
	}

}

@media only screen and (max-width: 400px){
	.top_midasi{
		font-size: 15px;
	}

	a.detail{
		font-size: 12px;
		line-height: 1.4em;
	}


	/* ■■■■■ ハワイの提携校 ＆ おケイコ留学 ■■■■■ */
	.school_list ul li{
		font-size: 12px;
		line-height: 1.4em;
	}
	.school_list ul li a strong {
		font-size: 12px;
		line-height: 1.3em;
	}
	.school_list ul li a strong small {
		line-height: 1.3em;
	}
	.school_list ul li a strong,
	.school_list ul li p{
		margin-left: calc(40% + 10px);
		margin-left: -webkit-calc(40% + 10px);
		margin-left: -moz-calc(40% + 10px);
		margin-left: -ms-calc(40% + 10px);
	}
	.school_list ul li.w100 a strong,
	.school_list ul li.w100 p{
		padding: 0 5px 5px;
	}
	.school_list ul li a img{
		width: 40%;
	}

	/* ■■■■■ メイン（フェード）イメージ ■■■■■ */
	#main_image > div a{
		display: inline-block;
		width: 10px;
		height: 10px;
	}

	/* ■■■■■ 学校詳細 ■■■■■ */
	.school_tab li{
		padding-left: 7%;
		font-size: 14px;
	}


}

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

	/* ■■■■■ 学校詳細 ■■■■■ */
	.school_tab li{
		font-size: 12px;
	}

}


/* add 17.03.09 */
.gallery-wp {
	letter-spacing: -.4em;
}
.gallery-wp li {
	display: inline-block;
	letter-spacing: normal;
	box-sizing: border-box;
	vertical-align: top;
	width: 23%;
	margin: 0 1% 10px;
}
.gallery-wp li .mask {
	display: block;
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 75%;
	background-color: #EFEFEF;
	text-align: center;
	overflow: hidden;
}
.gallery-wp li .mask img {
	position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
  height: 100%;
  margin: 0 auto;
  vertical-align: bottom;
  text-align: center;
  backface-visibility: hidden;
}
	@media only screen and (max-width: 799px){
		.gallery-wp li {
			width: 48%;
		}
	}

/* ADD 190226 -> */
.short-program-list .h-1 {
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 10px;
}
.short-program-list>li {
	overflow: hidden;
}
.short-program-list>li>img {
	float: left;
	width: 40%;
	margin: 0 10px 10px 0;
}
.short-program-list>li:not(:first-child) {
	margin-top: 20px;
}
.short-program-list .txt {
	margin: 0;
}
@media screen and (min-width:800px) {
	.short-program-list {
		overflow: hidden;
		margin-bottom: 40px;
	}
	.short-program-list>li {
		width: 32%;
		float: left;
		margin-left: 2%;
	}
	.short-program-list>li:not(:first-child) {
		margin-top: 0;
	}
	.short-program-list>li:first-child {
		margin: 0;
	}
	.short-program-list>li>img {
		float: none;
		width: 100%;
	}
	.short-program-list .h-1 {
		font-size: 14px;
		font-weight: normal;
		margin: 0;
	}
}
/* ADD 190226 <- */

/* ADD 190903 -> */
.fade_image {
	position: relative;
}
.fade_image .btn-link {
	position: absolute;
	right: 10px;
	bottom: 35px;
	z-index: 1;
	width: 32.12%;
}
.fade_image .btn-link img {
	width: 100%;
}

.h-2 {
	font-size: 15px;
	padding: 0 0 0 10px;
	border-bottom: 2px solid #C9BC9C;
	margin-bottom: 15px;
	color: #595757;
}
.access_wp {
	margin-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	overflow: hidden;
}
.access_wp p {
	padding-left: 10px;
	padding-right: 10px;
}
.access_wp img {
	max-width: 100%;
}
.access_wp .left {
	float: left;
	width: 40%;
}
.access_wp .right {
	float: right;
	width: 57.5%;
}
.access_wp .img-1 {
	margin-top: 10px;
}
@media screen and (max-width: 799px) {
	.fade_image .btn-link {
		bottom: 30px;
	}
	.access_wp img {
		width: 48%;
	}
	.access_wp .img-1 {
		margin-left: 4%;
	}
	.access_wp .left,
	.access_wp .right {
		float: none;
		width: auto;
	}
	.access_wp .right {
		margin-top: 10px;
	}
	.fade_image .btn-link {
		width: calc(13.18vw + 107.81px);
	}

}
/* ADD 190903 <- */

/* ADD 200106 -> */
.iframe-holder {
	margin-top: 30px;
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
}
.iframe-holder iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: none;
}
/* ADD 200106 <- */