@charset "UTF-8";
/* CSS Document */

body main {
	font-family: var(--font_serif);
	font-weight: 500;
	letter-spacing: -0.03em;
	font-feature-settings: 'palt';
}
footer#mainFooter {
	margin-bottom: 130px;
	padding-top: 30px;
}

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

body main img{
	width:100%;
}

.pc{
	display:none;
}

.sp{
	display:block;
	line-height:0;
}

.contents{
	width:92%;
	margin:0 auto;
	position:relative;
	line-height:0;
}

/*------------------------------------------------*/
#main{
	width:100%;
	min-width:100%;
	height:149vw;
	margin:0 auto;
	background-color:#fff;
	border-bottom: 3vw solid;
  border-image: linear-gradient(to right, #42cf55, #ffbd57) 1;
	overflow:hidden;
	position:relative;
}

#main #main_inner{
	width:100%;
	min-width:100%;
	height:146vw;
	margin:0 auto;
	background: url("/assets/images/suihan/main_sp.jpg") no-repeat center top;
  background-size:100% auto;
	position:relative;
	z-index:10;
}

#main #main_inner .contents{
	height:100%;
}

#main #logo_block{
	width:58vw;
	margin:0 auto;
	padding-top:6vw;
	position:relative;
	z-index:10;
}

#main #main_product{
	width:73vw;
	position:absolute;
	bottom:2vw;
	left:0;
	right:0;
	margin:auto;
	z-index:10;
}

#main #main_deco1,
#main #main_deco2,
#main #main_deco3,
#main #main_deco4{
	display:none;
}

/*------------------------------------------------*/
#trouble{
	width:100%;
	min-width:100%;
	margin:0 auto;
	position:relative;
	padding:7vw 0 9vw;
	background: url("/assets/images/suihan/bg_wood.jpg");
	text-align:center;
	overflow:hidden;
}

.marker {
	background: linear-gradient(transparent 60%, #ffee24 40%);
}

h2.title{
	font-size:6vw;
	font-weight:800;
	line-height:1.3;
	display:inline-block;
	position:relative;
	z-index:10;
}

.f_small{
	font-size:5vw;
}

h2.title:before{
  position: absolute;
  content: '';
	font-size:5vw;
	font-weight:900;
	left:-3vw;
	top:-0.5vw;
	width:5vw;
	height:5vw;
	border-top:3px solid #000;
	border-left:3px solid #000;
}

h2.title:after{
  position: absolute;
  content: '';
	font-size:5vw;
	font-weight:900;
	right:-3vw;
	bottom:-0.5vw;
	width:5vw;
	height:5vw;
	border-right:3px solid #000;
	border-bottom:3px solid #000;
}

#trouble ul{
	width:84%;
	margin:10vw auto 0;
	position:relative;
	display: flex;
	justify-content: start;
	align-items: start;
	flex-wrap: wrap;
}

#trouble ul li{
	width:100%;
	font-family: var(--font_sans);
	font-size:4.2vw;
	font-weight:500;
	text-align:left;
	box-sizing:border-box;
	margin-bottom:6vw;
	line-height:1.4;
	position:relative;
	z-index:10;
}

span.line{
	background-color:#fdf590;
	display:inline-block;
	line-height:1.4;
	margin-bottom:0.5vw;
}

#trouble ul li:nth-child(1),
#trouble ul li:nth-child(3){
	width:60vw;
	height:33vw;
	background: url("/assets/images/suihan/fukidashi1_sp.png") no-repeat center top;
	background-size:cover;
	padding:3vw 2vw 2vw 6vw;
	margin-left:22vw;
}

#trouble ul li:nth-child(2),
#trouble ul li:nth-child(4){
	width:60vw;
	height:28vw;
	background: url("/assets/images/suihan/fukidashi2_sp.png") no-repeat center top;
	background-size:cover;
	padding:7vw 2vw 2vw 6vw;
}

#trouble ul li:nth-child(4){
	padding:5vw 2vw 2vw 6vw;
}

#series{
	width:92%;
	margin:4vw auto 0;
	box-sizing:border-box;
	border-radius:4vw;
	border:1.4vw solid #febd57;
	background-color:#fff;
	padding:5vw 0;
	position:relative;
	z-index:10;
}

#series h3{
	font-size:5.8vw;
	font-weight:800;
	text-align:center;
	line-height:1.4;
}

#series h3 .marker{
	background: linear-gradient(transparent 60%, #fdf590 40%);
}

#series_img{
	width:54vw;
	margin:6vw auto 0;
}

