@charset "UTF-8";
  @import url("https://fonts.googleapis.com/css2?family=Klee+One:wght@400;600&display=swap"); :root{--color-primary:#008ebb;--color-primary-light:#eef7fa;--color-secondary:#00ade9;--color-secondary-light:#fffbe3;--color-link:#4895e6;}
.red{color:#D12111;}
.yellow{color:var(--color-secondary);}
.white{color:white;}:root{--width-content-s:760px;--width-content:1280px;}:root{--font-family-base:"Inter", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}
.f_noto{font-family:"Noto Sans JP", sans-serif;font-optical-sizing:auto;font-style:normal;}
.f_lato{font-family:"Lato", sans-serif;}
.f_inter{font-family:"Inter", sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0;}
.f_klee, .VisionCnt__Message{font-family:"Klee One", cursive;font-weight:400;font-style:normal;}
.formCnt .btnWrap input, .Fv__inner, .Fv .FvCopy__mainCopy img, .Fv .kubi-1, .topConcept .ill-1, .topService .ill-2, .topService .swiper .swiper-slide .PrImg, .topService .swiper .swiper-slide .Arrow, #nav-toggle, #btm-btn a.pagetop, .Header, .Logo, .Logo__img, .HeaderMenu, .HeaderMenu .g-menu li a::after, .pgNav li a, .contact-Btn, .baseBtn{-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:"";content:none;}
table{border-collapse:collapse;border-spacing:0;}
html{font-size:62.5%;}
body{font-family:var(--font-family-base);font-size:1.7rem;font-weight:400;color:#323131;line-height:2;background-color:white;animation:fadeIn 1s ease 0s 1 normal;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
body{font-size:1.3076923077vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
body{font-size:1.5rem;}
}
@media screen and (max-width:767px){
body{font-size:1.5rem;line-height:1.8;}
}
@media screen and (max-width:100px){
body{font-size:1.4rem;}
}
@keyframes fadeIn {
0%{opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes fadeIn {
0%{opacity:0;}
100%{opacity:1;}
} a{color:#008ebb;word-wrap:break-word;}
a.noLink{pointer-events:none;}
a.anchor{display:block;}
@media screen and (max-width:767px){
a.anchor{padding-top:50px;margin-top:-50px;}
}
a.anchor--1{padding-top:50px;margin-top:-50px;}
a.External_links{display:table;margin-left:auto;font-size:1.4rem;}
.br-pc{display:block !important;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.br-pc{display:none !important;}
}
@media screen and (max-width:767px){
.br-pc{display:none !important;}
}
.br-sp{display:none !important;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.br-sp{display:none !important;}
}
@media screen and (max-width:767px){
.br-sp{display:block !important;}
}
.br-tb{display:none !important;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.br-tb{display:block !important;}
}
@media screen and (max-width:767px){
.br-tb{display:none !important;}
}
.br-tb-sp{display:none !important;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.br-tb-sp{display:block !important;}
}
@media screen and (max-width:767px){
.br-tb-sp{display:block !important;}
}
@media screen and (max-width:767px){
.dn-sp{display:none !important;}
} .u-mauto{margin-left:auto !important;margin-right:auto !important;}
.u-mlauto{margin-left:auto !important;}
.u-mt0{margin-top:0px !important;}
.u-mt5{margin-top:5px !important;}
.u-mt10{margin-top:10px !important;}
.u-mt15{margin-top:15px !important;}
.u-mt25{margin-top:25px !important;}
.u-mt30{margin-top:30px !important;}
.u-mt35{margin-top:35px !important;}
.u-mt40{margin-top:40px !important;}
.u-mt50{margin-top:50px !important;}
.u-mt70{margin-top:70px !important;}
.u-mt80{margin-top:80px !important;}
.u-mt100{margin-top:100px !important;}
.u-mt120{margin-top:120px !important;}
.u-mt140{margin-top:140px !important;}
.u-mt150{margin-top:150px !important;}
.u-mt200{margin-top:200px !important;}
.u-mb5{margin-bottom:5px !important;}
.u-mb10{margin-bottom:10px !important;}
.u-mb15{margin-bottom:15px !important;}
.u-mb25{margin-bottom:25px !important;}
.u-mb50{margin-bottom:50px !important;}
.u-mb70{margin-bottom:70px !important;}
.u-mb100{margin-bottom:100px !important;}
.u-mlauto{margin-left:auto !important;}
.u-ml5{margin-left:10px !important;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.u-ml5{margin-left:0.3846153846vw !important;}
}
.u-ml10{margin-left:10px !important;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.u-ml10{margin-left:0.7692307692vw !important;}
}
.u-ml15{margin-left:15px !important;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.u-ml15{margin-left:1.1538461538vw !important;}
}
.u-ml25{margin-left:25px !important;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.u-ml25{margin-left:1.9230769231vw !important;}
}
.u-ml50{margin-left:50px !important;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.u-ml50{margin-left:3.8461538462vw !important;}
}
.u-ml70{margin-left:70px !important;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.u-ml70{margin-left:5.3846153846vw !important;}
}
.u-mr5{margin-right:5px !important;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.u-mr5{margin-right:0.3846153846vw !important;}
}
.u-mr10{margin-right:10px !important;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.u-mr10{margin-right:0.7692307692vw !important;}
}
.u-mr15{margin-right:15px !important;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.u-mr15{margin-right:1.1538461538vw !important;}
}
.u-mr25{margin-right:25px !important;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.u-mr25{margin-right:1.9230769231vw !important;}
}
.u-mr50{margin-right:50px !important;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.u-mr50{margin-right:3.8461538462vw !important;}
}
.u-mr70{margin-right:70px !important;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.u-mr70{margin-right:5.3846153846vw !important;}
}
.u-mr100{margin-right:100px !important;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.u-mr100{margin-right:7.6923076923vw !important;}
}
.u-mlr25{margin-left:25px !important;margin-right:25px !important;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.u-mlr25{margin-left:1.9230769231vw !important;margin-right:1.9230769231vw !important;}
}
.u-p-reset{padding:0 !important;}
.u-ptb{padding:150px 0 !important;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.u-ptb{padding:100px 0 !important;}
}
@media screen and (max-width:767px){
.u-ptb{padding:70px 0 !important;}
}
.u-ptb100{padding:100px 0 !important;}
.u-ptb70{padding:70px 0 !important;}
@media screen and (max-width:767px){
.u-ptb70{padding-top:35px !important;}
}
.u-ptb50{padding:50px 0 !important;}
.u-pt{padding-top:150px !important;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.u-pt{padding-top:100px !important;}
}
@media screen and (max-width:767px){
.u-pt{padding-top:70px !important;}
}
.u-pb{padding-bottom:150px !important;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.u-pb{padding-bottom:100px !important;}
}
@media screen and (max-width:767px){
.u-pb{padding-bottom:70px !important;}
}
.u-pt25{padding-top:25px !important;}
.u-pt50{padding-top:50px !important;}
.u-pt70{padding-top:70px !important;}
.u-pt100{padding-top:100px !important;}
.u-pt150{padding-top:150px !important;}
.u-pt200{padding-top:200px !important;}
.u-pb15{padding-bottom:15px !important;}
.u-pb25{padding-bottom:25px !important;}
.u-pb50{padding-bottom:50px !important;}
.u-pb100{padding-bottom:100px !important;}
.u-pb200{padding-bottom:200px !important;}
@media screen and (max-width:767px){
.u-sp-m-reset{margin:0 !important;}
}
@media screen and (max-width:767px){
.u-sp-mauto{margin-left:auto !important;margin-right:auto !important;}
}
@media screen and (max-width:767px){
.u-sp-mlauto{margin-left:0 !important;margin-left:auto !important;}
}
@media screen and (max-width:767px){
.u-sp-mt0{margin-top:0px !important;}
}
@media screen and (max-width:767px){
.u-sp-mt5{margin-top:5px !important;}
}
@media screen and (max-width:767px){
.u-sp-mt10{margin-top:10px !important;}
}
@media screen and (max-width:767px){
.u-sp-mt15{margin-top:15px !important;}
}
@media screen and (max-width:767px){
.u-sp-mt25{margin-top:25px !important;}
}
@media screen and (max-width:767px){
.u-sp-mt35{margin-top:35px !important;}
}
@media screen and (max-width:767px){
.u-sp-mt50{margin-top:50px !important;}
}
@media screen and (max-width:767px){
.u-sp-mt70{margin-top:70px !important;}
}
@media screen and (max-width:767px){
.u-sp-mt80{margin-top:80px !important;}
}
@media screen and (max-width:767px){
.u-sp-mt100{margin-top:100px !important;}
}
@media screen and (max-width:767px){
.u-sp-mt150{margin-top:150px !important;}
}
@media screen and (max-width:767px){
.u-sp-mb5{margin-bottom:5px !important;}
}
@media screen and (max-width:767px){
.u-sp-mb50{margin-bottom:50px !important;}
}
@media screen and (max-width:767px){
.u-sp-ml15{margin-left:15px !important;}
}
@media screen and (max-width:767px){
.u-sp-ptb{padding:70px 0 !important;}
}
@media screen and (max-width:767px){
.u-sp-ptb35{padding:35px 0 !important;}
}
@media screen and (max-width:767px){
.u-sp-ptb50{padding:50px 0 !important;}
}
@media screen and (max-width:767px){
.u-sp-pt{padding-top:70px !important;}
}
@media screen and (max-width:767px){
.u-sp-pt0{padding-top:0px !important;}
}
@media screen and (max-width:767px){
.u-sp-pt25{padding-top:25px !important;}
}
@media screen and (max-width:767px){
.u-sp-pt50{padding-top:50px !important;}
}
@media screen and (max-width:767px){
.u-sp-pt70{padding-top:70px !important;}
}
@media screen and (max-width:767px){
.u-sp-pt100{padding-top:100px !important;}
}
@media screen and (max-width:767px){
.u-sp-pb{padding-bottom:70px !important;}
}
@media screen and (max-width:767px){
.u-sp-pb0{padding-bottom:0px !important;}
}
@media screen and (max-width:767px){
.u-sp-pb50{padding-bottom:50px !important;}
}
@media screen and (max-width:767px){
.u-sp-pb100{padding-bottom:100px !important;}
}
.u-fll{float:left;}
.u-flr{float:right;}
@media screen and (max-width:767px){
.u-sp-fl-reset{float:none !important;}
}
@media screen and (max-width:767px){
.u-sp-flr{float:right !important;}
}
.u-alc{text-align:center !important;}
.u-all{text-align:left !important;}
.u-alr{text-align:right !important;}
@media screen and (max-width:767px){
.u-sp-alc{text-align:center !important;}
}
@media screen and (max-width:767px){
.u-sp-all{text-align:left !important;}
}
@media screen and (max-width:767px){
.u-sp-alr{text-align:right !important;}
}
.u-vat{vertical-align:top !important;}
.u-vam{vertical-align:middle !important;}
.u-vab{vertical-align:bottom !important;}
.u-wnum{width:4em !important;max-width:4em !important;}
.u-w10{width:10% !important;max-width:10% !important;}
.u-w15{width:15% !important;max-width:15% !important;}
.u-w20{width:20% !important;max-width:20% !important;}
.u-w25{width:25% !important;max-width:25% !important;}
.u-w30{width:30% !important;max-width:30% !important;}
.u-w35{width:35% !important;max-width:35% !important;}
.u-w40{width:40% !important;max-width:40% !important;}
.u-w45{width:45% !important;max-width:45% !important;}
.u-w50{width:50% !important;max-width:50% !important;}
.u-w55{width:55% !important;max-width:55% !important;}
.u-w60{width:60% !important;max-width:60% !important;}
.u-w70{width:70% !important;max-width:70% !important;}
.u-w80{width:80% !important;max-width:80% !important;}
.u-w90{width:90% !important;max-width:90% !important;}
.u-w100{width:100% !important;max-width:100% !important;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.u-tab-w50{width:50% !important;max-width:50% !important;}
}
@media screen and (max-width:767px){
.u-sp-w-reset{width:auto !important;max-width:initial !important;}
}
@media screen and (max-width:767px){
.u-sp-w30{width:30% !important;max-width:30% !important;}
}
@media screen and (max-width:767px){
.u-sp-w35{width:35% !important;max-width:35% !important;}
}
@media screen and (max-width:767px){
.u-sp-w40{width:40% !important;max-width:40% !important;}
}
@media screen and (max-width:767px){
.u-sp-w50{width:50% !important;max-width:50% !important;}
}
@media screen and (max-width:767px){
.u-sp-w60{width:60% !important;max-width:60% !important;}
}
@media screen and (max-width:767px){
.u-sp-w70{width:70% !important;max-width:70% !important;}
}
@media screen and (max-width:767px){
.u-sp-w80{width:80% !important;max-width:80% !important;}
}
@media screen and (max-width:767px){
.u-sp-w90{width:90% !important;max-width:90% !important;}
}
@media screen and (max-width:767px){
.u-sp-w100{width:100% !important;max-width:100% !important;}
}
.u-of-hidden{overflow:hidden;}
.u-bold{font-weight:700;}
.u-txtSmall{font-size:1.4rem;}
.u-txtLarge{font-size:2.2rem;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.u-txtLarge{font-size:1.6923076923vw;}
}
@media screen and (max-width:767px){
.u-txtLarge{font-size:1.8rem;}
} .l-container-s{width:100%;margin:0 auto;}
.l-container-s{max-width:var(--width-content-s);box-sizing:border-box;}
.title-Lv1{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:0.5em;font-size:3rem;font-weight:800;line-height:1.5;position:relative;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.title-Lv1{font-size:2.3076923077vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.title-Lv1{font-size:2.5rem;}
}
@media screen and (max-width:767px){
.title-Lv1{font-size:2.1rem;}
}
.title-Lv1::after{content:"";display:inline-block;width:60px;height:5px;background-image:linear-gradient(90deg, var(--color-primary) 49%, white 49%, white 51%, var(--color-secondary) 51%);position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
@media screen and (max-width:767px){
.title-Lv1::after{width:60px;height:4px;}
}
.title-Lv1 i{font-size:3.2rem;color:var(--color-primary);}
.title-Lv1--small{font-size:2.4rem;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.title-Lv1--small{font-size:1.8461538462vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.title-Lv1--small{font-size:2rem;}
}
@media screen and (max-width:767px){
.title-Lv1--small{font-size:1.7rem;}
}
.title-Lv2{display:inline-flex;flex-direction:column;align-items:flex-start;position:relative;line-height:1.6;}
@media screen and (max-width:767px){
.title-Lv2{display:flex;align-items:center;}
}
.title-Lv2 .en{display:inline-flex;padding-left:1em;font-size:1.4rem;position:relative;color:#999;}
@media screen and (max-width:767px){
.title-Lv2 .en{font-size:1.2rem;}
}
.title-Lv2 .en::before{content:"";display:block;width:8px;height:8px;background-color:var(--color-primary);position:absolute;top:50%;left:0;transform:translateY(-50%);border-radius:3PX;}
@media screen and (max-width:767px){
.title-Lv2 .en::before{width:6px;height:6px;}
}
.title-Lv2 .jp{font-size:4rem;font-weight:700;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.title-Lv2 .jp{font-size:2.7692307692vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.title-Lv2 .jp{font-size:3rem;}
}
@media screen and (max-width:767px){
.title-Lv2 .jp{font-size:2.7rem;}
}
.title-Lv2 .jp--small{font-size:2.1rem;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.title-Lv2 .jp--small{font-size:1.6153846154vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.title-Lv2 .jp--small{font-size:1.5rem;}
}
@media screen and (max-width:767px){
.title-Lv2 .jp--small{font-size:1.5rem;}
}
@media screen and (max-width:767px){
.title-Lv2 .jp small{display:block;font-size:2.1rem;}
}
.title-Lv2--white{color:white;}
.title-Lv2--white .en{color:white !important;}
.title-Lv2--white .en::before{background-color:white;}
.title-Lv2--uLine{padding-right:100px;padding-bottom:0.5em;}
@media screen and (max-width:767px){
.title-Lv2--uLine{padding-right:0;}
}
.title-Lv2--uLine::after{content:"";display:block;width:70px;width:100%;height:3px;background-image:linear-gradient(90deg, #008ebb 60px, #f2f6fb 60px);position:absolute;bottom:0;left:0;}
.title-Lv3{display:block;font-size:1.9rem;font-weight:600;border-bottom:1px solid #ccc;position:relative;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.title-Lv3{font-size:1.4615384615vw;}
}
@media screen and (max-width:767px){
.title-Lv3{font-size:1.6rem;}
}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.title-Lv3{font-size:1.4615384615vw;}
}
.title-Lv3::after{content:"";display:inline-block;width:200px;height:1px;background-color:var(--color-primary);position:absolute;bottom:-1px;left:0;}
.title-Lv4{font-size:1.8rem;font-weight:600;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.title-Lv4{font-size:1.3846153846vw;}
}
@media screen and (max-width:767px){
.title-Lv4{font-size:1.6rem;}
}
.UnderFv{display:flex;flex-direction:column;position:relative;height:450px;min-height:450px;background-color:#b6c9d5;overflow:hidden;}
.UnderFv__inner{height:calc(100% - 80px);position:relative;}
.UnderFv__inner::after{content:"";display:block;width:100%;height:100%;background-color:black;position:absolute;top:0;left:0;opacity:0.25;}
.UnderFv__bottom{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:100%;height:80px;padding:0 3.5%;background-color:var(--color-primary);position:relative;z-index:21;box-sizing:border-box;}
.UnderFv__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.UnderFv__triangle{display:block;width:500px;height:100%;background-color:var(--color-primary);position:absolute;top:0;left:0;z-index:15;clip-path:polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%);opacity:0.8;}
.UnderFv__triangle--ov1{left:-70px;background-color:#e1e5ea;z-index:20;}
.UnderFv__triangle--ov2{left:-100px;background-color:white;z-index:21;}
.btnWrap{display:flex;justify-content:center;gap:0 50px;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.btnWrap{gap:0 15px;}
}
@media screen and (max-width:767px){
.btnWrap{flex-direction:column;gap:15px 0;padding:0 5%;}
}
.contact-Btn{display:inline-flex;justify-content:center;align-items:center;padding:0.5em;background-color:var(--color-primary);color:white;text-decoration:none;box-sizing:border-box;font-size:2.1rem;font-weight:600;line-height:1.5;position:relative;gap:0 1em;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.contact-Btn{font-size:1.6153846154vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.contact-Btn{padding:1em;font-size:1.6rem;border-radius:4px;}
}
@media screen and (max-width:767px){
.contact-Btn{padding:1em;font-size:1.6rem;border-radius:4px;}
}
.contact-Btn:hover{filter:brightness(110%);}
@media screen and (max-width:767px){
.contact-Btn .caption{font-size:1.5rem;}
}
.contact-Btn .arrow{width:18px;}
.contact-Btn--header{padding:0.75em;width:180px;border-radius:50px;gap:0 0.35em;box-sizing:border-box;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.contact-Btn--header{width:13.8461538462vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.contact-Btn--header{padding:0.75em 0.5em;width:150px;font-size:1.4rem;gap:0 0.5em;}
}
@media screen and (max-width:767px){
.contact-Btn--header{flex-direction:column;width:60px;height:60px;padding:0;font-size:1.4rem;gap:0 0.5em;}
}
.contact-Btn--header--2{background-color:white;color:var(--color-primary);border:2px solid var(--color-primary);}
.contact-Btn--header i{font-size:1.5rem;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.contact-Btn--header i{font-size:1.1538461538vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.contact-Btn--header i{font-size:1.3rem;}
}
.contact-Btn--header .caption{font-size:1.5rem;font-weight:600;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.contact-Btn--header .caption{font-size:1.1538461538vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.contact-Btn--header .caption{font-size:1.3rem;}
}
@media screen and (max-width:767px){
.contact-Btn--header .caption{font-size:1rem;font-weight:400;transform:scale(0.85);}
}
.contact-Btn--header .arrow{width:18px;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.contact-Btn--header .arrow{width:1.3846153846vw;}
}
@media screen and (max-width:767px){
.contact-Btn--header .arrow{display:none;}
}
.contact-Btn--Fv{padding:0.75em;width:200px;border-radius:50px;gap:0 0.35em;box-sizing:border-box;box-sizing:border-box;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.contact-Btn--Fv{width:15.3846153846vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.contact-Btn--Fv{width:160px;}
}
@media screen and (max-width:767px){
.contact-Btn--Fv{width:150px;max-width:150px;padding-right:2em;}
}
.contact-Btn--Fv--2{background-color:white;color:var(--color-primary);border:2px solid var(--color-primary);}
.contact-Btn--Fv i{font-size:1.7rem;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.contact-Btn--Fv i{font-size:1.3076923077vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.contact-Btn--Fv i{font-size:1.5rem;}
}
@media screen and (max-width:767px){
.contact-Btn--Fv i{font-size:1.3rem;}
}
.contact-Btn--Fv .caption{font-size:1.7rem;font-weight:600;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.contact-Btn--Fv .caption{font-size:1.3076923077vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.contact-Btn--Fv .caption{font-size:1.5rem;}
}
@media screen and (max-width:767px){
.contact-Btn--Fv .caption{font-size:1.3rem;}
}
.contact-Btn--Fv .arrow{width:18px;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.contact-Btn--Fv .arrow{font-size:1.3846153846vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.contact-Btn--Fv .arrow{width:14px;}
}
@media screen and (max-width:767px){
.contact-Btn--Fv .arrow{width:14px;position:absolute;top:50%;right:15px;transform:translateY(-50%);}
}
.contact-Btn--Cta{padding:1em;width:320px;border-radius:50px;gap:0 0.5em;box-sizing:border-box;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.contact-Btn--Cta{width:24.6153846154vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.contact-Btn--Cta{width:270px;}
}
@media screen and (max-width:767px){
.contact-Btn--Cta{padding:1em 0.5em;padding-right:1.5em;width:100%;position:relative;}
}
.contact-Btn--Cta--2{background-color:white;color:var(--color-primary);border:2px solid var(--color-primary);}
@media screen and (max-width:767px){
.contact-Btn--Cta--2{min-width:40%;width:40%;}
}
.contact-Btn--Cta i{font-size:2rem;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.contact-Btn--Cta i{font-size:1.5384615385vw;}
}
@media screen and (max-width:767px){
.contact-Btn--Cta i{font-size:1.6rem;}
}
.contact-Btn--Cta .caption{font-size:2rem;font-weight:600;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.contact-Btn--Cta .caption{font-size:1.5384615385vw;}
}
@media screen and (max-width:767px){
.contact-Btn--Cta .caption{font-size:1.5rem;}
}
.contact-Btn--Cta .arrow{width:21px;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.contact-Btn--Cta .arrow{width:1.6153846154vw;}
}
@media screen and (max-width:767px){
.contact-Btn--Cta .arrow{position:absolute;width:17px;top:50%;right:10px;transform:translateY(-50%);}
}
.baseBtn{display:inline-flex;justify-content:center;align-items:center;padding:0.75em 3em;background-color:white;font-size:1.8rem;font-weight:500;color:var(--color-primary);text-decoration:none;line-height:1.7;position:relative;border:1px solid var(--color-primary);border-radius:4px;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.baseBtn{font-size:1.6153846154vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.baseBtn{padding:0.75em 1.75em;font-size:1.7rem;}
}
@media screen and (max-width:767px){
.baseBtn{font-size:1.7rem;}
}
.baseBtn i{display:inline-block;position:absolute;top:50%;right:1.5em;transform:translateY(-50%);font-size:1.3rem;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.baseBtn i{right:1em;font-size:1.5rem;}
}
@media screen and (max-width:767px){
.baseBtn i{right:1em;font-size:1.5rem;}
}
.linkBtn{padding-right:0.75em;display:inline-flex;align-items:center;color:var(--color-primary);border-bottom:1px solid #6277a7;text-decoration:none;font-weight:600;position:relative;gap:0 2.5em;}
.linkBtn i{font-size:1.2rem;}
.linkBtn--small{font-size:1.5rem;}
.linkBtn--small i{font-size:1.1rem;}
.viewMore{display:inline-flex;align-items:center;gap:0 25px;position:relative;color:#323131;text-decoration:none;}
.viewMore .caption{display:inline-block;padding-left:1em;font-size:1.7rem;font-weight:500;position:relative;border-bottom:1px solid #323131;}
@media screen and (max-width:767px){
.viewMore .caption{font-size:1.8rem;}
}
.viewMore .arrow{display:flex;justify-content:center;align-items:center;width:50px;height:50px;background-color:var(--color-primary);color:white;border-radius:50%;font-size:1.4rem;}
@media screen and (max-width:767px){
.viewMore .arrow{width:50px;height:50px;font-size:2rem;}
}
.viewMore--white{color:white;}
.viewMore--white .caption{border-bottom-color:white;}
.viewMore--white .arrow{background-color:white;color:var(--color-primary);}
.MiddleBtn{display:table;padding:0.5em 1.5em;background-color:white;border:1px solid #323131;text-decoration:none;font-size:1.8rem;color:#323131;border-radius:50px;}
@media screen and (max-width:767px){
.MiddleBtn{padding:0.25em 0.75em;font-size:1.3rem;}
}
.Shiny{overflow:hidden;}
.Shiny::after{content:"";position:absolute;top:-100px;left:-100px;width:50px;height:50px;background-image:linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgb(255, 255, 255) 100%, rgba(255, 255, 255, 0) 0%);animation-name:shiny;animation-duration:3s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;}
@keyframes shiny {
0%{transform:scale(0) rotate(25deg);opacity:0;}
50%{transform:scale(1) rotate(25deg);opacity:0.5;}
100%{transform:scale(50) rotate(25deg);opacity:0;}
} ul.listDisc li{margin-left:1em;list-style-type:disc;}
.aioseo-breadcrumbs{width:100%;margin:0 auto;max-width:var(--width-content);position:relative;box-sizing:border-box;z-index:10;display:flex;padding:0.35em 0;overflow:hidden;font-size:1.3rem;border-radius:7px;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.aioseo-breadcrumbs{max-width:95%;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.aioseo-breadcrumbs{max-width:calc(100% - 50px);}
}
@media screen and (max-width:767px){
.aioseo-breadcrumbs{max-width:calc(100% - 70px);}
}
@media screen and (max-width:767px){
.aioseo-breadcrumbs{display:none;}
}
.aioseo-breadcrumbs .aioseo-breadcrumb-separator{margin:0 1em;}
.pgNav{display:flex;justify-content:center;position:relative;flex-wrap:wrap;gap:15px;}
@media screen and (max-width:767px){
.pgNav{gap:10px;}
}
.pgNav li a{display:block;padding:0.75em 1.5em;border-radius:50px;text-decoration:none;line-height:1.2;font-size:1.6rem;font-weight:600;text-align:center;color:#323131;border:1px solid #999;box-sizing:border-box;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.pgNav li a{font-size:1.2307692308vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.pgNav li a{min-width:7em;padding:1em;font-size:1.4rem;}
}
@media screen and (max-width:767px){
.pgNav li a{min-width:7em;padding:1em;font-size:1.3rem;}
}
.pgNav li a.active{border:1px solid var(--color-secondary);background-color:var(--color-secondary);color:white;}
.pgNav--white li a{color:white;border:1px solid white;}
.pgNav--white li a:hover{background-color:white;color:#323131;}
sup{font-size:1.1rem;vertical-align:0.5em;}
.NotesCnt{display:flex;flex-direction:column;gap:0.5em 0;}
.NotesCnt--ptn1{align-items:flex-end;}
.NotesCnt--bg{padding:1em;background-color:#fafafa;border:1px solid #ccc;}
.Notes{display:inline-flex;font-size:1.3rem;position:relative;line-height:1.5;}
@media screen and (max-width:767px){
.Notes{font-size:1.2rem;}
}
.Notes--mark{padding-left:1em;}
.Notes--mark::before{content:"※";position:absolute;top:0;left:0;}
.ContactInfo{background-color:var(--color-primary);}
.ContactInfo__inner{width:100%;margin:0 auto;max-width:var(--width-content);position:relative;box-sizing:border-box;z-index:10;display:flex;justify-content:space-between;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.ContactInfo__inner{max-width:95%;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.ContactInfo__inner{max-width:calc(100% - 50px);}
}
@media screen and (max-width:767px){
.ContactInfo__inner{max-width:calc(100% - 70px);}
}
@media screen and (max-width:767px){
.ContactInfo__inner{flex-direction:column;justify-content:flex-start;}
}
.ContactInfo .ContactBtn{width:calc(50% - 50px);}
@media screen and (max-width:767px){
.ContactInfo .ContactBtn{width:100%;}
} .baseTable th,
.baseTable td{padding:1em 0.5em;border-bottom:1px solid #d5d5d5;}
@media screen and (max-width:767px){
.baseTable th, .baseTable td{display:block;padding:1em 0;}
}
.baseTable th{font-weight:600;}
@media screen and (max-width:767px){
.baseTable th{padding-bottom:0;border-bottom:none;}
}
@media screen and (max-width:767px){
.baseTable td{padding-top:0.5em;}
}
@media screen and (max-width:767px){
.baseTable tr:nth-last-of-type(1) td{border-bottom:none;}
}
.subTable th, .subTable td{padding:0;border:none;}
@media screen and (max-width:767px){
.subTable th, .subTable td{display:table-cell;}
}
.priceTable{position:relative;}
.priceTable::after{content:"";display:block;width:100%;height:100%;border:1px solid var(--color-primary);box-sizing:border-box;position:absolute;top:0;left:0;z-index:10;}
.priceTable th, .priceTable td{padding:1em;border:1px solid #EAEAEA;position:relative;vertical-align:top;}
.priceTable th{background-color:#ADB7CF;color:var(--color-primary);font-weight:700;}
.priceTable td:nth-of-type(1){font-weight:700;color:var(--color-primary);}
.tab-group{padding:0 10px;display:flex;justify-content:center;position:relative;z-index:1;}
@media screen and (max-width:767px){
.tab-group{flex-wrap:wrap;}
}
.tab-group li.tab{margin:0 5px;padding:0.75em;min-width:200px;display:flex;justify-content:center;align-items:center;font-family:"Noto Sans JP", sans-serif;font-size:2rem;font-weight:600;color:#323131;list-style:none;text-align:center;cursor:pointer;box-sizing:border-box;background-color:white;line-height:1.2;letter-spacing:-0.05em;}
@media screen and (max-width:767px){
.tab-group li.tab{padding:0.75em 1em;min-width:initial;font-size:1.5rem;}
}
@media screen and (max-width:100px){
.tab-group li.tab{font-size:1.4rem;}
}
.tab-group li.tab.tab-active{background-color:#008ebb;transition:all 0.2s ease-out;color:white;}
.panel{display:none;position:relative;z-index:1;box-sizing:border-box;}
.panel.panel-show{display:block;}
.panel__inner{background-color:white;}
.iziModal{max-width:60% !important;margin-top:180px !important;}
.iziModal .wrap{margin:0.5em;padding:4em;overflow:hidden;text-align:left;background-color:white;}
.iziModal .wrap p strong{font-size:2.4rem;}
.iziModal .wrap img{width:280px;float:left;margin-right:50px;}
.mv-modal{max-width:740px !important;overflow:visible !important;}
@media screen and (max-width:767px){
.mv-modal{max-width:85% !important;}
}
.mv-modal .iziModal-wrap{width:740px !important;max-width:740px !important;}
@media screen and (max-width:767px){
.mv-modal .iziModal-wrap{width:99% !important;max-width:99% !important;}
}
.mv-modal .iziModal-content{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:120px;padding:50px 35px 35px !important;box-sizing:border-box !important;}
@media screen and (max-width:767px){
.mv-modal .iziModal-content{padding:35px 25px 25px !important;}
}
.mv-modal .iziModal-content iframe{display:block;width:100%;max-height:400px !important;}
@media screen and (max-width:767px){
.mv-modal .iziModal-content iframe{height:170px !important;max-height:170px !important;border:1px solid #ccc !important;}
}
.mv-modal .iziModal-content .date{display:table;margin:15px 0 0;font-size:1.4rem;}
.mv-modal .iziModal-content .ttl{display:block;padding:1em 0;line-height:1.3;font-weight:bold;}
.mv-modal .iziModal-content .teikyo{display:table;margin:0 auto;padding:0.15em 0;padding-left:60px;font-size:1.3rem;position:relative;line-height:1.2;letter-spacing:-0.05em;}
.mv-modal .iziModal-content .teikyo::before{content:"提供元";display:inline-block;padding:0.15em 0.5em;position:absolute;top:0;left:0;color:#62cc68;border:1px solid #62cc68;font-size:1.1rem;}
.mv-modal .iziModal-content .close-btn{font-size:2.4rem;position:absolute;top:20px;right:20px;color:#323131;}
@media screen and (max-width:767px){
.mv-modal .iziModal-content .close-btn{top:12px;right:12px;}
} .scroll_bar{overflow-y:scroll;}
.scroll_bar::-webkit-scrollbar{width:10px;}
.scroll_bar::-webkit-scrollbar-track{background-color:transparent;}
.scroll_bar::-webkit-scrollbar-thumb{background-color:rgba(0, 142, 187, 0.1);border-radius:50px;}
@media screen and (max-width:767px){
.TableScroll{width:100%;padding-bottom:25px;position:relative;overflow-x:scroll;}
} .Header{width:100%;max-width:100%;height:80px;position:fixed;top:0;right:0;box-sizing:border-box;background-color:white;z-index:50;}
.Header--under{max-width:100%;}
.Header__inner{padding:0 3.5%;height:100%;box-sizing:border-box;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.Header__inner{padding-left:65px;}
}
@media screen and (max-width:767px){
.Header__inner{padding-left:50px;}
}
.Header__column{height:100%;display:flex;align-items:center;justify-content:space-between;}
.LogoWrap{display:flex;align-items:center;gap:0 2.5em;}
@media screen and (max-width:767px){
.LogoWrap{gap:0;}
}
.Logo{z-index:51;}
.Logo a{display:flex;height:18px;align-items:center;}
@media screen and (max-width:767px){
.Logo a{height:16px;}
}
.Logo__img{display:block;width:100px;height:auto;}
.HeaderSide{width:80px;height:100vh;position:absolute;top:0;left:0;z-index:20;border-right:1px solid #ccc;}
.HeaderSide__inner{width:100%;height:100%;max-height:100%;box-sizing:border-box;padding-top:150px;padding-bottom:150px;}
.HeaderSide__column{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;}
.HeaderSide .SnsMenu{display:flex;flex-direction:column;align-items:center;gap:0.25em 0;}
.HeaderSide .SnsMenu a{color:#323131;}
.enCorpName{display:flex;align-items:center;width:100%;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;font-size:1.5rem;font-weight:800;letter-spacing:0.15em;}
.HeaderMenu{height:100%;opacity:1;position:relative;box-sizing:border-box;z-index:51;}
.HeaderMenu__inner{height:100%;}
.HeaderMenu__column{height:100%;max-height:100%;display:flex;align-items:center;box-sizing:border-box;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.HeaderMenu__column{flex-direction:row;align-items:center;gap:0 1em;}
}
@media screen and (max-width:767px){
.HeaderMenu__column{gap:0 1em;}
}
.HeaderMenu nav{display:flex;align-items:center;text-align:center;gap:0 1em;padding-right:25px;}
.HeaderMenu .g-menu{list-style:none;display:flex;flex-wrap:wrap;gap:0.5em 0;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.HeaderMenu .g-menu{display:none;}
}
@media screen and (max-width:767px){
.HeaderMenu .g-menu{display:none;}
}
.HeaderMenu .g-menu ul{display:block;}
.HeaderMenu .g-menu ul li.menu-item-has-children::before{content:"";position:absolute;right:15px;top:15px;width:4px;height:4px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);z-index:15;}
.HeaderMenu .g-menu li{position:relative;}
.HeaderMenu .g-menu li a{padding:0 1em;display:flex;justify-content:center;align-items:center;color:#323131;font-size:1.5rem;font-weight:600;text-decoration:none;transition:all 0.3s;position:relative;text-align:center;line-height:1.2;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.HeaderMenu .g-menu li a{padding:0 0.75em;font-size:1.1538461538vw;}
}
.HeaderMenu .g-menu li a::after{content:"";display:inline-block;width:0;height:1px;background-color:white;position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);z-index:1;box-sizing:border-box;}
.HeaderMenu .g-menu li a span{position:relative;z-index:5;}
.HeaderMenu .g-menu li a:hover{opacity:1;}
.HeaderMenu .g-menu li a:hover::after{width:calc(80% - 1em);}
.HeaderMenu .g-menu li:last-child a{border-right:none;}
.HeaderMenu .g-menu li.menu-item-has-children ul{position:absolute;left:50%;transform:translateX(-50%);top:30px;top:40px;z-index:4;background-color:white;width:220px;visibility:hidden;opacity:0;transition:all 0.3s;border:1px solid #ccc;}
.HeaderMenu .g-menu li.menu-item-has-children ul li{border-right:none;}
.HeaderMenu .g-menu li.menu-item-has-children ul li a{min-height:initial;padding:0.5em 1em;font-size:1.4rem;color:#323131;line-height:1.3;justify-content:flex-start;border-right:none;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.HeaderMenu .g-menu li.menu-item-has-children ul li a{font-size:1.0769230769vw;}
}
.HeaderMenu .g-menu li.menu-item-has-children ul li a:hover, .HeaderMenu .g-menu li.menu-item-has-children ul li a:active{background-color:var(--color-primary);color:white;}
.HeaderMenu .g-menu li.menu-item-has-children ul li a::after{display:none;}
.HeaderMenu .g-menu li.menu-item-has-children ul li:last-child a{border-bottom:none;}
.HeaderMenu .g-menu li.menu-item-has-children ul ul{top:0;left:200px;}
.HeaderMenu .g-menu li.current-menu-item a::after{width:calc(80% - 1em);}
.HeaderMenu nav li.menu-item-has-children:hover > ul, .HeaderMenu nav li.menu-item-has-children ul li:hover > ul, .HeaderMenu nav li.menu-item-has-children:active > ul, .HeaderMenu nav li.menu-item-has-children ul li:active > ul{visibility:visible;opacity:1;}
.HeaderBtnWrap__column{display:flex;align-items:center;gap:0 15px;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.HeaderBtnWrap__column{column-gap:1.1538461538vw;}
}
@media screen and (max-width:767px){
.HeaderBtnWrap__column{gap:0 5px;}
}
.HeaderContact{height:100%;position:relative;background-color:var(--color-primary);}
@media screen and (max-width:767px){
.HeaderContact{padding-left:0;}
}
.HeaderContact__inner{padding:0 1em;height:100%;}
.HeaderContact__column{height:100%;display:flex;flex-direction:column;justify-content:center;gap:0.35em 0;}
.HeaderContact .Phone{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.3;}
@media screen and (max-width:767px){
.HeaderContact .Phone{width:60px;height:60px;background-color:var(--color-primary-light);border-radius:4px;}
}
.HeaderContact .Phone__No{display:flex;align-items:center;gap:0 0.25em;font-size:2.2rem;font-weight:700;color:#323131;text-decoration:none;pointer-events:none;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.HeaderContact .Phone__No{font-size:1.8461538462vw;}
}
@media screen and (max-width:767px){
.HeaderContact .Phone__No{flex-direction:column;pointer-events:visible;gap:0.15em 0;}
}
.HeaderContact .Phone__No i{font-size:1.5rem;}
.HeaderContact .Phone__No .icon{display:block;width:20px;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.HeaderContact .Phone__No .icon{font-size:1.5384615385vw;}
}
@media screen and (max-width:767px){
.HeaderContact .Phone__No .icon{width:14px;}
}
@media screen and (max-width:767px){
.HeaderContact .Phone__No__txt{display:none;}
}
.HeaderContact .Phone__No__txt2{display:none;}
@media screen and (max-width:767px){
.HeaderContact .Phone__No__txt2{display:block;font-size:1rem;}
}
.HeaderContact .Phone__caption{display:block;font-size:1.1rem;}
@media screen and (max-width:767px){
.HeaderContact .Phone__caption{font-size:1rem;display:none;}
}
.gtranslate_wrapper{display:flex !important;align-items:center;font-size:1.3rem;font-weight:700;line-height:1 !important;border:1px solid var(--color-primary);overflow:hidden;border-radius:3px;position:relative;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.gtranslate_wrapper{font-size:1vw;}
}
@media screen and (max-width:767px){
.gtranslate_wrapper{flex-direction:column;margin-right:10px;font-size:1.1rem;}
}
.gtranslate_wrapper::after{content:"";display:block;width:1px;height:100%;background-color:var(--color-primary);position:absolute;top:0;left:50%;transform:translateX(-50%);}
@media screen and (max-width:767px){
.gtranslate_wrapper::after{width:100%;height:1px;top:50%;left:0;transform:translateX(0) translateY(-50%);}
}
.gtranslate_wrapper .glink{width:40px !important;padding:0.5em 0.75em !important;color:var(--color-primary) !important;border:none !important;text-align:center;}
@media screen and (max-width:767px){
.gtranslate_wrapper .glink{padding:0.25em 0 !important;width:35px !important;font-size:1.1rem !important;}
}
.gtranslate_wrapper .glink.gt-current-lang{background-color:var(--color-primary);color:white !important;}
.country-selector{display:flex !important;align-items:center;font-size:1.3rem;font-weight:700;line-height:1 !important;border:1px solid var(--color-primary);overflow:hidden;border-radius:3px;position:relative;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.country-selector{font-size:1vw;}
}
@media screen and (max-width:767px){
.country-selector{flex-direction:column;margin-right:10px;font-size:1.1rem;}
}
.country-selector::after{content:"";display:block;width:1px;height:100%;background-color:var(--color-primary);position:absolute;top:0;left:50%;transform:translateX(-50%);}
@media screen and (max-width:767px){
.country-selector::after{width:100%;height:1px;top:50%;left:0;transform:translateX(0) translateY(-50%);}
}
.country-selector.weglot-inline label{display:inline-flex;align-items:center;justify-content:center;padding:0.75em 0;width:50px;text-align:center !important;background-color:#e9eff3;background-color:var(--color-primary);color:white;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.country-selector.weglot-inline label{width:3.8461538462vw;}
}
@media screen and (max-width:767px){
.country-selector.weglot-inline label{padding:0.5em 0;width:35px;}
}
.country-selector.weglot-inline li{display:inline-flex !important;align-items:center;justify-content:center;margin:0 !important;padding:0 !important;width:auto !important;}
.country-selector.weglot-inline li a{display:block;width:50px !important;padding:0.75em 0 !important;text-align:center;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.country-selector.weglot-inline li a{width:3.8461538462vw !important;}
}
@media screen and (max-width:767px){
.country-selector.weglot-inline li a{padding:0.5em 0 !important;width:35px !important;}
}
.country-selector.weglot-inline li a:hover{text-decoration:none;}
.country-selector.weglot-dropdown .wgcurrent{border-radius:5px;}
.country-selector.weglot-dropdown .wgcurrent a, .country-selector.weglot-dropdown .wgcurrent span{padding-right:25px !important;}
@media screen and (max-width:767px){
header.is-fixed{box-shadow:0 0 7px rgba(148, 148, 148, 0.5);}
} .Footer{margin:auto auto 0;width:100%;position:relative;z-index:19;}
@media screen and (max-width:767px){
.Footer{padding:0.75em 0;}
}
.Footer__inner{width:100%;margin:0 auto;max-width:var(--width-content);position:relative;box-sizing:border-box;position:relative;z-index:10;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.Footer__inner{max-width:95%;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.Footer__inner{max-width:calc(100% - 50px);}
}
@media screen and (max-width:767px){
.Footer__inner{max-width:calc(100% - 70px);}
}
.Footer__column{display:flex;align-items:flex-start;justify-content:space-between;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.Footer__column{flex-direction:column;align-items:center;gap:35px 0;}
}
@media screen and (max-width:767px){
.Footer__column{flex-direction:column;align-items:center;gap:35px 0;}
}
.Footer__corpInfo{font-size:1.4rem;line-height:1.6;}
@media screen and (max-width:767px){
.Footer__corpInfo{font-size:1.3rem;line-height:1.5;}
}
.Footer__corpInfo__column{display:flex;gap:0 50px;}
.Footer__corpInfo__logo{display:flex;justify-content:center;align-items:center;width:80px;max-width:80px;box-sizing:border-box;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.Footer__corpInfo__logo{width:9.2307692308vw;max-width:9.2307692308vw;}
}
@media screen and (max-width:767px){
.Footer__corpInfo__logo{width:90px;max-width:90px;}
}
.Footer__corpInfo__logo img{display:block;width:100%;}
.Footer .Copyright{font-size:1rem;}
@media screen and (max-width:767px){
.Footer .Copyright{font-size:1rem;}
}
@media screen and (max-width:767px){
.Footer__naviArea{display:none;}
}
.Footer__naviArea__column{display:flex;gap:0 5em;}
@media screen and (max-width:767px){
.Footer__naviArea__column{flex-wrap:wrap;gap:0;}
}
.Footer__naviArea ul{display:flex;gap:0 1em;}
@media screen and (max-width:767px){
.Footer__naviArea ul{width:50%;}
}
.Footer__naviArea ul li{margin-bottom:0.5em;line-height:1.6;}
@media screen and (max-width:767px){
.Footer__naviArea ul li{line-height:1.4;}
}
.Footer__naviArea ul li:last-child{margin-bottom:0;}
.Footer__naviArea ul li a{display:block;font-size:1.4rem;font-weight:500;color:#323131;text-decoration:none;position:relative;pointer-events:none;}
@media screen and (max-width:767px){
.Footer__naviArea ul li a{font-size:1.3rem;}
}
.Footer__naviArea ul li a.sub{font-weight:normal;}
#btm-btn{position:fixed;bottom:0;right:0;z-index:19;display:none;}
#btm-btn a.pagetop{display:flex;flex-direction:column;align-items:center;justify-content:center;width:30px;height:70px;font-size:1.1rem;text-decoration:none;line-height:1.1;background-color:var(--color-primary);color:white;}
@media screen and (max-width:767px){
#btm-btn a.pagetop{transform-origin:100% 100%;transform:scale(0.8);}
}
#btm-btn a.pagetop img{display:block;width:14px;}
#btm-btn a.pagetop i{font-size:1.1rem;}
#btm-btn a.pagetop:hover{opacity:1;height:90px;}
@media screen and (max-width:767px){
#btm-btn a.pagetop:hover{transform:scale(1);}
}
.SmpDisp{display:none;}
@media screen and (max-width:767px){
.SmpDisp{display:block;}
}
.smp-contact{display:flex;align-items:center;justify-content:center;width:100%;padding:15px 3.5%;box-sizing:border-box;position:fixed;bottom:0;left:0;z-index:50;display:none;background-color:rgba(255, 255, 255, 0.95);}
@media screen and (max-width:767px){
.smp-contact{display:flex;}
}
@media screen and (max-width:100px){
.smp-contact{padding:15px 0;}
} .Layout__inner{position:relative;}
.Layout__column{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;gap:0 150px;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.Layout__column{gap:0 25px;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.Layout__column{gap:0 25px;}
}
@media screen and (max-width:767px){
.Layout__column{flex-direction:column;gap:100px 0;}
}
.mainCnt{width:75%;}
@media screen and (max-width:767px){
.mainCnt{width:100%;}
}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.mainCnt__inner{padding-right:5%;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.mainCnt__inner{padding-right:3.5%;}
}
@media screen and (max-width:767px){
.mainCnt__inner{margin:0 auto;max-width:calc(100% - 35px);padding:0;}
}
.sideCnt{width:25%;min-width:280px;background-color:#042756;border-radius:0 5px 5px 0;position:sticky;top:100px;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.sideCnt{width:22.5%;min-width:150px;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.sideCnt{width:22.5%;min-width:150px;}
}
@media screen and (max-width:767px){
.sideCnt{width:100%;min-width:initial;position:relative;top:auto;display:none;}
}
.sideCnt__inner{padding:5%;padding-left:15%;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.sideCnt__inner{padding-left:5%;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.sideCnt__inner{padding-left:5%;}
}
@media screen and (max-width:767px){
.sideCnt__inner{padding-left:5%;}
}
.sideCnt .sideLabel{font-size:3rem;font-weight:600;color:white;opacity:0.7;position:relative;line-height:1.2;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.sideCnt .sideLabel{font-size:2.3076923077vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.sideCnt .sideLabel{font-size:2rem;}
}
.sideCnt .sideNav li a{display:flex;align-items:center;padding:0.65em 0.5em;color:#323131;color:white;text-decoration:none;line-height:1.3;position:relative;gap:0 0.5em;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.sideCnt .sideNav li a{font-size:1.3rem;}
}
.sideCnt .sideNav li a:hover, .sideCnt .sideNav li a.active{font-weight:700;}
.sideCnt .sideNav li a:hover::after, .sideCnt .sideNav li a.active::after{font:var(--fa-font-regular);content:"\f105";}
.sideCnt .sideNav li .pgLabel{display:flex;align-items:center;padding:0.65em 0.5em;padding-left:0;font-weight:700;color:var(--color-primary);position:relative;gap:0 0.5em;line-height:1;}
.sideCnt .sideNav li .pgLabel:hover::after{display:none;}
#g-nav{position:fixed;z-index:999;top:0;left:-100%;width:80%;max-width:80%;height:100vh;background-color:white;transition:all 0.3s;box-sizing:border-box;box-shadow:10px 10px 20px rgba(50, 49, 49, 0.1);}
@media screen and (min-width: 768px) and (max-width: 1024px) {
#g-nav{width:70%;max-width:70%;}
}
@media screen and (max-width:767px){
#g-nav{width:80%;max-width:80%;}
} #g-nav.panelactive{left:0;}
#g-nav.panelactive #g-nav-list{position:fixed;z-index:999;width:80%;max-width:80%;padding-bottom:30px;height:100vh;overflow:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
#g-nav.panelactive #g-nav-list{width:70%;max-width:70%;}
}
@media screen and (max-width:767px){
#g-nav.panelactive #g-nav-list{width:80%;max-width:80%;}
}
#g-nav #dmenu,
#g-nav #menu-foot_navi{display:block;width:calc(100% - 50px);margin:0 auto;text-align:left;padding-top:70px;}
@media screen and (max-width:767px){
#g-nav #dmenu,
#g-nav #menu-foot_navi{width:calc(100% - 25px);}
}
#g-nav #dmenu li,
#g-nav #menu-foot_navi li{margin:0;padding:0;position:relative;}
#g-nav #dmenu li a,
#g-nav #menu-foot_navi li a{display:flex;align-items:center;padding:0.5em;margin:0;text-decoration:none;position:relative;font-family:"Noto Sans JP", sans-serif;font-size:1.5rem;font-weight:500;color:#323131;gap:0 1em;}
@media screen and (max-width:100px){
#g-nav #dmenu li a,
#g-nav #menu-foot_navi li a{font-size:1.5rem;}
}
#g-nav #dmenu li a:hover,
#g-nav #menu-foot_navi li a:hover{text-decoration:none;}
#g-nav #dmenu li.menu-item-has-children a,
#g-nav #menu-foot_navi li.menu-item-has-children a{pointer-events:none;}
#g-nav #dmenu li.menu-item-has-children a::after,
#g-nav #menu-foot_navi li.menu-item-has-children a::after{font-family:"Font Awesome 6 Pro";content:"\f078";font-size:1.2rem;}
#g-nav #dmenu .sub-menu,
#g-nav #menu-foot_navi .sub-menu{padding-top:0;display:none;}
#g-nav #dmenu .sub-menu li,
#g-nav #menu-foot_navi .sub-menu li{border-bottom:none;}
#g-nav #dmenu .sub-menu li a,
#g-nav #menu-foot_navi .sub-menu li a{pointer-events:visible;padding:0.5em 2em 0.5em 3em;line-height:1.5;}
#g-nav #dmenu .sub-menu li a::before,
#g-nav #menu-foot_navi .sub-menu li a::before{content:"";width:10px;height:1px;background-color:var(--color-primary);margin-top:0.35em;}
#g-nav #dmenu .sub-menu li a::after,
#g-nav #menu-foot_navi .sub-menu li a::after{display:none;}
#g-nav #dmenu .sub-menu li.menu-item-has-children a,
#g-nav #menu-foot_navi .sub-menu li.menu-item-has-children a{pointer-events:none;}
#g-nav #dmenu .sub-menu li.menu-item-has-children a::after,
#g-nav #menu-foot_navi .sub-menu li.menu-item-has-children a::after{content:"\f078";}
#g-nav #dmenu .sub-menu-2,
#g-nav #menu-foot_navi .sub-menu-2{margin-left:3em;display:flex;flex-wrap:wrap;}
#g-nav #dmenu .sub-menu-2 li a,
#g-nav #menu-foot_navi .sub-menu-2 li a{padding:0 1em 0 0;font-size:1.2rem;}
#g-nav #dmenu .sub-menu-2 li a::after,
#g-nav #menu-foot_navi .sub-menu-2 li a::after{content:"/" !important;left:auto;right:0.5em;font-family:initial;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
#g-nav .reserve_btn{margin:35px auto 0;width:calc(100% - 30px);}
}
@media screen and (max-width:767px){
#g-nav .reserve_btn{margin:35px auto 0;width:calc(100% - 30px);}
}
#nav-toggle{display:flex;flex-direction:column;position:fixed;top:10px;left:0;width:50px;height:70px;cursor:pointer;box-sizing:border-box;display:none;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
#nav-toggle{top:10px;display:flex;}
}
@media screen and (max-width:767px){
#nav-toggle{top:10px;display:flex;}
}
#nav-toggle > div{position:relative;}
#nav-toggle span{width:20px;height:1px;left:50%;display:block;background-color:var(--color-primary);position:absolute;transform:translateX(-50%);transition:transform 0.3s ease-in-out, top 0.2s ease;}
#nav-toggle span:nth-child(1){top:15px;}
#nav-toggle span:nth-child(2){top:24px;}
#nav-toggle span:nth-child(3){top:56px;}
@media screen and (max-width:767px){
#nav-toggle span:nth-child(3){top:46px;}
}
#nav-toggle .menu-ttl{font-size:1rem;display:block;position:absolute;bottom:2em;left:50%;transform:translateX(-50%) scale(0.85);color:var(--color-primary);}
#nav-toggle.active{background-color:transparent;border:none;}
#nav-toggle.active::before{opacity:0;}
#nav-toggle.active::after{display:none;}
#nav-toggle.active span{background-color:var(--color-primary);}
#nav-toggle.active span:nth-child(1){top:20px;right:auto;left:50%;transform:translateX(-50%) rotate(45deg);}
#nav-toggle.active span:nth-child(2){top:20px;right:auto;left:50%;transform:translateX(-50%) rotate(-45deg);background-color:var(--color-primary);}
#nav-toggle.active span:nth-child(3){display:none;}
#nav-toggle.active .menu-ttl{color:#323131;}
#nav-toggle{z-index:1000;}
.smpMenuContact{transform:scale(0.9);}
.PgIndex{overflow:hidden;}
.Fv{position:relative;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.Fv{min-height:initial;}
}
@media screen and (max-width:767px){
.Fv{min-height:initial;}
}
.Fv__inner{height:calc(100vh - 150px);min-height:700px;padding:0 3.5%;max-height:800px;box-sizing:border-box;position:relative;z-index:10;margin-left:auto;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.Fv__inner{min-height:550px;max-height:650px;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.Fv__inner{min-height:initial;max-height:450px;}
}
@media screen and (max-width:767px){
.Fv__inner{padding:0 5%;width:100%;min-height:initial;max-height:430px;}
}
.Fv__inner--under{width:100%;height:360px;max-height:360px;min-height:initial;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.Fv__inner--under{height:200px;}
}
@media screen and (max-width:767px){
.Fv__inner--under{height:200px;}
}
.Fv__inner--underShort{width:100%;height:270px;min-height:initial;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.Fv__inner--underShort{height:140px;}
}
@media screen and (max-width:767px){
.Fv__inner--underShort{height:140px;}
}
.Fv .Fvswiper{margin-left:auto;width:100%;height:100%;position:relative;}
.Fv .Fvswiper .swiper-slide{height:100%;}
.Fv .Fvswiper .swiper-slide img{width:100%;height:100%;object-fit:cover;border-radius:35px;overflow:hidden;}
@media screen and (max-width:767px){
.Fv .Fvswiper .swiper-slide img{border-radius:15px;}
}
.Fv__img{display:block;width:100%;height:100%;object-fit:cover;}
.Fv .FvCopy{width:93%;height:100%;box-sizing:border-box;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:20;color:var(--color-primary);border-radius:35px;overflow:hidden;}
@media screen and (max-width:767px){
.Fv .FvCopy{width:90%;border-radius:15px;}
}
.Fv .FvCopy::after{content:"";display:block;width:100%;height:100%;background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.8) 25%, transparent 70%);position:absolute;top:0;right:0;}
@media screen and (max-width:767px){
.Fv .FvCopy::after{background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.8) 35%, transparent 80%);}
}
.Fv .FvCopy--under::before{background-image:linear-gradient(90deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.1) 50%);}
.Fv .FvCopy--underShort::before{display:none;}
.Fv .FvCopy .deco-1{display:block;width:auto;height:115%;position:absolute;top:-350px;left:-250px;z-index:15;opacity:0.4;}
@media screen and (max-width:767px){
.Fv .FvCopy .deco-1{transform-origin:top left;transform:scale(0.9);}
}
.Fv .FvCopy__inner{padding:0 0 0 100px;height:100%;max-height:100%;position:relative;z-index:15;box-sizing:border-box;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.Fv .FvCopy__inner{padding-left:7.6923076923vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.Fv .FvCopy__inner{padding-left:50px;}
}
@media screen and (max-width:767px){
.Fv .FvCopy__inner{padding-left:15px;}
}
.Fv .FvCopy__inner::after{content:"";display:block;width:30%;height:320px;background-color:var(--color-primary);position:absolute;bottom:0;right:0;clip-path:polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%);opacity:0.85;}
@media screen and (max-width:767px){
.Fv .FvCopy__inner::after{width:35%;height:180px;}
}
.Fv .FvCopy__column{height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative;}
.Fv .FvCopy__enCopy{font-size:9rem;font-weight:600;color:white;position:absolute;bottom:5%;left:5%;mix-blend-mode:overlay;z-index:20;opacity:0.7;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.Fv .FvCopy__enCopy{font-size:6rem;line-height:1;bottom:17.5%;}
}
@media screen and (max-width:767px){
.Fv .FvCopy__enCopy{font-size:6rem;line-height:1;}
}
.Fv .FvCopy__enCopy--under{font-size:8rem;bottom:0;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.Fv .FvCopy__enCopy--under{font-size:6rem;line-height:1;bottom:5%;}
}
@media screen and (max-width:767px){
.Fv .FvCopy__enCopy--under{font-size:6rem;line-height:1;bottom:5%;}
}
.Fv .FvCopy__mainCopy{font-size:7vw;font-weight:500;line-height:1.3;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.Fv .FvCopy__mainCopy{font-size:5.3846153846vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.Fv .FvCopy__mainCopy{margin-top:100px !important;font-size:5.5rem;}
}
@media screen and (max-width:767px){
.Fv .FvCopy__mainCopy{font-size:4.2rem;line-height:1.1;}
}
.Fv .FvCopy__mainCopy--under{display:flex;flex-direction:column;text-shadow:none;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.Fv .FvCopy__mainCopy--under{font-size:4rem;}
}
.Fv .FvCopy__mainCopy--under .en{display:block;padding-left:1em;font-size:1.4rem;font-weight:normal;position:relative;}
@media screen and (max-width:767px){
.Fv .FvCopy__mainCopy--under .en{font-size:1.2rem;}
}
.Fv .FvCopy__mainCopy--under .en::before{content:"";display:block;width:8px;height:8px;background-color:var(--color-primary);border-radius:50%;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.Fv .FvCopy__mainCopy--under .en--white::before{background-color:white;}
.Fv .FvCopy__mainCopy img{display:block;width:350px;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.Fv .FvCopy__mainCopy img{width:26.9230769231vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.Fv .FvCopy__mainCopy img{width:220px;}
}
@media screen and (max-width:767px){
.Fv .FvCopy__mainCopy img{width:50%;}
}
.Fv .FvCopy__subCopy{font-size:2.5rem;font-weight:700;line-height:1.5;text-shadow:0px 0px 20px white, 0px 0px 20px white, 0px 0px 20px white, 0px 0px 20px white, 0px 0px 20px white, 0px 0px 20px white;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.Fv .FvCopy__subCopy{font-size:1.9230769231vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.Fv .FvCopy__subCopy{font-size:1.7rem;}
}
@media screen and (max-width:767px){
.Fv .FvCopy__subCopy{font-size:1.6rem;line-height:1.3;}
}
.Fv .FvCopy__caption{font-size:1.6rem;color:white;}
@media screen and (max-width:767px){
.Fv .FvCopy__caption{font-size:1.4rem;line-height:1.5;}
}
.Fv .kubi-1{display:block;height:80%;position:absolute;bottom:25px;right:125px;z-index:20;filter:drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.Fv .kubi-1{width:170px;height:auto;right:50px;}
}
@media screen and (max-width:767px){
.Fv .kubi-1{width:110px;height:auto;bottom:20px;right:30px;}
}
.Fv .kubi-caption{display:block;max-width:320px;padding:1em;padding-left:1.5em;background-color:rgba(255, 255, 255, 0.9);border:1px solid var(--color-primary);font-size:1.2rem;position:absolute;bottom:25px;right:80px;z-index:20;border-radius:4px;color:var(--color-primary);line-height:1.4;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.Fv .kubi-caption{max-width:300px;right:50px;bottom:20px;transform-origin:bottom right;transform:scale(0.85);}
}
@media screen and (max-width:767px){
.Fv .kubi-caption{max-width:300px;right:30px;bottom:10px;transform-origin:bottom right;transform:scale(0.65);}
}
.Fv .kubi-caption::before{content:"※";position:absolute;top:1em;left:0.5em;}
.Fv .FvBtnWrap__column{display:flex;align-items:center;gap:0 15px;}
@media screen and (max-width:767px){
.Fv .FvBtnWrap__column{flex-direction:column;gap:15px 0;}
}
.Fv .scroll_down{position:absolute;bottom:15px;left:15px;z-index:25;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.Fv .scroll_down{transform-origin:0 0;transform:scale(0.8);}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.Fv .scroll_down{transform-origin:0 0;transform:scale(0.7);left:20px;z-index:35;}
}
@media screen and (max-width:767px){
.Fv .scroll_down{transform-origin:0 0;transform:scale(0.7);left:10px;z-index:35;}
}
.Fv .scroll_down a{position:absolute;left:10px;bottom:35px;color:#323131;font-size:1rem;font-family:"Josefin Sans", sans-serif;letter-spacing:0.2em;writing-mode:vertical-lr;text-decoration:none;text-transform:uppercase;}
.Fv .scroll_down::before{content:"";position:absolute;bottom:0;left:-4px;width:9px;height:9px;background-color:var(--color-primary);z-index:15;transform:rotate(45deg);animation:circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite;}
.Fv .scroll_down::after{content:"";position:absolute;bottom:0;left:0;width:1px;height:100px;background:#ccc;}
@keyframes circlemove {
0%{bottom:100px;}
100%{bottom:0px;}
}
@keyframes cirlemovehide {
0%{opacity:0;}
50%{opacity:1;}
80%{opacity:0.9;}
100%{opacity:0;}
}
.NewsTips{width:80%;background-color:white;position:absolute;bottom:0;right:0;z-index:20;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.NewsTips{min-width:initial;}
}
@media screen and (max-width:767px){
.NewsTips{position:relative;bottom:auto;right:auto;min-width:initial;}
}
.NewsTips__inner{padding-left:35px;}
.NewsTips__column{height:70px;display:flex;align-items:center;gap:0 1.5em;}
.NewsTips__label{display:inline-flex;align-items:center;font-weight:500;gap:0 0.5em;font-size:1.3rem;}
.NewsTips__label i{font-size:3rem;color:var(--color-primary);}
.NewsTips__link{font-size:1.5rem;color:#323131;text-decoration:none;pointer-events:none;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.NewsTips__link{font-size:1.4rem;line-height:1.5;}
}
.NewsTips__link small{font-size:1.2rem;}
.enMainCopy{display:block;padding-right:5%;text-align:right;font-size:10vw;font-weight:600;line-height:1;color:var(--color-primary);}
@media screen and (max-width:767px){
.enMainCopy{font-size:5.5rem;}
}
.enMainCopy span{opacity:0;transform:translateX(20px);display:inline-block;transition:opacity 0.3s ease, transform 0.3s ease;}
.enMainCopy.show span{opacity:1;transform:translateX(0);}
.topConcept{position:relative;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.topConcept{padding-top:100px !important;}
}
.topConcept .ill-1{display:block;width:380px;position:absolute;top:-150px;left:7.5%;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.topConcept .ill-1{width:26.9230769231vw;top:-125px;left:5%;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.topConcept .ill-1{width:200px;top:-80px;left:5%;}
}
@media screen and (max-width:767px){
.topConcept .ill-1{width:55%;top:45px;left:5%;}
}
.topConcept__column{display:flex;align-items:flex-start;gap:0 100px;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.topConcept__column{column-gap:7.6923076923vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.topConcept__column{gap:0 35px;}
}
@media screen and (max-width:767px){
.topConcept__column{flex-direction:column;gap:50px 0;}
}
.topConcept .swiper-container{min-width:47.5%;width:47.5%;overflow:hidden;visibility:hidden;height:360px;border-radius:0 25px 25px 0;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.topConcept .swiper-container{height:270px;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.topConcept .swiper-container{height:270px;}
}
@media screen and (max-width:767px){
.topConcept .swiper-container{width:85%;height:150px;border-radius:0 15px 15px 0;}
}
.topConcept .swiper-wrapper{transition-timing-function:linear;}
.topConcept .swiper-slide img{width:100%;height:auto;object-fit:cover;aspect-ratio:5/8;box-sizing:border-box;border-right:1px solid white;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.topConcept .swiper-slide img{aspect-ratio:5/12;}
}
.topConcept__block{position:relative;padding-right:10%;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.topConcept__block{padding-right:25px;}
}
@media screen and (max-width:767px){
.topConcept__block{padding:0 35px;}
}
.topConcept__copy{font-size:2.4rem;font-weight:500;line-height:1.8;position:relative;z-index:15;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.topConcept__copy{font-size:1.8461538462vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.topConcept__copy{font-size:1.7rem;line-height:1.6;}
}
@media screen and (max-width:767px){
.topConcept__copy{font-size:1.7rem;line-height:1.6;}
}
.topConcept__copy small{display:block;padding-left:1em;font-size:1.4rem;font-weight:normal;position:relative;color:#4b280d;}
.topConcept__copy small::before{content:"";display:block;width:8px;height:8px;background-color:var(--color-primary);border-radius:50%;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.topConcept__img{display:block;position:absolute;bottom:-240px;right:0;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.topConcept__img{width:240px !important;bottom:-135px;}
}
@media screen and (max-width:767px){
.topConcept__img{bottom:-50px;}
}
.topFeature{position:relative;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.topFeature{margin-top:-70px !important;}
}
.topFeature__inner{width:100%;margin:0 auto;max-width:var(--width-content);position:relative;box-sizing:border-box;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.topFeature__inner{max-width:95%;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.topFeature__inner{max-width:calc(100% - 50px);}
}
@media screen and (max-width:767px){
.topFeature__inner{max-width:calc(100% - 70px);}
}
.topFeature .topFeatureCopy{display:block;font-size:5vw;font-weight:600;line-height:1;color:#eef7fa;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.topFeature .topFeatureCopy{font-size:6rem;}
}
.topFeature .topFeatureCopy span{opacity:0;transform:translateX(20px);display:inline-block;transition:opacity 0.3s ease, transform 0.3s ease;}
.topFeature .topFeatureCopy.show span{opacity:1;transform:translateX(0);}
.topFeature__column{display:flex;flex-direction:row-reverse;align-items:flex-start;gap:0 100px;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.topFeature__column{column-gap:7.6923076923vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.topFeature__column{gap:0 35px;}
}
@media screen and (max-width:767px){
.topFeature__column{flex-direction:column;gap:50px 0;}
}
.topFeature .FeatureMv{min-width:300px;width:300px;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.topFeature .FeatureMv{min-width:23.0769230769vw;width:23.0769230769vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.topFeature .FeatureMv{margin-top:50px;min-width:200px;width:200px;}
}
@media screen and (max-width:767px){
.topFeature .FeatureMv{min-width:initial;width:100%;}
}
.topFeature .FeatureMv video{display:block;width:100%;}
@media screen and (max-width:767px){
.topFeature .FeatureMv video{width:70%;}
}
.topFeature__block{width:100%;position:relative;}
.topFeature .FeatureList__column{display:flex;flex-direction:column;gap:25px 0;}
.topFeature .Feature{position:relative;padding-left:80px;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.topFeature .Feature{padding-left:6.1538461538vw;}
}
@media screen and (max-width:767px){
.topFeature .Feature{padding-left:50px;}
}
.topFeature .Feature .num{position:absolute;top:0;left:0;font-size:10rem;font-weight:500;line-height:1;color:var(--color-primary);}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.topFeature .Feature .num{font-size:7.6923076923vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.topFeature .Feature .num{font-size:6rem;}
}
@media screen and (max-width:767px){
.topFeature .Feature .num{font-size:6rem;}
}
.topFeature .Feature__label{display:flex;align-items:center;font-size:2.7rem;font-weight:700;color:var(--color-primary);gap:0 0.5em;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.topFeature .Feature__label{font-size:2.0769230769vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.topFeature .Feature__label{font-size:2.1rem;line-height:1.6;}
}
@media screen and (max-width:767px){
.topFeature .Feature__label{font-size:2.1rem;line-height:1.6;}
}
.topFeature .Feature__label .icon{display:block;width:40px;}
.topFeature .Feature__caption{display:block;}
.topService{padding-bottom:100px !important;position:relative;}
@media screen and (max-width:767px){
.topService{padding-bottom:50px !important;}
}
.topService::before{content:"";display:block;width:50%;height:50%;background-color:var(--color-primary);position:absolute;top:0;left:0;border-radius:0 25px 25px 0;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.topService::before{width:70%;}
}
@media screen and (max-width:767px){
.topService::before{width:calc(100% - 25px);border-radius:0 15px 15px 0;}
}
.topService .ill-2{display:block;width:380px;position:absolute;top:0;right:10%;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.topService .ill-2{width:29.2307692308vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.topService .ill-2{top:50px;width:270px;}
}
@media screen and (max-width:767px){
.topService .ill-2{width:22.5%;top:30px;right:15px;}
}
.topService .ill-3{width:25%;position:absolute;top:25px;left:15px;display:none;}
@media screen and (max-width:767px){
.topService .ill-3{display:block;}
}
.topService__inner{width:100%;margin:0 auto;max-width:var(--width-content);position:relative;box-sizing:border-box;position:relative;z-index:10;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.topService__inner{max-width:95%;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.topService__inner{max-width:calc(100% - 50px);}
}
@media screen and (max-width:767px){
.topService__inner{max-width:calc(100% - 70px);}
}
.topService__head__inner{width:100%;margin:0 auto;max-width:var(--width-content);position:relative;box-sizing:border-box;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.topService__head__inner{max-width:95%;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.topService__head__inner{max-width:calc(100% - 50px);}
}
@media screen and (max-width:767px){
.topService__head__inner{max-width:calc(100% - 70px);}
}
.topService__head__column{display:flex;justify-content:space-between;align-items:center;}
.topService .swiper{width:100%;margin:0 auto;max-width:var(--width-content);position:relative;box-sizing:border-box;overflow:visible;visibility:hidden;padding-bottom:50px !important;box-sizing:border-box;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.topService .swiper{max-width:95%;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.topService .swiper{max-width:calc(100% - 50px);}
}
@media screen and (max-width:767px){
.topService .swiper{max-width:calc(100% - 70px);}
}
@media screen and (max-width:767px){
.topService .swiper{max-width:100%;}
}
.topService .swiper .swiper-slide{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;}
.topService .swiper .swiper-slide a{overflow:hidden;position:relative;border-radius:12px;}
.topService .swiper .swiper-slide a:hover img{transform:scale(1.1);}
.topService .swiper .swiper-slide .PrImg{display:block;width:100%;object-fit:cover;aspect-ratio:5/5;border-radius:10px;}
.topService .swiper .swiper-slide .Arrow{display:block;width:32px;position:absolute;bottom:15px;right:15px;}
.topService .swiper .swiper-slide .caption{display:block;font-size:2.7rem;font-weight:600;line-height:1.5;letter-spacing:0.025em;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.topService .swiper .swiper-slide .caption{font-size:2.0769230769vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.topService .swiper .swiper-slide .caption{font-size:2.2rem;}
}
@media screen and (max-width:767px){
.topService .swiper .swiper-slide .caption{font-size:1.9rem;}
}
.topService .swiper .swiper-slide .caption small{font-size:1.5rem;font-weight:400;}
@media screen and (max-width:767px){
.topService .swiper .swiper-slide .caption small{font-size:1.2rem;}
}
.topService .swiper .swiper-slide .exp{display:block;font-size:1.7rem;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.topService .swiper .swiper-slide .exp{font-size:1.3076923077vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.topService .swiper .swiper-slide .exp{font-size:1.4rem;}
}
@media screen and (max-width:767px){
.topService .swiper .swiper-slide .exp{font-size:1.4rem;}
}
.topService .swiper .swiper-slide .SvCate{display:flex;flex-wrap:wrap;gap:10px 12px;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.topService .swiper .swiper-slide .SvCate{gap:9px;}
}
@media screen and (max-width:767px){
.topService .swiper .swiper-slide .SvCate{gap:9px;}
}
.topService .swiper .swiper-slide .SvCate li{width:calc(25% - 9px);max-width:calc(25% - 9px);padding:0.5em;display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;background-color:rgba(0, 158, 132, 0.7);color:white;border-radius:5px;box-sizing:border-box;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.topService .swiper .swiper-slide .SvCate li{font-size:1vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.topService .swiper .swiper-slide .SvCate li{width:calc(33.3333333333% - 6px);max-width:calc(33.3333333333% - 6px);font-size:1.1rem;border-radius:3px;padding:0.75em 0.25em;line-height:1.5;letter-spacing:-0.05em;}
}
@media screen and (max-width:767px){
.topService .swiper .swiper-slide .SvCate li{width:calc(33.3333333333% - 6px);max-width:calc(33.3333333333% - 6px);font-size:1rem;border-radius:3px;padding:0.5em 0.25em;line-height:1.5;letter-spacing:-0.05em;}
}
.topService .swiper .swiper-scrollbar{background:var(--color-primary-light) !important;}
.topService .swiper .swiper-scrollbar-drag{background-color:rgba(0, 142, 187, 0.3) !important;}
.VoiceCnt{position:relative;background-color:var(--color-primary-light);}
.VoiceCnt .deco-1{display:block;width:35%;position:absolute;top:0;right:-100px;transform:rotate(-25deg);z-index:15;opacity:0.35;}
@media screen and (max-width:767px){
.VoiceCnt .deco-1{width:50%;}
}
.VoiceCnt .ill-1{display:block;width:60px;position:absolute;bottom:35px;right:5%;z-index:16;transform:scale(-1, 1);}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.VoiceCnt .ill-1{width:4.6153846154vw;right:2.5%;bottom:0;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.VoiceCnt .ill-1{width:40px;bottom:auto;top:55px;}
}
@media screen and (max-width:767px){
.VoiceCnt .ill-1{width:35px;right:5%;bottom:-15px;}
}
.VoiceCnt .ill-2{display:block;width:150px;position:absolute;top:0;left:5%;z-index:16;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.VoiceCnt .ill-2{width:11.5384615385vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.VoiceCnt .ill-2{width:120px;bottom:auto;top:35px;left:5%;}
}
@media screen and (max-width:767px){
.VoiceCnt .ill-2{width:80px;top:35px;}
}
.VoiceCnt__inner{width:100%;margin:0 auto;max-width:var(--width-content);position:relative;box-sizing:border-box;position:relative;z-index:15;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.VoiceCnt__inner{max-width:95%;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.VoiceCnt__inner{max-width:calc(100% - 50px);}
}
@media screen and (max-width:767px){
.VoiceCnt__inner{max-width:calc(100% - 70px);}
}
.VoiceCnt__column{display:flex;gap:0 25px;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.VoiceCnt__column{column-gap:1.9230769231vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.VoiceCnt__column{flex-wrap:wrap;gap:30px;}
}
@media screen and (max-width:767px){
.VoiceCnt__column{flex-direction:column;gap:25px 0;}
}
.VoiceCnt .Voice{width:25%;background-color:white;border-radius:10px;box-shadow:7px 7px 0px rgba(0, 142, 187, 0.1);color:var(--color-primary);font-size:1.6rem;font-weight:500;position:relative;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.VoiceCnt .Voice{font-size:1.2307692308vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.VoiceCnt .Voice{width:calc(50% - 15px);}
}
@media screen and (max-width:767px){
.VoiceCnt .Voice{width:100%;font-size:1.5rem;}
}
.VoiceCnt .Voice__inner{padding:10%;}
@media screen and (max-width:767px){
.VoiceCnt .Voice__inner{padding:7.5%;}
}
.VoiceCnt .Voice-Head{display:flex;align-items:center;gap:0 1em;position:relative;}
.VoiceCnt .Voice-Head::before{content:"";display:block;width:calc(100% - 35px);height:60px;background-color:var(--color-primary);position:absolute;top:50%;right:0;transform:translateY(-50%);border-radius:0 5px 5px 0;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.VoiceCnt .Voice-Head::before{height:50px;}
}
@media screen and (max-width:767px){
.VoiceCnt .Voice-Head::before{height:50px;}
}
.VoiceCnt .Voice-Head .avater{display:block;width:90px;position:relative;z-index:20;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.VoiceCnt .Voice-Head .avater{width:6.9230769231vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.VoiceCnt .Voice-Head .avater{width:70px;}
}
@media screen and (max-width:767px){
.VoiceCnt .Voice-Head .avater{width:70px;}
}
.VoiceCnt .Voice-Head__caption{display:inline-flex;align-items:center;justify-content:center;color:white;font-weight:normal;line-height:1.5;font-size:1.6rem;font-weight:500;gap:0 0.5em;position:relative;z-index:20;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.VoiceCnt .Voice-Head__caption{font-size:1.2307692308vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.VoiceCnt .Voice-Head__caption{font-size:1.5rem;}
}
@media screen and (max-width:767px){
.VoiceCnt .Voice-Head__caption{font-size:1.5rem;}
}
.item{position:relative;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.item__inner{padding:0 25px;}
}
@media screen and (max-width:767px){
.item__inner{padding:0 35px;}
}
.item__column{display:flex;align-items:flex-start;justify-content:center;gap:0 100px;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.item__column{column-gap:2.6923076923vw;}
}
@media screen and (max-width:767px){
.item__column{flex-direction:column;align-items:center;gap:15px 0;}
}
.item__img{display:block;min-width:240px;width:240px;position:relative;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.item__img{min-width:24.6153846154vw;width:24.6153846154vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.item__img{min-width:220px;width:220px;}
}
@media screen and (max-width:767px){
.item__img{min-width:initial;width:100%;}
}
.item__img img{display:block;width:100%;}
@media screen and (max-width:767px){
.item__img img{width:140px;}
}
.item__img .kubi-caption{display:block;padding:1em;padding-left:1.5em;background-color:rgba(255, 255, 255, 0.9);border:1px solid var(--color-primary);font-size:1.2rem;z-index:20;border-radius:4px;color:var(--color-primary);line-height:1.4;position:relative;}
@media screen and (max-width:767px){
.item__img .kubi-caption{transform:scale(0.85);}
}
.item__img .kubi-caption::before{content:"※";position:absolute;top:1em;left:0.5em;}
.item .info .itemName{font-size:2.7rem;font-weight:600;}
@media screen and (max-width:767px){
.item .info .itemName{font-size:2.4rem;}
}
.item .appCnt__column{display:flex;gap:0 35px;}
@media screen and (max-width:767px){
.item .appCnt__column{justify-content:center;}
}
.item .appCnt .appIcon{display:flex;align-items:center;text-decoration:none;color:#323131;gap:0 1em;}
@media screen and (max-width:767px){
.item .appCnt .appIcon{flex-direction:column;gap:1em 0;}
}
.item .appCnt .appIcon img{display:block;width:70px;aspect-ratio:5/5;border-radius:10px;}
@media screen and (max-width:767px){
.item .appCnt .appIcon img{width:60px;}
}
.item .appCnt .appIcon .caption{display:block;font-size:1.4rem;line-height:1.2;}
.appHowto__inner{width:100%;margin:0 auto;max-width:var(--width-content);position:relative;box-sizing:border-box;padding:0 5%;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.appHowto__inner{max-width:95%;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.appHowto__inner{max-width:calc(100% - 50px);}
}
@media screen and (max-width:767px){
.appHowto__inner{max-width:calc(100% - 70px);}
}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.appHowto__inner{padding:0;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.appHowto__inner{padding:0;}
}
@media screen and (max-width:767px){
.appHowto__inner{padding:0;}
}
.appHowto .tab-group{margin:0;padding:0;display:flex;justify-content:space-between;overflow:hidden;}
.appHowto .tab-group li.tab{width:33.3333333333%;margin:0;padding:1.5em 0;font-size:1.7rem;font-weight:600;list-style:none;text-align:center;cursor:pointer;line-height:1.5;position:relative;border-radius:0;background-color:var(--color-primary-light);box-sizing:border-box;border:1px solid var(--color-primary);border-right:none;color:var(--color-primary);}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.appHowto .tab-group li.tab{font-size:1.3076923077vw;}
}
@media screen and (max-width:767px){
.appHowto .tab-group li.tab{padding:2em 0 0.75em;font-size:1.3rem;line-height:1.3;}
}
.appHowto .tab-group li.tab:nth-of-type(1){border-radius:15px 0 0 0;}
@media screen and (max-width:767px){
.appHowto .tab-group li.tab:nth-of-type(1){border-radius:10px 0 0 0;}
}
.appHowto .tab-group li.tab:last-child{border-radius:0 15px 0 0;border-right:1px solid var(--color-primary);}
@media screen and (max-width:767px){
.appHowto .tab-group li.tab:last-child{border-radius:0 10px 0 0;}
}
.appHowto .tab-group li.tab.tab-active{background-color:var(--color-primary);color:white;transition:all 0.2s ease-out;}
.appHowto .tab-group li.tab i{margin-right:10px;}
@media screen and (max-width:767px){
.appHowto .tab-group li.tab i{margin-right:0;position:absolute;top:0.5em;left:50%;transform:translateX(-50%);font-size:1.8rem;}
}
.appHowto .panel{margin-top:0;display:none;border-radius:0 0 15px 15px;border:1px solid var(--color-primary);border-top:none;}
.appHowto .panel.panel-show{display:block;}
.appHowto .howtoDetail__inner{padding:5%;}
.appHowto .howtoDetail__column{display:flex;flex-direction:row-reverse;align-items:flex-start;gap:0 70px;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.appHowto .howtoDetail__column{column-gap:5.3846153846vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.appHowto .howtoDetail__column{gap:0 35px;}
}
@media screen and (max-width:767px){
.appHowto .howtoDetail__column{flex-direction:column;align-items:center;gap:35px 0;}
}
.appHowto .howtoDetail__block{width:100%;}
.appHowto .howtoDetail__label{font-size:2.1rem;font-weight:600;line-height:1.5;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.appHowto .howtoDetail__label{font-size:1.6153846154vw;}
}
@media screen and (max-width:767px){
.appHowto .howtoDetail__label{font-size:1.6rem;}
}
.appHowto .howtoDetail p.num{padding-left:1.5em;position:relative;}
.appHowto .howtoDetail p.num::before{content:attr(data-num);position:absolute;top:0;left:0;}
.appHowto .howtoDetail .appBnr{display:block;width:200px;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.appHowto .howtoDetail .appBnr{width:15.3846153846vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.appHowto .howtoDetail .appBnr{width:160px;}
}
@media screen and (max-width:767px){
.appHowto .howtoDetail .appBnr{width:140px;margin-left:20px;}
}
.appHowto .howtoDetail .swiper--app{min-width:35%;width:35%;padding-bottom:50px;}
@media screen and (max-width:767px){
.appHowto .howtoDetail .swiper--app{min-width:initial;width:100%;}
}
.appHowto .howtoDetail .swiper-slide{border-radius:15px;overflow:hidden;}
@media screen and (max-width:767px){
.appHowto .howtoDetail .swiper-slide{border-radius:10px;}
}
.appHowto .howtoDetail .swiper-slide img{display:block;height:auto;width:100%;}
.appHowto .howtoDetail .swiper-horizontal > .swiper-pagination-bullets, .appHowto .howtoDetail .swiper-pagination-bullets.swiper-pagination-horizontal, .appHowto .howtoDetail .swiper-pagination-custom, .appHowto .howtoDetail .swiper-pagination-fraction{bottom:0 !important;}
.appHowto .howtoDetail .swiper-pagination-bullet{width:15px;height:15px;background-color:var(--color-primary-light) !important;opacity:1 !important;}
.appHowto .howtoDetail .swiper-pagination-bullet-active{background-color:var(--color-primary) !important;}
.MeritCnt{position:relative;background-color:var(--color-primary);overflow:hidden;}
.MeritCnt__inner{width:100%;margin:0 auto;max-width:var(--width-content);position:relative;box-sizing:border-box;position:relative;z-index:15;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.MeritCnt__inner{max-width:95%;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.MeritCnt__inner{max-width:calc(100% - 50px);}
}
@media screen and (max-width:767px){
.MeritCnt__inner{max-width:calc(100% - 70px);}
}
.MeritCnt__column{display:flex;flex-wrap:wrap;gap:50px;}
@media screen and (max-width:767px){
.MeritCnt__column{flex-direction:column;gap:35px 0;}
}
.MeritCnt .Merit{width:calc(50% - 25px);background-color:white;border-radius:10px;}
@media screen and (max-width:767px){
.MeritCnt .Merit{width:100%;}
}
.MeritCnt .Merit__inner{padding:5%;}
.MeritCnt .Merit__column{display:flex;gap:0 35px;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.MeritCnt .Merit__column{column-gap:2.6923076923vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.MeritCnt .Merit__column{flex-direction:column;gap:15px 0;}
}
@media screen and (max-width:767px){
.MeritCnt .Merit__column{flex-direction:column;gap:15px 0;}
}
.MeritCnt .Merit__img{display:block;min-width:160px;width:160px;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.MeritCnt .Merit__img{min-width:12.3076923077vw;width:12.3076923077vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.MeritCnt .Merit__img{min-width:initial;width:100%;}
}
@media screen and (max-width:767px){
.MeritCnt .Merit__img{min-width:initial;width:100%;}
}
.MeritCnt .Merit__img img{display:block;width:100%;object-fit:cover;aspect-ratio:5/4;border-radius:7px;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.MeritCnt .Merit__img img{aspect-ratio:5/3;}
}
@media screen and (max-width:767px){
.MeritCnt .Merit__img img{aspect-ratio:5/2.75;}
}
.MeritCnt .Merit__block{width:100%;}
.MeritCnt .Merit__label{font-size:2rem;font-weight:700;color:var(--color-primary);}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.MeritCnt .Merit__label{font-size:1.5384615385vw;}
}
@media screen and (max-width:767px){
.MeritCnt .Merit__label{font-size:1.7rem;}
}
.MeritCnt .Merit__caption{display:block;font-size:1.6rem;line-height:1.7;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.MeritCnt .Merit__caption{font-size:1.2307692308vw;}
}
@media screen and (max-width:767px){
.MeritCnt .Merit__caption{font-size:1.4rem;}
}
.Faq__inner{width:100%;margin:0 auto;max-width:var(--width-content);position:relative;box-sizing:border-box;z-index:10;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.Faq__inner{max-width:95%;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.Faq__inner{max-width:calc(100% - 50px);}
}
@media screen and (max-width:767px){
.Faq__inner{max-width:calc(100% - 70px);}
}
.Faq-List__inner{padding:0 100px;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.Faq-List__inner{padding-left:7.6923076923vw;padding-right:7.6923076923vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.Faq-List__inner{padding:0;}
}
@media screen and (max-width:767px){
.Faq-List__inner{padding:0;}
}
.Faq-List__column{display:flex;flex-direction:column;gap:25px 0;}
@media screen and (max-width:767px){
.Faq-List__column{gap:15px 0;}
}
.Faq .Qa{padding:20px 35px;background-color:white;border:1px solid var(--color-primary);border-radius:5px;}
@media screen and (max-width:767px){
.Faq .Qa{padding:15px;}
}
.Faq .Qa dt, .Faq .Qa dd{display:block;line-height:1.7;padding-left:40px;position:relative;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.Faq .Qa dt, .Faq .Qa dd{padding-left:3.0769230769vw;}
}
@media screen and (max-width:767px){
.Faq .Qa dt, .Faq .Qa dd{padding-left:25px;}
}
.Faq .Qa dt{color:var(--color-primary);font-size:2rem;font-weight:600;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.Faq .Qa dt{font-size:1.5384615385vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.Faq .Qa dt{font-size:1.7rem;}
}
@media screen and (max-width:767px){
.Faq .Qa dt{font-size:1.5rem;line-height:1.3;padding-right:20px;}
}
.Faq .Qa dt::before{content:"Q";position:absolute;top:0;left:0;font-size:2.1rem;font-weight:700;line-height:1.5;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.Faq .Qa dt::before{font-size:1.6153846154vw;}
}
@media screen and (max-width:767px){
.Faq .Qa dt::before{font-size:2rem;line-height:1;}
}
.Faq .Qa dt span::before, .Faq .Qa dt span::after{content:"";display:block;width:18px;height:1px;position:absolute;right:0;top:50%;transform:translateY(-50%);background-color:var(--color-primary);}
@media screen and (max-width:767px){
.Faq .Qa dt span::before, .Faq .Qa dt span::after{width:14px;right:0px;}
}
.Faq .Qa dt span::after{transform:translateY(-50%) rotate(90deg);transition:0.2s;}
.Faq .Qa dt span.active::after{transform:rotate(0);transition:0.2s;}
.Faq .Qa dt:hover{cursor:pointer;}
.Faq .Qa dd{display:none;padding-top:1em;}
.Faq .Qa dd::before{content:"A";position:absolute;top:16px;left:0;color:var(--color-primary);font-size:2.1rem;font-weight:500;line-height:1.5;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.Faq .Qa dd::before{font-size:1.6153846154vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.Faq .Qa dd::before{font-size:1.7rem;}
}
@media screen and (max-width:767px){
.Faq .Qa dd::before{top:15px;font-size:2rem;}
}
.VisionCnt{position:relative;background-color:var(--color-primary-light);overflow:hidden;}
.VisionCnt .bg{display:block;width:100%;position:absolute;bottom:0;left:0;}
.VisionCnt .bg--1{width:105%;bottom:30px;opacity:0.5;}
.VisionCnt__inner{width:100%;margin:0 auto;max-width:var(--width-content);position:relative;box-sizing:border-box;position:relative;z-index:15;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.VisionCnt__inner{max-width:95%;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.VisionCnt__inner{max-width:calc(100% - 50px);}
}
@media screen and (max-width:767px){
.VisionCnt__inner{max-width:calc(100% - 70px);}
}
.VisionCnt .Chris{display:block;width:380px;position:absolute;bottom:0;right:0;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.VisionCnt .Chris{width:29.2307692308vw;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.VisionCnt .Chris{width:240px;}
}
@media screen and (max-width:767px){
.VisionCnt .Chris{width:55%;margin:0 auto;position:relative;bottom:auto;right:auto;}
}
.VisionCnt__Message{font-weight:600;}
.VisionCnt__Message__inner{padding-left:7.5%;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.VisionCnt__Message__inner{padding-left:0;}
}
@media screen and (max-width:767px){
.VisionCnt__Message__inner{padding-left:0;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.VisionCnt__Message .u-w70{width:auto !important;max-width:initial !important;}
}
.NewsCnt{width:calc(50% - 35px);}
@media screen and (max-width:767px){
.NewsCnt__inner{padding:0;}
}
.NewsCnt__column{display:flex;flex-direction:column;gap:1em 0;}
.NewsCnt .News{padding:1em 0;border-bottom:1px solid rgba(255, 255, 255, 0.5);}
.NewsCnt .News__column{display:flex;}
@media screen and (max-width:767px){
.NewsCnt .News__column{flex-direction:column;}
}
.NewsCnt .News .date{position:relative;top:0.25em;min-width:100px;font-size:1.4rem;}
.NewsCnt .News__title{display:block;width:100%;padding-right:7.5%;color:white;text-decoration:none;box-sizing:border-box;position:relative;}
.NewsCnt .News__title i{position:absolute;top:50%;right:1em;transform:translateY(-50%);font-size:2.5rem;color:var(--color-primary);}
@media screen and (max-width:767px){
.NewsCnt .News__title i{font-size:2rem;}
}
.Cta{position:relative;color:white;overflow:hidden;}
.Cta__bg{display:block;width:50%;position:absolute;top:50%;left:-200px;transform:translateY(-50%);opacity:0.25;}
.Cta__inner{width:100%;margin:0 auto;max-width:var(--width-content);position:relative;box-sizing:border-box;position:relative;z-index:10;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.Cta__inner{max-width:95%;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.Cta__inner{max-width:calc(100% - 50px);}
}
@media screen and (max-width:767px){
.Cta__inner{max-width:calc(100% - 70px);}
}
.Cta__column{display:flex;justify-content:center;gap:0 35px;}
@media screen and (max-width:767px){
.Cta__column{gap:0 15px;}
} .Section__inner{width:100%;margin:0 auto;max-width:var(--width-content);position:relative;box-sizing:border-box;z-index:10;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.Section__inner{max-width:95%;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.Section__inner{max-width:calc(100% - 50px);}
}
@media screen and (max-width:767px){
.Section__inner{max-width:calc(100% - 70px);}
}
.Post{max-width:880px;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.Post{max-width:83.0769230769vw;}
}
@media screen and (max-width:767px){
.Post{max-width:100%;}
}
.ListDisc li{margin-left:1em;list-style-type:disc;line-height:1.8;}
.numList li{margin-left:1em;list-style-type:decimal;}
.Table th, .Table td{padding:0.75em;border-bottom:1px solid #cccccc;line-height:1.8;box-sizing:border-box;}
@media screen and (max-width:767px){
.Table th, .Table td{display:block;}
}
.Table th{text-align:left;font-weight:700;}
@media screen and (max-width:767px){
.Table th{font-weight:600;padding-bottom:0;border-bottom:none;}
}
.Table td{padding-left:2em;position:relative;}
@media screen and (max-width:767px){
.Table td{padding-top:0.25em;padding-left:0.5em;}
}
.Table td::before{content:"";display:inline-block;width:1px;height:calc(100% - 20px);background-color:#cccccc;position:absolute;top:50%;left:0;transform:translateY(-50%);}
@media screen and (max-width:767px){
.Table td::before{display:none;}
}
.BaseTable th, .BaseTable td{padding:0.5em;border-bottom:1px solid #ccc;box-sizing:border-box;}
@media screen and (max-width:767px){
.BaseTable th, .BaseTable td{padding:0.5em 0.25em;line-height:1.7;font-size:1.4rem;}
}
@media screen and (max-width:100px){
.BaseTable th, .BaseTable td{font-size:1.3rem;}
}
.BaseTable th{font-weight:600;text-align:left;position:relative;}
.BaseTable th::after{content:"";display:block;width:100%;height:1px;background-color:var(--color-primary);position:absolute;bottom:-1px;left:0;}
.BaseTable td{padding-left:1.5em;position:relative;}
.BaseTable td::before{content:"";display:inline-block;width:1px;height:calc(100% - 20px);background-color:#ccc;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.Sign{display:flex;justify-content:flex-end;align-items:center;position:relative;}
@media screen and (max-width:767px){
.Sign{flex-direction:column;align-items:flex-end;justify-content:flex-start;}
}
.Sign__head{font-size:1.4rem;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.Sign__head{font-size:1.0769230769vw;}
}
@media screen and (max-width:767px){
.Sign__head{font-size:1.2rem;}
}
.Sign__img{display:block;width:160px;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.Sign__img{width:12.3076923077vw;}
}
@media screen and (max-width:767px){
.Sign__img{width:140px;}
} .PgContact{position:relative;z-index:10;}
.ContactForm__inner{width:100%;margin:0 auto;max-width:var(--width-content);position:relative;box-sizing:border-box;z-index:10;padding:0 10%;}
@media screen and (min-width: 1025px) and (max-width: 1299px) {
.ContactForm__inner{max-width:95%;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.ContactForm__inner{max-width:calc(100% - 50px);}
}
@media screen and (max-width:767px){
.ContactForm__inner{max-width:calc(100% - 70px);}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.ContactForm__inner{max-width:100%;}
}
@media screen and (max-width:767px){
.ContactForm__inner{padding:0;}
}
@media screen and (max-width:767px){
.ContactForm__inner--full{max-width:100%;}
}
@media screen and (max-width:767px){
.formCnt{width:auto;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.formCnt__inner{padding:0 25px;}
}
@media screen and (max-width:767px){
.formCnt__inner{padding:0;}
}
.formCnt p{margin-top:50px;text-align:center;}
.formCnt .timeLine{display:flex;justify-content:center;list-style-type:none;padding:0 25%;}
@media screen and (max-width:767px){
.formCnt .timeLine{padding:0 5%;}
}
.formCnt .timeLine li{display:flex;flex:1 1;flex-direction:column;align-items:center;position:relative;z-index:1;color:#969da3;font-size:0.8em;}
.formCnt .timeLine li.prev, .formCnt .timeLine li.current{color:var(--color-primary);}
.formCnt .timeLine li.prev::before, .formCnt .timeLine li.current::before{border-color:var(--color-primary);}
.formCnt .timeLine li::before{display:inline-block;width:32px;height:32px;margin-bottom:6px;content:"";border:1.5px solid #ccc;border-radius:50%;background-color:#fff;}
@media screen and (max-width:767px){
.formCnt .timeLine li::before{width:20px;height:20px;}
}
.formCnt .timeLine li:not(:last-child)::after{position:absolute;top:16px;left:50%;z-index:-1;width:100%;height:1px;background-color:#ccc;content:"";}
@media screen and (max-width:767px){
.formCnt .timeLine li:not(:last-child)::after{top:10px;}
}
.formCnt .timeLine li.current::before, .formCnt .timeLine li.prev::after{border:5px solid var(--color-primary);}
@media screen and (max-width:767px){
.formCnt .timeLine li.current::before, .formCnt .timeLine li.prev::after{border-width:3px;}
}
.formCnt .cautionList{padding:3.5%;display:table;background-color:#f7fafb;color:#397589;border:1px solid rgba(57, 117, 137, 0.35);}
.formCnt .cautionList li{font-size:1.3rem;margin-left:1em;list-style-type:disc;}
@media screen and (max-width:767px){
.formCnt .cautionList li{font-size:1.1rem;}
}
.formCnt .notnull, .formCnt .optional{display:inline-block;margin-left:1em;padding:0.35em 0.5em 0.5em;background-color:white;color:#D12111;border:1px solid #D12111;font-size:1rem;font-weight:normal;line-height:1;vertical-align:middle;}
.formCnt .formInputBlock .optional{background-color:#ccc;}
.formCnt .formInputBlock table th, .formCnt .formInputBlock table td{padding:1em 0;box-sizing:border-box;vertical-align:top;}
@media screen and (max-width:767px){
.formCnt .formInputBlock table th, .formCnt .formInputBlock table td{display:block;}
}
.formCnt .formInputBlock table th{font-weight:500;padding-bottom:0;text-align:left;}
@media screen and (max-width:767px){
.formCnt .formInputBlock table th{width:auto;max-width:initial;}
}
.formCnt .formInputBlock table td .row{margin-bottom:0.75em;overflow:hidden;}
.formCnt .formInputBlock table td .row:nth-last-of-type(1){margin-bottom:0;}
.formCnt .formInputBlock table td .row-1{display:flex;align-items:center;}
.formCnt .formInputBlock table td .row-1 span:nth-of-type(1){margin-right:25px;}
.formCnt .formInputBlock table td .row--col3{display:flex;flex-wrap:wrap;}
.formCnt .formInputBlock table td .row--col3 .mwform-checkbox-field{width:33.3333333333%;margin:0;padding:0;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.formCnt .formInputBlock table td .row--col3 .mwform-checkbox-field{font-size:1.4rem;letter-spacing:-0.05em;}
}
@media screen and (max-width:767px){
.formCnt .formInputBlock table td .row--col3 .mwform-checkbox-field{width:50%;font-size:1.4rem;}
}
.formCnt .formInputBlock table td .col{margin:0 0.5em;}
.formCnt .formInputBlock table td .rowFl{display:flex;align-items:center;gap:0 1em;}
.formCnt .formInputBlock table td input[type=text],
.formCnt .formInputBlock table td input[type=email],
.formCnt .formInputBlock table td select, .formCnt .formInputBlock table td textarea{width:100%;max-width:100%;font-size:1.8rem;padding:1em;border:none;border:none;background-color:#f7f7f7;box-sizing:border-box;color:#323131;border-radius:5px;}
@media screen and (max-width:767px){
.formCnt .formInputBlock table td input[type=text],
.formCnt .formInputBlock table td input[type=email],
.formCnt .formInputBlock table td select, .formCnt .formInputBlock table td textarea{padding:0.75em 0.5em;font-size:1.5rem;}
}
.formCnt .formInputBlock table td input[type=text]::placeholder,
.formCnt .formInputBlock table td input[type=email]::placeholder,
.formCnt .formInputBlock table td select::placeholder, .formCnt .formInputBlock table td textarea::placeholder{color:rgba(50, 49, 49, 0.5);}
@media screen and (max-width:767px){
.formCnt .formInputBlock table td input[type=text]::placeholder,
.formCnt .formInputBlock table td input[type=email]::placeholder,
.formCnt .formInputBlock table td select::placeholder, .formCnt .formInputBlock table td textarea::placeholder{font-size:1.3rem;}
}
.formCnt .formInputBlock table td input[type=text]:nth-last-of-type(1),
.formCnt .formInputBlock table td input[type=email]:nth-last-of-type(1),
.formCnt .formInputBlock table td select:nth-last-of-type(1),
.formCnt .formInputBlock table td textarea:nth-last-of-type(1){margin-bottom:0;}
.formCnt .formInputBlock table td input[type=text]:disabled,
.formCnt .formInputBlock table td input[type=email]:disabled,
.formCnt .formInputBlock table td select:disabled, .formCnt .formInputBlock table td textarea:disabled{background-color:#f1f1f1;}
.formCnt .formInputBlock table td input[type=radio],
.formCnt .formInputBlock table td input[type=checkbox]{width:20px;height:20px;vertical-align:-0.2em;}
.formCnt .formInputBlock table td select{width:auto;font-size:100%;}
.formCnt .formInputBlock table td textarea{width:100%;max-width:100%;font-family:sans-serif;height:auto;max-height:initial;}
.formCnt .formInputBlock table td input[name=郵便番号]{width:8em;font-size:1.8rem;padding:1em;background-color:#f7f7f7;box-sizing:border-box;border-radius:5px;border:none;}
@media screen and (max-width:767px){
.formCnt .formInputBlock table td input[name=郵便番号]{padding:0.75em 0.5em;font-size:1.5rem;}
}
.formCnt .formInputBlock table td input[type=email]{width:100%;max-width:100%;}
.formCnt .formInputBlock table td input[name=第1希望_日時],
.formCnt .formInputBlock table td input[name=第2希望_日時]{width:200px;max-width:200px;margin-right:25px;margin-bottom:0;}
.formCnt .formInputBlock table td input[name=年齢]{margin-right:0.5em;width:70px;max-width:70px;}
.formCnt .formInputBlock table td .mwform-tel-field input, .formCnt .formInputBlock table td .mwform-zip-field input{width:auto;}
@media screen and (max-width:767px){
.formCnt .formInputBlock table td .mwform-tel-field input, .formCnt .formInputBlock table td .mwform-zip-field input{width:calc(33.3333333333% - 1em);padding:0.75em 0.5em;}
}
@media screen and (max-width:767px){
.formCnt .formInputBlock table td .mwform-radio-field{display:block;margin:0;padding:0 0 0.5em;}
}
.formCnt .formInputBlock table td .mwform-radio-field .mwform-radio-field-text{position:relative;cursor:pointer;padding-left:30px;}
.formCnt .formInputBlock table td .mwform-radio-field .mwform-radio-field-text::before, .formCnt .formInputBlock table td .mwform-radio-field .mwform-radio-field-text::after{content:"";display:block;border-radius:50%;position:absolute;transform:translateY(-50%);top:50%;}
.formCnt .formInputBlock table td .mwform-radio-field .mwform-radio-field-text::before{border:1px solid #323131;border-radius:50%;width:20px;height:20px;left:5px;}
.formCnt .formInputBlock table td .mwform-radio-field .mwform-radio-field-text::after{background-color:#008ebb;border-radius:50%;opacity:0;width:14px;height:14px;left:9px;}
.formCnt .formInputBlock table td .mwform-radio-field input:checked + .mwform-radio-field-text::after{opacity:1;}
.formCnt .formInputBlock table td .mwform-radio-field input{position:absolute;white-space:nowrap;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;height:1px;width:1px;margin:-1px;padding:0;}
.formCnt .formInputBlock table td input[type=checkbox]{appearance:none;display:none;}
.formCnt .formInputBlock table td input[type=checkbox] + span:before{font-family:"Font Awesome 5 Pro";content:"\f45c";display:inline-block;margin-right:1em;font-weight:400;}
.formCnt .formInputBlock table td input[type=checkbox]:checked + span:before{content:"\f00c";font-weight:400;}
.formCnt .formInputBlock table td .cap{display:table;font-size:1.4rem;}
.formCnt .formInputBlock table td .error{color:#D12111 !important;}
.formCnt .btnWrap{display:flex;justify-content:center;text-align:center;gap:0 1em;}
.formCnt .btnWrap input{min-width:240px;padding:1em;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.8rem;font-weight:600;gap:0 2.5em;border-radius:4px;box-sizing:border-box;border:none;cursor:pointer;}
@media screen and (max-width:767px){
.formCnt .btnWrap input{min-width:initial;font-size:1.5rem;}
}
.formCnt .btnWrap input.send_btn, .formCnt .btnWrap input.send_btn2{background-color:#042756;color:white;}
.formCnt .btnWrap input.send_btn:disabled, .formCnt .btnWrap input.send_btn2:disabled{opacity:0.5 !important;border:1px solid #ccc;}
.formCnt .btnWrap input.upd_btn{background-color:rgba(204, 204, 204, 0.1);border:1px solid #cccccc;color:#323131;}
.formCnt .pr-check{margin-top:30px;overflow:hidden;display:flex;justify-content:center;}
.formCnt .pr-check input[type=radio],
.formCnt .pr-check input[type=checkbox]{width:20px;height:20px;vertical-align:-0.2em;}
.formCnt .pr-check .mwform-checkbox-field{text-align:center;}
.formCnt .btm-txt{margin:30px 0 0;text-align:center;font-size:1.6rem;line-height:1.5;font-weight:bold;}
.formCnt .privacy_wrap{margin:0;}
.formCnt .privacy_wrap .inp_mes{font-weight:bold;}
.formCnt .privacy_wrap .error{margin-top:10px;display:block;text-align:center;}
.formCnt .privacy_wrap .error + .error{display:none !important;}
.formCnt .privacy_wrap .privacy{width:100%;max-width:100%;height:200px;margin:35px auto 0;padding:2.5em;border:1px solid #ccc;font-size:1.3rem;text-align:left;box-sizing:border-box;}
@media screen and (max-width:767px){
.formCnt .privacy_wrap .privacy{padding:1.5em;font-size:1.2rem;}
}
.formCnt .privacy_wrap .privacy p{margin:0 0 15px;font-size:1.4rem;font-weight:400;line-height:1.5;text-align:left;}
@media screen and (max-width:767px){
.formCnt .privacy_wrap .privacy p{font-size:1.2rem;}
}
.formCnt .privacy_wrap .privacy p.ttl{font-weight:bold;}
.formCnt .mw_wp_form_input .btnWrap input.send_btn2{display:none;}
.formCnt .mw_wp_form_confirm .inp_mes{display:none;}
.formCnt .mw_wp_form_confirm .privacy_wrap{display:none !important;}
.formCnt .mw_wp_form_confirm .privacy{display:none !important;}
.formCnt .mw_wp_form_confirm .conf_mes{display:block;}
.formCnt .mw_wp_form_confirm .formbox table td .row{margin-top:0;}
.mw_wp_form_input .conf_mes{display:none;}
.mw_wp_form_input .BtnArea input.send_btn2{display:none !important;}
.mw_wp_form_confirm .ContactLead{display:none;}
.mw_wp_form_confirm .inpMes{display:none;}
.mw_wp_form_confirm .conf_mes{display:table;}
.mw_wp_form_confirm .FormParts .txt{display:none !important;}
.mw_wp_form_confirm .FormParts .note-info{display:none !important;}
.mw_wp_form_confirm .privacy_wrap{display:none !important;}
.mw_wp_form_confirm .privacy{display:none !important;}
.mw_wp_form_confirm .conf_mes{display:block;}
.mw_wp_form_confirm .FormParts table td .row{margin-top:0;}
.under-contact{margin-top:50px;}
.error-pink input[type=text],
.error-pink input[type=email],
.error-pink input[type=tel],
.error-pink input[type=url],
.error-pink select, .error-pink textarea {
background: #f3eaf3 !important;
}