#header { background:rgba(255,255,255,0); transition:background-color .2s;
     border-bottom:solid 1px rgba(0,0,0,.05); }
body.nottop #header { background:rgba(255,255,255,.9); }
.header__left { display:none; }
.header__nav { justify-content:center; }

body.index { background:url(../img/bg_top_06.png) repeat-y; background-position: center; /* background-size: contain; */ }
body.index .header__link,
body.index .header__link--current { color:#fff;}
body.index .header__link:after,
body.index .header__link--current:after { background:#fff; }
body.index .header__bt { border: rgba(255, 255, 255, 0.8) 1px solid; color: #fff; }
body.index .header__bt:hover { background: rgba(255, 255, 255, 0.3) ;}
body.index .component1 > .col > .inner > img.img { margin: 0 auto 10px auto; }
body.index.nottop .header__link,
body.index.nottop .header__link--current { color: #00447e;}
body.index.nottop .header__link:after,
body.index.nottop .header__link--current:after { background:#00447e; }
body.index.nottop .header__bt { border: rgba(0, 68, 126, 0.8) 1px solid; color: #00447e; }
body.index.nottop .header__bt:hover { background: rgba(0, 68, 126, 0.2) ;}

.hero {
    background-image:url(../img/bg_hero_top6.png);
    padding-top: 65px;
    min-height: calc(530px - 65px);
}
#logo { margin:60px 0 0 30px; width:150px; }
.hero__title,
.hero__subtitle,
.hero__catchcopy { color:#fff; /* color:#00447E; */ }
.hero__title { margin-top:80px; font-size:150%; }
.hero__title:after { margin-top:15px; }
.hero__catchcopy { font-size:1.2em; }
.hero__title:after { background-color:#00447E; }

.main { padding-top:450px; }
.main section { overflow:hidden; }
@media only screen and (max-width:767px) {
    .main { padding-top:470px; }
    .main section { padding-left:5vw; padding-right:5vw; }
    body.index .header__link,
    body.index .header__link--current { color:#00447e;}
    body.index .header__bt { border: rgba(0, 68, 126, 0.8) 1px solid; color: #00447e; }
    body.index .navbtn__bar { background: #40bbe7;}
    body.index .open .navbtn__bar { background: #00447e;}
    .hero__title { margin-top: 60px; }
}

#section_service { width:800px; max-width:90vw; margin:0 auto; }
#section_service .cols .col { border-radius:20px; padding:0;
    border:1px solid rgba(0,0,0,.1); background:rgba(255,255,255,.3); }
#section_service .cols .col .inner { padding:50px 0; }
#section_service .title__en { margin-top:20px; }
#section_service .btn { margin-top:20px; }

#section_blog { box-sizing:border-box;
    text-align:center; padding-top:100px; min-height:520px; position:relative;
    background:url(../img/bg_top_blog6.png) center top no-repeat;
    background-size: cover; }
@media only screen and (min-width:1281px) {
    #section_blog { min-height: 630px;}
}
#section_blog .title__en { color: #fff;}
#section_blog .title__jp { color: #fff;}
#section_blog .component2 { margin:40px auto 0 auto; max-width: 1180px; }
#section_blog .component2 a.col { transition:.2s; display:block; }
#section_blog .component2 a.col:hover { text-decoration:none; background:rgba(255,255,255,.3); }
#section_blog .component2 .inner h3.title { color: #fff; }
#section_blog .component2 .inner p.p { color: #fff; }
#section_blog > a.btn { /*position:absolute; bottom:20px; right:0; left:0; */
    width:160px; font-size:.8em; margin:2em auto; padding:15px 0; }
@media only screen and (max-width:767px) {
    #section_blog { background-size:cover; }
    #section_blog > a.btn { position:relative; bottom:10px; }
}


#section_content { padding-top:80px; margin-bottom:50px; }
#section_content .cols3 .col { margin-bottom:0; }
@media only screen and (max-width:767px) {
    #section_content .cols3 .col { margin-top:40px; }
}