main { position: relative; }
main section { position: relative; }
main section#volnewmerHeadSct { background-image: linear-gradient(90deg, #ffffff, #f2e0dc); }
main section#volnewmerHeadSct .headImg { width: 100%; }
main section#volnewmerHeadSct .headImg img { width: 100%; height: auto; }
@media screen and (max-width: 599px) { main section#volnewmerHeadSct .headImg img { position: relative; width: 155%; right: 40vw; top: -1.5em; margin-bottom: 8em; } }
main section#volnewmerHeadSct .copy { position: absolute; left: 9%; top: 16vw; width: 48vw; }
@media screen and (max-width: 599px) { main section#volnewmerHeadSct .copy { top: 12em; left: 6%; width: 89%; } }
main section#volnewmerHeadSct .copy .head { display: block; font-size: 170%; letter-spacing: .5em; line-height: 1.4; margin-bottom: .4em; }
@media screen and (max-width: 599px) { main section#volnewmerHeadSct .copy .head { font-size: 90%; line-height: 1.8; margin-bottom: 1.6em; } }
main section#volnewmerHeadSct .copy .name { display: block; font-size: 300%; letter-spacing: .4em; margin-bottom: .3em; }
@media screen and (max-width: 599px) { main section#volnewmerHeadSct .copy .name { font-size: 330%; letter-spacing: .15em; line-height: 1.05; margin-bottom: 1em; } }
main section#volnewmerHeadSct .copy picture { display: block; }
main section#volnewmerHeadSct .copy picture img { display: block; width: 100%; height: auto; }
main section#volnewmerHeadSct .machineB { position: relative; top: -8em; margin-bottom: -8em; padding: 1em 0 5em; background: url("img/head_bg.webp") no-repeat center top/100%; }
@media screen and (max-width: 599px) { main section#volnewmerHeadSct .machineB { top: 0; margin-bottom: 0; padding: 0; background-size: 140%; } }
main section#volnewmerHeadSct .machineB .inner { position: relative; width: 82%; margin: 0 auto; background: url("img/head_machine.webp") no-repeat 3vw top/25vw auto; padding: 16em 0 6em 33vw; }
@media screen and (max-width: 599px) { main section#volnewmerHeadSct .machineB .inner { width: 88%; background-position: 1em 1em; background-size: 36vw auto; padding: 8em 0 4em 46vw; } }
main section#volnewmerHeadSct .machineB .inner .txt { position: relative; display: block; font-size: 140%; font-weight: 700; letter-spacing: .3em; line-height: 2; }
@media screen and (max-width: 599px) { main section#volnewmerHeadSct .machineB .inner .txt { font-size: 100%; letter-spacing: .1em; line-height: 1.8; white-space: nowrap; } }
main section#volnewmerAboutSct { padding: 5.5em 0 0; background: #fcfcfc; }
@media screen and (max-width: 599px) { main section#volnewmerAboutSct { padding: 5.5em 0 0; } }
main section#volnewmerAboutSct .box { position: relative; width: 90%; border-bottom: 2px dashed #666666; padding: 1.5em 0 2.5em 13%; margin-bottom: 2.5em; }
@media screen and (max-width: 599px) { main section#volnewmerAboutSct .box { padding: .9em 0 2.5em 18%; } }
main section#volnewmerAboutSct .box .no { position: absolute; left: 3%; top: 0; font-size: 560%; letter-spacing: 0; line-height: 1; }
@media screen and (max-width: 599px) { main section#volnewmerAboutSct .box .no { left: 4%; font-size: 360%; } }
main section#volnewmerAboutSct .box .en { display: block; color: #efaaa8; font-size: 130%; letter-spacing: .03em; line-height: 1; }
@media screen and (max-width: 599px) { main section#volnewmerAboutSct .box .en { margin-bottom: .2em; } }
main section#volnewmerAboutSct .box .headT { display: block; font-size: 150%; font-weight: 700; letter-spacing: .2em; margin-bottom: .8em; }
@media screen and (max-width: 599px) { main section#volnewmerAboutSct .box .headT { font-size: 160%; line-height: 1.4; white-space: nowrap; } }
main section#volnewmerAboutSct .box .txt { display: block; font-weight: 700; }
main section#volnewmerAboutSct .pointB { position: relative; width: 80%; margin: 0 auto 7em; display: flex; flex-wrap: wrap; justify-content: center; }
@media screen and (max-width: 599px) { main section#volnewmerAboutSct .pointB { width: 86%; } }
main section#volnewmerAboutSct .pointB li { width: 50%; }
@media screen and (max-width: 599px) { main section#volnewmerAboutSct .pointB li { width: 100%; } }
main section#volnewmerAboutSct .pointB li img { width: 100%; height: auto; }
main section#volnewmerAboutSct .machineB { position: relative; width: 74%; margin: 4em auto; display: flex; }
@media screen and (max-width: 599px) { main section#volnewmerAboutSct .machineB { width: 86%; flex-wrap: wrap; } }
main section#volnewmerAboutSct .machineB .txtB { width: 58%; padding-top: 5em; }
@media screen and (max-width: 599px) { main section#volnewmerAboutSct .machineB .txtB { width: 100%; padding-top: 0; } }
main section#volnewmerAboutSct .machineB .txtB .ttl { font-size: 150%; font-weight: 700; letter-spacing: .3em; margin-bottom: 1em; }
@media screen and (max-width: 599px) { main section#volnewmerAboutSct .machineB .txtB .ttl { text-align: center; } }
main section#volnewmerAboutSct .machineB .txtB .head { display: block; color: #efaaa8; font-size: 150%; font-weight: 700; letter-spacing: .25em; line-height: 1.6; margin-bottom: 1.4em; }
@media screen and (max-width: 599px) { main section#volnewmerAboutSct .machineB .txtB .head { text-align: center; white-space: nowrap; letter-spacing: .15em; } }
@media screen and (max-width: 599px) { main section#volnewmerAboutSct .machineB .txtB .txt { text-align: justify; text-justify: inter-ideograph; } }
main section#volnewmerAboutSct .machineB .imgB { width: 42%; }
@media screen and (max-width: 599px) { main section#volnewmerAboutSct .machineB .imgB { width: 100%; } }
main section#volnewmerAboutSct .machineB .imgB img { width: 100%; height: auto; }
@media screen and (max-width: 599px) { main section#volnewmerAboutSct .machineB .imgB img { display: block; width: 70%; margin: 2.5em 0 1em 10%; } }
main section#volnewmerAboutSct .mechanismB { position: relative; width: 78%; margin: 4em 0 6em 13%; }
@media screen and (max-width: 599px) { main section#volnewmerAboutSct .mechanismB { width: 86%; margin: 4em auto 3em; } }
main section#volnewmerAboutSct .mechanismB .ttl { font-size: 150%; font-weight: 700; letter-spacing: .3em; margin-bottom: 1em; }
@media screen and (max-width: 599px) { main section#volnewmerAboutSct .mechanismB .ttl { text-align: center; margin-bottom: 1.8em; } }
main section#volnewmerAboutSct .mechanismB .ttl.inT { margin-top: 5em; }
@media screen and (max-width: 599px) { main section#volnewmerAboutSct .mechanismB .txt { text-align: justify; text-justify: inter-ideograph; } }
main section#volnewmerAboutSct .mechanismB picture { display: block; }
main section#volnewmerAboutSct .mechanismB picture .illst { display: block; width: 100%; height: auto; margin-top: 4.5em; }
@media screen and (max-width: 599px) { main section#volnewmerAboutSct .mechanismB picture .illst { width: 90%; margin: 4.5em auto 0; } }
main section#volnewmerAboutSct .movieB { position: relative; width: 76%; margin: 5em 0 8em 13%; }
@media screen and (max-width: 599px) { main section#volnewmerAboutSct .movieB { width: 86%; margin: 3em auto 6em; } }
main section#volnewmerAboutSct .movieB .youtube { position: relative; width: 100%; padding-top: 56.25%; }
main section#volnewmerAboutSct .movieB .youtube iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }
main section#volnewmerAboutSct .faqB { position: relative; width: 76%; margin: 5em 0 8em 13%; }
@media screen and (max-width: 599px) { main section#volnewmerAboutSct .faqB { width: 86%; margin: 5em auto 7em; } }
main section#volnewmerAboutSct .faqB li { padding-bottom: 3em; }
main section#volnewmerAboutSct .faqB li .qtxt { position: relative; display: inline-block; background: #f4d2ce; padding: 0 .5em; box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.2); font-size: 120%; font-weight: 700; margin-bottom: 1em; }
@media screen and (max-width: 599px) { main section#volnewmerAboutSct .faqB li .qtxt { font-size: 110%; } }
main section#volnewmerAboutSct .faqB li .atxt { font-size: 110%; }
@media screen and (max-width: 599px) { main section#volnewmerAboutSct .faqB li .atxt { font-size: 100%; } }
main section#volnewmerAboutSct .dtlT { width: 76%; margin: 4em auto; font-size: 110%; }
@media screen and (max-width: 599px) { main section#volnewmerAboutSct .dtlT { width: 90%; font-size: 100%; } }
main section#volnewmerAboutSct .dtlT tr th { font-weight: 700; padding: 1em 1em 1em 3em; border-bottom: 1px solid #999999; }
@media screen and (max-width: 599px) { main section#volnewmerAboutSct .dtlT tr th { padding: 1em; white-space: nowrap; } }
main section#volnewmerAboutSct .dtlT tr th.head { background: #f4d2ce; text-align: center; padding: 0; border-bottom: none; }
main section#volnewmerAboutSct .dtlT tr td { padding: 1em 1em 1em 3em; border-bottom: 1px solid #999999; }
@media screen and (max-width: 599px) { main section#volnewmerAboutSct .dtlT tr td { padding: 1em; } }
main section#volnewmerAboutSct .dtlT tr.center { display: flex; justify-content: center; }
main section#volnewmerAboutSct .dtlT tr.center th { width: 50%; text-align: right; padding: 1em 4em 1em 1em; }
main section#volnewmerAboutSct .dtlT tr.center td { width: 50%; font-weight: 700; padding: 1em 1em 1em 4em; }
main section#volnewmerAboutSct .bg2 { position: relative; padding: 15em 0 7em; background: url("img/bg2.webp") no-repeat center top/100%; }
@media screen and (max-width: 599px) { main section#volnewmerAboutSct .bg2 { padding: 9em 0 4em; background-size: 140%; top: -4em; margin-bottom: -4em; } }
main section#volnewmerAboutSct .bg3 { position: relative; padding: 18em 0 1em; background: url("img/bg3.webp") no-repeat center top/100%; top: -14em; margin-bottom: -14em; }
@media screen and (max-width: 599px) { main section#volnewmerAboutSct .bg3 { padding: 11em 0 1em; background-size: 140%; } }
main section#beginnerMenuSct { background: #fcfcfc; color: #4D4D4D; padding: 1em 10% 4em; }
@media screen and (max-width: 599px) { main section#beginnerMenuSct { padding: 0 6% 4em; } }
main section#beginnerMenuSct .bookB li:last-child a { background: #f4d2ce; }