/* 横幅設定
--------------------------------*/

/* 横幅1500pxして中央(margin:auto) */
.width-1500px{ 
	width:95%;
	max-width:1500px;
	margin:0 auto;
}

/* 横幅1200pxして中央(margin:auto) */
.width-1200px{ 
	width:90%;
	max-width:1200px;
	margin:0 auto;
}

/* フォント
--------------------------------*/
/* Futura PT：Medium */
.f-futura-m{
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: normal;
}

/* Futura PT：Demi */
.f-futura-d{
	font-family: futura-pt, sans-serif;
	font-weight: 600;
	font-style: normal;
}

/* FOT-筑紫B丸ゴシック Std B */
.f-chikushi-b{
	font-family: fot-tsukubrdgothic-std, sans-serif;
	font-weight: 700;
	font-style: normal;
}

/* 子ページ用の設定
--------------------------------*/
.page-title-container{
	position:relative;
	margin-top:110px;
	width:100%;
	height:550px;
	background-color: #000;
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: center;
}

.page-head-container{
	position:relative;
	height:50px;
	background-color:#fbf7ea;
}

.page-head-container .page-title-box{
	display: inline-block;
	position: absolute;
	z-index: 1;
	width: 1000px;
	height: 100px;
	bottom: 0;
	left: 0;
}

.page-head-container .page-title-box::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	transform: scaleY(1.07) perspective(50px) rotateX(2deg);
	transform-origin: bottom left;

	background: linear-gradient(to left, #ffaa54, #eb7500);
}

.page-head-container .page-title-box .page-title-box-container{
	display:flex;
	align-items: center;
	padding-left: 20rem;
	height: 100px;
}

.page-head-container .page-title-box .page-title-box-container .sub-title{
	color:#FFF;
	font-size:4.5rem;
	letter-spacing: .05em;
}

.page-head-container .page-title-box .page-title-box-container h1{
	color:#FFF;
	font-size:2rem;
	margin-left: 2rem;
}

.page-wrap{
	position:relative;
}

.ecocute-box{
	position: relative;
	display: flex;
}

.ecocute-txt{
	width:95%;
	height:560px;
	background-color:#faf6e9;
}

.ecocute-txt p{
	width:47%;
	height:295px;
	margin: 12rem 10rem;
	line-height: 2.2;
	letter-spacing: .1em;
}

.ecocute-image{
	width:40%;
	height:458px;
	position: absolute;
	right: 0;
	bottom: 3rem;
}

.ecocute-image img{
	width:100%;
	height:auto;
}

.speech-bubble{
	position: relative;
	width: 75%;
	margin: 0 auto;
	padding: 10rem 0;
}

.speech-bubble .bubble-title{
	background-color:#eb7500;
	border-radius:5rem;
	color:#fff;
	font-size:3.5rem;
	font-weight:600;
	text-align: center;
	position: relative;
	letter-spacing: .05em;
	height: 75px;
	line-height: 0.9;
}

.bubble-title::after{
	content: "";
	position: absolute;
	top: 95%;
	left: 50%;
	border: 15px solid transparent;
	border-top-color: transparent;
	border-top-style: solid;
	border-top-width: 20px;
	border-top-color: transparent;
	border-top-style: solid;
	border-top-width: 20px;
	border-top-color: transparent;
	border-top-style: solid;
	border-top-width: 20px;
	border-top-color: transparent;
	border-top-style: solid;
	border-top-width: 20px;
	border-top-color: transparent;
	border-top-style: solid;
	border-top-width: 15px;
	border-top-color: transparent;
	border-top-style: solid;
	border-top-width: 15px;
	border-top-color: transparent;
	border-top-style: solid;
	border-top-width: 15px;
	border-top: 16px solid #eb7500;
}

.bubble-title span{
	font-size:6rem;
	color:#007BEC;
	text-shadow: 3px 3px 0 #FFF, -1px -1px 0 #FFF, -1px 3px 0 #FFF, 3px -1px 0 #FFF, 0px 3px 0 #FFF, 0 -1px 0 #FFF, -1px 0 0 #FFF, 3px 0 0 #FFF;
	padding: 0 0.5rem;
}

.speech-bubble .appeal-mark{
	width:8%;
	position:absolute;
	top: 8rem;
	right: -3rem;
}

.tel-box{
	border: solid 3px #eb7500;
	padding: 4rem 5rem;
	position: relative;
}

.tel-box::before,
.tel-box::after {
	position: absolute;
	content: "";
	display: block;
	background-color: #faf6e9;
}

.tel-box::before {
	top: -3px;
	bottom: -3px;
	left: 50px;
	right: 50px;
}

.tel-box::after {
	top: 50px;
	bottom: 50px;
	left: -3px;
	right: -3px;
}

/* 余白関係
--------------------------------*/

/* 上下に5remずつpadding */
.sec-wrap-p5{ 
	padding:5rem 0;
}

/* 上下に10remずつpadding */
.sec-wrap-p10{ 
	padding:10rem 0;
}

/* 上下に5remずつmargin */
.sec-wrap-m5{ 
	margin-top:5rem;
	margin-bottom:5rem;
}

/* 上下に10remずつmargin */
.sec-wrap-m10{ 
	margin-top:10rem;
	margin-bottom:10rem;
}

/* 上下に5remずつmargin */
.sec-wrap-m5{ 
	margin-top:5rem;
	margin-bottom:5rem;
}

/* 上「のみ」10rem margin */
.sec-wrap-m-t10{
	margin-top:10rem;
}

/* 上「のみ」5rem margin */
.sec-wrap-m-t5{
	margin-top:5rem;
}

/* 上「のみ」3rem margin */
.sec-wrap-m-t3{
	margin-top:3rem;
}

/* 上「のみ」2rem margin */
.sec-wrap-m-t2{
	margin-top:2rem;
}

/* 下「のみ」5rem margin */
.sec-wrap-m-b5{
	margin-bottom:5rem;
}

/* 蛍光ペン（spanにclass指定して使用）
--------------------------------*/
.marker-yellow{
	background:linear-gradient(transparent 70%, #ffed43 80%);
}

.line-yellow{
	background:linear-gradient(transparent 60%, #ffe461 60%);
}

/* 強制改行(主にspanに使用)
--------------------------------*/
.pc-br{
	display:block;
}

.sp{
	display:none;
}

/* タイトル関係
--------------------------------*/
.home-title h2{
	font-size:4.5rem;
	color:#eb7500;
	text-align:center;
	letter-spacing: .1em;
	line-height: 1.6;
	position: relative;
	margin:10rem auto;
	width: 20%;
	font-family: futura-pt, sans-serif;
	font-weight: 600;
	font-style: normal;
}

.home-title h2::before,
.home-title h2::after{
	content:"";
	width:141px;
	height:2px;
	background-color:#262626;
	display: inline-block;
	position: absolute;
	top: 3.5rem;
}

.home-title h2::before{
	left:33rem;
}

.home-title h2::after{
	right:33rem;
}

.home-title h2 span{
	font-size:2rem;
	color:#000;
	display: block;
}

.c-title{
	font-size:4rem;
	font-weight:500;
	position:relative;
	margin: 0 0 -3.5rem 10rem;
	z-index: 1;
	letter-spacing: .05em;
}

.c-title::after{
	position: absolute;
	bottom: -35px;
	left: 0;
	box-sizing: border-box;
	border-radius: 2em;
	content: "";
	height: 3px;
	width: 60px;
	background: linear-gradient(to right, #ffc554, #eb7500);
}

.c-head-title{
	font-size:3.8rem;
	color:#ec7500;
	text-align:center;
	letter-spacing: .05em;
	line-height: 1.6;
	position:relative;
	font-family: futura-pt, sans-serif;
	font-weight: 600;
	font-style: normal;
}

.c-head-title::after{
	position: absolute;
	bottom: -40px;
	box-sizing: border-box;
	border-radius: 2em;
	content: "";
	height: 3px;
	width: 60px;
	background: linear-gradient(to right, #ffc554, #eb7500);
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.c-head-title span{
	display:block;
	font-size:2rem;
	color:#262626;
	font-weight: 500;
}

.c-sab-title{
	font-size:3.5rem;
	font-weight:600;
	letter-spacing:.1em;
	background-color:#eb7500;
	text-align:center;
	border-radius:4rem;
	color: #fff;
	width: 620px;
	margin: -4rem auto 8rem;
}

.c-sab-title span{
	font-size:2.2rem;
	display:block;
}

.arrow-catch::before,
.arrow-catch::after{
	position: absolute;
	top: 100%;
	left: 50%;
	content: "";
	height: 0;
	width: 0;
}

.arrow-catch::before{
	border: 12px solid;
	border-top-color: currentcolor;
	border-right-color: currentcolor;
	border-bottom-color: currentcolor;
	border-left-color: currentcolor;
	border-top-color: currentcolor;
	border-right-color: currentcolor;
	border-bottom-color: currentcolor;
	border-left-color: currentcolor;
	border-color: transparent;
	border-top-color: transparent;
	border-top-color: transparent;
	border-top-color: #eb7500;
	margin-left: -14px;
}

.arrow-catch::after{
	border: 8px solid;
	border-top-color: currentcolor;
	border-right-color: currentcolor;
	border-bottom-color: currentcolor;
	border-left-color: currentcolor;
	border-top-color: currentcolor;
	border-right-color: currentcolor;
	border-bottom-color: currentcolor;
	border-left-color: currentcolor;
	border-color: transparent;
	border-top-color: transparent;
	border-top-color: transparent;
	border-top-color: #fff;
	margin-left: -10px;
}

/*
Theme Name:housepartners2022
Theme URL:https://house-partners.jp
Description:株式会社ハウスパートナーズ
Author: RANA
Version: 1.2

*/

/* base
--------------------------------*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html{
	font-size:62.5%;
}

@media screen and (min-width:641px) and ( max-width:1280px) {
	html {
	font-size: 50%;
	}
}

body{
	font-family:"Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, Lato, Arial, "MS P Gothic", "MS Pゴシック", sans-serif;
	font-size:1.6rem;
	margin:0;
	padding: 0;
	line-height: 2;
	font-weight: 400;
	color:#262626;
	position: relative;
	counter-reset: number 0;
}

ul,li{
	margin:0;
	padding:0;
	list-style: none;
}

a{
	text-decoration: none;
	color:#262626;
}

a:hover {
	transition:0.5s;
	-webkit-transition:0.5s;
	-ms-transition:0.5s;
	-moz-transition:0.5s;
	opacity: 0.7;
}

img {
	image-rendering: -webkit-optimize-contrast;
}

p{
	padding:0;
	margin: 0;
	font-size: 1.6rem;
}

h1{
	margin:0;
	padding:0;
	font-size: 1rem;
	font-weight: 400;
}

.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

.breadcrumbs {
	font-size: 1.4rem;
	border-collapse: collapse;
	color:#262626;
	width: 100%;
	max-width: calc(100% - 1000px);
	display: flex;
	justify-content: end;
	margin-left: auto;
	height: 50px;
	line-height: 50px;
	padding-right: 25px;
	align-items: baseline;
}

.breadcrumbs a{
	color: #262626;
}

.breadcrumbs a:hover{
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	opacity: 0.7;
}

.breadcrumbs .fa-house{
	color:#EB7500;
	margin-right:1rem;
}

.breadcrumbs span{
	padding: 0 1rem;
}

.breadcrumbs .now-page{
	color: #303030;
}

.wp-pagenavi {
	clear: both;
	text-align:center;
	font-size: 1.8rem;
}

.wp-pagenavi a,
.wp-pagenavi .current{
	color:#eb7500;
	text-decoration: none;
	display: inline-block;
	margin: 0 0.5rem;
}

.wp-pagenavi span,
.wp-pagenavi a{
	width: 40px;
	height: 40px;
	line-height: 40px;
}

.wp-pagenavi .current{
	background-color: #eb7500;
	color: #FFF;
	border: none;
	border-radius: 5px;
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink{
	position:relative;
	background-color: #ffd488;
	border-radius: 5px;
}

#page-top a{
	display: block;
	position: fixed;
	bottom: 60px;
	right: 60px;
	z-index: 900;
	width: 90px;
	height: 90px;
}

#page-top a img{
	width:100%;
	height:auto;
}


/* header
--------------------------------*/
header{
	position:relative;
	z-index: 800;
	height: 110px;
	width: 100%;
}

.header-container{
	max-width:1500px;
	width:95%;
	margin:0 auto;
	height:110px;
	position:relative;
	border-top:3px solid #ffbf00;
	background-color:#FFF;
	box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.15);
	border-radius: 0 0 15px 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 220px 0 55px;
	transition: .3s;
}

.header-container .header-info{
	margin:0;
}

.header-container .header-info .header-desc{
	font-size:1rem;
	line-height:1;
	margin-bottom: 1rem;
}

.header-container .header-info .logo{
	display:block;
	width:295px;
}

.header-container .header-info .logo img{
	width:100%;
	height:auto;
}

.header-container .head-tel{
	background-color:#eb7500;
	border-radius: 0 0 15px 0;
	text-align:center;
	width: 220px;
	height: 107px;
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px;
	line-height: 1.5;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.header-container .head-tel > p{
	color:#FFF;
	font-weight:500;
}

.header-container .head-tel .catch{
	font-size:1.6rem;
	width: 100%;
}

.header-container .head-tel .tel{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.header-container .head-tel .tel i{
	color:#FFF;
	font-size: 2rem;
	margin-right: 0.5rem;
}

.header-container .head-tel .tel span{
	font-size:2.6rem;
	font-weight:700;
}

.header-container .head-tel .time{
	font-size:1.4rem;
	width: 100%;
}

.follow{
	position: fixed;
	top: 0;
}

.follow .header-container{
	max-width: 100%;
	border-radius:0px;
	width: 100%;
}

.follow .header-container .head-tel{
	border-radius: 0px;
}

/* navi
--------------------------------*/
#nav-drawer{
	width: 70%;
}

#nav-drawer #nav-btn{
	display:none;
}

#nav-drawer .nav-content > nav > ul{
	display:flex;
	justify-content:space-between;
	width:100%;
}

#nav-drawer .nav-content > nav > ul > li{
	display: inline-block;
	flex: 1 1 auto;
	height: 110px;
}

#nav-drawer .nav-content > nav > ul > li > a,
#nav-drawer .nav-content > nav > ul > li > p{
	display:block;
	position: relative;
	border-right: 1px solid #c1c1c1;
}

#nav-drawer .nav-content > nav > ul > li:last-child > a{
	border-right:none;
}

