@charset "UTF-8";

/* メインイメージ */
.contentpage .m_img_area::before {
	background-image: url("../images/equipment/m_img@2x.jpg")
}


/*共通
---------------------------------------------------------*/
/*タイトル*/
.equ_title {
	text-align: center;
	font-size: min(3.6vw,266%);
	letter-spacing: .2em;
	line-height: 1.5;
	font-feature-settings: "palt";
	background-color: #ddf5f6;
	padding: 2em 0 1em;
	margin-bottom: 1.7em;
}
.equ_title .ft_en {
	color: #4091e6;
	font-size: 80%;
	letter-spacing: .05em;
	line-height: 1;
	margin-top: .2em;
}
/*スタイル*/
.equ_style1 {
	text-align: center;
	color: #4091e6;
	font-size: min(1.6vw,105%);
	letter-spacing: .1em;
	line-height: 1.5;
}
.equ_style1 .ft_min {
	font-size: min(2.3vw,162%);
	letter-spacing: .18em;
	font-feature-settings: "palt";
	margin-top: .2em;
}
.equ_style1 + dd {
	margin-top: .6em;
}
.equ_style2 > dt {
	color: #4091e6;
	font-size: min(2.8vw,200%);
	letter-spacing: .18em;
	font-feature-settings: "palt";
	line-height: 1.5;
	margin-bottom: .4em;
}
.equ_style3 {
	display: flex;
	align-items: center;
	margin-bottom: 1.8em;
}
.equ_style3.type_c {
	justify-content: center;
	margin-bottom: 2.3em;
}
.equ_style3 .fw_bold {
	font-size: min(2vw,166%);
	letter-spacing: .12em;
	line-height: 1.6;
}
.equ_style3 .circle {
	position: relative;
	display: inline-block;
	width: 6.3em;
	min-width: 6.3em;
	text-align: center;
	color: #FFF;
	font-size: min(1.8vw,126%);
	letter-spacing: .1em;
	line-height: 1.3;
	white-space: nowrap;
	background-color: #86bb59;
	border-radius: 50%;
	margin-right: 1.2em;
}
.equ_style3 .circle::before {
	display: block;
	content: "";
	padding-top: 100%;
}
.equ_style3 .circle p {
	position: absolute;
	width: 100%;
	padding-top: 1.4em;
	left: 0;
	top: 53%;
	transform: translateY(-50%);
	
	background: url("../images/equipment/icon_vis.svg") no-repeat center top;
	background-size: 1.6em auto;
}
.equ_style3 .circle span {
	display: block;
}
.equ_style3 .circle .ft_en {
	font-size: 163%;
	line-height: 1;
	margin-top: .2em;
}
/*equ_flt*/
.equ_flt .img_r,
.equ_flt .img_l {
	max-width: 550px;
}
/*equ_col3*/
.equ_col3 .box_img {
	max-width: 350px;
	margin: 0 auto 5%;
}
/*equ_point*/
.equ_point {
	box-sizing: border-box;
	background-color: #faf4e3;
	padding: 30px 5%;
}
.equ_point > dt {
	text-align: center;
	font-size: 146%;
	font-weight: bold;
	letter-spacing: .15em;
	line-height: 1.5;
	margin-bottom: 1em;
}
.equ_point .poi_col3 .box_img {
	margin: 0 auto 1em;
}
/*equ_inbox*/
.equ_inbox > div {
	padding-bottom: 55px;
	margin-bottom: 65px;
	border-bottom: 1px solid rgba(121,89,90,0.2);
}
.equ_inbox > div:last-of-type {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {

/*equ_flt*/
.equ_flt .img_r,
.equ_flt .img_l {
	width: 46%;
	margin-bottom: 1em;
}
.equ_flt .img_r {
	float: right;
	margin-left: 4%;
}
.equ_flt .img_l {
	float: left;
	margin-right: 4%;
}
/*equ_col3*/
.equ_col3 {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.equ_col3 > div {
	width: 30%;
	margin-right: 5%;
}
.equ_col3 > div:nth-of-type(3n),
.equ_col3 > div:last-of-type {
	margin-right: 0;
}
.equ_col3 > div:nth-of-type(n+4) {
	margin-top: 5%;
}
/*equ_point*/
.equ_point .poi_col3 {
	display: flex;
	justify-content: space-between;
	max-width: 990px;
	margin: 0 auto;
}
.equ_point .poi_col3 > div {
	width: 30%;
	max-width: 260px;
}


}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

.equ_title {
    letter-spacing: .15em;
}
.equ_style1 {
	font-size: 1.8vw;
	letter-spacing: .05em;
}
.equ_style2 > dt {
	letter-spacing: .12em;
}
.equ_style3 .fw_bold {
	font-size: 2.1vw;
	letter-spacing: .08em;
}

.equ_col3 > div {
	width: 31%;
	margin-right: 3.5%;
}
	
.equ_inbox > div {
	padding-bottom: 5%;
	margin-bottom: 6%;
}


}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

.equ_title {
	font-size: 140%;
	letter-spacing: .1em;
	padding-top: 1.5em;
}
.equ_title .ft_en {
	font-size: 90%;
}
	
.equ_style1 {
	font-size: 100%;
	letter-spacing: .05em;
}
.equ_style1 .ft_min {
	font-size: 140%;
}
.equ_style2 > dt {
	font-size: 145%;
	letter-spacing: .1em;
}
.equ_style3 {
	margin-bottom: 1.5em;
}
.equ_style3.type_c {
	justify-content: flex-start;
	margin-bottom: 2em;
}
.equ_style3 .fw_bold {
	font-size: 110%;
	letter-spacing: .05em;
}
.equ_style3 .circle {
	font-size: 90%;
	margin-right: 1.2em;
}
	
.equ_inbox > div {
	padding-bottom: 9%;
	margin-bottom: 11%;
}
	
/*equ_flt*/
.equ_flt .img_r,
.equ_flt .img_l {
	width: 90%;
	margin: 0 auto 5%;
}
/*equ_col3*/
.equ_col3 > div {
	margin-bottom: 10%;
}
.equ_col3 > div:last-of-type {
	margin-bottom: 0;
}
.equ_col3 .box_img {
	width: 70%;
}
/*equ_point*/
.equ_point {
	padding: 8% 5% 10%;
}
.equ_point > dt {
	font-size: 125%;
	letter-spacing: .1em;
}
.equ_point .poi_col3 > div {
	margin-bottom: 8%;
}
.equ_point .poi_col3 > div:last-of-type {
	margin-bottom: 0;
}
.equ_point .poi_col3 .box_img {
	width: 80%;
}

}


