@charset "utf-8";
@import url(css/basic.css);
@import url(css/ki/ki.css);


#works-vr h3,#lineup-mahalo h3{background:url("images/design/ttl_vr.png") center center no-repeat;background-size:contain;height:120px;display:block;overflow:hidden;width:100%;text-indent:120%;white-space:nowrap;word-wrap:normal;padding:0;margin:0;border:0;text-shadow:none;box-shadow:none;margin: 0 auto;padding: 0 15px;max-width: 980px;}
#sns h3{background-image:url("images/design/ttl_sns.png");margin-top:30px;}
#lineup-mahalo .lead{margin:0;text-align:center;font-size:24px;font-weight:bold;}
#lineup-mahalo .lead>span/*,#lineup-mahalo .box-arrow>span*/{display:inline-block;}
.lineup1{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:20px;margin:40px 0;}
.lineup1 li{width:30%;position:relative;}
.circle{width:100%;margin:auto;border-radius:100%;display:flex;justify-content:center;align-items:center;background-color:#fff;border:solid 4px #f87d78;font-weight:bold;text-align:center;font-size:12px;font-size:3vw;line-height:1.2;}
.circle::before{display:block;content:'';padding-top:100%;}
.lineup1 li::before,.lineup1 li::after{display:block;content:"";position:absolute;top:55%;right:-14%;width:10%;height:2%;margin:-8% 0 0 -42%;background:#999;}
.lineup1 li::after{transform:rotate(90deg);}
.lineup1 li:last-child::before,.lineup1 li:last-child::after{content:none;}
/*.box-arrow{position:relative;margin:40px 0 0;padding:1.5em 0 0;margin-bottom:60px;background-color:#f87d78;text-align:center;color:#fff;font-weight:bold;font-size:20px;font-weight:bold;}
#lineup-mahalo .box-arrow::after{position:absolute;content:'';display:block;width:100%;height:50px;left:0;bottom:-50px;background:url("images/design/boxarrow.png") no-repeat center top;background-size:cover;}
#lineup-mahalo>div>div.box-arrow{padding:30px 3% 0 3%;}*/
/*box-arrow*/
#lineup-mahalo>div>div.box-arrow{padding:30px 3% 0 3%;}
.box-arrow>span{display:inline-block;}
.box-arrow{position:relative;margin:40px 0 0;padding:1.5em 3% 0;margin-bottom:80px;background-color:#f87d78;text-align:center;color:#fff;font-weight:bold;font-size:20px;}
#lineup-mahalo .box-arrow::after{content:"";position:absolute;display:block;width:0;height:0;left:50%;bottom:-50px;transform:translateX(-50%);border-left:50vw solid transparent;border-right:50vw solid transparent;border-top:50px solid #f87d78;}

.lineup2{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:8px;column-gap:8px;margin-bottom:40px;}
.lineup2 li{position:relative;width:calc(50% - 4px);padding:1em 0.5em;background-color:#888;color:#fff;height:76px;text-align:center;}
.lineup2 li>p{position:absolute;width:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

.bubble-hl:before{content:"";position:absolute;display:block;z-index:1;border-style:solid;border-color:#fbcb33 transparent;border-width:10px 10px 0 10px;bottom:-10px;left:50%;margin-left:-10px;}

.bubble-hl{position: relative;display:block;text-align:center;color:333f;padding:.5em 2em;background-color:#fbcb33;border-radius:5px;font-size:1.2em;margin:0 auto -1em;z-index:3;max-width: 290px;}
.bubble-hl:before{content:"";position:absolute;display:block;z-index:1;border-style:solid;border-color:#fbcb33 transparent;border-width:10px 10px 0 10px;bottom:-10px;left:50%;margin-left:-10px;}
.linebox-hl{border: 1px solid #e2a632;background-color: #fefbee;}

.box-img-hl{text-align:center;}
.box-txt-hl{padding-bottom: 30px;}
.topttl-hl{position:relative;padding-top:50px;padding-bottom:5px;font-size:35px;text-align:center;}
.topttl-hl::before {content:attr(data-en);position:absolute;top:10px;left:50%;transform:translateX(-50%);color:#fff8da;font-size:50px;font-style: normal;font-weight: bold;font-family:'Arial',serif;;z-index:-1;}

.imgBox li{position:relative;width:100%;margin-bottom:10px;}
.imgBox li img{height:100%;object-fit:cover;ont-family:'object-fit:cover;';margin:0;position:absolute;width:100%;top:0;left:0;}
.imgBox>li>img{position:relative;}
.imgBox>li+li,.imgBox>li>ul>li{margin:0;}
.imgBox>li>ul{margin:0;display:flex;}
.imgBox>li>ul>li::before {content:"";display:block;padding-top:100%;}
.imgBox>li>ul>li+li{margin:0 0 0 10px;}

@media(max-width:30em){
#lineup-mahalo .box-arrow::after{border-top:30px solid #f87d78;bottom:-30px;}.box-arrow{margin-bottom:60px;font-size:18px;}
}
@media (min-width:48em){
#works-vr,#lineup-mahalo{padding:20px 0 44px 0;}#renovation h3,#works-vr h3,#lineup-mahalo h3,#airish h3{margin-bottom:20px;}
.circle{font-size:18px;}
#a-smile_leben .circle {font-size: 15px;}
.lineup1 li::before, .lineup1 li::after{right:-18%;width:14%;height:4%;}
.lineup1 li{width:14%;}
/*.box-arrow .box-arrow{margin-bottom:70px;font-size:24px;padding:1em 1em .5em;}
#lineup-mahalo .box-arrow::after{height:60px;bottom:-60px;}*/
/*box-arrow*/
.box-arrow{margin-bottom:90px;font-size:24px;padding:1em 3% .5em;}#lineup-mahalo .box-arrow::after{bottom:-60px;border-top:60px solid #f87d78;}
#lineup-mahalo .box-arrow::after{border-top:40px solid #f87d78;bottom:-40px;}.box-arrow{margin-bottom:70px;}
.lineup2 li{width:calc(19.6% - 4px);}
.flex3-5 li{width:19%;}
.flex3-5::after{content:none;}
.lineup1 li:nth-child(3)::before,.lineup1 li:nth-child(3)::after{content:none;}
.boxwrap-hl{display:flex;justify-content:space-between;padding-top:0;}
.box-txt-hl{width:50%;padding-top: 30px;}
.boxwrap-hl:nth-child(even) .box-img-hl{order:2;}
.box-img-hl{margin:0;width:50%;}
.box-img-hl img{object-fit: contain;font-family: 'none;';height: auto;}
.topttl-hl{padding-top:38px;}
.topttl-hl::before{top:-10px;font-size:60px;}
.imgBox {display:flex;}
.imgBox li{margin-bottom:0;}
.imgBox>li+li{margin-left:10px;width:200px;}
.imgBox>li{width:calc(100% - 200px);}
.imgBox>li>img{position:absolute;}
.imgBox>li>ul{display:block;}
.imgBox>li>ul>li+li{margin:10px 0 0;}
.imgBox.reverse{flex-direction:row-reverse;}
.imgBox.reverse>li+li{margin-left:0;margin-right:10px;}
}


/*i-Styleで使用*/	
.topttl2-is{position:relative;font-size:1.55em;font-weight:bold;font-family:'Arial', serif;display:inline-block;margin-top:30px;}	
.topttl2-is::before{content:attr(data-number);display:block;color:#333;font-size:1.88em;font-weight:bold;}	
.topttl2-is::after{content:'';position:absolute;top:0;left:0;width:100px;height:1px;background-color:#333;}	
.topttl2-is .fs-1{font-size:0.7em;font-weight:normal;font-family:sans-serif;}/*フォントはサイトに合わせる*/	
.topttl2-is>.fs-1.jp{font-size:.88em;font-weight:bold;}	
.tag-is>li{font-size:.88em;display:inline-block;margin:0 .2em .6em 0;padding:.6em;line-height:1;color:#fff;text-decoration:none;background-color:#333;}	
.img-no img{margin:0;}	
.w100-{width:100%;}.w90-{width:90%;}.w85-{width:85%;}.w80-{width:80%;}.w75-{width:75%;}.w70-{width:70%;}.w60-{width:60%;}	
.w50-{width:50%;}.w45-{width:45%;}.w40-{width:40%;}.w35-{width:35%;}.w30-{width:30%;}.w25-{width:25%;}.w20-{width:20%;}
.w38-{width:38%;}.w16-9{width:16.9%;}	
.spanin span{display:inline-block;}
.boxwrap-is{padding-top:30px;}	
.boxwrap-is:not(:first-of-type){margin-top:24px;}	
.boxwrap-is::after{content:"";position:absolute;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);width:100%;height:100%;max-height:800px;z-index:-1;}	
.boxwrap-is::after{background-color:#f5f7f9;}/*カラー変更(2)　薄い色・背景に使用*/	
.box-img-is{margin:0 auto;text-align:center;width:80%;}	
.box-img-is img{width:100%;margin:0;height:100%;object-fit:cover;}	
.box-txt-is{padding:30px 5%;background-color:#f5f7f9;}/*カラー変更(2)　薄い色・背景に使用*/	
.box-txt-is [lang="en"]{text-transform:uppercase;padding:0 0 10px;margin:0 0 15px;font-weight:bold;font-size:1.1em;border-bottom:1px solid;display:block;}	
.box-txt-is [lang="en"]{color:#3a5fb8;}/*カラー変更(1)　濃い色・文字に使用*/	
.grad_big-is{text-align:center;/*position:absolute;*/width:100%;/*top:-50px;*/left:0;}	
.grad_text-is{font-size:1rem;letter-spacing:.2rem;line-height:100%;color:#fff;}	
.num-is{font-size:3rem;font-weight:bold;}	
.linebox-is{border:none;background:none;background-color:#bbc0d0;box-shadow:none;}/*カラー変更(3)　少し薄い色・背景に使用*/	
.linebox-is-w{border:none;background:none;background-color:#fff;box-shadow:none;}	
.topttl-is::after{width:4px;height:40px;display:block;background:#000;margin:0 auto;}	
[class*="topttl-is"]{background:#fff;border-radius:5em;padding:.8em;display:block;text-align:center;border:1px solid #333;position:relative;}	
.topttl-is{margin-bottom:40px;font-weight:bold;font-family:'Arial', serif;font-size:1.2em;width:200px;margin-left:auto;margin-right:auto;}	
.topttl-is::after{content:"";position:absolute;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:-40px;height:40px;}	

/*K-Growthページ*/
.boxwrap-kg{padding-top:20px;}
.box-img-kg{margin:0 auto;text-align:center;width:80%;}
.box-img-kg img{width:100%;margin:0;height:100%;object-fit:cover;font-family:'object-fit:cover;'; }
.box-txt-kg{padding:40px 5%;}
.box-txt-kg2 [lang="en"]{color:#000;}/*★カラー変更★サイトにあった文字色*/
.boxwrap-kg2{padding-top:30px;}
.box-img-kg2{margin:0 auto;text-align:center;width:80%;}
.box-img-kg2 img{width:100%;margin:0;height:100%;object-fit:cover;font-family:'object-fit:cover;';}
.box-txt-kg2{padding:30px 5%;}
.box-txt-kg2 .h3{border-bottom:1px solid;padding:0 0 1em;text-align:center;color:#000;}
.box-txt-kg2 [lang="en"]{text-transform:uppercase;}
[class*="pnt-tab"]>dt,[class*="pnt-tab"]>span{color:#fff;}
[class*="pnt-tab"]>dt,[class*="pnt-tab"]>span{background-color:#000;}
[class*="pnt-"]{font-size:1em;text-align:center;}
[class*="pnt-"]>span{vertical-align:middle;}
[class*="pnt-tab"]{clear:both;display:block;position:relative;}
[class*="pnt-tab"]::before{content:""; width:100%;height:2px;position:absolute;left:0;top:50%;z-index:0;}
[class*="pnt-tab"]>dt,[class*="pnt-tab"]>span{display:inline-block;margin:0 auto;padding:.5em 1em .6em;z-index:1;position:relative;}
[class*="pnt-tab"]::before{border-top:2px solid #626262;}
.ls6{letter-spacing:8px;}
.haikei-kg{background-color:#f5f5f5;}
.linebox-kg,.haikei2-kg{background-color:#fff;}
.linebox2-kg{background:rgba(235,193,30,.47);}
.linebox3-kg{background:rgba(239,143,129,.46);}
.linebox4-kg{background:rgba(120,202,241,.38);}
#a-zero [class*="linebox"],#a-passive [class*="linebox"],#a-resolife [class*="linebox"]{border-radius: 0px;}
#best1 div,#best2 div,#best3 div{background:#fff;background:rgba(255,255,255,.8);}
#best1 div,#best2 div,#best3 div{width:83.33333333333333%;padding:2em 1.5em;}
#best1 .h3,#best2 .h3,#best3 .h3{font-size:30px;line-height:1.375;padding:0;margin-bottom:1em;color:#000}
#best1 div,#best2 div,#best3 div{margin:0 auto;}
#best1,#best2,#best3{background:url("images/kg/lineup-title.jpg") center 0 no-repeat;background-size:140% auto;padding:160px 0 0 0;}
.tag-kg-b{background:#111;}.tag-kg-a{background:#78caf1;}.tag-kg-g{background:#5c5c5c;}.tag-kg-o{background:#ebc11e;}.tag-kg-p{background:#e98c7e;}
.tag-kg-a,.tag-kg-b,.tag-kg-g,.tag-kg-o,.tag-kg-p{font-size:14px;padding:5px 10px;margin-bottom:1em;letter-spacing:1.5px;}
.tag-kg-a.no,.tag-kg-b.no,.tag-kg-g.no,.tag-kg-o.no,.tag-kg-p.no{margin-bottom:0;}
[class*="tag-kg"]{color:#fff;}[class*="tag-kg"] .h3{color:#fff;margin-bottom:0;}.tag-kg-a .h3,.tag-kg-o .h3,.tag-kg-p .h3{color:#000}
.cont-txt{box-shadow:1px 1px 0 0 #e5e5e5;margin:50px 1px 0 auto;padding:60px 30px 50px;position:relative;}
.grad_big{text-align:center;position:absolute;width:100%;top:-49px;left:0;}
.grad_text{font-family:'Arial',serif;font-size:1.3rem;letter-spacing:.2rem;line-height:100%;/*background-image:linear-gradient(45deg,#101655 0%,#00beff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;*/color:#d0af5b;}
.num{font-size:4rem;font-weight:bold;font-family:'Arial',serif;}
.cont-txt .num{font-size:5rem;}
ul.mt0 .cont-txt{margin-top:0;}
/*bdr*/
.bdr{display:flex;align-items:center;}
.bdr:after{border-top:1px solid;content:"";width:10%;margin-left:1rem;}
/*枠*/
[class*="waku"]{padding:0px 20px;margin:0px 0px 10px 0px;color:#fff;font-size:.9em;display:inline-block;}
.waku-b{background:#333;}
.waku-n{background:#006;}
.waku-w{background:#fff;color:#333;border:solid 1px #333;}
.waku-r{background:#c70000;}
.kome3>dt,.kome3>.dt{width:5em;position:relative;font-weight:bold;}
.colon dt::after{content:"\FF1A";position:absolute;right:0;}

@media(min-width:30em){
/*K-Growthページ*/
[class*="pnt-tab"]>dt, [class*="pnt-tab"]>span{padding:.5em 2em;}
}
@media(min-width:40em){
/*K-Growthページ*/
#best1,#best2,#best3{padding:0 5%;background-size:cover;}
#best1 div,#best2 div,#best3 div{max-width:560px;padding:60px 7.14285714285714%;margin:0 auto 0 0;}
#best1 .h3,#best2 .h3,#best3 .h3{font-size:2.25em;}
}
@media(min-width:48em){
/*K-Growthページ*/
.boxwrap-kg{display:flex;justify-content:space-between;padding-top:0;margin-bottom:80px;}
.boxwrap-kg:nth-child(even) .box-img-kg{order:2;}
.box-img-kg{margin:0;width:55%;}
.box-txt-kg{/*padding:50px 8%;*/width:45%;}
.box-txt-kg{padding:10px 5%;}
.boxwrap-kg2{display:flex;justify-content:space-between;padding-top:0;margin-bottom:80px;}
.boxwrap-kg2:nth-child(odd) .box-img-kg2{order:2;}
.boxwrap-kg2:nth-child(odd) .box-txt-kg2{order:1;}
.box-img-kg2{margin:0;width:40%;}
.box-txt-kg2{/*padding:50px 8%;*/width:60%;}
.box-txt-kg2 .h3{text-align:left;}	
/*i-Styleで使用*/	
.boxwrap-is{position:relative;display:flex;padding:40px 0;align-items:center;}	
.boxwrap-is::after{width:80%;}	
.boxwrap-is:nth-child(odd)::after{left:0}	
.boxwrap-is:nth-child(even)::after{right:0;}	
.boxwrap-is:nth-child(odd) .box-img-is{order:2;}	
.boxwrap-is:nth-child(odd) .box-txt-is{order:1;}	
.box-img-is{margin:0;width:50%;background:none;}	
.box-txt-is{padding:0 3%;width:60%;}	
}