@charset "UTF-8";
*, *::before, *::after { box-sizing: border-box; }

body { color: #000000; background: #fff; font-size: 1.2vw; letter-spacing: .1em; line-height: 1.6; font-weight: 400; font-family: 'Noto Sans JP', BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif; font-feature-settings: "palt"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@media screen and (max-width: 599px) { body { font-size: 3.2vw; } }

_:lang(x)::-ms-backdrop, .selector { font-family: "Segoe UI", Meiryo, sans-serif; }

.fnt-prm3 { font-family: "Prompt", sans-serif; font-weight: 300; }

.fnt-prm4 { font-family: "Prompt", sans-serif; font-weight: 400; }

.fnt-prm5 { font-family: "Prompt", sans-serif; font-weight: 500; }

.fnt-prm6 { font-family: "Prompt", sans-serif; font-weight: 600; }

img { border: 0; vertical-align: top; }

input, select { position: relative; top: 1px; }

table, th, td { border-collapse: collapse; border-spacing: 0; }

ul, li { list-style: none; }

a:link, a:visited { color: #000000; text-decoration: none; transition: opacity 0.5s; }
a:hover, a:active { opacity: .6; }

#cover { width: 100%; height: 100%; position: fixed; background: #fff; top: 0; left: 0; z-index: 10000; }

#loader { opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 300px; height: 250px; }
#loader img { width: 100%; height: auto; }
@media screen and (max-width: 599px) { #loader { width: 210px; height: 175px; } }

#wrapper { overflow: hidden; position: relative; }

.dd599 { display: none; }
@media screen and (max-width: 599px) { .dd599 { display: block !important; } }

@media screen and (max-width: 599px) { .nn599 { display: none !important; } }

.fadeinS, .fadein1, .fadein2, .fadein3, .fadein4, .fadein5, .fadein6, .fadeinF { opacity: 0; transform: translateY(30px); transition: opacity 1s ease-in, transform 1s ease-out; }
.fadeinS.active, .fadein1.active, .fadein2.active, .fadein3.active, .fadein4.active, .fadein5.active, .fadein6.active, .fadeinF.active { opacity: 1; transform: translateY(0); }

#header { position: fixed; z-index: 900; width: 100%; padding: 2em 2.5% 0; }
@media screen and (max-width: 599px) { #header { padding: 2em 4% 0; } }
#header h1 { position: relative; z-index: 990; width: 16.25%; }
@media screen and (max-width: 599px) { #header h1 { width: 56vw; } }
#header h1 img { width: 100%; height: auto; }
#header nav { position: relative; z-index: 980; }
#header nav .gMenu { position: fixed; display: block; top: 0; right: -20%; width: 20%; height: 100%; max-height: 100%; transition: right .4s; }
@media screen and (max-width: 599px) { #header nav .gMenu { right: -72%; width: 72%; } }
#header nav .gMenu.active { right: 0; }
#header nav .gMenu ul { position: relative; display: flex; flex-direction: column; height: 100%; }
#header nav .gMenu ul li { position: relative; height: 25%; border-bottom: 1px solid #333; }
#header nav .gMenu ul li:first-child a { background: #78dd49; }
#header nav .gMenu ul li:first-child a::after { display: none; }
#header nav .gMenu ul li a { position: relative; display: block; background: rgba(0, 0, 0, 0.9); width: 100%; height: 100%; color: #fff; }
#header nav .gMenu ul li a::after { content: ""; position: absolute; right: 1.5em; bottom: 1.5em; width: 1.2em; height: 1.2em; background: url("../img/icn_arrow.svg") no-repeat center center/contain; }
@media screen and (max-width: 599px) { #header nav .gMenu ul li a::after { right: 1.8em; bottom: 2.2em; width: 1.5em; height: 1.5em; } }
#header nav .gMenu ul li a p { display: block; position: absolute; white-space: nowrap; bottom: 1.5em; left: 1.5em; font-size: 90%; letter-spacing: .08em; line-height: 1.4; }
@media screen and (max-width: 599px) { #header nav .gMenu ul li a p { font-size: 120%; } }
#header nav .gMenu ul li a p span { letter-spacing: 0; }
#header nav .menu-trigger { display: block; position: fixed; z-index: 9999; width: 3.125vw; height: 3.125vw; top: 1.5em; right: 2%; background: url("../img/btn_trgger.svg") no-repeat center center/contain; }
#header nav .menu-trigger.active { background-image: url("../img/btn_trgger-on.svg"); }
@media screen and (max-width: 599px) { #header nav .menu-trigger { top: 1em; right: 3.5%; width: 10.5vw; height: 10.5vw; } }

main { position: relative; }
main section { position: relative; }
main section#topMainSct .bgPic { position: relative; z-index: 1; }
main section#topMainSct .bgPic img { width: 100%; height: auto; }
main section#topMainSct .mainCopy { position: absolute; z-index: 5; top: 50%; left: 50%; width: 50%; transform: translateX(-50%) translateY(-50%); }
@media screen and (max-width: 599px) { main section#topMainSct .mainCopy { width: 60%; top: 46%; } }
main section#topMainSct .mainCopy img { width: 100%; height: auto; }
main section#topMainSct .subCopy { position: absolute; z-index: 4; left: 2.5%; bottom: 2.8em; color: #fff; font-size: 150%; font-weight: 700; letter-spacing: .18em; line-height: 1.6; }
@media screen and (max-width: 599px) { main section#topMainSct .subCopy { left: 20%; bottom: 3.4em; } }
main section#top00Sct { padding: 5em 0 1em; background: linear-gradient(90deg, #F7F7F7 0%, #F7F7F7 25%, #fff 25%, #fff 100%); }
main section#top00Sct .no00 { position: relative; width: 75%; margin: 0 auto 1.2em; }
@media screen and (max-width: 599px) { main section#top00Sct .no00 { width: 84%; margin-bottom: 1.4em; } }
main section#top00Sct .no00 span { display: inline-block; border-bottom: 3px solid #78DD49; font-size: 110%; letter-spacing: 0; line-height: 1.4; }
@media screen and (max-width: 599px) { main section#top00Sct .no00 span { font-size: 200%; } }
main section#top00Sct .headC { position: relative; width: 75%; margin: 0 auto 4.5em; display: flex; }
@media screen and (max-width: 599px) { main section#top00Sct .headC { width: 84%; display: block; } }
main section#top00Sct .headC .ttl { width: 35%; font-size: 240%; letter-spacing: .05em; line-height: 1.5; }
@media screen and (max-width: 599px) { main section#top00Sct .headC .ttl { width: 100%; margin-bottom: .8em; } }
main section#top00Sct .headC .txt { width: 65%; padding-top: .3em; text-align: justify; text-justify: inter-ideograph; font-size: 90%; font-weight: 700; letter-spacing: .18em; line-height: 1.8; }
@media screen and (max-width: 599px) { main section#top00Sct .headC .txt { width: 100%; font-size: 115%; } }
main section#top00Sct .movieB { position: relative; width: 80%; overflow: hidden; border-radius: 1em; margin: 4.5em auto; }
@media screen and (max-width: 599px) { main section#top00Sct .movieB { width: 84%; } }
main section#top00Sct .movieB iframe.youtube-16-9 { width: 100%; height: auto; aspect-ratio: 16 / 9; }
main section#top00Sct .inMenu { position: relative; width: 75%; margin: 4.5em auto 1em; }
@media screen and (max-width: 599px) { main section#top00Sct .inMenu { width: 84%; } }
main section#top00Sct .inMenu li { border-top: 1px solid #cccccc; }
main section#top00Sct .inMenu li:last-child { border-bottom: 1px solid #cccccc; }
main section#top00Sct .inMenu li:first-child a { background: #fff url("../img/icn_arrow4.svg") no-repeat 97% center/1em auto; }
main section#top00Sct .inMenu li:first-child a:hover { background: #78DD49 url("../img/icn_arrow3.svg") no-repeat 97% center/1em auto; }
main section#top00Sct .inMenu li a { position: relative; display: flex; align-items: center; background: #fff url("../img/icn_arrow6.svg") no-repeat 97% center/1em auto; padding: 1.1em 0; }
main section#top00Sct .inMenu li a:hover { opacity: 1; background: #78DD49 url("../img/icn_arrow5.svg") no-repeat 97% center/1em auto; color: #fff; }
main section#top00Sct .inMenu li a .no { width: 10%; font-size: 200%; letter-spacing: 0; padding-left: 1em; }
@media screen and (max-width: 599px) { main section#top00Sct .inMenu li a .no { width: 27%; } }
main section#top00Sct .inMenu li a .txtB { width: 90%; display: flex; align-items: center; }
@media screen and (max-width: 599px) { main section#top00Sct .inMenu li a .txtB { width: 73%; display: block; } }
main section#top00Sct .inMenu li a .txtB .en { width: 28%; font-size: 200%; letter-spacing: 0; padding-left: 1em; }
@media screen and (max-width: 599px) { main section#top00Sct .inMenu li a .txtB .en { width: 100%; padding-left: 0; line-height: 1.2; } }
main section#top00Sct .inMenu li a .txtB .jp { width: 72%; font-weight: 700; }
@media screen and (max-width: 599px) { main section#top00Sct .inMenu li a .txtB .jp { width: 100%; line-height: 1.5; color: #808080; font-size: 95%; } }
main section#top01Sct { padding: 5em 0 3em; background: linear-gradient(90deg, #F7F7F7 0%, #F7F7F7 25%, #fff 25%, #fff 100%); }
main section#top01Sct .headB { position: relative; width: 95%; margin: 0 auto 4em; }
@media screen and (max-width: 599px) { main section#top01Sct .headB { width: 100%; } }
main section#top01Sct .headB .bgImg { position: relative; width: 100%; }
main section#top01Sct .headB .bgImg img { width: 100%; height: auto; }
main section#top01Sct .headB .no01 { position: absolute; top: .2em; right: 7vw; color: #fff; font-size: 1000%; letter-spacing: 0; }
@media screen and (max-width: 599px) { main section#top01Sct .headB .no01 { font-size: 1200%; top: 0; right: -.065em; line-height: 1.4; } }
main section#top01Sct .headB .txtB { position: absolute; top: 5.2em; left: 5vw; }
@media screen and (max-width: 599px) { main section#top01Sct .headB .txtB { top: 5.5em; left: 7%; } }
main section#top01Sct .headB .txtB .en { font-size: 420%; letter-spacing: 0; line-height: 1.4; }
@media screen and (max-width: 599px) { main section#top01Sct .headB .txtB .en { font-size: 330%; } }
main section#top01Sct .headB .txtB .jp { font-size: 110%; font-weight: 700; letter-spacing: .15em; }
@media screen and (max-width: 599px) { main section#top01Sct .headB .txtB .jp { font-size: 130%; letter-spacing: .2em; } }
main section#top01Sct .headC { position: relative; width: 75%; margin: 4em auto; display: flex; }
@media screen and (max-width: 599px) { main section#top01Sct .headC { width: 84%; display: block; } }
main section#top01Sct .headC .ttl { width: 35%; font-size: 150%; font-weight: 700; letter-spacing: .18em; line-height: 1.7; }
@media screen and (max-width: 599px) { main section#top01Sct .headC .ttl { width: 100%; margin-bottom: .8em; } }
main section#top01Sct .headC .txt { width: 65%; padding-top: .3em; text-align: justify; text-justify: inter-ideograph; font-size: 80%; letter-spacing: .18em; line-height: 2; }
@media screen and (max-width: 599px) { main section#top01Sct .headC .txt { width: 100%; font-size: 115%; } }
main section#top01Sct .riskB { position: relative; width: 75%; margin: 4em auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
@media screen and (max-width: 599px) { main section#top01Sct .riskB { width: 84%; display: block; margin: 4em auto 1em; } }
main section#top01Sct .riskB li { padding: 0 4% 1em; width: calc(100% / 3); }
@media screen and (max-width: 599px) { main section#top01Sct .riskB li { width: 100%; padding: 0 0 3.5em; } }
main section#top01Sct .riskB li .illst { display: block; width: 100%; height: auto; margin-bottom: 1em; }
@media screen and (max-width: 599px) { main section#top01Sct .riskB li .illst { width: 82%; margin: 0 auto 1em; } }
main section#top01Sct .riskB li .txt { font-size: 75%; text-align: justify; text-justify: inter-ideograph; }
@media screen and (max-width: 599px) { main section#top01Sct .riskB li .txt { font-size: 110%; line-height: 1.8; } }
main section#top01Sct .riskB li:nth-child(3n - 1) { padding-top: 5em; }
@media screen and (max-width: 599px) { main section#top01Sct .riskB li:nth-child(3n - 1) { padding: 0 0 3.5em; } }
main section#top01Sct .riskB li:nth-child(3n) { padding-top: 10em; }
@media screen and (max-width: 599px) { main section#top01Sct .riskB li:nth-child(3n) { padding: 0 0 3.5em; } }
main section#top02Sct { padding: 5em 0 8em; background: linear-gradient(90deg, #fff 0%, #fff 25%, #F7F7F7 25%, #F7F7F7 100%); }
main section#top02Sct .headB { position: relative; display: flex; justify-content: flex-end; align-items: center; }
@media screen and (max-width: 599px) { main section#top02Sct .headB { display: block; margin-bottom: 3em; } }
main section#top02Sct .headB .no02 { color: #fff; font-size: 1000%; letter-spacing: 0; padding-right: .2em; }
@media screen and (max-width: 599px) { main section#top02Sct .headB .no02 { position: absolute; top: 0; right: -.065em; font-size: 1200%; line-height: 1; padding-right: 0; } }
main section#top02Sct .headB .txtB { width: 50%; text-align: center; }
@media screen and (max-width: 599px) { main section#top02Sct .headB .txtB { width: 84%; margin: 0 auto; text-align: left; padding-top: 3.5em; } }
main section#top02Sct .headB .txtB .inB { display: inline-block; text-align: right; }
@media screen and (max-width: 599px) { main section#top02Sct .headB .txtB .inB { text-align: left; } }
main section#top02Sct .headB .txtB .en { font-size: 420%; letter-spacing: 0; line-height: 1.3; }
@media screen and (max-width: 599px) { main section#top02Sct .headB .txtB .en { font-size: 330%; } }
main section#top02Sct .headB .txtB .jp { font-size: 110%; font-weight: 700; letter-spacing: .15em; margin-bottom: .6em; }
@media screen and (max-width: 599px) { main section#top02Sct .headB .txtB .jp { font-size: 130%; letter-spacing: .2em; } }
main section#top02Sct .actionB { position: relative; width: 95%; margin: 0 auto 3em; display: flex; justify-content: space-between; flex-wrap: wrap; }
@media screen and (max-width: 599px) { main section#top02Sct .actionB { width: 84%; display: block; margin: 0 auto 1em; } }
main section#top02Sct .actionB li { position: relative; overflow: hidden; width: 49.3%; padding: 7.5em 1em 19.5em; border-radius: .5em; text-align: center; color: #fff; margin-bottom: 1em; }
@media screen and (max-width: 599px) { main section#top02Sct .actionB li { width: 100%; padding: 4em 1em 22em; margin-bottom: 1.8em; } }
main section#top02Sct .actionB li:first-child { background: url("../img/top_02_bg1.webp") no-repeat center center/cover; }
@media screen and (max-width: 599px) { main section#top02Sct .actionB li:first-child { background-image: url("../img/top_02_bg1-sp.webp"); } }
main section#top02Sct .actionB li:nth-child(2) { top: 5em; background: url("../img/top_02_bg2.webp") no-repeat center center/cover; }
@media screen and (max-width: 599px) { main section#top02Sct .actionB li:nth-child(2) { top: inherit; background-image: url("../img/top_02_bg2-sp.webp"); } }
main section#top02Sct .actionB li:nth-child(3) { background: url("../img/top_02_bg3.webp") no-repeat center center/cover; }
@media screen and (max-width: 599px) { main section#top02Sct .actionB li:nth-child(3) { background-image: url("../img/top_02_bg3-sp.webp"); } }
main section#top02Sct .actionB li:nth-child(4) { top: 5em; background: url("../img/top_02_bg4.webp") no-repeat center center/cover; }
@media screen and (max-width: 599px) { main section#top02Sct .actionB li:nth-child(4) { top: inherit; background-image: url("../img/top_02_bg4-sp.webp"); } }
main section#top02Sct .actionB li .ac { font-size: 150%; letter-spacing: 0; }
@media screen and (max-width: 599px) { main section#top02Sct .actionB li .ac { font-size: 180%; } }
main section#top02Sct .actionB li .ttl { font-size: 250%; font-weight: 700; letter-spacing: .15em; padding-left: .15em; margin-bottom: .3em; }
@media screen and (max-width: 599px) { main section#top02Sct .actionB li .ttl { font-size: 230%; margin-bottom: .2em; } }
main section#top02Sct .actionB li .txt { font-weight: 700; margin-bottom: 6em; }
@media screen and (max-width: 599px) { main section#top02Sct .actionB li .txt { font-size: 120%; font-weight: 400; letter-spacing: .15em; line-height: 1.7; } }
main section#top02Sct .actionB li .btn { position: absolute; bottom: 7em; left: calc(50% - 25%); display: block; width: 50%; padding: 2em; background: #fff url("../img/icn_arrow2.svg") no-repeat 93% center/1.4em auto; text-align: left; font-size: 80%; letter-spacing: .18em; border-top-left-radius: 1.4em; border-bottom-right-radius: 1.4em; }
@media screen and (max-width: 599px) { main section#top02Sct .actionB li .btn { bottom: 5em; width: 80%; font-size: 110%; left: calc(50% - 40%); padding: 1.5em 2em; background-size: 1.2em auto; } }
main section#top02Sct .actionB li .btn:hover { opacity: 1; background: #78DD49 url("../img/icn_arrow.svg") no-repeat 93% center/1.4em auto; color: #fff; }
@media screen and (max-width: 599px) { main section#top02Sct .actionB li .btn:hover { background-size: 1.2em auto; } }
main section#top02Sct .mesgB { position: relative; width: 75%; margin: 8em auto 1em; display: flex; justify-content: space-between; align-items: flex-end; }
@media screen and (max-width: 599px) { main section#top02Sct .mesgB { width: 84%; margin: 5em auto 1em; display: block; } }
@media screen and (max-width: 599px) { main section#top02Sct .mesgB .txtB { margin-bottom: 3.5em; } }
main section#top02Sct .mesgB .txtB p { font-size: 150%; font-weight: 700; letter-spacing: .18em; line-height: 1.7; }
@media screen and (max-width: 599px) { main section#top02Sct .mesgB .txtB p { font-size: 180%; } }
main section#top02Sct .mesgB .participation a { display: block; padding: 1.5em 6em 1.5em 2em; background: #000 url("../img/icn_arrow.svg") no-repeat 93% center/1.4em auto; text-align: left; color: #fff; font-size: 80%; letter-spacing: .18em; border-top-left-radius: 1.4em; border-bottom-right-radius: 1.4em; }
@media screen and (max-width: 599px) { main section#top02Sct .mesgB .participation a { padding: 1.5em 2em; font-size: 110%; } }
main section#top02Sct .mesgB .participation a:hover { opacity: 1; background: #78DD49 url("../img/icn_arrow.svg") no-repeat 93% center/1.4em auto; }
main section#top03Sct { z-index: 2; padding: 5em 0 1em; background: linear-gradient(90deg, #F7F7F7 0%, #F7F7F7 25%, #fff 25%, #fff 100%); }
main section#top03Sct::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 30vw; background: linear-gradient(90deg, #fff 0%, #fff 25%, #F7F7F7 25%, #F7F7F7 100%); }
main section#top03Sct .headB { position: relative; width: 95%; margin: 0 auto 4em; }
@media screen and (max-width: 599px) { main section#top03Sct .headB { width: 100%; } }
main section#top03Sct .headB .bgImg { position: relative; width: 100%; }
main section#top03Sct .headB .bgImg img { width: 100%; height: auto; }
main section#top03Sct .headB .no03 { position: absolute; top: .2em; right: 7vw; color: #fff; font-size: 1000%; letter-spacing: 0; }
@media screen and (max-width: 599px) { main section#top03Sct .headB .no03 { font-size: 1200%; top: 0; right: -.065em; line-height: 1.4; } }
main section#top03Sct .headB .txtB { position: absolute; top: 5.2em; left: 5vw; }
@media screen and (max-width: 599px) { main section#top03Sct .headB .txtB { top: 6.5em; left: 7%; } }
main section#top03Sct .headB .txtB .en { font-size: 420%; letter-spacing: 0; line-height: 1.4; }
@media screen and (max-width: 599px) { main section#top03Sct .headB .txtB .en { font-size: 330%; line-height: 1.05; margin-bottom: .2em; } }
main section#top03Sct .headB .txtB .jp { font-size: 110%; font-weight: 700; letter-spacing: .15em; }
@media screen and (max-width: 599px) { main section#top03Sct .headB .txtB .jp { font-size: 130%; letter-spacing: .2em; } }
main section#top03Sct .inBox { position: relative; width: 87.5%; margin: 5em 0 6em 12.5%; display: flex; flex-wrap: wrap; }
@media screen and (max-width: 599px) { main section#top03Sct .inBox { width: 100%; margin: 5em 0 4em; display: block; } }
main section#top03Sct .inBox h3 { position: relative; width: 100%; text-align: center; font-size: 220%; font-weight: 600; letter-spacing: .15em; padding: 0 12.5% 1.5em 0; }
main section#top03Sct .inBox .ghgB { position: relative; width: 42.8%; padding-top: 1.5em; }
@media screen and (max-width: 599px) { main section#top03Sct .inBox .ghgB { width: 100%; padding: 0 8%; } }
main section#top03Sct .inBox .ghgB .ttl { position: relative; font-size: 150%; font-weight: 700; letter-spacing: .18em; line-height: 1.8; margin-bottom: 1em; }
@media screen and (max-width: 599px) { main section#top03Sct .inBox .ghgB .ttl { font-size: 170%; white-space: nowrap; } }
main section#top03Sct .inBox .ghgB .ttl small { position: relative; font-size: 45%; letter-spacing: .07em; }
main section#top03Sct .inBox .ghgB .ttl small.pt { display: inline-block; top: -1em; left: -.2em; }
main section#top03Sct .inBox .ghgB .ttl small.atn { display: block; margin-top: .8em; }
@media screen and (max-width: 599px) { main section#top03Sct .inBox .ghgB .ttl small.atn { font-size: 60%; } }
main section#top03Sct .inBox .ghgB .txt { width: 83%; font-size: 80%; letter-spacing: .18em; line-height: 2; margin-bottom: 2.5em; }
@media screen and (max-width: 599px) { main section#top03Sct .inBox .ghgB .txt { width: 100%; font-size: 115%; margin-bottom: 4.5em; } }
main section#top03Sct .inBox .ghgB .btn { position: relative; }
main section#top03Sct .inBox .ghgB .btn a { display: inline-block; padding: 2em 12em 2em 2em; background: #000 url("../img/icn_pdf.svg") no-repeat 91% center/1.4em auto; text-align: left; color: #fff; font-size: 80%; letter-spacing: .18em; border-top-left-radius: 1.4em; border-bottom-right-radius: 1.4em; }
@media screen and (max-width: 599px) { main section#top03Sct .inBox .ghgB .btn a { width: 100%; padding: 1.5em 2em; font-size: 110%; } }
main section#top03Sct .inBox .ghgB .btn a:hover { opacity: 1; background: #78DD49 url("../img/icn_pdf.svg") no-repeat 91% center/1.4em auto; }
main section#top03Sct .inBox .scorpSd { position: relative; width: 57.2%; }
@media screen and (max-width: 599px) { main section#top03Sct .inBox .scorpSd { width: 100%; bottom: 2em; } }
@media screen and (max-width: 599px) { main section#top03Sct .inBox .scorpSd .slider li { padding: 2vw 2vw 6vw; } }
main section#top03Sct .inBox .scorpSd .slider li img { position: relative; margin-left: -5vw; width: 100%; height: auto; }
@media screen and (max-width: 599px) { main section#top03Sct .inBox .scorpSd .slider li img { margin-left: 0; _box-shadow: 0 2px 15px 1px rgba(0, 0, 0, 0.1); } }
main section#top03Sct .inBox .optionB { position: relative; width: 100%; }
@media screen and (max-width: 599px) { main section#top03Sct .inBox .optionB { padding: 0 8%; } }
main section#top03Sct .inBox .optionB .logo { position: relative; background: url("../img/logo_sbt.png") no-repeat 80% center/auto 100%; }
@media screen and (max-width: 599px) { main section#top03Sct .inBox .optionB .logo { padding-top: 17em; background-position: center top; background-size: 100% auto; } }
main section#top03Sct .inBox .optionB .ttl { position: relative; font-size: 150%; font-weight: 700; letter-spacing: .18em; line-height: 1.8; margin-bottom: 1em; }
@media screen and (max-width: 599px) { main section#top03Sct .inBox .optionB .ttl { font-size: 170%; white-space: nowrap; } }
main section#top03Sct .inBox .optionB .ttl small { position: relative; font-size: 45%; letter-spacing: .07em; }
main section#top03Sct .inBox .optionB .ttl small.pt { display: inline-block; top: -1em; left: -.2em; }
main section#top03Sct .inBox .optionB .ttl small.atn { display: block; margin-top: .8em; }
@media screen and (max-width: 599px) { main section#top03Sct .inBox .optionB .ttl small.atn { font-size: 60%; } }
main section#top03Sct .inBox .optionB .txt { position: relative; width: 83%; font-size: 80%; letter-spacing: .18em; line-height: 2; margin-bottom: 2.5em; }
@media screen and (max-width: 599px) { main section#top03Sct .inBox .optionB .txt { width: 100%; font-size: 115%; margin-bottom: 4em; } }
main section#top03Sct .inBox .optionB .txt li { position: relative; display: block; padding-left: 1.2em; }
main section#top03Sct .inBox .optionB .txt li::before { content: "・"; position: absolute; left: 0; top: 0; }
main section#top03Sct .inBox .optionB .btn { position: absolute; left: 58%; bottom: 3em; }
@media screen and (max-width: 599px) { main section#top03Sct .inBox .optionB .btn { position: relative; left: inherit; bottom: inherit; } }
main section#top03Sct .inBox .optionB .btn a { display: inline-block; padding: 2em 12em 2em 2em; background: #000 url("../img/icn_pdf.svg") no-repeat 91% center/1.4em auto; text-align: left; color: #fff; font-size: 80%; letter-spacing: .18em; border-top-left-radius: 1.4em; border-bottom-right-radius: 1.4em; }
@media screen and (max-width: 599px) { main section#top03Sct .inBox .optionB .btn a { width: 100%; padding: 1.5em 2em; font-size: 110%; } }
main section#top03Sct .inBox .optionB .btn a:hover { opacity: 1; background: #78DD49 url("../img/icn_pdf.svg") no-repeat 91% center/1.4em auto; }
main section#top03Sct .headC { position: relative; width: 75%; margin: 5em auto 4em; display: flex; }
@media screen and (max-width: 599px) { main section#top03Sct .headC { width: 84%; display: block; } }
main section#top03Sct .headC .ttl { width: 40%; font-size: 150%; font-weight: 700; letter-spacing: .18em; line-height: 1.7; }
@media screen and (max-width: 599px) { main section#top03Sct .headC .ttl { font-size: 170%; white-space: nowrap; margin-bottom: 1.5em; } }
main section#top03Sct .headC .txt { position: relative; width: 60%; padding-top: .3em; font-size: 100%; letter-spacing: .18em; line-height: 2; }
@media screen and (max-width: 599px) { main section#top03Sct .headC .txt { width: 100%; font-size: 115%; } }
main section#top03Sct .headC .txt li { position: relative; display: block; padding-left: 1.2em; }
main section#top03Sct .headC .txt li::before { content: "・"; position: absolute; left: 0; top: 0; }
main section#top04Sct { padding: 5em 0 1em; background: linear-gradient(90deg, #F7F7F7 0%, #F7F7F7 25%, #fff 25%, #fff 100%); }
main section#top04Sct .headB { position: relative; width: 95%; margin: 0 auto 6em; color: #fff; }
@media screen and (max-width: 599px) { main section#top04Sct .headB { width: 100%; } }
main section#top04Sct .headB .bgImg { position: relative; width: 100%; }
main section#top04Sct .headB .bgImg img { width: 100%; height: auto; }
main section#top04Sct .headB .no04 { position: absolute; bottom: 0; right: 7vw; font-size: 1000%; letter-spacing: 0; }
@media screen and (max-width: 599px) { main section#top04Sct .headB .no04 { font-size: 1200%; top: 0; bottom: inherit; right: -.065em; line-height: 1.4; } }
main section#top04Sct .headB .txtB { position: absolute; top: 3.5em; left: 5vw; }
@media screen and (max-width: 599px) { main section#top04Sct .headB .txtB { top: 10em; left: 7%; }
  main section#top04Sct .headB .txtB.actionP { top: 10em; }
  main section#top04Sct .headB .txtB.actionP .jp { margin-bottom: 8em; } }
main section#top04Sct .headB .txtB .en { font-size: 420%; letter-spacing: 0; line-height: 1.4; margin-bottom: .25em; }
@media screen and (max-width: 599px) { main section#top04Sct .headB .txtB .en { font-size: 330%; line-height: 1.05; } }
main section#top04Sct .headB .txtB .jp { font-size: 110%; font-weight: 700; letter-spacing: .2em; line-height: 1.8; padding-left: 1vw; margin-bottom: 2em; }
@media screen and (max-width: 599px) { main section#top04Sct .headB .txtB .jp { font-size: 130%; letter-spacing: .2em; line-height: 2; margin-bottom: 1em; } }
main section#top04Sct .headB .txtB .jp .diteil { display: inline-block; line-height: 1.7; padding-left: 2em; margin: .1em 0 .3em; }
main section#top04Sct .headB .txtB .company { display: block; font-size: 110%; font-weight: 700; letter-spacing: .2em; padding-left: 1vw; margin-bottom: .5em; }
@media screen and (max-width: 599px) { main section#top04Sct .headB .txtB .company { font-size: 170%; } }
main section#top04Sct .headB .txtB .company small { display: block; font-size: 80%; font-weight: 400; margin: .4em 0 .3em; }
@media screen and (max-width: 599px) { main section#top04Sct .headB .txtB .company small { font-size: 70%; white-space: nowrap; margin: 0 0 .1em; } }
main section#top04Sct .headB .txtB .company span { display: block; font-size: 150%; }
@media screen and (max-width: 599px) { main section#top04Sct .headB .txtB .company span { font-size: 120%; letter-spacing: .12em; } }
main section#top04Sct .headB .txtB .btn { position: relative; padding-left: 1vw; }
@media screen and (max-width: 599px) { main section#top04Sct .headB .txtB .btn { display: flex; justify-content: space-between; } }
main section#top04Sct .headB .txtB .btn a { display: inline-block; padding: 2em 2em 2em 2em; width: 20em; margin-right: 1em; background: #fff url("../img/icn_arrow7.svg") no-repeat 91% center/1.4em auto; text-align: left; color: #78DD49; font-size: 80%; letter-spacing: .18em; border-top-left-radius: 1.4em; border-bottom-right-radius: 1.4em; }
@media screen and (max-width: 599px) { main section#top04Sct .headB .txtB .btn a { width: 48%; padding: 1.5em 1em; font-size: 110%; margin-right: 0; } }
main section#top04Sct .headB .txtB .btn a:hover { opacity: 1; background: #000 url("../img/icn_arrow7.svg") no-repeat 91% center/1.4em auto; }
main section#top04Sct .headB .txtB .btn a.out { background: #fff url("../img/icn_link_g.svg") no-repeat 91% center/1.4em auto; }
main section#top04Sct .headB .txtB .meishi { position: absolute; top: 9.5em; right: -4em; }
@media screen and (max-width: 599px) { main section#top04Sct .headB .txtB .meishi { top: 18.2em; right: 9%; } }
main section#top04Sct .headB .txtB .meishi img { width: 8em; height: auto; }
@media screen and (max-width: 599px) { main section#top04Sct .headB .txtB .meishi img { width: 10em; } }
main section#top04Sct .headC { position: relative; width: 75%; margin: 6em auto; display: flex; }
@media screen and (max-width: 599px) { main section#top04Sct .headC { width: 84%; display: block; } }
main section#top04Sct .headC .ttl { width: 35%; font-size: 240%; letter-spacing: .05em; line-height: 1.5; }
@media screen and (max-width: 599px) { main section#top04Sct .headC .ttl { width: 100%; margin-bottom: .8em; } }
main section#top04Sct .headC .txt { width: 65%; padding-top: .3em; text-align: justify; text-justify: inter-ideograph; font-size: 90%; font-weight: 700; letter-spacing: .18em; line-height: 1.8; }
@media screen and (max-width: 599px) { main section#top04Sct .headC .txt { width: 100%; font-size: 115%; letter-spacing: .17em; } }
main section#top04Sct .headC .txt span { display: block; text-align: right; }
main section#actionMainSct { background: linear-gradient(90deg, #F7F7F7 0%, #F7F7F7 25%, #fff 25%, #fff 100%); padding-bottom: 1vw; }
main section#actionMainSct .inner { position: relative; overflow: hidden; height: 34vw; }
@media screen and (max-width: 599px) { main section#actionMainSct .inner { height: auto; } }
main section#actionMainSct .inner .bgPic { position: relative; z-index: 1; }
main section#actionMainSct .inner .bgPic img { width: 100%; height: auto; }
main section#actionMainSct .inner .headC { position: absolute; z-index: 4; left: 7%; top: 8.6em; color: #fff; }
@media screen and (max-width: 599px) { main section#actionMainSct .inner .headC { top: 11em; } }
main section#actionMainSct .inner .headC .ttl { font-size: 350%; letter-spacing: .02em; line-height: 1.3; }
@media screen and (max-width: 599px) { main section#actionMainSct .inner .headC .ttl { font-size: 320%; margin-bottom: .2em; } }
main section#actionMainSct .inner .headC .txt { font-size: 100%; font-weight: 700; letter-spacing: .18em; line-height: 1.8; }
@media screen and (max-width: 599px) { main section#actionMainSct .inner .headC .txt { font-size: 130%; } }
main section#actionMainSct .inMenu { position: relative; z-index: 50; width: 75%; margin: -3.7em auto 0; display: flex; justify-content: space-between; border-radius: 1.5em; overflow: hidden; }
@media screen and (max-width: 599px) { main section#actionMainSct .inMenu { width: 84%; flex-wrap: wrap; margin: -7.2em auto 0; } }
main section#actionMainSct .inMenu li { position: relative; width: 25%; }
@media screen and (max-width: 599px) { main section#actionMainSct .inMenu li { width: 50%; }
  main section#actionMainSct .inMenu li:nth-child(1), main section#actionMainSct .inMenu li:nth-child(2) { border-bottom: 1px solid #cccccc; }
  main section#actionMainSct .inMenu li:nth-child(1), main section#actionMainSct .inMenu li:nth-child(3) { border-right: 1px solid #cccccc; } }
main section#actionMainSct .inMenu li::after { content: ""; position: absolute; top: 25%; right: 0; height: 50%; width: 1px; background: #cccccc; }
@media screen and (max-width: 599px) { main section#actionMainSct .inMenu li::after { display: none; } }
main section#actionMainSct .inMenu li:last-child::after { display: none; }
main section#actionMainSct .inMenu li a { display: block; background: #fafafa url("../img/icn_arrow6.svg") no-repeat center 80%/0.6em auto; text-align: center; padding: 1.4em 0 2.6em; }
main section#actionMainSct .inMenu li a:hover { opacity: 1; color: #fff; background: #78DD49 url("../img/icn_arrow5.svg") no-repeat center 80%/0.6em auto; }
main section#actionMainSct .inMenu li a:hover small { color: #fff; }
main section#actionMainSct .inMenu li a p small { display: block; color: #808080; }
main section#actionMainSct .inMenu li a p span { display: block; font-size: 115%; font-weight: 700; letter-spacing: .12em; padding-left: .12em; }
main section.actionSct { padding: 5em 0 1em; background: linear-gradient(90deg, #F7F7F7 0%, #F7F7F7 25%, #fff 25%, #fff 100%); }
main section.actionSct h3 { position: relative; width: 75%; margin: 0 auto 3em; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
@media screen and (max-width: 599px) { main section.actionSct h3 { width: 84%; display: block; } }
main section.actionSct h3 small { width: 100%; color: #78DD49; font-size: 170%; letter-spacing: 0; margin-bottom: .15em; }
@media screen and (max-width: 599px) { main section.actionSct h3 small { display: block; margin-bottom: .12em; } }
main section.actionSct h3 b { width: 35%; font-size: 350%; font-weight: 700; letter-spacing: .18em; }
@media screen and (max-width: 599px) { main section.actionSct h3 b { display: block; width: 100%; font-size: 370%; margin-bottom: .2em; } }
main section.actionSct h3 span { width: 65%; text-align: right; font-weight: 700; letter-spacing: .16em; }
@media screen and (max-width: 599px) { main section.actionSct h3 span { display: block; width: 100%; text-align: left; letter-spacing: .1em; } }
main section.actionSct .txtC { position: relative; width: 75%; margin: 3em auto; font-size: 85%; letter-spacing: .12em; line-height: 2; }
@media screen and (max-width: 599px) { main section.actionSct .txtC { width: 84%; font-size: 115%; } }
main section#ac1 .illstB { position: relative; width: calc(75% + 5vw); margin: 4em auto 1em; display: flex; justify-content: space-between; }
@media screen and (max-width: 599px) { main section#ac1 .illstB { width: 100%; margin: 3em auto 1em; flex-wrap: wrap; } }
main section#ac1 .illstB li { width: calc(100% / 3); padding: 0 .5vw; }
@media screen and (max-width: 599px) { main section#ac1 .illstB li { padding: 0; width: 50%; }
  main section#ac1 .illstB li:last-child { width: 100%; } }
main section#ac1 .illstB li .illstImg img { width: 100%; height: auto; }
main section#ac2 .illstB { position: relative; width: calc(75% + 3vw); margin: 4em auto 2em; display: flex; justify-content: space-between; }
@media screen and (max-width: 599px) { main section#ac2 .illstB { width: 100%; margin: 3em auto 1em; flex-wrap: wrap; } }
main section#ac2 .illstB li { width: 25%; }
@media screen and (max-width: 599px) { main section#ac2 .illstB li { width: 50%; } }
main section#ac2 .illstB li .illstImg img { width: 100%; height: auto; }
main section#ac3 .illstB { position: relative; width: 56%; margin: 4em auto; display: flex; justify-content: space-between; }
@media screen and (max-width: 599px) { main section#ac3 .illstB { width: 100%; margin: 3em auto 3.5em; flex-wrap: wrap; } }
main section#ac3 .illstB li { width: 36.65%; }
main section#ac3 .illstB li:nth-child(2) { width: 26.7%; }
@media screen and (max-width: 599px) { main section#ac3 .illstB li { width: 37.6%; }
  main section#ac3 .illstB li:nth-child(2) { width: 24.8%; } }
main section#ac3 .illstB li .illstImg img { width: 100%; height: auto; }
main section#ac3 .linkB { position: relative; width: 75%; margin: 2em auto; }
@media screen and (max-width: 599px) { main section#ac3 .linkB { width: 84%; } }
main section#ac3 .linkB a { position: relative; display: inline-block; color: #808080; font-size: 80%; line-height: 1.6; text-decoration: underline; padding-right: 1.5em; margin-bottom: 1em; }
@media screen and (max-width: 599px) { main section#ac3 .linkB a { font-size: 115%; letter-spacing: .12em; margin-bottom: 1.5em; } }
main section#ac3 .linkB a::before { content: ""; position: absolute; right: 0; top: calc(50% - .45em); width: .7em; height: .7em; border: 1px solid #808080; }
main section#ac3 .linkB a::after { content: ""; position: absolute; right: .35em; top: calc(50% - .15em); width: .7em; height: .7em; border: 1px solid #808080; }
main section#ac4 .picB { position: relative; width: 75%; border-radius: .8em; overflow: hidden; margin: 4em auto; }
@media screen and (max-width: 599px) { main section#ac4 .picB { width: 84%; margin: 3em auto 1.5em; } }
main section#ac4 .picB .picImg img { width: 100%; height: auto; }

#footer { position: relative; padding: 5em 9% 3em; background: #F7F7F7 url("../img/footer_bg.svg") no-repeat center center/16% auto; display: flex; justify-content: space-between; }
@media screen and (max-width: 599px) { #footer { display: block; padding: 3.5em 0 3em; background-size: 46%; background-position: center 45%; } }
#footer .box { width: 50%; }
@media screen and (max-width: 599px) { #footer .box { width: 100%; } }
#footer .box .logo { display: block; width: 64%; height: auto; margin-bottom: 10em; }
@media screen and (max-width: 599px) { #footer .box .logo { width: 64vw; margin-left: 8%; margin-bottom: 2.8em; } }
#footer .box .enCompany { font-size: 100%; letter-spacing: .03em; margin-bottom: .6em; }
@media screen and (max-width: 599px) { #footer .box .enCompany { font-size: 130%; margin-left: 7%; margin-bottom: .5em; } }
#footer .box .jpCompany { color: #808080; font-size: 75%; margin-bottom: 1.2em; }
@media screen and (max-width: 599px) { #footer .box .jpCompany { font-size: 110%; margin-left: 7%; } }
#footer .box .cLink { color: #808080; font-size: 75%; text-decoration: underline; padding-right: 1.6em; background: url("../img/icn_link.svg") no-repeat right center/1em; }
@media screen and (max-width: 599px) { #footer .box .cLink { font-size: 110%; margin-left: 7%; } }
#footer .box .fMenu { text-align: right; margin-bottom: 10em; }
@media screen and (max-width: 599px) { #footer .box .fMenu { text-align: center; margin: 23em auto 3em; border-top: 1px solid #cccccc; } }
#footer .box .fMenu li { padding-bottom: .6em; }
@media screen and (max-width: 599px) { #footer .box .fMenu li { padding: 0; border-bottom: 1px solid #cccccc; } }
#footer .box .fMenu li a { display: inline-block; font-size: 75%; padding-right: 2em; background: url("../img/icn_arrow2.svg") no-repeat right center/0.8em; }
@media screen and (max-width: 599px) { #footer .box .fMenu li a { display: block; font-size: 100%; padding: 1.2em 0; background-position: 93% center; } }
#footer .box .cpr { display: block; text-align: right; color: #808080; font-size: 60%; letter-spacing: .02em; }
@media screen and (max-width: 599px) { #footer .box .cpr { text-align: center; font-size: 90%; } }