/*
---------------------------------------------------------*/
/*clean*/
#clean .img_col3 {
	display: flex;
	margin-bottom: 1.7em;
}
#clean .img_col3 img {
	width: 33.333%;
}
#clean .img_col3 + p {
	line-height: 2.5;
}
/*visual*/
#visual .equ_title {
	background-color: #eaf7de;
}
#visual .equ_title .ft_en,
#visual .equ_style1,
#visual .equ_style2 > dt,
#visual .equ_style3 .fw_bold {
	color: #79b347;
}
/*relax*/
#relax .equ_title {
	background-color: #fbf3d9;
}
#relax .equ_title .ft_en,
#relax .equ_style1,
#relax .equ_style2 > dt,
#relax .equ_style3 .fw_bold,
#relax .equ_point > dt {
	color: #e68400;
}
#relax .equ_style3 .circle {
	background-color: #eb9d33;
}
#relax .equ_style3 .circle p {
	background-image: url("../images/equipment/icon_rel.svg")
}

/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
	
/*relax*/
#scaler .equ_style2 > dt {
	font-size: min(2.8vw,153%);
}
	
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

/*clean*/
#clean .img_col3 + p {
	line-height: 2;
}

}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

/*clean*/
#clean .img_col3 {
	width: 80%;
	flex-wrap: wrap;
	margin: 0 auto 7%;
}
#clean .img_col3 img {
	width: 50%;
}
#clean .img_col3 img:first-of-type {
	width: 100%;
}
#clean .img_col3 + p {
	line-height: 2;
}

}


/*
---------------------------------------------------------*/

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

}