@charset "UTF-8";

.business .content-01 .exp-01,
.business .content-01 .link-01 { font-size:14px;}
.business .content-01 .title-01 { font-size:18px;}
body.pc .business .content-01 .link-01 a:hover,
body.sp .business .content-01 .link-01 a.hover { filter:alpha(opacity=40); -webkit-opacity:.4; -moz-opacity:.4; -ms-opacity:.4; -o-opacity:.4; opacity:.4;}
.business .content-01 .link-01 a { -webkit-transition:opacity 0.4s; -moz-transition:opacity 0.4s; -ms-transition:opacity 0.4s; -o-transition:opacity 0.4s; transition:opacity 0.4s;}
.business .content-01 .link-01 .newWindow { width:.9em; height:.9em; margin-left:.8em; display:inline-block; -webkit-transform:translateY(0.1em); -moz-transform:translateY(0.1em); -ms-transform:translateY(0.1em); -o-transform:translateY(0.1em); transform:translateY(0.1em);}
.business .content-01 .link-01 .newWindow svg { width:100%; height:100%; float:left;}
.mainVisual-02 { background-position:center bottom; background-image:url("../images/business/mainVisual-01-pc.jpg");}
.business { display:flex; flex-wrap:wrap;}
.business .content-01 { display:flex; flex-direction:column; justify-content:space-between; width:32.1429%; margin-top:.5rem;}
.business .content-01:nth-of-type(3n-2) { margin-right:calc(3.5714% / 2);}
.business .content-01:nth-of-type(3n-1) { margin-right:calc(3.5714% / 2 - 1px);}
.business .content-01:nth-of-type(1),
.business .content-01:nth-of-type(2),
.business .content-01:nth-of-type(3) { margin-top:0;}
.business .content-01>.inner { width:100%;}
.business .content-01 .title-01 { color:#fff; line-height:1.6; padding-top:.5em; padding-right:.5em; padding-bottom:.63em; padding-left:1em;}
body.lang-en .business .content-01 .title-01 { padding-top:.6em; padding-bottom:.6em; line-height:1.5;}
.business .content-01.t .title-01 { background:#056a38;}
.business .content-01.h .title-01 { background:#0d6fb8;}
.business .content-01.d .title-01 { background:#c30d23;}
.business .content-01 figure { width:100%; overflow:hidden; padding-top:5.5556%; padding-bottom:4.1667%;}
body.lang-en .business .content-01 figure { padding-bottom:5%;}
.business .content-01 figure img { width:100%; height:auto; float:left;}
.business .content-01 .exp-01 { line-height:2; font-weight:500;}
.business .content-01 .link-01 { line-height:1.5; margin-top:3em;}
.business .content-01 .link-01 a { border-width:0 0 1px; border-color:#000; border-style:solid; padding-right:.15em; padding-bottom:.48em; font-weight:500;}
.business .content-01.t .link-01 .newWindow svg { fill:#056a38;}
.business .content-01.h .link-01 .newWindow svg { fill:#0d6fb8;}
.business .content-01.d .link-01 .newWindow svg { fill:#c30d23;}

@media (max-width:950px) {
.business .content-01 { width:31.25%;}
.business .content-01:nth-of-type(3n-2) { margin-right:calc(6.25% / 2);}
.business .content-01:nth-of-type(3n-1) { margin-right:calc(6.25% / 2 - 1px);}
}

@media (max-width:828px) {
.mainVisual-02 { background-image:url("../images/business/mainVisual-01-sp.jpg");}
.business { display:block;}
.business .content-01 { display:block; width:100%; margin-top:0;}
.business .content-01+.content-01 { padding-top:14.2086%;}
.business .content-01 figure { padding-top:2.9838%;}
.business .content-01 .exp-01 { line-height:1.8667;}
.business .content-01 .link-01 { margin-top:.9em;}
.business .content-01 .link-01 a { border-width:0 0 .0769230769em;}
}

@media (max-width:650px) {
.business .content-01 .title-01 { padding-bottom:.6em;}
.business .content-01 .exp-01 { line-height:1.8333;}
.business .content-01 .link-01 { margin-top:1.5em;}
}

@media (max-width:420px) {
.business .content-01 .exp-01 { line-height:1.6667;}
}

@media (max-width:350px) {
.business .content-01 .title-01 { font-size:16px;}
.business .content-01 .exp-01,
.business .content-01 .link-01 { font-size:13px;}
}

@media (min-width:829px) and (max-width:1244px) {
.business .content-01 .exp-01,
.business .content-01 .link-01 { font-size:calc(12px + ((1vw - 8.28px) * 0.4808));}
.business .content-01 .title-01 { font-size:calc(13px + ((1vw - 8.28px) * 1.2019));}
}

@media (min-width:351px) and (max-width:828px) {
.business .content-01 .title-01 { font-size:calc(16px + ((1vw - 3.5px) * 4.1841));}
.business .content-01 .exp-01,
.business .content-01 .link-01 { font-size:calc(13px + ((1vw - 3.5px) * 3.5565));}
}