#nav-drawer .nav-content > nav > ul > li > .nav-name{
	font-size:1.6rem;
	font-weight:500;
	text-align:center;
	letter-spacing: .1em;
	color:#262626;
	margin: 45px 0;
	height: 20px;
	line-height: 1;
	position: relative;
}

#nav-drawer .nav-content > nav > ul > li > .nav-name i{
	margin:0;
	position: absolute;
	top: 35px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	font-size: 1.4rem;
}


#nav-drawer .nav-content > nav > ul > li > .nav-name:hover{
	color:#eb7500;
}

#nav-drawer .nav-content > nav > ul > .trigger{
	margin:0;
}

#nav-drawer .nav-content > nav > ul > .trigger .mega{
	visibility: hidden;
	position: absolute;
	width: 100%;
	padding: 4rem 0;
	line-height: 2.5;
	top: 95px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	border-radius: 0 0 15px 15px;
	background-color: #ffc454;
	height: 340px;
	z-index: -100;
}

#nav-drawer .nav-content > nav > ul > .trigger:hover .mega{
	visibility: visible;
}

#nav-drawer .nav-content > nav > ul > .trigger:hover .mega > p{
	font-size:1.6rem;
	text-align: center;
	color: #FFF;
	letter-spacing: .2em;
	line-height: 1;
	margin-bottom: 25px;
}

#nav-drawer .nav-content > nav > ul > .trigger:hover .mega > p > span{
	font-size:2.9rem;
	letter-spacing: .1em;
}

#nav-drawer .nav-content > nav > ul > .trigger:hover .mega ul{
	display: flex;
	justify-content: space-evenly;
	width: 1100px;
	margin: 0 auto;
}

#nav-drawer .nav-content > nav > ul > .trigger:hover .mega ul li{
	width: 250px;
}

#nav-drawer .nav-content > nav > ul > .trigger:hover .mega ul li a{
	display: block;
	background-color: #FFF;
	border-radius: 15px;
	line-height: 0;
}

#nav-drawer .nav-content > nav > ul > .trigger:hover .mega ul li a img{
	width: 100%;
	height: auto;
	border-radius: 15px 15px 0 0;
}

#nav-drawer .nav-content > nav > ul > .trigger:hover .mega ul li a p{
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: .1em;
	width: 100%;
	position: relative;
	padding: 1rem;
	line-height: 2;
}

#nav-drawer .nav-content > nav > ul > .trigger:hover .mega ul li a p i{
	font-size: 1.8rem;
	color: #eb7500;
	position: absolute;
	top: 50%;
	right: 1rem;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.follow #nav-drawer{
	width:60%;
}

.follow #nav-drawer .nav-content > nav > ul > .trigger .mega{
	top: 95px;
}

/* footer
--------------------------------*/
footer{
	position:relative;
	background-color:#EB7500;
}

.footer-contact{
	background-color:#EDEDED;
	padding: 10rem 0;
}

.footer-contact .contact-contents{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	background-color: #FFF;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
	border-radius: 15px;
	position: relative;
	height: 430px;
}

.footer-contact .contact-contents img{
	width:auto;
	height:430px;
	border-radius: 15px 0 0 15px;
}

.footer-contact .contact-contents .contact-txt{
	width: 450px;
	position: absolute;
	top: 50%;
	right: 7.5rem;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	text-align: center;
}

.footer-contact .contact-contents .contact-txt .title{
	font-size:2rem;
	letter-spacing: .1em;
	margin-bottom: 3.5rem;
}

.footer-contact .contact-contents .contact-txt .title span{
	display:inline-block;
	font-weight:500;
	font-size:2.8rem;
	border-bottom:3px solid #ffc454;
}

.footer-contact .contact-contents .contact-txt .tel{
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	justify-content: center;
	line-height: 1;
	margin-bottom: 2.5rem;
}

.footer-contact .contact-contents .contact-txt .tel i{
	color:#eb7500;
	font-size: 4rem;
	margin-right: 1rem;
}

.footer-contact .contact-contents .contact-txt .tel span{
	font-weight:700;
	font-size:5.5rem;
}

.footer-contact .contact-contents .contact-txt .time{
	font-weight:500;
	font-size:1.8rem;
	text-align:center;
	letter-spacing: .1em;
	margin-bottom: 3rem;
}

.footer-contact .contact-contents .contact-txt a{
	font-weight:500;
	font-size:2rem;
	text-align:center;
	background: linear-gradient(to right, #ffc454, #eb7500);
	border-radius: 40px;
	color: #FFF;
	height: 70px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	padding-left: 3rem;
}

.footer-contact .contact-contents .contact-txt a .fa-envelope{
	font-size: 3rem;
}

.footer-contact .contact-contents .contact-txt a .fa-chevron-right{
	font-size: 1.6rem;
}

.footer-container{
	padding:5rem 0;
	display:flex;
}

.footer-container .footer-info{
	width:270px;
	color:#FFF;
}

.footer-container .footer-info .catch{
}

.footer-container .footer-info a{
	display:block;
}

.footer-container .footer-info a img{
	width:100%;
	height:auto;
}

.footer-container .footer-info .company{
	font-size:1.8rem;
	font-weight:500;
}

.footer-container .footer-info .address{
	font-size:1.6rem;
	line-height: 1.5;
}

.footer-container > ul{
	width:calc(100% - 300px);
	display: flex;
	justify-content: space-between;
	margin-left: auto;
	align-items: flex-start;
	padding-top: 2rem;
}

.footer-container > ul > li{
	position:relative;
	width: 25%;
}

.footer-container > ul > li > a,
.footer-container > ul > li > p{
	color:#FFF;
	font-weight:500;
	font-size:1.6rem;
}

.footer-container > ul > li > a > i,
.footer-container > ul > li > p > i{
	color:#FFF;
	margin-right: 1rem;
}


.footer-container > ul > li > ul{
	position: absolute;
	left: 2rem;
	width: 200px;
	line-height: 2;
}

.footer-container > ul > li > ul > li{
	position:relative;
}

.footer-container > ul > li > ul > li:before{
	content:"-";
	color:#FFF;
}

.footer-container > ul > li > ul > li > a{
	font-size:1.3rem;
	font-weight:400;
	color: #FFF;
	padding-left: 1rem;
}

.copy{
	background-color:#54483D;
	width:100%;
	height:50px;
}

.copy p{
	color:#FFF;
	font-size:1.5rem;
	text-align:center;
	line-height: 50px;
	letter-spacing: .1em;
}

.service-navi{
	display:flex;
	height:310px;
}

.service-navi li{
	width:25%;
}

.service-navi li a{
	position:relative;
	display:block;
	outline: 2px solid #FFF;
	outline-offset: -8px;
	background-size:cover;
	height: 310px;
	text-align: center;
}

.service-navi li a:after{
	content: "";
	position: absolute;
	bottom: 11px;
	right: 11px;
	width: 0;
	height: 0;
	border-bottom: 16px solid #FFF;
	border-left: 16px solid transparent;
}

.service-navi li a p{
	font-weight:700;
	font-size:1.6rem;
	color:#FFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width: 80%;
	letter-spacing: .1em;
}

.service-navi li a p span{
	font-size:2.5rem;
	color:#e89700;
	display: block;
}

.service-navi li .ecocute{
	background-image: url(./img/home-service1.jpg);
}

.service-navi li .solar{
	background-image: url(./img/home-service2.jpg);
}

.service-navi li .ultrafinebubble{
	background-image: url(./img/home-service3.jpg);
}

.service-navi li .switlebody{
	background-image: url(./img/home-service5.jpg);
}

/* home
--------------------------------*/
#mainvisual{
	width:100%;
	height:800px;
	position: absolute;
	top: 0;
	z-index: -500;
}

#mainvisual .mainvisual-txt{
	width: 95%;
	max-width: 1500px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: 1;
}

#mainvisual .mainvisual-txt .title{
	font-size: 5.6rem;
	letter-spacing: .025em;
	line-height: 1;
	text-shadow: #fff 0 0 10px,#fff 0 0 10px;
}

#mainvisual .mainvisual-txt .title span{
	display: block;
	color: #eb7500;
	font-size: 2.2rem;
	margin-top: 30px;
	text-shadow: none;
}

#mainvisual .mainvisual-txt .catch{
	position:relative;
	font-size: 2.6rem;
	font-weight: 500;
	margin-top: 40px;
	letter-spacing: .05em;
}

#mainvisual .mainvisual-txt .catch:after{
	content:"";
	width:170px;
	height:4px;
	background-color:#ffc454;
	display: block;
	border-radius: 10px;
	margin-top: 30px;
}

#vegas{
	width:100%;
	height:800px;
	position: absolute;
	top: 0;
}

.home-attempt{
	padding-top:800px;
}

.home-attempt .attempt-box{
	display:flex;
	margin: 10rem 0 22rem;
	position: relative;
}

.home-attempt .attempt-box .attempt-image{
	max-width:1090px;
	height:640px;
	position:relative;
	width: 70%;
}

