@charset "UTF-8";
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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
visibility:hidden;
}
.clearfix{ display: inline-block; }
/* Hides from IE Mac */
* html .clearfix{ height: 1%; }
.clearfix{ display:block; }

/* ---------- 初期 ---------- */
body { letter-spacing: 0; font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif; background: #FDF2E7;}
img { width: 100%; max-width: 100%; height: auto;}
a { text-decoration: none;}
strong { font-weight: bold;}
/* ---------- /共通部分 ---------- */
#jougetyuou { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); margin: auto;}
#kadomaru { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#resbtn { -webkit-appearance: none;}
.ancr { position: relative; transition: 0.5s;}
.anca { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 10; cursor: pointer;}
.ancr:hover { opacity: 0.75; transition: 0.5s; cursor: pointer;}
/* ---------- /参考タグ部分 ---------- */

.wrap { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}


/* PC */
@media screen and (min-width: 769px) {
    .sponly { display: none!important;}
    
    header { width: 100%; position: absolute; top: 20px; left: 0; z-index: 3;}
    header nav { width: 89.8975%; margin: 0 auto; box-sizing: border-box;}
	header nav .nav_box { width: 49.26%; margin-left: auto;  padding: 20px 0 20px 2.85%; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; background: #FDF2E7; border-radius: 0 0 0 26px;}
	header nav .sns { width: 31.578%;}
	header nav .sns ul { display: flex; justify-content: space-between; align-items: center;}
    header nav .sns ul li { width: 22.222%;}
	header nav .btn { width: 59.649%;}
	header nav .btn ul { display: flex; justify-content: space-between; align-items: center;}
    header nav .btn ul li { width: 40.294%;}
    header nav .btn ul li:last-child { width: 54.41%;}
    header nav ul li a { display: block; width: 100%; transition: 0.3s;}
    header nav ul li a:hover { opacity: 0.8; transition: 0.3s;}
    
    #mv { width: 89.8975%; margin: 50px auto 135px; position: relative;}
    #mv .logo { width: 209px; position: absolute; left: 41px; top: 26px;}
    #mv h1 { width: 62.988%; position: absolute; right: -2.8%; bottom: 5.2%;}
    
    #movie {}
    #movie .bg { width: 100%; max-width: 1325px; margin: 0 auto; padding-top: 14px; background: url("../images/movie_bg.png")no-repeat center; background-size: 100% 100%; mix-blend-mode: multiply;}
    #movie .inner { width: 78.867%; margin: 0 auto; padding-bottom: 112px;}
    #movie .inner h2 { width: 341px; margin: 0 0 25px auto;}
    #movie .inner .movie_cont { width: 95.69%; margin: 0 auto; border-radius: 20px; overflow: hidden;}
    #movie .inner .movie_cont .movie_box { width: 100%;position: relative; padding-top: 52.6%;}
    #movie .inner .movie_cont .movie_box iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
    
    #reason { position: relative;}
    #reason .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: url("../images/reason_bg_02.png")no-repeat top center; background-size: cover;}
    #reason .inner { width: 95%; max-width: 1146px; margin: 0 auto; padding: 98px 0 270px; position: relative; z-index: 2;}
    #reason .inner h2 { width: 430px; margin-bottom: 53px;}
    #reason .inner .reason_cont { width: 100%; max-width: 1022px; margin: 0 auto; display: flex; justify-content: flex-start; flex-wrap: wrap;}
    #reason .inner .reason_cont .reason_box { width: 31.311%; position: relative; text-align: center; color: #fff; margin-bottom: 120px; margin-right: 3.03%;}
    #reason .inner .reason_cont .reason_box:nth-child(3) { margin-right: 0;}
    #reason .inner .reason_cont .reason_box:nth-child(n+4) { margin-bottom: 0;}
    #reason .inner .reason_cont .reason_box .reason_box_num { width: 74px; position: absolute; left: -15px; top: -7px;}
    #reason .inner .reason_cont .reason_box .reason_box_img { margin-bottom: 20px;}
    #reason .inner .reason_cont .reason_box .reason_box_txtarea { position: relative;}
    #reason .inner .reason_cont .reason_box h3 { font-size: 18px; line-height: 1.55em; font-weight: bold;}
    #reason .inner .reason_cont .reason_box .reason_box_txt { font-size: 14px; line-height: 1.57em; text-align: left;}
    
    /*もっと見る*/
	/*チェックボタンを消す*/
	.more_toggle { display: none;}
	.more_btn { width: 128px; position: absolute; left: 50%; bottom: -50px; transform: translateX(-50%); height: 26px; border: solid 1px #fff; border-radius: 30px; cursor: pointer; transition: 0.3s;}
    .more_btn:hover { opacity: 0.8; transition: 0.3s; }
	.more_btn::before { position: absolute; content: ""; width: 43px; height: 11px; left: 36px; top: 50%; transform: translateY(-50%); background: url("../images/reason_btn_txt_01.png")no-repeat; background-size: contain;}
	.more_btn::after { position: absolute; content: ""; width: 7px; height: 7px; right: 28px; top: 50%; transform: translateY(-50%); background: url("../images/reason_arrow_01.png")no-repeat; background-size: contain;}
	/*選択されているボタンの表示*/
	.more_toggle:checked ~ .more_btn::before { width: 48px; height: 11px; left: 34px; top: 50%; transform: translateY(-50%); background: url("../images/reason_btn_txt_02.png")no-repeat; background-size: contain;}
	.more_toggle:checked ~ .more_btn::after { right: 20px;  background: url("../images/reason_arrow_02.png")no-repeat; background-size: contain;}
	/*タブ切り替えの中身のスタイル*/
	.reason_box_txt { position: relative; overflow: hidden; height: 0; box-sizing: border-box; transition: 0.5s;}
	.more_toggle:checked ~ h3 { margin-bottom: 13px;}
	.more_toggle01:checked ~ .reason_box_txt { height: auto; transition: 0.5s;}
	.more_toggle02:checked ~ .reason_box_txt { height: auto; transition: 0.5s;}
	.more_toggle03:checked ~ .reason_box_txt { height: auto; transition: 0.5s;}
	.more_toggle04:checked ~ .reason_box_txt { height: auto; transition: 0.5s;}
	.more_toggle05:checked ~ .reason_box_txt { height: auto; transition: 0.5s;}
    
    #course { position: relative;}
    #course .bg { width: 100%; height: 0; padding-top: 10.39%;  position: absolute; left: 0; top: -68px; z-index: 1; background: url("../images/course_bg.png")no-repeat top center; background-size: cover;}
    #course .inner { width: 95%; max-width: 1146px; margin: 0 auto; padding: 38px 0 60px; position: relative; z-index: 3;}
    #course .inner h2 { width: 430px; margin-bottom: 53px;}
    #course .inner .course_cont { width: 100%; max-width: 1000px; margin: 0 auto 45px;}
    #course .inner .course_cont .course_box { display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px;}
    #course .inner .course_cont .course_box:last-child { margin-bottom: 0;}
    #course .inner .course_cont .course_box.box02 { flex-direction: row-reverse;}
    #course .inner .course_cont .course_box .course_box_img { width: 50%;}
    #course .inner .course_cont .course_box .course_box_txtarea { width: 46%;}
    #course .inner .course_cont .course_box .course_box_txtarea .course_box_dept { margin-bottom: 20px;}
    #course .inner .course_cont .course_box.box01 .course_box_txtarea .course_box_dept { width: 159px;}
    #course .inner .course_cont .course_box.box02 .course_box_txtarea .course_box_dept { width: 113px;}
    #course .inner .course_cont .course_box.box03 .course_box_txtarea .course_box_dept { width: 111px;}
    #course .inner .course_cont .course_box .course_box_txtarea h3 { font-size: 18px; line-height: 1.42em; font-weight: bold; color: #E38634; margin-bottom: 15px;}
    #course .inner .course_cont .course_box .course_box_txtarea .course_box_txt { font-size: 14px; letter-spacing: -0.01em; line-height: 1.57em;}
    #course .inner .course_btn { width: 320px; margin: 0 auto; font-size: 14px; line-height: 46px; font-weight: 500;  color: #000; box-sizing: border-box; padding-left: 84px; border: solid 1px #707070; border-radius: 30px; cursor: pointer; background: url("../images/course_arrow.png")no-repeat right 19px center #fff; background-size: 39px; transition: 0.3s;}
    #course .inner .course_btn a { display: block; width: 100%; }
    #course .inner .course_btn:hover { opacity: 0.8; transform: 0.3s;}
    
    /*モーダル*/
	#course .modal { display: none; position: fixed; top: 0; left: 0; height: 100vh; width: 100%; z-index: 11;}
	#course .modal-bg { position: absolute; height: 100vh; width: 100%; background: rgba(0,0,0,0.55);}
	#course .modal-content { width: 85%; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); margin: auto; overflow: scroll;}
    #course .modal-content .modal_img { width: 100%;}
	#course a.js-modal-close { display: block; width: 50px; height: 50px; position: absolute; top: 0; right: 0; cursor: pointer; background: #fff;}
    #course a.js-modal-close::before { position: absolute; content: ""; width: 30px; height: 3px; top: 50%; left: 50%; transform: translateX(-50%)translateY(-50%)rotate(45deg); background: #000;}
    #course a.js-modal-close::after { position: absolute; content: ""; width: 30px; height: 3px; top: 50%; left: 50%; transform: translateX(-50%)translateY(-50%)rotate(-45deg); background: #000;}
    
    #message { position: relative;}
    #message .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("../images/message_bg.png")no-repeat center top; background-size: cover; z-index: 1;}
    #message .inner { width: 95%; max-width: 1058px; margin: 0 auto; padding: 107px 0 95px; position: relative; z-index: 2;}
    #message .inner h2 { width: 441px; margin: 0 0 64px auto;}
    #message .inner .message_slider { width: 100%; max-width: 970px; margin: 0 auto;}
    #message .inner .message_slider .message_box { display: flex; justify-content: space-between; border: solid 1px #5D4C40; border-radius: 0 13px 13px 13px; overflow: hidden;}
    #message .inner .message_slider .message_box .message_box_left { width: 45.67%; position: relative; border-radius: 13px 0 0 13px;}
    #message .inner .message_slider .message_box .message_box_left .message_box_img { height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center;}
    #message .inner .message_slider .message_box.box01 .message_box_left .message_box_img { background-image: url("../images/message_box_img_01.png");}
    #message .inner .message_slider .message_box.box02 .message_box_left .message_box_img { background-image: url("../images/message_box_img_02.png"); background-position: right center;}
    #message .inner .message_slider .message_box.box03 .message_box_left .message_box_img { background-image: url("../images/message_box_img_03.png");}
    #message .inner .message_slider .message_box.box04 .message_box_left .message_box_img { background-image: url("../images/message_box_img_04.png");}
    #message .inner .message_slider .message_box.box05 .message_box_left .message_box_img { background-image: url("../images/message_box_img_05.png");}
    #message .inner .message_slider .message_box .message_box_left .message_box_namearea { width: 90%; max-width: 304px; box-sizing: border-box; padding: 11px 20px; background: rgba(255,255,255,0.9); border-radius: 9px; position: absolute; left: 24px; bottom: 21px;}
    #message .inner .message_slider .message_box.box05 .message_box_left .message_box_namearea { max-width: 361px;}
    #message .inner .message_slider .message_box .message_box_left .message_box_namearea dl { display: flex; justify-content: space-between; margin-bottom: 6px;}
    #message .inner .message_slider .message_box .message_box_left .message_box_namearea dl dt { font-size: 16px; line-height: 20px; font-weight: bold; color: #5D4C40;}
    #message .inner .message_slider .message_box .message_box_left .message_box_namearea dl dt span { font-size: 14px;}
    #message .inner .message_slider .message_box .message_box_left .message_box_namearea dl dd { display: inline-block; font-size: 14px; line-height: 20px; color: #fff; padding: 0 11px; background: #938378; border-radius: 10px;}
    #message .inner .message_slider .message_box .message_box_left .message_box_namearea .belong { font-size: 12px; line-height: 1.5em;}
    #message .inner .message_slider .message_box .message_box_right { width: 54.33%; position: relative; background: #fff; height: 368px;}
    #message .inner .message_slider .message_box .message_box_right .message_box_txtarea { width: 100%; box-sizing: border-box; padding: 0 8.538% 0 4.74%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%)translateY(-50%);}
    #message .inner .message_slider .message_box .message_box_right .message_box_txtarea .message_box_ttl { font-size: 18px; line-height: 1.55em; font-weight: bold; color: #5E9FA3; margin-bottom: 15px;}
    #message .inner .message_slider .message_box .message_box_right .message_box_txtarea .message_box_txt { font-size: 14px; letter-spacing: -0.01em; line-height: 1.57em;}
    #message .inner .message_slider .prev-arrow { width: 48px; height: auto; position: absolute; left: 0; top: -45px; z-index: 3; cursor: pointer;}
    #message .inner .message_slider .next-arrow { width: 48px; height: auto; position: absolute; left: 48px; top: -45px; z-index: 3; cursor: pointer;}
    #message .inner .message_slider .slide-dots { margin-top: 34px; font-size: 0; text-align: right;}
    #message .inner .message_slider .slide-dots li { display: inline-block; width: 10px; height: 10px; margin-left: 10px;  border-radius: 100%;}
    #message .inner .message_slider .slide-dots li button { display: inline-block; width: 10px; height: 10px; font-size: 0; border: none; padding: 0; border-radius: 100%; background: #938378;}
    #message .inner .message_slider .slide-dots li.slick-active button { background: #fff;}
    
    .request_banner { width: 100%; position: relative; padding: 0 0 50px; z-index: 2;}
    .request_banner.request01 { background: #F47D7C; margin-top: -26px;}
    .request_banner.request02 { background: #5D4C40;}
    .request_banner::before { position: absolute; content: ""; width: 358px; height: 99px; left: 50%; top: -27px; transform: translateX(-50%); background-repeat: no-repeat; background-size: contain; background-position: center top;}
    .request_banner.request01::before { background-image: url("../images/request_bg_01.png");}
    .request_banner.request02::before { background-image: url("../images/request_bg_02.png");}
    .request_banner .request_banner_ttl { text-align: center; font-size: 17px; letter-spacing: 0.05em; line-height: 1; font-weight: bold; color: #fff; position: relative; z-index: 3; margin-bottom: 40px;}
    .request_banner .request_banner_ttl span { font-size: 20px;}
    .request_banner .request_banner_ttl::before { position: absolute; content: ""; width: 41px; height: 6px; bottom: -20px; left: 50%; transform: translateX(-50%); background: url("../images/request_dot.png")no-repeat center; background-size: contain;}
    .request_banner .request_banner_btn { width: 567px; margin: 0 auto; font-size: 18px; font-weight: bold; position: relative; z-index: 3}
    .request_banner .request_banner_btn a { display: block; width: 100%; line-height: 74px; color: #5E9FA3; box-sizing: border-box; padding-left: 112px; border-radius: 8px; background: url("../images/request_arrow_01.png")no-repeat right 60px center #fff; background-size: 46px; transition: 0.3s;}
    .request_banner .request_banner_btn a:hover { opacity: 0.8; transition: 0.3s;}
    
    #tuition { overflow: hidden;}
    #tuition .inner { width: 100%; max-width: 1366px; margin: 0 auto; padding: 77px 0 60px;}
    #tuition .inner h2 { width: 400px; margin: 0 auto 20px;}
    #tuition .inner .scroll { width: 89.53%; margin-left: auto; margin-bottom: 10px; overflow: scroll;}
    #tuition .inner .scroll .tuition_table { width: 160.58%;}
    #tuition .inner .causion { width: 79.06%; max-width: 1080px; margin: 0 auto; font-size: 12px; line-height: 1.66em; margin-bottom: 30px;}
    #tuition .inner .tuition_point { width: 62.225%; margin: 0 auto 26px; box-sizing: border-box; padding: 11px 28px; background: #fff; border-radius: 5px; display: flex; justify-content: space-between; align-items: center;}
    #tuition .inner .tuition_point .icon { width: 56px; margin-right: 22px;}
    #tuition .inner .tuition_point .point_txt { flex: 1; font-size: 18px; line-height: 1.5em; font-weight: 500;}
    #tuition .inner .tuition_btn { width: 523px; margin: 0 auto; font-size: 14px; font-weight: 500;}
    #tuition .inner .tuition_btn a { display: block; width: 100%; line-height: 48px; color: #000; box-sizing: border-box; padding-left: 39px; border-radius: 30px; background: url("../images/tuition_arrow.png")no-repeat right 19px center #fff; background-size: 31px; transition: 0.3s;}
    #tuition .inner .tuition_btn a:hover { opacity: 0.8;}
    
    #admission { position: relative;}
    #admission .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("../images/admission_bg.png")no-repeat center top; background-size: cover;}
    #admission .inner { width: 95%; max-width: 1080px; margin: 0 auto; padding: 110px 0 77px; position: relative; z-index: 2;}
    #admission .inner h2 { width: 561px; margin-bottom: 30px;}
    #admission .inner .admission_cont { width: 100%; max-width: 970px; margin: 0 auto;}
    #admission .inner .admission_cont .admission_box { margin-bottom: 60px; text-align: center;}
    #admission .inner .admission_cont .admission_box h3 { display: inline-block; font-size: 22px; line-height: 1.18em; font-weight: bold; color: #fff; position: relative; margin-bottom: 28px;}
    #admission .inner .admission_cont .admission_box h3::before { position: absolute; content: ""; width: 107px; height: 18px; left: -147px; top: 50%; transform: translateY(-50%); background: url("../images/admission_ttl_line.png")no-repeat; background-size: contain;}
    #admission .inner .admission_cont .admission_box h3::after { position: absolute; content: ""; width: 107px; height: 18px; right: -147px; top: 50%; transform: translateY(-50%);  background: url("../images/admission_ttl_line.png")no-repeat; background-size: contain;}
    #admission .inner .admission_cont .admission_box.box03 h3::before { left: -188px;}
    #admission .inner .admission_cont .admission_box.box03 h3::after { right: -188px;}
    #admission .inner .admission_cont .admission_box.box04 h3::before { left: -167px;}
    #admission .inner .admission_cont .admission_box.box04 h3::after { right: -167px;}
    #admission .inner .admission_cont .admission_box .scroll { margin-bottom: 10px;}
    #admission .inner .admission_cont .admission_box .admission_table { width: 100%;}
    #admission .inner .admission_cont .admission_box .causion { font-size: 12px; line-height: 1.5em; color: #fff; text-align: left;}
	#admission .inner .admission_cont .admission_box .addmisson_box_btm { width: 95%; max-width: 820px; margin: 40px auto 0; padding: 18px 0; text-align: center; border-radius: 5px; background: rgba(255,255,255,0.8);}
	#admission .inner .admission_cont .admission_box .addmisson_box_btm h4 { font-size: 18px; line-height: 1.5em; font-weight: bold; color: #B05573; margin-bottom: 19px;}
	#admission .inner .admission_cont .admission_box .addmisson_box_btm .addmission_btn { width: 95%; max-width: 780px; margin: 0 auto 10px; display: flex; justify-content: center;}
	#admission .inner .admission_cont .admission_box .addmisson_box_btm .addmission_btn .btn { width: 30%; font-size: 14px; font-weight: 500; margin: 0 1%;}
	#admission .inner .admission_cont .admission_box .addmisson_box_btm .addmission_btn .btn.small { font-size: 12px;}
	#admission .inner .admission_cont .admission_box .addmisson_box_btm .addmission_btn .btn a { display: block; width: 100%; line-height: 1.5em; padding: 13px 0; color: #000; border: solid 1px #000; border-radius: 30px; background: url("../images/icon_pdf.png")no-repeat 15px center #fff; background-size: 20px;}
	#admission .inner .admission_cont .admission_box .addmisson_box_btm .addmission_btn .btn.small a { padding: 5px 0;}
	#admission .inner .admission_cont .admission_box .addmisson_box_btm .addmisson_box_btm_txt { font-size: 14px; line-height: 1.42em;}
    
    #oc { position: relative;}
    #oc::before { position: absolute; content: ""; width: 250px; height: 279px; top: 31px; right: 0; background: url("../images/oc_bg_01.png")no-repeat; background-size: contain;}
    #oc::after { position: absolute; content: ""; width: 279px; height: 279px; bottom: 7px; left: 5.56%; background: url("../images/oc_bg_02.png")no-repeat; background-size: contain;}
    #oc .inner { width: 95%; max-width: 1250px; margin: 0 auto; padding: 63px 0 84px; position: relative; z-index: 2;}
    #oc .inner .oc_cont { padding: 107px 0; background: url("../images/oc_cont_bg.png")no-repeat; background-size: 100% 100%; position: relative;}
    #oc .inner .oc_cont h2 { width: 100%; max-width: 676px; margin: 0 auto 45px;}
    #oc .inner .oc_cont .oc_cont_txt { font-size: 16px; line-height: 1.5em; color: #fff; text-align: center; margin-bottom: 48px;}
    #oc .inner .oc_cont .oc_boxes { width: 90%; max-width: 1028px; margin: 0 auto 55px; display: flex; justify-content: space-between;}
    #oc .inner .oc_cont .oc_boxes .oc_box { width: 22.37%; color: #fff;}
    #oc .inner .oc_cont .oc_boxes .oc_box .oc_box_ttl { font-size: 18px; line-height: 1.44em; font-weight: bold; text-align: center; margin-bottom: 6px; padding-bottom: 12px; background: url("../images/oc_box_ttl_line.png")no-repeat center bottom; background-size: auto 6px;}
    #oc .inner .oc_cont .oc_boxes .oc_box .oc_box_txt { font-size: 14px; line-height: 1.43em;}
    #oc .inner .oc_cont .oc_schedule { width: 90%; max-width: 1000px; margin: 0 auto; position: relative;}
    #oc .inner .oc_cont .oc_schedule .oc_schedule_bg { width: 101.3%; position: absolute; left: -1.3%; top: -12px; transform: rotate(184deg);}
    #oc .inner .oc_cont .oc_schedule .oc_schedule_ttl { width: 237px; margin: 0 auto 45px; position: relative; z-index: 3;}
    #oc .inner .oc_cont .oc_schedule .oc_schedule_boxes { width: 95%; max-width: 804px; margin: 0 auto; display: flex; justify-content: space-between; position: relative; z-index: 3;}
    #oc .inner .oc_cont .oc_schedule .oc_schedule_boxes dl { width: 31.21%; background: #fff; border-radius: 10px; border: solid 1px #707070; display: flex; justify-content: space-between; text-align: center; overflow: hidden;}
    #oc .inner .oc_cont .oc_schedule .oc_schedule_boxes dl dt { width: 66%; font-size: 32px; line-height: 1.46em; font-weight: bold; padding: 15px 0;}
    #oc .inner .oc_cont .oc_schedule .oc_schedule_boxes dl dt span { font-size: 26px;}
    #oc .inner .oc_cont .oc_schedule .oc_schedule_boxes dl dd { width: 34%; font-size: 32px; line-height: 1.46em; font-weight: bold; padding: 15px 0; box-sizing: border-box; border-left: solid 1px #707070; background: #95C8CB;}
    #oc .inner .oc_cont .oc_schedule .oc_schedule_boxes dl dd.sat { background: #FAB87E;}
    #oc .inner .oc_cont .oc_cont_img { position: absolute;}
    #oc .inner .oc_cont .oc_cont_img.img01 { width: 120px; top: 0; right: 127px;}
    #oc .inner .oc_cont .oc_cont_img.img02 { width: 92px; bottom: 126px; left: -7px;}
    
    #access { background: url("../images/access_bg.jpg")no-repeat; background-size: cover;}
    #access .inner { width: 95%; max-width: 1080px; margin: 0 auto; padding: 93px 0;}
    #access .inner .map { width: 100%; position: relative; padding-top: 44.07%; border-radius: 23px; overflow: hidden;}
    #access .inner .map iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
    
    footer { }
    footer .bg { text-align: center; color: #fff; padding: 40px 0 18px; background: #B05573;}
    footer .logo { width: 209px; margin: 0 auto 27px;}
    footer .info { font-size: 14px; line-height: 1.85em; margin-bottom: 23px;}
    footer .copyright { font-size: 11px; line-height: 1.;}
	
	.scroll-hint-icon { width: 165px!important; height: 165px!important; top: 50%!important; left: 50%!important; transform: translateX(-50%) translateY(-50%)!important; padding: 27px 0!important;background: rgba(176,85,115,0.65)!important;}
	.scroll-hint-icon-white:before { width: 100%!important; height: 100%!important; background-image: url("../images/scroll_icon.png")!important;}
	.scroll-hint-icon-white:after { display: none!important;}
    
}

/* PC */
@media screen and (max-width: 768px) {
    .pconly { display: none!important;}
    
    main { overflow: hidden;}
    
    header { }
    
    #mv { width: 100%; margin: 0 auto; position: relative; padding-top: 6.66vw; overflow: hidden;}
    #mv .logo { width: 44.93%; margin: 0 auto 7.33vw;}
    #mv h1 { width: 100.95vw; position: absolute; left: 19.33vw; bottom: 2.49vw;}
    
    #movie {}
    #movie .bg { }
    #movie .inner { width: 93.06vw; margin: 0 auto; padding: 13.33vw 0 12.13vw;}
    #movie .inner h2 { width: 64vw; margin: 0 auto 7.2vw;}
    #movie .inner .movie_cont { width: 100%; border-radius: 1.2vw; overflow: hidden;}
    #movie .inner .movie_cont .movie_box { width: 100%; position: relative; padding-top: 56.44vw;}
    #movie .inner .movie_cont .movie_box iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
    
    #reason { position: relative;}
    #reason .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: url("../images/reason_bg_sp.png")no-repeat center top; background-size: cover;}
    #reason .inner { width: 90vw; margin: 0 auto; padding: 16.22vw 0 47.4vw; position: relative; z-index: 2;}
    #reason .inner h2 { width: 68.8vw; margin-bottom: 15.6vw;}
    #reason .inner .reason_cont { width: 84.93vw; margin: 0 auto;}
    #reason .inner .reason_cont .reason_box { width: 100%; position: relative; text-align: center; color: #fff; margin-bottom: 26.66vw;}
    #reason .inner .reason_cont .reason_box:last-child { margin-bottom: 0;}
    #reason .inner .reason_cont .reason_box .reason_box_num { width: 20.8vw; position: absolute; left: -3.6vw; top: -6.49vw;}
    #reason .inner .reason_cont .reason_box .reason_box_img { margin-bottom: 5.06vw;}
    #reason .inner .reason_cont .reason_box .reason_box_txtarea { position: relative;}
    #reason .inner .reason_cont .reason_box h3 { font-size: 4.26vw; line-height: 1.44em; font-weight: bold;}
    #reason .inner .reason_cont .reason_box .reason_box_txt { width: 81.33vw; margin: 0 auto; font-size: 3.46vw; line-height: 1.46em; text-align: left;}
    
    /*もっと見る*/
	/*チェックボタンを消す*/
	.more_toggle { display: none;}
	.more_btn { width: 47.53vw; position: absolute; left: 50%; bottom: -13.6vw; transform: translateX(-50%); height: 9.73vw; border: solid 0.26vw #fff; border-radius: 4.8vw; cursor: pointer;}
	.more_btn::before { position: absolute; content: ""; width: 10.66vw; height: 2.83vw; left: 15.33vw; top: 50%; transform: translateY(-50%); background: url("../images/reason_btn_txt_01.png")no-repeat; background-size: contain;}
	.more_btn::after { position: absolute; content: ""; width: 2.3vw; height: 2.32vw; right: 7.92vw; top: 50%; transform: translateY(-50%); background: url("../images/reason_arrow_01_sp.png")no-repeat; background-size: contain;}
	/*選択されているボタンの表示*/
	.more_toggle:checked ~ .more_btn::before { width: 12.79vw; height: 2.83vw; left: 14.42vw; top: 50%; transform: translateY(-50%); background: url("../images/reason_btn_txt_02_sp.png")no-repeat; background-size: contain;}
	.more_toggle:checked ~ .more_btn::after { background: url("../images/reason_arrow_02_sp.png")no-repeat; background-size: contain;}
	/*タブ切り替えの中身のスタイル*/
	.reason_box_txt { position: relative; overflow: hidden; height: 0; box-sizing: border-box; transition: 0.5s;}
	.more_toggle:checked ~ h3 { margin-bottom: 1.33vw;}
	.more_toggle01:checked ~ .reason_box_txt { height: auto; transition: 0.5s;}
	.more_toggle02:checked ~ .reason_box_txt { height: auto; transition: 0.5s;}
	.more_toggle03:checked ~ .reason_box_txt { height: auto; transition: 0.5s;}
	.more_toggle04:checked ~ .reason_box_txt { height: auto; transition: 0.5s;}
	.more_toggle05:checked ~ .reason_box_txt { height: auto; transition: 0.5s;}
    
    #course { position: relative;}
    #course .bg { width: 182.13vw; height: 19.01vw; position: absolute; left: -21.6vw; top: -11.2vw; z-index: 1; background: url("../images/course_bg_sp.png")no-repeat top center; background-size: contain;}
    #course .inner { width: 90vw; margin: 0 auto; padding: 5.33vw 0 6.24vw; position: relative;}
    #course .inner h2 { width: 60.53vw; margin-bottom: 6.66vw; position: relative; z-index: 3;}
    #course .inner .course_cont { width: 100%; margin-bottom: 6.21vw;}
    #course .inner .course_cont .course_box { margin-bottom: 9.2vw;}
    #course .inner .course_cont .course_box:last-child { margin-bottom: 0;}
    #course .inner .course_cont .course_box .course_box_img { width: 100%; margin-bottom: 4vw;}
    #course .inner .course_cont .course_box .course_box_txtarea { width: 100%;}
    #course .inner .course_cont .course_box .course_box_txtarea .course_box_dept { margin-bottom: 2.66vw;}
    #course .inner .course_cont .course_box.box01 .course_box_txtarea .course_box_dept { width: 30.544vw;}
    #course .inner .course_cont .course_box.box02 .course_box_txtarea .course_box_dept { width: 21.97vw;}
    #course .inner .course_cont .course_box.box03 .course_box_txtarea .course_box_dept { width: 111px;}
    #course .inner .course_cont .course_box .course_box_txtarea h3 { font-size: 3.73vw; line-height: 1.42em; font-weight: bold; color: #E38634; margin-bottom: 0.66vw;}
    #course .inner .course_cont .course_box .course_box_txtarea .course_box_txt { font-size: 3.46vw; letter-spacing: -0.01em; line-height: 1.46em;}
    #course .inner .course_btn { font-size: 3.73vw; font-weight: 500; line-height: 11.46vw; color: #000; box-sizing: border-box; padding-left: 25.33vw; border: solid 0.26vw #707070; border-radius: 8.66vw; background: url("../images/course_arrow.png")no-repeat right 4.26vw center #fff; background-size: 9.47vw;}
    #course .inner .course_btn a { display: block; width: 100%; }
    
    /*モーダル*/
	#course .modal { display: none; position: fixed; top: 0; left: 0; height: 100vh; width: 100%; z-index: 11;}
	#course .modal-bg { position: absolute; height: 100vh; width: 100%; background: rgba(0,0,0,0.55);}
	#course .modal-content { width: 95vw; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); margin: auto; overflow: scroll;}
    #course .modal-content .modal_img { width: 100%;}
	#course a.js-modal-close { display: block; width: 6.66vw; height: 6.66vw; position: absolute; top: 0; right: 0; cursor: pointer; background: #fff;}
    #course a.js-modal-close::before { position: absolute; content: ""; width: 4vw; height: 0.4vw; top: 50%; left: 50%; transform: translateX(-50%)translateY(-50%)rotate(45deg); background: #000;}
    #course a.js-modal-close::after { position: absolute; content: ""; width: 4vw; height: 0.4vw; top: 50%; left: 50%; transform: translateX(-50%)translateY(-50%)rotate(-45deg); background: #000;}
    
    #message { position: relative;}
    #message .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("../images/message_bg_sp.png")no-repeat center top; background-size: cover; z-index: 1;}
    #message .inner { width: 90vw; margin: 0 auto; padding: 19.6vw 0 21.73vw; position: relative; z-index: 2;}
    #message .inner h2 { width: 70.8vw; margin: 0 0 7.78vw auto;}
    #message .inner .message_slider { width: 100%;}
    #message .inner .message_slider .message_box { overflow: hidden;}
    #message .inner .message_slider .message_box .message_box_left { width: 100%; position: relative; line-height: 0;}
    #message .inner .message_slider .message_box .message_box_left .message_box_img { line-height: 0;}
    #message .inner .message_slider .message_box .message_box_left .message_box_namearea { width: 63.33vw; box-sizing: border-box; padding: 1.86vw 2.66vw; background: rgba(255,255,255,0.9); border-radius: 9px; position: absolute; left: 1.6vw; bottom: 1.6vw; z-index: 2;}
    #message .inner .message_slider .message_box.box04 .message_box_left .message_box_namearea { width: 68vw; bottom: -3.6vw;}
    #message .inner .message_slider .message_box.box05 .message_box_left .message_box_namearea { width: 71.2vw; bottom: -8.6vw;}
    #message .inner .message_slider .message_box .message_box_left .message_box_namearea dl { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.8vw;}
    #message .inner .message_slider .message_box .message_box_left .message_box_namearea dl dt { font-size: 4.26vw; line-height: 1.468em; font-weight: bold; color: #5D4C40;}
    #message .inner .message_slider .message_box .message_box_left .message_box_namearea dl dt span { font-size: 3.6vw;}
    #message .inner .message_slider .message_box .message_box_left .message_box_namearea dl dd { display: inline-block; font-size: 3.2vw; line-height: 5.06vw; color: #fff; padding: 0 2vw; background: #938378; border-radius: 2.53vw;}
    #message .inner .message_slider .message_box .message_box_left .message_box_namearea .belong { font-size: 3.2vw; line-height: 1.5em;}
    #message .inner .message_slider .message_box .message_box_right { width: 100%; position: relative; background: #fff; border: solid 0.13vw #5D4C40; border-top: none; border-radius: 0 0 0 1.73vw; box-sizing: border-box;}
    #message .inner .message_slider .message_box .message_box_right .message_box_txtarea { width: 100%; height: 72.533vw; box-sizing: border-box; padding: 5.86vw 6.4vw 8.53vw;}
    #message .inner .message_slider .message_box.box03 .message_box_right .message_box_txtarea { padding: 18.66vw 6.4vw;}
    #message .inner .message_slider .message_box.box04 .message_box_right .message_box_txtarea { padding: 18.66vw 6.4vw;}
    #message .inner .message_slider .message_box.box05 .message_box_right .message_box_txtarea { padding: 18.66vw 6.4vw;}
    #message .inner .message_slider .message_box .message_box_right .message_box_txtarea .message_box_ttl { font-size: 4vw; line-height: 1.4em; font-weight: bold; color: #5E9FA3; margin-bottom: 1.33vw;}
    #message .inner .message_slider .message_box .message_box_right .message_box_txtarea .message_box_txt { font-size: 3.46vw; letter-spacing: -0.01em; line-height: 1.46em;}
    #message .inner .message_slider .prev-arrow { width: 12vw; height: auto; position: absolute; left: -3.73vw; top: 23.06vw; z-index: 3; cursor: pointer; filter: drop-shadow(0 0.4vw 0.8vw rgba(0,0,0,0.16));}
    #message .inner .message_slider .next-arrow { width: 12vw; height: auto; position: absolute; right: -3.73vw; top: 23.06vw; z-index: 3; cursor: pointer; filter: drop-shadow(0 0.4vw 0.8vw rgba(0,0,0,0.16));}
    #message .inner .message_slider .slide-dots { margin-top: 2.26vw; font-size: 0; margin-left: 2vw;}
    #message .inner .message_slider .slide-dots li { display: inline-block; width: 3.6vw; height: 3.6vw; margin-right: 1.73vw; border-radius: 100%;}
    #message .inner .message_slider .slide-dots li button { display: inline-block; width: 3.6vw; height: 3.6vw; font-size: 0; border: none; padding: 0; border-radius: 100%; background: #938378;}
    #message .inner .message_slider .slide-dots li.slick-active button { background: #fff;}
    
    .request_banner { width: 100%; position: relative; padding: 11.26vw 0 5.26vw; z-index: 2;}
    .request_banner.request01 { background: #F47D7C; margin-top: -26px;}
    .request_banner.request02 { background: #5D4C40;}
    .request_banner::before { position: absolute; content: ""; width: 54.66vw; height: 15.07vw; left: 21.73vw; top: -9.09vw; background-repeat: no-repeat; background-size: contain; background-position: center top;}
    .request_banner.request01::before { background-image: url("../images/request_bg_01_sp.png");}
    .request_banner.request02::before { background-image: url("../images/request_bg_02_sp.png");}
    .request_banner .request_banner_ttl { text-align: center; font-size: 4.66vw; letter-spacing: 0.05em; line-height: 1; font-weight: bold; color: #fff; position: absolute; top: -3.6vw; left: 50%; transform: translateX(-50%); z-index: 3;}
    .request_banner .request_banner_ttl span { font-size: 6vw;}
    .request_banner .request_banner_ttl::before { position: absolute; content: ""; width: 5.46vw; height: 0.76vw; bottom: -2.53vw; left: 50%; transform: translateX(-50%); background: url("../images/request_dot_sp.png")no-repeat center; background-size: contain;}
    .request_banner .request_banner_btn { width: 82.8vw; margin: 0 auto; font-size: 4vw; font-weight: bold; position: relative; z-index: 3}
    .request_banner .request_banner_btn a { display: block; width: 100%; line-height: 13.33vw; color: #5E9FA3; box-sizing: border-box; padding-left: 12vw; border-radius: 1.06vw; background: url("../images/request_arrow_01_sp.png")no-repeat right 6.13vw center #fff; background-size: 6.13vw;}
    
    #tuition {}
    #tuition .inner { padding: 11.86vw 0 13.33vw;}
    #tuition .inner h2 { width: 64.26vw; margin: 0 auto 5.46vw;}
    #tuition .inner .scroll { width: 94.93vw; margin: 0 0 3.33vw auto; overflow: scroll;}
    #tuition .inner .scroll .tuition_table { width: 300vw; padding-right: 5.066vw;}
    #tuition .inner .causion { width: 90vw; font-size: 2.93vw; line-height: 1.36em; margin: 0 auto 8vw;}
    #tuition .inner .tuition_point { width: 93.6vw; margin: 0 auto 4.66vw; box-sizing: border-box; padding: 3.73vw 3.86vw; background: #fff; border-radius: 0.66vw; display: flex; justify-content: space-between; align-items: center;}
    #tuition .inner .tuition_point .icon { width: 13.94vw; margin-right: 2.44vw;}
    #tuition .inner .tuition_point .point_txt { flex: 1; font-size: 3.73vw; line-height: 1.46em; font-weight: 500;}
    #tuition .inner .tuition_btn { width: 90vw; margin: 0 auto; font-size: 14px; font-weight: 500;}
    #tuition .inner .tuition_btn a { display: block; width: 100%; color: #000; box-sizing: border-box; padding: 3.73vw 0 3.73vw 10vw; border-radius: 8.66vw; border: solid 0.26vw #707070; background: url("../images/tuition_arrow.png")no-repeat right 4.33vw center #fff; background-size: 9.47vw;}
    #tuition .inner .tuition_btn a span { display: inline-block; line-height: 1.38em; text-align: center;}
    
    #admission { position: relative; overflow: hidden; padding-top: 20.65vw;}
    #admission .bg { width: 182vw; height: 20.65vw; position: absolute; top: 0; left: -43.06vw; background: url("../images/admission_bg.png")no-repeat center top; background-size: cover;}
    #admission .inner { padding: 5.17vw 0 19.33vw; background: #B05573; position: relative; z-index: 2;}
    #admission .inner h2 { width: 93.46vw; margin: 0 0 12vw 5.06vw;}
    #admission .inner .admission_cont { width: 94.93vw; margin: 0 0 0 auto;}
    #admission .inner .admission_cont .admission_box { margin-bottom: 7.86vw; text-align: center;}
    #admission .inner .admission_cont .admission_box h3 { width: 90vw; font-size: 3.46vw; line-height: 1.538em; font-weight: bold; color: #fff; position: relative; margin-bottom: 5.2vw;}
    #admission .inner .admission_cont .admission_box:nth-child(n+3) h3 { font-size: 4.8vw; line-height: 1.5em;}
    #admission .inner .admission_cont .admission_box h3::before { position: absolute; content: ""; width: 20.5vw; height: 3.42vw; left: 0; top: 50%; transform: translateY(-50%); background: url("../images/admission_ttl_line.png")no-repeat; background-size: contain;}
    #admission .inner .admission_cont .admission_box h3::after { position: absolute; content: ""; width: 20.5vw; height: 3.42vw; right: 0; top: 50%; transform: translateY(-50%);  background: url("../images/admission_ttl_line.png")no-repeat; background-size: contain;}
    #admission .inner .admission_cont .admission_box .scroll { margin-bottom: 1.33vw; overflow: scroll;}
    #admission .inner .admission_cont .admission_box .admission_table { width: 184.62vw; padding-right: 5.06vw;}
    #admission .inner .admission_cont .admission_box.box01 .admission_table { width: 191.18vw;}
    #admission .inner .admission_cont .admission_box .causion { width: 90vw; font-size: 2.93vw; line-height: 1.36em; color: #fff; text-align: left;}
    #admission .inner .admission_cont .admission_box .addmisson_box_btm { width: 91.2vw; margin: 6.66vw 0 0; padding: 6.66vw 0; text-align: center; border-radius: 0.66vw; background: rgba(255,255,255,0.8);}
	#admission .inner .admission_cont .admission_box .addmisson_box_btm h4 { font-size: 3.73vw; line-height: 1.5em; font-weight: bold; color: #B05573; margin-bottom: 5.2vw;}
	#admission .inner .admission_cont .admission_box .addmisson_box_btm .addmission_btn { width: 86vw; margin: 0 auto 5.33vw; display: flex; justify-content: flex-start; flex-wrap: wrap;}
	#admission .inner .admission_cont .admission_box .addmisson_box_btm .addmission_btn.center { justify-content: center;}
	#admission .inner .admission_cont .admission_box .addmisson_box_btm .addmission_btn .btn { width: 42vw; font-size: 3.46vw; font-weight: 500;}
	#admission .inner .admission_cont .admission_box .addmisson_box_btm .addmission_btn .btn:nth-child(2) { margin-left: 2vw;}
	#admission .inner .admission_cont .admission_box .addmisson_box_btm .addmission_btn .btn:nth-child(3) { margin-top: 2vw;}
	#admission .inner .admission_cont .admission_box .addmisson_box_btm .addmission_btn .btn.small { font-size: 2.93vw;}
	#admission .inner .admission_cont .admission_box .addmisson_box_btm .addmission_btn .btn a { display: block; width: 100%; line-height: 1.5em; padding: 2vw 0 2vw 2vw; box-sizing: border-box; color: #000; border: solid 0.133vw #000; border-radius: 30px; background: url("../images/icon_pdf.png")no-repeat 4vw center #fff; background-size: 3.6vw;}
	#admission .inner .admission_cont .admission_box .addmisson_box_btm .addmission_btn .btn.small a { padding: 0 0 0 3vw;}
	#admission .inner .admission_cont .admission_box .addmisson_box_btm .addmisson_box_btm_txt { font-size: 2.93vw; line-height: 1.42em;}
    
    #oc { position: relative;}
    #oc::before { position: absolute; content: ""; width: 28.26vw; height: 37.2vw;; top: 19.13vw; right: 0; background: url("../images/oc_bg_01_sp.png")no-repeat; background-size: contain; z-index: 3;}
    #oc::after { position: absolute; content: ""; width: 30.26vw; height: 37.2vw; bottom: 16.93vw; right: 0; background: url("../images/oc_bg_02_sp.png")no-repeat; background-size: contain; z-index: 3;}
    #oc .inner { padding: 15.66vw 0 15.33vw; position: relative; z-index: 2;}
    #oc .inner .oc_cont { padding: 19.17vw 0 23.89vw; background: url("../images/oc_cont_bg_sp.png")no-repeat; background-size: 100% 100%; position: relative;}
    #oc .inner .oc_cont h2 { width: 66.13vw; margin: 0 auto 5.46vw;}
    #oc .inner .oc_cont .oc_cont_txt { width: 90vw; margin: 0 auto 6.26vw; font-size: 3.46vw; line-height: 1.5em; color: #fff;}
    #oc .inner .oc_cont .oc_boxes { width: 90vw; margin: 0 auto 11.01vw; display: flex; justify-content: space-between; flex-wrap: wrap;}
    #oc .inner .oc_cont .oc_boxes .oc_box { color: #fff; margin-bottom: 6.53vw;}
    #oc .inner .oc_cont .oc_boxes .oc_box.box01 { width: 43.22vw;}
    #oc .inner .oc_cont .oc_boxes .oc_box.box02 { width: 43.06vw;}
    #oc .inner .oc_cont .oc_boxes .oc_box.box03 { width: 41.33vw; margin-bottom: 0;}
    #oc .inner .oc_cont .oc_boxes .oc_box.box04 { width: 41.64vw; margin-bottom: 0;}
    #oc .inner .oc_cont .oc_boxes .oc_box .oc_box_img { margin-bottom: 2.66vw;}
    #oc .inner .oc_cont .oc_boxes .oc_box .oc_box_ttl { width: 40.8vw; font-size: 3.73vw; line-height: 1.35em; font-weight: bold; text-align: center; margin-bottom: 6px; padding-bottom: 2.13vw; background: url("../images/oc_box_ttl_line.png")no-repeat center bottom; background-size: auto 1.05vw;}
    #oc .inner .oc_cont .oc_boxes .oc_box:nth-child(2n) .oc_box_ttl { margin-left: auto;}
    #oc .inner .oc_cont .oc_boxes .oc_box .oc_box_txt { width: 40.8vw; font-size: 3.2vw; line-height: 1.41em;}
    #oc .inner .oc_cont .oc_boxes .oc_box:nth-child(2n) .oc_box_txt { margin-left: auto;}
    #oc .inner .oc_cont .oc_schedule { width: 90vw; margin: 0 auto; position: relative;}
    #oc .inner .oc_cont .oc_schedule .oc_schedule_bg { position: absolute; left: 0; top: -1.29vw; transform: rotate(184deg);}
    #oc .inner .oc_cont .oc_schedule .oc_schedule_ttl { width: 37.11vw; margin: 0 auto 5.33vw; position: relative; z-index: 3;}
    #oc .inner .oc_cont .oc_schedule .oc_schedule_boxes { width: 73.53vw; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; z-index: 3;}
    #oc .inner .oc_cont .oc_schedule .oc_schedule_boxes dl { width: 35.62vw; background: #fff; border-radius: 1.33vw; border: solid 0.133vw #707070; display: flex; justify-content: space-between; text-align: center; overflow: hidden;}
    #oc .inner .oc_cont .oc_schedule .oc_schedule_boxes dl:last-child { margin-top: 3.41vw;}
    #oc .inner .oc_cont .oc_schedule .oc_schedule_boxes dl dt { width: 66%; font-size: 4.53vw; line-height: 1.47em; font-weight: bold; padding: 2vw 0;}
    #oc .inner .oc_cont .oc_schedule .oc_schedule_boxes dl dt span { font-size: 3.73vw;}
    #oc .inner .oc_cont .oc_schedule .oc_schedule_boxes dl dd { width: 34%; font-size: 4.53vw; line-height: 1.47em; font-weight: bold; padding: 2vw 0; box-sizing: border-box; border-left: solid 1px #707070; background: #95C8CB;}
    #oc .inner .oc_cont .oc_schedule .oc_schedule_boxes dl dd.sat { background: #FAB87E;}
    #oc .inner .oc_cont .oc_cont_img { position: absolute;}
    #oc .inner .oc_cont .oc_cont_img.img01 { width: 16.09vw; top: 3.44vw; right: 20.17vw;}
    #oc .inner .oc_cont .oc_cont_img.img02 { width: 12.26vw; bottom: 5.01vw; left: 0;}
    
    #access { background: url("../images/access_bg.jpg")no-repeat; background-size: cover;}
    #access .inner { width: 93.73vw; margin: 0 auto; padding: 6.93vw 0;}
    #access .inner .map { width: 100%; position: relative; padding-top: 79.09vw; border-radius: 3.06vw; overflow: hidden;}
    #access .inner .map iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
    
    footer { padding-bottom: 36.66vw;}
    footer .bg { text-align: center; color: #fff; padding: 8vw 0 5.33vw; background: #B05573;}
    footer .logo { width: 43.33vw; margin: 0 auto 6.6vw;}
    footer .info { font-size: 3.46vw; line-height: 1.61em; margin-bottom: 4vw;}
    footer .copyright { font-size: 2.93vw; line-height: 1;}
    
    .float { width: 100%; position: fixed; bottom: 0; left: 0; z-index: 10; background: #fff;}
    .float ul { display: flex; justify-content: space-between; flex-wrap: wrap;}
    .float ul li { width: 50vw;}
    .float ul li.yt { width: 33.33vw; margin-bottom: 1.73vw;}
    .float ul li a { display: block; width: 100%; height: 17.33vw; font-size: 3.73vw; line-height: 1.21em; font-weight: bold; color: #fff; text-align: center; border-radius: 1.33vw; border: solid 0.133vw #FDF2E7; box-sizing: border-box; background: url("../images/header_btn_arrow.png")no-repeat center bottom 2.26vw; background-size: 2.47vw;}
    .float ul li.yt a { background-color: #DB3737; padding-top: 4.53vw;}
    .float ul li.request a { background-color: #B05573; padding-top: 4.53vw;}
    .float ul li.oc a { background-color: #5E9FA3; padding-top: 2vw;}
    .float nav ul li a span { display: inline-block;}
    
    .scroll-hint-icon { width: 22vw!important; height: 22vw!important; top: 50%!important; left: 50%!important; transform: translateX(-50%) translateY(-50%)!important; padding: 3.6vw 0!important;background: rgba(176,85,115,0.65)!important;}
	.scroll-hint-icon-white:before { width: 100%!important; height: 100%!important; background-image: url("../images/scroll_icon.png")!important;}
	.scroll-hint-icon-white:after { display: none!important;}
    
}