@charset "UTF-8";
/* CSS Document */
html{color:#000;background:#FFF;scroll-behavior:smooth}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}
del,ins{text-decoration:none}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
.cf:before,.cf:after{content:"";display:table}
.cf:after{clear:both}
.cf{zoom:1}


/*======= COMMON =======*/
.sp{display:none!important}
.pc{display:block!important}
body,html{width:100%;height:100%;font-family:"Avenir","Noto Sans JP","游ゴシック","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;background:#fff}
.all{overflow-x:hidden;width:100%}
*{font-size:12px;color:#333}
a{text-decoration:none;color:#1284d3}
a:hover{opacity:0.8}
img{vertical-align:middle}
p{font-size:14px;line-height:1.8}
h1{display:inline}
h3{font-size:14px;font-weight:600;border-bottom:1px dotted #999;padding-bottom:10px;margin-bottom:15px}
.text-c{text-align:center}
.mt-30{margin-top:30px!important}
.mt-70{margin-top:70px!important}
.mb-70{margin-bottom:70px!important}
.section-inner{position:relative;max-width:1080px;margin:0 auto;padding:50px 25px}
.normal-bg{width:100%;margin:0;position:relative;top:20px}
.normal-bg::before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(230,235,250,0.5);transform:skewY(-50deg);z-index:0}
a.anchor{ display: block;  padding-top: 135px; margin-top: -135px;}

@media (min-width: 768px) {
.section-inner{padding:80px 30px 50px}
p{font-size:14px;line-height:2}
a.anchor{ display: block;  padding-top: 110px; margin-top: -110px;}
}
@media (min-width: 960px) {
.pc{max-width:960px;margin:0 auto}
}


/*=======  HEADER */
.header{height:110px;background:#fff;box-shadow:0 0 20px 0 #000;position:fixed;width:100%;z-index:100}
.header-logo{width:200px;position:relative;margin:0;top:20px;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}
.header-logo img{width:100%}
.header-after{position:relative;display:block;height:110px;width:100%;background-color:#fff}

    /* -PCNAV */
    .pc .header-tel{position:relative;left:100%;transform:translateX(-100%);width:150px}
    .pc .header-tel .icon-tel{width:15px;margin-right:10px}
    .pc .header-tel a{color:#999;font-weight:700;letter-spacing:1px}
    .pc .navigation{position:relative;margin:0;top:25px;left:10px}
    .pc .navigation li{display:inline-block}
    .pc .navigation li a{display:block;color:#444;font-size:12px;font-weight:700;margin:0 1em;line-height:24px;position:relative}
    .pc .navigation li a:hover{color:#999}
    .pc .navigation li a:after{content:"|";position:absolute;left:-16px;top:-1px;color:#ccc}
    .pc .navigation li:first-child a:after{content:""}
    .pc .hader-btn{position:relative;left:98%;bottom:10px;transform:translateX(-100%);display:flex;flex-wrap:wrap;justify-content:flex-end;width:30%}
    .pc .hader-btn li.btn{margin-right:15px}
    .pc .hader-btn li.btn a{border:1px solid #555;color:#555;padding:8px 1em;border-radius:5px;line-height:2;background:#f7ea4d;display:inline-block;font-weight:700}
    .pc .hader-btn li.btn.blue{width:115px}
    .pc .hader-btn li.btn.blue a{border:1px solid #1284d3;color:#fff;background:#1268d3;padding:8px 1em;border-radius:5px;line-height:2;display:inline-block;width:100%;font-weight:600;position:relative}
    .pc .hader-btn li.btn.blue a::after{position:absolute;background-image:url(../images/ball-y.svg);top:5px;right:9px;content:"";width:30px;height:30px}
    .pc .hader-btn li.btn a:hover{opacity:0.8}
    .pc .hader-btn li.btn.blue img{padding-left:10px;display:inline;width:35px}
    .pc .navigation li.drop-menu:hover .drop-menu-list{opacity:1;transition:opacity .3s,visibility .3s;visibility:visible}
    .pc .navigation li.drop-menu a{align-items:center;color:#444;text-decoration:none}
    .pc .drop-menu{position:relative}
    .pc .drop-menu-list{background-color:#fff;left:0;opacity:0;position:absolute;top:100%;width:max-content;z-index:1;padding:20px 10px 10px;transition:opacity .3s,visibility .3s;visibility:hidden;box-shadow: 11px 11px 11px -11px #444;border-radius: 0 0 5px 0;}
    .pc .drop-menu-list li{display:block;padding:10px 0}
    .pc .navigation li.drop-menu li a:after{content:""}

    /* -SPNAV */
    .sp .navigation-wrap{position:fixed;top:0;left:0;width:100%;z-index:9998;transition:all .3s;-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}
    .nav_opened .sp .navigation-wrap{-webkit-transform:translate(0,0);transform:translate(0,0);height:100vh;background:linear-gradient(0,#1482d2,#003c82);margin-top:135px;box-shadow:none;overflow-y:scroll;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;overflow-y:auto}
    .nav_opened .sp .navigation{padding:30px 10% 100px}
    .sp .navigation li a{line-height:60px;height:60px;display:block;color:#fff;border-bottom:1px dotted rgb(255,255,255,0.3);font-size:14px;position:relative}
    .sp .navigation li.sub{padding-left:20px;color: rgb(255, 255, 255, 0.8);position:relative}
    .sp .navigation li.sub::before{position:absolute;content:"∟";width:10px;top:32%;left:10px;color: rgb(255, 255, 255, 0.3);}
    .sp .navigation li.sub a{margin-left:5px;font-size:0.9em;line-height:50px;height:50px}
    .sp .navigation li.drop>a{padding-right:15px}
    .sp .navigation li.drop>a svg{position:absolute;display:block;top:50%;right:0;margin-top:-5px;width:10px;height:10px;fill:#fff;transform: rotate(-90deg);}
    .sp .hader-btn{position:relative;left:0;top:43px;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center}
    .sp .hader-btn li.btn{width:40%;margin:0;display:flex}
    .sp .hader-btn li.btn a{border:1px solid #333;color:#333;padding:12px 1em;border-radius:5px;line-height:2;background:#fff;width:100%;box-sizing:border-box;display:inline-block;font-weight:600;position:relative}
    .sp .hader-btn li.btn:first-child a::after{position:absolute;background-image:url(../images/ball-y.svg);top:6px;right:6px;content:"";width:35px;height:35px;background-color:#666;border-radius:50%;border:1px solid #666}
    .sp .hader-btn li.btn.blue a{border:1px solid #1284d3;color:#fff;background:#1268d3;text-align:center;letter-spacing:1px;display:inline-block;padding-right:32px}
    .sp .hader-btn li.btn.blue a .open_body{height:40px;width:40px;background:#e7db06;border-radius:50%}
    .sp .hader-btn li.btn img{padding-left:10px;display:inline;width:35px}
    .open{display:table;position:absolute;z-index:9999;right:10%;top:71px;height:35px;width:35px;background:#e7db06;border-radius:50%}
    .open div.open_body{vertical-align:middle;display:table-cell}
    .open div.open_body div{width:15px;margin:0 auto;transition:all .3s}
    .open span{display:block;height:2px;width:15px;background:#1284d3;transition:all .3s}
    .nav_opened .open div.open_body div{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
    .nav_opened .open span{margin:0}
    .nav_opened .open span.second{opacity:0}
    .nav_opened .open span.first{-webkit-transform:rotate(45deg) translate(1px,1px);transform:rotate(45deg) translate(1px,1px)}
    .nav_opened .open span.third{-webkit-transform:rotate(-45deg) translate(2px,-2px);transform:rotate(-45deg) translate(2px,-2px)}
    .open span:first-child{margin:0}
    .open span{margin-top:3px}

    /*header_calender*/
    .pc .calender_wrap{position:fixed;bottom:auto;top:50%;right:75px;width:360px;height:75px;transform:translateY(-50%) translateX(50%) rotate(90deg);z-index:5}
    .pc .calender_wrap a div{background:rgba(50,50,50,0.9);padding:0}
    .pc .calender_wrap a{transform:rotate(-90deg)}
    .calender{position:fixed;display:flex;align-items:stretch;width:100%;background-color: rgba(1,20,50,0.4);border:1px solid #fff; transition: transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85) 0s;left:50%;z-index:99;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);border-radius:50px;padding:0 30px;height:100%}
    .calender__link{text-align:center;color:#fff;background-color:transparent;border:none;transition:opacity 0.3s ease 0;width:calc(100% / 3)}
    .calender__link:hover{color:#fff;opacity:0.6}
    .calender__link span{color:#fff;font-weight:700}
    .calender__link__icon{display:flex;font-size:16px;justify-content:center}
    img.sociavore-icon{width:30%;margin-bottom:5px}
    .calender__link__title{font-size:9px;line-height:15px;display:inline-block}
    .calender__link{padding:8.5px 5px}
    @media only screen and (max-width: 768px) {
    .header{height:135px}
    .header-after{height:135px}
    .pc{display:none!important}
    .sp{display:block!important}
    .calender{position:relative;margin-top:50px;border:none;background-color:rgba(1, 20, 50, 0.3);margin-bottom:7px}
    img.sociavore-icon{height:30px;width:30px;margin-bottom:5px}
    .nav_ad{color:rgba(255,255,255,0.7);padding:30px 5px 20px;margin:30px 0;line-height:25px}
    .nav_ad.kawaguchi{background:rgba(1, 255, 255, 0.2);padding:20px 5%;border-radius:10px;margin-bottom:100px}
    .nav_ad .fw-b{color:#fff;font-size:1.2em;display:inline-block;margin-bottom:5px}
    .nav_ad a{color:#fff}
    .nav_ad a.tel{background:rgba(255,255,255,0.8);padding:5px 15px;border-radius:11px;color:#1284d3;font-weight:700}
    .sp .calender_wrap{width:90%;margin:0 auto}
    }


/*=======  HERO */
@media (min-width: 320px) {
.postheader{margin:0 0 30px;padding:0;width:100%;height:100vh;position:relative;z-index:1}
.postheader-inner{width:100%;height:97%;background-image:url(../images/hero-img-sp.jpg);background-size:cover;background-position:center center;position:relative}
.postheader-inner::after{content:"";position:absolute;width:93%;height:20px;background:#74a65c;bottom:-20px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%)}
.postheader-inner .hero-con{position:absolute;z-index:10;top:50%;left:5%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}
.postheader-inner p{color:#fff;z-index:10;font-size:14px}
.postheader-inner .hero-logo{margin-bottom:20px}
.postheader-inner .hero-logo img{width:60%}
.postheader-inner .hero-logo p{font-size:11px;color:rgba(255, 255, 255, 0.8);}
.postheader-inner .hero-copy{margin-bottom:20px}
.postheader-inner .hero-copy p{font-size:30px;font-weight:700;color:#fff;font-family:Avenir,'Avenir Next LT Pro',Montserrat,Corbel,'URW Gothic',source-sans-pro,sans-serif;line-height:1}
.postheader-inner .hero-lead{margin-bottom:35px}
.postheader-inner .hero-lead p{line-height:1.7}
.postheader-inner .hero-btn a{border:1px solid #fff;color:#fff;padding:12px 1em;border-radius:5px;line-height:2;width:150px;display:inline-block;font-weight:600;position:relative;text-align:center;letter-spacing:1px}
.postheader-inner .hero-btn a:hover{background: rgba(255, 255, 255, 0.1);}
.postheader-inner .hero-btn a img{padding-left:10px;display:inline;width:35px;transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);animation:ball 5s ease-out infinite;position:relative}
}
@media (min-width: 768px) {
.postheader{margin:0;padding:0}
.postheader-inner{background-image:url(../images/hero-img-pc.jpg)}
.postheader-inner .hero-copy p{font-size:48px}
.postheader-inner .hero-lead p{line-height:1.9;font-size:16px}
}
@media (min-width: 960px) {
.postheader{margin:0;padding:0}
.postheader-inner .hero-con{top:50%;left:10%}
}
@keyframes ball {
0%{left:0}
70%{left:0}
80%{left:10px}
100%{left:10px}
}
.scrolldown2{position:absolute;z-index:5;bottom:0;right:25px}
.newsticker_wrap{width:100px;height:100px;position:relative}
.newsticker_wrap p{color:#fff;font-size:14px;position:relative;top:27%;text-align:center;letter-spacing:1px}
.newsticker_wrap a{color:#fff;font-size:14px;font-weight:600}
.scroll-down{position:absolute;bottom:0;right:0;text-align:center}
.scroll-down .spinner{width:100px!important;height:100px!important}
.spinner{animation:rotator 3s linear infinite}
.spinner-arrow{animation:vertical-translate 3s ease-out infinite;position:absolute;margin-top:5px;left:43px}
.next .path{stroke-dasharray:245;stroke-dashoffset:0;transform-origin:center;stroke:#fff;animation:dash 3s linear infinite}
@media (max-width: 500px) {
.scrolldown2{right:15px}
.newsticker_wrap{width:65px;height:65px}
.newsticker_wrap p{top:24%}
.newsticker_wrap a{color:#fff;font-size:9px}
.scroll-down .spinner{width:65px!important;height:65px!important}
.spinner-arrow{left:26px}
}
@keyframes rotator {
0%{transform:rotate(0deg)}
100%{transform:rotate(250deg)}
}
@keyframes dash {
0%{stroke-dashoffset:245}
70%{stroke-dashoffset:61.25;transform:rotate(205deg)}
100%{stroke-dashoffset:245;transform:rotate(540deg)}
}
@keyframes vertical-translate {
0%{opacity:0;top:-20%}
25%{opacity:1;top:50%}
75%{opacity:1;top:50%}
100%{opacity:0;top:120%}
}


/*======= ABOUT*/
@media (min-width: 320px) {
.box{background:#e4e4e4}
.about-bg{width:100%;margin:0;position:relative;top:50px}
.about-bg::before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(230,235,250,0.5);transform:skewY(-50deg);z-index:0}
.ttl-box{margin:0 auto 30px}
.sub-ttl{margin-bottom:15px}
.sub-ttl p{color:#1284d3;font-weight:600;font-size:15px}
.sub-ttl h2{color:#1284d3;font-weight:600;font-size:14px}
.main-ttl p{color:#111;font-weight:600;font-size:23px}
.text-box{margin:0 auto 50px}
.text-box p{line-height:2}
.text-box p strong{color:#1284d3;font-weight:600}
.btn-wrap{width:220px;margin:0 auto 20px}
.btn-wrap.long{width:260px}
.btn-wrap.blue a{border:1px solid #1284d3;color:#fff;background:#1268d3;padding:12px 1em;border-radius:5px;line-height:2;display:inline-block;width:calc(100% - 2em);letter-spacing:1px;font-weight:600;position:relative}
.btn-wrap.blue a::after{position:absolute;background-image:url(../images/ball-y.svg);top:9px;right:9px;content:"";width:30px;height:30px}
.btn-wrap.blue.back a::after{position:absolute;background-image:url(../images/ball-y.svg);top:9px;left:9px;content:"";width:30px;height:30px;transform:rotate(180deg)}
}
@media (min-width: 768px) {
.text-box{width:65%}
.btn-wrap.blue a:hover{background:#1284e3}
}


/*======= NEWS*/
@media (min-width: 320px) {
.news p{color:#fff}
.news-bg{width:100%;margin:0;position:relative;top:50px;background:#1284d3;overflow:hidden;margin-bottom:50px}
.news-bg::before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgb(160,200,200,0.3);transform:skewY(53deg);z-index:0}
.wh .main-ttl p{color:#fff;font-weight:600;font-size:25px;letter-spacing:1px}
.wh .sub-ttl p{color:rgba(255,255,255,0.8);font-weight:600;font-size:15px}
.btn-wrap.wh a{border:1px solid #fff;color:#fff;background:none;padding:12px 1em;border-radius:5px;line-height:2;display:inline-block;width:calc(100% - 2em);letter-spacing:1px;font-weight:600;position:relative}
.btn-wrap.wh a::after{position:absolute;background-image:url(../images/ball-y.svg);top:9px;right:9px;content:"";width:30px;height:30px}
.btn-wrap.bl a,.btn-wrap.bl-o a{border:1px solid #333;color:#333;background:none;padding:12px 1em;border-radius:5px;line-height:2;display:inline-block;width:calc(100% - 2em);letter-spacing:1px;font-weight:600;position:relative}
.btn-wrap.bl a::after{position:absolute;background-image:url(../images/ball-g.svg);top:9px;right:9px;content:"";width:30px;height:30px}
.btn-wrap.bl-o a::after{position:absolute;background-image:url(../images/ball-o.svg);top:9px;right:9px;content:"";width:30px;height:30px}
.btn-wrap.bl.back a::after{position:absolute;background-image:url(../images/ball-g.svg);top:9px;left:9px;content:"";width:30px;height:30px;transform:rotate(180deg)}
.btn-wrap.bl-o.back a::after{position:absolute;background-image:url(../images/ball-o.svg);top:9px;left:9px;content:"";width:30px;height:30px;transform:rotate(180deg)}
}
@media (min-width: 768px) {
.wh .main-ttl p{font-size:35px}
/*.btn-wrap.wh a:hover,.btn-wrap.bl a:hover,.btn-wrap.bl-o a:hover{background:rgba(1,1,1,0.05);}*/
.btn-wrap.wh a:hover::after,.btn-wrap.bl a:hover::after,.btn-wrap.bl-o a:hover::after{background-image: url("../images/ball-y-w.svg");}
}
    /*NEWS ARTICLE*/
    @media (min-width: 320px) {
    .tab_content{padding:20px 20px 50px;overflow:hidden}
    .tab_content p{font-size:14px}
    .tabs .newsList li{margin-bottom:40px}
    .tabs .cat_btn{text-align:center;margin:0 auto}
    .tabs .cat_btn a{color:#fff;background-color:#111;border-radius:3px;padding:5px 20px;text-decoration:none;font-size:15px;font-weight:200;letter-spacing:1px;display:inline-block}
    .newsList__cat{background:rgba(1,1,1,0.3);padding:0 10px;margin-left:5px}
    .newsList__cat a{color:#fff;text-decoration:none;font-weight:300;letter-spacing:1.5px}
    .newsList{margin:0;padding:0;list-style:none}
    .newsList li{margin-top:20px;font-size:16px;border-bottom:1px dotted rgba(255,255,255,0.3);padding-bottom:15px;position:relative;vertical-align:middle}
    .newsList li:after{position:absolute;top:0;bottom:0;right:5%;margin:auto;content:"";vertical-align:middle;width:0.6em;height:0.6em;border-top:1px solid rgba(255, 255, 255, 0.5);border-right:1px solid rgba(255, 255, 255, 0.5);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
    .newsList li:first-child{margin-top:0}
    .newsList p{margin:0}
    .newsList .newsList__time span,.date .others .newsList .newsList__time .cat{text-align:center;margin-right:10px;border-radius:20px;padding:2px 20px;line-height:2;border:none}
    .newsList .newsList__time span a,.date .others .newsList .newsList__time .cat a{color:#fff}
    .newsList .newsList__time span.news{background:#1268d3}
    .newsList .newsList__time span.report{background:#74a65c}
    .newsList .newsList__time span.blog{background:#dfd200}
    .newsList .newsList__time{line-height:1;color:#fff;font-size:0.8em;margin-bottom:5px}
    .newsList .newsList__time time{letter-spacing:1px;color: rgba(255, 255, 255, 0.7);}
    .newsList .newsList__text{margin:8px 30px 0 15px}
    .newsList .newsList__text a{color:#fff;font-size:14px;display:block}
    .newsList .newsList__text a:hover{opacity:0.5}
    }
    @media (min-width: 768px) {
    .tab_content{width:65%;margin:0 auto}
    .newsList .newsList__text a{font-size:15px}
    }



/*======= BOX*/
@media (min-width: 320px) {
.box_wrap{width:100%;aspect-ratio:3 / 2.3;margin:0;padding:0;position:relative;overflow:hidden}
.box_img{position:absolute;top:0;left:0}
.box_img img{height:auto;width:100%}
.box-ttl{position:absolute;top:25%;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);z-index:40}
.box-ttl p{color:#fff;letter-spacing:1px;font-weight:800;text-align:center;font-size:25px;line-height:30px;white-space:nowrap}
.box-sub{position:absolute;top:40%;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);z-index:40}
.box-sub p{color:rgba(255, 255, 255, 0.8);font-weight:600;font-size:15px;text-align:center}
.box_wrap .btn-wrap{position:absolute;bottom:15%;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);z-index:20}
.box_wrap.no-photo{background:#fff;position:relative}
.box_wrap.no-photo:before{content:"";display:block;width:88%;aspect-ratio:3 / 2.3;z-index:11;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);background:#e4e4e4}
.no-photo .box-ttl p{color:#003475}
.no-photo .box-sub p{color:#003475}
}
@media (min-width: 530px) and (max-width: 767px) {
.box-ttl p{font-size:35px}
.box-ttl{top:30%}
.box-sub{top:42%}
}
@media (min-width: 768px) {
.box{background:#e4e4e4;padding: 30px 0;}
.box-pc{width:100%;display:flex;flex-wrap:flex}
.box-pc:nth-of-type(even){flex-direction:row-reverse}
.box_wrap{width:calc(100% / 2);aspect-ratio:1 / 1}
.box-ttl p{font-size:35px}
.box_wrap.no-photo:before{width:88%;aspect-ratio:1 / 1}
.box-ttl{top:25%}
.box-sub{top:40%}
}
@media (min-width: 960px) {
.box-pc{max-width:1000px;margin:0 auto}
}



/*======= FOOTER*/
@media (min-width: 320px) {
footer{width:100%;position:relative}
footer .footer-bg{width:100%;margin:0;position:relative;top:0;background:#1284d3;min-height:30vh}
footer .section-inner{padding:80px 30px}
footer p{color:#fff;position:relative;z-index:10}
footer .section-inner .footer-logo{margin:0 auto 10px;width:90%;max-width:400px}
footer .section-inner .footer-logo img{width:100%}
footer .section-inner .footer-insta{width:50px;margin:0 auto 30px}
footer .section-inner .footer-insta svg{fill:#fff;width:100%}
}
.footer-nav .navigation li a{line-height:30px;display:block;color:#fff;font-size:14px}
.footer-nav .hader-btn{position:relative;left:0;top:43px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.footer-nav .hader-btn li.btn{width:40%;margin:0 10px}
.footer-nav .hader-btn li.btn a{border:1px solid #333;color:#333;padding:12px 1em;border-radius:5px;line-height:2;background:#fff;width:100%;display:inline-block;font-weight:600;position:relative}
.footer-nav .nav_ad{color:rgba(255,255,255,0.7);padding:30px 5px;margin:0 0 50px;line-height:27px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.5)}
.footer-nav .nav_ad.kawaguchi{background:rgba(1, 255, 255, 0.2);padding:20px 5%;border-radius:10px;margin-bottom:50px;border-bottom:none;}
.footer-nav .nav_ad .fw-b{color:#fff;font-size:1.2em;display:inline-block;margin-bottom:5px}
.footer-nav .nav_ad a{color:#fff}
.footer-nav .nav_ad a.tel{background:rgba(255,255,255,0.8);padding:5px 15px;border-radius:15px;color:#1284d3;font-weight:700}
.footer-nav .fotter-flex{display:flex;flex-wrap:wrap;justify-content:right;margin-bottom:50px}
@media (min-width: 768px) {
footer .section-inner{width:65%;margin:0 auto}
footer .section-inner .footer-logo{margin:0 auto 10px;width:60%}
.footer-nav .fotter-flex{display:flex;flex-wrap:wrap;justify-content:right}
.footer-nav .fotter-flex ul{width:45%;margin-right:5px}
.footer-nav .navigation li a{border-bottom:1px dotted rgba(255, 255, 255, 0.5);display:inline;padding-bottom:5px}
.footer-nav .navigation li a:hover{color:rgba(255,255,255,0.8)}
}
@media (min-width: 960px) {
.footer-nav .fotter-flex{width:500px;margin:0 auto 50px}
}
@media only screen and (max-width: 768px) {
.footer-nav .navigation ul{width:95%;margin:0 auto;text-align:center}
.footer-nav .navigation li{display:inline-block;margin-right:20px}
.footer-nav .navigation li a{display:inline-block;position:relative}
.footer-nav .navigation li a:after{content:"|";position:absolute;left:-14px;top:-1px;font-size:16px;line-height:34px;color:rgba(255,255,255,0.5)}
.footer-nav .navigation li:first-child a:after{content:""}
}



/*======= TOPページ以外の基本*/
@media all and (min-width: 320px) {
.others{}
.others-wrap{padding:20px 0}
.others .newsList .newsList__time,.others .newsList .newsList__time time{color:#666}
.others .newsList .newsList__time .cat{color:#666;color:#1284d3;border:1px solid #1284d3;text-align:center;margin-left:10px;border-radius:20px;padding:2px 20px;line-height:2}
.others .newsList .newsList__time .cat a{color:#1284d3}
.others .newsList .newsList__text{margin:8px 60px 0 15px}
.others .newsList .newsList__text a{color:#333;font-size:15px}
.others .newsList li:after{border-top:1px solid #1284d3;border-right:1px solid #1284d3}
.others .newsList li{border-bottom:1px dotted #555}
.others .newsList__choi{margin:15px 60px 5px 15px}
.others .newsList__choi p{color:#aaa}
.others .newsList__readmore{margin:5px 60px 5px 15px;text-align:right}
.others .lead{margin-bottom:50px}
}
@media all and (min-width: 768px) {
.others{width:650px;margin:0 auto}
}


/*======= パンくず*/
@media all and (min-width: 320px) {
.breadcrumb-wrap{position:relative;margin:0 auto;max-width:1180px;padding:0 20px;z-index:10}
#breadcrumb{margin:auto;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #aaa}
#breadcrumb a,#breadcrumb span{font-size:11px;display:inline-block;margin:10px 0;padding:5px 0;letter-spacing:.5px;text-decoration:none;color:#1268d3;-webkit-transition:all 250ms ease-out;-moz-transition:all 250ms ease-out;-ms-transition:all 250ms ease-out;-o-transition:all 250ms ease-out;transition:all 250ms ease-out}
#breadcrumb a:first-child,#breadcrumb span:first-child{padding-left:0}
#breadcrumb span{color:#000}
#breadcrumb .sepa{position:relative;display:inline-block;width:10px;height:10px}
#breadcrumb .sepa:before{content:"";position:absolute;left:5px;top:1px;display:block;width:1px;height:10px;background:#666}
}
@media all and (min-width: 768px) {
.breadcrumb-wrap{padding:0 30px}
#breadcrumb a:hover{color:#000}
}


/*======= ページネーション*/
.pageNation{margin:50px 0 0;padding:0;text-align:center;vertical-align:top;list-style:none}
.pageNation li{width:23px;height:23px;overflow:hidden;display:inline-block;line-height:24px;font-size:14px}
.pageNation li a{height:23px;display:block;text-decoration:none}
.pageNation li span{height:23px;display:block;color:#fff;background-color:#111}



/*======= ページ送り*/
@media all and (min-width: 320px) {
.single-nav-area{position:relative;height:80px;margin:100px auto 0;padding:30px 0;width:90%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;border-top:1px solid #ccc}
.single-nav-area a{display:inline-block;color:#222}
.single-nav-area a span{position:relative;display:block;padding:0 5px;width:100%;font-size:12px;height:20px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.single-nav-area a span:after{content:"";position:absolute;right:0;top:0;width:20px;height:20px;background:url(../images/sla.svg);background-size:20px 20px}
.single-nav-area a.prev span{padding-left:22px}
.single-nav-area a.next span{margin-right:10px}
.single-nav-area a.prev span:after{right:auto;left:0;-webkit-transform:rotate(180deg);-mox-transform:rotate(180deg);transform:rotate(180deg)}
}
@media all and (min-width: 960px) {
.single-nav-area a,.single-nav-area a:hover{color:#b0846e}
}


/*======= 月刊アーカイブ*/
.others .selectbox{width:90%;margin:1em auto;position:relative}
.others select{-webkit-appearance:none;appearance:none;width:100%;padding:1em 2em;box-sizing:border-box;font-size:1em;border:#666 1px solid;border-radius:26px;background:#fff}
.others .selectbox::after{content:"";display:block;width:10px;height:10px;position:absolute;right:8%;top:35%;border-bottom:#1268d3 2px solid;border-right:#1268d3 2px solid;transform:rotate(45deg)translateY(-30%)}
.others .color.selectbox select{background:blue;color:#fff;border-radius:2em}
.others .color.selectbox::after{border-bottom:#fff 5px solid;border-right:#fff 5px solid}
.others :focus{outline:none}



/*======= テーブルレイアウト*/
@media all and (min-width: 320px) {
.dlList-wrap,.table-wrap{padding:30px 0 0}
.dlList dt{border-top:2px solid #66879d;padding:20px 3%;font-weight:800;font-size:13px}
.dlList dd{border-top:1px solid #b4c1c9;padding:20px 3%;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.dlList a{display:inline-block;background:rgba(255,255,255,0.8);padding:5px 15px;border-radius:15px;color:#1284d3;font-weight:700}
.dlList dd.arrow a{position:relative;line-height:2.5em}
.dlList dd.arrow a:after{position:absolute;right:-15px;top:10px;content:"";display:inline-block;width:1em;height:1em;background:url(../images/arrow.png) no-repeat;background-size:contain}
.olList-wrap,.ulList-wrap{padding:0 0 30px}
.olList,.ulList{list-style-type:decimal;margin:0 0 0 1em;text-align:left}
.olList li{list-style:auto;margin-bottom:10px;font-size:13px}
.ulList li{list-style:disc;list-style-position:outside!important;margin-bottom:10px;font-size:13px}
.olList li strong,.ulList li strong{color:#1284d3}
.tableList{border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:2px;white-space:nowrap;min-width:600px}
.tableList tr{border-bottom:#b4c1c9 1px solid;height:75pt}
.tableList tr:nth-child(1){border-bottom:3px #66879d double;height:auto;font-weight:700}
.tableList td,.tableList th{font-size:13px;width:15%;padding:10px 5px;text-align:center}
.tableList th:nth-child(1){width:10%;border-bottom:2px solid #66879d;text-align:center;font-weight:700;background-color:#e6ebfa}
.tableList tr:nth-child(1) td:nth-child(1),.tableList tr:nth-child(1) th:nth-child(1){border-bottom:0;background:none}
.tableList .spOnly{display:none}
.tableList.service td,.tableList.service th{width:70%;text-align:left}
.tableList.service td:nth-child(1),.tableList.service th:nth-child(1){width:30%}
.tableList.service tr:nth-child(1) th:nth-child(2){text-align:center}
.ta-r.note{text-align:right;font-size:.7em;margin-bottom:20px}
.table-wrap .chu{margin:10px 0;color:#1268d3}
a.link{border-bottom:1px dotted #1268d3;font-size:14px;margin-bottom: 2px; display: inline-block;}
}
@media all and (min-width: 768px) {
.dlList{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.dlList dt{width:90px;padding:20px 0}
.dlList dd{width:calc(100% - 90px);padding:20px 0}
}
@media only screen and (max-width: 767px) {
.table-wrap{overflow-x:scroll;padding:10px 0 30px}
.tableList{table-layout:fixed;width:100%}
.tableList td,.tableList th{font-size:12px}
.scroll-hint-shadow-wrap::after{background:linear-gradient(270deg,rgba(0,0,0,.05) 0,rgba(0,0,0,0) 20px,rgba(0,0,0,0))!important}
.scroll-hint-shadow-wrap::before{background:linear-gradient(90deg,rgba(0,0,0,.05) 0,rgba(0,0,0,0) 20px,rgba(0,0,0,0))!important}
}


/*======= 交通・アクセス access*/
.map-wrap{width:100%}
.map-wrap img{width:100%}



/*======= 料金・入会案内 fee*/
.bg-blue{padding:5%;background:rgba(230, 235, 250, 0.5);margin-top:30px}
@media all and (min-width: 768px) {
.fee .dlList dt{width:150px;height:35px;background-color:#e6ebfa;text-align:center}
.fee .dlList dd{width:calc(100% - 160px);padding-left:10px}
}


/*======= クラス紹介 class*/
.no-scroll .tableList{white-space:inherit}
.no-scroll .tableList td{text-align:left}
.table-wrap.no-scroll{padding-top:0}
.no-scroll .tableList tr:nth-child(1){border-bottom:2px solid #66879d;height:75pt;font-weight:400}
.no-scroll .tableList tr:nth-child(1){border-bottom:#b4c1c9 1px solid;border-top:2px solid #66879d}
.no-scroll .tableList tr:nth-child(1) th:nth-child(1){border-bottom:2px solid #66879d;background:#e6ebfa}
.no-scroll .tableList tr:nth-child(1) td:nth-child(1){border-bottom:#b4c1c9 1px solid;background:none}
.img-wrap{width:50%;margin:20px auto 70px}
.img-wrap img{width:100%}
.class .others{margin:0 auto 150px}
.class h3{color:#1284d3;font-size:1.2em}
.class .footer-nav .nav_ad.kawaguchi{background:rgba(90, 110, 205, 1);margin:30px auto 70px;max-width: 400px;}
@media only screen and (max-width: 767px) {
.class .others{margin:0 auto 100px}
.table-wrap.no-scroll{overflow-x:inherit;width:100%}
.no-scroll .tableList{min-width:inherit;width:100%;text-align:left}
.no-scroll .tableList th:nth-child(1){width:5%}
.no-scroll .tableList th:nth-child(1) span{font-weight: 400; font-size:0.8em;}
.img-wrap{width:90%}
}


/*======= スケジュール schedule*/
.schedule .btn-wrap.bl a,.schedule .btn-wrap.bl-o a{background: rgba(255,255,255,0.5);}
.schedule .btn-wrap.bl a::after,.schedule .btn-wrap.bl-o a::after{position:absolute;top:0;bottom:0;right:5%;margin:auto;content:"";vertical-align:middle;width:0.6em;height:0.6em;border-top:1px solid #333 ;border-right:1px solid #333 ;-webkit-transform:rotate(45deg);transform:rotate(45deg); background:none;}
.schedule .btn-wrap.bl a::before,.schedule .btn-wrap.bl-o a::before{position:absolute;content:"";width: 100%; height: 100%; top: 0;left: 0;}
.schedule .calender__link__icon{margin-top: 10px;}
.schedule img.sociavore-icon{height:40px;width:40px;}
@media (min-width: 768px) {
/*.schedule .btn-wrap.wh a:hover,.schedule .btn-wrap.bl a:hover,.schedule .btn-wrap.bl-o a:hover{background:rgba(20,130,210,0.1); }*/
.schedule .btn-wrap.bl a:hover,.schedule .btn-wrap.bl-o a:hover{opacity: 1;background: rgba(255,255,255,0.2);} 
.schedule .btn-wrap.bl a:hover::after,.schedule .btn-wrap.bl-o a:hover::after{border-top:2px solid #fff ;border-right:2px solid #fff ;z-index: 2;}
.schedule .btn-wrap.bl a:hover::before,.schedule .btn-wrap.bl-o a:hover::before{position:absolute;top:0;left:88%;width:12%;height: 100%; content:"";background: rgba(20,130,220,0.8); z-index: 1;}   
}



/*======= お客様の声　voice*/
.voice .others{margin:50px auto;position:relative;padding:50px 30px}
.voice .others:before{border-left:solid 2px #66879d;border-top:solid 2px #66879d;top:0;left:0;position:absolute;content:"";width:50px;height:50px}
.voice .others:after{border-right:solid 2px #66879d;border-bottom:solid 2px #66879d;bottom:0;right:0;position:absolute;content:"";width:50px;height:50px}
.voice h3{margin-bottom:0}
@media all and (min-width: 768px) {
.voice .others{width:500px}
.voice .dlList dt{width:170px}
.voice .dlList dd{width:calc(100% - 200px);padding:20px 0 20px 20px}
}
@media only screen and (max-width: 767px) {
.voice .dlList dt,.voice .dlList dd{padding:10px 3%}
}



/*======= コーチ紹介 coach*/
@media all and (min-width: 320px) {
.coach-introle .others{margin-top:50px}
.coach-wrap{width:90%;margin:0 auto 30px;background:#fff;padding-top:30px;padding:30px 0;border-radius:10px;box-shadow:0 0 5px 0 #ddd}
.coach-img>a{margin:0 auto;display:block;width:80%}
.coach-img{margin-bottom:30px}
.coach-wrap img{width:100%;height:auto}
.coach-wrap .btn-wrap{width:180px;margin:0 auto}
.coach-wrap h2{font-weight:700}
}
@media all and (min-width: 590px) {
.coach-intro .others{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: top}
.coach-wrap{width:calc((100% - 30px) / 2)}
.coach-wrap:nth-of-type(even){margin-left:30px}
}
@media all and (min-width: 768px) {
.coach-intro .others{width:750px}
.coach-wrap:nth-of-type(even){margin-left:0;}
.coach-wrap{margin:0 0 30px; width: 32%;}
.coach-intro .others:after { content: ""; display: block; width: 32%; height: 0;}
}

/*======= コーチシングルページ single-coach */
.coach .img-wrap{width:80%;margin:20px auto 30px}
.coach .img-wrap img{width:100%;height:auto}
.coach h3{margin-top:40px;font-size:1.2em;color:#1284d3;border-bottom:none}
.coach .dlList dt,.voice .dlList dd{padding:10px 3%}
@media all and (min-width: 768px) {
.coach .img-wrap{width:50%}
.coach .others{width:500px}
.coach .dlList dt{width:150px;padding:20px 0 20px 10px}
.coach .dlList dd{width:calc(100% - 200px);padding:20px 0 20px 20px}
}


/*======= 体験レッスン about/trial */
.step{margin-bottom:50px}
.trial h3{color:#1284d3;font-size:1.2em}
.trial h3 span{color:#1284d3;font-size:1.5em}
.img-wrap-row{width:90%;margin:20px auto 10px}
.img-wrap-row img{width:100%}
@media all and (min-width: 768px) {
.step{width:100%;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:flex-start}
.step .img-wrap-row{width:45%;margin:0}
.step p{width:50%}
}


/*======= 初めての方 about/ */
.gray-wrap{width:90%;margin:0 auto;background:rgba(20,20,20,0.05);padding:50px 20px}
.atpca-wrap{width:90px;height:90px;margin:0 auto 30px;position:relative;z-index:0;text-align:center}
.atpca-wrap::before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:#fff;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);z-index:1}
.atpca-wrap img{width:90%;margin:0 auto;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.point{position:relative;width:85%;background:#fff;margin:0 auto;height:80px;box-shadow:0 5px 5px 0 #ccc;margin-bottom:30px;right: -15px;}
.point-wrap{padding:30px 0 0}
.point h3{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);border-radius:50%;background:#1284d3;height:60px;width:60px;padding:0;margin:0}
.point h3 img{width:90%;margin:0 auto;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.point p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center;font-weight:700;font-size: 12px; color: #555;white-space: nowrap;}
.marker{background-image:linear-gradient(90deg,#b7dbff,#c8c9ff);background-position:left bottom;background-repeat:no-repeat;background-size:0 .5em;padding-bottom:2px;transition:background-size 1s;font-size:1.1em;font-size: 1.2em;}
.marker.active{background-size:100% .8em}
@media all and (min-width: 768px) {
.gray-wrap{display:flex;flex-wrap:wrap;align-items:center;padding:50px 50px 50px 20px;width:500px}
.atpca-text-wrap{width:70%}
.point-wrap{display:flex;flex-wrap:wrap;justify-content:space-between}
.point{width:42%}
.point:nth-child(2n){margin-right:0;margin-bottom:50px}
}

.news-tag {color: #1255a3; font-size: 13px;}
.others .news-tag {color: #1284d3; font-size: 13px;}