@charset 'utf-8';
/* ==========================================

  全体

========================================== */
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: inline-block !important; }
.sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 760px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}
@media screen and (min-width: 760px){
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 760px){
  .br-pc { display:none; }
  .br-sp { display:block; }
}
/*---------------- ▽clearfix▽ ----------------*/
/* clear */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}
* html #contents,
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*---------------- ▽style▽ ----------------*/
body {
	margin: 0;
}
h1{
	margin: 0;
}
a{
  color: #000;
  text-decoration: none;
}
a:hover{
  cursor: pointer;
}
img{
	width: 100%;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
}

/* サイト全体 */
.wrap{

}
@media screen and (max-width: 750px){
.wrap{

}
}
/* メインボックス全体 */
.wrap{

}
@media screen and (max-width: 750px){
.wrap{

}
}
/* ==========================================

  平松学園特設

========================================== */
.primaryContainer{
	background: url(../../sub-img/page-4943/bg.png);
	background-size: contain;
	background-position: center;
}
.hiramatu_mv{
	width: 100%;
	max-width: 1480px;
	height: 900px;
	margin: 0 auto;
	margin-bottom: 65px;
	overflow: hidden;
  position: relative;
}
.hiramatu_mv h1 img{
	position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.hiramatu_wrap{
	width: 1000px;
	margin: 0 auto;
	margin-bottom: 100px;
}
.area01{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 40px;
}
.area01 .content_right{
	width: 50%;
}
.area01 .content_right .book_img{
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	margin-bottom: 30px;
}
.area01 .content_right .book_link_btn a{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	line-height: 1.5em;
	background: #22b573;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 138px;
	height: 138px;
	border-radius: 70px;
	text-align: center;
	margin: 0 auto;
}
#content .area01 .content_right .book_link_btn a{
	color: #fff;
}
.area01 .content_right .book_link_btn a:hover{
	opacity: 0.5;
}
.area01 .content_left {
	width: 50%;
}
.area01 .content_left h2{
	font-size: 70px;
	font-weight: bold;
	margin-bottom: 20px;
}
.area01 .content_left h2 span:nth-child(1){
	display: block;
	font-size: 22px;
	margin-bottom: 0.5em;
}
.area01 .content_left h2 span:nth-child(2){
	display: block;
	font-size: 20px;
	font-weight: normal;
	margin-top: 0.5em;
}
.area01 .content_left{
	display: flex;
	justify-content: center;
}
.area01 .content_left .class_list>p{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 0.5em;
}
.area01 .content_left .class_list>p span{
	display: block;
    font-size: 16px;
    padding-top: 0.5em;
}
.area01 .content_left .class_list li{
	font-size: 20px;
	font-weight: bold;
	line-height: 2em;
	display: flex;
  align-items: center;
}
.area01 .content_left .class_list ul{
	margin-bottom: 2em;
	border-left: 2px solid;
	padding-left: 1em;
	margin-left: 1em;
}
.area01 .content_left .class_list li:before{
	content: url(../../sub-img/page-4943/icon_01.svg);
	display: inline-block;
	width: 34px;
	height: 34px;
	margin-right: 0.5em;
}
.area01 .content_left .class_list li.icon_02:before{
	content: url(../../sub-img/page-4943/icon_02.svg);
}
.area01 .content_left .class_list li.icon_03:before{
	content: url(../../sub-img/page-4943/icon_03.svg);
}
.area01 .content_left .class_list li.icon_04:before{
	content: url(../../sub-img/page-4943/icon_04.svg);
}
.area01 .content_left .class_list li.icon_05:before{
	content: url(../../sub-img/page-4943/icon_05.svg);
}
.area01 .content_left .class_list li.icon_06:before{
	content: url(../../sub-img/page-4943/icon_06.svg);
}
.area01 .content_left .class_list li.icon_07:before{
	content: url(../../sub-img/page-4943/icon_07.svg);
}
.area01 .content_left .class_list li.icon_08:before{
	content: url(../../sub-img/page-4943/icon_08.svg);
}
.area01 .content_left .class_list li.icon_09:before{
	content: url(../../sub-img/page-4943/icon_09.svg);
}

