﻿*{box-sizing:border-box}html.html_reset{margin:0 !important;padding:0 !important}
body{height:100%;overflow-y:scroll;background-color:#fff;text-align:center;color:#191919;font-family:YakuHanJP, 'Noto Sans JP', 'Noto Sans', "メイリオ","Meiryo","MS PGothic",sans-serif;font-size:16px;line-height:1.7em}
main{position:relative;overflow:hidden}
a{color:#02bcb9;text-decoration:none;outline:none;transition:0.2s}
a:hover{text-decoration:none;opacity:0.8}
img{vertical-align:bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden}
@media only screen and (max-width: 835px){
    body{}
    body.scroll_on{overflow-y:scroll;overflow-x:hidden;pointer-events:auto}
}
.pc_only{display:block}
.sp_only{display:none !important}
@media only screen and (max-width: 835px){
    .pc_only{display:none !important}
    .sp_only{display:block !important}
}
@media only screen and (min-width: 835px){
    header .nav_outer{position:fixed;z-index:9998;top:0;left:0;width:100%;height:120px;background-color:#fff;display:flex;justify-content:space-between;padding-right:190px;transition:0.3s}
	header .nav_outer .logo { display:flex; align-items:center; padding-left:1%;}	
    header .nav_outer .logo img{width:auto;height:72px}
    header .nav_outer .global_nav{display:flex;justify-content:flex-end;font-family:"Russo One",YakuHanJP,"Noto Sans JP","Noto Sans","メイリオ","Meiryo","MS PGothic",sans-serif}
    header .nav_outer .global_nav ul{display:flex;justify-content:flex-end;align-items:center}
    header .nav_outer .global_nav ul li{display:block; margin: 0 clamp(2px, 1.4vw, 30px);}
    header .nav_outer .global_nav ul li a{display:block;color:#191919;font-size:18px;transition:0.2s}
    header .nav_outer .global_nav ul li a:hover{transform:translateY(-3px);opacity:1}
    header .nav_outer .global_nav ul.page_links{margin-right:20px}
    header .nav_outer .global_nav ul.sns_links li:last-of-type{margin-right:0}
    header .nav_outer .global_nav ul.sns_links li a svg{width:auto;height:30px;fill:#191919}
    header .nav_outer .global_nav ul.sns_links li a svg.youtube{height:26px}
    header .nav_outer .global_nav ul.sns_links .x-icon{width: 31px;padding-bottom: 6px;}
    header .nav_outer.top_nav{background-color:rgba(255,255,255,0)}
    header .nav_outer.top_nav .logo{opacity:0;pointer-events:none;transition:0.3s}
    header .nav_outer.top_nav .global_nav ul li a{color:#fff;transition:0.3s}
    header .nav_outer.top_nav .global_nav ul.sns_links li a svg,header .nav_outer.top_nav .global_nav ul.sns_links li a img{fill:#fff;transition:0.3s}
    header .nav_outer.scroll_in{background-color:#fff;height:50px}
    header .nav_outer.scroll_in .logo{opacity:1;pointer-events:inherit}
    header .nav_outer.scroll_in .logo img{height:40px}
    header .nav_outer.scroll_in .global_nav ul li a{color:#191919}
    header .nav_outer.scroll_in .global_nav ul.sns_links li{margin:0 10px}
    header .nav_outer.scroll_in .global_nav ul.sns_links li a svg,header .nav_outer.scroll_in .global_nav ul.sns_links li a img{fill:#191919}
    .gt_switcher_wrapper{top: 35px !important;right: 15px !important;}
    .gt_switcher_wrapper::after{
        content: '';
    pointer-events: none;
    position: absolute;
    top: 48%;
    right: 1.2em;
    transform: translate(50%, -50%) rotate(45deg);
    width: 5px;
    height: 5px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;}
    .gt_selector {padding: 12px;border-radius: 4px;border: initial;background-color: #3eabaa;color: #fff;appearance: none;}
    .gt_selector:focus {outline: initial;}
    .gt_switcher_wrapper.scroll_in{top: 5px !important; transition: .3s;}
    .gt_selector option:hover,
    .gt_selector option:checked{background-color: #fff ; color: #111 ;}
}
    @media only screen and (max-width: 835px){
        header .nav_outer{position:fixed;z-index:9999;top:0;left:0;width:100%;height:70px;background-color:#fff;display:flex;justify-content:space-between; padding-left:2%;transition:0.3s}
        header .nav_outer .logo{position:relative;z-index:1; display:flex; align-items:center;}
        header .nav_outer .logo img{width:auto;height:40px;transition:0.3s}
        header .nav_outer .global_nav{position:fixed;z-index:0;top:0px;left:0;width:100%;height:100vh;background-color:#fff;padding:20px;opacity:0;pointer-events:none;transition:0.3s;padding-top:90px;font-family:"Russo One",YakuHanJP,"Noto Sans JP","Noto Sans","メイリオ","Meiryo","MS PGothic",sans-serif}
        header .nav_outer .global_nav.active{opacity:1;pointer-events:inherit}
        header .nav_outer .global_nav ul li a{padding:0.75em 0;display:block;font-size:20px}
        header .nav_outer .global_nav ul.page_links{border-top:1px dotted #02bcb9}
        header .nav_outer .global_nav ul.page_links li{border-bottom:1px dotted #02bcb9}
        header .nav_outer .global_nav ul.sns_links{display:flex;justify-content:center;padding-top:30px;align-items:center;}
        header .nav_outer .global_nav ul.sns_links li{width:35px;margin:0 10px}
        header .nav_outer .global_nav ul.sns_links li svg{width:100%;height:auto}
        header .nav_outer .global_nav ul.sns_links li .x-icon{width:31px}
        header .nav_outer.top_nav{background-color:rgba(255,255,255,0)}
        header .nav_outer.top_nav .logo{opacity:0;pointer-events:none;transition:0.3s}
        header .nav_outer.top_nav.scroll_in{background-color:#fff;height:50px}
        header .nav_outer.top_nav.scroll_in .logo{opacity:1;pointer-events:inherit}
        header .nav_outer.top_nav.scroll_in .logo img{height:35px}
        header .nav_outer.top_nav.active{background-color:#fff}
        header .nav_outer.top_nav.active .logo{opacity:1;pointer-events:inherit}
        header .nav_outer.scroll_in{height:50px}
        header .nav_outer.scroll_in .logo img{height:35px}
        .gt_switcher_wrapper{top: 19px !important;right: 58px !important;}
        .gt_switcher_wrapper::after{
            content: '';
        pointer-events: none;
        position: absolute;
        top: 48%;
        right: 1.2em;
        transform: translate(50%, -50%) rotate(45deg);
        width: 5px;
        height: 5px;
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;}
        .gt_selector {padding: 9px;border-radius: 4px;border: initial;background-color: #3eabaa;color: #fff;appearance: none; width: 120px;}
        .gt_selector:focus {outline: initial;}
        .gt_switcher_wrapper.scroll_in{top: 9px !important; transition: .3s;}
        .gt_selector option:hover,
    .gt_selector option:checked{background-color: #fff ; color: #111 ;}
        
    }
    .nav_trigger_outer{display:none;position:relative;width:60px;height:50px}
    .nav_trigger_outer .nav_trigger{display:block;position:absolute;width:30px;height:20px;cursor:pointer;top:50%;left:50%;transform:translate(-50%, -50%);transition:0.5s}
    .nav_trigger_outer .nav_trigger span{position:absolute;right:0;width:100%;height:3px;background:#191919;display:inline-block;transition:0.5s;border-radius:3px}
    .nav_trigger_outer .nav_trigger span:nth-last-of-type(1){top:0}
    .nav_trigger_outer .nav_trigger span:nth-last-of-type(2){top:50%;transform:translateY(-50%)}
    .nav_trigger_outer .nav_trigger span:nth-last-of-type(3){bottom:0}
    .nav_trigger_outer::before{position:absolute;display:block;content:"";pointer-events:none;top:0px;left:0px;width:100%;height:100%;border-bottom-left-radius:7px;transition:0.2s;opacity:0.9}
    .nav_trigger_outer.active .nav_trigger span:nth-last-of-type(1){top:50%;transform:translateY(-50%) rotate(-315deg)}
    .nav_trigger_outer.active .nav_trigger span:nth-last-of-type(2){opacity:0}
    .nav_trigger_outer.active .nav_trigger span:nth-last-of-type(3){top:50%;transform:translateY(-50%) rotate(315deg)}
    .nav_trigger_outer.active::before{filter:drop-shadow(0 0px 0px transparent)}
    .nav_outer.top_nav .nav_trigger_outer .nav_trigger span{background:#fff}
    .nav_outer.top_nav.scroll_in .nav_trigger_outer .nav_trigger span{background:#191919}
    .nav_outer.top_nav.active .nav_trigger_outer .nav_trigger span{background:#191919}
    @media only screen and (max-width: 835px){
        .nav_trigger_outer{display:block}
    }
    footer{padding:100px 0}
    footer .sns_link{display:flex;justify-content:center;margin-bottom:25px}
    footer .sns_link li{width:35px;display:flex;align-items:center;margin:0 20px}
    footer .sns_link li a{display:block;width:100%}
    footer .sns_link li a img{width:100%}
    @media only screen and (max-width: 769px){
        footer{padding:40px 0}
        footer .sns_link{margin-bottom:20px}
        footer .sns_link li{margin:0 15px}
    }
    .IEblock{display:none}
    @media (-ms-high-contrast: none), (-ms-high-contrast: active){
        .IEblock{position:fixed;display:block !important;z-index:30000;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:#ee768e}
        .IEblock .comment_block{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#fff;border-radius:10px;text-align:center;height:90%;width:90%;max-height:400px;max-width:600px}
        .IEblock .comment_block p{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:90%;color:#111;font-size:20px;font-weight:bold}
        .IEblock .comment_block p span{font-size:0.8em}
    }
    #error_404{padding:calc(var(--main_padding)*2) 0}
    #error_404 .container_s{width:90%; max-width:1000px; margin:0 auto;}
    #error_404 .container_s .stit{font-size:26px;line-height:1em;margin-bottom:1em; font-weight:bold; color:#02bcb9;}
    #error_404 .container_s .text{margin-bottom:3em}
    #error_404 .container_s .error_toplink{position:relative;display:block;margin:0 auto;width:min(230px, 70%);height:60px;display:grid;place-items:center;background-color:#02bcb9;color:#fff;font-weight:bold;font-size:18px;white-space:nowrap;letter-spacing:0.05em;transition:0.2s;border-radius:5px}
    #error_404 .container_s .error_toplink:hover{transform:translateY(-2px)}.clearfix:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:"."}
/*# sourceMappingURL=common.css.map */
