header {/*max-width:1920px;*/ height: 100px; margin: 0 auto;}
.m_wrap{padding-top:100px;}
.main-visual{position:relative; width:100%; height:740px; background:url("../../images/main/main-visual01-2025-1.png") no-repeat; background-size:cover; background-position:50%; }
.main-visual .visual_logo{position:absolute; top:105px; left:50%; transform:translateX(-50%);}

.main_cont{margin-top:70px;}

.quick_menu{background:#1f4972; }
.quick_menu ul{font-size:0; text-align:center;}
.quick_menu li{display:inline-block; font-size:2rem; width:24%; }
.quick_menu li a{display:block; color:#fff; padding:40px 30px ; transition:all 0.2s; -webkit-transition:all 0.2s;  font-weight:500;}
.quick_menu li:hover a{background:rgba(0,0,0,0.07);}
.quick_menu li .icon_box{margin-bottom:20px;}
.quick_menu li .icon_box img{height:90px;}

.sns_box{padding:7rem 0; background:url(../../images/main/main-youtube-bg.jpg) no-repeat; background-size:cover;}
.sns_box .tit{font-size:3rem; text-align:center; letter-spacing:0.15em; margin-bottom:40px; font-weight:600;}
.sns_box .tit img{height:40px; vertical-align:text-bottom; margin-right:13px; display:inline-block;}
.sns_box .tit .small{display:inline-block;font-size:2.0rem; color:#999; letter-spacing:-0.05em; font-weight:400;}
.sns_box .tit_box{text-align:center; margin-bottom:4rem;}
.sns_box .tit_box .tb01{font-size:3rem; font-weight:600; color:#274973;}
.sns_box .tit_box .tb02{font-size:2.5rem; margin-top:0.5rem;}
.sns_box .tit_box .tb03{font-size:1.8rem; margin-top:2rem;}


.my_instagram {font-size:0; text-align:center;}
.my_instagram li {display:inline-block; width:22%; margin-left:20px;  font-size:1.8rem; overflow:hidden;  background:#f7f7f7; vertical-align:middle;}
.my_instagram li:nth-child(5n+1){margin-left:0;}
.my_instagram li img {max-width:100%; width:100%; vertical-align:middle; -webkit-transform:scale(1);  -moz-transform:scale(1);  -ms-transform:scale(1); -o-transform:scale(1);  transform:scale(1); -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}
.my_instagram li:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1);    -o-transform:scale(1.1);  transform:scale(1.1);}
.my_instagram li a {display:block; font-size:0; height:100%; vertical-align:middle;}

/*youtube*/
.youtube_box{position:relative; width:100%; height:0; padding-bottom:56.5%;}
.youtube_box iframe{position:absolute; top:0; left:0; width:100%; height:100%; border:0; z-index:1;}

/*
.my_instagram {font-size:0; text-align:center;}
.my_instagram li {display:inline-block; width:16.666%; margin-left:20px;  font-size:1.8rem; overflow:hidden; margin-bottom:20px; background:#f7f7f7; vertical-align:middle;}
.my_instagram li:nth-child(5n+1){margin-left:0;}
.my_instagram li img {max-width:100%; width:100%; vertical-align:middle; -webkit-transform:scale(1);  -moz-transform:scale(1);  -ms-transform:scale(1); -o-transform:scale(1);  transform:scale(1); -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}
.my_instagram li:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1);    -o-transform:scale(1.1);  transform:scale(1.1);}
.my_instagram li a {display:block; font-size:0; height:100%; vertical-align:middle;}
*/

.history_box{ position:relative; text-align:center; overflow:hidden;  margin-top:80px; margin-top:0;}
.history_box .history-img-slider{height:230px;}
.history_box .history-img-slider figure{margin:0; }
.history_box .history-img-slider figure img{display: block; position: relative; left: 50%; transform: translateX(-50%); }
.history_box .inner{position:absolute; top:0; left:50%; transform:translateX(-50%); height:100%; }
.history_box .tit_box{ background:rgba(84, 62, 150, 0.95); color:#fff; width:600px;   float:right; height:100%; box-sizing:border-box; text-align:left;}
.history_box .tit_box a{display:block; padding:50px; height:100%; box-sizing:border-box;}
.history_box .tit_box .small{font-size:1.4rem; color:rgba(255,255,255,0.5); letter-spacing:0.3em; text-transform:uppercase;}
.history_box .tit_box .tit{font-size:2.5rem; margin-top:10px; color:#fff;}
.history_box .tit_box span.btn{position:absolute; bottom:75px; right:50px; display:inline-block; height:35px; line-height:35px; vertical-align:middle; font-size:1.5rem; border:2px solid #fff; color:#fff; padding:0 20px; transition:all 0.2s; -webkit-transition:all 0.2s;}
.history_box .tit_box a:hover span.btn{background:#fff; color:#493584;}
.history_box .tit_box span.btn i{display:inline-block; margin-left:7px;}
.slick-dots {position:absolute; bottom:4rem; left:50%; margin-left:50px; width:100%; height:1rem;  line-height:1; z-index:1; text-align:left;}
.slick-dots li {display:inline-block}
.slick-dots li button {width:1rem; height:1rem; margin:0 0.375rem; border-radius:1rem; background-color:rgba(255,255,255,.65); text-indent:-9999em; overflow:hidden; transition:all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}
.slick-dots li.slick-active button {width:2.5rem; background-color:#ffffff;}
.slick-dots li.slick-active:only-child {display:none}




@media (max-width:1200px){
.main-visual{height:400px; }
.main-visual .visual_logo{top:100px; width:400px;}
.quick_menu li .icon_box img{height:60px;}


.sns_box .inner{padding:0 15px; box-sizing:border-box;}
.sns_box li{ margin-left:25px; margin-bottom:25px; height:auto;}

.slick-dots{ bottom:2rem; left:0; margin-left:0; text-align:center;}
.history_box .history-img-slider{height:150px;}
.history_box .history-img-slider img{width:auto; height:150px;}
.history_box .inner{position:static; top:auto; left:auto; transform:inherit;}
.history_box .tit_box{position:relative; float:none; width:100%; margin:0 auto;}
}

@media (max-width:1024px) {
header{height:70px;}
.m_wrap{padding-top:70px;}
.main-visual{height:300px;}
.main-visual .visual_logo{top:100px; width:350px;}

.quick_menu li{width:25%;}
.quick_menu li .icon_box img{height:50px;}



}

@media screen and (max-width:767px){
.main-visual{height:270px; background-position:50% 50%;}
.main-visual .visual_logo{top:20%; width:180px;}

/*.main_cont{margin-top:40px;}*/

.quick_menu li{display:block; width:100%; text-align:left; font-size:1.8rem; border-top:1px solid rgba(255,255,255,0.3);}
.quick_menu li:first-child{border-top:0;}
.quick_menu li a{padding:10px 20px;}
.quick_menu li .icon_box{display:inline-block; vertical-align:middle; margin-bottom:0; margin-right:10px;}
.quick_menu li .icon_box img{height:30px;}
.quick_menu li .txt_box{display:inline-block; vertical-align:middle;}

.sns_box{padding:4rem 0;}
.sns_box .tit{margin-bottom:20px; font-size:2.5rem;}
.sns_box .tit img{height:30px;}
.sns_box li{width:45%; margin-left:10px; margin-bottom:10px;}
.sns_box li:nth-child(2n+1){margin-left:0;}
/*.sns_box li{width:28%; margin-left:10px; margin-bottom:10px;}
.sns_box li:nth-child(5n+1){margin-left:10px;}
.sns_box li:nth-child(3n+1){margin-left:0;}
*/


.sns_box .tit_box{margin-bottom:2rem;}
.sns_box .tit_box .tb01{font-size:2.5rem;}
.sns_box .tit_box .tb02{font-size:1.8rem;}


.history_box .history-img-slider{height:100px;}
.history_box .history-img-slider img{width:auto; height:100px;}
.slick-dots li button{background-color:#fff;}
.slick-dots li.slick-active button{background:#6e3cff;}
.history_box .tit_box{width:100%; margin-top:0px; text-align:left;}
.history_box .tit_box a{ padding:15px 20px;}
.history_box .tit_box .tit{display:inline-block;font-size:2rem; margin-top:0; vertical-align:top; text-align:left; font-size:1.8rem; }
.history_box .tit_box .tit br{display:none;}
.history_box .tit_box span.btn{display:inline-block; bottom:auto; top:18px;  right:20px; margin-top:0px; font-size:0; border:0; vertical-align:middle; height:auto; min-height:auto; padding:0; }
.history_box .tit_box span.btn i{font-size:2rem; }
.history_box .tit_box .small{display:none;}
}


@media screen and (max-width:500px){

.main-visual{height:165px; background-position:50% 50%;}
}