.class_btn{
	width: 100%;
	max-width: 1000px;
	display: flex;
  justify-content: space-evenly;
	margin: 0 auto;
	margin-bottom: 100px;
}
.class_btn .zaikou_btn{
	width: 40%;
	position: relative;
}
.class_btn .sotugyou_btn{
	width: 40%;
	position: relative;
}
.class_btn .zaikou_btn a{
	width: 100%;
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	background: #29abe2;
	display: inline-block;
	border-radius: 15px;
	text-align: center;
	line-height: 100px;
}
.class_btn .sotugyou_btn a{
	width: 100%;
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	background: #008f45;
	display: inline-block;
	border-radius: 15px;
	text-align: center;
	line-height: 100px;
}
#content .class_btn .zaikou_btn a,
#content .class_btn .sotugyou_btn a{
	color: #fff;
}
#content .area02 .area02_content li .book_class p{
	color: #fff;
}
.class_btn .zaikou_btn a:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -30px;
  border: 30px solid transparent;
  border-top: 30px solid #29abe2;
}
.class_btn .sotugyou_btn a:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -30px;
  border: 30px solid transparent;
  border-top: 30px solid #008f45;
}
.class_btn .zaikou_btn a:hover{
	background: #76dcff;
}
.class_btn .zaikou_btn:hover a:before{
  border-top: 30px solid #76dcff;
}
.class_btn .sotugyou_btn a:hover{
	background: #35c476;
}
.class_btn .sotugyou_btn:hover a:before{
  border-top: 30px solid #35c476;
}
.area02{
	margin-bottom: 100px;
}
.area02 h2{
	width: 800px;
	margin: 0 auto;
	margin-bottom: 60px;
}
.area02 .area02_content ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.area02 .area02_content li{
	width: 48%;
	max-width: 480px;
	background: url(../../sub-img/page-4943/zaikou1_parts1.png), url(../../sub-img/page-4943/rinsyoukensa_gb.png);
	background-position: right,center;
	background-repeat:no-repeat,repeat;
	background-size: contain,auto;
	margin-bottom: 50px;
}
.area02 .area02_content li:nth-child(2){
	background: url(../../sub-img/page-4943/zaikou2_parts1.png), url(../../sub-img/page-4943/rinsyoukougaku_gb.png);
	background-position: right,center;
	background-repeat:no-repeat,repeat;
	background-size: contain,auto;
}
.area02 .area02_content li:nth-child(2) .book_class .book_icon{
	width: 72px;
	height: 68px;
}
.area02 .area02_content li:nth-child(3){
	background: url(../../sub-img/page-4943/zaikou3_parts1.png), url(../../sub-img/page-4943/sinou_gb.png);
	background-position: right,center;
	background-repeat:no-repeat,repeat;
	background-size: contain,auto;
}
.area02 .area02_content li:nth-child(3) .book_class .book_icon{
	width: 51px;
	height: 80px;
}
.area02 .area02_content li:nth-child(4){
	background: url(../../sub-img/page-4943/zaikou4_parts1.png), url(../../sub-img/page-4943/rigaku_gb.png);
	background-position: right,center;
	background-repeat:no-repeat,repeat;
	background-size: contain,auto;
}
.area02 .area02_content li:nth-child(4) .book_class .book_icon{
	width: 72px;
	height: 60px;
}
.area02 .area02_content li:nth-child(5){
	background: url(../../sub-img/page-4943/zaikou5_parts1.png), url(../../sub-img/page-4943/sagyou_gb.png);
	background-position: right,center;
	background-repeat:no-repeat,repeat;
	background-size: contain,auto;
}
.area02 .area02_content li:nth-child(5) .book_class .book_icon{
	width: 74px;
	height: 63px;
}
.area02 .area02_content li:nth-child(6){
	background: url(../../sub-img/page-4943/zaikou6_parts1.png), url(../../sub-img/page-4943/gengo_gb.png);
	background-position: right,center;
	background-repeat:no-repeat,repeat;
	background-size: contain,auto;
}
.area02 .area02_content li:nth-child(6) .book_class .book_icon{
	width: 67px;
	height: 54px;
}
.area02 .area02_content li:nth-child(7){
	background: url(../../sub-img/page-4943/zaikou7_parts1.png), url(../../sub-img/page-4943/seihukusi_gb.png);
	background-position: right,center;
	background-repeat:no-repeat,repeat;
	background-size: contain,auto;
}
.area02 .area02_content li:nth-child(7) .book_class .book_icon{
	width: 60px;
	height: 62px;
}
.area02 .area02_content li:nth-child(8){
	background: url(../../sub-img/page-4943/zaikou8_parts1.png), url(../../sub-img/page-4943/sinkyu_gb.png);
	background-position: right,center;
	background-repeat:no-repeat,repeat;
	background-size: contain,auto;
}
.area02 .area02_content li:nth-child(8) .book_class .book_icon{
	width: 54px;
	height: 56px;
}
.area02 .area02_content li:nth-child(9){
	background: url(../../sub-img/page-4943/zaikou9_parts1.png), url(../../sub-img/page-4943/sika_gb.png);
	background-position: right,center;
	background-repeat:no-repeat,repeat;
	background-size: contain,auto;
}
.area02 .area02_content li:nth-child(9) .book_class .book_icon{
	width: 60px;
	height: 63px;
}
.area02 .area02_content .book_link{
	margin-bottom: 10px;
	padding-left: 24px;
}
.area02 .area02_content .interview_movie{
	padding-left: 24px;
	position: relative;
}
.area02 .area02_content .book_link a{
	width: 266px;
	display: block;
}
.area02 .area02_content .book_link a .on{
	display: none;
}
.area02 .area02_content .book_link a:hover .on{
	display: block;
}
.area02 .area02_content .book_link a:hover .off{
	display: none;
}
.area02 .area02_content .book_link img{
	width:100%;
}
.area02 .area02_content .interview_movie iframe{
	width: 266px;
	height: 176px;
}
.area02 .area02_content .interview_movie:before{
	content: url(../../sub-img/page-4943/Interview.svg);
	display: block;
	width: 162px;
	height: 72px;
	position: absolute;
	top: -10px;
	left: 10px;
}
.area02 .area02_content li{
	padding: 12px 0 20px;
}
.area02 .area02_content li .book_ttl h3{
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
.area02 .area02_content li .book_ttl h3 span{
	display: block;
    font-size: 16px;
    padding: 0.5em 0 0;
}
.area02 .area02_content li .book_ttl{
	background:rgba(255,255,255,0.8);
	padding: 16px 0;
	margin-bottom: 10px;
}
.area02 .area02_content li .book_class {
	width: 240px;
	height: 84px;
	box-sizing: border-box;
	padding-left: 24px;
	display: flex;
	align-items: center;
	line-height: 2em;
	margin-bottom: 12px;
}
.area02 .area02_content li .book_name {
	font-size: 32px;
	font-weight: bold;
	padding-left: 24px;
	margin-bottom: 12px;
}
#content .area02 .area02_content li .book_name p{
	color: #000;
}
#content .area02 .area02_content li .book_name span{
	font-size: 23px;
	color: #000;
}
.area02 .area02_content li .book_class .book_icon{
	width: 72px;
	height: 78px;
  margin-right: 20px;
}
.area02 .area02_content li .book_class p{
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
.area02.ob_content .area02_content li .book_name{
	margin-bottom: 20px;
}
.area02.ob_content .area02_content li:nth-child(1){
	background: url(../../sub-img/page-4943/sotugyou1_parts1.png), url(../../sub-img/page-4943/rinsyoukensa_gb.png);
	background-position: right,center;
	background-repeat:no-repeat,repeat;
	background-size: contain,auto;
}
.area02.ob_content .area02_content li:nth-child(2){
	background: url(../../sub-img/page-4943/sotugyou2_parts1.png), url(../../sub-img/page-4943/rinsyoukougaku_gb.png);
	background-position: right,center;
	background-repeat:no-repeat,repeat;
	background-size: contain,auto;
}
.area02.ob_content .area02_content li:nth-child(3){
	background: url(../../sub-img/page-4943/sotugyou3_parts1.png), url(../../sub-img/page-4943/sinou_gb.png);
	background-position: right,center;
	background-repeat:no-repeat,repeat;
	background-size: contain,auto;
}
.area02.ob_content .area02_content li:nth-child(4){
	background: url(../../sub-img/page-4943/sotugyou4_parts1.png), url(../../sub-img/page-4943/rigaku_gb.png);
	background-position: right,center;
	background-repeat:no-repeat,repeat;
	background-size: contain,auto;
}
.area02.ob_content .area02_content li:nth-child(5){
	background: url(../../sub-img/page-4943/sotugyou5_parts1.png), url(../../sub-img/page-4943/sagyou_gb.png);
	background-position: right,center;
	background-repeat:no-repeat,repeat;
	background-size: contain,auto;
}
.area02.ob_content .area02_content li:nth-child(6){
	background: url(../../sub-img/page-4943/sotugyou6_parts1.png), url(../../sub-img/page-4943/gengo_gb.png);
	background-position: right,center;
	background-repeat:no-repeat,repeat;
	background-size: contain,auto;
}
.area02.ob_content .area02_content li:nth-child(7){
	background: url(../../sub-img/page-4943/sotugyou7_parts1.png), url(../../sub-img/page-4943/seihukusi_gb.png);
	background-position: right,center;
	background-repeat:no-repeat,repeat;
	background-size: contain,auto;
}
.area02.ob_content .area02_content li:nth-child(8){
	background: url(../../sub-img/page-4943/sotugyou8_parts1.png), url(../../sub-img/page-4943/sinkyu_gb.png);
	background-position: right,center;
	background-repeat:no-repeat,repeat;
	background-size: contain,auto;
}
.area02.ob_content .area02_content li:nth-child(9){
	background: url(../../sub-img/page-4943/sotugyou9_parts1.png), url(../../sub-img/page-4943/sika_gb.png);
	background-position: right,center;
	background-repeat:no-repeat,repeat;
	background-size: contain,auto;
}
.area02.ob_content .area02_content li:nth-child(10){
	background: url(../../sub-img/page-4943/sotugyou10_parts1.png), url(../../sub-img/page-4943/gengo_gb.png);
	background-position: right,center;
	background-repeat:no-repeat,repeat;
	background-size: contain,auto;
}
.area02.ob_content .area02_content li:nth-child(10) .book_class{
	width: 320px;
}
#content .area02 .area02_content li:nth-child(10) .book_class p span{
	font-size: 16px;
	color: #fff;
}
.area03{
	display: flex;
	justify-content: center;
	margin-bottom: 80px;
}
.area03 .class_list_box h2{
	font-size: 130px;
	font-weight: bold;
	margin-bottom: 30px;
}
.area03 .class_list_box h2 span{
	font-size: 40px;
	display: block;
	margin-bottom: 10px;
}
.area03 .class_list_box h2 span:nth-child(2){
	font-size: 35px;
	font-weight: normal;
	display: block;
	margin-top: 10px;
}
.area03 .class_list_box .class_list .ttl{
	font-size: 38px;
	font-weight: bold;
	margin-bottom: 20px;
}
.area03 .class_list_box .class_list .ttl span{
	display: block;
    font-size: 16px;
    padding-top: 0.5em;
}
.area03 .class_list_box .class_list li{
	margin-bottom: 50px;
}
.area03 .class_list_box .class_list li p span{
	font-size: 30px;
	font-weight: bold;
	display: flex;
	align-items: center;
}
.area03 .class_list_box .class_list li p span:before{
	content: url(../../sub-img/page-4943/icon_01.svg);
  display: inline-block;
  width: 70px;
  height: 70px;
  margin-right: 0.5em;
}
.area03 .class_list_box .class_list li p:nth-child(2){
	font-size: 24px;
	line-height: 1.3em;
	margin-left: 80px;
}
.area03 .class_list_box .class_list .access{
	font-size: 24px;
	line-height: 1.3em;
	margin-left: 80px;
	margin-bottom: 30px;
}
.area03 .class_list_box .class_list li.icon_02 p span:before{
	content: url(../../sub-img/page-4943/icon_02.svg);
}
.area03 .class_list_box .class_list li.icon_03 p span:before{
	content: url(../../sub-img/page-4943/icon_03.svg);
}
.area03 .class_list_box .class_list li.icon_04 p span:before{
	content: url(../../sub-img/page-4943/icon_04.svg);
}
.area03 .class_list_box .class_list li.icon_05 p span:before{
	content: url(../../sub-img/page-4943/icon_05.svg);
}
.area03 .class_list_box .class_list li.icon_06 p span:before{
	content: url(../../sub-img/page-4943/icon_06.svg);
}
.area03 .class_list_box .class_list li.icon_07 p span:before{
	content: url(../../sub-img/page-4943/icon_07.svg);
}
.area03 .class_list_box .class_list li.icon_08 p span:before{
	content: url(../../sub-img/page-4943/icon_08.svg);
}
.area03 .class_list_box .class_list li.icon_09 p span:before{
	content: url(../../sub-img/page-4943/icon_09.svg);
}

