.font-en { font-family: 'Josefin Sans', sans-serif; font-style: italic; }

.font-num { font-family: 'Ropa Sans', sans-serif; font-style: italic; }

.font-mon { font-family: 'Montserrat', sans-serif; }

.top-sec .top-main, .top-sec .top-sub { display: flex; }
@media screen and (max-width: 750px) { .top-sec .top-main, .top-sec .top-sub { display: block; background-color: #a9ebf3; } }
.top-sec .top-swiper-main { position: relative; width: 70%; overflow: hidden; }
@media screen and (max-width: 750px) { .top-sec .top-swiper-main { width: 100%; } }
.top-sec .top-swiper-main .swiper-slide { position: relative; }
.top-sec .top-swiper-main .top-swiper-main-info { position: absolute; right: 0; bottom: 0; display: flex; align-items: center; padding: 0.5em 1.5em; border-top-left-radius: 10px; background-color: rgba(255, 255, 255, 0.85); }
@media screen and (max-width: 750px) { .top-sec .top-swiper-main .top-swiper-main-info { position: static; display: block; margin-top: 3em; background-color: initial; } }
@media screen and (max-width: 750px) { .top-sec .top-swiper-main .top-swiper-main-info .top-swiper-main-cap { margin-bottom: 3.2258064516%; font-size: 1.5rem; text-align: center; } }
.top-sec .top-swiper-main .top-swiper-main-info .top-swiper-main-btn { margin-left: 1em; }
@media screen and (max-width: 750px) { .top-sec .top-swiper-main .top-swiper-main-info .top-swiper-main-btn { width: 50.9677419355%; max-width: 100%; margin: 0 auto; } }
.top-sec .top-swiper-main .top-swiper-main-info .top-swiper-main-btn a { display: block; text-decoration: none; padding: 8px 2.5em; border: 1px solid #283750; background: #fff url("../img/common/ico_arrow_or.svg") no-repeat right 1.5em center; background-size: 4px auto; font-size: 1.3rem; text-align: center; border-radius: 2em; }
@media screen and (max-width: 750px) { .top-sec .top-swiper-main .top-swiper-main-info .top-swiper-main-btn a { border: none; background-size: 2.5316455696% auto; font-size: 1.5rem; } }
@media screen and (max-width: 750px) { .top-sec .top-swiper-main .swiper-pagination-bullets { bottom: initial; top: 0; width: 100%; margin-top: 70.8163265306%; } }
.top-sec .top-swiper-main .swiper-pagination-bullet { display: none; width: 18px !important; height: 18px !important; margin: 0 10px !important; background: #fff !important; opacity: 1; }
@media screen and (max-width: 750px) { .top-sec .top-swiper-main .swiper-pagination-bullet { display: inline-block; } }
.top-sec .top-swiper-main .swiper-pagination-bullet-active { background: #283750 !important; }
.top-sec .top-main-btm { width: 70%; padding: 20px 0; background-color: #eaf1ff; }
@media screen and (max-width: 750px) { .top-sec .top-main-btm { display: none; } }
.top-sec .top-main-btm .top-main-btm-in { display: flex; justify-content: space-between; align-items: center; width: 93.8775510204%; margin: 0 auto; }
.top-sec .top-main-btm .top-swiper-sub { width: 86.5217391304%; }
.top-sec .top-main-btm .top-swiper-sub .swiper-slide-thumb-active { border: 2px solid #95e3ec; }
.top-sec .top-main-btm .slide-btn { width: 34px; cursor: pointer; }
.top-sec .top-location { display: flex; align-items: center; width: 30%; padding: 15px 0; background-color: #a9ebf3; }
@media screen and (max-width: 750px) { .top-sec .top-location { width: 100%; padding: 6% 0 10.6666666667%; } }
.top-sec .top-location .top-location-in { width: 100%; }
.top-sec .top-location .location-heading { width: 85.7142857143%; margin: 0 auto 20px; padding-bottom: 40px; border-bottom: 1px solid #283750; text-align: center; }
@media screen and (max-width: 750px) { .top-sec .top-location .location-heading { width: 81.0666666667%; margin-bottom: 6.6666666667%; padding-bottom: 6.6666666667%; text-align: center; } }
.top-sec .top-location .location-heading img { width: 98.8888888889%; }
.top-sec .top-location .location-search { width: 94.2857142857%; margin: 0 auto; }
@media screen and (max-width: 750px) { .top-sec .top-location .location-search { width: 94.6666666667%; } }
.top-sec .top-location .location-search a { display: block; max-width: 320px; margin: 0 auto; padding: 1em 0; border-radius: 1.5em; background-color: #283750; color: #fff; font-size: 2.4rem; font-weight: 500; text-align: center; text-decoration: none; }
@media screen and (max-width: 750px) { .top-sec .top-location .location-search a { max-width: 15em; font-size: 2.15rem; } }
.top-sec .top-new { width: 30%; }
@media screen and (max-width: 750px) { .top-sec .top-new { width: 100%; } }
.top-sec .top-new a { display: flex; text-decoration: none; background: #f35369 url("../img/common/ico_arrow_w.svg") no-repeat right 30px center; background-size: 15px auto; padding: 25px 50px 25px 35px; color: #fff; }
@media screen and (max-width: 750px) { .top-sec .top-new a { padding: 6% 12% 6% 8%; background-size: 3.3333333333% auto; } }
.top-sec .top-new figure { width: 37.6119402985%; margin-right: 5.9701492537%; }
@media screen and (max-width: 750px) { .top-sec .top-new figure { width: 37.5%; margin-right: 6.6666666667%; } }
.top-sec .top-new .new-box { flex: 1; }
.top-sec .top-new .new-box .new-hedaing { margin-bottom: 5px; font-size: 1.8rem; font-weight: 700; line-height: 1; }
@media screen and (max-width: 750px) { .top-sec .top-new .new-box .new-hedaing { margin-bottom: 3.3333333333%; font-size: 1.8rem; } }
.top-sec .top-new .new-box .new-subhedaing { font-size: 1.4rem; line-height: 1.6; }
@media screen and (max-width: 750px) { .top-sec .top-new .new-box .new-subhedaing { font-size: 1.25rem; } }

.about-sec { padding: 65px 0 60px; }
@media screen and (max-width: 750px) { .about-sec { padding: 12% 0 9.3333333333%; } }
.about-sec .about-con .about-con-top { padding-bottom: 50px; background: url("../img/home/about_bg001.png") no-repeat center top; }
@media screen and (max-width: 750px) { .about-sec .about-con .about-con-top { padding-bottom: 6.6666666667%; background: none; } }
.about-sec .about-con .abouti-con { width: 76.3768115942%; margin: 0 auto 4.347826087%; text-align: center; }
.about-sec .about-con .about-heading { margin-bottom: 60px; font-size: 3.2rem; font-weight: 700; text-align: center; }
@media screen and (max-width: 750px) { .about-sec .about-con .about-heading { margin-bottom: 14.4927536232%; font-size: 1.7rem; } }
.about-sec .about-con .about-heading span { padding: 0 1em; background: url("../img/about/bg_heading_01.png") repeat-x center bottom; }
.about-sec .about-con .about-subheading { font-size: 2.4rem; font-weight: 400; text-align: center; }
@media screen and (max-width: 750px) { .about-sec .about-con .about-subheading { font-size: 1.8rem; } }
.about-sec .about-con .about-subheading span { padding: 0 1em; background: url("../img/about/bg_heading_02.png") repeat-x center bottom; }
.about-sec .about-box { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { .about-sec .about-box { flex-direction: column-reverse; } }
.about-sec .about-box._boxL { flex-direction: row-reverse; margin-top: -25px; }
@media screen and (max-width: 1260px) { .about-sec .about-box._boxL { margin-top: 0; } }
@media screen and (max-width: 750px) { .about-sec .about-box._boxL { flex-direction: column-reverse; } }
.about-sec .about-box._boxL .about-box-fig { padding-right: 0; padding-left: 40px; }
@media screen and (max-width: 750px) { .about-sec .about-box._boxL .about-box-fig { padding-left: 0; } }
.about-sec .about-box._boxL .about-box-item { padding: 100px 40px 0 20px; }
@media screen and (max-width: 750px) { .about-sec .about-box._boxL .about-box-item { width: 100%; padding: 30px 4%; } }
.about-sec .about-box._boxL .about-box-item .item-con { margin: 0 0 0 auto; }
.about-sec .about-box._box01 .about-box-fig figure figcaption { margin-bottom: 3.0303030303%; }
.about-sec .about-box._box02 .about-box-fig figure figcaption { margin-bottom: 21.2121212121%; }
.about-sec .about-box._box03 .about-box-fig figure figcaption { margin-bottom: 28.0303030303%; }
.about-sec .about-box .about-box-fig { width: 50%; padding-right: 40px; }
@media screen and (max-width: 750px) { .about-sec .about-box .about-box-fig { width: 100%; padding: 0; } }
.about-sec .about-box .about-box-fig figure { position: relative; }
.about-sec .about-box .about-box-fig figure figcaption { position: absolute; bottom: 0; right: 0; margin-right: 70px; font-size: 1.4rem; }
@media screen and (max-width: 750px) { .about-sec .about-box .about-box-fig figure figcaption { font-size: 1rem; } }
.about-sec .about-box .about-box-item { width: 50%; padding: 25px 20px 0 40px; }
@media screen and (max-width: 750px) { .about-sec .about-box .about-box-item { width: 100%; padding: 30px 4%; } }
.about-sec .about-box .about-box-item .item-con { width: 100%; max-width: 460px; }
.about-sec .about-box .about-box-item .item-num { margin-bottom: 10px; font-size: 8.0rem; font-style: italic; line-height: 1; color: #a9ebf3; }
@media screen and (max-width: 750px) { .about-sec .about-box .about-box-item .item-num { font-size: 7.8rem; text-align: center; } }
.about-sec .about-box .about-box-item .item-heading { margin-bottom: 15px; font-size: 2.7rem; font-weight: 400; line-height: 1.8; }
@media screen and (max-width: 750px) { .about-sec .about-box .about-box-item .item-heading { font-size: 2rem; } }
.about-sec .about-box .about-box-item .item-txt { line-height: 1.6; }
.about-sec .about-box .about-box-item .item-txt ._s { margin-top: 1em; font-size: 1.4rem; }
@media screen and (max-width: 750px) { .about-sec .about-box .about-box-item .item-txt ._s { font-size: 1.2rem; } }
.about-sec .about-fig { width: 57%; margin: -160px 0 0 auto; }
@media screen and (max-width: 1260px) { .about-sec .about-fig { margin-top: -40px; } }
@media screen and (max-width: 960px) { .about-sec .about-fig { margin-top: 0; } }
@media screen and (max-width: 750px) { .about-sec .about-fig { width: 100%; } }

.homenav-sec .homenav-list-icon { display: none; }
@media screen and (max-width: 750px) { .homenav-sec .homenav-list-icon { display: flex; align-items: center; justify-content: center; margin-bottom: 7.2463768116%; } }
.homenav-sec .homenav-list-icon li { width: 20.8695652174%; margin: 0 1.4492753623%; }
.homenav-sec .homenav-list { display: flex; align-items: center; justify-content: center; }
@media screen and (max-width: 750px) { .homenav-sec .homenav-list { display: block; } }
.homenav-sec .homenav-list li { width: 33.7%; margin: 0 1.8%; }
@media screen and (max-width: 750px) { .homenav-sec .homenav-list li { width: 92.7536231884%; margin: 0 auto 4.347826087%; } }
@media screen and (max-width: 750px) { .homenav-sec .homenav-list li:last-child { margin: 0 auto; } }
.homenav-sec .homenav-list li figure { margin-bottom: 15px; text-align: center; }
@media screen and (max-width: 750px) { .homenav-sec .homenav-list li figure { display: none; } }
.homenav-sec .homenav-list li p a { display: flex; align-items: center; justify-content: center; text-decoration: none; height: 4em; background: #a9ebf3 url("../img/common/ico_arrow_w.svg") no-repeat right 5px center; background-size: 6px auto; font-size: 1.5rem; text-align: center; padding: 15px 10px; border-radius: 2em; line-height: 1.2; }
@media screen and (max-width: 750px) { .homenav-sec .homenav-list li p a { font-size: 1.5rem; background-position: right 3.125% center; background-size: 1.71875% auto; } }
.homenav-sec .homenav-list li p a small { font-size: 1.4rem; }
@media screen and (max-width: 750px) { .homenav-sec .homenav-list li p a small { font-size: 1.3rem; } }

.news-sec { padding: 135px 0 125px; }
@media screen and (max-width: 750px) { .news-sec { padding: 13.3333333333% 0 43.3333333333%; } }
@media screen and (max-width: 750px) { .news-sec .inner { padding: 0; } }
.news-sec .news-in { display: flex; justify-content: space-between; width: 100%; max-width: 990px; margin: 0 auto; }
@media screen and (max-width: 750px) { .news-sec .news-in { display: block; } }
.news-sec .news-btn { width: 100%; max-width: 125px; }
@media screen and (max-width: 750px) { .news-sec .news-btn { width: 85.3333333333%; max-width: 100%; margin: 0 auto; } }
.news-sec .news-btn a { display: block; text-decoration: none; padding: 10px; background: #4f6580 url("../img/common/ico_arrow_w.svg") no-repeat right 10px center; background-size: 4px auto; font-size: 1.4rem; color: #fff; text-align: center; border-radius: 2em; }
@media screen and (max-width: 750px) { .news-sec .news-btn a { padding: 3.125%; background-size: 1.71875% auto; font-size: 1.5rem; } }
.news-sec .news-main { flex: 1; padding-right: 20px; }
@media screen and (max-width: 750px) { .news-sec .news-main { margin-bottom: 9.3333333333%; padding: 0 4%; } }
.news-sec .news-main .news-en { margin-bottom: 20px; font-size: 5.6rem; line-height: 1; }
@media screen and (max-width: 750px) { .news-sec .news-main .news-en { margin-bottom: 5.7971014493%; font-size: 4.5rem; text-align: center; } }
.news-sec .news-main .news-heading { margin-bottom: 20px; font-size: 1.9rem; }
@media screen and (max-width: 750px) { .news-sec .news-main .news-heading { font-size: 1.75rem; text-align: center; } }
.news-sec .news-con { width: 74.2424242424%; }
@media screen and (max-width: 750px) { .news-sec .news-con { width: 100%; } }
.news-sec .news-con .tabmenu { display: flex; border-bottom: 1px solid #323232; }
@media screen and (max-width: 750px) { .news-sec .news-con .tabmenu { justify-content: center; padding: 0 4% 10.6666666667%; } }
.news-sec .news-con .tabmenu li { padding: 15px 30px; font-size: 1.7rem; cursor: pointer; border-top-left-radius: 10px; border-top-right-radius: 10px; line-height: 1; }
@media screen and (max-width: 750px) { .news-sec .news-con .tabmenu li { margin: 0 0.8695652174%; padding: 2.1739130435% 4.347826087%; background-color: #ccced0; font-size: 1.55rem; border-radius: 2em; } }
.news-sec .news-con .tabmenu li:hover, .news-sec .news-con .tabmenu li.active { background-color: #a9ebf3; }
@media screen and (max-width: 750px) { .news-sec .news-con .news-list { margin-bottom: 8%; padding: 0 4%; } }
.news-sec .news-con .news-list li { border-bottom: 1px solid #dadada; }
.news-sec .news-con .news-list li a { text-decoration: none; display: flex; justify-content: space-between; padding: 20px 0; }
@media screen and (max-width: 750px) { .news-sec .news-con .news-list li a { padding: 5.7971014493% 0; } }
.news-sec .news-con .news-list li a:hover .news-heading { text-decoration: underline; }
.news-sec .news-con .news-list li figure { width: 19.0476190476%; margin-right: 4.0816326531%; }
@media screen and (max-width: 750px) { .news-sec .news-con .news-list li figure { width: 28.9855072464%; } }
.news-sec .news-con .news-list li .list-box { flex: 1; }
.news-sec .news-con .news-list li .list-box .list-top { display: flex; align-items: center; margin-bottom: 15px; }
.news-sec .news-con .news-list li .list-box .news-date { font-size: 1.4rem; margin-right: 1em; }
@media screen and (max-width: 750px) { .news-sec .news-con .news-list li .list-box .news-date { font-size: 1.5rem; } }
.news-sec .news-con .news-list li .list-box .news-cate { margin-right: 1em; padding: 2px 2em; border: 1px solid #323232; font-size: 1.2rem; text-align: center; }
@media screen and (max-width: 750px) { .news-sec .news-con .news-list li .list-box .news-cate { font-size: 1.25rem; } }
.news-sec .news-con .news-list li .list-box .news-heading { font-weight: 700; }
@media screen and (max-width: 750px) { .news-sec .news-con .news-list li .list-box .news-heading { font-size: 1.6rem; } }

.picup-sec { padding: 80px 0 50px; background-color: #eaf1ff; }
@media screen and (max-width: 750px) { .picup-sec { padding: 10% 0 17.3333333333%; } }
.picup-sec .picup-in { position: relative; }
.picup-sec .picup-en { position: absolute; top: 0; left: 0; margin-top: -95px; font-size: 5.6rem; line-height: 1; }
@media screen and (max-width: 750px) { .picup-sec .picup-en { margin-top: -26.0869565217%; font-size: 4.65rem; } }
.picup-sec .picup-heading { margin-bottom: 40px; font-size: 2.9rem; }
@media screen and (max-width: 750px) { .picup-sec .picup-heading { margin-bottom: 12.3188405797%; font-size: 2rem; } }
.picup-sec .picup-lead { display: flex; align-items: flex-start; margin-bottom: 35px; }
@media screen and (max-width: 750px) { .picup-sec .picup-lead { align-items: center; margin-bottom: 11.5942028986%; font-size: 1.4rem; } }
.picup-sec .picup-lead .ico { margin-right: 10px; }
@media screen and (max-width: 750px) { .picup-sec .picup-lead .ico { width: 2em; } }
.picup-sec .picup-swiper { overflow: hidden; }
@media screen and (max-width: 750px) { .picup-sec .picup-swiper { padding-bottom: 20%; } }
.picup-sec .picup-list { display: flex; flex-wrap: wrap; }
@media screen and (max-width: 750px) { .picup-sec .picup-list { flex-wrap: nowrap; } }
.picup-sec .picup-list li { width: 30.5%; margin-right: 4.25%; margin-bottom: 2.5%; }
@media screen and (max-width: 750px) { .picup-sec .picup-list li { width: 100%; margin-right: 0; margin-bottom: 0; } }
.picup-sec .picup-list li:nth-child(3n) { margin-right: 0; }
.picup-sec .picup-list li .picup-fig { position: relative; }
.picup-sec .picup-list li .picup-icon { position: absolute; top: 0; right: 0; width: 36px; margin-top: 10px; margin-right: 10px; }
.picup-sec .picup-list li .picup-txt { margin-top: 10px; font-size: 1.4rem; }
@media screen and (max-width: 750px) { .picup-sec .picup-list li .picup-txt { font-size: 1.3rem; } }
.picup-sec .swiper-pagination-bullets { bottom: 0; width: 100%; }
.picup-sec .swiper-pagination-bullet { display: none; width: 18px !important; height: 18px !important; margin: 0 10px !important; background: #a1b1b8; opacity: 1; }
@media screen and (max-width: 750px) { .picup-sec .swiper-pagination-bullet { display: inline-block; } }
.picup-sec .swiper-pagination-bullet-active { background: #283750; }

.focus-sec { padding-bottom: 80px; background: url("../img/home/focus_bg001.png"); background-size: cover; }
.focus-sec .focus-ttl { width: 100%; max-width: 278px; margin: 0 auto 50px; padding: 50px 10px 35px; background-color: #fff; }
@media screen and (max-width: 750px) { .focus-sec .focus-ttl { padding: 0.115942029 10px 0.1014492754; margin-bottom: 8.6956521739%; } }
.focus-sec .focus-ttl .focus-en { margin-bottom: 20px; font-size: 5.6rem; text-align: center; line-height: 1; }
@media screen and (max-width: 750px) { .focus-sec .focus-ttl .focus-en { margin-bottom: 5.7971014493%; font-size: 4.5rem; } }
.focus-sec .focus-ttl .focus-heading { font-size: 1.9rem; text-align: center; }
@media screen and (max-width: 750px) { .focus-sec .focus-ttl .focus-heading { font-size: 1.75rem; } }
.focus-sec .focus-main { width: 100%; max-width: 1326px; margin: 0 auto; padding: 0 20px 70px; }
.focus-sec .focus-main .focus-swiper { position: relative; overflow: hidden; padding-bottom: 1em; }
@media screen and (max-width: 750px) { .focus-sec .focus-main .focus-swiper { padding: 0 1em 20.2898550725%; } }
.focus-sec .focus-main .swiper-slide { transform: scale(0.9); }
@media screen and (max-width: 750px) { .focus-sec .focus-main .swiper-slide { transform: scale(1); } }
.focus-sec .focus-main .swiper-slide-active { transform: scale(1); }
.focus-sec .focus-main .slide-btn { z-index: 999; position: absolute; top: 50%; width: 57px; margin-top: -28px; cursor: pointer; }
@media screen and (max-width: 750px) { .focus-sec .focus-main .slide-btn { top: initial; bottom: 0; margin-top: 0; margin-bottom: 0%; } }
.focus-sec .focus-main .slide-btn._prev { left: 0; margin-left: 26.0497667185%; }
@media screen and (max-width: 750px) { .focus-sec .focus-main .slide-btn._prev { margin-left: 0; } }
.focus-sec .focus-main .slide-btn._next { right: 0; margin-right: 26.0497667185%; }
@media screen and (max-width: 750px) { .focus-sec .focus-main .slide-btn._next { margin-right: 0; } }
.focus-sec .focus-main .swiper-pagination-fraction { bottom: 0; width: 100%; margin-bottom: 2.33281493%; }
.focus-sec .focus-main .focus-list { box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.3); }
@media screen and (max-width: 750px) { .focus-sec .focus-main .focus-list { box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.3); } }
.focus-sec .focus-main .focus-list a { display: block; text-decoration: none; background-color: #fff; }
.focus-sec .focus-main .focus-list .focus-list-box { padding: 15px 15px 20px; }
.focus-sec .focus-main .focus-list .focus-list-box .focus-subheading { background: url("../img/common/bg_heading_y.png") repeat-x bottom left; line-height: 1; }
@media screen and (max-width: 750px) { .focus-sec .focus-main .focus-list .focus-list-box .focus-subheading { background: none; font-size: 1.6rem; } }
.focus-sec .focus-main .focus-list .focus-list-box .focus-list-item { display: flex; align-items: flex-start; }
.focus-sec .focus-main .focus-list .focus-list-box .focus-num { width: 1em; font-size: 8.6rem; }
@media screen and (max-width: 750px) { .focus-sec .focus-main .focus-list .focus-list-box .focus-num { font-size: 8.5rem; } }
.focus-sec .focus-main .focus-list .focus-list-box .focus-heading { flex: 1; margin-top: 1em; margin-left: 10px; font-size: 1.2rem; }
@media screen and (max-width: 750px) { .focus-sec .focus-main .focus-list .focus-list-box .focus-heading { font-size: 1.25rem; } }
.focus-sec .focus-btn { width: 100%; max-width: 337px; margin: 0 auto; }
@media screen and (max-width: 750px) { .focus-sec .focus-btn { max-width: 92.7536231884%; } }
.focus-sec .focus-btn a { display: block; text-decoration: none; padding: 20px; background: #a9ebf3 url("../img/common/ico_arrow_w.svg") no-repeat right 15px center; background-size: 6px auto; text-align: center; line-height: 1; border-radius: 2em; }
@media screen and (max-width: 750px) { .focus-sec .focus-btn a { padding: 5.7971014493% 2.8985507246%; font-size: 1.5rem; } }

.filmograrhy-sec { padding: 80px 0 140px; }
@media screen and (max-width: 750px) { .filmograrhy-sec { padding: 18.6666666667% 0 13.3333333333%; } }
.filmograrhy-sec .fg-en { margin-bottom: 25px; font-size: 5.6rem; text-align: center; line-height: 1; }
@media screen and (max-width: 750px) { .filmograrhy-sec .fg-en { margin-bottom: 5.7971014493%; font-size: 4.5rem; } }
.filmograrhy-sec .fg-heading { margin-bottom: 50px; font-size: 1.9rem; text-align: center; }
@media screen and (max-width: 750px) { .filmograrhy-sec .fg-heading { margin-bottom: 8.6956521739%; font-size: 1.75rem; } }
.filmograrhy-sec .fg-con { width: 100%; max-width: 1336px; padding: 0 20px; margin: 0 auto; }
@media screen and (max-width: 750px) { .filmograrhy-sec .fg-con { padding: 0; } }
.filmograrhy-sec .fg-con .fg-swiper { position: relative; overflow: hidden; padding-bottom: 60px; }
@media screen and (max-width: 750px) { .filmograrhy-sec .fg-con .fg-swiper { padding: 0 0 18.6666666667%; } }
.filmograrhy-sec .fg-con .swiper-slide { background-color: #eaf1ff; height: auto; }
.filmograrhy-sec .fg-con .swiper-pagination-bullets { width: 100%; bottom: 0; margin-bottom: 6.6666666667%; }
.filmograrhy-sec .fg-con .swiper-pagination-bullet { display: none; width: 18px !important; height: 18px !important; margin: 0 10px !important; background: #4f6580; opacity: 1; }
@media screen and (max-width: 750px) { .filmograrhy-sec .fg-con .swiper-pagination-bullet { display: inline-block; } }
.filmograrhy-sec .fg-con .swiper-pagination-bullet-active { background: #283750; }
.filmograrhy-sec .fg-con .fg-list .fg-list-box { padding: 20px 15px 30px; }
@media screen and (max-width: 750px) { .filmograrhy-sec .fg-con .fg-list .fg-list-box { padding: 2.6666666667% 4.6666666667% 8%; } }
.filmograrhy-sec .fg-con .fg-list .fg-category { margin-bottom: 15px; font-size: 1.4rem; color: #3260ff; }
@media screen and (max-width: 750px) { .filmograrhy-sec .fg-con .fg-list .fg-category { margin-bottom: 4%; font-size: 1.4rem; } }
.filmograrhy-sec .fg-con .fg-list .fg-category .ico { margin-right: 10px; }
.filmograrhy-sec .fg-con .fg-list .fg-subheading { text-align: left; font-weight: 400; line-height: 1.6; }
@media screen and (max-width: 750px) { .filmograrhy-sec .fg-con .fg-list .fg-subheading { font-size: 1.6rem; } }
.filmograrhy-sec .fg-con .fg-list .fg-list-item { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; }
@media screen and (max-width: 960px) { .filmograrhy-sec .fg-con .fg-list .fg-list-item { display: block; } }
@media screen and (max-width: 750px) { .filmograrhy-sec .fg-con .fg-list .fg-list-item { display: flex; align-items: center; justify-content: space-between; } }
.filmograrhy-sec .fg-con .fg-list .fg-detail { width: 100%; max-width: 125px; margin-right: 10px; }
@media screen and (max-width: 960px) { .filmograrhy-sec .fg-con .fg-list .fg-detail { margin-right: 0; margin-bottom: 20px; } }
@media screen and (max-width: 750px) { .filmograrhy-sec .fg-con .fg-list .fg-detail { margin-right: 10px; margin-bottom: 0; } }
.filmograrhy-sec .fg-con .fg-list .fg-detail a { display: block; text-decoration: none; padding: 10px; background: #4f6580 url("../img/common/ico_arrow_w.svg") no-repeat right 15px center; background-size: 4px auto; font-size: 1.4rem; color: #fff; text-align: center; border-radius: 2em; }
@media screen and (max-width: 750px) { .filmograrhy-sec .fg-con .fg-list .fg-detail a { font-size: 1.4rem; } }
.filmograrhy-sec .fg-con .fg-list .fg-map a { display: flex; align-items: center; text-decoration: none; font-size: 1.4rem; text-align: right; }
@media screen and (max-width: 750px) { .filmograrhy-sec .fg-con .fg-list .fg-map a { font-size: 1.4rem; } }
.filmograrhy-sec .fg-con .fg-list .fg-map .ico { margin-right: 10px; }
.filmograrhy-sec .fg-btn { width: 100%; max-width: 337px; margin: 0 auto; }
@media screen and (max-width: 750px) { .filmograrhy-sec .fg-btn { max-width: 92.7536231884%; } }
.filmograrhy-sec .fg-btn a { display: block; text-decoration: none; padding: 20px; background: #a9ebf3 url("../img/common/ico_arrow_w.svg") no-repeat right 15px center; background-size: 6px auto; text-align: center; line-height: 1; border-radius: 2em; }
@media screen and (max-width: 750px) { .filmograrhy-sec .fg-btn a { padding: 5.7971014493% 2.8985507246%; font-size: 1.5rem; } }

.sns-sec { padding: 90px 0 40px; }
@media screen and (max-width: 750px) { .sns-sec { padding: 18.6666666667% 0 8%; } }
.sns-sec .sns-heading { margin-bottom: 60px; font-size: 5.6rem; color: #1da1f2; text-align: center; }
@media screen and (max-width: 750px) { .sns-sec .sns-heading { margin-bottom: 13.0434782609%; font-size: 4.5rem; } }
.sns-sec .sns-con {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 2em min(5em, 4.2dvw);
}
@media screen and (max-width: 750px) {
  .sns-sec .sns-con {
    grid-template-columns: auto;
    gap: 2em;
  }
}
.sns-sec .sns-con .sns-box {
  box-shadow: 7px 7px 0px 0px rgba(0, 0, 0, 0.15);
}
.sns-sec .sns-box a {
  text-decoration: none;
  transition: opacity .3s ease;
}
@media(any-hover: hover) {
  .sns-sec .sns-box a:hover {
    opacity: .7;
  }
}
.sns-sec .sns-ttl-area {
  position: relative;
  min-height: 110px;
  display: flex;
  align-items: center;
  gap: 1em;
  background: #e8f1ff;
  padding: 1em 2em 1em 1em;
}
@media screen and (max-width: 750px) {
  .sns-sec .sns-ttl-area {
    min-height: 5em;
  }
}
.sns-sec .sns-ttl-area::before,
.sns-sec .sns-ttl-area::after {
  content: '';
  position: absolute;
  right: 1em;
  top: calc(50% - 1px);
  width: .8em;
  height: 2px;
  background: #000;
  rotate: 45deg;
  transform-origin: 100% 50%;
  transition: translate .3s ease;
}
.sns-sec .sns-ttl-area::before {
  rotate: -45deg;
}
@media(any-hover: hover) {
  .sns-sec a:hover .sns-ttl-area::before,
  .sns-sec a:hover .sns-ttl-area::after {
    translate: 3px;
  }
}
.sns-sec .sns-ttl-area h3 {
  overflow-wrap: anywhere;
  word-break: keep-all;
}
@media screen and (max-width: 750px) {
  .sns-sec .sns-ttl-area h3 {
    font-size: 1.572rem;
    line-height: 1.4;
  }
  .sns-sec .sns-ttl-area img {
    width: min(2.5em,45px);
  }
  .sns-sec ._x .sns-ttl-area img {
    width: min(2em, 45px);
  }
}






.insta-sec { padding: 40px 0 115px; }
@media screen and (max-width: 750px) { .insta-sec { padding: 8% 0 20%; } }
.insta-sec ul { display: flex; flex-wrap: wrap; }
@media screen and (max-width: 750px) { .insta-sec ul { margin-bottom: 10.1449275362%; } }
.insta-sec ul li { width: 23.7%; margin-right: 1.7%; margin-bottom: 1.7%; }
@media screen and (max-width: 750px) { .insta-sec ul li { width: 31.7391304348%; margin-right: 1.884057971%; margin-bottom: 1.884057971%; }
  .insta-sec ul li:nth-child(3n) { margin-right: 0; } }
.insta-sec ul li:nth-child(4n) { margin-right: 0; }
@media screen and (max-width: 750px) { .insta-sec ul li:nth-child(4n) { margin-right: 1.884057971%; } }
.insta-sec .insta-link { text-align: right; }
@media screen and (max-width: 750px) { .insta-sec .insta-link { text-align: center; } }
.insta-sec .insta-link a { text-decoration: none; padding-right: 40px; background: url("../img/common/ico_arrow_pk.svg") no-repeat right center; background-size: 34px auto; font-weight: 700; color: #b8268f; }
@media screen and (max-width: 750px) { .insta-sec .insta-link a { font-size: 1.65rem; } }
.insta-sec .insta-link a:hover span { text-decoration: underline; }
.insta-sec .insta-link a span { display: inline-block; padding-left: 30px; background: url("../img/common/ico_insta.svg") no-repeat left center; background-size: 18px auto; }

/*# sourceMappingURL=home.css.map */