@charset "UTF-8";

body > .page-header{height: 220px;}

body > .page-header .header-menu{margin: 60px auto 50px auto; display: flex;}
body > .page-header .header-menu li{font-size: 15px; line-height: 0.8; padding: 0 15px; color: #222222; border-right: 1px solid #222222;}
body > .page-header .header-menu li:last-child{border-right: none;}

main .main-inner .white-box h2{font-size: 28px; text-align: center;}
.wp-block-group__inner-container p a{color: #018d9f;text-decoration:underline;}

#president > div > .split-box > div{display:flex;justify-content:space-between;}
#president > div > .split-box > div .image-president{width:370px;height:536px;background:url(../img/company/image-president.jpg) center top no-repeat;background-size:contain;font-size:0;}
#president > div > .split-box > div .text{width:550px;}
#president > div > .company-name{margin-top:3em;text-align:right;line-height:1;}
#president > div > .signature{display:flex;justify-content:flex-end;align-items:flex-end;margin-top:1em;}
#president > div > .signature > span.title{line-height:1;margin-right:1em;}
#president > div > .signature > span.name{width:114px;height:25px;background:url(../img/company/pic-president-name.png) center center no-repeat;background-size:contain;font-size:0;}

#information > div > .split-columns *{font-size:15px;}
#information > div > .split-columns > div{display:flex;}
#information > div > .split-columns > div > h3{box-sizing:border-box;width:230px;padding:1.5em 0 1.5em 2em;line-height:2;font-weight:normal;}
#information > div > .split-columns > div > p,
#information > div > .split-columns > div > .wp-block-group{width:730px;padding:1.5em 0;line-height:2;word-break:normal;}
#information > div > .split-columns > div .gmap{margin-top:1.6em;}
#information > div > .split-columns > div > p small{display:block;margin-top:3px;font-size:12px;line-height:1.6;}

#lifelog > div > .lll-logo{width:468px;height:204px;margin:70px auto 0 auto;background:url(../img/company/pic-lll-logo.jpg) no-repeat center center;background-size:contain;font-size:0;}
#lifelog > div > p.lll-text{margin-top:50px;text-align:center;line-height:2;font-size:15px;}
#lifelog > div > p.lll-button a{display:block;width:407px;margin:60px auto 0 auto;padding:20px 0;line-height:1.5;background-color:#87c440;color:white;font-weight:bold;text-align:center; text-decoration:none;}


@media (max-width:750px) {
    body > .page-header{height: 76.3333vw;}

    body > .page-header .header-menu{margin: 13.3333vw auto 0 auto; display: block;}
    body > .page-header .header-menu li{font-size: 3.7333vw; line-height: 2.5; padding: 0; border-right: none; text-align: center;}

    main .main-inner .white-box h2{font-size: 5.0666vw; text-align: center;}

    #president > div > .split-box > div{display:block;}
    #president > div > .split-box > div .image-president{width:100%;height:100.8vw;background-position:center top;background-size:cover}
    #president > div > .split-box > div .text{width:100%;margin-top:3em;}
    #president > div > .company-name{font-size:3.4333vw}
    #president > div > .signature{font-size:3.4333vw}
    #president > div > .signature > span.title{line-height:1;margin-right:1em;}
    #president > div > .signature > span.name{width:24.2666vw;height:5.3333vw;}

    #information > div > .split-columns *{font-size:4vw;}
    #information > div > .split-columns > div{display:block;}
    #information > div > .split-columns > div > h3{box-sizing:border-box;width:100%;padding:1em 0 0 0;line-height:1.6;font-weight:bold;}
    #information > div > .split-columns > div > p,
    #information > div > .split-columns > div > .wp-block-group{width:100%;padding:0 0 1.5em 0;line-height:1.6;}
    #information > div > .wp-block-separator.is-style-wide{border-top-width:0.6666vw;border-top-color:#eeeeee;}
    #information > div > .split-columns > div .gmap{margin-top:1em;margin-bottom:0.5em;width:100%;height:0;overflow:hidden;padding-bottom:84.7457%;position:relative;}
    #information > div > .split-columns > div .gmap iframe{position:absolute;left:0;top:0;width:100%;height:100%;}
    #information > div > .split-columns > div > p small{margin-top:5.3333vw;font-size:3.4666vw;}

    #lifelog > div > .lll-logo{width:100%;height:35.0666vw;margin:9.3333vw 0 0 0;background-size:80.5333vw 35.0666vw;}
    #lifelog > div > p.lll-text{margin-top:10.6666vw;text-align:center;line-height:1.8;font-size:4vw;}
    #lifelog > div > p.lll-button a{display:block;width:100%;margin:8vw 0 0 0;padding:2.6666vw 0;line-height:1.38;font-size:4.8vw;}
}