@charset "UTF-8";
em{background: linear-gradient(transparent 60%, #fffcbc 60%);}
.second-text img{width:100%;margin-bottom:3vw;}
.subhero img{width:100%;}

.searchlist{margin-bottom:10%;}
.searchlist .accordion{background:var(--gold);color:#fff;font-weight:bold;text-align:center;font-size:120%;position:relative;padding:2% 0;margin-bottom:0;}
.searchlist .accordion:after{content: '\f105';font-family: 'icon';position:absolute;transform:rotate(90deg);right:5%;}
.searchlist .accordion.open:after{transform:rotate(-90deg);}
.searchlist ul{border:2px solid #fff;padding:3vw;display:none;}
.searchlist a{padding: 3% 4%;margin-bottom:2%;font-weight: bold;background: url(../../images/arrow01.png) no-repeat center right 2vw,#fff;background-size: 3%;}

.about{margin-bottom:5vw;}
.about .textbox{margin-bottom:5vw;}
.about .box{background:#fff;padding:6%;}
.about .tit{color: var(--gold);font-size: 150%;font-family: var(--mincho);font-weight: 600;}
.about .mes{color:#fff;position:relative;margin: 10vw auto 10vw;}
.about .mes:before{content:"";background: url(../../images/top-about-bg.jpg) no-repeat top left;background-size: cover;width: 120%;height: 87%;position:absolute;bottom: 0;z-index:-1;left: 0;}
.about .mes:after{content:"";background: url(../../images/menu/deco02.png) no-repeat top center;background-size: contain;width: 60%;height: 35%;position:absolute;z-index:0;right: -12vw;top: 0vw;}
.about .mes img{width: 75%;position: absolute;left: -12vw;top: -6vw;}
.about .mes .initem{padding: 64vw 0 12vw 8vw;font-family:var(--mincho);}
.about .mes .ttl{font-size: 5.4vw;font-weight:bold;margin-bottom:12vw;position:relative;}
.about .mes .ttl:before{content:"";width:25%;height:1px;background:#fff;position:absolute;bottom:-6vw;}
.about .mes .ttl span{color:#f7e7cb;font-size: 4vw;font-family: "Cormorant Garamond";font-optical-sizing: auto;font-weight: 400;display:block;}

.effect{background:#fff;padding:6%;margin-bottom: 12vw;}
.effect .box{border:1px solid #d3c7b1;padding:6%;margin:5vw auto 0;}
.effect dt{background:var(--black);color:#fff;font-weight:bold;text-align:center;padding: 2% 2%;margin-bottom:2%;line-height: 1.4;}
.effect .box dl:nth-child(1) {margin-bottom:5%;}
.effect .box dl:nth-child(1) dt{background:var(--gold);}
.effect .tit{ color: var(--gold);font-size: 120%;font-family: var(--mincho); font-weight: 600; }

.case{margin-bottom:15vw;}
.case .tbl01 th{width: 24%;}
.case .num{color:var(--gold);font-weight:bold;text-align:center;line-height:1;margin-bottom:2vw;}
.case .accordion{background:var(--gold);color:#fff;font-weight:bold;text-align:center;font-size:120%;position:relative;padding:2% 0;}
.case .accordion:after{content: '\f105';font-family: 'icon';position:absolute;transform:rotate(90deg);right:5%;}
.case .accordion.open:after{transform:rotate(-90deg);}
.case .tbl01{display:none;}
.case li a{font-size:120%;background: var(--black);color: #fff;text-align: center;padding: 2%;position: relative;}
.case li a:after{content: '\f105';font-family: 'icon';right:5%;position:absolute;}

.price {margin-bottom:15vw;}
.price .subtit{background:var(--black);color:#fff;font-weight:bold;padding:2% 4%;margin-bottom:0;}
.price .listitem >li{margin-bottom: 5vw;} 
.price .items li{padding: 0 3%;line-height: 2.4;}
.price .items li:nth-last-child(1){border:none;}
.price .items span{font-size:88%;}
.price .items b{font-size:130%;display: inline-block;margin: 0 0.5vw;}
.price .items .monitor{background: #fff1f1;color: #e72e2e;}
.price .items .set{background: #fffcf2;color: #8e6e35;}

.flow{margin-bottom:10vw;}
.flow .midashi03{margin-bottom:0;}
.flow ul{position:relative;}
.flow ul:before{content:"";background:#ebd3a9;width:3vw;height:90%;position:absolute;}
.flow li{background:#fff;padding:5%;margin-bottom:3vw;position:relative;}
.flow li .tit{font-family: var(--mincho);font-weight: 600;font-size: 4.5vw;margin-bottom: 4%;padding: 0 0 3% 24%;border-bottom: 1px dashed #ccc;position:relative;line-height: 1.4;}
.flow li .tit span{background:var(--gold02);color:var(--gold);padding:2% 3%;display:inline-table;font-size:3vw;line-height:1;border-radius:30px;position:absolute;left:0;}

.info .midashi03{margin-bottom:0;}
.combination{margin-bottom:15vw;}
.combination .textbox{margin-bottom:5vw;}
.combination .ttl{background:var(--gold);font-weight:bold;color:#fff;padding:2% 4%;margin-bottom:0;}
.combination .subtit{border-bottom:1px solid #ccc;font-family: var(--mincho);font-weight: 600;font-size: 5vw;padding-bottom: 2%;position:relative;}
.combination .subtit:before{content:"";width:25%;height:2px;background: var(--gold);position:absolute;bottom:-1px;left:0;}
.combination ul{background:#fff;padding:5%;margin-bottom:3%;}
.combination li{position:relative;padding:0 0 0 5%;}
.combination li:before{content: '\f058';font-family: 'icon';position:absolute;left:0;color:var(--gold);}
.combination .boxin ul{padding:1% 3%;}

.voice{border:1px solid #ccc;padding: 0 6% 4% 6%;margin-bottom:12vw;}
.voice .title{text-align:center;margin-bottom: 5%;}
.voice .title span{color: var(--gold);font-size: 11vw;font-family: "Cormorant Garamond";font-optical-sizing: auto;font-weight: 400;letter-spacing: 0.2vw;display: table;line-height: 1;background: #efeae1;margin: -6vw auto 0;position: relative;padding: 0 9%;}
.voice li{background:#fff;padding:5%;margin-bottom:4%;}
.voice li .name{background:var(--gold);color:#fff;font-weight:bold;margin-bottom:2%;padding: 1% 4%;position:relative;border-radius: 40px;}
.voice li .name:before{content: '\f075';font-family: 'icon';margin: 0 1.5vw 0 0;display: inline-block;}

.peculiarity {margin-bottom:10%;}
.peculiarity .pic{position:relative;}
.peculiarity .pic span{font-size: 19vw;font-family: "Cormorant Garamond";font-optical-sizing: auto;font-weight: 400;position:absolute;bottom: -3vw;line-height:1;right:0;color:#fff;}
.peculiarity img{width:70%;}
.peculiarity .textbox{background: url(../../images/top-about-bg.jpg) no-repeat top center;background-size: 100vw, cover;padding: 21% 8% 8% 8%;color:#fff;margin: -15vw auto 0;}
.peculiarity .textbox .title{font-family: var(--mincho);font-weight: 600;font-size:5vw;margin-bottom:2vw;}
.peculiarity .textbox li{background:#ffffffcf;padding: 2% 3% 2% 9%;margin-bottom:3%;color:var(--black);line-height:1.4;position:relative;font-weight: bold;}
.peculiarity .textbox li:before{content: '\f058';font-family: 'icon';position:absolute;left: 2%;color:var(--gold);}

/* ============================================= pc
================================================*/
@media screen and (min-width: 736px) { 
.second-text{padding-top:50px;}
.subhero{background: url(../../images/menu/skin/hifu/pc-subhero.jpg) center left -380px;padding: 220px 0;background-size: cover;}
  
.searchlist{margin-bottom:40px;}
.searchlist .accordion{display:none;}
.searchlist ul{display:block;padding: 0;border: none;text-align: left;}
.searchlist li{display:inline-block;}
.searchlist a{padding: 5px 36px 5px 10px;margin: 0 5px 8px 0;background: url(../../images/arrow01.png) no-repeat center right 8px, #fff;background-size: 10px;}

.about{margin-bottom:30px;}
.about .mes img{width:500px;left: -100px;top: -40px;}
.about .mes .initem{padding: 500px 20px 80px 50px;}
.about .mes .ttl{font-size:40px;line-height: 1.3;}
.about .mes .ttl span{font-size:24px;}
.about .mes:before{left: 10px;}
.about .mes:after{right: -40px;width: 340px;top: 110px;}
  
.case{margin-bottom:100px;}
.case ul{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.case li{width:49%;}
.case .accordion{display:none;}
.case .tbl01{display:block;margin-bottom: 30px;}
.case .tbl01 th, .case .tbl01 td{padding:10px;font-size:85%;}
.case .num{margin-bottom:10px;}
.case li a{padding:10px;}
.tbl01 .att{margin-top:10px;}

.price {margin-bottom:100px;}
.price .subtit{padding:10px 20px;}
.price .items li{padding: 0 20px;}

.flow{margin-bottom:80px;}
.flow ul:before{width:20px;}
.flow li{padding:30px;margin-bottom: 16px;}
.flow li .tit{font-size: 24px;padding: 0 0 18px 110px;margin-bottom: 18px;}
.flow li .tit span{font-size:15px;padding:8px 20px;}

.combination{margin-bottom:100px;}
.combination .subtit{font-size:30px;}
.combination ul{text-align:left;}
.combination li{display:inline-block;padding: 0 0 0 18px;margin:0 14px 5px 0;}

.voice{margin-bottom:80px}
.voice .title{margin-bottom:30px;}
.voice .title span{font-size:50px;margin-top: -20px;}
.voice ul{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.voice li{width:33%;padding:25px;margin-bottom:0;}
.voice li .name{text-align:center;margin-bottom:10px;}
.voice li .name:before{margin-right:10px;}

.peculiarity .pic span{font-size: 100px;bottom: -18px;right: inherit;left: 20px;}
.peculiarity .textbox{padding: 125px 30px 70px 30px;margin: -140px auto 0;}
.peculiarity .textbox .title{font-size: 26px;margin-bottom: 30px;}
.peculiarity .textbox li{padding:10px 10px 10px 30px;margin-bottom:10px;}
.peculiarity .textbox li:before{left:10px;}
}

@media screen and (min-width: 1000px) {
.midashi04{padding:10px 20px;margin-bottom:20px;}
.about > img{display:inline-block;width:45%;margin-bottom: 0;max-width: 500px;}
.about .textbox{display:inline-block;width: 48%;margin: 0 0 0 5%;vertical-align:top;}
.about .box{padding: 50px;margin: 40px 0 0 0;}
.about .box img{width: 650px;margin: 0 auto 30px;}
.about .mes{margin: 70px 0;}
.about .mes img{left:inherit;right: -110px;}
.about .mes:after{top: 410px;width: 380px;height: 450px;}
.about .mes:before{height:100%;left:0;}
.about .mes .initem{padding: 60px 50px;}
.about .mes p{width: 62%;}
.about .mes .ttl{margin-bottom:80px;width: 100%;}
.about .mes .ttl:before{bottom:-40px;width:100px;}

.effect{padding: 50px;margin-bottom: 60px;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;align-items: start;}
.effect img{width:45%;order:2;margin-bottom: 0;}
.effect .textbox{width:52%;order:1;}
.effect .box{border:none;padding:0;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;width:100%;order:3;margin: 40px 0 0 0;}
.effect .box dl{width:49%;}

.case li{width:48%;}
.case li img{margin: 0 auto 20px;}

.info{margin-bottom:100px;}
.info .tbl01{margin-bottom:30px;}
  
.price .listitem >li{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;margin-bottom: 7px;border: 1px solid #ccc;background: #555;}
.price .subtit{width:25%;background: no-repeat;text-align: left;}
.price .listitem .items{width:75%;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: end;justify-content: end;background: #fff;}
.price .listitem .items li{width: calc(100%/3);background: #fff;border: none;line-height: 1.4;padding: 17px 10px;text-align: center;border-right: 1px solid #ccc;}
.price .listitem .items li:nth-last-child(1){border:none;}
.price .items b{margin:0;}
.price .listitem .items i{display:block;background: #e6e6e6;width: 80%;margin: 0 auto;border-radius: 30px;}
.price .listitem .items li.set{background:#fffcf2;}
.price .listitem .items li.monitor{background:#fff1f1;}
.price .listitem .items li.set i{background:#ab9773;color:#fff;}
.price .listitem .items li.monitor i{background:#e73030;color:#fff;}

.combination{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;}
.combination .midashi04{width:100%;}
.combination img{width:100%;}
.combination .textbox{width:52%;margin-bottom: 30px;}
.combination .subtit{font-size: 26px;}
.combination .recombox{width:100%;}
.combination .ttl{padding: 6px 20px;}
.combination ul{padding:20px;margin-bottom: 20px;}
.combination .boxin{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;align-items: start;margin-bottom: 30px;}
.combination .boxin ul{padding:5px 15px;}
.combination .boxin a{margin:0 0 0 0;}
.combination .boxin>a,.combination>a,.combination img.no-link{width:45%;}

.peculiarity {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;align-items: start;position:relative;}
.peculiarity .pic{width:45%;}
.peculiarity .pic img{width:100%;}
.peculiarity .textbox{width:55%;background: no-repeat;margin: 0 0 0 0;position:relative;}
.peculiarity:before{content:"";width: 70%;top: 14%;right:0;height: 85%;background: url(../../images/top-about-bg.jpg) no-repeat top center;background-size: 100%, cover;position: absolute;}
.peculiarity .pic span{left:0;bottom: -60px;}
}

@media screen and (min-width: 1200px) {
.subhero{background: url(../../images/menu/skin/hifu/pc-subhero.jpg) center top;background-size: 2000px;}
.about .mes:before{width:100%;}
.about .mes p{width:100%;font-size:108%;}
.about .mes img{width:395px;right: -20px;}
.about .mes:after{width: 320px;top: 320px;right: 20px;}

}
  /* retina用 ----------------------------------------------- */ 
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) { 
.subhero{background: url(../../images/menu/skin/hifu/pc-subhero@2x.jpg) center left -380px;background-size: cover;}
}
@media screen and (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 1200px) and (min-resolution: 2dppx) { 
.subhero{background: url(../../images/menu/skin/hifu/pc-subhero@2x.jpg) center top;background-size: 2000px;}
}