#trouble #trouble_illust1{
	width:29vw;
	position:absolute;
	left:0;
	top:26vw;
}

#trouble #trouble_illust2{
	width:20vw;
	position:absolute;
	right:7vw;
	top:72vw;
}

#trouble #trouble_illust3{
	width:19.6vw;
	position:absolute;
	left:8vw;
	top:107vw;
}

#trouble #trouble_illust4{
	width:29vw;
	position:absolute;
	right:0;
	top:141vw;
}

#trouble #trouble_deco1{
	width:58vw;
	position:absolute;
	right:-24vw;
	top:40vw;
	z-index:1;
}

#trouble #trouble_deco2{
	width:28vw;
	position:absolute;
	left:-12vw;
	top:164vw;
	z-index:20;
}

#trouble #trouble_deco3{
	width:52vw;
	position:absolute;
	right:-24vw;
	bottom:5vw;
	z-index:20;
}

/*------------------------------------------------*/
#care{
	width:100%;
	min-width:100%;
	margin:0 auto;
	position:relative;
	padding:7vw 0 9vw;
	text-align:center;
	overflow:hidden;
}

#care h2 .marker{
	background: linear-gradient(transparent 60%, #fdf590 40%);
}

#care #care1{
	width:88%;
	min-width:88%;
	height:auto;
	margin:10vw auto 0;
	position:relative;
}

#care #care1 .contents{
	height:auto;
}

#care #care1 #care_img{
	width:92%;
	height:64vw;
	position:relative;
	margin:5vw auto 0;
	right:0;
	top:0;
	border-radius:0;
	background: url("/assets/images/suihan/care_img.jpg") no-repeat center top;
	background-size:cover;
}

#care #care1 h3{
	font-size:4.5vw;
	font-weight:800;
	text-align:left;
	line-height:1.4;
	letter-spacing:0;
	margin-top:0;
}

#care #care1 h3 span{
	margin-left:-2vw;
}

#care #care1 p.care1_txt{
	width:100%;
	font-family: var(--font_sans);
	font-size:4.0vw;
	font-weight:500;
	text-align:left;
	line-height:1.7;
	margin-top:3vw;
	text-align:justify;
}

#care #care1 #care_illust1{
	width:100%;
	position:relative;
	left:0;
	bottom:0;
	margin-top:3vw;
}

#care #care2 dl{
	width:88%;
	min-width:88%;
	margin:5vw auto 0;
	position:relative;
	display: flex;
	justify-content: space-between;
	align-items: start;
	flex-wrap: wrap;
}

#care #care2 dl dt{
	width:100%;
}

#care #care2 dl dd{
	width:100%;
}

#care #care2 dl dt #but{
	width:25vw;
	margin-left:-6vw;
}

#care #care2 p.care2_txt{
	width:100%;
	font-family: var(--font_sans);
	font-size:4.0vw;
	font-weight:500;
	text-align:left;
	line-height:1.7;
	text-align:justify;
}

#care #care2 dl dd #care_illust2{
	width:100%;
	margin-top:5vw;
}

#care #care2 dl dd ul{
	width:100%;
	position:relative;
	display: flex;
	justify-content: space-between;
	align-items: start;
	flex-wrap: wrap;
	margin-top:2vw;
}

#care #care2 dl dd ul li{
	font-family: var(--font_sans);
	font-size:3.2vw;
	font-weight:500;
	line-height:1.5;
}

#care #care2 dl dd ul li:nth-child(1){
	width:40%;
}

#care #care2 dl dd ul li:nth-child(2){
	width:50%;
}

#care #care2 dl dd span{
	display:block;
	font-family: var(--font_sans);
	font-size:2.4vw;
	font-weight:500;
	line-height:1.6;
	text-align:center;
	margin-top:3vw;
}

#care h4{
	width:98%;
	margin:5vw auto 0;
	padding:3vw 0;
	position:relative;
	font-size:6.0vw;
	font-weight:800;
	text-align:center;
	line-height:1.3;
	background: linear-gradient(to right, #fff, #ffecce 30%, #ffecce 70%, #fff 100%);
}

#care .point{
	color:#fe0000;
}

#care #effect{
	width:96%;
	margin:9vw auto 0;
	position:relative;
	box-sizing:border-box;
	font-size:3.0vw;
	font-weight:600;
	text-align:center;
	line-height:1.6;
	border-radius:4vw;
	border:1.4vw solid #ffbd57;
	background-color:#fff;
}

