@charset "utf-8";

body.fixed{position:fixed;left:0;right:0;top:0;bottom:0}
.wrapper{min-width:320px;font-size:1em}

#header{height:100vh}
#header .top{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:0 1em;height:50px;text-align:center;box-sizing:border-box}
#header.fixed .top{position:fixed;left:0;top:0;z-index:1000;width:100%;background:#fff}
#header .search a{display:block}
#header .search a img{width:20px}
#header .logo a{display:block}
#header .logo a img{width:25%}
#header .tab a{display:block}
#header .tab a span{display:block;width:18px;height:2px;background-color:#333;transition:transform .2s ease-in}
#header .tab a span:first-child{margin-top:0}
#header .tab a span:nth-child(2){margin-top:5px}
#header .tab a span:last-child{margin-top:5px}
#header .tab.active a span:first-child{position:absolute;top:21px;left:91%;z-index:10000;transform:rotate(45deg);background-color:#fff}
#header .tab.active a span:nth-child(2){width:0}
#header .tab.active a span:last-child{position:absolute;top:16px;left:91%;z-index:10000;transform:rotate(-45deg);background-color:#fff}

.menu{position:fixed;right:-100%;top:0;z-index:9999;width:100%;height:100%;background-color:#fff;text-align:left;overflow-y:auto}
.menu.active{right:0}
.menu .moTop{padding:5px 25px 17px;background-color:#2d2d2d}
.menu .moTop h2 a{display:block;padding:15px 0;border-bottom:1px solid #707070}
.menu .moTop .util li{position:relative;display:inline-block;margin-top:10px}
.menu .moTop .util li a{display:block;padding:0 13px;font-size:1.063em;font-weight:300;color:#fff}
.menu .moTop .util li:first-child a{padding:0 13px 0 0}
.menu .moTop .util li a::after{content:'';position:absolute;left:-2%;top:22%;width:1px;height:18px;background:#707070}
.menu .moTop .util li:first-child a::after{display:none}
.menu .moTop .util li:last-child a::before{content:'';position:absolute;right:0;top:25%;width:10px;height:10px;border-width:0 1px 1px 0;border-style:solid;transform:rotate(315deg)}

#gnb > ul > li > a{position:relative;display:block;padding:18px 25px;font-size:1.1em;font-weight:500;border-bottom:1px solid #d0d0d0}
#gnb > ul > li.active > a{font-weight:600}
#gnb > ul > li > a::before{content:'';position:absolute;right:20px;top:50%;height:2px;width:12px;background-color:#414141}
#gnb > ul > li > a::after{content:'';position:absolute;right:20px;top:50%;height:2px;width:12px;background-color:#414141;transform:rotate(90deg);transition:transform .2s ease}
#gnb > ul > li.active > a::after{transform:rotate(180deg)}
#gnb ul ul{display:none;padding:8px 0;background-color:#f7f7f7}
#gnb ul ul a{display:block;padding:7px 25px;font-size:1.031em;color:#888}

.menu .sns{padding:40px 25px}
.menu .sns ul{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}
.menu .sns li{padding:0 8px;text-align:center}
.menu .sns li a{display:block;width:48px;line-height:48px;background:#f0f0f0;border-radius:50%}
.menu .sns li a img{width:22px;vertical-align:middle}

#main{position:relative}
#main .main_slider .swiper-container{height:calc(100vh - 50px);overflow:hidden}
#main .main_slider .swiper-container .swiper-slide{height:calc(100vh - 50px);overflow:hidden;text-align:center;color:#fff;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap}
#main .main_slider .swiper-container .swiper-slide.num1{background:url(../images/img/main_slider1.jfif) no-repeat center center;background-size:cover}
#main .main_slider .swiper-container .swiper-slide.num2{background:url(../images/img/main_slider2.jfif) no-repeat center center;background-size:cover}
#main .main_slider .swiper-container .swiper-slide.num3{background:url(../images/img/main_slider3.jfif) no-repeat center center;background-size:cover}
#main .main_slider .swiper-container .swiper-slide.num4{background:url(../images/img/main_slider4.jfif) no-repeat center center;background-size:cover}
#main .main_slider .swiper-container .swiper-slide.num5{background:url(../images/img/main_slider5.png) no-repeat center center;background-size:cover}
#main .swiper-container-horizontal>.swiper-pagination-bullets{left:35%;bottom:6%}
#main .main_slider .swiper-pagination .swiper-pagination-bullet{margin:0 1px;width:25px;height:3px;border-radius:0;background:rgba(255,255,255,0.5);opacity:.5}
#main .main_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background-color:var(--swiper-theme-color)}
#main .main_slider .controller #pause_play{display:block;position:absolute;left:26%;bottom:5.5%;z-index:1000;width:20px;height:20px;overflow:hidden;text-indent:-9999px}
#main .main_slider .controller #pause_play.pause{background:url(../images/ico/btn_pause.png) no-repeat 0 0}
#main .main_slider .controller #pause_play.play{background:url(../images/ico/btn_play.png) no-repeat 0 0}
#main .main_slider .swiper-container .swiper-slide .txt{position:absolute;left:0;right:0;top:3%}
#main .main_slider .swiper-container .swiper-slide .txt span{display:block;line-height:1.5}
#main .main_slider .swiper-container .swiper-slide .txt .tit{margin-top:10px;font-size:1.938em;font-weight:600}
#main .main_slider .swiper-container .swiper-slide .txt .sub_tit{margin-top:360px;font-size:1.813em;font-weight:500}

@media only screen and (orientation: portrait) {
#header{height:100vh}
#header .tab.active a span:first-child{left:91%}
#header .tab.active a span:last-child{left:91%}
#main .main_slider .swiper-container{height:calc(100vh - 50px)}
#main .main_slider .swiper-container .swiper-slide{height:calc(100vh - 50px)}
#main .main_slider .swiper-container .swiper-slide .txt .sub_tit{margin-top:360px}
#main .swiper-container-horizontal>.swiper-pagination-bullets{left:35%}
#main .main_slider .controller #pause_play{left:26%}
}
@media only screen and (orientation: landscape) {
#header{height:480px}
#header .tab.active a span:first-child{left:94%}
#header .tab.active a span:last-child{left:94%}
#main .main_slider .swiper-container{height:calc(480px - 50px)}
#main .main_slider .swiper-container .swiper-slide{height:calc(480px - 50px)}
#main .main_slider .swiper-container .swiper-slide .txt .sub_tit{margin-top:220px}
#main .swiper-container-horizontal>.swiper-pagination-bullets{left:42%}
#main .main_slider .controller #pause_play{left:37%}
}

.title{font-size:1em}

#page1{padding:25px 16px 0}
#page1 .tit{padding-bottom:10px}
#page1 .tabs{background:url(../images/ico/icon_lk.gif) no-repeat right top 20px;background-size:18px;height:52px;overflow:hidden}
#page1 .tabs ul{margin-right:30px;white-space:nowrap;overflow-x:auto;padding:16px 0}
#page1 .tabs li{display:inline-block}
#page1 .tabs li a{display:block;padding:0 8px;font-size:1em;font-weight:500;line-height:34px;color:#5F5F5F;border-radius:17px}
#page1 .tabs li.active a{background-color:#521dbe;color:#fff}
#page1 .plan_slider{overflow:hidden}
#page1 .plan_slider .swiper-container{width:100%;height:100%}
#page1 .plan_slider .swiper-container .swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
#page1 .plan_slider .swiper-container .swiper-slide img{width:97%;object-fit:cover}
#page1 .plan-swiper-pagination{text-align:center}
#page1 .swiper-pagination-bullets{padding:15px 0}
#page1 .swiper-pagination-bullet{margin:3px;border:2px solid #000;opacity:1}

#page2{padding:25px 16px 30px;background-color:#fafafa}
#page2 .tabs{margin-bottom:10px;background:url(../images/ico/icon_lk.gif) no-repeat right top 20px;background-size:18px;height:52px;overflow:hidden}
#page2 .tabs ul{margin-right:30px;white-space:nowrap;overflow-x:auto;padding:16px 0}
#page2 .tabs li{display:inline-block}
#page2 .tabs li a{display:block;padding:0 8px;font-size:1em;font-weight:500;line-height:34px;color:#5F5F5F;border-radius:17px}
#page2 .tabs li.active a{background-color:#383838;color:#fff}
#page2 .board_list li{display:block;padding:16px;border:1px solid #d1d1d1;box-sizing:border-box}
#page2 .board_list li:first-child{margin-top:15px}
#page2 .board_list li:last-child{margin-top:15px}
#page2 .board_list a{display:block;font-size:1em}
#page2 .board_list a img{margin-right:3px}
#page2 .board_list a .category{display:inline-block;padding:0 13px;height:auto;border:1px solid;line-height:28px}
#page2 .board_list a .tit{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin:8px 0}
#page2 .board_list a .date{position:relative;display:block;color:#5F5F5F}
#page2 .board_list a .date::after{content:'';position:absolute;left:29%;top:30%;width:11px;height:11px;background:url(../images/ico/article_new.gif) no-repeat}

@media only screen and (orientation: portrait) {
#page2 .board_list a .date::after{left:29%}
}
@media only screen and (orientation: landscape) {
#page2 .board_list a .date::after{left:15%}
}

#page3{padding:10px 16px}
#page3 .photo{margin-top:15px}
#page3 .photo img{width:100%}

#page4{position:relative;padding:25px 0 70px}
#page4 .page4_inner{background:url(../images/img/gradient_4.png) no-repeat center 150px;background-size:contain}
#page4 .page4_inner::after{content:'';position:absolute;left:0;right:auto;bottom:5%;z-index:-1;width:50%;height:490px;background:url(../images/img/bg_info02.png) no-repeat left bottom}
#page4 .tit{padding:0 16px 10px}
#page4 .tabs{background:url(../images/ico/icon_lk.gif) no-repeat right top 20px;background-size:18px;height:52px;overflow:hidden}
#page4 .tabs ul{margin-right:30px;white-space:nowrap;overflow-x:auto;padding:16px 0}
#page4 .tabs li{display:inline-block}
#page4 .tabs li a{display:block;padding:0 8px;font-size:1em;font-weight:500;line-height:34px;color:#5F5F5F;border-radius:17px}
#page4 .tabs li.active a{background-color:#521dbe;color:#fff}
#page4 .info_slider{position:relative;padding:0 15px}
#page4 .info_slider .swiper-container{width:100%;height:100%;overflow:hidden}
#page4 .info_slider .swiper-container .swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
#page4 .info_slider .swiper-container .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
#page4 .info_slider .swiper-container .swiper-slide .txt{position:absolute;left:0;right:0;top:56%;padding:15px}
#page4 .info_slider .swiper-container .swiper-slide .txt span{display:block}
#page4 .info_slider .swiper-container .swiper-slide .txt .sub_tit{font-size:1.25em;font-weight:500}
#page4 .info_slider .swiper-container .swiper-slide .txt .sub{margin-top:5px;font-size:1.063em}
#page4 .info_controller ul{position:absolute;left:40%;top:85%;z-index:1000}
#page4 .info_controller li{display:inline-block;padding:0 5px}

@media only screen and (orientation: portrait) {
#page4 .info_slider .swiper-container .swiper-slide .txt{left:0;top:56%}
#page4 .page4_inner{background:url(../images/img/gradient_4.png) no-repeat center 150px;background-size:contain}
}
@media only screen and (orientation: landscape) {
#page4 .info_slider .swiper-container .swiper-slide .txt{left:15%;top:60%}
#page4 .page4_inner{background:url(../images/img/gradient_4.png) no-repeat center 120px;background-size:contain}
}

#page5{padding:25px 16px 30px;background-color:#fafafa}
#page5 .photo{margin-top:15px}
#page5 .photo img{width:100%}

#footer{padding:25px 16px;background-color:#2D2D2D}
#footer .utils{margin-bottom:15px}
#footer .utils p{font-size:1em;line-height:1.7;color:#D9D9D9}
#footer .family_site{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;flex-basis:10px}
#footer .family_site .lang{position:relative}
#footer .family_site .lang a{display:block;line-height:45px;width:150px;font-size:.938em;font-weight:300;text-indent:16px;color:#d9d9d9;background:#444}
#footer .family_site .lang a::after{content:'';position:absolute;right:1em;top:50%;width:0;height:0;margin-top:-4px;border-width:7px 6px 0;border-color:#ff8200 transparent transparent;border-style:solid}
#footer .family_site .ft_log a{display:block}
#footer .family_site .ft_log a img{margin-left:30px;width:80px}