﻿.horio_movielesson{color:#000;-webkit-font-feature-settings:'palt' 1;font-feature-settings:'palt' 1;font-family:"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;text-align:left;background-color:#ebebeb;font-size:1.8rem}@media screen and (max-width: 640px){.horio_movielesson{font-size:1.5rem}}.horio_movielesson div,.horio_movielesson span,.horio_movielesson object,.horio_movielesson iframe,.horio_movielesson h1,.horio_movielesson h2,.horio_movielesson h3,.horio_movielesson h4,.horio_movielesson h5,.horio_movielesson h6,.horio_movielesson p,.horio_movielesson blockquote,.horio_movielesson pre,.horio_movielesson abbr,.horio_movielesson address,.horio_movielesson cite,.horio_movielesson code,.horio_movielesson del,.horio_movielesson dfn,.horio_movielesson em,.horio_movielesson img,.horio_movielesson ins,.horio_movielesson kbd,.horio_movielesson q,.horio_movielesson samp,.horio_movielesson small,.horio_movielesson strong,.horio_movielesson sub,.horio_movielesson sup,.horio_movielesson var,.horio_movielesson b,.horio_movielesson i,.horio_movielesson dl,.horio_movielesson dt,.horio_movielesson dd,.horio_movielesson ol,.horio_movielesson ul,.horio_movielesson li,.horio_movielesson fieldset,.horio_movielesson form,.horio_movielesson label,.horio_movielesson legend,.horio_movielesson table,.horio_movielesson caption,.horio_movielesson tbody,.horio_movielesson tfoot,.horio_movielesson thead,.horio_movielesson tr,.horio_movielesson th,.horio_movielesson td,.horio_movielesson article,.horio_movielesson aside,.horio_movielesson canvas,.horio_movielesson details,.horio_movielesson figcaption,.horio_movielesson figure,.horio_movielesson footer,.horio_movielesson header,.horio_movielesson hgroup,.horio_movielesson menu,.horio_movielesson nav,.horio_movielesson section,.horio_movielesson summary,.horio_movielesson time,.horio_movielesson mark,.horio_movielesson audio,.horio_movielesson video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;text-transform:none;background:transparent}.horio_movielesson div:after,.horio_movielesson span:after,.horio_movielesson object:after,.horio_movielesson iframe:after,.horio_movielesson h1:after,.horio_movielesson h2:after,.horio_movielesson h3:after,.horio_movielesson h4:after,.horio_movielesson h5:after,.horio_movielesson h6:after,.horio_movielesson p:after,.horio_movielesson blockquote:after,.horio_movielesson pre:after,.horio_movielesson abbr:after,.horio_movielesson address:after,.horio_movielesson cite:after,.horio_movielesson code:after,.horio_movielesson del:after,.horio_movielesson dfn:after,.horio_movielesson em:after,.horio_movielesson img:after,.horio_movielesson ins:after,.horio_movielesson kbd:after,.horio_movielesson q:after,.horio_movielesson samp:after,.horio_movielesson small:after,.horio_movielesson strong:after,.horio_movielesson sub:after,.horio_movielesson sup:after,.horio_movielesson var:after,.horio_movielesson b:after,.horio_movielesson i:after,.horio_movielesson dl:after,.horio_movielesson dt:after,.horio_movielesson dd:after,.horio_movielesson ol:after,.horio_movielesson ul:after,.horio_movielesson li:after,.horio_movielesson fieldset:after,.horio_movielesson form:after,.horio_movielesson label:after,.horio_movielesson legend:after,.horio_movielesson table:after,.horio_movielesson caption:after,.horio_movielesson tbody:after,.horio_movielesson tfoot:after,.horio_movielesson thead:after,.horio_movielesson tr:after,.horio_movielesson th:after,.horio_movielesson td:after,.horio_movielesson article:after,.horio_movielesson aside:after,.horio_movielesson canvas:after,.horio_movielesson details:after,.horio_movielesson figcaption:after,.horio_movielesson figure:after,.horio_movielesson footer:after,.horio_movielesson header:after,.horio_movielesson hgroup:after,.horio_movielesson menu:after,.horio_movielesson nav:after,.horio_movielesson section:after,.horio_movielesson summary:after,.horio_movielesson time:after,.horio_movielesson mark:after,.horio_movielesson audio:after,.horio_movielesson video:after{content:initial;height:auto;visibility:visible}.horio_movielesson article,.horio_movielesson aside,.horio_movielesson details,.horio_movielesson figcaption,.horio_movielesson figure,.horio_movielesson footer,.horio_movielesson header,.horio_movielesson hgroup,.horio_movielesson menu,.horio_movielesson nav,.horio_movielesson section{display:block}.horio_movielesson img{width:100%;height:auto;line-height:0;vertical-align:top}.horio_movielesson *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.horio_movielesson a,.horio_movielesson a:link{color:#0095bc;text-decoration:underline;outline:none}.horio_movielesson a:visited{color:#0095bc}.horio_movielesson a:hover{color:#0095bc;text-decoration:none}.horio_movielesson a:active{color:#0095bc}.horio_movielesson .btm1em{margin-bottom:1em}.horio_movielesson .btm0{margin-bottom:0}.horio_movielesson .btm5{margin-bottom:5px}.horio_movielesson .btm10{margin-bottom:10px}.horio_movielesson .btm15{margin-bottom:15px}.horio_movielesson .btm20{margin-bottom:20px}.horio_movielesson .btm25{margin-bottom:25px}.horio_movielesson .btm30{margin-bottom:30px}.horio_movielesson .btm35{margin-bottom:35px}.horio_movielesson .btm40{margin-bottom:40px}.horio_movielesson .btm45{margin-bottom:45px}.horio_movielesson .btm50{margin-bottom:50px}.horio_movielesson .btm60{margin-bottom:60px}.horio_movielesson .btm70{margin-bottom:70px}.horio_movielesson .lang-en{font-family:Oswald, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Verdana, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, メイリオ, meiryo, sans-serif}.horio_movielesson .pcnone{display:none}@media screen and (max-width: 640px){.horio_movielesson .pcnone{display:block}}.horio_movielesson .sup{font-size:75.5%;vertical-align:top;position:relative;top:-0.1em}.horio_movielesson .small{font-size:1.4rem}.horio_movielesson .bold{font-weight:bold}.horio_movielesson .clearfix::after{content:"";display:block;clear:both}.horio_movielesson .spbr{display:none}@media screen and (max-width: 640px){.horio_movielesson .spbr{display:inline}}.horio_movielesson .pcbr{display:inline}@media screen and (max-width: 640px){.horio_movielesson .pcbr{display:none}}.horio_movielesson .contents{background:#efefef;padding:100px 30px}@media screen and (max-width: 640px){.horio_movielesson .contents{padding:30px 15px 10px}}.horio_movielesson .contents .lead{margin:0 0 80px;text-align:center}@media screen and (max-width: 640px){.horio_movielesson .contents .lead{margin:0 0 40px}}.horio_movielesson .contents .lead h2{margin:0 0 20px;font-family:"HiraKakuPro-W6","ヒラギノ角ゴ Pro W6";font-size:2.6rem}@media screen and (max-width: 640px){.horio_movielesson .contents .lead h2{margin:0 0 15px;font-size:2.0rem}}.horio_movielesson .contents .lead p{line-height:1.8}@media screen and (max-width: 640px){.horio_movielesson .contents .lead p{text-align:left}}.horio_movielesson .contents .movie_list{display:flex;justify-content:center;flex-wrap:wrap}.horio_movielesson .contents .movie_list>li{width:23.0%;margin:0 1% 50px}@media screen and (max-width: 640px){.horio_movielesson .contents .movie_list>li{width:100%}}.horio_movielesson .contents .movie_list>li .ttl{margin:0 0 10px;font-family:"HiraKakuPro-W6","ヒラギノ角ゴ Pro W6";font-weight:bold}.horio_movielesson .contents .movie_list>li .ttl dt{margin:0 0 5px;font-size:2.2rem;color:#8ec337}.horio_movielesson .contents .movie_list>li .ttl dt.qa{color:#ea6d15}@media screen and (max-width: 640px){.horio_movielesson .contents .movie_list>li .ttl dt{font-size:1.8rem}}.horio_movielesson .contents .movie_list>li .ttl dd{font-size:1.2rem}.horio_movielesson .contents .movie_list>li .ttl dd::before{content:"ー";margin-right:7px}.horio_movielesson .contents .movie_list>li .img{margin:0 0 0 20px}.horio_movielesson .contents .movie_list>li a{display:block;text-decoration:none;color:#000;transition:.3s}.horio_movielesson .contents .movie_list>li a:hover{opacity:0.7}.horio_movielesson .contents .movie_list>li .movie_detail{position:relative;background:#fff;padding:20px;margin:-30px 15px 0 0}@media screen and (max-width: 640px){.horio_movielesson .contents .movie_list>li .movie_detail{padding:13px}}.horio_movielesson .contents .movie_list>li .movie_detail.new{position:relative}.horio_movielesson .contents .movie_list>li .movie_detail.new::before{content:"";width:75px;height:25px;background:url("../img/oncourselesson/ico_new.png") no-repeat 0 0;background-size:75px 25px;position:absolute;top:-25px;left:0}@media screen and (max-width: 640px){.horio_movielesson .contents .movie_list>li .movie_detail.new::before{width:65px;height:22px;background-size:65px 22px;top:-22px}}.horio_movielesson .contents .movie_list>li .movie_detail .course{font-size:1.6rem;font-family:"HiraKakuPro-W6","ヒラギノ角ゴ Pro W6";font-weight:bold}@media screen and (max-width: 640px){.horio_movielesson .contents .movie_list>li .movie_detail .course{font-size:1.5rem;line-height:1.5}}.horio_movielesson .contents .movie_list>li .movie_detail .part{display:flex;align-items:center;margin:0 0 15px;font-size:1.4rem;line-height:1.0}@media screen and (max-width: 640px){.horio_movielesson .contents .movie_list>li .movie_detail .part{margin:0 0 10px}}.horio_movielesson .contents .movie_list>li .movie_detail .part dt{background:#000;padding:5px;margin-right:10px;font-size:1.2rem;font-family:"HiraKakuPro-W6","ヒラギノ角ゴ Pro W6";font-weight:bold;color:#fff}.horio_movielesson .contents .movie_list>li .movie_detail>ul li{margin:7px 0 0;font-family:"HiraKakuPro-W6","ヒラギノ角ゴ Pro W6";font-weight:bold}@media screen and (max-width: 640px){.horio_movielesson .contents .movie_list>li .movie_detail>ul li{margin:3px 0 0}}.horio_movielesson .profile{background-color:#fff;background-image:url("../img/oncourselesson/bg_profile_top_pc.jpg"),url("../img/oncourselesson/bg_profile_bt_pc.jpg");background-repeat:no-repeat;background-position:center top, center bottom;background-size:100% auto;padding:100px 0}@media screen and (max-width: 640px){.horio_movielesson .profile{background-image:url("../img/oncourselesson/bg_profile_top_sp.jpg"),url("../img/oncourselesson/bg_profile_bt_sp.jpg");padding:60px 0 10px}}.horio_movielesson .profile h2{width:146px;margin:0 auto;padding:0 0 90px;text-align:center}@media screen and (max-width: 640px){.horio_movielesson .profile h2{width:110px;padding:0 0 40px}}.horio_movielesson .profile .profile_list{max-width:940px;margin:0 auto;padding:0 15px}.horio_movielesson .profile .profile_list li{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;background:rgba(255,255,255,0.7);border:5px solid #000;padding:35px;margin:0 0 60px}@media screen and (max-width: 640px){.horio_movielesson .profile .profile_list li{justify-content:flex-start;align-items:center;padding:15px;margin:0 0 30px}}.horio_movielesson .profile .profile_list li::after{content:"";position:absolute;top:-6px;right:-6px;width:72px;height:64px;background:url("../img/oncourselesson/border_profile.png") no-repeat 0 0;background-size:72px 64px}.horio_movielesson .profile .profile_list li h3{width:100%;margin:0 0 25px;font-size:1.8rem;line-height:1.0}@media screen and (max-width: 640px){.horio_movielesson .profile .profile_list li h3{order:2;width:auto;margin:0 0 0 15px;font-size:1.6rem}}.horio_movielesson .profile .profile_list li h3 span{font-size:1.4rem}@media screen and (max-width: 640px){.horio_movielesson .profile .profile_list li h3 span{font-size:1.2rem}}@media screen and (max-width: 380px){.horio_movielesson .profile .profile_list li h3 span{display:block;line-height:1.8}}.horio_movielesson .profile .profile_list li .ph{width:116px}@media screen and (max-width: 640px){.horio_movielesson .profile .profile_list li .ph{order:1;width:80px}}.horio_movielesson .profile .profile_list li .txt{max-width:690px;font-size:1.6rem}@media screen and (max-width: 640px){.horio_movielesson .profile .profile_list li .txt{order:3;margin:10px 0 0;font-size:1.4rem}}@keyframes modal-video{from{opacity:0}to{opacity:1}}@keyframes modal-video-inner{from{transform:translate(0, 100px)}to{transform:translate(0, 0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(81,134,24,0.8);z-index:10000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.modal-video-close{opacity:0}.modal-video-close .modal-video-movie-wrap{-webkit-transform:translate(0, 100px);-moz-transform:translate(0, 100px);-ms-transform:translate(0, 100px);-o-transform:translate(0, 100px);transform:translate(0, 100px)}.modal-video-body{max-width:940px;width:100%;height:100%;margin:0 auto;display:table}.modal-video-inner{display:table-cell;vertical-align:middle;width:100%;height:100%}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{position:absolute;z-index:2;bottom:-70px;right:0;left:0;margin:0 auto;display:inline-block;width:119px;height:39px;background:url("../img/oncourselesson/btn_close.png") no-repeat 0 0;background-size:119px 39px;overflow:hidden;border:none;cursor:pointer}
