@charset "UTF-8";
/*
Theme Name:M Data 様用テンプレート
Version:0.1
Author:株式会社グラス
*/
body{min-width:1100px;}
body.fixed{position:fixed;height:100%;width:100%;overflow:hidden;}
header{background-color:white;}
header .header-inner{position:relative;min-width:1100px;margin:0 auto;}
header .header-inner .header-bar{height:110px;}
header .header-inner .header-bar .logo{position:absolute;display:block;font-size:0;width:160px;height:46px;background:url(img/logo.png) center center no-repeat;background-size:contain;top:23px;left:40px;}
header .header-inner .header-bar .hamburger{position:absolute;top:38px;right:40px;z-index:50;}
header .header-inner .header-bar .hamburger a{display:block;width:42px;height:42px;font-size:0;background:url(img/hamburger.svg) no-repeat;background-size:cover;}

header .header-inner .slide-menu{display:none;width:300px;height:100vh;position:absolute;top:0;right:0;z-index:99;background-color:rgba(255,255,255,0.8);/* transition:opacity 0.3s,right 0.3s;*/}
header .header-inner .slide-menu .close-btn{position:absolute;top:38px;right:40px;width:42px;height:42px;}
header .header-inner .slide-menu .close-btn a{display:block;}
header .header-inner .slide-menu .hamburger-menu{margin:175px 0 0 90px;}
header .header-inner .slide-menu .hamburger-menu li{margin-bottom:1.5em;font-size:16px;width:150px;}
header .header-inner .slide-menu .hamburger-menu li a{color:#222222;display:inline-block;width:150px;}

header .header-inner .normal-menu-area{position:fixed;width:100%;height:90px;top:-90px;left:0;background-color:white;transition:top 0.3s;z-index:99;}
header .header-inner .normal-menu{display:flex;width:1100px;height:90px;align-items:center;margin:0 auto;justify-content:flex-end;}
header .header-inner .normal-menu li{margin-left:2em;}
header .header-inner .normal-menu li a{text-decoration:none;font-size:16px;color:#333333;}
header .header-inner .normal-menu li a.active{color:#079aa7;}

#BODY_COVERED_DUMMY{display:none;position:absolute;width:100%;height:100vw;font-size:0;background-color:rgba(0,0,0,0);z-index:98;}

footer .btn-area{height:170px;}
footer .btn-area .inquiry-btn{display:block;width:370px;line-height:70px;border-radius:10px;font-size:20px;text-align:center;color:white;background-color:#333333;margin:0 auto;}
footer .footer-menu-area{height:75px;background-color:#eeeeee;padding-top:55px;}
footer .footer-menu-area .footer-menu{display:flex;margin:0 auto;width:1094px;justify-content:space-between;color:#333333;}

footer .footer-menu-area .footer-menu .sns-btn-area{display:flex;}
footer .footer-menu-area .footer-menu .sns-btn-area .sns-btn{display:block;font-size:0;}
footer .footer-menu-area .footer-menu .sns-btn-area .fb-btn{width :26px;height:26px;background:url(img/facebook-pc.png) center center no-repeat;margin-right:13px;}
footer .footer-menu-area .footer-menu .sns-btn-area .tw-btn{width :26px;height:26px;background:url(img/twitter-pc.png) center center no-repeat;}
footer .footer-menu-area .footer-menu .sns-btn-area .x-btn{width :26px;height:26px;background:url(img/x-pc.png) center center no-repeat;}

footer .footer-menu-area .footer-menu .menu{display:flex;width:715px;justify-content:space-between;}
footer .footer-menu-area .footer-menu .menu li{font-size:13px;}
footer .footer-menu-area .footer-menu .menu li a{display:flex;align-items:center;height:26px;}
footer .footer-menu-area .footer-menu .blanc {display:flex;margin-left:7px;opacity:0;}

footer .footer-inner {background-color:#555555;height:33px;padding-top:17px;}
footer .footer-inner .footer-content{min-width:1050px;margin:0 auto;display:flex;justify-content:space-between;padding:0 25px;}
footer .footer-inner .footer-content .footer-btn{display:flex;width:276px;justify-content:space-between;}
footer .footer-inner .footer-content .footer-btn li a{display:block;color:#dddddd;font-size:11px;}
footer .footer-inner .footer-content p{color:#dddddd;font-size:11px;}

footer .footer-inner .footer-content .language{display:flex;background:url(img/lang-bg-en.png) center center no-repeat;background-size:contain;}
footer .footer-inner .footer-content .language.english{background-image:url(img/lang-bg-jp.png);}
footer .footer-inner .footer-content .language li{font-size:16px;font-weight:bold;margin-left:7px;opacity:0;}
footer .footer-inner .footer-content .language .slash{opacity:0;}
footer .footer-inner .footer-content .language li a{display:flex;align-items:center;height:26px;opacity:0;}


footer.ipad .footer-menu-area .footer-menu .menu{width:765px;}
footer.ipad .footer-inner .footer-content .footer-btn{width:326px;}

footer .page-top{position:fixed;bottom:0;right:0;}
#BTN-PAGE-TOP{display:none;position:absolute;bottom:250px;right:50px;width:56px;height:97px;background:url(img/pagetop.png) no-repeat;background-size:contain;font-size:0;}

body > .page-header{height:140px;display:flex;justify-content:flex-start;align-items:center;flex-flow:column;margin-bottom:60px;background-color:white;}
body > .page-header > .title-image{width:100%;height:32px;font-size:0;background-repeat:no-repeat;background-position:center center;background-size:contain;flex-shrink:0;}
body > .page-header > h1{font-size:18px;font-weight:normal;line-height:1;margin-top:24px;flex-shrink:0;}

main{overflow-x:hidden;}
main .main-inner{width:1100px;margin:0 auto 100px auto;}
main .main-inner section.body{background-color:white;padding:70px;}
main .main-inner section.body *{line-height:2;}
main .main-inner section.body .has-text-align-center{text-align:center;}
main .main-inner section.body .has-text-align-right{text-align:right;}
main .main-inner section.body hr.wp-block-separator{border:0;border-top:1px solid #ccc;height:0;margin:1em 0;}
main .main-inner section.body.single a{color:#018d9f;text-decoration:underline;}

main .main-inner .white-box{margin-bottom:58px;font-size:16px;padding:70px;background-color:white;color:#222222;}
main .main-inner .white-box .wp-block-separator{width:70px;height:0;margin:20px auto 60px auto;border:0;border-top:3px solid #2d99a7;}
main .main-inner .white-box .wp-block-separator.is-style-wide{box-sizing:border-box;height:0;margin:0;width:100%;border-top:1px solid #ccc;}


@media (max-width:750px){
    body{min-width:100%;}
    /* header{position:fixed;top:0;} */
    header .header-inner{width:100vw;min-width:0;padding-top:18.6666vw;}
    header .header-inner .header-bar{position:fixed;top:0;z-index:98;height:18.6666vw;width:100%;background-color:white;}
    header .header-inner .header-bar .logo{width:22.9333vw;height:6.6666vw;top:6.7666vw;left:6.9333vw;}
    header .header-inner .header-bar .hamburger{position:absolute;top:7.0666vw;right:6.8vw;}
    header .header-inner .header-bar .hamburger a{width:5.0666vw;height:5.0666vw;}
    header .header-inner .slide-menu{width:100%;height:100vh;}
    header .header-inner .slide-menu .close-btn{position:absolute;top:7.0666vw;right:6.8vw;width:5.0666vw;height:5.0666vw;}
    header .header-inner .slide-menu .close-btn a img{width:100%;}
    header .header-inner .slide-menu .hamburger-menu{margin:24.6666vw 0 0 0;}
    header .header-inner .slide-menu .hamburger-menu li{margin-bottom:1.3em;font-size:4.8vw;text-align:center;width:100%}
    header .header-inner .slide-menu .hamburger-menu li a{width:50%;}
    header .header-inner .normal-menu-area{display:none;}


    footer .btn-area{height:32vw;}
    footer .btn-area .inquiry-btn{width:72vw;line-height:18.6666vw;font-size:4.2666vw;}

    footer .footer-menu-area{height:55.3333vw;padding-top:12vw;}
    footer .footer-menu-area .footer-menu{display:block;width:100vw;}

    footer .footer-menu-area .footer-menu .sns-btn-area{display:flex;justify-content:center;margin-bottom:8.9333vw;}
    footer .footer-menu-area .footer-menu .sns-btn-area .fb-btn{width :20.9333vw;height:7.6vw;margin-right:5.3333vw;background-image:url(img/facebook-sp.png);background-size:contain;}
    footer .footer-menu-area .footer-menu .sns-btn-area .tw-btn{width :20.9333vw;height:7.6vw;background-image:url(img/twitter-sp.png);background-size:contain;}
    footer .footer-menu-area .footer-menu .sns-btn-area .x-btn{width :20.9333vw;height:7.6vw;background-image:url(img/x-sp.png);background-size:contain;}

    footer .footer-menu-area .footer-menu .menu{display:flex;flex-flow:column wrap;width:82.6666vw;height:33.3333vw;justify-content:none;margin:0 auto 1vw auto;}
    footer .footer-menu-area .footer-menu .menu li{font-size:3.7333vw;margin-bottom:7.0666vw;}
    footer .footer-menu-area .footer-menu .menu li a{display:block;height:3.4666vw;line-height:1;}

    footer .footer-inner {height:33.3333vw;padding-top:10vw;}
    footer .footer-inner .footer-content{display:block;width:100vw;padding:0;min-width:0;}
    footer .footer-inner .footer-content .footer-btn{display:flex;width:100vw;min-width:0;justify-content:center;}
    footer .footer-inner .footer-content .footer-btn li{margin:0 4vw 7.3333vw 0;}
    footer .footer-inner .footer-content .footer-btn li:last-child{margin-right:0;}
    footer .footer-inner .footer-content .footer-btn li a{display:block;font-size:3.7333vw;}
    footer .footer-inner .footer-content p{text-align:center;padding-top:7vw;font-size:2.6666vw;}
    footer .footer-inner .footer-content .language{justify-content:center;}
    footer .footer-inner .footer-content .language li{font-size:4.8vw;line-height:1;}
    footer .footer-inner .footer-content .language li:first-child{margin-left:0;}
    footer .footer-inner .footer-content .language li a{display:block;line-height:1;}

    #BTN-PAGE-TOP{bottom:0;right:0;width:10.6666vw;height:18.4vw;}
    #BTN-PAGE-TOP:hover{opacity:1;}
    
    body > .page-header{height:30.6666vw;margin-bottom:8vw;}
    body > .page-header > .title-image{height:7.6vw;margin-top:5.8666vw;}
    body > .page-header > h1{font-size:4vw;margin-top:4vw;}

    main .main-inner{width:92vw;margin:0 4vw 13vw 4vw;}
    main .main-inner section.body{background-color:white;padding:6.6666vw;}

    main .main-inner .white-box{font-size:4vw;padding:13.3333vw 6.6666vw;margin-bottom:7.7333vw}
    main .main-inner .white-box .wp-block-separator{width:14.6666vw;margin:6vw auto 8vw auto;border:0;border-top:0.9333vw solid #2d99a7;}
}