.area04 .banner_content{
	width: 800px;
	margin: 0 auto;
	background: #e3e3e3;
	margin-bottom: 50px;
	display: flex;
	padding: 26px;
	box-sizing: border-box;
	justify-content: space-between;
  align-items: center;
}
.area04 p{
	font-size: 22px;
	font-weight: bold;
}

@media screen and (max-width: 1280px){
	.hiramatu_mv{
		height: 70.31vw;
	}
	.hiramatu_mv h1 img{
    width: 115%;
	}
	.class_btn .sotugyou_btn{
		width: 45%;
	}
	.class_btn .zaikou_btn{
		width: 45%;
	}
}
@media screen and (max-width: 1000px){
	.hiramatu_wrap{
		width: 98%;
	}
	.area01 .content_right{
		width: 45%;
	}
	.area01 .content_left .class_list>p{
		font-size: 22px;
	}
	.class_btn .zaikou_btn a{
		font-size: 30px;
	}
	.class_btn .sotugyou_btn a{
		font-size: 30px;
	}
	.area02{
    margin-bottom: 10vw;
	}
	.area02 h2{
		width: 90%;
	}
	.area02 .area02_content .book_link{
    margin-bottom: 1vw;
	}
	.area02 .area02_content .book_link a{
		width: 26vw;
	}
	.area02 .area02_content .interview_movie iframe{
		width: 26vw;
		height: 14vw;
	}
	.area03{
    margin-bottom: 8vw;
	}
	.area03 .class_list_box h2{
		font-size: 13vw;
		margin-bottom: 3vw;
	}
	.area03 .class_list_box h2 span{
		font-size: 4vw;
		margin-bottom: 1vw;
	}
	.area03 .class_list_box h2 span:nth-child(2){
		font-size: 3.5vw;
		margin-top: 1vw;
	}
	.area03 .class_list_box .class_list .ttl{
		font-size: 3.8vw;
		margin-bottom: 2vw;
	}
	.area03 .class_list_box .class_list li{
    margin-bottom: 5vw;
	}
	.area03 .class_list_box .class_list li p span{
    font-size: 3vw;
	}
	.area03 .class_list_box .class_list .ttl{
    font-size: 3.8vw;
	}
	.area03 .class_list_box .class_list li{
    margin-bottom: 5vw;
	}
	.area03 .class_list_box .class_list li p span{
	}
	.area03 .class_list_box .class_list li p span:before{
		width: 7vw;
    height: 7vw;
	}
	.area03 .class_list_box .class_list li p:nth-child(2){
		font-size: 20px;
		margin-left: 8vw;
	}
	.area03 .class_list_box .class_list .access{
		font-size: 20px;
		margin-left: 8vw;
		margin-bottom: 3vw;
	}
	.area04 .banner_content{
		width: 90vw;
		margin-bottom: 5vw;
		padding: 2.6vw;
	}
	.area04 p:nth-child(1){
		width: 70%;
		font-size: 20px;
	}
	.area02 .area02_content li .book_class{
		width: 24vw;
		height: 8.4vw;
		padding-left: 1vw;
	}
	.area02 .area02_content li .book_class .book_icon{
		width: 7.2vw;
		height: 7.8vw;
    margin-right: 1vw;
	}
	.area02 .area02_content li .book_class p{
		font-size: 2.6vw;
		line-height: 1.5em;
	}
	.area02 .area02_content li .book_name{
    padding-left: 1vw;
	}
	.area02 .area02_content .book_link{
		padding-left: 1vw;
	}
	.area02 .area02_content .interview_movie{
		padding-left: 1vw;
	}
	.area02 .area02_content li:nth-child(2) .book_class .book_icon{
		width: 7.2vw;
		height: 6.8vw;
	}
	.area02 .area02_content li:nth-child(3) .book_class .book_icon{
		width: 5.1vw;
		height: 8vw;
	}
	.area02 .area02_content li:nth-child(4) .book_class .book_icon{
		width: 7.2vw;
    height: 6vw;
	}
	.area02 .area02_content li:nth-child(5) .book_class .book_icon{
		width: 7.4vw;
    height: 6.3vw;
	}
	.area02 .area02_content li:nth-child(6) .book_class .book_icon{
		width: 6.7vw;
    height: 5.4vw;
	}
	.area02 .area02_content li:nth-child(7) .book_class .book_icon{
		width: 6vw;
    height: 6.2vw;
	}
	.area02 .area02_content li:nth-child(8) .book_class .book_icon{
		width: 5.4vw;
    height: 5.6vw;
	}
	.area02 .area02_content li:nth-child(9) .book_class .book_icon{
		width: 6vw;
    height: 6.3vw;
	}
}

