*, *::before, *::after { box-sizing: border-box; }

body { color: #463c32; background: #ffffff; font-size: 1.2vw; letter-spacing: .08em; line-height: 1.6; font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-feature-settings: "palt"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@media screen and (max-width: 599px) { body { font-size: 2.4vw; } }

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

.fnt-Ral4 { font-family: "Raleway", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; letter-spacing: normal; }

.fnt-Ral5 { font-family: "Raleway", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; letter-spacing: normal; }

p { line-height: 1.8; }

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: #463c32; text-decoration: none; transition: opacity 0.5s; }
a:hover, a:active { opacity: .6; }
a.nonLink { pointer-events: none; opacity: .3; }

#cover { width: 100%; height: 100%; position: fixed; background: #ffffff; 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; }

#page-top { opacity: 0; position: fixed; bottom: 20px; right: 15px; z-index: 9000; width: 40px; pointer-events: none; }
@media screen and (max-width: 599px) { #page-top { bottom: 6.5em; } }
#page-top img { width: 100%; height: auto; }
#page-top.fade { opacity: 1; transition: opacity .5s; pointer-events: auto; }

.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); }

.poBtn { position: relative; display: inline-block; line-height: 1; padding: 1em 3em; border: 1px solid #463c32; border-radius: 2em; }

.poBox { padding: 2em; border: 1px solid #463c32; }

#header { overflow: hidden; position: fixed; z-index: 900; display: flex; flex-direction: row-reverse; justify-content: space-between; width: 100%; padding: .7em 2.5% .7em 1%; background: #ffffff; }
@media screen and (max-width: 599px) { #header { padding: 1.5em 3.5% 0; background: none; } }
#header h1 { position: relative; width: 3.4em; }
@media screen and (max-width: 599px) { #header h1 { width: 4.8em; } }
#header h1 img { width: 100%; height: auto; }
#header nav .gMenu { position: relative; transition: all .4s; }
@media screen and (max-width: 599px) { #header nav .gMenu { position: fixed; z-index: 998; top: 0; left: 0; opacity: 0; width: 100%; height: 0; min-height: 0; overflow: hidden; font-size: 120%; padding: 0; scrollbar-width: none; }
  #header nav .gMenu.active { opacity: 1; background: rgba(245, 242, 240, 0.95); padding: 8em 5% 2em; height: 100%; min-height: 100%; overflow-y: scroll; }
  #header nav .gMenu.active ul.mMenu { display: block; width: 100%; }
  #header nav .gMenu.active ul.mMenu li { width: 100%; border-bottom: 1px solid #d2ccc8; margin-bottom: 3em; }
  #header nav .gMenu.active ul.mMenu li a { position: relative; color: #8c827d; font-size: 105%; line-height: 1.4; padding: .5em 1em .4em; }
  #header nav .gMenu.active ul.mMenu li a::after { content: ""; position: absolute; right: .5em; top: 50%; transform: translateY(-50%); width: 1.5em; height: 1.5em; background: url("../img/icn_arrow.svg") no-repeat center center/contain; }
  #header nav .gMenu.active ul.mMenu li a span { display: inline-block; position: absolute; left: 50%; transform: translateX(-50%); text-align: center; color: #463c32; font-size: 110%; font-weight: 500; letter-spacing: .1em; line-height: 1.2; } }
#header nav .gMenu.toggle { margin-left: 4.5em; text-shadow: 1px 1px 1px #463c32; overflow: hidden; opacity: 0; width: 0%; transition: all .4s; }
@media screen and (max-width: 599px) { #header nav .gMenu.toggle { width: 100%; margin-left: 0; text-shadow: none; } }
#header nav .gMenu.toggle.opne { opacity: 1; width: 100%; transition: all .4s; }
#header nav .gMenu .logo { display: none; }
@media screen and (max-width: 599px) { #header nav .gMenu .logo { display: block; position: absolute; top: 1.3em; right: 3.5%; width: 4em; z-index: 999; }
  #header nav .gMenu .logo img { width: 100%; height: auto; } }
#header nav .gMenu ul.mMenu { position: relative; display: flex; padding-top: .4em; }
#header nav .gMenu ul.mMenu li { padding-left: 2em; }
@media screen and (max-width: 599px) { #header nav .gMenu ul.mMenu li { padding-left: 0; } }
#header nav .gMenu ul.mMenu li a { display: block; white-space: nowrap; text-align: center; color: #463c32; font-size: 120%; margin-bottom: .1em; }
@media screen and (max-width: 599px) { #header nav .gMenu ul.mMenu li a { text-align: left; } }
#header nav .gMenu ul.mMenu li a span { display: block; font-size: 60%; line-height: 1; }
#header nav .gMenu .spMenu { display: none; }
@media screen and (max-width: 599px) { #header nav .gMenu .spMenu { display: block; } }
#header nav .gMenu .spMenu .subM { position: relative; margin-bottom: 2em; }
#header nav .gMenu .spMenu .subM li { padding-bottom: 1.5em; }
#header nav .gMenu .spMenu .subM li a { position: relative; padding-right: 2em; font-size: 110%; }
#header nav .gMenu .spMenu .subM li a::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1.4em; height: 1.4em; background: url("../img/icn_arrow.svg") no-repeat center center/contain; }
#header nav .gMenu .spMenu .snsM { position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; }
#header nav .gMenu .spMenu .snsM li { width: 28%; padding-bottom: 1.5em; }
#header nav .gMenu .spMenu .snsM li a { position: relative; font-size: 125%; padding-right: 1.2em; }
#header nav .gMenu .spMenu .snsM li a::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: .7em; height: .7em; background: url("../img/icn_arrow2.svg") no-repeat center center/contain; }
#header nav .gMenu.lower ul.mMenu li a { color: #463c32; }
#header nav .gMenu.lower.toggle { text-shadow: none; }
#header nav .menu-trigger { display: none; color: #ffffff; text-align: center; transition: all .4s; position: fixed; z-index: 9999; width: 3.5em; height: 2.8em; top: 2.8em; left: 2.2%; padding-top: 1.2em; }
#header nav .menu-trigger.lower { color: #463c32; }
#header nav .menu-trigger.lower.toggle { text-shadow: none; }
#header nav .menu-trigger.lower.toggle span { box-shadow: none; }
#header nav .menu-trigger.lower span { background-color: #463c32; }
@media screen and (max-width: 599px) { #header nav .menu-trigger { font-size: 130%; padding-top: 1em; top: 2.5em; left: 4%; } }
#header nav .menu-trigger.toggle { display: inline-block; text-shadow: 1px 1px 1px #463c32; }
#header nav .menu-trigger.toggle span { box-shadow: 1px 1px 0 0 #463c32; }
#header nav .menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; position: absolute; width: 50%; left: 25%; height: 2px; background-color: #ffffff; border-radius: 2px; }
#header nav .menu-trigger span:nth-of-type(1) { top: 0; }
#header nav .menu-trigger span:nth-of-type(2) { top: .7em; }
@media screen and (max-width: 599px) { #header nav .menu-trigger span:nth-of-type(2) { top: .6em; } }
@media screen and (max-width: 599px) { #header nav .menu-trigger { display: inline-block !important; } }
@media screen and (max-width: 599px) { #header nav .menu-trigger.active { color: #463c32; text-shadow: none !important; } }
#header nav .menu-trigger.active span { width: 70%; left: 15%; }
@media screen and (max-width: 599px) { #header nav .menu-trigger.active span { background-color: #463c32; box-shadow: none !important; width: 66%; left: 17%; } }
#header nav .menu-trigger.active span:nth-of-type(1) { transform: translateY(0.35em) rotate(-45deg); }
@media screen and (max-width: 599px) { #header nav .menu-trigger.active span:nth-of-type(1) { transform: translateY(0.32em) rotate(-45deg); } }
#header nav .menu-trigger.active span:nth-of-type(2) { transform: translateY(-0.35em) rotate(45deg); }
@media screen and (max-width: 599px) { #header nav .menu-trigger.active span:nth-of-type(2) { transform: translateY(-0.32em) rotate(45deg); } }
#header nav .fixedBtn { position: fixed; right: 0; bottom: 7%; }
@media screen and (max-width: 599px) { #header nav .fixedBtn { bottom: 0; width: 100%; } }
@media screen and (max-width: 599px) { #header nav .fixedBtn ul { display: flex; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); } }
#header nav .fixedBtn ul li { width: 11em; text-align: center; padding-bottom: .8em; }
@media screen and (max-width: 599px) { #header nav .fixedBtn ul li { width: calc(100%/3); padding-bottom: 0; } }
#header nav .fixedBtn ul li a { display: block; font-weight: 500; padding: .5em 0; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); border-bottom-left-radius: .2em; border-top-left-radius: .2em; }
@media screen and (max-width: 599px) { #header nav .fixedBtn ul li a { font-size: 160%; box-shadow: none; border-radius: 0; padding: .8em 0; } }
#header nav .fixedBtn ul li:nth-child(1) a { background: #ffffff; }
#header nav .fixedBtn ul li:nth-child(2) a { background: #f59600; }
#header nav .fixedBtn ul li:nth-child(3) a { background: #463c32; color: #ffffff; }

main { position: relative; }
main section { position: relative; }
main section#topMainSct .topSlider li img { width: 100%; height: auto; }
main section#topMainSct .copyB { position: absolute; top: 50%; left: 12.5%; transform: translateY(-50%); color: #ffffff; }
@media screen and (max-width: 599px) { main section#topMainSct .copyB { top: 16.2em; left: 6%; transform: none; } }
main section#topMainSct .copyB .jp { font-size: 160%; font-weight: 500; letter-spacing: .25em; line-height: 1.7; margin-bottom: .2em; }
@media screen and (max-width: 599px) { main section#topMainSct .copyB .jp { font-size: 285%; } }
main section#topMainSct .copyB .en { font-size: 105%; }
@media screen and (max-width: 599px) { main section#topMainSct .copyB .en { font-size: 185%; } }
main section#topMainSct .copyB .en span { letter-spacing: .05em; }
main section#topMainSct .newsB { position: absolute; left: 3%; bottom: 2em; border-bottom: 2px solid #ffffff; width: 36em; display: flex; align-items: center; padding-bottom: .25em; }
@media screen and (max-width: 599px) { main section#topMainSct .newsB { display: block; width: 88%; left: 6%; bottom: 4em; padding-bottom: .8em; } }
main section#topMainSct .newsB .ttl { color: #ffffff; font-size: 110%; letter-spacing: .05em; margin-right: 1.8em; }
@media screen and (max-width: 599px) { main section#topMainSct .newsB .ttl { font-size: 170%; } }
main section#topMainSct .newsB .btn { position: relative; flex-grow: 2; display: flex; align-items: center; color: #ffffff; }
@media screen and (max-width: 599px) { main section#topMainSct .newsB .btn { display: block; } }
main section#topMainSct .newsB .btn::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1.3em; height: 1.3em; background: url("../img/icn_arrow_w.svg") no-repeat center center/contain; }
@media screen and (max-width: 599px) { main section#topMainSct .newsB .btn::after { top: inherit; transform: none; bottom: .7em; width: 2.4em; height: 2.4em; } }
main section#topMainSct .newsB .btn .date { font-size: 60%; margin-right: 1.2em; }
@media screen and (max-width: 599px) { main section#topMainSct .newsB .btn .date { font-size: 125%; margin-bottom: .3em; } }
main section#topMainSct .newsB .btn .txt { font-size: 80%; }
@media screen and (max-width: 599px) { main section#topMainSct .newsB .btn .txt { font-size: 160%; line-height: 1.4; width: 80%; } }
main section#topMainSct .newsB .btn.nonL { pointer-events: none; }
main section#topMainSct .newsB .btn.nonL::after { display: none; }
main section#topMainSct .materialB { position: absolute; right: 2%; bottom: 2em; }
@media screen and (max-width: 599px) { main section#topMainSct .materialB { display: none; } }
main section#topMainSct .materialB a { display: inline-block; padding: .5em 3em; border: 1px solid #ffffff; border-radius: 3em; color: #ffffff; font-size: 90%; font-weight: 500; letter-spacing: .2em; }
main section#topInforSct { padding: 6em 6.25%; background: #d2ccc8; }
@media screen and (max-width: 599px) { main section#topInforSct { padding: 7em 5%; } }
main section#topInforSct.lower { padding-top: 8em; }
@media screen and (max-width: 599px) { main section#topInforSct.lower .innerBox { padding-top: 5.5em; } }
main section#topInforSct.lower .innerBox .pNav { font-size: 80%; margin-bottom: 4em; }
@media screen and (max-width: 599px) { main section#topInforSct.lower .innerBox .pNav { display: none; } }
main section#topInforSct.lower .innerBox h2 { font-size: 160%; font-weight: 500; }
@media screen and (max-width: 599px) { main section#topInforSct.lower .innerBox h2 { font-size: 180% !important; } }
main section#topInforSct.lower .innerBox #up_ymd { text-align: right; font-weight: 500; margin: 1em 0; }
main section#topInforSct.lower .innerBox .detailText { font-size: 120%; }
main section#topInforSct.lower .innerBox .detailUpfile { margin: 1em 0 1.5em; text-align: center; }
main section#topInforSct.lower .innerBox .backORcloseBtn { text-align: center; line-height: 100%; margin-top: 1em; }
main section#topInforSct.lower .innerBox .backORcloseBtn a { display: inline-block; padding: .5em 1em; border: 1px solid #aaa; color: #999; border-radius: 6px; text-decoration: none; font-size: 80%; }
main section#topInforSct.lower .innerBox .detailUpfile img { max-width: 100%; height: auto; }
main section#topInforSct .innerBox { background: #ffffff; border-radius: .5em; padding: 3.5em 5% 3em; }
main section#topInforSct .innerBox h2 { position: relative; display: flex; align-items: baseline; margin-bottom: 2em; }
@media screen and (max-width: 599px) { main section#topInforSct .innerBox h2 { font-size: 140%; } }
main section#topInforSct .innerBox h2 .en { color: #f59600; font-size: 110%; letter-spacing: .02em; }
main section#topInforSct .innerBox h2 .jp { font-size: 90%; font-weight: 500; margin-left: .8em; }
main section#topInforSct .innerBox h2 .jp::before { content: "/"; margin-right: .8em; }
main section#topInforSct .innerBox .post li { border-top: 1px dashed #463c32; padding: 1em .5em; display: flex; align-items: center; }
@media screen and (max-width: 599px) { main section#topInforSct .innerBox .post li { font-size: 130%; padding: 1.4em .5em; } }
main section#topInforSct .innerBox .post li:last-child { border-bottom: 1px dashed #463c32; }
main section#topInforSct .innerBox .post li .thumbNail { margin-right: 1.5em; }
@media screen and (max-width: 599px) { main section#topInforSct .innerBox .post li .thumbNail { margin-right: 1em; } }
main section#topInforSct .innerBox .post li .thumbNail img { object-fit: cover; width: 8em; height: 8em; margin-right: 0 !important; }
main section#topInforSct .innerBox .post li .inB { position: relative; }
main section#topInforSct .innerBox .post li .inB .date { display: inline-block; font-size: 80%; line-height: 1; }
main section#topInforSct .innerBox .post li .inB .new { display: inline-block; font-size: 65%; color: red; font-weight: 600; letter-spacing: 0; margin-left: .5em; }
main section#topInforSct .innerBox .post li .inB .ttl { display: block; line-height: 1.5; letter-spacing: .1em; margin-bottom: .5em; }
main section#topInforSct .innerBox .post li .inB .ttl a { text-decoration: underline; }
main section#topInforSct .innerBox .btn { position: relative; text-align: right; padding: 1.5em .5em 0; }
main section#topInforSct .innerBox .btn a { display: inline-block; font-size: 80%; }
@media screen and (max-width: 599px) { main section#topInforSct .innerBox .btn a { font-size: 120%; } }
main section#topInforSct .innerBox .backT { text-align: right; }
main section#topInforSct .innerBox .backT a { text-decoration: underline; }
main section#topInforSct .pager { text-align: right; padding: 3em .6em 0; font-size: 80%; }
@media screen and (max-width: 599px) { main section#topInforSct .pager { font-size: 100%; } }
main section#topInforSct .pager a { border: 1px solid #463c32; border-radius: 2em; color: #463c32; padding: .2em .6em; margin-left: .3em; }
main section#topInforSct .pager a.current { background: #463c32; border: 1px solid #463c32; border-radius: 2em; color: #fff; padding: .2em .6em; margin-left: .3em; }
main section#topInforSct .pager a:hover { opacity: 1; background: #463c32; color: #ffffff; }
main section#topInforSct .overPagerPattern { padding: 0 2px; }
main section#topAboutSct { background: #f5f2f0; }
main section#topAboutSct .bgImg { position: relative; width: 100%; height: auto; }
main section#topAboutSct .contentB { position: absolute; top: 50%; transform: translateY(-50%); width: 75%; margin: 0 12.5%; background: rgba(255, 255, 255, 0.95); padding: 6em 6em 5em; border-radius: 1em; }
@media screen and (max-width: 599px) { main section#topAboutSct .contentB { padding: 7em 3.5em 10em; } }
main section#topAboutSct .contentB h2 { position: relative; display: flex; align-items: baseline; margin-bottom: 2.6em; }
@media screen and (max-width: 599px) { main section#topAboutSct .contentB h2 { font-size: 140%; } }
main section#topAboutSct .contentB h2 .en { color: #f59600; font-size: 110%; letter-spacing: .02em; }
main section#topAboutSct .contentB h2 .jp { font-size: 90%; font-weight: 500; margin-left: .8em; }
main section#topAboutSct .contentB h2 .jp::before { content: "/"; margin-right: .8em; }
main section#topAboutSct .contentB .txtB { position: relative; display: flex; }
@media screen and (max-width: 599px) { main section#topAboutSct .contentB .txtB { display: block; } }
main section#topAboutSct .contentB .txtB .head { width: 50%; }
@media screen and (max-width: 599px) { main section#topAboutSct .contentB .txtB .head { width: 100%; margin-bottom: 6em; } }
main section#topAboutSct .contentB .txtB .head p { font-size: 160%; font-weight: 500; letter-spacing: .2em; line-height: 1.7; }
@media screen and (max-width: 599px) { main section#topAboutSct .contentB .txtB .head p { font-size: 190%; } }
main section#topAboutSct .contentB .txtB .txt { width: 50%; }
@media screen and (max-width: 599px) { main section#topAboutSct .contentB .txtB .txt { width: 100%; } }
main section#topAboutSct .contentB .txtB .txt p { font-size: 85%; line-height: 2; }
@media screen and (max-width: 599px) { main section#topAboutSct .contentB .txtB .txt p { font-size: 170%; line-height: 1.8; } }
main section#topAboutSct .contentB .txtB .txt .btn { margin-top: 6em; text-align: right; }
@media screen and (max-width: 599px) { main section#topAboutSct .contentB .txtB .txt .btn { margin-top: 4em; } }
main section#topAboutSct .contentB .txtB .txt .btn a { position: relative; display: inline-block; font-size: 70%; letter-spacing: .02em; text-align: left; width: 14em; padding: .2em 0; border-bottom: 1px solid #463c32; }
@media screen and (max-width: 599px) { main section#topAboutSct .contentB .txtB .txt .btn a { font-size: 140%; width: 100%; padding: .4em 0; } }
main section#topAboutSct .contentB .txtB .txt .btn a::after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1.2em; height: 1.2em; background: url("../img/icn_arrow.svg") no-repeat center center/contain; }
@media screen and (max-width: 599px) { main section#topAboutSct .contentB .txtB .txt .btn a::after { width: 1.4em; height: 1.4em; } }
main section#topPlanSct { padding: 7em 6.25% 5em; background: linear-gradient(180deg, #f5f2f0 0%, #f5f2f0 78%, #ffffff 78%, #ffffff 100%); }
@media screen and (max-width: 599px) { main section#topPlanSct { padding: 7em 0; } }
main section#topPlanSct h2 { position: relative; display: flex; align-items: baseline; margin-bottom: 2.6em; }
@media screen and (max-width: 599px) { main section#topPlanSct h2 { font-size: 140%; padding: 0 5%; } }
main section#topPlanSct h2 .en { color: #f59600; font-size: 110%; letter-spacing: .02em; }
main section#topPlanSct h2 .jp { font-size: 90%; font-weight: 500; margin-left: .8em; }
main section#topPlanSct h2 .jp::before { content: "/"; margin-right: .8em; }
main section#topPlanSct .blandBox { position: relative; background: #463c32; height: 41em; border-radius: 1em; color: #ffffff; margin-bottom: 4em; }
@media screen and (max-width: 599px) { main section#topPlanSct .blandBox { height: auto; margin: 0 5% 3em; } }
main section#topPlanSct .blandBox.b1 { background: #463c32 url("../img/top_plan_bg1.webp") no-repeat left center/50%; padding-left: 50%; }
@media screen and (max-width: 599px) { main section#topPlanSct .blandBox.b1 { background-size: 100% auto; background-position: center top; padding-left: 0; } }
main section#topPlanSct .blandBox.b2 { background: #463c32 url("../img/top_plan_bg2.webp") no-repeat right center/50%; padding-right: 50%; }
@media screen and (max-width: 599px) { main section#topPlanSct .blandBox.b2 { background-size: 100% auto; background-position: center top; padding-right: 0; } }
main section#topPlanSct .blandBox.b3 { background: #463c32 url("../img/top_plan_bg3.webp") no-repeat left center/50%; padding-left: 50%; }
@media screen and (max-width: 599px) { main section#topPlanSct .blandBox.b3 { background-size: 100% auto; background-position: center top; padding-left: 0; } }
main section#topPlanSct .blandBox .txtB { position: absolute; top: 50%; transform: translateY(-50%); width: 50%; padding: 0 4em; }
@media screen and (max-width: 599px) { main section#topPlanSct .blandBox .txtB { position: relative; top: inherit; transform: none; width: 100%; padding: 8em 6% 7em; } }
main section#topPlanSct .blandBox .txtB h3 { margin-bottom: 5em; }
@media screen and (max-width: 599px) { main section#topPlanSct .blandBox .txtB h3 { margin-bottom: 24em; } }
main section#topPlanSct .blandBox .txtB h3 .bland { color: #f59600; font-size: 120%; }
@media screen and (max-width: 599px) { main section#topPlanSct .blandBox .txtB h3 .bland { font-size: 220%; margin-bottom: .3em; } }
main section#topPlanSct .blandBox .txtB h3 .name { display: block; font-size: 380%; line-height: 1.7; }
@media screen and (max-width: 599px) { main section#topPlanSct .blandBox .txtB h3 .name { font-size: 600%; letter-spacing: .02em; line-height: 1; } }
main section#topPlanSct .blandBox .txtB h3 .name.jp { font-size: 260%; letter-spacing: .1em; margin-bottom: 1em; }
@media screen and (max-width: 599px) { main section#topPlanSct .blandBox .txtB h3 .name.jp { font-size: 400%; line-height: 1.2; margin-bottom: -.5em; }
  main section#topPlanSct .blandBox .txtB h3 .name.jp small { display: block; padding-left: 2em; } }
main section#topPlanSct .blandBox .txtB .copy { display: block; font-size: 140%; letter-spacing: .12em; line-height: 1.5; margin-bottom: .8em; }
@media screen and (max-width: 599px) { main section#topPlanSct .blandBox .txtB .copy { font-size: 230%; white-space: nowrap; margin-bottom: .9em; } }
main section#topPlanSct .blandBox .txtB .txt { font-size: 85%; margin-bottom: 2.5em; }
@media screen and (max-width: 599px) { main section#topPlanSct .blandBox .txtB .txt { font-size: 180%; letter-spacing: .1em; margin-bottom: 2em; } }
main section#topPlanSct .blandBox .txtB .btn a { position: relative; display: inline-block; color: #ffffff; font-size: 70%; letter-spacing: .02em; text-align: left; width: 14em; padding: .2em 0; border-bottom: 1px solid #ffffff; }
@media screen and (max-width: 599px) { main section#topPlanSct .blandBox .txtB .btn a { font-size: 140%; width: 100%; padding: .4em 0; } }
main section#topPlanSct .blandBox .txtB .btn a::after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1.4em; height: 1.4em; background: url("../img/icn_arrow_w.svg") no-repeat center center/contain; }
@media screen and (max-width: 599px) { main section#topPlanSct .blandBox .txtB .btn a::after { width: 1.4em; height: 1.4em; } }
main section#topPlanSct .portSlider { position: relative; margin-bottom: 2em; }
@media screen and (max-width: 599px) { main section#topPlanSct .portSlider { margin-bottom: 4em; } }
main section#topPlanSct .portSlider ul { position: relative; }
main section#topPlanSct .portSlider ul li { margin: 0 2.5em; padding-bottom: 2em; }
@media screen and (max-width: 599px) { main section#topPlanSct .portSlider ul li { margin: 0 1.1em; } }
main section#topPlanSct .portSlider ul li a { position: relative; display: block; }
main section#topPlanSct .portSlider ul li a.nolink { pointer-events: none; }
main section#topPlanSct .portSlider ul li a.nolink::after { display: none; }
main section#topPlanSct .portSlider ul li a::after { content: ""; position: absolute; right: 0; bottom: 0; width: 1.5em; height: 1.5em; background: url("../img/icn_arrow.svg") no-repeat center center/contain; }
@media screen and (max-width: 599px) { main section#topPlanSct .portSlider ul li a::after { width: 2.5em; height: 2.5em; } }
main section#topPlanSct .portSlider ul li a .head { position: relative; display: flex; justify-content: space-between; align-items: baseline; margin-bottom: .5em; }
@media screen and (max-width: 599px) { main section#topPlanSct .portSlider ul li a .head { font-size: 160%; } }
main section#topPlanSct .portSlider ul li a .head .bland { color: #f59600; }
main section#topPlanSct .portSlider ul li a .picB { overflow: hidden; border-radius: 1em; margin-bottom: 1em; }
main section#topPlanSct .portSlider ul li a .picB img { object-fit: cover; width: 100%; height: 21vw; }
@media screen and (max-width: 599px) { main section#topPlanSct .portSlider ul li a .picB img { height: 80vw; } }
main section#topPlanSct .portSlider ul li a .copy { display: block; letter-spacing: .1em; line-height: 1.6; margin-bottom: .5em; }
@media screen and (max-width: 599px) { main section#topPlanSct .portSlider ul li a .copy { font-size: 180%; } }
main section#topPlanSct .portSlider ul li a .data { color: #8c827d; font-size: 80%; }
@media screen and (max-width: 599px) { main section#topPlanSct .portSlider ul li a .data { font-size: 150%; } }
main section#topPlanSct .portSlider ul .prev { position: absolute; z-index: 900; top: 41%; left: 4%; width: 3em; height: 1.5em; background: url("../img/icn_prev.svg") no-repeat center center/contain; cursor: pointer; }
@media screen and (max-width: 599px) { main section#topPlanSct .portSlider ul .prev { top: 46%; left: 0; width: 5.6em; height: 3.2em; background-image: url("../img/icn_prev-sp.svg"); } }
main section#topPlanSct .portSlider ul .next { position: absolute; z-index: 900; top: 41%; right: 4%; width: 3em; height: 1.5em; background: url("../img/icn_next.svg") no-repeat center center/contain; cursor: pointer; }
@media screen and (max-width: 599px) { main section#topPlanSct .portSlider ul .next { top: 46%; right: 0; width: 5.6em; height: 3.2em; background-image: url("../img/icn_next-sp.svg"); } }
main section#topPlanSct .portSlider ul .prev:hover, main section#topPlanSct .portSlider ul .next:hover { opacity: .6; }
main section#topPortfolioSct { padding: 7em 0 5em; }
main section#topPortfolioSct h2 { position: relative; display: flex; align-items: baseline; padding: 0 6.25%; margin-bottom: 2.6em; }
@media screen and (max-width: 599px) { main section#topPortfolioSct h2 { font-size: 140%; } }
main section#topPortfolioSct h2 .en { color: #f59600; font-size: 110%; letter-spacing: .02em; }
main section#topPortfolioSct h2 .jp { font-size: 90%; font-weight: 500; margin-left: .8em; }
main section#topPortfolioSct h2 .jp::before { content: "/"; margin-right: .8em; }
main section#topPortfolioSct .portSlider { position: relative; }
main section#topPortfolioSct .portSlider ul { position: relative; }
main section#topPortfolioSct .portSlider ul li { margin: 0 2.5em; padding-bottom: 2em; }
@media screen and (max-width: 599px) { main section#topPortfolioSct .portSlider ul li { margin: 0 1.1em; } }
main section#topPortfolioSct .portSlider ul li a { position: relative; display: block; }
main section#topPortfolioSct .portSlider ul li a::after { content: ""; position: absolute; right: 0; bottom: 0; width: 1.5em; height: 1.5em; background: url("../img/icn_arrow.svg") no-repeat center center/contain; }
@media screen and (max-width: 599px) { main section#topPortfolioSct .portSlider ul li a::after { width: 2.5em; height: 2.5em; } }
main section#topPortfolioSct .portSlider ul li a .head { position: relative; display: flex; justify-content: space-between; align-items: baseline; margin-bottom: .5em; }
@media screen and (max-width: 599px) { main section#topPortfolioSct .portSlider ul li a .head { font-size: 160%; } }
main section#topPortfolioSct .portSlider ul li a .head .bland { color: #f59600; }
main section#topPortfolioSct .portSlider ul li a .picB { overflow: hidden; border-radius: 1em; margin-bottom: 1em; }
main section#topPortfolioSct .portSlider ul li a .picB img { width: 100%; height: auto; }
main section#topPortfolioSct .portSlider ul li a .copy { display: block; letter-spacing: .1em; line-height: 1.6; margin-bottom: .5em; }
@media screen and (max-width: 599px) { main section#topPortfolioSct .portSlider ul li a .copy { font-size: 180%; } }
main section#topPortfolioSct .portSlider ul li a .data { color: #8c827d; font-size: 80%; }
@media screen and (max-width: 599px) { main section#topPortfolioSct .portSlider ul li a .data { font-size: 150%; } }
main section#topPortfolioSct .portSlider ul .prev { position: absolute; z-index: 900; top: 41%; left: 4%; width: 3em; height: 1.5em; background: url("../img/icn_prev.svg") no-repeat center center/contain; cursor: pointer; }
@media screen and (max-width: 599px) { main section#topPortfolioSct .portSlider ul .prev { top: 46%; left: 0; width: 5.6em; height: 3.2em; background-image: url("../img/icn_prev-sp.svg"); } }
main section#topPortfolioSct .portSlider ul .next { position: absolute; z-index: 900; top: 41%; right: 4%; width: 3em; height: 1.5em; background: url("../img/icn_next.svg") no-repeat center center/contain; cursor: pointer; }
@media screen and (max-width: 599px) { main section#topPortfolioSct .portSlider ul .next { top: 46%; right: 0; width: 5.6em; height: 3.2em; background-image: url("../img/icn_next-sp.svg"); } }
main section#topPortfolioSct .portSlider ul .prev:hover, main section#topPortfolioSct .portSlider ul .next:hover { opacity: .6; }
main section#commonSct { background: #f5f2f0; border-top: 1px solid #d2ccc8; display: flex; flex-wrap: wrap; }
main section#commonSct #flowSct { position: relative; width: 100%; }
main section#commonSct #flowSct .bgImg { width: 100%; height: auto; }
main section#commonSct #flowSct .txtB { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; padding: 0 12.5%; color: #ffffff; }
@media screen and (max-width: 599px) { main section#commonSct #flowSct .txtB { padding: 0 5%; } }
main section#commonSct #flowSct .txtB h2 { position: relative; display: flex; align-items: baseline; margin-bottom: 2.6em; }
@media screen and (max-width: 599px) { main section#commonSct #flowSct .txtB h2 { font-size: 140%; } }
main section#commonSct #flowSct .txtB h2 .en { color: #f59600; font-size: 110%; letter-spacing: .02em; }
main section#commonSct #flowSct .txtB h2 .jp { font-size: 90%; font-weight: 500; margin-left: .8em; }
main section#commonSct #flowSct .txtB h2 .jp::before { content: "/"; margin-right: .8em; }
main section#commonSct #flowSct .txtB .innerB { position: relative; display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 1em; }
@media screen and (max-width: 599px) { main section#commonSct #flowSct .txtB .innerB { display: block; } }
main section#commonSct #flowSct .txtB .innerB .head { display: block; font-size: 145%; letter-spacing: .22em; line-height: 1.8; }
@media screen and (max-width: 599px) { main section#commonSct #flowSct .txtB .innerB .head { font-size: 190%; white-space: nowrap; margin-bottom: 11em; } }
main section#commonSct #flowSct .txtB .innerB .btn { padding-bottom: .5em; }
main section#commonSct #flowSct .txtB .innerB .btn a { position: relative; display: inline-block; color: #ffffff; font-size: 70%; letter-spacing: .02em; text-align: left; width: 14em; padding: .2em 0; border-bottom: 1px solid #ffffff; }
@media screen and (max-width: 599px) { main section#commonSct #flowSct .txtB .innerB .btn a { font-size: 140%; width: 65%; padding: .4em 0; } }
main section#commonSct #flowSct .txtB .innerB .btn a::after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1.4em; height: 1.4em; background: url("../img/icn_arrow_w.svg") no-repeat center center/contain; }
@media screen and (max-width: 599px) { main section#commonSct #flowSct .txtB .innerB .btn a::after { width: 1.4em; height: 1.4em; } }
main section#commonSct #portSct { position: relative; width: 100%; }
main section#commonSct #portSct .bgImg { width: 100%; height: auto; }
main section#commonSct #portSct .txtB { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; padding: 0 12.5%; color: #ffffff; display: flex; justify-content: space-between; }
@media screen and (max-width: 599px) { main section#commonSct #portSct .txtB { padding: 0 5%; display: block; } }
main section#commonSct #portSct .txtB h2 { position: relative; display: flex; align-items: baseline; }
@media screen and (max-width: 599px) { main section#commonSct #portSct .txtB h2 { font-size: 140%; margin-bottom: 7em; } }
main section#commonSct #portSct .txtB h2 .en { color: #f59600; font-size: 110%; letter-spacing: .02em; }
main section#commonSct #portSct .txtB h2 .jp { font-size: 90%; font-weight: 500; margin-left: .8em; }
main section#commonSct #portSct .txtB h2 .jp::before { content: "/"; margin-right: .8em; }
main section#commonSct #portSct .txtB .btn a { position: relative; display: inline-block; color: #ffffff; font-size: 90%; letter-spacing: .02em; text-align: left; width: 18em; padding: .2em 0; border-bottom: 1px solid #ffffff; }
@media screen and (max-width: 599px) { main section#commonSct #portSct .txtB .btn a { font-size: 140%; width: 65%; padding: .4em 0; } }
main section#commonSct #portSct .txtB .btn a::after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1.4em; height: 1.4em; background: url("../img/icn_arrow_w.svg") no-repeat center center/contain; }
@media screen and (max-width: 599px) { main section#commonSct #portSct .txtB .btn a::after { width: 1.4em; height: 1.4em; } }
main section#commonSct #requestSct, main section#commonSct #contactSct, main section#commonSct #recruitmentSct { position: relative; text-align: center; padding: 8em 11.5%; }
@media screen and (max-width: 599px) { main section#commonSct #requestSct, main section#commonSct #contactSct, main section#commonSct #recruitmentSct { padding: 9em 5% 11em; } }
main section#commonSct #requestSct h3, main section#commonSct #contactSct h3, main section#commonSct #recruitmentSct h3 { display: block; margin-bottom: 2.8em; }
@media screen and (max-width: 599px) { main section#commonSct #requestSct h3, main section#commonSct #contactSct h3, main section#commonSct #recruitmentSct h3 { font-size: 150%; margin-bottom: 3.5em; } }
main section#commonSct #requestSct h3 .en, main section#commonSct #contactSct h3 .en, main section#commonSct #recruitmentSct h3 .en { color: #f59600; font-size: 110%; letter-spacing: .02em; margin-bottom: .4em; }
main section#commonSct #requestSct h3 .jp, main section#commonSct #contactSct h3 .jp, main section#commonSct #recruitmentSct h3 .jp { font-size: 145%; font-weight: 500; letter-spacing: .24em; white-space: nowrap; }
main section#commonSct #requestSct .txt, main section#commonSct #contactSct .txt, main section#commonSct #recruitmentSct .txt { text-align: left; font-size: 80%; }
@media screen and (max-width: 599px) { main section#commonSct #requestSct .txt, main section#commonSct #contactSct .txt, main section#commonSct #recruitmentSct .txt { font-size: 165%; letter-spacing: .1em; } }
main section#commonSct #requestSct .btn, main section#commonSct #contactSct .btn, main section#commonSct #recruitmentSct .btn { margin-top: 2.2em; }
@media screen and (max-width: 599px) { main section#commonSct #requestSct .btn, main section#commonSct #contactSct .btn, main section#commonSct #recruitmentSct .btn { margin-top: 3em; } }
main section#commonSct #requestSct .btn a, main section#commonSct #contactSct .btn a, main section#commonSct #recruitmentSct .btn a { position: relative; display: inline-block; font-size: 70%; letter-spacing: .02em; text-align: left; width: 100%; padding: .2em 0; border-bottom: 1px solid #463c32; }
@media screen and (max-width: 599px) { main section#commonSct #requestSct .btn a, main section#commonSct #contactSct .btn a, main section#commonSct #recruitmentSct .btn a { font-size: 160%; padding: .4em 0; } }
main section#commonSct #requestSct .btn a::after, main section#commonSct #contactSct .btn a::after, main section#commonSct #recruitmentSct .btn a::after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1.4em; height: 1.4em; background: url("../img/icn_arrow.svg") no-repeat center center/contain; }
@media screen and (max-width: 599px) { main section#commonSct #requestSct .btn a::after, main section#commonSct #contactSct .btn a::after, main section#commonSct #recruitmentSct .btn a::after { width: 1.4em; height: 1.4em; } }
main section#commonSct #requestSct { width: 50%; }
@media screen and (max-width: 599px) { main section#commonSct #requestSct { width: 100%; } }
main section#commonSct #contactSct { width: 50%; border-left: 1px solid #d2ccc8; }
@media screen and (max-width: 599px) { main section#commonSct #contactSct { width: 100%; border-left: none; border-top: 1px solid #d2ccc8; } }
main section#commonSct #recruitmentSct { width: 100%; border-top: 1px solid #d2ccc8; padding: 8em 35%; }
@media screen and (max-width: 599px) { main section#commonSct #recruitmentSct { padding: 9em 5% 11em; } }
main section#commonSct #blogSct { position: relative; text-align: center; width: 100%; display: flex; border-top: 1px solid #d2ccc8; background: #ffffff; padding: 2%; }
@media screen and (max-width: 599px) { main section#commonSct #blogSct { display: block; padding: 5%; } }
main section#commonSct #blogSct .box { width: calc(100% / 3); margin: 2%; padding: 7.5em 0; }
@media screen and (max-width: 599px) { main section#commonSct #blogSct .box { width: 90%; margin: 5%; } }
main section#commonSct #blogSct .box:first-child { border-right: 1px solid #d2ccc8; }
main section#commonSct #blogSct .box:last-child { border-left: 1px solid #d2ccc8; }
main section#commonSct #blogSct .box .ttl { display: block; }
main section#commonSct #blogSct .box .ttl small { display: block; color: #f59600; font-size: 110%; margin-bottom: .2em; }
main section#commonSct #blogSct .box .ttl span { display: block; color: #ffffff; font-size: 145%; font-weight: 500; letter-spacing: .2em; white-space: nowrap; }
main section#commonSct #blogSct .box .btn { margin-top: 2.2em; padding: 0 23%; }
@media screen and (max-width: 599px) { main section#commonSct #blogSct .box .btn { margin-top: 3em; } }
main section#commonSct #blogSct .box .btn a { position: relative; display: inline-block; color: #ffffff; font-size: 70%; letter-spacing: .02em; text-align: left; width: 100%; padding: .2em 0; border-bottom: 1px solid #ffffff; }
@media screen and (max-width: 599px) { main section#commonSct #blogSct .box .btn a { font-size: 160%; padding: .4em 0; } }
main section#commonSct #blogSct .box .btn a::after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1em; height: 1em; background: url("../img/icn_arrow2_w.svg") no-repeat center center/contain; }
@media screen and (max-width: 599px) { main section#commonSct #blogSct .box .btn a::after { width: .8em; height: .8em; } }
main section#commonSct #blogSct .box:nth-child(1) { background: url("../img/blog_bg1.webp") no-repeat center center/cover; }
main section#commonSct #blogSct .box:nth-child(2) { background: url("../img/blog_bg2.webp") no-repeat center center/cover; }
main section#commonSct #blogSct .box:nth-child(3) { background: url("../img/blog_bg3.webp") no-repeat center center/cover; }
main section#lowerPlanSct { padding: 10em 6.25% 5em; background: #f5f2f0; }
@media screen and (max-width: 599px) { main section#lowerPlanSct { padding: 12em 5% 5em; } }
main section#lowerPlanSct h2 { position: relative; margin-bottom: 3em; }
@media screen and (max-width: 599px) { main section#lowerPlanSct h2 { font-size: 150%; margin-bottom: 4em; } }
main section#lowerPlanSct h2 .jp { font-size: 150%; font-weight: 500; letter-spacing: .4em; }
main section#lowerPlanSct h2 .en { font-size: 90%; letter-spacing: .02em; }
main section#lowerPlanSct .blandBox { position: relative; background: #463c32; height: 41em; border-radius: 1em; color: #ffffff; margin-bottom: 4em; }
@media screen and (max-width: 599px) { main section#lowerPlanSct .blandBox { height: auto; margin-bottom: 2em; } }
main section#lowerPlanSct .blandBox.b1 { background: #463c32 url("../img/top_plan_bg1.webp") no-repeat left center/50%; padding-left: 50%; }
@media screen and (max-width: 599px) { main section#lowerPlanSct .blandBox.b1 { background-size: 100% auto; background-position: center top; padding-left: 0; } }
main section#lowerPlanSct .blandBox.b2 { background: #463c32 url("../img/top_plan_bg2.webp") no-repeat right center/50%; padding-right: 50%; }
@media screen and (max-width: 599px) { main section#lowerPlanSct .blandBox.b2 { background-size: 100% auto; background-position: center top; padding-right: 0; } }
main section#lowerPlanSct .blandBox.b3 { background: #463c32 url("../img/top_plan_bg3.webp") no-repeat left center/50%; padding-left: 50%; }
@media screen and (max-width: 599px) { main section#lowerPlanSct .blandBox.b3 { background-size: 100% auto; background-position: center top; padding-left: 0; } }
main section#lowerPlanSct .blandBox .txtB { position: absolute; top: 50%; transform: translateY(-50%); width: 50%; padding: 0 4em; }
@media screen and (max-width: 599px) { main section#lowerPlanSct .blandBox .txtB { position: relative; top: inherit; transform: none; width: 100%; padding: 8em 6% 7em; } }
main section#lowerPlanSct .blandBox .txtB h3 { margin-bottom: 5em; }
@media screen and (max-width: 599px) { main section#lowerPlanSct .blandBox .txtB h3 { margin-bottom: 24em; } }
main section#lowerPlanSct .blandBox .txtB h3 .bland { color: #f59600; font-size: 120%; }
@media screen and (max-width: 599px) { main section#lowerPlanSct .blandBox .txtB h3 .bland { font-size: 220%; margin-bottom: .3em; } }
main section#lowerPlanSct .blandBox .txtB h3 .name { display: block; font-size: 380%; line-height: 1.7; }
@media screen and (max-width: 599px) { main section#lowerPlanSct .blandBox .txtB h3 .name { font-size: 600%; letter-spacing: .02em; line-height: 1; } }
main section#lowerPlanSct .blandBox .txtB h3 .name.jp { font-size: 260%; letter-spacing: .1em; margin-bottom: 1em; }
@media screen and (max-width: 599px) { main section#lowerPlanSct .blandBox .txtB h3 .name.jp { font-size: 400%; line-height: 1.2; margin-bottom: -.5em; }
  main section#lowerPlanSct .blandBox .txtB h3 .name.jp small { display: block; padding-left: 2em; } }
main section#lowerPlanSct .blandBox .txtB .copy { display: block; font-size: 140%; letter-spacing: .12em; line-height: 1.5; margin-bottom: .8em; }
@media screen and (max-width: 599px) { main section#lowerPlanSct .blandBox .txtB .copy { font-size: 230%; white-space: nowrap; margin-bottom: .9em; } }
main section#lowerPlanSct .blandBox .txtB .txt { font-size: 85%; margin-bottom: 2.5em; }
@media screen and (max-width: 599px) { main section#lowerPlanSct .blandBox .txtB .txt { font-size: 180%; letter-spacing: .1em; margin-bottom: 2em; } }
main section#lowerPlanSct .blandBox .txtB .btn a { position: relative; display: inline-block; color: #ffffff; font-size: 70%; letter-spacing: .02em; text-align: left; width: 14em; padding: .2em 0; border-bottom: 1px solid #ffffff; }
@media screen and (max-width: 599px) { main section#lowerPlanSct .blandBox .txtB .btn a { font-size: 140%; width: 100%; padding: .4em 0; } }
main section#lowerPlanSct .blandBox .txtB .btn a::after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1.4em; height: 1.4em; background: url("../img/icn_arrow_w.svg") no-repeat center center/contain; }
@media screen and (max-width: 599px) { main section#lowerPlanSct .blandBox .txtB .btn a::after { width: 1.4em; height: 1.4em; } }
main section#lowerFlowSct { padding: 0 12% 5em; background: #f5f2f0; }
@media screen and (max-width: 599px) { main section#lowerFlowSct { padding: 0 5% 5em; } }
main section#lowerFlowSct .flowB > li { margin-bottom: 4em; }
main section#lowerFlowSct .flowB > li .step { position: relative; margin-bottom: 1em; }
@media screen and (max-width: 599px) { main section#lowerFlowSct .flowB > li .step { font-size: 170%; margin-bottom: .6em; } }
main section#lowerFlowSct .flowB > li .step::before { content: ""; position: absolute; z-index: 0; left: 0; top: 50%; width: 100%; height: 1px; background: #d2ccc8; }
main section#lowerFlowSct .flowB > li .step span { position: relative; z-index: 5; color: #f59600; background: #f5f2f0; padding-right: 1em; }
main section#lowerFlowSct .flowB > li .head { display: block; font-size: 130%; font-weight: 500; letter-spacing: .25em; padding-left: .2em; margin-bottom: 1.3em; }
@media screen and (max-width: 599px) { main section#lowerFlowSct .flowB > li .head { font-size: 190%; padding-left: .1em; margin-bottom: 1.2em; } }
main section#lowerFlowSct .flowB > li .inBox { position: relative; display: flex; justify-content: space-between; padding: 0 8% 2em; }
@media screen and (max-width: 599px) { main section#lowerFlowSct .flowB > li .inBox { flex-wrap: wrap; padding: 0 8% 3em; } }
main section#lowerFlowSct .flowB > li .inBox .list { order: 1; width: 55%; border-left: 1px solid #d2ccc8; }
@media screen and (max-width: 599px) { main section#lowerFlowSct .flowB > li .inBox .list { width: 100%; order: 2; } }
main section#lowerFlowSct .flowB > li .inBox .list > li { position: relative; padding: .9em 0 .9em 2.3em; }
@media screen and (max-width: 599px) { main section#lowerFlowSct .flowB > li .inBox .list > li { padding: 1em 0 1em 2em; } }
main section#lowerFlowSct .flowB > li .inBox .list > li .ttl { font-weight: 500; letter-spacing: .2em; margin-bottom: .8em; }
@media screen and (max-width: 599px) { main section#lowerFlowSct .flowB > li .inBox .list > li .ttl { font-size: 185%; margin-bottom: .6em; } }
main section#lowerFlowSct .flowB > li .inBox .list > li .ttl::before { content: ""; position: absolute; left: -.35em; top: 1.6em; width: .6em; height: .6em; border-radius: 50%; border: 1px solid #d2ccc8; background: #f5f2f0; }
@media screen and (max-width: 599px) { main section#lowerFlowSct .flowB > li .inBox .list > li .ttl::before { top: 1.2em; } }
main section#lowerFlowSct .flowB > li .inBox .list > li .txt { font-size: 75%; }
@media screen and (max-width: 599px) { main section#lowerFlowSct .flowB > li .inBox .list > li .txt { font-size: 148%; letter-spacing: .1em; line-height: 1.7; } }
main section#lowerFlowSct .flowB > li .inBox .picB { order: 2; width: 40%; }
@media screen and (max-width: 599px) { main section#lowerFlowSct .flowB > li .inBox .picB { order: 1; width: 100%; margin-bottom: 2em; } }
main section#lowerFlowSct .flowB > li .inBox .picB img { display: block; overflow: hidden; width: 100%; height: auto; border-radius: 1em; }
main section#lowerFlowSct .flowB > li .wBox { position: relative; display: flex; justify-content: space-around; align-items: center; background: #ffffff; padding: 2em 8%; margin-bottom: 1em; border-radius: 1em; }
@media screen and (max-width: 599px) { main section#lowerFlowSct .flowB > li .wBox { display: block; padding: 3em 8%; margin-bottom: 2.5em; } }
main section#lowerFlowSct .flowB > li .wBox.mEnd { margin-bottom: 6em; }
@media screen and (max-width: 599px) { main section#lowerFlowSct .flowB > li .wBox.mEnd { margin-bottom: 8em; } }
main section#lowerFlowSct .flowB > li .wBox .ttl { width: 30%; font-weight: 500; letter-spacing: .2em; }
@media screen and (max-width: 599px) { main section#lowerFlowSct .flowB > li .wBox .ttl { width: 100%; font-size: 190%; margin-bottom: .8em; } }
main section#lowerFlowSct .flowB > li .wBox .txt { width: 70%; font-size: 75%; }
@media screen and (max-width: 599px) { main section#lowerFlowSct .flowB > li .wBox .txt { width: 100%; font-size: 138%; letter-spacing: .15em; line-height: 1.7; } }
main section#lowerFlowSct .flowB > li .wBox .txt a { display: inline-block; padding-top: .2em; color: #f59600; text-decoration: underline; }
main section#lowerPortfolioSct { padding: 0 12% 8em; background: #f5f2f0; }
@media screen and (max-width: 599px) { main section#lowerPortfolioSct { padding: 0 0 5em; } }
main section#lowerPortfolioSct .pfMenu { display: none; }
main section#lowerPortfolioSct .caseBox { position: relative; border-top: 1px solid #d2ccc8; padding: 2.5em 0; overflow: hidden; }
@media screen and (max-width: 599px) { main section#lowerPortfolioSct .caseBox { border-top: none; padding: 0 0 2.5em; } }
main section#lowerPortfolioSct .caseBox.box4 { border-bottom: 1px solid #d2ccc8; }
@media screen and (max-width: 599px) { main section#lowerPortfolioSct .caseBox.box4 { border-bottom: none; } }
main section#lowerPortfolioSct .caseBox .infoB { position: absolute; top: 2em; left: 0; }
@media screen and (max-width: 599px) { main section#lowerPortfolioSct .caseBox .infoB { position: relative; top: inherit; left: inherit; width: 90%; margin: 0 auto 1.5em; } }
@media screen and (max-width: 599px) { main section#lowerPortfolioSct .caseBox .infoB .head { display: flex; justify-content: space-between; font-size: 180%; border-top: 1px solid #d2ccc8; padding: 2.5em 5% 0; } }
main section#lowerPortfolioSct .caseBox .infoB .head .bland { color: #f59600; }
main section#lowerPortfolioSct .caseBox .sliderB { width: 100%; padding-left: 38%; }
@media screen and (max-width: 599px) { main section#lowerPortfolioSct .caseBox .sliderB { padding-left: 0; } }
main section#lowerPortfolioSct .caseBox .sliderB ul { position: relative; z-index: 5; width: 128%; }
@media screen and (max-width: 599px) { main section#lowerPortfolioSct .caseBox .sliderB ul { width: 100%; } }
main section#lowerPortfolioSct .caseBox .sliderB ul li { padding-right: 1em; }
@media screen and (max-width: 599px) { main section#lowerPortfolioSct .caseBox .sliderB ul li { padding: 0 1em; } }
main section#lowerPortfolioSct .caseBox .sliderB ul li a { display: block; overflow: hidden; border-radius: .6em; }
main section#lowerPortfolioSct .caseBox .sliderB ul li a img { width: 100%; height: auto; }
main section#lowerPortfolioSct .caseBox .sliderB .prev { position: absolute; left: -23.6em; bottom: 0; cursor: pointer; width: 3em; }
@media screen and (max-width: 599px) { main section#lowerPortfolioSct .caseBox .sliderB .prev { left: 0; top: 50%; z-index: 900; width: 6em; } }
main section#lowerPortfolioSct .caseBox .sliderB .prev::hover { opacity: .6; }
main section#lowerPortfolioSct .caseBox .sliderB .prev img { width: 100%; height: auto; }
main section#lowerPortfolioSct .caseBox .sliderB .next { position: absolute; left: -20.1em; bottom: 0; cursor: pointer; width: 3em; }
@media screen and (max-width: 599px) { main section#lowerPortfolioSct .caseBox .sliderB .next { left: inherit; right: 0; top: 50%; z-index: 900; width: 6em; } }
main section#lowerPortfolioSct .caseBox .sliderB .next::hover { opacity: .6; }
main section#lowerPortfolioSct .caseBox .sliderB .next img { width: 100%; height: auto; }
main section#lowerPortfolioSct .caseBox .sliderB .slick-num { position: absolute; left: 8.5em; bottom: .1em; color: #8c827d; font-size: 90%; }
@media screen and (max-width: 599px) { main section#lowerPortfolioSct .caseBox .sliderB .slick-num { left: 0; } }
main section#lowerPortfolioSct .caseBox .sliderB .slider-nav { position: absolute; z-index: 1; width: 35%; left: 0; bottom: 2.5em; padding-bottom: 3em; }
@media screen and (max-width: 599px) { main section#lowerPortfolioSct .caseBox .sliderB .slider-nav { position: relative; width: 80%; left: inherit; bottom: inherit; padding-bottom: .2em; margin: 1.4em 10% 2em; font-size: 150%; } }
main section#lowerPortfolioSct .caseBox .sliderB .slider-nav > div .slick-track { display: flex; align-items: flex-end; }
@media screen and (max-width: 599px) { main section#lowerPortfolioSct .caseBox .sliderB .slider-nav > div .slick-track { align-items: stretch; } }
main section#lowerPortfolioSct .caseBox .sliderB .slider-nav .data { color: #8c827d; font-size: 80%; margin-bottom: .3em; }
@media screen and (max-width: 599px) { main section#lowerPortfolioSct .caseBox .sliderB .slider-nav .data { font-size: 100%; } }
main section#lowerPortfolioSct .caseBox .sliderB .slider-nav .txt { letter-spacing: .12em; }
main section#lowerPortfolioSct .caseBox .sliderB .slider-nav .spMark { display: none; }
@media screen and (max-width: 599px) { main section#lowerPortfolioSct .caseBox .sliderB .slider-nav .spMark { display: block; text-align: right; padding-top: .5em; }
  main section#lowerPortfolioSct .caseBox .sliderB .slider-nav .spMark img { display: inline-block; width: 1.5em; height: auto; } }
main section#lowerImgHeadSct { background: #f5f2f0; }
main section#lowerImgHeadSct.nonHead { padding: 6em 0 2em; }
main section#lowerImgHeadSct.nonHead2 { padding: 6em 0 2em; }
main section#lowerImgHeadSct.nonHead2 h2 { margin-bottom: 3em !important; }
main section#lowerImgHeadSct.nonHead3 { padding: 6em 0 0; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct.nonHead3 .inner { padding: 7em 5% 2em; }
  main section#lowerImgHeadSct.nonHead3 .inner h2 { margin-bottom: 3em; } }
main section#lowerImgHeadSct .bgImg { display: block; position: relative; width: 100%; height: auto; }
main section#lowerImgHeadSct .headB { position: absolute; top: 12em; left: 6.25%; color: #ffffff; width: 87.5%; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .headB { top: 18em; } }
main section#lowerImgHeadSct .headB h2 { position: relative; margin-bottom: 17.5em; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .headB h2 { font-size: 150%; margin-bottom: 18em; } }
main section#lowerImgHeadSct .headB h2 .jp { font-size: 150%; font-weight: 500; letter-spacing: .4em; }
main section#lowerImgHeadSct .headB h2 .en { font-size: 90%; letter-spacing: .02em; }
main section#lowerImgHeadSct .headB h3 .brand { color: #f59600; font-size: 140%; letter-spacing: .01em; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .headB h3 .brand { font-size: 195%; } }
main section#lowerImgHeadSct .headB h3 .name { position: relative; margin-left: -.07em; display: block; font-size: 690%; line-height: 1; }
main section#lowerImgHeadSct .headB .pfBland { font-size: 120%; margin-bottom: 15.5em; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .headB .pfBland { margin-bottom: 9em; } }
main section#lowerImgHeadSct .headB .pfData .date { margin-bottom: .3em; }
main section#lowerImgHeadSct .headB .pfData .copy { font-size: 160%; letter-spacing: .2em; line-height: 1.5; }
main section#lowerImgHeadSct .inner { position: relative; padding: 6em 6.25% 2em; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .inner { padding: 11em 5% 2em; }
  main section#lowerImgHeadSct .inner.portPd { padding: 4em 5% 2em; } }
main section#lowerImgHeadSct .inner h2 { position: relative; margin-bottom: 5em; }
main section#lowerImgHeadSct .inner h2.shortBt { margin-bottom: 4em; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .inner h2 { font-size: 150%; margin-bottom: 12.5em; }
  main section#lowerImgHeadSct .inner h2.shortBt { margin-bottom: 4em; } }
main section#lowerImgHeadSct .inner h2 .jp { font-size: 150%; font-weight: 500; letter-spacing: .4em; }
main section#lowerImgHeadSct .inner h2 .en { font-size: 90%; letter-spacing: .02em; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .inner h2.splow { margin-bottom: 2em; } }
main section#lowerImgHeadSct .inner .cTxt { text-align: center; margin: 5.5em auto 6em; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .inner .cTxt { margin: 5.5em auto 7em; } }
main section#lowerImgHeadSct .inner .cTxt span { display: inline-block; text-align: left; font-size: 85%; letter-spacing: .1em; line-height: 2; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .inner .cTxt span { font-size: 160%; letter-spacing: .15em; } }
main section#lowerImgHeadSct .inner .cTxt2 { text-align: center; margin: 5.5em auto 2em; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .inner .cTxt2 { margin: 5.5em auto 2em; } }
main section#lowerImgHeadSct .inner .cTxt2 span { display: inline-block; text-align: left; font-size: 85%; letter-spacing: .1em; line-height: 2; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .inner .cTxt2 span { font-size: 160%; letter-spacing: .15em; } }
main section#lowerImgHeadSct .inner .copy { font-size: 160%; font-weight: 500; letter-spacing: .2em; padding-left: 6.25%; margin-bottom: 3.8em; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .inner .copy { font-size: 230%; padding-left: 0; margin-bottom: 3.5em; } }
main section#lowerImgHeadSct .inner .icn { position: absolute; top: 1.9em; right: 6.25%; color: #d2ccc8; font-size: 270%; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .inner .icn { text-align: center; top: 3em; right: 5%; line-height: 1.2; }
  main section#lowerImgHeadSct .inner .icn.nonHead { top: 9em; } }
main section#lowerImgHeadSct .inner .icn span { letter-spacing: .05em; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .inner .icn span { display: block; } }
main section#lowerImgHeadSct .inner .inBox { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5em; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .inner .inBox { display: block; margin-bottom: 7em; } }
main section#lowerImgHeadSct .inner .inBox .imgB { width: 50%; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .inner .inBox .imgB { width: 100%; margin-bottom: 3.5em; } }
main section#lowerImgHeadSct .inner .inBox .imgB img { display: block; width: 100%; height: auto; overflow: hidden; border-radius: 1em; }
main section#lowerImgHeadSct .inner .inBox .txtB { width: 50%; padding: 0 6.25%; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .inner .inBox .txtB { width: 100%; padding: 0; } }
main section#lowerImgHeadSct .inner .inBox .txtB .cate { color: #8c827d; font-size: 110%; letter-spacing: .02em; margin-bottom: 1.4em; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .inner .inBox .txtB .cate { font-size: 180%; } }
main section#lowerImgHeadSct .inner .inBox .txtB .ttl { font-size: 140%; font-weight: 500; letter-spacing: .2em; line-height: 1.6; margin-bottom: 1.2em; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .inner .inBox .txtB .ttl { font-size: 200%; margin-bottom: 1.5em; } }
main section#lowerImgHeadSct .inner .inBox .txtB .txt { font-size: 90%; line-height: 2; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .inner .inBox .txtB .txt { font-size: 170%; letter-spacing: .1em; } }
main section#lowerImgHeadSct .inner .inBox.re .imgB { order: 2; }
main section#lowerImgHeadSct .inner .inBox.re .txtB { order: 1; }
main section#lowerImgHeadSct .inner .pfSpec { display: block; margin-bottom: 5em; }
main section#lowerImgHeadSct .inner .pfPicBox { position: relative; margin-bottom: 7em; }
main section#lowerImgHeadSct .inner .pfPicBox .landFC { margin-bottom: 2em; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .inner .pfPicBox .landFC { margin-bottom: 1.5em; } }
main section#lowerImgHeadSct .inner .pfPicBox .landFC img { overflow: hidden; border-radius: .8em; width: 100%; height: auto; }
main section#lowerImgHeadSct .inner .pfPicBox .landSL { margin-bottom: 2em; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .inner .pfPicBox .landSL { margin-bottom: 1.5em; } }
main section#lowerImgHeadSct .inner .pfPicBox .landSL img { overflow: hidden; border-radius: .8em; width: 60%; height: auto; }
main section#lowerImgHeadSct .inner .pfPicBox .landSR { margin-bottom: 2em; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .inner .pfPicBox .landSR { margin-bottom: 1.5em; } }
main section#lowerImgHeadSct .inner .pfPicBox .landSR img { overflow: hidden; border-radius: .8em; width: 60%; height: auto; margin-left: 40%; }
main section#lowerImgHeadSct .inner .pfPicBox .portSL { margin-bottom: 2em; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .inner .pfPicBox .portSL { margin-bottom: 1.5em; } }
main section#lowerImgHeadSct .inner .pfPicBox .portSL img { overflow: hidden; border-radius: .8em; width: 60%; height: auto; }
main section#lowerImgHeadSct .inner .pfPicBox .portH2 { margin-bottom: 2em; display: flex; justify-content: space-between; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .inner .pfPicBox .portH2 { margin-bottom: 1.5em; } }
main section#lowerImgHeadSct .inner .pfPicBox .portH2 img { overflow: hidden; border-radius: .8em; width: 48.5%; height: auto; }
main section#lowerImgHeadSct .companyInfo { position: relative; padding: 0 7%; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .companyInfo { padding: 0; } }
main section#lowerImgHeadSct .companyInfo .tableSt { width: 100%; margin-bottom: 4em; border-collapse: separate; border-spacing: 5px 0; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .companyInfo .tableSt { border-spacing: 0; margin-bottom: 8em; } }
main section#lowerImgHeadSct .companyInfo .tableSt tr th { border-top: 1px solid #8c827d; background: #e8e5e3; padding: 1em 8em 1em 1.5em; font-size: 85%; font-weight: 400; letter-spacing: .15em; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .companyInfo .tableSt tr th { display: block; font-size: 150%; } }
main section#lowerImgHeadSct .companyInfo .tableSt tr td { border-top: 1px solid #d2ccc8; padding: 1em 1.5em; font-size: 85%; letter-spacing: .15em; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .companyInfo .tableSt tr td { display: block; font-size: 150%; } }
main section#lowerImgHeadSct .companyInfo .tableSt tr:last-child th { border-bottom: 1px solid #8c827d; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .companyInfo .tableSt tr:last-child th { border-bottom: none; } }
main section#lowerImgHeadSct .companyInfo .tableSt tr:last-child td { border-bottom: 1px solid #d2ccc8; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .companyInfo .tableSt tr:last-child td { border-bottom: 1px solid #8c827d; } }
main section#lowerImgHeadSct .companyInfo .gMap { padding: 0 5px 2em; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .companyInfo .gMap { padding: 0 0 7em; } }
main section#lowerImgHeadSct .companyInfo .gMap iframe { display: block; width: 100%; height: 25em; margin-bottom: 2em; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .companyInfo .gMap iframe { height: 46em; margin-bottom: 4em; } }
main section#lowerImgHeadSct .companyInfo .gMap .btn { text-align: right; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .companyInfo .gMap .btn { text-align: center; } }
main section#lowerImgHeadSct .companyInfo .gMap .btn a { display: inline-block; padding: .4em 2em; letter-spacing: .02em; border: 1px solid #463c32; border-radius: 2em; }
@media screen and (max-width: 599px) { main section#lowerImgHeadSct .companyInfo .gMap .btn a { font-size: 150%; } }
main section#lowerContentsSct { background: #f5f2f0; }
main section#lowerContentsSct .lower_cHead { position: relative; }
main section#lowerContentsSct .lower_cHead .bgImg { display: block; position: relative; width: 100%; height: auto; }
main section#lowerContentsSct .lower_cHead .headB { position: absolute; top: 6em; left: 6.25%; color: #ffffff; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .lower_cHead .headB { top: 10em; } }
main section#lowerContentsSct .lower_cHead .headB h3 { position: relative; display: flex; align-items: baseline; margin-bottom: 17em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .lower_cHead .headB h3 { font-size: 140%; margin-bottom: 22em; } }
main section#lowerContentsSct .lower_cHead .headB h3 .en { color: #f59600; font-size: 110%; letter-spacing: .02em; }
main section#lowerContentsSct .lower_cHead .headB h3 .jp { font-size: 90%; font-weight: 500; margin-left: .8em; }
main section#lowerContentsSct .lower_cHead .headB h3 .jp::before { content: "/"; margin-right: .8em; }
main section#lowerContentsSct .lower_cHead .headB .head { font-size: 140%; font-weight: 500; letter-spacing: .2em; line-height: 1.6; margin-bottom: 1.4em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .lower_cHead .headB .head { font-size: 200%; letter-spacing: .15em; margin-bottom: 1.5em; } }
main section#lowerContentsSct .lower_cHead .headB .txt { font-size: 90%; width: 42%; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .lower_cHead .headB .txt { font-size: 170%; letter-spacing: .1em; width: 95%; } }
@media screen and (max-width: 599px) { main section#lowerContentsSct .lower_cHead .headB.hb h3 { margin-bottom: 27.2em; } }
main section#lowerContentsSct .inner { position: relative; padding: 6em 6.25% 6em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner { padding: 9em 5% 4em; } }
main section#lowerContentsSct .inner h4 { position: relative; display: flex; align-items: baseline; margin-bottom: 5em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner h4 { font-size: 140%; margin-bottom: 4em; } }
main section#lowerContentsSct .inner h4 .en { color: #f59600; font-size: 110%; letter-spacing: .02em; }
main section#lowerContentsSct .inner h4 .jp { font-size: 90%; font-weight: 500; margin-left: .8em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner h4 .jp { letter-spacing: .15em; } }
main section#lowerContentsSct .inner h4 .jp::before { content: "/"; margin-right: .8em; }
main section#lowerContentsSct .inner .listB { position: relative; display: flex; flex-wrap: wrap; padding: 0 4%; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner .listB { display: block; padding: 0; } }
main section#lowerContentsSct .inner .listB li { width: calc(100% / 3); padding: 5em 3.5% 4em; background: url("../img/icn-01.svg") no-repeat center top/5em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner .listB li { width: 100%; padding: 1em 0 5em; background-position: 103% top; background-size: 8.5em; } }
main section#lowerContentsSct .inner .listB li .point { text-align: center; color: #f59600; font-size: 85%; letter-spacing: .02em; margin-bottom: .1em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner .listB li .point { text-align: left; font-size: 150%; line-height: 1.5; } }
main section#lowerContentsSct .inner .listB li .ttl { text-align: center; font-size: 120%; font-weight: 500; letter-spacing: .3em; margin-bottom: .9em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner .listB li .ttl { text-align: left; font-size: 195%; line-height: 1.6; margin-bottom: .7em; } }
main section#lowerContentsSct .inner .listB li .txt { font-size: 75%; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner .listB li .txt { font-size: 145%; letter-spacing: .1em; } }
main section#lowerContentsSct .inner .listB li:nth-child(2) { background-image: url("../img/icn-02.svg"); }
main section#lowerContentsSct .inner .listB li:nth-child(3) { background-image: url("../img/icn-03.svg"); }
main section#lowerContentsSct .inner .listB li:nth-child(4) { background-image: url("../img/icn-04.svg"); }
main section#lowerContentsSct .inner .listB li:nth-child(5) { background-image: url("../img/icn-05.svg"); }
main section#lowerContentsSct .inner .listB.hb li:nth-child(1) { background-image: url("../img/icn-06.svg"); }
main section#lowerContentsSct .inner .listB.hb li:nth-child(2) { background-image: url("../img/icn-07.svg"); }
main section#lowerContentsSct .inner .listB.hb li:nth-child(3) { background-image: url("../img/icn-08.svg"); }
main section#lowerContentsSct .inner .listB.hb li:nth-child(4) { background-image: url("../img/icn-09.svg"); }
main section#lowerContentsSct .inner .listB.hb li:nth-child(5) { background-image: url("../img/icn-10.svg"); }
main section#lowerContentsSct .inner .lineupB { margin-top: 10em; position: relative; }
main section#lowerContentsSct .inner .lineupB .inBox { position: relative; display: flex; justify-content: space-between; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner .lineupB .inBox { display: block; } }
main section#lowerContentsSct .inner .lineupB .inBox .box { width: 47%; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner .lineupB .inBox .box { width: 100%; margin-bottom: 5em; } }
main section#lowerContentsSct .inner .lineupB .inBox .box .headB { position: relative; margin-bottom: 4em; }
main section#lowerContentsSct .inner .lineupB .inBox .box .headB .bgImg { display: block; width: 100%; height: auto; overflow: hidden; border-radius: 1em; }
main section#lowerContentsSct .inner .lineupB .inBox .box .headB .txtB { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; text-align: center; color: #ffffff; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner .lineupB .inBox .box .headB .txtB { transform: translateY(-45%); } }
main section#lowerContentsSct .inner .lineupB .inBox .box .headB .txtB .bland { font-size: 130%; letter-spacing: .05em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner .lineupB .inBox .box .headB .txtB .bland { font-size: 160%; line-height: 1.4; } }
main section#lowerContentsSct .inner .lineupB .inBox .box .headB .txtB .name { margin-bottom: 19em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner .lineupB .inBox .box .headB .txtB .name { margin-bottom: 16.5em; } }
main section#lowerContentsSct .inner .lineupB .inBox .box .headB .txtB .name span { display: block; font-size: 360%; letter-spacing: .08em; line-height: 1.6; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner .lineupB .inBox .box .headB .txtB .name span { font-size: 400%; letter-spacing: .15em; line-height: 1.3; margin-bottom: .1em; } }
main section#lowerContentsSct .inner .lineupB .inBox .box .headB .txtB .name small { display: block; font-size: 110%; font-weight: 500; letter-spacing: .1em; line-height: 1.4; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner .lineupB .inBox .box .headB .txtB .name small { font-size: 180%; } }
main section#lowerContentsSct .inner .lineupB .inBox .box .headB .txtB .txt { letter-spacing: .08em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner .lineupB .inBox .box .headB .txtB .txt { font-size: 160%; letter-spacing: .1em; } }
main section#lowerContentsSct .inner .lineupB .inBox .box .detailB { position: relative; padding: 0 14% 2em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner .lineupB .inBox .box .detailB { padding: 0 0 4em; } }
main section#lowerContentsSct .inner .lineupB .inBox .box .detailB .cnT { color: #8c827d; font-size: 105%; letter-spacing: .03em; margin-bottom: 1.5em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner .lineupB .inBox .box .detailB .cnT { font-size: 160%; } }
main section#lowerContentsSct .inner .lineupB .inBox .box .detailB .ttl { font-size: 120%; font-weight: 500; letter-spacing: .3em; margin-bottom: 1.4em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner .lineupB .inBox .box .detailB .ttl { font-size: 195%; letter-spacing: .2em; line-height: 1.6; } }
main section#lowerContentsSct .inner .lineupB .inBox .box .detailB .txt { letter-spacing: .03em; margin-bottom: 2.8em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner .lineupB .inBox .box .detailB .txt { font-size: 172%; letter-spacing: .1em; } }
main section#lowerContentsSct .inner .lineupB .inBox .box .detailB table { width: 100%; margin-bottom: 1.4em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner .lineupB .inBox .box .detailB table { font-size: 190%; } }
main section#lowerContentsSct .inner .lineupB .inBox .box .detailB table tr { border-top: 1px solid #8c827d; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner .lineupB .inBox .box .detailB table tr { border-top: 2px solid #8c827d; } }
main section#lowerContentsSct .inner .lineupB .inBox .box .detailB table tr:last-child { border-bottom: 1px solid #8c827d; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner .lineupB .inBox .box .detailB table tr:last-child { border-bottom: 2px solid #8c827d; } }
main section#lowerContentsSct .inner .lineupB .inBox .box .detailB table tr th { background: #e8e5e3; padding: .8em 0; text-align: center; vertical-align: middle; font-size: 80%; font-weight: 400; }
main section#lowerContentsSct .inner .lineupB .inBox .box .detailB table tr td { position: relative; padding: .8em 0; background: #ffffff; text-align: center; vertical-align: middle; font-size: 70%; }
main section#lowerContentsSct .inner .lineupB .inBox .box .detailB table tr td::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 2.6em; background: #8c827d; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner .lineupB .inBox .box .detailB table tr td::before { width: 2px; height: 3em; } }
main section#lowerContentsSct .inner .lineupB .inBox .box .detailB table tr td b { font-size: 120%; }
main section#lowerContentsSct .inner .lineupB .inBox .box .detailB .atn { display: block; color: #8c827d; font-size: 65%; line-height: 1.5; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner .lineupB .inBox .box .detailB .atn { font-size: 125%; line-height: 1.8; } }
main section#lowerContentsSct .inner2 { position: relative; background: #f5f2f0; padding: 1em 0 0; }
main section#lowerContentsSct .inner2.topP { padding-top: 6em; }
main section#lowerContentsSct .inner2 h3 { position: relative; padding: 0 6.25% 3em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner2 h3 { padding: 0 5% 4em; } }
main section#lowerContentsSct .inner2 h3 .jp { font-size: 140%; font-weight: 500; letter-spacing: .2em; line-height: 1.6; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner2 h3 .jp { font-size: 200%; } }
main section#lowerContentsSct .inner2 h3 .en { color: #8c827d; font-size: 110%; letter-spacing: .02em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner2 h3 .en { font-size: 180%; } }
main section#lowerContentsSct .inner2 .profileB2 { position: relative; padding: 5em 6.25% 5em 50%; background: url("../img/about_pic5.webp") no-repeat center center/cover; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner2 .profileB2 { padding: 36em 5% 5em; background: #ffffff url("../img/about_pic5-sp.webp") no-repeat center top/100%; } }
main section#lowerContentsSct .inner2 .profileB2 .infoB { position: relative; padding: 5em 4.2em 4em 4.2em; background: #ffffff; border-radius: 1em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner2 .profileB2 .infoB { padding: 6em 8% 3em; } }
main section#lowerContentsSct .inner2 .profileB2 .infoB .name { position: relative; display: block; margin-bottom: 2.2em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner2 .profileB2 .infoB .name { font-size: 170%; margin-bottom: 3em; } }
main section#lowerContentsSct .inner2 .profileB2 .infoB .name .jp { display: block; font-size: 135%; font-weight: 500; letter-spacing: .18em; }
main section#lowerContentsSct .inner2 .profileB2 .infoB .name .en { display: block; color: #8c827d; font-size: 80%; }
main section#lowerContentsSct .inner2 .profileB2 .infoB .copy { font-size: 90%; margin-bottom: 3em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner2 .profileB2 .infoB .copy { font-size: 170%; line-height: 2; margin-bottom: 2em; } }
main section#lowerContentsSct .inner2 .profileB { position: relative; width: 82%; margin: 0 auto; padding: 3em 5% 3em 33%; background: url("../img/about_pic4.webp") no-repeat right top/cover; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner2 .profileB { padding: 36em 5% 2em; background: #ffffff url("../img/about_pic4-sp.webp") no-repeat center top/100%; } }
main section#lowerContentsSct .inner2 .profileB .infoB { position: relative; padding: 4em 3.2em 3em 3.2em; background: #ffffff; border-radius: 1em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner2 .profileB .infoB { padding: 6em 8% 3em; } }
main section#lowerContentsSct .inner2 .profileB .infoB .name { position: relative; background: url("../img/logo-comdesign.webp") no-repeat right center/3em; display: block; margin-bottom: 2.2em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner2 .profileB .infoB .name { font-size: 140%; margin-bottom: 3em; } }
main section#lowerContentsSct .inner2 .profileB .infoB .name .jp { display: block; font-size: 120%; font-weight: 500; letter-spacing: .18em; }
main section#lowerContentsSct .inner2 .profileB .infoB .name .en { display: block; color: #8c827d; font-size: 70%; }
main section#lowerContentsSct .inner2 .profileB .infoB .copy { font-size: 80%; margin-bottom: 3em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner2 .profileB .infoB .copy { font-size: 120%; line-height: 2; margin-bottom: 2em; } }
main section#lowerContentsSct .inner2 .profileB .infoB .history li { color: #8c827d; font-size: 70%; padding: .2em 0; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner2 .profileB .infoB .history li { font-size: 100%; } }
main section#lowerContentsSct .inner2 .sliderB { position: relative; background: #ffffff; padding: 5.5em 0 2em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner2 .sliderB { padding: 5.5em 0 6em; } }
main section#lowerContentsSct .inner2 .sliderB h3 { position: relative; display: flex; align-items: baseline; margin-bottom: 1em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner2 .sliderB h3 { font-size: 140%; } }
main section#lowerContentsSct .inner2 .sliderB h3 .en { color: #f59600; font-size: 110%; letter-spacing: .02em; }
main section#lowerContentsSct .inner2 .sliderB h3 .jp { font-size: 90%; font-weight: 500; margin-left: .8em; }
main section#lowerContentsSct .inner2 .sliderB h3 .jp::before { content: "/"; margin-right: .8em; }
main section#lowerContentsSct .inner2 .sliderB ul { position: relative; }
main section#lowerContentsSct .inner2 .sliderB ul li { margin: 0 2.5em; padding-bottom: 4em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner2 .sliderB ul li { margin: 0 1.1em; padding-bottom: 6em; } }
main section#lowerContentsSct .inner2 .sliderB ul li img { width: 100%; height: auto; }
main section#lowerContentsSct .inner2 .sliderB ul .prev { position: absolute; z-index: 900; top: 41%; left: 4%; width: 3em; height: 1.5em; background: url("../img/icn_prev.svg") no-repeat center center/contain; cursor: pointer; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner2 .sliderB ul .prev { top: 46%; left: 0; width: 5.6em; height: 3.2em; background-image: url("../img/icn_prev-sp.svg"); } }
main section#lowerContentsSct .inner2 .sliderB ul .next { position: absolute; z-index: 900; top: 41%; right: 4%; width: 3em; height: 1.5em; background: url("../img/icn_next.svg") no-repeat center center/contain; cursor: pointer; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .inner2 .sliderB ul .next { top: 46%; right: 0; width: 5.6em; height: 3.2em; background-image: url("../img/icn_next-sp.svg"); } }
main section#lowerContentsSct .inner2 .sliderB ul .prev:hover, main section#lowerContentsSct .inner2 .sliderB ul .next:hover { opacity: .6; }
main section#lowerContentsSct .policyB { position: relative; width: 80%; padding-bottom: 6em; margin: 0 auto; }
main section#lowerContentsSct .policyB p.ttl { font-size: 120%; font-weight: 500; padding-top: 1em; }
main section#lowerContentsSct .contactB { width: 80%; margin: 0 auto; padding-bottom: 6em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .contactB { width: 90%; } }
main section#lowerContentsSct .contactB .headT { display: block; text-align: center; border-bottom: 1px solid #d2ccc8; padding-bottom: 6em; margin-bottom: 2.5em; }
main section#lowerContentsSct .contactB .headT span { display: inline-block; text-align: left; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .contactB .headT span { display: block; font-size: 150%; letter-spacing: .08em; } }
main section#lowerContentsSct .contactB #mailformpro { position: relative; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .contactB #mailformpro { font-size: 200%; letter-spacing: .1em; } }
main section#lowerContentsSct .contactB #mailformpro table { width: 100%; }
main section#lowerContentsSct .contactB #mailformpro table tr th { padding: 1em 3em 1em 0; font-weight: 500; line-height: 3; white-space: nowrap; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .contactB #mailformpro table tr th { display: block; padding: 1em 1em 0 0; } }
main section#lowerContentsSct .contactB #mailformpro table tr th .must { display: inline-block; color: #ffffff; font-size: 60%; font-weight: 700; background: #f59600; padding: .1em .5em; border-radius: 2em; line-height: 1.6; margin-left: .5em; }
main section#lowerContentsSct .contactB #mailformpro table tr td { padding: 1em 0; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .contactB #mailformpro table tr td { display: block; padding: .5em 0 2em; } }
main section#lowerContentsSct .contactB #mailformpro table tr td.lh { line-height: 1.5; }
main section#lowerContentsSct .contactB #mailformpro table tr td.lh label { padding: .6em 2em .8em 0; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .contactB #mailformpro table tr td.lh label { display: block; padding: .6em 1em .8em 0; }
  main section#lowerContentsSct .contactB #mailformpro table tr td.lh label span { display: block; text-align: right; } }
main section#lowerContentsSct .contactB #mailformpro table tr td input[type="radio"] { transform: scale(1.5); margin: 0 .5em 0 1.5em; accent-color: #dd7700; }
main section#lowerContentsSct .contactB #mailformpro table tr td input[type="text"] { letter-spacing: .08em; width: 100%; background: #ffffff; padding: .8em 1.2em; border: 1px solid #e8e5e3; border-radius: .8em; }
main section#lowerContentsSct .contactB #mailformpro table tr td input[type="tel"], main section#lowerContentsSct .contactB #mailformpro table tr td input[type="email"] { letter-spacing: .08em; width: 100%; background: #ffffff; padding: .8em 1.2em; border: 1px solid #e8e5e3; border-radius: .8em; }
main section#lowerContentsSct .contactB #mailformpro table tr td textarea { letter-spacing: .08em; width: 100% !important; background: #ffffff; padding: .8em 1.2em; border: 1px solid #e8e5e3; border-radius: .8em; }
main section#lowerContentsSct .contactB #mailformpro table tr td ::placeholder { color: #d2ccc8; }
main section#lowerContentsSct .contactB #mailformpro table tr.bLine { border-bottom: 1px solid #d2ccc8; }
main section#lowerContentsSct .contactB #mailformpro table tr.bLine th { padding-bottom: 3em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .contactB #mailformpro table tr.bLine th { padding-bottom: 0; } }
main section#lowerContentsSct .contactB #mailformpro table tr.bLine td { padding-bottom: 3em; }
main section#lowerContentsSct .contactB #mailformpro table tr.bTop th, main section#lowerContentsSct .contactB #mailformpro table tr.bTop td { padding-top: 3em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .contactB #mailformpro table tr.bTop th, main section#lowerContentsSct .contactB #mailformpro table tr.bTop td { padding-top: 1em; } }
main section#lowerContentsSct .contactB #mailformpro table tr.bTop th, main section#lowerContentsSct .contactB #mailformpro table tr.bTop td { padding-top: 3em; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .contactB #mailformpro table tr.bTop th, main section#lowerContentsSct .contactB #mailformpro table tr.bTop td { padding-top: .5em; } }
main section#lowerContentsSct .contactB #mailformpro .consent-text { padding: 3em 0; text-align: center; }
main section#lowerContentsSct .contactB #mailformpro .consent-text p { display: block; text-align: left; font-size: 90%; margin-bottom: 4em; }
main section#lowerContentsSct .contactB #mailformpro .consent-text p a { text-decoration: underline; }
main section#lowerContentsSct .contactB #mailformpro .consent-text .text-input { display: inline-block; margin-bottom: 4em; }
main section#lowerContentsSct .contactB #mailformpro .consent-text .text-input input[type="checkbox"] { transform: scale(1.5); margin: 0 0 0 .7em; accent-color: #dd7700; }
main section#lowerContentsSct .contactB #mailformpro .consent-text .btn-primary { display: block; width: 20em; background: #f59600; color: #ffffff; letter-spacing: .1em; padding: 1em 0; border-radius: 2em; text-align: center; margin: 0 auto; }
@media screen and (max-width: 599px) { main section#lowerContentsSct .contactB #mailformpro .consent-text .btn-primary { width: 70%; } }

#footer { position: relative; padding: 3em 6%; display: flex; justify-content: space-between; }
@media screen and (max-width: 599px) { #footer { padding: 7em 5% 7em; display: block; } }
#footer .siteB { position: relative; }
#footer .siteB .company { position: relative; display: flex; align-items: center; margin-bottom: 2em; }
@media screen and (max-width: 599px) { #footer .siteB .company { display: block; margin-bottom: 4em; } }
#footer .siteB .company .logo { width: 4em; margin-right: 1.3em; }
@media screen and (max-width: 599px) { #footer .siteB .company .logo { width: 7em; margin: 0 auto 1em; } }
#footer .siteB .company .logo img { width: 100%; height: auto; }
@media screen and (max-width: 599px) { #footer .siteB .company .info { text-align: center; font-size: 200%; } }
#footer .siteB .company .info .name { display: block; font-size: 80%; }
@media screen and (max-width: 599px) { #footer .siteB .company .info .name { margin-bottom: .3em; } }
#footer .siteB .company .info .add { display: block; font-size: 70%; line-height: 1.5; }
@media screen and (max-width: 599px) { #footer .siteB .company .info .add { line-height: 1.6; } }
#footer .siteB .menu { position: relative; display: flex; }
@media screen and (max-width: 599px) { #footer .siteB .menu { flex-wrap: wrap; justify-content: space-between; width: 80%; margin: 0 auto; } }
#footer .siteB .menu li { padding-right: 2em; }
@media screen and (max-width: 599px) { #footer .siteB .menu li { width: 50%; padding: 0 0 2em 3em; } }
#footer .siteB .menu li a { font-size: 90%; }
@media screen and (max-width: 599px) { #footer .siteB .menu li a { font-size: 170%; } }
#footer .outB { position: relative; padding-top: 5.5em; }
@media screen and (max-width: 599px) { #footer .outB { padding-top: 3.5em; } }
#footer .outB .link { position: relative; display: flex; margin-bottom: 1em; }
@media screen and (max-width: 599px) { #footer .outB .link { flex-wrap: wrap; margin-bottom: 4em; } }
#footer .outB .link li { padding-left: 1.3em; }
@media screen and (max-width: 599px) { #footer .outB .link li { width: 33%; padding-bottom: 1.5em; } }
#footer .outB .link li a { position: relative; font-size: 80%; padding-right: 1.2em; }
@media screen and (max-width: 599px) { #footer .outB .link li a { font-size: 160%; } }
#footer .outB .link li a::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: .7em; height: .7em; background: url("../img/icn_arrow2.svg") no-repeat center center/contain; }
#footer .outB .cpr { text-align: right; color: #8c827d; font-size: 70%; }
@media screen and (max-width: 599px) { #footer .outB .cpr { text-align: center; font-size: 100%; } }
#footer .outB .cpr a { display: inline-block !important; margin: 0 !important; color: #8c827d !important; }