@charset "UTF-8";
/* CSS Document */

/*共通*/
 a{text-decoration:none;color:black} 
*{ margin: 0; padding: 0; }
html{scroll-behavior:smooth;-webkit-overflow-scrolling: touch;box-sizing: border-box;}
li {list-style:none;}


/*ヘッダー*/
header{width:100%;background:#0049B4;display:none;position:fixed;top:0;left:0;padding: 10px 0;box-sizing:border-box;z-index:99;}
header p {color:#0049B4;}
.hed-oya{display:flex;justify-content:center;}
.hed-ko{width:100%;height:auto;display:flex;justify-content:space-between;align-items:center;}
.hed-logo img{width:250px;hight:auto;margin:0 15px;}
.hed-nav{display:flex;justify-content:center;padding:0 25px;}
.hed-nav a p{font-family:"Outfit", sans-serif;font-weight:800;font-size:24px;color:#FFFFFF;text-align:center;}
.hed-nav a{margin:0 15px;}
.nav-ko a {position:relative;display:inline-block;text-decoration:none;}
.nav-ko a::after {position:absolute;bottom:-4px;left:0;content:'';width:100%;height:2px;background:#0049B4;transform:scale(0, 1);transform-origin:center top;transition:transform .3s;}
.nav-ko a:hover::after {transform:scale(1, 1);}

/*フッター*/
.foot_oya{background-color:#0049B4;padding:25px;margin:100px 0 0 0;}
.foot_logo a img{width:500px;}
.foot_title p{font-family:"M PLUS 1p", sans-serif;font-weight:900;font-size:24px;color:#FFFFFF;margin:20px 0;}
.foot_about p{font-family:"M PLUS 1p", sans-serif;font-size:16px;color:#FFFFFF;margin:20px 0;font-weight:600;}
.foot_copy p{font-family:"M PLUS 1p", sans-serif;font-size:10px;color:#FFF000;text-align:center;margin:75px 0 0 0;}



/*TOPページ*/
/*TOP動画*/
.TOP_video_PC{width:100vw;z-index:1;}
/*TOPナビゲーション*/
.gnavi531{display:flex;justify-content:center;margin:50px 0 50px 0;list-style:none;}
.gnavi531 div a{display:block;padding:10px 30px;text-decoration:none;color:#0049B4;}
.gnavi531 div a p{font-family:"Outfit", sans-serif;font-weight:800;font-size:30px;color:#0049B4;}
.gnavi531 div{margin-bottom:20px;}
.gnavi531 div a{position:relative;}
.gnavi531 div a:hover{color:#0049B4;}
.gnavi531 div a::after {content:'';position:absolute;bottom:0;left:10%;width:80%;height:5px;background:#FFF000;transition:all .3s;transform:scale(0, 1);transform-origin:center top;}
.gnavi531 div a:hover::after {transform:scale(1, 1);}
/*TOPスライダー617*/
.slider617 {width:94%;margin:0 auto;}
.slider617 img {width:60vw;height:auto;}
.slider617 .slick-slide {transform:scale(0.8);transition:all .5s;opacity:0.5;}
.slider617 .slick-slide.slick-center{transform:scale(1);opacity: 1;}
.slick-prev, .slick-next {position:absolute;top: 42%;cursor:pointer;outline:none;border-top:2px solid #0049B4;border-right:2px solid #0049B4;height:15px;width:15px;}
.slick-prev {left: -1.5%;transform:rotate(-135deg);}
.slick-next {right: -1.5%;transform:rotate(45deg);}
.slick-dots {text-align:center;margin:20px 0 0 0;}
.slick-dots li {display:inline-block;margin:0 5px;}
.slick-dots button {color:transparent;outline:none;width:10px;height:10px;display:block;border-radius:50%;border:none;background:#0049B4;}
.slick-dots .slick-active button{background:#FFF000;}
/*TOPコンタクト*/
.ctc_title p{font-family:"Outfit", sans-serif;font-weight:800;font-size:35px;color:#0049B4;text-align:center;margin:100px 0 50px 0;}
.ctc_oya{background-color:#FFF000;padding:50px 0;}
.ctc_tel p{font-family:"Outfit", sans-serif;font-weight:800;font-size:45px;color:#0049B4;text-align:center;}
.ctc_tel p span{font-size:24px;}
.ctc_about p{font-family:"M PLUS 1p", sans-serif;font-size:20px;color:#000000;margin:10px 0 0 0;font-weight:800;text-align:center;line-height:1.5em;}
.ctc_zyusyo{margin:50px 0;}
.ctc_map{display:flex;justify-content:center;}


/*ABOUTページほかヘッダー*/
.AB_hed-oya{display:flex;justify-content:center;background-color:#0049B4;padding:10px 0;}
.AB_hed-ko{width:100%;height:auto;display:flex;justify-content:space-between;align-items:center;}
.AB_hed-logo img{width:250px;hight:auto;margin:0 15px;}
.AB_hed-nav{display:flex;justify-content:center;padding:0 25px;}
.AB_hed-nav a p{font-family:"Outfit", sans-serif;font-weight:800;font-size:24px;color:#FFFFFF;text-align:center;}
.AB_hed-nav a{margin:0 15px;}
.AB_nav-ko a {position:relative;display:inline-block;text-decoration:none;}
.AB_nav-ko a::after {position:absolute;bottom:-4px;left:0;content:'';width:100%;height:2px;background:#0049B4;transform:scale(0, 1);transform-origin:center top;transition:transform .3s;}
.AB_nav-ko a:hover::after {transform:scale(1, 1);}


/*ABOUTページ*/
.ab_title p{font-family:"Outfit", sans-serif;font-weight:800;font-size:30px;color:#0049B4;text-align:center;margin:100px 0 0 0;}
.ab_title_p p{font-family:"M PLUS 1p", sans-serif;font-size:18px;font-weight:900;color:#0049B4;text-align:center;}
.boubun_ooya{margin:50px 0 0 0;}
.boubun_oya{display:flex;justify-content:center;}
.boubun_ko{width:750px;border-top:solid 1.5pt #000000;display:flex;justify-content:center;padding:25px 0;}
.boubun_ko_sita{width:750px;border-top:solid 1.5pt #000000;border-bottom:solid 1.5pt #000000;display:flex;justify-content:center;padding:25px 0;}
.boubun_01{width:200px;padding:0 0 0 50px;}
.boubun_01 p{font-family:"M PLUS 1p", sans-serif;font-weight:700;font-size:16px;color:#000000;}
.boubun_02{width:550px;}
.boubun_02 p{font-family:"M PLUS 1p", sans-serif;font-weight:700;font-size:16px;color:#000000;}
/*ABOUTページスライダー618*/
.slider618 img {width:100%;height:auto;}
.slider618 .slick-slide {margin:0;}

/*プライバシーポリシー*/
.PP_oya{display:flex;justify-content:center;margin:50px 0 0 0;}
.PP_ko{margin:50px 0 0 0;}
.PP_top{margin:0 0 10px 0;}
.PP_top p{font-family:"M PLUS 1p", sans-serif;font-size:20px;font-weight:900;color:#0049B4;text-align:start;}
.PP_about p{font-family:"M PLUS 1p", sans-serif;font-weight:400;font-size:16px;color:#000000;}


/*カーリスト*/
.clst_oya{display:flex;justify-content:center;align-items:center;margin:50px 0 0 0;}
.clst_logo img{width:250px;}
.clst_title p{font-family:"M PLUS 1p", sans-serif;font-weight:800;font-size:30px;color:#000000;}
.clst_title p span{color:#0049B4;}
.clst_boubun_oya{display:flex;justify-content:center;margin:25px 0 50px 0;}
.clst_boubun{width:750px;border-top:solid 1.5pt #000000;border-bottom:solid 1.5pt #000000;padding:10px 0;}
.clst_boubun p{font-family:"M PLUS 1p", sans-serif;font-weight:600;font-size:16px;color:#000000;text-align:center;}
/*モーダルウィンドウ*/
.hide-area{display:none;}
.modaal-close:after, .modaal-close:before{background:#ccc;}
.modaal-close:focus:after,.modaal-close:focus:before,.modaal-close:hover:after,.modaal-close:hover:before{background:#666;}
/*【モーダルウィンドウ内】カーリスト ギャラリー624*/
img{width:100%;height:auto;vertical-align:bottom;}
.gall_oya{width:500px;}
.gallery{margin:0 0 5px 0;}
.gallery li{list-style:none;}
.choice-btn li{cursor:pointer;outline:none;width:166.7px!important;list-style:none;}
.choice-btn li img{opacity: 0.4;}
.choice-btn li.slick-current img{opacity: 1;}
.choice-btn .slick-track {transform:unset !important;}
/*【モーダルウィンドウ内】カーリスト 文章*/
.clst_mw_bigmam{padding:50px 0}
.clst_mw_oya{display:flex;justify-content:center;}
.clst_mw_about_ooya{padding:0 0 0 25px;}
.clst_mw_about_oya{margin:5px 0;}
.clst_mw_title p{font-family:"M PLUS 1p", sans-serif;font-weight:800;font-size:24px;color:#0049B4;text-align:center;margin:0 0 25px 0;}
.clst_mw_about p{font-family:"M PLUS 1p", sans-serif;font-weight:800;font-size:16px;color:#0049B4;}
.clst_mw_p p{font-family:"M PLUS 1p", sans-serif;font-size:16px;color:#414141;}
.clst_LINE{width:200px;border:solid 1pt #0049B4;margin:5px 0 5px 0;}
.clst_LINE_dot{width:200px;border:1px dashed #9A9A9A;margin:5px 0 5px 0;}
/*カーリスト 枠*/
.mw_waku{border:solid 3pt #0049B4;width:200px;padding:10px;transition : 0.5s;margin:10px;}
.mw_img img{width:200px;margin:0 0 10px 0;}
.mw_about p{font-family:"M PLUS 1p", sans-serif;font-weight:600;font-size:16px;color:#0049B4;text-align:center;}
.mw_about p span{font-size:14px;}
.mw_waku:hover{background-color:#0049B4;transition :0.5s;}
.mw_waku:hover .mw_about p{color:#FFFFFF;}
.mw_waku:hover .clst_LINE{border:solid 1pt #FFFFFF;}
/*カーリスト*/
.mw_oya_pc{display:flex;justify-content:center;}
.coushin{margin:25px 0px;}
.coushin p{font-family:"M PLUS 1p", sans-serif;font-weight:600;font-size:16px;text-align:center;color:#000000;}
.coushin p span{color:#0049B4;}








/*レスポンシブ*/
.pc{display:block!important;}
.smh{display:none!important;}


@media only screen and (max-width :750px ){
.pc{display:none!important;box-sizing: border-box;}
.smh{display:block!important;box-sizing: border-box;}

	
/*スマホ-アコーディオンメニュー*/
.cp_fullscreenmenu input{display:none;}
.cp_fullscreenmenu {position:fixed;z-index:1;top:0;right:0;background-color:#0049B4}
/*menuコンテンツ*/
.cp_fullscreenmenu .menu {position:fixed;top:0;left: 0;width:100vw;height:100vh;background-color:rgba(255,255,255,0.95);}
.cp_fullscreenmenu .menu label {position:absolute;top:20px;right:5px;width:30px;height:30px;cursor:pointer;background-size:100%;}
.cp_fullscreenmenu .menu .menucont {font-size:22px;font-family:"Outfit", sans-serif;font-weight:600;position: relative;top:50%;margin-top:-170px;padding-bottom:20px;text-align:center;}
.cp_fullscreenmenu .menu ul {margin:0 auto;padding:0;list-style:none;}
.cp_fullscreenmenu .menu ul li,.cp_fullscreenmenu .menu ul li a {transition:all 0.3s ease;}
.cp_fullscreenmenu .menu ul li a {display:block;padding:10px 0;color:#0049B4;}
.cp_fullscreenmenu .menu ul li a:hover {color:#0049B4;}
.cp_fullscreenmenu .menu ul li:hover {background:rgba(255,255,255,0.85);}
/*クリックしたらメニューが開閉の動作*/
.cp_fullscreenmenu .menuEffects {visibility:hidden;transition:opacity 0.5s, visibility 0.5s;opacity:0;}
.cp_fullscreenmenu .menuEffects ul {transition:all 0.5s;transform:translateY(0%);}
.cp_fullscreenmenu #menuToggle:checked ~ .menuEffects {visibility:visible;transition:opacity 0.5s;opacity:1;}
.cp_fullscreenmenu #menuToggle:checked ~ .menuEffects ul {opacity:1;}
.cp_fullscreenmenu #menuToggle:checked ~ .hamburger .open {background-color:transparent;}
.cp_fullscreenmenu #menuToggle:checked ~ .hamburger .open:before {position:absolute;z-index:1;top:0;right:0;content:'';transform:rotate(45deg);background-color:#0049B4;}
.cp_fullscreenmenu #menuToggle:checked ~ .hamburger .open:after {position:relative;z-index:1;top:0;right:0;content:'';transform:rotate(-45deg);background-color:#0049B4;}
.cp_fullscreenmenu #menuToggle:not(:checked) ~ .menuEffects ul {transform:translateY(-30%);}
/*ハンバーガー*/
.cp_fullscreenmenu .hamburger {position:relative;top:10px;right:0;display:block;align-items:center;width:10%;height:auto;padding:15px;cursor:pointer;}
.cp_fullscreenmenu .hamburger:hover .open:before {top:-9px;}
.cp_fullscreenmenu .hamburger:hover .open:after {top:5px;}
.cp_fullscreenmenu .open,.cp_fullscreenmenu .open:before,.cp_fullscreenmenu .open:after {position:relative;display:block;width:24px;height:4px;border-radius:0;background-color:#FFFFFF;transition:all 0.3s ease;}
.cp_fullscreenmenu .open {top:8px;cursor:pointer;}
.cp_fullscreenmenu .open:before {top:-8px;content:'';transform:rotate(0deg);}
.cp_fullscreenmenu .open:after {top:4px;content:'';}
	
/*フッター*/
.foot_logo a img{width:300px;}

/*TOPページ*/
/*TOP動画*/
.TOP_video_smh{width:100vw;}
/*TOPスライダー*/
.slider617 img {width:100vw;height:auto;}
.slider617 {width:100%;margin:0 auto;}
.slick-prev, .slick-next{border-top:none;border-right:none;}
.slick-prev {left: 0%;transform:none;}
.slick-next {right: 0%;transform:none;}
.slick-dots {margin:5px 0 0 0;}
/*TOPコンタクト*/
.ctc_title p{margin:50px 0;}
.ctc_tel p{font-size:40px;}
.ctc_tel p span{font-size:20px;}
.ctc_about p{font-size:16px;}

/*ABOUT*/
.boubun_ko{width:350px;}
.boubun_ko_sita{width:350px;border-top:solid 1.5pt #000000;border-bottom:solid 1.5pt #000000;display:flex;justify-content:center;padding:25px 0;}
.boubun_01{width:100px;padding:0 0 0 10px;}
.boubun_01 p{font-family:"M PLUS 1p", sans-serif;font-weight:700;font-size:16px;color:#000000;}
.boubun_02{width:250px;}
.boubun_02 p{font-family:"M PLUS 1p", sans-serif;font-weight:700;font-size:16px;color:#000000;}

/*スマホABOUTほかヘッダー*/
.smh_hed{background-color:#0049B4;padding:15px;display:flex;justify-content:start;}
.smh_hed img{width:250px;}	

/*プライバシーポリシー*/
.PP_top{margin:0 0 10px 0;padding:0 0 0 25px;}
.PP_about p{padding:0 25px;}

/*カーリスト*/
.clst_boubun{width:350px;}
.mw_oya_pc{display:block;padding:0 10px;}
.clst_title p{text-align:center;}
/*カーリスト 枠*/
.mw_oya{width:300px;border:solid 3pt #0049B4;padding:0;margin:10px auto;}
.mw_waku{width:100%;border:none;transition : 0.5s;margin:0;display:flex;justify-content:center;align-items:center;padding:10px 0;}
.mw_img img{width:150px;margin:0 10px 0 0;}
.clst_LINE{width:100%;border:solid 1pt #0049B4;margin:10px 0 10px 0;}
.clst_LINE_dot{width:100%;border:1px dashed #9A9A9A;margin:10px 0 10px 0;}
.mw_about{width:120px;}
.mw_about p{line-height:1.25em;}
.mw_about p span{font-size:13px;}

.mw_oya:hover{background-color:#0049B4;transition :0.5s;}
.mw_oya:hover .mw_about p{color:#FFFFFF;}
.mw_oya:hover .clst_LINE{border:solid 1pt #FFFFFF;}

/*モーダルウィンドウ内カーリスト*/
.clst_mw_oya{display:block;}
.gall_oya{width:300px;margin:0 auto;}
.clst_mw_bigmam{padding:25px 0}
.clst_mw_about_oya{margin:10px auto;width:300px;}
.clst_mw_about_ooya{padding:0;}
.choice-btn li{width:100px!important;}

	
}





/*スクロール促し*/
.animation_dot{margin:20px;animation:ugoki 2s linear infinite alternate;display:flex;justify-content:center;}
.animation_dot img{width:10px;}

@keyframes ugoki{
    0%{opacity: 0;}  
    100%{opacity: 0.5;}
}


/*間の線*/
.LINE{border:solid 2pt #FFFFFF;margin:100px 0 50px 0;}
