@charset "UTF-8";

.about .content-02 .ttl-01,
.about .content-02 .address-01,
.about .contactBtn-01 .exp-01 { font-size:20px;}
.about .content-02 { font-size:100px;}
.about .subImg-01 { filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0;}
.about body.pc .contactBtn-01 .btn-01 a:hover img,
body.pc .about .contactBtn-01 .btn-01 a:hover img { filter:alpha(opacity=90); -webkit-opacity:0.9; -moz-opacity:0.9; -ms-opacity:0.9; -o-opacity:0.9; opacity:0.9;}
.about .content-02 .subImg-01 { filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1;}
.about body.pc .contactBtn-01 .btn-01 a img,
body.pc .about .contactBtn-01 .btn-01 a img { -webkit-transition:opacity 0.4s; -moz-transition:opacity 0.4s; -ms-transition:opacity 0.4s; -o-transition:opacity 0.4s; transition:opacity 0.4s;}
.about { margin-top:0.9rem; width:100%;}
.about .content-01 { max-width:1600px; width:100%; margin-left:auto; margin-right:auto; display:flex; position:relative; z-index:2;}
.about .content-01 > :nth-child(1) { width:57.1875%; overflow:hidden;}
.about .content-01 > :nth-child(1) img { width:100%; height:auto; float:left;}
.about .content-01 > :nth-child(2) { width:42.8125%;}
.about .content-01 > :nth-child(2) img { position:absolute; left:0; top:0; width:100%; height:auto;}
.about .content-02 { background:#90C320; max-width:calc(1300px + (100vw - 1300px) / 2); width:90.625%; margin-top:-0.53rem; margin-left:auto; padding-top:1.25rem; padding-bottom:0.7rem; background-position:left 1040px center; background-repeat:no-repeat; background-size:auto 100%; background-image:url("../images/about/contentBg-01.png"); z-index:1;}
.about .content-02:before { content:""; display:block; background-color:#83BC1C; position:absolute; top:0; right:0; width:calc(100% - 1350px); height:100%;}
.about .content-02 * { color:#fff;}
.about .content-02 .ttl-01,
.about .content-02 .address-01 { text-align:center; max-width:1300px; width:89.65517%; line-height:1.9; letter-spacing:0.1em; font-weight:400;}
.about .content-02 .ttl-01 { padding-bottom:1.5em; margin-bottom:1.5em; position:relative;}
.about .content-02 .ttl-01:after { content:""; display:block; background-color:#fff; width:2em; height:1px; position:absolute; left:50%; bottom:0; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
.about .content-02 .subImg-01 { position:absolute; left:0; top:100%;}
.about .subImg-01 { max-width:1300px; width:89.65517%; margin-left:auto; margin-right:auto; display:flex;}
.about .subImg-01 li { width:calc(100% / 3); overflow:hidden;}
.about .subImg-01 li img { width:100%; height:auto; float:left;}
.about .contactBtn-01 { width:90%; margin-top:0.8rem; margin-right:auto; margin-left:auto;}
.about .contactBtn-01 .exp-01 { letter-spacing:0.1em; margin-bottom:1.7em; text-align:center; width:100%;}
.about .contactBtn-01 .btn-01 { overflow:hidden; width:3.4rem; margin-right:auto; margin-left:auto;}
.about .contactBtn-01 .btn-01 a { display:block; float:left; background:#fff;}
.about .contactBtn-01 .btn-01 a img { width:100%; height:auto; float:left;}

@media (max-width:1600px) {
.about .content-02 { background-position:left 126.2069% center;}
.about .content-02:before { width:8.27586%;}
}

@media (max-width:1500px) {
.about .content-01 > :nth-child(2) img { top:-0.15rem;}
.about .content-02 { background-position:left 134.62069% center;}
.about .content-02:before { content:none;}
}

@media (max-width:1400px) {
.about .content-02 { background-position:left 144.23645% center;}
}

@media (max-width:1300px) {
.about .content-02 { background-position:left 155.33156% center;}
}

@media (max-width:1200px) {
.about .content-02 { background-position:left 168.27586% center;}
}

@media (max-width:1100px) {
.about .content-02 { background-position:left 165.51724% center;}
}

@media (max-width:1000px) {
.about .content-01 > :nth-child(2) img { width:120%; top:-0.7rem;}
}

@media (max-width:800px) {
.about .contactBtn-01 .btn-01 { width:4.8rem;}
}

@media (max-width:768px) {
.globalFooter { margin-top:0.4rem;}
.about { margin-top:0.504rem;}
.about .content-01 > :nth-child(1) { width:62.5%;}
.about .content-01 > :nth-child(2) { width:37.5%;}
.about .content-01 > :nth-child(2) img { width:140%; left:-1.5%; top:-0.2835rem;}
.about .content-02 { background-position:left 182.47126% center; padding-top:0.8253rem; padding-bottom:0.441rem; margin-top:-0.3654rem;}
.about .contactBtn-01 { margin-top:0.504rem; margin-right:auto; margin-left:auto;}
.about .contactBtn-01 .btn-01 { width:3.024rem;}
}

@media (max-width:700px) {
.about .content-02 { background-position:left 200.19704% center;}
}

@media (max-width:650px) {
.about .content-01 > :nth-child(2) img { width:150%; left:-6%; top:-14%;}
.about .content-02 { background-position:left 186.7374% center; width:100%;}
.about .content-02 .ttl-01,
.about .content-02 .address-01 { width:95%; margin-right:auto; margin-left:auto;}
.about .subImg-01 { width:100%;}
}

@media (max-width:600px) {
.about .content-02 { background-position:left 202.29885% center;}
}

@media (max-width:550px) {
.about .content-02 { background-position:left 202.63323% center;}
.about .contactBtn-01 .exp-01 { margin-bottom:1.19em; letter-spacing:0.03em;}
}

@media (max-width:500px) {
.about .content-02 { background-position:left 222.89655% center;}
.about .contactBtn-01 .btn-01 { width:3.78rem;}
}

@media (max-width:450px) {
.about .content-02 { background-position:left 245.21073% center;}
}

@media (max-width:430px) {
.about .content-02 { background-position:left 282.27747% center;}
}

@media (max-width:400px) {
.about .content-02 { background-position:left 358.62069% center;}
.about .content-02 .ttl-01,
.about .content-02 .address-01 { line-height:1.8;}
}

@media (max-width:350px) {
.about .content-02 .ttl-01,
.about .content-02 .address-01,
.about .contactBtn-01 .exp-01 { font-size:11px;}
.about .content-02 { font-size:46px;}
.about .content-02 { background-position:left 409.85222% center;}
}

@media (max-width:330px) {
.about .content-02 { background-position:left 434.69175% center;}
}

@media (max-width:320px) {
.about .content-02 { background-position:left 517.24138% center;}
}

@media (min-width:351px) and (max-width:768px) {
.about .content-02 .ttl-01,
.about .content-02 .address-01,
.about .contactBtn-01 .exp-01 { font-size:calc(11px + ((1vw - 3.5px) * 0.4785));}
.about .content-02 { font-size:calc(46px + ((1vw - 3.5px) * 12.9187));}
}

@media (min-width:769px) and (max-width:1222px) {
.about .content-02 .ttl-01,
.about .content-02 .address-01,
.about .contactBtn-01 .exp-01 { font-size:calc(13px + ((1vw - 7.68px) * 1.5419));}
.about .content-02 { font-size:calc(63px + ((1vw - 7.68px) * 8.1498));}
}