main section#topMainSct .leadB { position: relative; z-index: 10; display: block; padding: 5em 12.5%; }
@media screen and (max-width: 599px) { main section#topMainSct .leadB { padding: 3.5em 6.7% 3em; } }
main section#topMainSct .leadB .txt1 { padding-left: 33%; font-size: 80%; }
@media screen and (max-width: 599px) { main section#topMainSct .leadB .txt1 { padding-left: 15%; font-size: 130%; } }
main section#topMainSct .wiener05 { position: absolute; z-index: 3; top: 7em; right: 0; width: 22em; height: auto; }
@media screen and (max-width: 599px) { main section#topMainSct .wiener05 { top: 11em; width: 50%; } }
main section#topMainSct .wiener06 { position: absolute; z-index: 2; top: 31em; left: 0; width: 19em; height: auto; }
@media screen and (max-width: 599px) { main section#topMainSct .wiener06 { top: 61em; width: 45%; } }
main section#recContentsSct .aboutB { position: relative; padding: 1em 0 0; }
main section#recContentsSct .aboutB .wiener06b { position: absolute; z-index: 1; top: 10em; left: 0; width: 19em; height: auto; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .wiener06b { top: -3em; width: 45%; } }
main section#recContentsSct .aboutB .wiener06b.v2 { top: inherit; margin-top: -17em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .wiener06b.v2 { margin-top: -6em; width: 42%; } }
main section#recContentsSct .aboutB .wiener06b.v3 { top: -1em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .wiener06b.v3 { top: -3em; width: 45%; } }
main section#recContentsSct .aboutB .wiener06b.v4 { top: inherit; margin-top: -49.5em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .wiener06b.v4 { margin-top: -101.5em; width: 42%; } }
main section#recContentsSct .aboutB .leadB2 { position: relative; z-index: 10; display: block; padding: 0 12.5%; margin-bottom: 4em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .leadB2 { padding: 6.7%; margin-bottom: 0; } }
main section#recContentsSct .aboutB .leadB2 .box-2s { position: relative; display: flex; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .leadB2 .box-2s { display: block; padding-left: 15%; } }
main section#recContentsSct .aboutB .leadB2 .box-2s .ttl { width: 50%; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .leadB2 .box-2s .ttl { width: 100%; margin-bottom: 2.5em; } }
main section#recContentsSct .aboutB .leadB2 .box-2s .ttl .en { display: block; color: #e6002d; font-size: 80%; letter-spacing: 0; margin-bottom: 1em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .leadB2 .box-2s .ttl .en { font-size: 130%; margin-bottom: .6em; } }
main section#recContentsSct .aboutB .leadB2 .box-2s .ttl .jp { display: block; font-size: 230%; font-weight: 700; line-height: 1.3; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .leadB2 .box-2s .ttl .jp { font-size: 300%; } }
main section#recContentsSct .aboutB .leadB2 .box-2s .ttl2 { width: 32%; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .leadB2 .box-2s .ttl2 { display: none; } }
main section#recContentsSct .aboutB .leadB2 .box-2s .txt { width: 50%; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .leadB2 .box-2s .txt { width: 100%; } }
main section#recContentsSct .aboutB .leadB2 .box-2s .txt p { font-size: 75%; line-height: 1.7; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .leadB2 .box-2s .txt p { font-size: 130%; } }
main section#recContentsSct .aboutB .leadB2 .box-2s .txt2 { width: 68%; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .leadB2 .box-2s .txt2 { position: relative; top: -2em; width: 100%; margin-bottom: 5em; } }
main section#recContentsSct .aboutB .leadB2 .box-2s .txt2 p { font-size: 80%; line-height: 1.7; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .leadB2 .box-2s .txt2 p { font-size: 130%; line-height: 1.9; } }
main section#recContentsSct .aboutB .officialB { position: relative; z-index: 10; display: block; padding: 0 12.5%; text-align: center; margin-bottom: 8em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .officialB { padding: 6.7%; } }
main section#recContentsSct .aboutB .officialB .ofPic { display: block; width: 100%; height: auto; margin-bottom: 3em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .officialB .btn-gbl a { width: 90%; } }
main section#recContentsSct .aboutB .txtB { position: relative; z-index: 15; display: flex; justify-content: space-between; padding: 0 12.5%; margin-bottom: 4em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .txtB { display: block; padding: 0 6.7%; margin-bottom: 4.5em; } }
main section#recContentsSct .aboutB .txtB .head { width: 50%; padding-right: 2.2em; font-size: 130%; font-weight: 700; letter-spacing: .11em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .txtB .head { width: 100%; padding-right: 0; font-size: 163%; margin-bottom: 1.5em; } }
main section#recContentsSct .aboutB .txtB .txt { width: 50%; font-size: 70%; line-height: 1.7; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .txtB .txt { width: 100%; padding-right: 16%; font-size: 130%; } }
main section#recContentsSct .aboutB .wiener07 { position: absolute; z-index: 1; top: 52em; right: 0; width: 22em; height: auto; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .wiener07 { top: 97em; width: 42%; } }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .wiener07.v2 { top: 148em; width: 50%; } }
main section#recContentsSct .aboutB .wiener07.v3 { top: 68em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .wiener07.v3 { top: 235em; width: 50%; } }
main section#recContentsSct .aboutB .picSlider { position: relative; z-index: 10; margin-bottom: 8em; }
main section#recContentsSct .aboutB .picSlider ul li { padding: 0 .5em; }
main section#recContentsSct .aboutB .picSlider ul li img { width: 100%; height: auto; border-radius: 1.2em; }
main section#recContentsSct .aboutB .box1 { position: relative; z-index: 10; padding: 0 12.5%; display: grid; grid-template-columns: 50% 50%; margin-bottom: 6em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .box1 { padding: 6.7%; grid-template-columns: 100%; } }
main section#recContentsSct .aboutB .box1 .head { grid-area: 1/1/2/2; font-size: 130%; font-weight: 700; letter-spacing: .11em; line-height: 1.6; padding-bottom: 1.8em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .box1 .head { grid-area: 1/1/2/2; width: 100%; padding-left: 15%; font-size: 163%; white-space: nowrap; margin-bottom: 0; } }
main section#recContentsSct .aboutB .box1 .no1Img { grid-area: 1/2/4/3; align-self: center; padding-top: 2.5em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .box1 .no1Img { grid-area: 2/1/3/2; padding-top: .5em; } }
main section#recContentsSct .aboutB .box1 .no1Img img { position: relative; display: block; right: -2.5em; width: 105%; height: auto; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .box1 .no1Img img { right: inherit; width: 106%; } }
main section#recContentsSct .aboutB .box1 .txt { grid-area: 2/1/3/2; font-size: 70%; line-height: 1.7; padding-bottom: 2em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .box1 .txt { grid-area: 3/1/4/2; padding-left: 15%; font-size: 130%; padding-bottom: 1.2em; } }
main section#recContentsSct .aboutB .box1 .btn-gb { grid-area: 3/1/4/2; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .box1 .btn-gb { grid-area: 4/1/5/2; padding-left: 15%; } }
main section#recContentsSct .aboutB .box1 .btn-gb a { width: 25em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .box1 .btn-gb a { width: 100%; line-height: 1.1; padding: .6em 0; } }
main section#recContentsSct .aboutB .box2 { position: relative; z-index: 10; padding: 0 12.5%; display: grid; grid-template-columns: 50% 20% 30%; margin-bottom: 7em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .box2 { padding: 0 6.7%; grid-template-columns: 100%; } }
main section#recContentsSct .aboutB .box2 .head { grid-area: 1/1/2/2; font-size: 130%; font-weight: 700; letter-spacing: .11em; line-height: 1.6; padding-bottom: 1.8em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .box2 .head { grid-area: 1/1/2/2; width: 100%; font-size: 163%; margin-bottom: 1.5em; } }
main section#recContentsSct .aboutB .box2 .txt { grid-area: 1/2/2/4; font-size: 70%; line-height: 1.7; letter-spacing: .06em; padding-bottom: 2em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .box2 .txt { grid-area: 2/1/3/2; padding-right: 16%; font-size: 130%; } }
main section#recContentsSct .aboutB .box2 .flowImg { grid-area: 2/1/3/3; align-self: center; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .box2 .flowImg { position: relative; z-index: 5; grid-area: 3/1/4/2; padding-right: 16%; } }
main section#recContentsSct .aboutB .box2 .flowImg img { width: 100%; height: auto; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .box2 .flowImg img { display: block; width: 75%; margin: 0 auto; } }
main section#recContentsSct .aboutB .box2 .placeImg { grid-area: 2/3/3/4; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .box2 .placeImg { position: relative; z-index: 3; grid-area: 5/1/6/2; top: -4.5em; margin-bottom: -4.5em; } }
main section#recContentsSct .aboutB .box2 .placeImg img { width: 100%; height: auto; }
main section#recContentsSct .aboutB .wiener08 { position: absolute; z-index: 1; margin-top: -7em; right: 0; width: 18em; height: auto; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .wiener08 { width: 45%; } }
main section#recContentsSct .aboutB .wiener08-sp { display: none; position: absolute; z-index: 1; right: 0; width: 18em; height: auto; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .wiener08-sp { display: block; margin-top: -117em; width: 45%; } }
main section#recContentsSct .aboutB .wiener09 { position: absolute; z-index: 1; margin-top: -4em; right: 0; width: 18em; height: auto; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .wiener09 { width: 45%; } }
main section#recContentsSct .aboutB .wiener10 { position: absolute; z-index: 1; margin-top: -4em; left: 0; width: 17em; height: auto; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .wiener10 { width: 45%; } }
main section#recContentsSct .aboutB .tableBox { position: relative; z-index: 10; padding: 0 12.5%; margin-bottom: 5em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .tableBox { padding: 0 6.7%; margin-bottom: 8em; } }
main section#recContentsSct .aboutB .tableBox h3 { display: block; margin-bottom: 1.8em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .tableBox h3 { font-size: 145%; } }
main section#recContentsSct .aboutB .tableBox h3 .jp { display: block; font-size: 110%; font-weight: 700; letter-spacing: .12em; margin-bottom: .1em; }
main section#recContentsSct .aboutB .tableBox h3 .en { display: block; color: #e6002d; font-size: 155%; letter-spacing: .02em; }
main section#recContentsSct .aboutB .tableBox table { position: relative; width: 100%; }
main section#recContentsSct .aboutB .tableBox table tr { display: flex; justify-content: space-between; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .tableBox table tr { display: block; font-size: 173%; } }
main section#recContentsSct .aboutB .tableBox table tr:last-child th { border-bottom: 1px solid #beb9b4; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .tableBox table tr:last-child th { border-bottom: none; } }
main section#recContentsSct .aboutB .tableBox table tr:last-child td { border-bottom: 1px solid #beb9b4; }
main section#recContentsSct .aboutB .tableBox table tr th { background: #e9e6e3; width: 23%; padding: 1.2em; border-top: 1px solid #beb9b4; font-size: 75%; font-weight: 400; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .tableBox table tr th { display: block; width: 100%; padding: 1em .8em; } }
main section#recContentsSct .aboutB .tableBox table tr td { background: #ffffff; width: 76%; padding: 1.2em; border-top: 1px solid #beb9b4; font-size: 75%; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .tableBox table tr td { display: block; width: 100%; padding: 1em .8em; } }
main section#recContentsSct .aboutB .headB { position: relative; z-index: 5; padding: 2em 0; }
main section#recContentsSct .aboutB .headB .bgPic { display: block; width: 93.75%; height: auto; margin-left: 6.25%; border-top-left-radius: 1.2em; border-bottom-left-radius: 1.2em; overflow: hidden; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .headB .bgPic { width: 93.3%; margin-left: 6.7%; border-top-left-radius: 1.5em; border-bottom-left-radius: 1.5em; } }
main section#recContentsSct .aboutB .headB .txtInB { position: absolute; top: 6.4em; left: 12.5%; width: 78%; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .headB .txtInB { top: 8em; } }
main section#recContentsSct .aboutB .headB .txtInB h3 .jp { display: block; font-size: 110%; font-weight: 700; letter-spacing: .12em; margin-bottom: .1em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .headB .txtInB h3 .jp { font-size: 135%; margin-bottom: .3em; } }
main section#recContentsSct .aboutB .headB .txtInB h3 .en { display: block; color: #e6002d; font-size: 155%; letter-spacing: .02em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .headB .txtInB h3 .en { font-size: 225%; line-height: 1.2; } }
main section#recContentsSct .aboutB .mapB { position: relative; z-index: 10; padding: 4em 12.5% 8em; margin-bottom: 1em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .mapB { padding: 3em 6.7% 3em; margin-bottom: 6em; } }
main section#recContentsSct .aboutB .mapB .head { font-size: 130%; font-weight: 700; letter-spacing: .11em; line-height: 1.6; padding: 0 50% 1.8em 0; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .mapB .head { font-size: 163%; white-space: nowrap; padding: 0 0 1.5em 10%; } }
main section#recContentsSct .aboutB .mapB .txt { font-size: 70%; line-height: 1.7; letter-spacing: .06em; padding-right: 50%; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .mapB .txt { font-size: 130%; padding-right: 0; padding-left: 10%; } }
main section#recContentsSct .aboutB .mapB .map { position: absolute; right: 7%; top: 0; width: 38%; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .mapB .map { position: relative; right: inherit; top: inherit; width: 100%; margin-top: 2em; } }
main section#recContentsSct .aboutB .mapB .map img { width: 100%; height: auto; }
main section#recContentsSct .aboutB .box3 { position: relative; z-index: 10; padding: 0 12.5%; margin-bottom: 6.5em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .box3 { padding: 0 6.7%; margin-bottom: 8em; } }
main section#recContentsSct .aboutB .box3 h3 { display: block; margin-bottom: 1.8em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .box3 h3 { font-size: 145%; } }
main section#recContentsSct .aboutB .box3 h3 .jp { display: block; font-size: 110%; font-weight: 700; letter-spacing: .12em; margin-bottom: .1em; }
main section#recContentsSct .aboutB .box3 h3 .en { display: block; color: #e6002d; font-size: 155%; letter-spacing: .02em; }
main section#recContentsSct .aboutB .box3 .pointL { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; }
main section#recContentsSct .aboutB .box3 .pointL li { position: relative; width: 48%; background: #ffffff url("../img/about-02_pic4.webp") no-repeat 88% 12%/9em; padding: 1.4em 1.8em; border-radius: .8em; margin-bottom: 1.5em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .box3 .pointL li { width: 100%; padding: 1.8em 1.6em; font-size: 150%; background-position: 95% 15%; margin-bottom: 1em; } }
main section#recContentsSct .aboutB .box3 .pointL li .no { display: block; color: #e6002d; font-size: 80%; letter-spacing: 0; }
main section#recContentsSct .aboutB .box3 .pointL li .ttl { display: block; font-weight: 700; letter-spacing: .1em; line-height: 1.5; margin-bottom: .5em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .box3 .pointL li .ttl { margin-bottom: 1em; } }
main section#recContentsSct .aboutB .box3 .pointL li .txt { color: #827d78; font-size: 70%; line-height: 1.7; letter-spacing: .02em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .box3 .pointL li .txt { font-size: 85%; } }
main section#recContentsSct .aboutB .box3 .pointL li:nth-child(2) { background-image: url("../img/about-02_pic5.webp"); }
main section#recContentsSct .aboutB .box3 .pointL li:nth-child(3) { background-image: url("../img/about-02_pic6.webp"); }
main section#recContentsSct .aboutB .box3 .pointL li:nth-child(4) { background-image: url("../img/about-02_pic7.webp"); }
main section#recContentsSct .aboutB .graphBox { position: relative; z-index: 10; padding: 0 12.5%; margin-bottom: 6.5em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .graphBox { padding: 0 6.7%; margin-bottom: 8em; } }
main section#recContentsSct .aboutB .graphBox h3 { display: block; margin-bottom: 2.5em; }
main section#recContentsSct .aboutB .graphBox h3 .en { display: block; color: #e6002d; font-size: 80%; letter-spacing: 0; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .graphBox h3 .en { font-size: 135%; margin-bottom: .1em; } }
main section#recContentsSct .aboutB .graphBox h3 .jp { font-size: 160%; font-weight: 700; letter-spacing: .1em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .graphBox h3 .jp { font-size: 200%; line-height: 1.4; } }
main section#recContentsSct .aboutB .graphBox .graphList { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; }
main section#recContentsSct .aboutB .graphBox .graphList li { position: relative; background: #ffffff; border-radius: 1em; padding: 1.4em 1em 1.4em 1.5em; margin-bottom: 1.5em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .graphBox .graphList li { padding: 3em 1.8em 3em 2em; margin-bottom: 1em; } }
main section#recContentsSct .aboutB .graphBox .graphList li.w50 { width: 48.5%; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .graphBox .graphList li.w50 { width: 100%; } }
main section#recContentsSct .aboutB .graphBox .graphList li.w25 { width: 22.75%; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .graphBox .graphList li.w25 { width: 48.5%; } }
main section#recContentsSct .aboutB .graphBox .graphList li.w25.non { background: transparent; }
main section#recContentsSct .aboutB .graphBox .graphList li .head span { display: block; font-weight: 700; letter-spacing: .02em; line-height: 1.4; margin-bottom: .1em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .graphBox .graphList li .head span { font-size: 150%; margin-bottom: .3em; } }
main section#recContentsSct .aboutB .graphBox .graphList li .head small { display: block; color: #827d78; font-size: 63%; letter-spacing: 0; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .graphBox .graphList li .head small { white-space: nowrap; font-size: 115%; letter-spacing: .02em; } }
main section#recContentsSct .aboutB .graphBox .graphList li .head small.btmP { position: relative; margin-bottom: -1em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .graphBox .graphList li .head small.btmP { margin-bottom: 0; } }
main section#recContentsSct .aboutB .graphBox .graphList li .head small.btmP2 { display: block; margin-bottom: 4em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .graphBox .graphList li .head small.btmP2 { margin-bottom: 3em; } }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .graphBox .graphList li .head small.btmP-sp { margin-bottom: 3em; } }
main section#recContentsSct .aboutB .graphBox .graphList li .emp { display: block; color: #e6002d; font-size: 280%; letter-spacing: 0; line-height: 1; margin: .4em 0 .05em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .graphBox .graphList li .emp { font-size: 360%; margin: .6em 0 2em; } }
main section#recContentsSct .aboutB .graphBox .graphList li .emp strong { font-size: 150%; font-weight: 500; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .graphBox .graphList li .emp strong { font-size: 140%; } }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .graphBox .graphList li .emp span { font-size: 110%; } }
main section#recContentsSct .aboutB .graphBox .graphList li .emp small { font-weight: 700; }
main section#recContentsSct .aboutB .graphBox .graphList li .emp small.s2 { font-size: 70%; }
main section#recContentsSct .aboutB .graphBox .graphList li .emp small.vtc { position: relative; display: inline-block; font-size: 55%; line-height: 1.05; padding-left: .2em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .graphBox .graphList li .emp.mbt-sp { margin: .6em 0 5em; } }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .graphBox .graphList li .emp.mbt-sp2 { margin: .6em 0; } }
main section#recContentsSct .aboutB .graphBox .graphList li .emp-s { display: block; color: #e6002d; font-size: 235%; letter-spacing: 0; line-height: 1; margin: .65em 0 .35em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .graphBox .graphList li .emp-s { white-space: nowrap; margin: .6em 0; } }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .graphBox .graphList li .emp-s span { font-size: 130%; } }
main section#recContentsSct .aboutB .graphBox .graphList li .emp-s small { font-weight: 700; }
main section#recContentsSct .aboutB .graphBox .graphList li .emp-s small.s2 { font-size: 65%; }
main section#recContentsSct .aboutB .graphBox .graphList li .emp-s small.s3 { font-size: 50%; }
main section#recContentsSct .aboutB .graphBox .graphList li .emp-s2 { display: block; color: #e6002d; font-size: 220%; letter-spacing: 0; line-height: 1; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .graphBox .graphList li .emp-s2 { font-size: 290%; } }
main section#recContentsSct .aboutB .graphBox .graphList li .emp-s2 strong { font-size: 150%; font-weight: 500; }
main section#recContentsSct .aboutB .graphBox .graphList li .emp-s2 small { font-weight: 700; }
main section#recContentsSct .aboutB .graphBox .graphList li .emp-s2 small.s2 { font-size: 70%; }
main section#recContentsSct .aboutB .graphBox .graphList li .emp-s2.first { margin-top: .25em; }
main section#recContentsSct .aboutB .graphBox .graphList li .emp-s2.last { margin-bottom: .25em; }
main section#recContentsSct .aboutB .graphBox .graphList li .emp-s2.brown { color: #28140a; }
main section#recContentsSct .aboutB .graphBox .graphList li .emp-s2.man { padding-left: .7em; background: url("../img/icn_man.svg") no-repeat left center/0.45em; }
main section#recContentsSct .aboutB .graphBox .graphList li .emp-s2.woman { padding-left: .7em; background: url("../img/icn_woman.svg") no-repeat left center/0.45em; }
main section#recContentsSct .aboutB .graphBox .graphList li .emp-s2.new { padding-left: 1em; background: url("../img/icn_newc.webp") no-repeat left center/0.8em; }
main section#recContentsSct .aboutB .graphBox .graphList li .emp-s2.carrea { padding-left: 1em; background: url("../img/icn_carea.webp") no-repeat left center/0.8em; }
main section#recContentsSct .aboutB .graphBox .graphList li .txt { display: block; color: #827d78; font-size: 63%; letter-spacing: 0; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .graphBox .graphList li .txt { font-size: 110%; } }
main section#recContentsSct .aboutB .graphBox .graphList li .txt.topP { padding-top: 1.8em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .graphBox .graphList li .txt.topP { padding-top: 0; } }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .graphBox .graphList li .txt.topP-sp { padding-top: 2.8em; } }
main section#recContentsSct .aboutB .graphBox .graphList li.ils01 { background: #ffffff url("../img/about-03_pic2.webp") no-repeat 87% 24%/8.6em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .graphBox .graphList li.ils01 { background-size: 17em; background-position: 82% 32%; } }
main section#recContentsSct .aboutB .graphBox .graphList li.ils02 { background: #ffffff url("../img/about-03_pic3.webp") no-repeat 91% 25%/7.8em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .graphBox .graphList li.ils02 { background-size: 16em; background-position: 82% 44%; } }
main section#recContentsSct .aboutB .graphBox .graphList li.ils03 { background: #ffffff url("../img/about-03_pic4.webp") no-repeat 87% 24%/8.8em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .graphBox .graphList li.ils03 { background-size: 17em; background-position: 82% 40%; } }
main section#recContentsSct .aboutB .graphBox .graphList li.ils04 { background: #ffffff url("../img/about-03_pic5.webp") no-repeat 89% 28%/10.6em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .graphBox .graphList li.ils04 { background-size: 21em; background-position: 84% 41%; } }
main section#recContentsSct .aboutB .graphBox .graphList li.ils05 { background: #ffffff url("../img/about-03_pic6.webp") no-repeat 89% 24%/8.2em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .graphBox .graphList li.ils05 { background-size: 17em; background-position: 82% 33%; } }
main section#recContentsSct .aboutB .graphBox .graphList li.ils06 { background: #ffffff url("../img/about-03_pic7.webp") no-repeat 89% 24%/7.6em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .graphBox .graphList li.ils06 { background-size: 15em; background-position: center 57%; } }
main section#recContentsSct .aboutB .graphBox .graphList li.ils07 { background: #ffffff url("../img/about-03_pic8.webp") no-repeat 89% 24%/8.2em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .graphBox .graphList li.ils07 { background-size: 17em; background-position: 82% 43%; } }
main section#recContentsSct .aboutB .btn-c3 { position: relative; z-index: 10; }
main section#recContentsSct .aboutB .btn-c3 ul { display: flex; justify-content: center; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .btn-c3 ul { flex-wrap: wrap; } }
main section#recContentsSct .aboutB .btn-c3 ul li { width: 30%; padding: 1em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .btn-c3 ul li { width: 88.6%; padding: .6em .6em 1.5em; } }
main section#recContentsSct .aboutB .btn-c3 ul li a { position: relative; display: block; overflow: hidden; border-radius: .8em; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2); top: 0; transition: top .1s; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .btn-c3 ul li a { height: 14.25em; } }
main section#recContentsSct .aboutB .btn-c3 ul li a:hover { opacity: 1; top: 2px; }
main section#recContentsSct .aboutB .btn-c3 ul li a img { position: relative; width: 100%; height: auto; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .btn-c3 ul li a img { object-fit: cover; height: 14.25em; } }
main section#recContentsSct .aboutB .btn-c3 ul li a .head { position: absolute; left: 7%; bottom: 1em; width: 86%; color: #ffffff; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .btn-c3 ul li a .head { bottom: 1.5em; width: 88%; } }
main section#recContentsSct .aboutB .btn-c3 ul li a .head::after { content: ""; position: absolute; right: 0; bottom: .2em; width: 1.4em; height: 1.4em; background: url("../img/icn_arrow_lw.svg") no-repeat center center/contain; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .btn-c3 ul li a .head::after { width: 2.4em; height: 2.4em; } }
main section#recContentsSct .aboutB .btn-c3 ul li a .head .en { font-size: 65%; letter-spacing: .02em; line-height: 1.4; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .btn-c3 ul li a .head .en { font-size: 105%; margin-bottom: .1em; } }
main section#recContentsSct .aboutB .btn-c3 ul li a .head .jp { font-size: 105%; font-weight: 700; letter-spacing: .08em; line-height: 1.4; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .btn-c3 ul li a .head .jp { font-size: 175%; } }
main section#recContentsSct .aboutB .btn-c2 { position: relative; z-index: 10; }
main section#recContentsSct .aboutB .btn-c2 h3 { display: block; text-align: center; margin-bottom: 1.5em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .btn-c2 h3 { font-size: 145%; } }
main section#recContentsSct .aboutB .btn-c2 h3 .en { display: block; color: #e6002d; letter-spacing: 0; }
main section#recContentsSct .aboutB .btn-c2 h3 .jp { display: block; font-size: 130%; }
main section#recContentsSct .aboutB .btn-c2 ul { display: flex; justify-content: center; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .btn-c2 ul { flex-wrap: wrap; margin-bottom: .6em; } }
main section#recContentsSct .aboutB .btn-c2 ul li { width: 49.5%; padding: 1em .4em; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .btn-c2 ul li { width: 94.6%; padding: .6em; } }
main section#recContentsSct .aboutB .btn-c2 ul li a { position: relative; display: block; overflow: hidden; border-radius: .8em; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2); top: 0; transition: top .1s; }
main section#recContentsSct .aboutB .btn-c2 ul li a:hover { opacity: 1; top: 2px; }
main section#recContentsSct .aboutB .btn-c2 ul li a img { position: relative; width: 100%; height: auto; }
main section#recContentsSct .aboutB .btn-c2 ul li a .head { position: absolute; left: 7%; bottom: 1em; width: 86%; color: #ffffff; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .btn-c2 ul li a .head { bottom: 1.5em; width: 88%; } }
main section#recContentsSct .aboutB .btn-c2 ul li a .head::after { content: ""; position: absolute; right: 0; bottom: .2em; width: 1.4em; height: 1.4em; background: url("../img/icn_arrow_lw.svg") no-repeat center center/contain; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .btn-c2 ul li a .head::after { width: 2.4em; height: 2.4em; } }
main section#recContentsSct .aboutB .btn-c2 ul li a .head .en { font-size: 65%; letter-spacing: .02em; line-height: 1.4; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .btn-c2 ul li a .head .en { font-size: 105%; margin-bottom: .1em; } }
main section#recContentsSct .aboutB .btn-c2 ul li a .head .jp { font-size: 105%; font-weight: 700; letter-spacing: .08em; line-height: 1.4; }
@media screen and (max-width: 599px) { main section#recContentsSct .aboutB .btn-c2 ul li a .head .jp { font-size: 175%; } }