﻿.page-head-img.head-concept{min-height:400px;background-image:url(../img/harmony/mainimg_concept01.jpg)}.page-head-img.head-concept .page-ttl{text-align:center;min-height:auto;max-width:660px;width:100%;padding:150px 0 100px;margin:0 auto;color:#211816;line-height:1}@media screen and (max-width: 576px){.page-head-img.head-concept .page-ttl{padding:100px 0 70px}}@media screen and (max-width: 576px){.page-head-img.head-concept .page-ttl-en{font-size:12vw}}.page-head-img.head-concept .page-ttl-ja{letter-spacing:0.3em;padding-left:0;margin-top:30px;font-weight:bold}@media screen and (max-width: 576px){.page-head-img.head-concept .page-ttl-ja{font-size:4vw}}@media screen and (max-width: 576px){.page-head-img.head-concept{min-height:280px}}.fadeIn{opacity:0;transform:translate(0, 100px);transition:1s}.fadeIn-child{opacity:0;transform:translate(0, 100px)}.concept-wrapper.innerP{padding-bottom:0}.concept-wrapper .btn-more{font-family:"Jost",sans-serif;background-image:linear-gradient(to right, #333 50%, #fff 50%);background-position:0 0;background-size:201% auto;transition:.3s;text-align:center;display:block;width:100%;max-width:344px;width:100%;padding:15px 0;margin:0 auto;font-size:1.6rem;letter-spacing:0.05em;position:relative;color:#fff}.concept-wrapper .btn-more::after{content:"";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:30%;right:4%}.concept-wrapper .btn-more:hover{background-position:-99% 0;color:#000}.concept-image{height:750px;background:url("../img/harmony/back_concept02.jpg") no-repeat;background-size:cover;background-position:center}@media screen and (max-width: 768px){.concept-image{height:650px;padding-top:100px}}@media screen and (max-width: 576px){.concept-image{height:600px;padding-top:100px}}.concept-image-item{position:relative;width:100%;height:100%}.concept-image-item .back-blend{display:block;position:absolute;bottom:0;right:0;width:570px;height:500px;padding:150px 50px 100px;color:#fff}@media screen and (max-width: 768px){.concept-image-item .back-blend{width:500px;height:438px;padding:130px 25px 60px}}@media screen and (max-width: 576px){.concept-image-item .back-blend{width:90%;height:400px;left:0;right:0;bottom:30px;margin:auto;padding:80px 24px 60px}}.concept-image-item .back-blend::before{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:#D1732C;mix-blend-mode:multiply}.concept-image-item .back-blend div{height:100%;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:3}.concept-image-item img{position:absolute;top:-83px;left:-68px}@media screen and (max-width: 768px){.concept-image-item img{width:80%;top:-75px;left:-55px}}@media screen and (max-width: 576px){.concept-image-item img{left:0}}.concept-image-item h2{font-size:3.6rem}@media screen and (max-width: 768px){.concept-image-item h2{font-size:3.2rem}}@media screen and (max-width: 576px){.concept-image-item h2{font-size:2.4rem}}.concept-image-item h2+p{letter-spacing:0.2em;line-height:2}@media screen and (max-width: 576px){.concept-image-item h2+p{letter-spacing:0.1em}}.concept-image:nth-child(2){background:url("../img/harmony/back_concept03.jpg") no-repeat;background-size:cover;background-position:center center}.concept-image:nth-child(2) .concept-image-item div{left:0}.concept-image:nth-child(2) img{position:absolute;top:-165px;left:110px}@media screen and (max-width: 768px){.concept-image:nth-child(2) img{width:80%;top:-110px;left:95px}}@media screen and (max-width: 576px){.concept-image:nth-child(2) img{top:-80px;left:0}}.concept-promise{padding:100px 0 160px;background-image:url(../img/harmony/mainimg_concept02.jpg)}.concept-promise .bnr-cnv{z-index:3}.concept-promise-item{display:flex;text-align:left;position:relative}@media screen and (max-width: 767px){.concept-promise-item{display:block}.concept-promise-item img{display:block;margin:0 auto}}.concept-promise-item div{position:relative;padding:0 0 73px 50px;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width: 576px){.concept-promise-item div{padding:0 0 60px}}.concept-promise-item div img{position:absolute;top:0;left:-87px}@media screen and (max-width: 767px){.concept-promise-item div img{top:-30px;left:0}}.concept-promise-item h3{margin-top:87px;font-size:3.6rem;letter-spacing:0.2em}@media screen and (max-width: 1140px){.concept-promise-item h3{letter-spacing:0.1em}}@media screen and (max-width: 768px){.concept-promise-item h3{font-size:3rem}.concept-promise-item h3 span{display:inline-block}}@media screen and (max-width: 576px){.concept-promise-item h3{font-size:2.6rem;margin-top:70px;margin-bottom:0.8em}}.concept-promise-item h3+p{letter-spacing:0.2em;line-height:2;margin-bottom:1em}@media screen and (max-width: 576px){.concept-promise-item h3+p{margin-bottom:1.8em;letter-spacing:0.1em}}.concept-promise-item .btn-more{margin:0}@media screen and (max-width: 576px){.concept-promise-item .btn-more{margin:0 auto}}.concept-promise-item:nth-child(2){max-width:900px;margin-left:auto;top:-23px}@media screen and (max-width: 768px){.concept-promise-item:nth-child(2){max-width:100%;margin:0;top:0}}.concept-promise-item:nth-child(2) div img{position:absolute;top:23px}@media screen and (max-width: 767px){.concept-promise-item:nth-child(2) div img{top:-30px;left:0}}.concept-promise-item:nth-child(3){max-width:730px;margin-left:auto;top:-46px}@media screen and (max-width: 768px){.concept-promise-item:nth-child(3){max-width:100%;margin:0;top:0}}.concept-promise-item:nth-child(3) div img{position:absolute;top:23px}@media screen and (max-width: 767px){.concept-promise-item:nth-child(3) div img{top:-30px;left:0}}
/*# sourceMappingURL=harmony.css.map */