#effect .effect_title{
	width:50vw;
	height:10vw;
	background-color:#ffbd57;
	color:#fff;
	margin:-5vw auto 0;
	position:relative;
	box-sizing:border-box;
	font-size:5.0vw;
	font-family: var(--font_sans);
	font-weight:600;
	text-align:center;
	line-height:1.6;
	border-radius:5vw;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

#effect dl{
	width:90%;
	margin:30px auto 0;
	position:relative;
	font-size:18px;
	font-family: var(--font_sans);
	font-weight:500;
	display: flex;
	justify-content: space-between;
	align-items: start;
	flex-wrap: wrap;
	text-align:left;
}

#effect dl dt{
	width:100%;
	margin:3vw 0 5vw;
}

#effect dl dd{
	width:100%;
}

#effect ul{
	width:100%;
	display: flex;
	justify-content: space-between;
	align-items: start;
	flex-wrap: wrap;
}

#effect ul li:nth-child(1){
	width:35%;
}

#effect ul li:nth-child(2){
	width:60%;
}

#effect ul li p{
	background-color:#ffbd57;
	font-size:5.0vw;
	text-align:center;
	font-weight:600;
	margin-top:5vw;
}

#effect ul li span{
	display:block;
	margin-top:2vw;
	font-size:3.2vw;
}

#effect span.caution{
	display:block;
	font-family: var(--font_sans);
	font-size:2.4vw;
	font-weight:500;
	line-height:1.6;
	text-align:right;
	padding:0 2vw 2vw 0;
}

#care #care_deco1{
	width:50vw;
	position:absolute;
	right:-10vw;
	top:170vw;
	z-index:1;
}

#care #care_deco2{
	width:26vw;
	position:absolute;
	left:-18vw;
	top:0;
	z-index:1;
}

#care #care_deco3{
	width:26vw;
	position:absolute;
	left:-15vw;
	top:360vw;
	z-index:1;
}

/*------------------------------------------------*/
#select_type{
	width:100%;
	min-width:100%;
	margin:0 auto;
	position:relative;
	padding:8vw 0 9vw;
	background: url("/assets/images/suihan/bg_wood.jpg");
	text-align:center;
	overflow:hidden;
}

#select_type h2 .marker{
	background: linear-gradient(transparent 60%, #fdf590 40%);
}

#select_type .select_block{
	width:88%;
	margin:9vw auto 0;
	position:relative;
	box-sizing:border-box;
	border-radius:4vw;
	padding-bottom:5vw;
}

#select_type .select_block .title{
	position:absolute;
	left:0;	
	right:0;
	margin:auto;
	top:-3vw;
	text-align:center;
}

#select_type .select_block .title span{
	color:#fff;
	box-sizing:border-box;
	font-size:4.4vw;
	font-weight:700;
	line-height:4.4vw;
	padding:1vw 2vw;
}

#select_type div.select_block:nth-of-type(1){
	border:1.4vw solid #40ce54;
	background-color:#e2f7e4;
}

#select_type div.select_block:nth-of-type(1) .title span{
	background-color:#40ce54;
}

#select_type div.select_block:nth-of-type(2){
	border:1.4vw solid #febd57;
	background-color:#ffefd5;
}

#select_type div.select_block:nth-of-type(2) .title span{
	background-color:#febd57;
}

#select_type ul.select_img{
	width:90%;
	margin:8vw auto 0;
	position:relative;
	display: flex;
	justify-content: space-between;
	align-items: start;
	flex-wrap: wrap;
}

#select_type ul.select_img li:nth-child(1){
	width:38%;
	box-sizing:border-box;
	padding-left:0;
}

#select_type ul.select_img li:nth-child(2){
	width:50%;
}

#select_type ul.select_img li:nth-child(1) p{
	font-size:3.0vw;
	font-family: var(--font_sans);
	font-weight:500;
}

#select_type ul.select_img li:nth-child(2) p{
	display:none;
}

#select_type h3{
	width:90%;
	margin:5vw auto 0;
	font-size:4.8vw;
	font-weight:800;
	text-align:left;
}

#select_type ul.select_list{
	width:90%;
	margin:0 auto 0;
	position:relative;
	padding:0;
}

#select_type ul.select_list li{
  position: relative;
  padding-left: 1.2em;
  font-size: 3.8vw;
  font-family: var(--font_sans);
  font-weight: 500;
  text-align: left;
  line-height: 1.5;
  text-align:justify;
}

#select_type ul.select_list li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 1.5vw;
  font-size: 2.8vw;
  line-height: 1;
  color: black;
}

#select_type div.select_block:nth-of-type(1) ul.select_list li::before {
	color:#41cf55;
}