.home-attempt .attempt-box .attempt-image::before{
	content:"Corporate Initiatives";
	color:#d1d1d1;
	font-size:2.2rem;
	writing-mode: vertical-rl;
	position:absolute;
	right:-40px;
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: normal;
}

.home-attempt .attempt-box .attempt-image::after{
	content:"";
	position: absolute;
	z-index: 1;
	right: -16px;
	height: 80px;
	top: 20rem;
	width: 2px;
	background-color: #d1d1d1;
}

.home-attempt .attempt-box .attempt-image img{
	width:100%;
	height:auto;
}

.home-attempt .attempt-box .attempt-txt{
	max-width:960px;
	background-color:#fff;
	border-radius:2rem;
	position:absolute;
	bottom: -14rem;
	right: 0;
	padding: 5rem 7rem;
	color: #262626;
	width: 70%;
}

.home-attempt .attempt-box .attempt-txt .attempt-title{
	font-size:3rem;
	position: relative;
	margin-bottom: 4rem;
	font-weight: 500;
	z-index:1;
	border-radius:2em;
	letter-spacing: .1em;
}

.home-attempt .attempt-box .attempt-txt .attempt-title::before{
        position:absolute;
        bottom:-15px;
        left:0;
        z-index:-1;
        box-sizing:border-box;
        border-radius:2em;
        content:"";
        height:3px;
	width:60px;
	background:linear-gradient(to right, #ffc554, #eb7500);
}

.home-attempt .attempt-box .attempt-txt p{
	font-size:1.4rem;
	width: 664px;
}

.home-service{
	margin-bottom:15rem;
}

.home-works{
	background-color:#fcf8eb;
	padding:10rem;
	margin-bottom:15rem;
}

.home-works .home-title h2::before{
	left:27rem;
}

.home-works .home-title h2::after{
	right:27rem;
}

.home-works .home-button{
	margin:0 auto;
	width: 450px;
	position: relative;
}

.home-works > ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.home-works > ul:after{
	content:"";
	display: block;
	width:30%;
}

.home-works > ul > li{
	position:relative;
	width:30%;
	background-color:#FFF;
	border-bottom:3px solid #eb7500;
	margin-bottom:8rem;
	padding-bottom: 3rem;
}

.home-works > ul > li .work-image{
	width:100%;
	height:230px;
	line-height:0;
}

.home-works > ul > li .work-image img{
	width:100%;
	height:230px;
	object-fit: cover;
}

.home-works > ul > li .work-info{
	position: relative;
	margin: 3rem;
}

.home-works > ul > li .work-info .date{
	font-size: 1.2rem;
	color: #eb7500;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 1;
	margin-bottom: 1.5rem;
}

.home-works > ul > li .work-info h3{
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 1.5rem;
}

.home-works > ul > li .work-info .excerpt{
	font-size: 1.4rem;
	margin-bottom: 1.5rem;
}

.home-works > ul > li .work-info .construction{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-bottom: 1rem;
}

.home-works > ul > li .work-info .construction li{
	font-size: 1.1rem;
	color: #eb7500;
	border: 1px solid #eb7500;
	border-radius: 20px;
	padding: 0 1rem;
	margin-bottom: 1rem;
	margin-right: 4px;
}

.home-works > ul > li .btn{
	position:absolute;
	font-size:1.5rem;
	font-weight:500;
	border-bottom:1px solid #262626;
	display: inline-block;
	width: 150px;
	left: 3rem;
	bottom: 2rem;
}

.home-works > ul > li .btn img{
	position: absolute;
	top: 50%;
	right: 0%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 22px;
}

.home-button a{
	background:linear-gradient(to right, #ffc554, #eb7500);
	display: inline-block;
	border-radius: 4rem;
	text-align: center;
	padding: 1.5rem;
	width: 450px;
	height: 70px;	
	color: #fff;
	font-size: 2rem;
	letter-spacing: .1em;
}

.home-button a::after{
	content:"\f054";
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	right: 25px;
	font-weight: 600;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

/* 作業実績一覧(archive-works.php)
--------------------------------*/
.page-bg-works{
	background-image: url(./img/works-title.jpg);
}

.work-list{
	margin:12rem auto;
	background-color:#FBF7EA;
	padding:13rem 0;
}

.work-list > ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.work-list > ul:after{
	content:"";
	display: block;
	width:30%;
}

.work-list > ul > li{
	position:relative;
	width:30%;
	background-color:#FFF;
	border-bottom:3px solid #eb7500;
	margin-bottom:8rem;
	padding-bottom: 3rem;
}

.work-list > ul > li .work-image{
	width:100%;
	height:230px;
	line-height:0;
}

.work-list > ul > li .work-image img{
	width:100%;
	height:230px;
	object-fit: cover;
}

.work-list > ul > li .work-info{
	position: relative;
	margin: 3rem;
}

.work-list > ul > li .work-info .date{
	font-size: 1.2rem;
	color: #eb7500;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 1;
	margin-bottom: 1.5rem;
}

.work-list > ul > li .work-info h2{
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 1.5rem;
}

.work-list > ul > li .work-info .excerpt{
	font-size: 1.4rem;
	margin-bottom: 1.5rem;
}

.work-list > ul > li .work-info .construction{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-bottom: 1rem;
}

.work-list > ul > li .work-info .construction li{
	font-size: 1.1rem;
	color: #eb7500;
	border: 1px solid #eb7500;
	border-radius: 20px;
	padding: 0 1rem;
	margin-bottom: 1rem;
	margin-right: 4px;
}

.work-list > ul > li .btn{
	position:absolute;
	font-size:1.5rem;
	font-weight:500;
	border-bottom:1px solid #262626;
	display: inline-block;
	width: 150px;
	left: 3rem;
	bottom: 2rem;
}

.work-list > ul > li .btn img{
	position: absolute;
	top: 50%;
	right: 0%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 22px;
}

/* 作業実績個別ページ(single.php)
--------------------------------*/
.work-single{
	margin:12rem auto;
	background-color:#FBF7EA;
	padding:13rem 0;
}

.work-single .work-single-container{
	background-color:#FFF;
	padding: 10rem;
}

.work-single .work-single-container .post-info{
	position:relative;
	margin-bottom: 3rem;
}

.work-single .work-single-container .post-info .date{
	font-size: 1.4rem;
	color: #eb7500;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 1;
	margin-bottom: 1.5rem;
}

.work-single .work-single-container .post-info h2{
	font-size:3rem;
	font-weight:500;
	text-align:center;
	border-bottom:1px solid #aaa;
	margin-bottom: 3rem;
}

.work-single .work-single-container .post-info .construction{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	width: 50%;
	margin-left: auto;
}

.work-single .work-single-container .post-info .construction li{
	font-size: 1.1rem;
	color: #eb7500;
	border: 1px solid #eb7500;
	border-radius: 20px;
	padding: 0 1rem;
	margin-bottom: 1rem;
	margin-right: 5px;
}

.work-single .work-single-container .construction-details-image{
	width:830px;
	margin:auto;
	background-color:#fbf7ea;
	border-radius:20px;
	padding: 4.5rem;
	display: flex;
	justify-content: space-between;
	margin-bottom: 5rem;
}

.work-single .work-single-container .construction-details-image li{
	width:31%;
	height: 200px;
}

.work-single .work-single-container .construction-details-image li img{
	width: 100%;
	height: 200px;
	object-fit: cover;
}


.work-single .work-single-container .post-contents{
	width:830px;
	margin:0 auto 5rem;
}

.nav-below{
	margin: 0 auto;
	width: 100%;
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding: 1.5rem 0;
}

.nav-below a:hover{
	color:#eb7500;
	opacity: 1;
}

.nav-below .works-list-btn{
	font-size: 1.6rem;
	width: 20%;
	text-align: center;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	padding: 15px 0;
}

.nav-below .nav-previous,
.nav-below .nav-next{
	width: 40%;
}

.nav-below .nav-previous a{
	text-align: right;
	padding: 15px 30px 15px 25px;
}

.nav-below .nav-previous a i{
	margin: 0;
	position: absolute;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	top: 50%;
	left: 2rem;
}

.nav-below .nav-next a{
	text-align:left;
	padding: 15px 25px 15px 30px;
	border-radius: 0 20px 20px 0;
}

.nav-below .nav-next a i{
	margin:0;
	position: absolute;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	top: 50%;
	right: 2rem;
}

.nav-below a{
	display: block;
	position:relative;
}

.nav-below a span{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
}

.nav-below .nav-previous a span{
	margin-left: 2rem;
}

.nav-below .nav-next a span{
	margin-right: 2rem;
}

/* 404Error
--------------------------------*/
.error404{
	background-color: #fff6ee;
	text-align:center;
	padding: 5rem;
}

.error404 p{
	font-size:1.6rem;
}

.error404 .title{
	font-size: 3rem;
	font-weight: 500;
	margin-bottom: 3rem;
}

.error404 a{
	background: linear-gradient(to right, #ffc554, #eb7500);
	display: inline-block;
	border-radius: 4rem;
	text-align: center;
	padding: 1.5rem;
	width: 450px;
	height: 70px;
	color: #fff;
	font-size: 2rem;
	letter-spacing: .1em;
}

.error404 a{
	background: linear-gradient(to right, #ffc554, #eb7500);
	display: inline-block;
	border-radius: 4rem;
	text-align: center;
	padding: 1.5rem;
	width: 450px;
	height: 70px;
	color: #fff;
	font-size: 2rem;
	letter-spacing: .1em;
	position:relative;
	margin-top: 5rem;
}

.error404 a i{
	position: absolute;
	top: 50%;
	right: 10%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}



/* 企業案内
--------------------------------*/
.page-bg-company{
	background-image: url(./img/company-title.jpg);
}

.c-company .company-box{
	background-color:#fff6ee;
	padding: 8rem 0 10rem;
}

.c-company .message-box{
	display:flex;
	justify-content:space-between;
	margin: 10rem auto 0;
	align-items: center;
}

.c-company .message-box .message-txt{
	width:55%;
}

.c-company .message-box .message-txt .president-sign{
	width:420px;
	height: auto;
	margin-bottom: 3rem;
}

.c-company .message-box .message-txt .company-name{
	font-size:1.4rem;
	margin-bottom: -1rem;
	margin-top: 5rem;
}

.c-company .message-box .message-txt .president-name{
	font-size:2rem;
	letter-spacing: .1em;
}

.c-company .message-box .message-txt .president-name span{
	font-size:2.5rem;
	font-weight:500;
	padding-left: 2rem;
}

.c-company .message-box .message-image{
	width:35%;
}

.c-company .message-box .message-image img{
	width:100%;
	height:auto;
}

.c-company dl{
	display:flex;
	flex-wrap:wrap;
	margin: 12rem 0 15rem;
	border-top: solid 2px #bebebe;
	position:relative;
}

.c-company dl::after{
	border-bottom: solid 2px #dd7500;
	content: "";
	display: block;
	line-height: 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: -2px;
	width: 18%;
}

.c-company dl dt{
	width:18%;
	color:#dd7500;
	border-bottom:2px solid #dd7500;
	padding:3rem;
	text-align: center;
	font-weight: 600;
	letter-spacing: .1em;
}

.c-company dl dd{
	width:82%;
	border-bottom:2px solid #bebebe;
	padding:3rem 0 3rem 10rem;
	letter-spacing: .1em;
}

.c-company dl dd ul .business-title{
	font-weight:600;
}

.c-company dl dd ul .sec-wrap-m-t3{
	margin-top:3rem;
}

/* エコキュート
--------------------------------*/
.page-bg-ecocute{
	background-image: url(./img/service-ecocute-title.jpg);
}

.c-ecocute{
	margin:15rem auto;
}

.c-ecocute .c-head-title{
	margin:0 auto 12rem;
}

.c-ecocute .ecocute-reduction{
	border:3px solid #eb7500;
	margin: 15rem auto;
	position: relative;
}

.c-ecocute .ecocute-reduction .arrow-catch{
	font-size:3rem;
	font-weight:500;
	text-align:center;
	margin:5rem auto;
	border-bottom:3px solid #eb7500;
	position: relative;
	width: 37%;
	letter-spacing: .1em;
}

.c-ecocute .ecocute-reduction p{
	text-align:center;
}

.c-ecocute .ecocute-reduction .reduction-txt{
	font-size:1.8rem;
	font-weight:500;
}

.c-ecocute .ecocute-reduction .reduction-image{
	width:70%;
	margin:0 auto;
}

.c-ecocute .ecocute-reduction .reduction-image img{
	width:100%;
	height:auto;
}

.c-ecocute .ecocute-reduction .reduction-appeal{
	font-size:3rem;
	font-weight:500;
	letter-spacing: .1em;
}

.c-ecocute .ecocute-reduction .reduction-appeal .marker-yellow{
	font-size:4rem;
	width: 34%;
	margin: 1rem auto;
	line-height: 1.5;
}

.c-ecocute .ecocute-reduction .reduction-appeal .dot{
	position:relative;
}

.c-ecocute .ecocute-reduction .reduction-appeal .dot::before{
	content: "・";
	position: absolute;
	top: -3.2rem;
	left: 0;
	color: #eb7500;
}

.c-ecocute .ecocute-reduction .reduction-appeal .intermediate{
	font-size:3rem;
}

.c-ecocute .ecocute-reduction .bubble-box{
	width:48%;
	border:3px solid #3d90ba;
	position:relative;
	margin: 8rem auto 5rem;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
}

.c-ecocute .ecocute-reduction .bubble-box::before{
	content: "";
	position: absolute;
	bottom: -26px;
	left: 50%;
	margin-left: -32px;
	z-index: 2;
	border-right: 30px solid transparent;
	border-top: 30px solid #fff;
	border-left: 30px solid transparent;
	border-bottom: 8px solid transparent;
}

.c-ecocute .ecocute-reduction .bubble-box::after{
	top: 100%;
	content: "";
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -25px;
	border: 23px solid transparent;
	border-top: 22px solid #3d90ba;
	z-index: 1;
}

.c-ecocute .ecocute-reduction .bubble-box p{
	font-size:4rem;
	color:#3d90ba;
	line-height: 1.6;
	padding: 5rem 0;
	font-family: heisei-mincho-std, serif;
	font-style: normal;
	font-weight: 500;
}

.c-ecocute .ecocute-reduction .rough-indication{
	font-size:2.5rem;
	letter-spacing: .1em;
}

.c-ecocute .ecocute-reduction .rough-indication-image{
	width:80%;
	margin:0 auto;
}

.c-ecocute .ecocute-reduction .rough-indication-image img{
	width:100%;
	height:auto;
}

.c-ecocute .ecocute-reduction .bg-orange{
	background-color: #faf6e9;
	width: 1000px;
	margin: 7rem auto 13rem;
	position: relative;
	padding: 2rem;
}

.c-ecocute .ecocute-reduction .tel-box p{
	z-index:100;
	position: relative;
}

.c-ecocute .ecocute-reduction .tel-box .tel-catch-sp{
	display:none;
}

.c-ecocute .ecocute-reduction .tel-box .tel-catch{
	position:relative;
	width: 75%;
	margin: 0 auto;
}

.c-ecocute .ecocute-reduction .tel-box .tel-catch::before,
.c-ecocute .ecocute-reduction .tel-box .tel-catch::after {
	content: '';
	position: absolute;
	top: 34%;
	display: inline-block;
	width: 22px;
	height:2px;
	background-color: #000;
	transform: rotate(-60deg);
	z-index: 1;
}

.c-ecocute .ecocute-reduction .tel-box .tel-catch::before {
	left:54px;
	transform: rotate(-115deg);
}

.c-ecocute .ecocute-reduction .tel-box .tel-catch::after {
	right: 65px;
}

.c-ecocute .ecocute-reduction .tel-box .tel-catch p{
	font-size:3rem;
	font-weight:600;
	line-height: 1.8;
	letter-spacing: .1em;
	position:relative;
}

.c-ecocute .ecocute-reduction .tel-box .tel-catch p::before,
.c-ecocute .ecocute-reduction .tel-box .tel-catch p::after {
	content: '';
	position: absolute;
	top: 23%;
	display: inline-block;
	width: 40px;
	height: 2px;
	background-color: #000;
	transform: rotate(-60deg);
}

.c-ecocute .ecocute-reduction .tel-box .tel-catch p::before {
	left:48px;
	transform: rotate(-115deg);
}

.c-ecocute .ecocute-reduction .tel-box .tel-catch p::after {
	right: 58px;
}

.c-ecocute .ecocute-reduction .tel-box p .pc-br{
	font-size:2.5rem;
	font-weight:500;
}

.c-ecocute .ecocute-reduction .tel-box .tel-number{
	font-size:5rem;
	font-weight:600;
	letter-spacing: .05em;
}

.c-ecocute .ecocute-reduction .tel-box .tel-number i{
	font-size:4rem;
	color:#eb7500;
	padding-right: 1rem;
}

.c-ecocute .ecocute-reduction .tel-box .tel-number span{
	font-size:1.8rem;
	padding-left:2rem;
	font-weight: 500;
	letter-spacing: .05em;
}

.c-ecocute .ecocute-reduction .tel-box a{
	font-weight: 500;
	font-size: 2rem;
	background: linear-gradient(to right, #ffc454, #eb7500);
	border-radius: 40px;
	color: #FFF;
	height: 60px;
	line-height: 1;
	display: flex;
	align-items: center;
	z-index:1;
	position: relative;
	max-width: 450px;
	margin: 2rem auto 0;
	padding-left: 6rem;
}

.c-ecocute .ecocute-reduction .tel-box a::before {
	content: "\f054";
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	right: 20px;
}

.c-ecocute .ecocute-reduction .tel-box a i{
	font-size:3rem;
	padding-right: 1rem;
}

.c-ecocute .bg-orange{
	width: 100%;
	background-color: #faf6e9;
}

.c-ecocute .product-box{
	display:flex;
	justify-content:space-between;
	padding: 8rem 0;
}

.c-ecocute .product-box .rough-indication-image{
	width:350px;
	height: 350px;
}

.c-ecocute .product-box .rough-indication-image img{
	width:100%;
	height:auto;
}

.c-ecocute .product-box .rough-indication-txt{
	max-width:826px;
	width: 67%;
}

.c-ecocute .product-box .rough-indication-txt p{
	font-size:2rem;
	font-weight:500;
	margin-bottom: 2rem;
	letter-spacing: .1em;
}

.c-ecocute .product-box .rough-indication-txt p span{
	font-size:2rem;
	font-weight:500;
	background-color:#E1E1E1;
	text-align:center;
	width: 25%;
	display: inline-block;
	margin-left: 6rem;
	line-height: 2.2;
}

.c-ecocute .product-box .rough-indication-txt .rough-indication-price{
	display:flex;
	justify-content:space-between;
}

.c-ecocute .product-box .rough-indication-txt .rough-indication-price table{
	width:48%;
	border-collapse: collapse;
}

.c-ecocute .product-box .rough-indication-txt .table-sp{
	display:none;
}

.c-ecocute .product-box .rough-indication-txt .table-pc{
	border-collapse: collapse;
	margin-bottom: 2.5rem;
}

.c-ecocute .product-box .rough-indication-txt .table-pc th,
.c-ecocute .product-box .rough-indication-txt .table-pc td{
	border: 1px solid #000;
	padding: 5px;
	text-align: left;
	padding-left: 2rem;
	background-color: #fff;
	letter-spacing: .05em;
}

.c-ecocute .product-box .rough-indication-txt .table-pc th{
	font-weight:500;
	width: 23%;
}

.c-ecocute .product-box .rough-indication-txt .table-pc .bg-pink{
	background-color:#ffdcdc;
	width: 15%;
	text-align: center;
	padding: 5px;
}

.c-ecocute .product-box .rough-indication-txt .table-pc .bg-green{
	background-color:#deffc2;
}

.c-ecocute .product-box .rough-indication-txt .table-pc .bg-yellow{
	background-color:#fff066;
}

.c-ecocute .product-box .rough-indication-txt .table-pc .ft-red{
	color:#e20e0e;
	font-weight: 600;
	padding: 2rem;
}

.c-ecocute .product-box .rough-indication-txt .table-pc td span{
	font-size:3rem;
	letter-spacing: .05em;
}

.c-ecocute .product-box .rough-indication-txt .attention{
	font-size:1.2rem;
	margin: 2rem 0;
}

.c-ecocute .product-box .rough-indication-txt ul{
	display:flex;
	justify-content:space-between;
	width:75%;
}

.c-ecocute .product-box .rough-indication-txt ul li{
	width:20%;
	margin-right:1rem;
	background-color: #ffb500;
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	border-radius: 0.5rem;
	font-weight: 500;
	letter-spacing: .05em;
}

.c-flow{
	background-color:#f4f9ea;
	padding: 10rem 0 5rem;
}

.c-flow ul{
	margin:12rem 0;
}

.c-flow ul li{
	display:flex;
	background-color: #fff;
	margin-bottom: 10rem;
	position:relative;
}

.c-flow ul li::after{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -13px;
	border: 25px solid transparent;
	border-top-color: transparent;
	border-top-style: solid;
	border-top-width: 20px;
	border-top-color: transparent;
	border-top-style: solid;
	border-top-width: 15px;
	border-top-color: transparent;
	border-top-style: solid;
	border-top-width: 15px;
	border-top-color: transparent;
	border-top-style: solid;
	border-top-width: 15px;
	border-top: 25px solid #fff;
}

.c-flow ul li:last-child::after{
	content:none;
}

.c-flow ul li .flow-txt{
	width:70%;
	display:flex;
	align-items: center;
	justify-content: start;
}

.c-flow ul li .flow-txt .number{
	font-size:2rem;
	font-weight:600;
	color:#eb7500;
	line-height: 1.1;
	text-align: center;
	padding: 0 5rem;
}

.c-flow ul li .flow-txt .number span{
	font-size:5rem;
	font-weight:500;
	display:block;
}

.c-flow ul li .flow-txt .flow-contents{
	border-left:2px solid #eb7500;

	padding: 0 5rem;
	height: 150px;
}

.c-flow ul li .flow-txt .flow-contents h3{
	font-size:2.5rem;
	font-weight:600;
	color:#eb7500;
	letter-spacing: .1em;
	margin-bottom: 0.5rem;
}

.c-flow ul li .flow-txt .flow-contents p{
	letter-spacing:.1em;
}

.c-flow ul li .flow-image{
	width:390px;
	height: 244px;
}

.c-flow ul li .flow-image img{
	width:100%;
	height:auto;
}

/* 太陽光
--------------------------------*/
.page-bg-solar{
	background-image: url(./img/service-solarpower-title.jpg);
}

.c-solar{
	margin:15rem auto;
}

.c-solar .solar-free{
	border:3px solid #eb7500;
	margin: 15rem auto;
}

.c-solar .solar-free .solar-txt{
	margin:0 0 6rem;
	letter-spacing: .1em;
	line-height: 2.2;
}

.c-solar .solar-free .solar-image{
	width:766px;
	height:552px;
	margin: 0 auto 8rem;
}

.c-solar .solar-free .solar-image img{
	width:100%;
	height:auto;
}

.c-merit .bg-orange{
	background-color:#faf6e9;
	height: 1910px;
}

.c-merit .speech-bubble .appeal-mark{
	width:6%;
	position:absolute;
	right: -4rem;
}

.c-merit ul li{
	position:relative;
	height: 310px;
	margin-bottom: 9rem;
}

.c-merit ul li .merit-image{
	width:33%;
	display: inline-block;
	position: absolute;
	z-index: 100;
}

.c-merit ul li .merit-image::after{
	content: "";
	border: 2px solid #dd7500;
	width: 100%;
	display: block;
	position: absolute;
	height: 95%;
	top: 12px;
	left: 5px;
}

.c-merit ul li .merit-image img{
	width:100%;
	height: auto;
	z-index: 100;
	line-height: 0;
	position: relative;
}

.c-merit ul li .merit-txt{
	background-color: #fff;
	max-width: 72%;
	border-bottom: 4px solid #ffb000;
	padding: 3rem 4rem;
	z-index: 100;
	width: 70%;
}

.c-merit ul li .merit-txt{
	position: absolute;
	right: 0;
	top: 11rem;
}

.c-merit ul li .merit-txt::after{
	font-family: futura-pt, sans-serif;
	font-weight: 600;
	color:#ffb000;
	font-size: 6rem;
	position: absolute;
	font-style: italic;
	letter-spacing: .05em;
}

.c-merit ul li .merit-txt1::after{
	content:"01";
	top: -6rem;
	right: 4rem;
}

.c-merit ul li .merit-txt h3{
	font-size:3rem;
	font-weight:600;
	color:#eb7500;
	letter-spacing: .1em;
	margin-bottom: 1rem;
}

.c-merit ul li .merit-txt p{
	letter-spacing:.1em;
	font-size: 1.7rem;
	font-weight: 500;
	line-height: 1.6;
}

.c-merit ul li .merit-image1{
	left: 1rem;
	top: 0;
}

.c-merit ul .list2 .merit-image2{
	right:0;
	top: 0;
}

.c-merit ul .list2 .merit-txt2{
	left:0rem;
	top: 11rem;
}

.c-merit ul .list2 .merit-txt2::after{
	content:"02";
	top: -6.5rem;
	left: 4rem;
}

.c-merit ul .list3 .merit-image3{
	top:0;
	left: 1rem;
}

.c-merit ul .list3 .merit-txt3{
	top:11rem;
	right:0;
	padding: 1.5rem 4rem;
}

.c-merit ul .list3 .merit-txt3::after{
	content:"03";
	top: -6rem;
	right: 4rem;
}

.c-merit ul .list4 .merit-image4{
	top:0;
	right:0;
}

.c-merit ul .list4 .merit-txt4{
	top:11rem;
	left:0;
}

.c-merit ul .list4 .merit-txt4::after{
	content:"04";
	top: -6.5rem;
	left: 4rem;
}

.c-merit .solar-paid{
	border: 3px solid #eb7500;
	margin: 15rem auto;
}

.c-merit .solar-paid .solar-txt{
	letter-spacing: .1em;
	line-height: 2.2;
}

.c-merit .solar-paid .solar-paid-box{
	display:flex;
	justify-content: space-between;
	margin-bottom: 8rem;
}

.c-merit .solar-paid .solar-paid-box .solar-paid-txt{
	width:48%;
}

.c-merit .solar-paid .solar-paid-box .solar-paid-txt p{
	letter-spacing:.1em;
	line-height: 2.2;
}

.c-merit .solar-paid .solar-paid-box .solar-paid-image{
	width:42%;
}

.c-merit .solar-paid .solar-paid-box .solar-paid-image img{
	width:100%;
	height:auto;
}

.c-merit .storage-battery{
	margin: 0 auto 15rem;
}

.c-merit .storage-battery .solar-paid-box img{
	width:46%;
	height: auto;
	margin-top: 8rem;
}

.c-solar-flow{
	background-color:#faf6e9;
}

/* ウルトラファインバブル
--------------------------------*/
.page-bg-ultrafinebubble{
	background-image: url(./img/service-finebubble-title.jpg);
}

.c-ultrafinebubble{
	margin:15rem auto;
}

.c-ultrafinebubble .c-title{
	margin-left:15rem;
}

.c-ultrafinebubble .ultrafinebubble-txt{
	background-color: #faf6e9;
	padding-bottom: 7.5rem;
	padding-top: 12rem;
}

.c-ultrafinebubble .ultrafinebubble-txt p{
	letter-spacing: .1em;
}

.c-ultrafinebubble .ultrafinebubble-txt .ultrafinebubble-image-sp{
	display:none;
}

.c-ultrafinebubble .ultrafinebubble-txt .ultrafinebubble-image{
	width:100%;
	margin:6rem auto 0;
}

.c-ultrafinebubble .ultrafinebubble-txt .ultrafinebubble-image img{
	width:100%;
	height:auto;
}

.c-ultrafinebubble .comfortable-living{
	border: 3px solid #eb7500;
	margin: 15rem auto;
	position: relative;
}

.c-ultrafinebubble .comfortable-living .c-sab-title{
	width:820px;
	line-height:1.4;
	border-radius: 5rem;
	letter-spacing: .05em;
}

.c-ultrafinebubble .comfortable-living ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.c-ultrafinebubble .comfortable-living ul li{
	width:48%;
	margin-bottom: 10rem;
}

.c-ultrafinebubble .comfortable-living ul li img{
	width:100%;
	height:auto;
}

.c-ultrafinebubble .comfortable-living ul h4{
	font-size:2.8rem;
	font-weight:600;
	border-left:4px solid #ffa500;
	padding-left:0.8rem;
	line-height: 1.1;
	letter-spacing: .1em;
	margin: 1rem 0;
}

.c-ultrafinebubble .comfortable-living ul p{
	font-size:1.8rem;
	letter-spacing: .05em;
}

.c-ultrafinebubble .bg-orange{
	background-color:#faf6e9;
	padding-bottom: 10rem;
}

.c-ultrafinebubble .speech-bubble{
	width:45%;
	padding: 10rem 0 8rem;
}

.c-ultrafinebubble .speech-bubble h3{
	height:70px;
	line-height: 1.8;
}

.c-ultrafinebubble .bg-white{
	background-color:#fff;
	position:relative;
}

.c-ultrafinebubble .bg-white::before{
	content: "";
	position: absolute;
	width: 100px;
	height: 1px;
	background-color: #2D2D2D;
	-webkit-transform: rotate(-40deg);
	transform: rotate(-45deg);
	top: 15px;
	left: -35px;
}

.c-ultrafinebubble .bg-white::after{
	content: "";
	position: absolute;
	width: 100px;
	height: 1px;
	background-color: #2D2D2D;
	-webkit-transform: rotate(-40deg);
	transform: rotate(-45deg);
	bottom: 15px;
	right: -35px;
}

.c-ultrafinebubble .bg-white p{
	padding:6rem;
}

.c-ultrafinebubble .bg-orange ul{
	display:flex;
	justify-content:space-between;
	width: 100%;
	margin: 8rem auto 0;
}

.c-ultrafinebubble .bg-orange ul li{
	width:23%;
	border-radius: 2rem;
	height: 240px;
}

.c-ultrafinebubble .bg-orange ul li h4{
	background-color:#ffdd43;
	font-size:2.5rem;
	text-align:center;
	line-height: 1.6;
	padding: 0.3rem 0;
	border-radius: 1rem 1rem 0 0;
}

.c-ultrafinebubble .bg-orange ul li h4 span{
	display:block;
	font-size:1.8rem;
}

.c-ultrafinebubble .bg-orange ul li img{
	width:100%;
	height:auto;
	border-radius: 0 0 1rem 1rem;
}

.c-ultrafinebubble .expectations-effect{
	border: 3px solid #eb7500;
	margin: 15rem auto;
	position: relative;
}

.c-ultrafinebubble .expectations-effect ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom: 10rem;
}

.c-ultrafinebubble .expectations-effect ul li{
	width:32%;
	margin-bottom: 6rem;
}

.c-ultrafinebubble .expectations-effect ul li img{
	width:100%;
	height:auto;
}

.c-ultrafinebubble .expectations-effect ul li h4{
	width:80%;
	border:3px solid #ffa500;
	border-radius:3rem;
	margin: -3rem auto 0;
	text-align: center;
	z-index: 100;
	position: relative;
	background-color: #fff;
	font-size: 2.2rem;
	font-weight: 500;
	letter-spacing: .1em;
}

.c-product-info{
	margin-bottom:15rem;
}

.c-product-info .c-head-title{
	margin:0 auto 12rem;
}

.c-product-info .bg-blue{
	background-color: #e4eff4;
	padding: 8rem 0;
	border-radius: 1rem;
}

.c-product-info .product-list{
	display:flex;
	justify-content: space-between;
}

.c-product-info .product-list .product-image{
	width:30%;
	margin-top: auto;
}

.c-product-info .product-image img{
	width:100%;
	height:auto;
}

.c-product-info .product-list .product-txt{
	width:86%;
	margin-left: 4rem;
}

.c-product-info .product-list .product-txt h3{
	font-size:3.5rem;
	font-weight:500;
	letter-spacing:.1em;
}

.c-product-info .product-list .product-txt .attention{
	font-size:2.2rem;
	color:#ff3222;
	line-height: 1.8;
}

.c-product-info .product-list .product-txt dl{
	display:flex;
	flex-wrap:wrap;
	margin: 1rem 0;
}

.c-product-info .product-list .product-txt dl dt,
.c-product-info .product-list .product-txt dl dd{
	font-size:1.8rem;
	letter-spacing: .05em;
}

.c-product-info .product-list .product-txt dl .certification{
	width:22%;
}

.c-product-info .product-list .product-txt dl .number{
	width:75%;
}

.c-product-info .product-list .product-txt dl dt{
	width:9%;
}

.c-product-info .product-list .product-txt dl .material{
	width:14%;
}

.c-product-info .product-list .product-txt dl dd{
	width:85%;
}

.c-product-info .product-list .product-txt p{
	letter-spacing:.05em;
}

.c-ultrafinebubble-flow{
	background-color:#e4eff4;
}

/* 建物調査
--------------------------------*/
.page-bg-investigation{
	background-image: url(./img/service-inspection-title.jpg);
}

.c-investigation{
	margin:15rem auto 0;
}

.c-investigation .house-diagnose{
	border: 3px solid #eb7500;
	margin:15rem auto;
}

.c-investigation .house-diagnose h4{
	font-size:5rem;
	font-weight:600;
	text-align:center;
	color:#eb7500;
	width: 75%;
	margin: 0 auto;
	position:relative;
	letter-spacing: .1em;
}

.c-investigation .house-diagnose h4::after{
	content: '';
	display: inline-block;
	width: 90%;
	height: 20px;
	background-image: url(./img/service-inspection-line.png);
	background-size: contain;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	top: 10rem;
}

.c-investigation .house-diagnose .preface{
	text-align:center;
	font-size:1.8rem;
	margin: 5rem auto;
	letter-spacing: .1em;
}

.c-investigation .house-diagnose .diagnose-list{
	background-color:#faf6e9;
	display:flex;
	padding:6rem 10rem;
	flex-wrap: wrap;
}

.c-investigation .house-diagnose .diagnose-list li{
	width:18%;
	background-color:#ffdd43;
	text-align:center;
	font-size:1.8rem;
	font-weight:600;
	border-radius:1rem;
	margin: 0 2rem 3rem 0;
	line-height: 2.5;
	padding: 0.2rem 0;
}

.c-investigation .house-diagnose .diagnose-list li:nth-child(n+11){
	margin-bottom:0;
}

.c-investigation .arrow-catch{
	font-size:3.5rem;
	font-weight:500;
	text-align:center;
	letter-spacing:.1em;
	position:relative;
	border-bottom: 4px solid #ffba54;
	width: 95%;
	margin: 8rem auto;
}

.c-investigation .arrow-catch::before,
.c-investigation .arrow-catch::after{
	position: absolute;
	top: 100%;
	left: 50%;
	content: "";
	height: 0;
	width: 0;
}

.c-investigation .arrow-catch::before{
	border: 14px solid;
	border-top-color: currentcolor;
	border-right-color: currentcolor;
	border-bottom-color: currentcolor;
	border-left-color: currentcolor;
	border-top-color: currentcolor;
	border-right-color: currentcolor;
	border-bottom-color: currentcolor;
	border-left-color: currentcolor;
	border-color: transparent;
	border-top-color: transparent;
	border-top-color: transparent;
	border-top-color: #ffba54;
	margin-left: -14px;
}

.c-investigation .arrow-catch::after{
	border: 8px solid;
	border-top-color: currentcolor;
	border-right-color: currentcolor;
	border-bottom-color: currentcolor;
	border-left-color: currentcolor;
	border-top-color: currentcolor;
	border-right-color: currentcolor;
	border-bottom-color: currentcolor;
	border-left-color: currentcolor;
	border-color: transparent;
	border-top-color: transparent;
	border-top-color: transparent;
	border-top-color: #fff;
	margin-left: -8px;
}

.c-investigation .arrow-catch span{
	font-size:4.5rem;
	font-weight:600;
	color:#ff9019;
}

.c-investigation .support-list{
	display:flex;
	justify-content:space-between;
	width: 90%;
	margin: 0 auto 10rem;
}

.c-investigation .support-list li{
	width:27%;
}

.c-investigation .support-list li .point{
	border:3px solid #ffba54;
	padding: 2rem 0;
	position: relative;
	box-shadow: 5px 5px #ffba54;
	margin-bottom: 3rem;
}

.c-investigation .support-list li .point img{
	width:10%;
	height:auto;
	position: absolute;
	top: -1rem;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.c-investigation .support-list li .point p{
	font-size:2.8rem;
	text-align:center;
	line-height: 1.4;
	font-weight: 600;
	padding: 2rem 0;
	letter-spacing: .1em;
}

.c-investigation .support-list li .point .point3{
	padding:3.5rem 0;
}

.c-investigation .support-list li .point p span{
	font-size:4rem;
	color:#ffba54;
	display: block;
}

.c-investigation .support-list li .point p .ft-achievement{
	font-size:2.8rem;
	display: inline-block;
}

.c-investigation .support-list li p{
	font-size:1.8rem;
	letter-spacing:.05em;
}

.c-investigation .bg-orange{
	background-color:#faf6e9;
	padding:15rem 0 10rem;
}

.c-investigation .bg-orange ul li{
	display:flex;
	justify-content:space-between;
	background-color:#fff;
	padding: 4rem;
	margin-bottom: 7rem;
	border-bottom: 3px solid #ffb200;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
}

.c-investigation .bg-orange ul li:last-child{
	margin-bottom:0;
}

.c-investigation .bg-orange ul li .case-study-image{
	width:35%;
}

.c-investigation .bg-orange ul li .case-study-image img{
	width:100%;
	height:auto;
}

.c-investigation .bg-orange ul li .case-study-txt{
	width:60%;
}

.c-investigation .bg-orange ul li .case-study-txt h4{
	font-size:2.8rem;
	font-weight:500;
	border:2px solid #eb7500;
	width: 50%;
	text-align: center;
	color: #eb7500;
	margin-bottom: 2rem;
	line-height: 1.6;
	letter-spacing: .1em;
}

.c-investigation .bg-orange ul li .case-study-txt .property-name{
	width:47%;
}

.c-investigation .bg-orange ul li .case-study-txt p{
	font-size:1.8rem;
	font-weight:500;
	letter-spacing: .05em;
}

.c-investigation .bg-orange ul li .case-study-txt p .dot{
	display:block;
}

.c-investigation .bg-orange ul li .case-study-txt p .dot::before{
	content:"●";
}

.c-investigation .bg-orange ul li .case-study-txt .ft-red{
	font-size:6rem;
	font-weight:600;
	color: #e20e0e;
	display: flex;
	align-items: center;
}

.c-investigation .bg-orange ul li .case-study-txt .ft-red .label{
	font-size:2.8rem;
	font-weight:500;
	color:#fff;
	background-color:#e20e0e;
	border-radius:2rem;
	height: 40px;
	display: inline-block;
	line-height: 1.4;
	width: 19%;
	text-align: center;
	margin-right: 2rem;
	margin-top: 2rem;
	letter-spacing: .05em;
}

.c-investigation .bg-orange ul li .case-study-txt .ft-red .price{
	font-size:3.5rem;
	margin-top: 2rem;
	margin-left: 1rem;
}

.c-investigation .bg-orange ul li .case-study-txt .ft-red .price-sp{
	letter-spacing:0;
}

.c-investigation-flow{
	background-color:#f7f7f7;
}

/* お問い合わせ
--------------------------------*/
.page-bg-contact{
	background-image: url(./img/contact-title.jpg);
}

.c-contact .c-head-title{
	margin-bottom:10rem;
}

.c-contact .preface{
	font-size:1.8rem;
	font-weight: 500;
	width: 90%;
	margin: 0 auto;
}

.c-contact .contact-box ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 8rem auto 0;
	width: 43%;
	position: relative;
	z-index: 1;
}

.c-contact .contact-box ul::after{
	background: #A0A0A0;
	content: "";
	z-index: -1;
	margin: auto;
	height: 2px;
	width: 85%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: -10px;
}

.c-contact .contact-box ul .active::before{
	content: "";
	margin: auto;
	height: 2px;
	width: 18rem;
	position: absolute;
	bottom: 0;
	right: 52px;
	top: -10px;
	background-color: #ffba54;
}

.c-contact .contact-box ul .active:first-child::before{
	content: none;
}

.c-contact .contact-box ul .active span{
	color:#000;
}

.c-contact .contact-box ul .active .cricle{
	background-color: #ffba54;
	color: #fff;
	border: none;
	font-weight: 600;
	z-index: 100;
	position: relative;
}

.c-contact .contact-box ul .cricle{
	width: 8rem;
	height: 8rem;
	border-radius: 50%;
	background-color: #fff;
	color: #ADADAD;
	margin-bottom: 1rem;
	font-size:2rem;
	font-weight:600;
	line-height: 3.8;
	border: 2px solid #A0A0A0;
}

.c-contact .contact-box ul li {
	color: #fff;
	text-align: center;
	position: relative;
}

.c-contact .contact-box ul li span{
	display:block;
	color: #a0a0a0;
	font-size:1.4rem;
}

.c-contact .contact-box ul li .cricle-in{
	position:absolute;
	top: 8rem;
	left: 2.8rem;
	font-size: 1.4rem;
	font-weight: 500;
}

.c-contact h3{
	font-size:2.5rem;
	letter-spacing: .05em;
	border-left: 4px solid #ffb500;
	line-height: 1.5;
	padding-left: 1rem;
}

.c-contact .bg-orange{
	background-color: #faf6e9;
	width: 1000px;
	position: relative;
	margin: 10rem auto 0;
	padding: 2rem;
}

.c-contact .tel-box p{
	z-index:100;
	position: relative;
}

.c-contact .tel-box .tel-catch{
	position:relative;
	width: 75%;
	margin: 0 auto;
}

.c-contact .tel-box .tel-catch::before,
.c-contact .tel-box .tel-catch::after {
	content: '';
	position: absolute;
	top: 55%;
	display: inline-block;
	width: 22px;
	height:2px;
	background-color: #000;
	transform: rotate(-60deg);
	z-index: 1;
}

.c-contact .tel-box .tel-catch::before {
	left:57px;
	transform: rotate(-115deg);
}

.c-contact .tel-box .tel-catch::after {
	right: 60px;
}

.c-contact .tel-box .tel-catch p{
	font-size:3rem;
	font-weight:600;
	line-height: 1.8;
	letter-spacing: .1em;
	position:relative;
	text-align: center;
}

.c-contact .tel-box .tel-catch p::before,
.c-contact .tel-box .tel-catch p::after {
	content: '';
	position: absolute;
	top: 40%;
	display: inline-block;
	width: 40px;
	height: 2px;
	background-color: #000;
	transform: rotate(-60deg);
}

.c-contact .tel-box .tel-catch p::before {
	left:52px;
	transform: rotate(-115deg);
}

.c-contact .tel-box .tel-catch p::after {
	right: 55px;
}

.c-contact .tel-box .catch-sp {
	display:none;
}

.c-contact .tel-box .tel-number{
	font-size:5rem;
	font-weight:600;
	letter-spacing: .05em;
	text-align: center;
}

.c-contact .tel-box .tel-number i{
	font-size:4rem;
	color:#eb7500;
	padding-right: 1rem;
}

.c-contact .tel-box .tel-number span{
	font-size:1.8rem;
	padding-left:2rem;
	font-weight: 500;
	letter-spacing: .05em;
}

.c-contact .tel-box .company-name{
	font-size:2.5rem;
	font-weight: 500;
	letter-spacing: .05em;
	text-align:center;
	margin-top: 1rem;
	position: relative;
}

.c-contact .tel-box .company-name::before,
.c-contact .tel-box .company-name::after{
	content:"";
	width:17%;
	height:2px;
	background-color:#a0a0a0;
	display: inline-block;
	position: absolute;
	top: 2.8rem;
}

.c-contact .tel-box .company-name::before{
	left:8rem;
}

.c-contact .tel-box .company-name::after{
	right:8rem;
}

.c-faq{
	background-color:#faf6e9;
	padding:10rem 0 15rem;
}

.c-faq .c-head-title{
	margin-bottom:15rem;
}

.c-faq h3{
	font-size:2.5rem;
	font-weight:500;
	letter-spacing:.05em;
	border-left:4px solid #ffb500;
	line-height:1.5;
	padding-left: 1rem;
}

.c-faq .cp_qa {
	overflow-x: hidden;
	margin: 0 auto;
	color: #000;
}

.c-faq .cp_qa,
.c-faq .cp_qa::after,
.c-faq .cp_qa::before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.c-faq .cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	color: #000;
	padding: 4rem 0 0;
}

.c-faq .cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}

.c-faq .cp_qa .cp_actab label {
	line-height: 1.6em;
	position: relative;
	display: block;
	padding: 2rem 2rem 2rem 7rem;
	cursor: pointer;
	background: #fff;
	letter-spacing: .1em;
	font-size: 1.8rem;
	width: 100%;
	border: 2px solid #e8e8e8;
}

.c-faq .cp_qa .cp_actab label::before {
	content: "Q";
	background-color: #eb7500;
	color: #fff;
	font-size: 2.5rem;
	width: 3.5rem;
	height: 3.5rem;
	text-align: center;
	display: block;
	line-height: 1.4;
	border-radius: 30px;
	position: absolute;
	top: 50%;
	left: 2%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: normal;
}

.c-faq .cp_qa .cp_actab label:hover {
	transition: all 0.3s;
}

.c-faq .cp_qa .cp_actab label::after {
	font-size: 2.9rem;
	font-weight: 600;
	line-height: 2em;
	position: absolute;
	right: 0;
	content: "\2b";
	font-family: "Font Awesome 6 Pro";
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
	display: inline-block;
	color: #eb7500;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.c-faq .cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 4rem;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
}

.c-faq .cp_qa .cp_actab .cp_actab-content::before {
	padding: 0;
	content: "A";
	background-color: #fff;
	color: #eb7500;
	font-size: 2.5rem;
	width: 3.5rem;
	height: 3.5rem;
	text-align: center;
	display: block;
	line-height: 1.4;
	border-radius: 30px;
	font-weight: 500;
	position: absolute;
	left: 2%;
	margin-top: 2rem;
	font-family: futura-pt, sans-serif;
	font-style: normal;
	top: 8%;
}

.c-faq .cp_qa .cp_actab .cp_actab-content p {
	padding: 3rem 3rem 5rem 3rem;
	letter-spacing: .1em;
	font-size: 1.8rem;
}

.c-faq .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
	background-color: #e8e8e8;
}

.c-faq .cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	content: "\f068";
}

.c-contact .contact-box ul{
	margin:8rem auto 10rem;
}

.c-contact .thanks{
	font-size:3.5rem;
	font-weight:500;
	margin-top: 4rem;
	text-align: center;
}

.c-contact .contact-complete{
	font-size:1.8rem;
	margin-top:3rem;
	font-weight: 500;
	text-align: center;
}

.c-contact .complete_form_btn{
	text-align: center;
	margin-top: 8rem;
}

.c-contact .complete_form_btn a{
	background:linear-gradient(to right, #ffc554, #eb7500);
	display: inline-block;
	border-radius: 4rem;
	text-align: center;
	padding: 1.5rem;
	width: 400px;
	height: 60px;	
	color: #fff;
	font-size: 2rem;
	letter-spacing: .1em;
	line-height: 1.5;
	position: relative;
}

.c-contact .complete_form_btn a::after{
	content:"\f054";
	font-family: "Font Awesome 6 Pro";
	position: absolute;
	font-weight: 600;
	right: 25px;
}

.wpcf7 .hidden-fields-container { 
	display: none; 
}

/* お問い合わせ(新)変更部分 */
.c-contact-new .contact-box ul {
	width: 250px;
}

/* お問い合わせ(フォーム)
--------------------------------*/
.contactpage_form{
	width: 100%;
	margin: 5rem auto;
}

.contactpage_form .req::after{
	content: "必須";
	color: #eb7500;
	font-size: 1.8rem;
	position: absolute;
	right:2rem;
	border-radius: 20px;
	border: 1px solid #eb7500;
	width: 70px;
	text-align: center;
}

.contactpage_form .f-con{
	vertical-align: top;
	padding: 6rem 4rem 4rem 4rem;
}

.contactpage_form table{
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.contactpage_form table th{
	text-align: left;
	vertical-align: middle;
	font-weight: 500;
	position: relative;
	font-size: 1.8rem;
	padding: 4rem;
	background-clip: padding-box;
	width: calc(100% -850px);
}

.contactpage_form table td{
	font-size: 2rem;
	padding: 4rem;
	width: 850px;
}

.contactpage_form input,
.contactpage_form textarea{
	padding: 2.2rem;
	transition:0.5s;
	-webkit-transition:0.5s;
	-ms-transition:0.5s;
	-moz-transition:0.5s;
	border: 1px solid #a0a0a0;
	width: 100%;
	background-color: #FFF;
	font-size: 2rem;
	font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, Lato, Arial, "MS P Gothic", "MS Pゴシック", sans-serif;
	font-weight: 400;
}

.contactpage_form textarea {
	padding: 2.2rem;
}

.contactpage_form input[type="checkbox"]{
	border-radius:15px;
	padding: 0.8rem;
	transition:0.5s;
	-webkit-transition:0.5s;
	-ms-transition:0.5s;
	-moz-transition:0.5s;
	box-shadow: 1px 1px 1px 0px rgba(196, 207, 214, .8) inset;
	border: 1px solid #d2dadf;
	font-size: 1.6rem;
	width: auto;
}

.contactpage_form input::placeholder,
.contactpage_form textarea::placeholder {
	color:#adadad;
	font-size:2rem;
}

.contactpage_form input:hover,
.contactpage_form textarea:hover{
	box-shadow:inset 2px 2px 3px #CCCCCC;
	transition:0.5s;
	-webkit-transition:0.5s;
	-ms-transition:0.5s;
	-moz-transition:0.5s;
}

.contactpage_form input:focus,
.contactpage_form textarea:focus{
	background-color: #FFFFE1;
	box-shadow:inset 2px 2px 3px #CCCCCC;
	transition:0.5s;
	-webkit-transition:0.5s;
	-ms-transition:0.5s;
	-moz-transition:0.5s;
}

.contactpage_form_btn{
	text-align: center;
	margin: 8rem auto;
}

.contactpage_form_btn input[type="submit"]{
	display: block;
	font-size: 2rem;
	text-align: center;
	color: #FFF;
	height: 60px;
	line-height: 60px;
	position: relative;
	width: 340px;
	border: none;
	border-radius: 30px;
	background: linear-gradient(to right, #ffc554, #eb7500);
	font-weight: 500;
}

.contactpage_form_btn button[type="submit"]{
	display: block;
	font-size: 2rem;
	text-align: center;
	color: #FFF;
	height: 60px;
	line-height: 60px;
	position: relative;
	width: 340px;
	border: none;
	border-radius: 30px;
	background: linear-gradient(to right, #ffc554, #eb7500);
	font-weight: 500;
}

.contactpage_form_btn .send-btn{
	position: relative;
	display: inline-block;
}

.contactpage_form_btn .send-btn::after{
	font-family: "Font Awesome 6 Pro";
	content: "\f054";
	position: absolute;
	right:3rem;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	display: block;
	color:#FFF;
	font-weight: 600;
}

.contactpage_form_btn .back-btn{
	position: relative;
	display: inline-block;
	margin-right: 20px;
}

.contactpage_form_btn .back-btn::after{
	font-family: "Font Awesome 6 Pro";
	content: "\f053";
	position: absolute;
	left:3rem;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	display: block;
	color:#FFF;
	font-weight: 600;
}

.contactpage_form_btn input[type="submit"]:hover,
.contactpage_form_btn button[type="submit"]:hover{
	opacity: 0.7;
}


.contactpage_form .checkbox-adjust span{
	width: 31%;
	margin-left: 0px !important;
}

.contact-privacy{
	border: 1px solid #a0a0a0;
	width: 670px;
	margin: 8rem auto 0;
	padding: 4rem 4.5rem;
	box-sizing: border-box;
}

.contact-privacy a{
	color:#EB7500;
	text-decoration:underline;
}

.contact-privacy p{
	font-size: 1.6rem;
}

.contact-privacy .privacy-check{
	text-align:center;
	margin-top: 1rem;
	line-height: 2;
}

.contact-privacy .privacy-check .checkbox{
	margin:0;
}

.contact-privacy .privacy-check .mwform-checkbox-field-text{
	font-size: 1.8rem;
}

.contact-privacy .privacy-check input{
	margin-right: 10px;
	transform: scale(1.4);
	-moz-transform: scale(1.4);
	-webkit-transform: scale(1.4);
}

.contactpage-check .contact-privacy{
	display:none;
}

/* お問い合わせ(新)変更部分 */
.c-contact-new .contactpage_form table th p,
.c-contact-new .contactpage_form table td p{
	font-size:1.8rem;
	display: inline-block;
}

.c-contact-new .contactpage-form-btn input[type="submit"]{
	line-height:1;
	font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, Lato, Arial, "MS P Gothic", "MS Pゴシック", sans-serif;
	display: block;
	font-size: 2rem;
	text-align: center;
	color: #FFF;
	height: 60px;
	position: relative;
	width: 340px;
	border: none;
	border-radius: 30px;
	background: linear-gradient(to right, #ffc554, #eb7500);
	font-weight: 500;
	letter-spacing: .1em;
}

.c-contact-new .contactpage-form-btn{
	position:relative;
	width: 340px;
	height: 64px;
	margin: 8rem auto 0;
}

.c-contact-new .contactpage-form-btn::before{
	content: "";
	position: absolute;
	background-image: url(img/arrow-right-white.svg);
	display: inline-block;
	background-size: cover;
	width: 7px;
	height: 14px;
	right: 25px;
	bottom: 20px;
	z-index: 10;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}


/* プライバシーポリシー
--------------------------------*/
.page-bg-privacypolicy{
	background-image: url(./img/privacypolicy-title.jpg);
}

.c-privacypolicy{
	margin:10rem auto 15rem;
}

.c-privacypolicy .c-head-title{
	margin-bottom:10rem;
}

.c-privacypolicy .preface{
	font-size:1.8rem;
}

.c-privacypolicy h3{
	font-size:2rem;
	font-weight:500;
	color:#ea7500;
	margin:7rem 0 1rem;
	border-bottom:2px solid #a0a0a0;
	padding-bottom: 0.5rem;
}

.c-privacypolicy h3::before {
	content: counter(number)".";
	margin-right: 1rem;
	counter-increment: number 1;
}

.c-privacypolicy ul li{
	margin-left:2rem;
}

.c-privacypolicy .disc-mark li{
	list-style-type: disc;
	margin-left: 3rem;
}

.c-privacypolicy a{
	color:#ea7500;
	border-bottom:1px solid #ea7500;
}

/* スイトルボディ
--------------------------------*/
.page-bg-switlebody{
	background-image: url(./img/switlebody-title.jpg);
}

.c-switlebody{
	margin:16rem auto 13rem;
}

.c-switlebody .switlebody-container{
	background-color: #faf6e9;
	padding-bottom: 5rem;
	padding-top: 15.5rem;
	margin-bottom: 15.5rem;
}

.c-switlebody .switlebody-container .switlebody-box{
	display:flex;
	justify-content:space-between;
	margin-bottom: 8rem;
}

.c-switlebody .switlebody-container .switlebody-image{
	max-width:560px;
	width:48%;
	height:auto;
	line-height: 1;
}

.c-switlebody .switlebody-container img{
	width:100%;
	height:auto;
}

.c-switlebody .switlebody-container .switlebody-txt{
	width:50%;
	position:relative;
	margin-top:3rem;
}

.c-switlebody .switlebody-container .switlebody-txt h3{
	width:313px;
	height:50px;
	margin-bottom: 3rem;
}

.c-switlebody .switlebody-container .switlebody-txt .switlebody-main-image{
	max-width:260px;
	height:auto;
	position:absolute;
	right:0;
	top:-125px;
	width: 40%;
}

.c-switlebody .switlebody-container ul{
	display:flex;
	justify-content:space-between;
	margin-bottom: 4rem;
}

.c-switlebody .switlebody-container ul li{
	width:30%;
}

.c-switlebody .switlebody-container ul li .switlebody-point{
	width:100%;
	position:relative;
	line-height: 1;
	margin-bottom: 2rem;
}

.c-switlebody .switlebody-container ul li .switlebody-point img{
	border-radius: 15px;
	box-shadow: 5px 5px rgba(42,168,200,0.4);
}

.c-switlebody .switlebody-container ul li .switlebody-point .switlebody-sp-image{
	display:none;
}

.c-switlebody .switlebody-container ul li .switlebody-point::before{
	content: "";
	display: inline-block;
	background-size: cover;
	width:58px;
	height:85px;
	position:absolute;
	top:-45px;
	left:-25px;
}

.c-switlebody .switlebody-container ul li:first-child .switlebody-point::before{
	background-image: url(img/point-1.svg);
}

.c-switlebody .switlebody-container ul li:nth-child(2) .switlebody-point::before{
	background-image: url(img/point-2.svg);
}

.c-switlebody .switlebody-container ul li:last-child .switlebody-point::before{
	background-image: url(img/point-3.svg);
}

.c-switlebody .switlebody-container ul li p{
	font-size:2rem;
	font-weight:500;
	line-height:1.6;
	letter-spacing: .05em;
}

.c-switlebody .switlebody-container .moreover{
	max-width:900px;
	width:90%;
	margin:0 auto;
	text-align:center;
}

.c-switlebody .switlebody-container .moreover .diagonalline{
	font-size:2.5rem;
	font-weight:500;
	padding: 0 3rem;
	position:relative;
	line-height: 1;
	letter-spacing: .1em;
}

.c-switlebody .switlebody-container .moreover .diagonalline::before,
.c-switlebody .switlebody-container .moreover .diagonalline::after{
	content:"";
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 26px;
	height: 2px;
	background-color: #262626;
	transform: rotate(-60deg);
}

.c-switlebody .switlebody-container .moreover .sp-bd::before,
.c-switlebody .switlebody-container .moreover .sp-bd::after{
	content:none;
}

.c-switlebody .switlebody-container .moreover .diagonalline::before{
	left: 0;
	transform: rotate(-120deg);
}

.c-switlebody .switlebody-container .moreover .diagonalline::after{
	right: 0;
}

.c-switlebody .switlebody-container .moreover .explanation{
	font-size:3.2rem;
	font-weight:500;
	border-bottom:6px double #2AA8C8;
	letter-spacing: .1em;
	line-height: 1.8;
	margin-bottom: 1rem;
}

.c-switlebody .switlebody-container .moreover .supplement{
	font-size:1.4rem;
	letter-spacing: .1em;
}

.c-switlebody .worries-container {
	border: 5px solid #eb7500;
	padding-bottom: 14rem;
}

.c-switlebody .worries-container .c-sab-title{
	font-size:3.2rem;
	max-width:780px;
	width:75%;
}

.c-switlebody .worries-container .benefits-container{
	width:100%;
	position: relative;
	margin-bottom: 4.5rem;
}

.c-switlebody .worries-container .benefits-container .benefits-txt{
	position:absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	z-index: 1;
	line-height: 1;
}

.c-switlebody .worries-container .benefits-container .benefits-txt h4{
	position:relative;
	font-size: 5.5rem;
	font-weight: 500;
	letter-spacing: .1em;
	margin-bottom: 5rem;
}

.c-switlebody .worries-container .benefits-container .benefits-txt ul{
	position:relative;
}

.c-switlebody .worries-container .benefits-container .benefits-txt ul li{
	font-size: 4.5rem;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 2;
	position: relative;
}

.c-switlebody .worries-container .benefits-container .benefits-txt ul li span{
	color:#e01919;
}


.c-switlebody .worries-container .benefits-container .benefits-img{
	position:relative;
	width: 70%;
	margin-left: auto;
}

.c-switlebody .worries-container .benefits-container .benefits-img img{
	width:100%;
	height:auto;
}

.c-switlebody .worries-container .worries-txt{
	margin-bottom:13.5rem;
}

.c-switlebody .worries-container .worries-txt .attention{
	font-size:1.2rem;
	vertical-align: top;
}

.c-switlebody .worries-container .worries-txt .attention-ex{
	font-size:1.4rem;
	text-align:right;
}

.c-switlebody .worries-container .frame-2aa8c8{
	border:2px solid #2AA8C8;
	padding:0 2.5rem 3rem;
	margin-bottom:10rem;
}

.c-switlebody .worries-container .frame-2aa8c8 img{
	width:100%;
	height:auto;
}

.c-switlebody .c-switlebody-title{
	font-size: 2.5rem;
	font-weight: 600;
	letter-spacing: .1em;
	background-color: #2AA8C8;
	text-align: center;
	border-radius: 4rem;
	color: #fff;
	max-width: 550px;
	height: 60px;
	line-height: 58px;
	margin: -3rem auto 7rem;
	width: 95%;
}

.c-switlebody .attachment-box .attachment-img-sp{
	display:none;
}

.c-switlebody .attachment-box p{
	font-size:2rem;
	font-weight:600;
	text-align:center;
	letter-spacing:.1em;
	margin-top:2rem;
}

.c-switlebody .system-box .system-container{
	display:flex;
	align-items:center;
}

.c-switlebody .system-box .system-container dl{
	width:48%;
	margin-left: auto;
}

.c-switlebody .system-box .system-container dl dt,
.c-switlebody .system-box .system-container dl dd{
	letter-spacing:.1em;
	line-height: 1;
}

.c-switlebody .system-box .system-container dl dt{
	font-size:2rem;
	font-weight:500;
	color:#2AA8C8;
	margin-bottom:1.5rem;
}

.c-switlebody .system-box .system-container dl dd{
	font-size:2.5rem;
	font-weight:600;
	margin-bottom: 4rem;
}

.c-switlebody .system-box .system-container .system-image{
	width:48%;
}

.c-switlebody .detail-container{
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.c-switlebody .detail-container .detail-box{
	width:46%;
	padding: 0 2.5rem 3rem;
}

.c-switlebody .detail-container .detail-box .c-switlebody-title{
	margin: -3rem auto 3rem;
	max-width: 500px;
	width: 95%;
}

.c-switlebody .design-box{
	border:2px solid #2AA8C8;
	padding:0 2.5rem 3rem;
	margin-bottom:10rem;
}

.c-switlebody .design-box .c-switlebody-title{
	margin: -3rem auto 6rem;
	width: 820px;
	letter-spacing: .05em;
}

.c-switlebody .design-box dl{
	display:flex;
	align-items: baseline;
	line-height: 1.6;
	justify-content: center;
}

.c-switlebody .design-box .mainbody{
	border-bottom:2px solid #2AA8C8;
	max-width:850px;
	margin:0 auto 5rem;
	width: 95%;
}

.c-switlebody .design-box .mainbody dt{
	font-size:2.5rem;
	font-weight:500;
	letter-spacing: .05em;
	margin-right: 1.5rem;
}

.c-switlebody .design-box .mainbody dd{
	font-size:4.5rem;
	font-weight:700;
	color:#2AA8C8;
}

.c-switlebody .design-box .mainbody dd:first-of-type{
	margin-right:4rem;
}

.c-switlebody .design-box .mainbody dd span{
	font-size:3rem;
}

.c-switlebody .design-box .mainbody dd p{
	font-size:4.5rem;
	font-weight:500;
	color:#2AA8C8;
	position:relative;
	display: inline-block;
}

.c-switlebody .design-box .mainbody dd .size{
	font-size:1.8rem;
	font-weight:500;
	position:absolute;
	top:-17px;
	color: #262626;
	letter-spacing: 0;
	left: 5px;
}

.c-switlebody .design-box .mainbody dd .centimeter{
	font-size:3rem;
	font-weight:700;
	color:#2AA8C8;
}

.c-switlebody .design-box .eachtank-title{
	font-size:2.5rem;
	font-weight:500;
	text-align:center;
	margin-bottom: 1rem;
}

.c-switlebody .design-box .eachtank dt{
	font-size:3rem;
	font-weight:500;
}

.c-switlebody .design-box .eachtank dt::after{
	content:":";
	padding: 0 1rem;
}

.c-switlebody .design-box .eachtank dd{
	font-size:3rem;
	font-weight:500;
	letter-spacing:.1em;
}

.c-switlebody .design-box .eachtank dd span{
	font-size:2.2rem;
}

.c-switlebody .design-box .eachtank dd:not(:last-of-type)::after{
	content:"/";
	padding: 0 2rem;
}

.c-switlebody .point-list{
	display:flex;
	justify-content:space-between;
	margin-bottom: 9.5rem;
}

.c-switlebody .point-list li{
	width:12%;
	text-align:center;
}

.c-switlebody .point-list li img{
	width:100%;
	height:auto;
}

.c-switlebody .point-list li .point-title{
	font-size:1.8rem;
	font-weight:700;
	text-align: center;
	letter-spacing: .1em;
	margin: 1rem 0;
}

.c-switlebody .point-list li p{
	font-size:1.5rem;
	line-height:1.6;
	letter-spacing: .05em;
}

.c-switlebody .solution-container .solution-catch{
	font-size:3.2rem;
	font-weight:500;
	letter-spacing:.1em;
	text-align:center;
	border-bottom: 6px double #2AA8C8;
	max-width: 740px;
	width: 70%;
	margin: 0 auto 9rem;
}

.c-switlebody .solution-container ul{
	display:flex;
	justify-content:space-between;
	margin-bottom: 9rem;
}

.c-switlebody .solution-container ul li{
	width:30%;
	padding:11rem 4rem 3rem;
	position:relative;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	border-radius: 15px;
	text-align: center;
}

.c-switlebody .solution-container ul li::after{
	content:"";
	width:190px;
	height:6px;
	background-color:#2AA8C8;
	position:absolute;
	top:0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.c-switlebody .solution-container ul li:nth-child(2){
	padding-top:5rem;
}

.c-switlebody .solution-container ul li img{
	width:100%;
	height:auto;
	margin-bottom: 3rem;
}

.c-switlebody .solution-container ul li:nth-child(2) img{
	margin-bottom: 1.5rem;
}

.c-switlebody .solution-container ul li h4{
	font-size:3.2rem;
	font-weight:500;
	letter-spacing:.1em;
	line-height:1;
}

.c-switlebody .solution-container ul li h4 span{
	font-size:1.4rem;
	font-weight:500;
	letter-spacing: .05em;
	margin-bottom: 0.5rem;
	display: block;
}

.c-switlebody .solution-container ul li h4 img{
	max-width:265px;
	height:42px;
	width: 95%;
}

.c-switlebody .solution-container ul li .solution-title{
	font-size:3.2rem;
	font-weight:500;
	color:#2AA8C8;
	letter-spacing: .1em;
	margin-bottom: 3rem;
	line-height: 1;
}

.c-switlebody .solution-container ul li .solution-title span{
	position:relative;
}

.c-switlebody .solution-container ul li .solution-title span::after{
	content:"";
	width:6px;
	height:6px;
	border-radius:50%;
	background-color:#2AA8C8;
	position:absolute;
	top:-5px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.c-switlebody .solution-container .solution-banner{
	width:945px;
	height:auto;
	line-height:0;
	margin:0 auto;
}

.c-switlebody .solution-container .solution-banner img{
	width:100%;
	height:auto;
}

.c-product{
	padding-bottom:15rem;
}

.c-product .c-head-title {
	margin: 0 auto 12rem;
}

.c-product .bg-blue{
	padding:10rem 0;
	background-color: #e4eff4;
	border-radius:10px;
}

.c-product .product-box{
	display:flex;
	justify-content:space-between;
}

.c-product .product-box .product-image{
	width:350px;
	height:350px;
}

.c-product .product-box .product-image img{
	width:100%;
	height:auto;
}

.c-product .product-box .product-txt{
	width:calc(100% - 400px);
}

.c-product .product-box .product-txt .product-name{
	display:flex;
	justify-content:space-between;
	align-items: end;
}

.c-product .product-box .product-txt .product-name h3{
	line-height:1;
	margin-bottom:2.5rem;
}

.c-product .product-box .product-txt .product-name h3 span{
	font-size:1.6rem;
	font-weight: 400;
	margin-bottom: 1.5rem;
	display: block;
}

.c-product .product-box .product-txt .product-name h3 img{
	width:313px;
	height:50px;
}

.c-product .product-box .product-txt .product-name .price{
	font-size:4rem;
	font-weight:500;
	color:#2AA8C8;
	letter-spacing:.05em;
}

.c-product .product-box .product-txt .product-name .price span{
	font-size:2.2rem;
}

.c-product .product-box .product-txt dl{
	display:flex;
	flex-wrap:wrap;
}

.c-product .product-box .product-txt dl dt,
.c-product .product-box .product-txt dl dd{
	font-size:1.8rem;
	letter-spacing: .05em;
}

.c-product .product-box .product-txt dl dt{
	width:10%;
}

.c-product .product-box .product-txt dl dt:nth-of-type(2){
	width:12%;
}

.c-product .product-box .product-txt dl dt:nth-of-type(4){
	width:19%;
}

.c-product .product-box .product-txt dl dt:nth-of-type(5),
.c-product .product-box .product-txt dl dt:nth-of-type(7){
	width:15%;
}

.c-product .product-box .product-txt dl dd{
	width:80%;
}