@media screen and (max-width: 760px){
	.hiramatu_mv{
		max-width: 100%;
		width: 100%;
		overflow: unset;
		height: unset;
    margin-bottom: 7vw;
	}
	.hiramatu_mv h1 img{
		width: 100%;
		position: relative;
	}
	.area01 .content_right{
		width: 100%;
		margin-bottom: 7.89vw;
	}
	.area01 .content_left{
		width: 80%;
		margin: 0 auto;
	}
	.area01 .content_right .book_img{
		width: 80%;
		margin-bottom: 4vw;
	}
	.area01 .content_right .book_link_btn a{
		font-size: 4vw;
		width: 80%;
		border-radius: 20px;
		height: auto;
		padding: 0.5em;
	}
	.area01 .content_left h2{
		font-size: 15.79vw;
	}
	.area01 .content_left h2 span:nth-child(1){
		font-size: 5.26vw;
	}
	.area01 .content_left h2 span:nth-child(2){
		font-size: 4.47vw;
	}
	.area01 .content_left .class_list>p{
		font-size: 4.74vw;
	}
	.area01 .content_left .class_list li{
		font-size: 4.21vw;
	}
	.area01 .content_left .class_list li:before{
		width: 5.92vw;
		height: 5.92vw;
	}
	.area01{
		margin-bottom: 7.89vw;
	}
	.class_btn{
		margin-bottom:13vw;
	}
	.class_btn .sotugyou_btn a{
    line-height: 1.2em;
		padding: 0.5em 0;
	}
	.class_btn .zaikou_btn a{
		line-height: 1.2em;
		padding: 0.5em 0;
	}
	
	.area02 h2{
		margin-bottom: 7.89vw;
	}
	.area02 .area02_content li{
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		margin-bottom: 50px;
	}
	.area02 .area02_content li .book_ttl h3{
    font-size: 4.74vw;
	}
	.area02 .area02_content li .book_class{
		width: 39.47vw;
		height: 15.79vw;
		padding-left: 3.95vw;
	}
	.area02 .area02_content li .book_class p{
		font-size: 4.74vw;
		line-height: 1.2em;
	}
	.area02 .area02_content li .book_class .book_icon{
		width: 11.84vw;
    height: 13.95vw;
    margin-right: 2.11vw;
	}
	.area02 .area02_content li .book_name{
		font-size: 7.89vw;
		padding-left: 3.95vw;
	}
	.area02 .area02_content .book_link a{
    width: 50vw;
	}
	.area02 .area02_content .interview_movie iframe{
		width: 52.63vw;
		height: 31.58vw;
	}
	.area02 .area02_content .book_link{
		padding-left: 3.95vw;
	}
	.area02 .area02_content .interview_movie{
		padding-left: 3.95vw;
	}
	.area02 .area02_content li:nth-child(2) .book_class .book_icon{
		width: 12.11vw;
		height: 12.11vw;
	}
	.area02 .area02_content li:nth-child(3) .book_class .book_icon{
		width: 8.68vw;
		height: 13.16vw;
	}
	.area02 .area02_content li:nth-child(4) .book_class .book_icon{
		width: 11.84vw;
		height: 10.53vw;
	}
	.area02 .area02_content li:nth-child(5) .book_class .book_icon{
		width: 11.84vw;
		height: 10.79vw;
	}
	.area02 .area02_content li:nth-child(6) .book_class .book_icon{
		width: 12.63vw;
		height: 9.87vw;
	}
	.area02 .area02_content li:nth-child(7) .book_class .book_icon{
		width: 11.84vw;
    height: 12.89vw;
	}
	.area02 .area02_content li:nth-child(8) .book_class .book_icon{
		width: 10.79vw;
    height: 13.16vw;
	}
	.area02 .area02_content li:nth-child(9) .book_class .book_icon{
		width: 11.84vw;
    height: 13.16vw;
	}
	.area03 .class_list_box .class_list li p:nth-child(2){
		font-size: 16px;
	}
	.area03 .class_list_box .class_list .access{
		font-size: 16px;
	}
	.area02.ob_content .area02_content li:nth-child(10) .book_class{
		width: 60vw;
	}
	.area04 .banner_content{
		display: block;
	}
	.area04 .banner_content p:nth-child(1){
		width: 100%;
		text-align: center;
		margin-bottom: 1em;
		line-height: 1.5em;
	}
	.area04 .banner_content p:nth-child(2){
		width: 100%;
		max-width: 300px;
    margin: 0 auto;
	}
}
.area04 .banner_content p:nth-child(1) br{
	display: none;
}
@media screen and (max-width: 500px){
	.area02 .area02_content .interview_movie:before{
		width: 32.4vw;
		height: 14.4vw;
	}
	.area04 .banner_content p:nth-child(1){
		margin-bottom: 0.5em;
	}
	.area04 .banner_content p:nth-child(1) br{
		display: block;
	}
	.class_btn .sotugyou_btn a{
		font-size: 6vw;
	}
	.class_btn .zaikou_btn a{
		font-size: 6vw;
	}
	.class_btn .sotugyou_btn a:before{
		content: "";
		position: absolute;
		top: 98%;
		left: 50%;
		margin-left: -25px;
		border: 25px solid transparent;
		border-top: 25px solid #008f45;
	}
	.class_btn .zaikou_btn a:before{
		content: "";
		position: absolute;
		top: 98%;
		left: 50%;
		margin-left: -25px;
		border: 25px solid transparent;
		border-top: 25px solid #29abe2;
	}
	.area01 .content_left .class_list>p span{
		font-size: 14px;
	}
	.area02 .area02_content li .book_ttl h3 span{
		font-size: 14px;
	}
	.area03 .class_list_box .class_list .ttl span{
		font-size: 12px;
		font-weight: normal;
	}
	#content .area02 .area02_content li:nth-child(10) .book_class p span{
		font-size: 13px;
	}
}