#select_type div.select_block:nth-of-type(2) ul.select_list li::before {
	color:#febd57;
}

#feel{
	width:90%;
	margin:8vw auto 0;
	position:relative;
	background-color:#fff;
	box-sizing:border-box;
	border-radius:4vw;
	padding:5vw 0;
}

#feel .feel_title{
	text-align:center;
	font-size:5.8vw;
	font-weight:800;
	line-height:1.5;
}

#feel .feel_title .f_small{
	font-size:4.8vw;
}

#feel ul{
	width:88%;
	margin:5vw auto 0;
	position:relative;
	display: flex;
	justify-content: space-between;
	align-items: start;
	flex-wrap: wrap;
}

#feel ul li:nth-child(1){
	width:100%;
	font-size:3.8vw;
	text-align:left;
	font-family: var(--font_sans);
	font-weight:500;
	text-align:justify;
}

#feel ul li:nth-child(1) span{
	background-color:#feeed5;
}

#feel ul li:nth-child(2){
	width:100%;
	text-align:left;
	margin-top:5vw;
}

#feel ul li:nth-child(2) img{
	width:75%;
}

#feel dl{
	width:88%;
	margin:4vw auto 0;
	position:relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	border-top:0.4vw solid #000;
	padding-top:2vw;
}

#feel dl dt{
	width:100%;
	font-size:4.4vw;
	text-align:left;
	font-family: var(--font_sans);
	font-weight:600;
}

#feel dl dd{
	width:100%;
	font-size:3.0vw;
	text-align:left;
	font-family: var(--font_sans);
	font-weight:500;
}

#feel #feel_illust2{
	width:26vw;
	position:absolute;
	right:-3vw;
	top:130vw;
}

#select_type #select_deco1{
	width:28vw;
	position:absolute;
	left:-10vw;
	top:10vw;
	z-index:1;
}

#select_type #select_deco2{
	width:50vw;
	position:absolute;
	right:-25vw;
	top:140vw;
	z-index:1;
}

#select_type #select_deco3{
	width:36vw;
	position:absolute;
	left:-25vw;
	top:215vw;
	z-index:1;
}

#select_type #select_deco4{
	width:40vw;
	position:absolute;
	right:-20vw;
	bottom:110vw;
	z-index:1;
}

/*------------------------------------------------*/
#master{
	width:100%;
	min-width:100%;
	margin:0 auto;
	position:relative;
	padding:7vw 0 9vw;
	text-align:center;
	overflow:hidden;
}

#master h2 .marker{
	background: linear-gradient(transparent 60%, #fdf590 40%);
}

#master #master_block {
	width:88%;
	margin:5vw auto 0;
  display: flex;
  flex-wrap: wrap;
	position:relative;
	gap:0;
}

#master #master_block {
	flex-direction: column;
}

#master #master_block .image{
	width:100%;
	position:relative;
	margin-top:10vw;
}

#master #master_block .image p{
	position:relative;
	font-size:4.0vw;
	text-align:left;
	font-family: var(--font_sans);
	font-weight:500;
	line-height:1.6;
	margin-top:5vw;
}

#master #master_block .image span{
	position:relative;
	display:block;
	font-size:3.6vw;
	text-align:left;
	font-family: var(--font_sans);
	font-weight:500;
	line-height:1.6;
	margin-top:3vw;
	text-align:justify;
}

#master #master_block .image #master_deco1{
	width:22vw;
	position:absolute;
	right:-12vw;
	top:-5vw;
	z-index:1;
}

#master #master_block .image #master_deco2{
	width:46vw;
	position:absolute;
	left:-20vw;
	top:30vw;
	z-index:1;
}

#master #master_block .text{
	width:100%;
	position:relative;
	font-size:4.0vw;
	text-align:left;
	font-family: var(--font_sans);
	font-weight:500;
	line-height:1.8;
	text-align:justify;
}

#master #master_block .text span{
	display:block;
	position:relative;
	font-size:3.0vw;
	text-align:right;
	font-family: var(--font_sans);
	font-weight:500;
	line-height:1.8;
	margin-top:3vw;
}

#master #master_block .text{
	order: 1 !important;
}

#master #master_block .image{
	order: 2 !important;
}

/*------------------------------------------------*/
#use_block{
	width:100%;
	min-width:100%;
	margin:0 auto;
	position:relative;
	padding:9vw 0;
	background: url("/assets/images/suihan/bg_wood.jpg");
	text-align:center;
	overflow:hidden;
}

