@charset "utf-8";
@import url(css/basic.css);
body{font-family:"Noto Sans JP",sans-serif;font-weight:400;}
.ff-ym,h3,h4,.h3,.h4,.list-features>li::before,.list-features>li::after,.point::before,[type="submit"]{font-family:"Noto Serif JP",serif;font-weight:200;}
/*layout*/
h2+p{left:8px;top:8px;height:60px;z-index:9;}h2+p img{max-height:100%;}
#header,#main{position:relative;z-index:1;}
#header{overflow:visible;z-index:2;}
#main{max-width:440px;margin:0 auto;overflow:hidden;background:#fff;}
#main,#side{font-size:1rem;font-size:3.6367vw;line-height:1.75;}
#bg,#bg>div{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;}
#bg{position:fixed;}#bg>div:nth-child(n+2){z-index:-1;}
@keyframes fadeview{0%{opacity:0;}20%{opacity:1;}50%{opacity:1;}80%{opacity:0;}100%{opacity:0;}}
#bg>div{animation:fadeview ease infinite;animation-duration:10s;animation-fill-mode:backwards;background:url("images/bg01.jpg") center 0 no-repeat;background-size:cover;}
#bg>div:first-child{animation-delay:0s;}
#bg>div:nth-child(2){animation-delay:5s;background-image:url("images/bg02.jpg");}
/*color*/
a,#side,#footer,#topview,[id|="style"] h3,#message,#voice>h3,#point .swiper-button-next,#point .swiper-button-prev,#contact,[class|="required"],button,[type="button"],[type="reset"],[type="submit"]{color:#fff;}
body,.linebox2,.list-card a,select,[type="text"],textarea{color:#222;}
.fc-gray,#copyright,.list-features>li::before,.list-features>li::after,.point::before{color:#6a6a6a;}
#footer,.swiper-scrollbar-drag{background:#222;}
.bs #mbtn,#point [class*="swiper-button"],button,[type="button"],[type="reset"],[type="submit"]{background:#484b54;background:rgba(72,75,84,.8);}
.swiper-scrollbar{background:#e3e3e3;}
.a-btn,[class|="required"]{background:#ff5b1b;}
.list-features>li::before,.list-features>li::after,.list-card>li{background:#fff;}
/*parts*/
.list-card a{text-decoration:none;}
button,[type="button"],[type="reset"],[type="submit"],[class*="a-btn"]{line-height:1.25;max-width:100%;border:none;border-radius:3em;padding:1.6em;}
#topview [class*="a-btn"]{padding-right:3em;}
[class*="a-btn"]::before{content:"\ea3c";right:1em;margin-top:-.5em;}
[class*="a-btn"].noi::before{content:none;}
[class*="linebox"]{background:url("images/bg_point.png");background-size:cover;}
.linebox{border:1px solid #ececec;border-radius:2px;padding:.6em 1.5em;}
.linebox>dt{line-height:1.25;padding:.25em 0 1em 0;}
.linebox2{background-image:url("images/bg_w.png");padding:1em 2em;line-height:2.125;}
mark,.mark{position:relative;}
mark>span,.mark>span{display:block;background:#1b6da8;mix-blend-mode:multiply;}
mark::after,.mark::after{content:attr(title);position:absolute;left:0;top:0;padding:0 .25em;}
h3,h3{font-size:1.5em;}
h4,.h4{font-size:1.25em;}
.fs-17{font-size:1.0625em;}
.fs-1875em{font-size:1.875em;}
.list,[class*="linebox"],.content,#message>h3,[id|="style"] h3,form dl{text-align:left;}
.list>li,#menu a{padding-left:26px;position:relative;line-height:1.25;}
.list>li::before,#menu a::before{content:"";border-top:3px solid #222;width:10px;position:absolute;left:0;top:.5em;margin:0;}
#menu a::before{border-color:#fff;}
.point::before{content:"Point";text-transform:uppercase;font-size:.75em;}
#style .swiper-container{padding-bottom:66px;}
.swiper-container>ol{margin:0;}
.swiper-slide{width:54.54545454545455vw;max-width:240px;}
#point .swiper-slide{width:79.54545454545455vw;max-width:350px;}
#point .photo::before{padding-top:66.85714285714286%;}
#point [class*="swiper-button"]{font-size:1.25em;line-height:1.9;width:1.9em;height:1.9em;border:1px solid #fff;border-radius:1.9em;}
#point .swiper-button-prev::after,#point .swiper-button-next::after,.list-card a::after{font-family:'icomoon'!important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-decoration:none;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1em;}
#point .swiper-button-prev::after{content:"\ea40";left:1em;}
#point .swiper-button-next::after{content:"\ea3c";right:1em;}
/*section*/
#topview{background:#1f3368 url("images/bg_top.jpg") center bottom no-repeat;background-size:100% auto;height:167.0454545454545vw;max-height:735px;}
#topview,[id|="style"] h3{display:flex;flex-direction:column;justify-content:center;}
#topview>h3{font-size:2.375em;line-height:1.421052631578947;padding:4em .25em .25em .25em;}
#point>h3,#ideal>h3{padding:2em .5em 1em .5em;}
#ideal{background:url("images/bg_card.jpg");background-size:cover;}
#ideal .list-card{overflow:visible;padding-bottom:5px;}
#ideal .list-card>li{box-shadow:0 0 7px rgba(67,67,67,.2);padding:0;line-height:0;}
#ideal .list-card img{width:50%;max-width:90px;}
#ideal .list-card p{padding:0 .5em;line-height:1.5;margin:0;font-size:.875em;}
.list-card a{padding:10px 0 2em 0;position:relative;}
.list-card a::after{content:"\e900";position:absolute;left:50%;bottom:.25em;transform:translateX(-50%) rotate(90deg);font-size:1.125em;color:#ff5b1b;}
#style{margin:0;}
#style>li{padding:0 0 60px 0;}
[id|="style"] h3{background:#222 url("images/bg_style01.jpg") center 0 no-repeat;background-size:100% auto;padding:1.244em 6.81818181818182%;height:102.2727272727273vw;max-height:450px;justify-content:flex-end;margin-bottom:10px;}
[id|="style"] h3::before{content:attr(title);display:block;text-transform:uppercase;font-size:.6666666666666667em;margin-bottom:.5em;}
#style-02 h3{background-image:url("images/bg_style02.jpg");}
#style-03 h3{background-image:url("images/bg_style03.jpg");}
#style-04 h3{background-image:url("images/bg_style04.jpg");}
#style-05 h3{background-image:url("images/bg_style05.jpg");}
#style-06 h3{background-image:url("images/bg_style06.jpg");}
#message{background:#1a69a4 url("images/bg_sky.jpg") center bottom no-repeat;background-size:100% auto;padding:3em 0;}
#message>h3,.content{width:86.36363636363636%;margin:0 auto;}
#message>h3{margin-bottom:2em;}
#futures>h3{padding:2em 1em .5em 1em;}
.list-features>li{padding:1em 6.81818181818182%;}
.list-features>li::after{content:"Futures";text-transform:uppercase;letter-spacing:.1em;font-size:.75em;position:absolute;left:6.81818181818182%;top:.4em;padding-right:1em;}
.list-type-number.list-features>li::before{content:"0"counter(olcount);font-size:1.125em;left:auto;right:6.81818181818182%;padding-left:.5em;}
.list-features>li>p{position:absolute;right:0;top:3.5em;margin:0;width:31.81818181818182%;}
.list-features>li>dl{border-top:1px solid #b6b6b6;padding-right:32%;}
.list-features>li>dl>dt{padding:2.4em 0 1em 0;}
#voice{background:url("images/bg_voice.jpg");background-size:cover;}
#voice>h3{padding:2.2em 1em 1.1em 1em;}
.list-card>li{padding:1.5625em;border-radius:5px;}
#contact{background:#22252d url("images/bg_contact.jpg") center bottom no-repeat;background-size:100% auto;padding:0 6% 180px 6%;}
#contact>h3{padding:2.5em 0 1.25em 0;}
#contact .contact{max-width:348px;margin:0 auto;}
#contact input,#contact textarea,#contact .select{border:none;}
form{margin:30px auto 0 auto;}
form dl{padding:10px 0;}
form dl>dt{padding-bottom:5px;}
form [type="submit"]{font-size:1.125em;}
/*footer*/
#footer{padding:0 6%;}
.sns{font-size:2.5em;}.sns>li{padding:.2em;}
.address>dl,.sns{display:flex;flex-wrap:nowrap;justify-content:center;}
.address>dl>dt{padding-right:.5em;}
#copyright{padding:1em;}
/*side*/
#mbtn{right:10px;top:10px;transition:0s;}#mbtn,#mbtn a{width:52px;height:52px;}
.bs #mbtn{box-shadow:0 0 5px rgba(0,0,0,.2);}
#mbtn a::before,#mbtn a::after{content:"";display:block;position:absolute;left:10px;top:14px;width:32px;border-bottom:2px solid #fff;}
#mbtn a::after{top:auto;bottom:14px;height:13px;box-shadow:0 2px 0 #fff inset;}
body.on #mbtn a::before{transform:translateY(13px) rotate(-135deg);}
body.on #mbtn a::after{transform:translateY(-9px) rotate(135deg);height:auto;box-shadow:none;}
#side{margin:0;width:100%;max-width:440px;right:auto;left:50%;transform:translate3d(-50%,-100%,0);background:url("images/bg01.jpg") no-repeat;background-size:auto 100%;padding:120px 0 0 0;}
#side.on{transform:translate3d(-50%,0,0);}
#side .contact{background:rgba(34,34,34,.3);backdrop-filter:blur(4.3px);max-inline-size:max-content;margin-inline:auto;}
.contact>ul{padding:0 11px 10px 11px;}
.contact>ul>li{padding:2px 9px;}
@media(min-width:440px){
h2+p{left:calc(50% - 212px);}
#mbtn{right:calc(50% - 210px);}
#main,#side{font-size:1rem;}
}
@media(min-width:1080px){
h2+p,#side{left:auto;right:calc(50% + 220px);width:calc(50% - 220px);max-width:462px;}
h2+p{position:fixed;max-width:415px;top:45px;}
#mbtn{position:absolute;right:-90px;z-index:0;}
#side{transition:0s;margin:0;background:none;}
#side,#side.on{transform:none;}
}