#use_block h2{
	display:inline-block;
	position:relative;
	font-size:4.6vw;
	background-color:#febd57;
	font-family: var(--font_sans);
	font-weight:700;
	line-height:1.8;
	padding:0.5vw 3vw;
}

#use_block ul.use_block1{
	width:88%;
	height:auto;
	margin:8vw auto 0;
	position:relative;
	display: flex;
	justify-content: space-between;
	align-items: start;
	flex-wrap: wrap;
}

#use_block ul.use_block1 li:nth-child(1){
	width:100%;
	height:auto;
	position:relative;
}

#use_block ul.use_block1 li:nth-child(1) h3{
	position:relative;
	font-size:7.0vw;
	font-weight:800;
	line-height:1.4;
	padding:0;
	margin-top:0;
}

#use_block ul.use_block1 li:nth-child(1) #use_block1{
	width:90%;
	margin:7vw auto 0;
	position:relative;
}

#use_block ul.use_block1 li:nth-child(1) p{
	width:100%;
	height:auto;
	left:0;
	bottom:0;
	font-size:5.0vw;
	background-color:#fe0000;
	color:#fff;
	font-family: var(--font_sans);
	font-weight:700;
	line-height:1.4;
	text-align:center;
	padding:1vw 0;
	position:relative;
	margin-top:5vw;
}

#use_block ul.use_block1 li:nth-child(2){
	width:100%;
	height:auto;
	position:relative;
}

#use_block ul.use_block1 li:nth-child(2) ul.use_block1_inner{
	width:100%;
	height:auto;
	margin:8vw auto 0;
	position:relative;
	display: flex;
	justify-content: space-between;
	align-items: start;
	flex-wrap: wrap;
}

#use_block ul.use_block1 li:nth-child(2) ul.use_block1_inner li:nth-child(1){
	display:block;
	width:40%;
}

#use_block ul.use_block1 li:nth-child(2) ul.use_block1_inner li:nth-child(2){
	width:55%;
}

.use_block1_inner .use_block_img{
	width:60%;
	margin:0 auto;
}

.use_block1_inner .use_block_txt{
	font-size:3.2vw;
	line-height:1.6;
	font-family: var(--font_sans);
	font-weight:700;
	margin:0.5vw 0 2vw;
}

.use_block1_list{
	width:100%;
	height:auto;
	position:relative;
	background-color:#fff;
	box-sizing:border-box;
	border-radius:4vw;
	padding-bottom:2vw;
}

.use_block1_list span{
	font-size:4.6vw;
	font-family: var(--font_sans);
	font-weight:600;
	display:block;
	padding:9vw 0 6vw;
}

.use_block1_list p{
	display:block;
	position:relative;
	width:60%;
	height:8vw;
	margin:0 auto;
	background-color:#a0e7ab;
	line-height:1.0;
	font-size:4.4vw;
	letter-spacing:0.5vw;
	font-family: var(--font_sans);
	font-weight:600;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom:5vw;
}

.use_block1_list p:nth-of-type(1)::after,
.use_block1_list p:nth-of-type(2)::after,
.use_block1_list p:nth-of-type(3)::after,
.use_block1_list p:nth-of-type(4)::after{
	content: "";
	position: absolute;
	bottom: -5vw;
	left: calc(50% - 2vw);
	border: 2vw solid transparent;
	border-top: 4vw solid #a0e7ab;
	box-sizing:border-box; 
}

.use_block1_list p:nth-of-type(3){
	background-color:#ffca7a;
}

.use_block1_list p:nth-of-type(3)::after{
	border-top: 4vw solid #ffca7a;
}

#use_block ul.use_block2{
	display:none;
}

#use_block ul.use_block2 li{
	width:370px;
}

#use_block ul.use_block2 li dl{
	width:370px;
	position:relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

#use_block ul.use_block2 li dl dt{
	width:135px;
	padding-left:10px;
}

#use_block ul.use_block2 li dl dd{
	width:210px;
	text-align:left;
	font-size:22px;
	font-family: var(--font_sans);
	font-weight:600;
	line-height:1.4;
}

#use_block .caution{
	padding-top:3vw;
	text-align:center;
	font-size:3.4vw;
	font-family: var(--font_sans);
	font-weight:500;
	line-height:1.4;
}

#use_block #use_block_deco1{
	width:36vw;
	position:absolute;
	right:-18vw;
	bottom:24vw;
	z-index:1;
}

#use_block #use_block_deco2{
	width:21vw;
	position:absolute;
	left:-5vw;
	top:65vw;
	z-index:1;
}