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

body main {
	font-family: var(--font_serif);
	font-weight: 500;
	letter-spacing: -0.03em;
	font-feature-settings: 'palt';
}

body main img{
	width:100%;
}

footer#mainFooter {
	padding-top: 24px;
	margin-bottom: 120px;
}

.pc{
	display:block;
}

.sp{
	display: none;
}

.contents{
	width:1000px;
	margin:0 auto;
	position:relative;
	line-height:0;
}

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

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

#main #logo_block{
	width:410px;
	position:relative;
	z-index:10;
}

#main #main_product{
	width:510px;
	position:absolute;
	bottom:-130px;
	left:calc(50% + 50px);
	z-index:10;
}

#main #main_deco1{
	width:278px;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}

#main #main_deco2{
	width:230px;
	position:absolute;
	left:calc(50% - 120px);
	top:0;
	z-index:1;
}

#main #main_deco3{
	width:190px;
	position:absolute;
	left:0;
	bottom:-2px;
	z-index:1;
}

#main #main_deco4{
	width:280px;
	position:absolute;
	left:calc(50% - 140px);
	bottom:-2px;
	z-index:1;
}


/*------------------------------------------------*/
#trouble{
	width:100%;
	min-width:1080px;
	margin:0 auto;
	position:relative;
	padding:70px 0 90px;
	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:50px;
	font-weight:800;
	line-height:1.4;
	display:inline-block;
	position:relative;
	z-index:10;
}

.f_small{
	font-size:42px;
}

h2.title:before{
  position: absolute;
  content: '';
	font-size:80px;
	font-weight:900;
	left:-30px;
	top:-15px;
	width:40px;
	height:40px;
	border-top:3px solid #000;
	border-left:3px solid #000;
}

h2.title:after{
  position: absolute;
  content: '';
	font-size:80px;
	font-weight:900;
	right:-30px;
	bottom:-15px;
	width:40px;
	height:40px;
	border-right:3px solid #000;
	border-bottom:3px solid #000;
}

#trouble ul{
	width:740px;
	margin:40px auto 0;
	position:relative;
	display: flex;
	justify-content: start;
	align-items: start;
	flex-wrap: wrap;
}

#trouble ul li{
	width:740px;
	font-family: var(--font_sans);
	font-size:30px;
	font-weight:500;
	text-align:left;
	box-sizing:border-box;
	margin-bottom:30px;
	line-height:1.4;
}

span.line{
	background-color:#fdf590;
	display:inline-block;
	line-height:1.2;
}

#trouble ul li:nth-child(1),
#trouble ul li:nth-child(3){
	height:136px;
	background: url("/assets/images/suihan/fukidashi1_pc.png") no-repeat 5px center;
	padding:20px 0 0 80px;
}

#trouble ul li:nth-child(2),
#trouble ul li:nth-child(4){
	height:136px;
	background: url("/assets/images/suihan/fukidashi2_pc.png") no-repeat 30px center;
	padding:20px 0 0 80px;
}

#trouble ul li:nth-child(2){
	height:136px;
	background: url("/assets/images/suihan/fukidashi2_pc.png") no-repeat 30px center;
	padding:40px 0 0 80px;
}

#series{
	width:1080px;
	margin:60px auto 0;
	box-sizing:border-box;
	border-radius:40px;
	border:10px solid #febd57;
	background-color:#fff;
	padding:50px 0;
	position:relative;
	z-index:10;
}

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

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

#series_img{
	width:976px;
	margin:60px auto 0;
}

#trouble #trouble_illust1{
	width:300px;
	position:absolute;
	left:calc(50% - 680px);
	top:120px;
}

#trouble #trouble_illust2{
	width:137px;
	position:absolute;
	right:calc(50% - 520px);
	top:390px;
}

#trouble #trouble_illust3{
	width:133px;
	position:absolute;
	left:calc(50% - 513px);
	top:540px;
}

#trouble #trouble_illust4{
	width:317px;
	position:absolute;
	right:calc(50% - 691px);
	top:610px;
}

#trouble #trouble_deco1{
	width:258px;
	position:absolute;
	right:0;
	top:30px;
	z-index:1;
}

#trouble #trouble_deco2{
	width:120px;
	position:absolute;
	left:0;
	top:750px;
	z-index:1;
}

#trouble #trouble_deco3{
	width:207px;
	position:absolute;
	right:0;
	bottom:10px;
	z-index:1;
}

/*------------------------------------------------*/
#care{
	width:100%;
	min-width:1080px;
	margin:0 auto;
	position:relative;
	padding:70px 0 90px;
	text-align:center;
	overflow:hidden;
}

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

#care #care1{
	width:100%;
	min-width:1080px;
	height:530px;
	margin:80px auto 0;
	position:relative;
}

#care #care1 .contents{
	height:530px;
}

#care #care1 #care_img{
	width:46%;
	height:530px;
	position:absolute;
	right:0;
	top:0;
	border-radius:40px 0 0 0;
	background: url("/assets/images/suihan/care_img.jpg") no-repeat center center;
	background-size:cover;
}

#care #care1 h3{
	font-size:32px;
	font-weight:800;
	text-align:left;
	line-height:1.4;
	letter-spacing:1px;
	margin-top:-15px;
}

#care #care1 h3 span{
	margin-left:-15px;
}

#care #care1 p.care1_txt{
	width:510px;
	font-family: var(--font_sans);
	font-size:23px;
	font-weight:500;
	text-align:left;
	line-height:1.7;
	margin-top:10px;
	text-align:justify;
}

#care #care1 #care_illust1{
	width:510px;
	position:absolute;
	left:0;
	bottom:0;
}

#care #care2 dl{
	width:1080px;
	margin:40px auto 0;
	position:relative;
	display: flex;
	justify-content: space-between;
	align-items: start;
	flex-wrap: wrap;
}

#care #care2 dl dt{
	width:400px;
}

#care #care2 dl dd{
	width:630px;
}

#care #care2 dl dt #but{
	width:165px;
	margin-left:-40px;
}

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

#care #care2 dl dd #care_illust2{
	width:540px;
}

#care #care2 dl dd ul{
	width:560px;
	position:relative;
	display: flex;
	justify-content: space-between;
	align-items: start;
	flex-wrap: wrap;
	margin-top:10px;
}

#care #care2 dl dd ul li{
	font-family: var(--font_sans);
	font-size:18px;
	font-weight:500;
	line-height:1.6;
}

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

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

#care #care2 dl dd span{
	display:block;
	font-family: var(--font_sans);
	font-size:16px;
	font-weight:500;
	line-height:1.6;
	text-align:right;
	margin:10px 70px 0 0;
}

#care h4{
	width:1080px;
	margin:60px auto 0;
	padding:15px 0;
	position:relative;
	font-size:52px;
	font-weight:800;
	text-align:center;
	line-height:1.4;
	background: linear-gradient(to right, #fff, #ffecce 30%, #ffecce 70%, #fff 100%);
}

#care .point{
	color:#fe0000;
}

#care #effect{
	width:1000px;
	margin:90px auto 0;
	position:relative;
	box-sizing:border-box;
	font-size:18px;
	font-weight:600;
	text-align:center;
	line-height:1.6;
	border-radius:40px;
	border:10px solid #ffbd57;
	background-color:#fff;
}

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

#effect dl{
	width:870px;
	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:380px;
}

#effect dl dd{
	width:410px;
}

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

#effect ul li:nth-child(1){
	width:140px;
}

#effect dl dt ul li:nth-child(2){
	width:220px;
}

#effect dl dd ul li:nth-child(2){
	width:260px;
}

#effect ul li p{
	background-color:#ffbd57;
	font-size:30px;
	text-align:center;
	font-weight:600;
	margin-top:50px;
}

#effect ul li span{
	display:block;
	margin-top:10px;
}

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

#care #care_deco1{
	width:355px;
	position:absolute;
	right:calc(50% - 840px);
	top:180px;
	z-index:1;
}

#care #care_deco2{
	width:355px;
	position:absolute;
	left:calc(50% - 900px);
	top:670px;
	z-index:1;
}

#care #care_deco3{
	width:230px;
	position:absolute;
	right:calc(50% - 800px);
	bottom:200px;
	z-index:1;
}

/*------------------------------------------------*/
#select_type{
	width:100%;
	min-width:1080px;
	margin:0 auto;
	position:relative;
	padding:70px 0 90px;
	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:1000px;
	margin:90px auto 0;
	position:relative;
	box-sizing:border-box;
	border-radius:40px;
	padding-bottom:50px;
}

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

#select_type .select_block .title span{
	color:#fff;
	box-sizing:border-box;
	font-size:36px;
	font-weight:700;
	line-height:36px;
	padding:10px 25px;
}

#select_type div.select_block:nth-of-type(1){
	border:10px 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:10px 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:830px;
	margin:80px 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:290px;
	box-sizing:border-box;
	padding-left:50px;
}

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

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

#select_type ul.select_img li:nth-child(2) p{
	font-size:16px;
	font-family: var(--font_sans);
	font-weight:500;
	text-align:right;
}

#select_type h3{
	width:830px;
	margin:50px auto 0;
	font-size:40px;
	font-weight:800;
	text-align:left;
}

#select_type ul.select_list{
	width:830px;
	margin:0 auto 0;
	position:relative;
	display: flex;
	justify-content: start;
	align-items: start;
	flex-wrap: wrap;
}

#select_type ul.select_list li{
	font-size:24px;
	font-family: var(--font_sans);
	font-weight:500;
	text-align:left;
	position: relative;
  padding-left: 1.5em;
  text-indent: -1.1em;
  letter-spacing: -1px;
  text-align:justify;
}

#select_type ul.select_list li::before {
  content: "●";
	margin-right: 0.5em;
	font-size:18px;
	position: relative;
  top: -0.15em;
}

#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:840px;
	margin:50px auto 0;
	position:relative;
	background-color:#fff;
	box-sizing:border-box;
	border-radius:20px;
	padding:30px 0;
}

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

#feel .feel_title .f_small{
	font-size:28px;
}

#feel ul{
	width:750px;
	margin:50px auto 0;
	position:relative;
	display: flex;
	justify-content: space-between;
	align-items: start;
	flex-wrap: wrap;
}

#feel ul li:nth-child(1){
	width:210px;
	font-size:16px;
	text-align:left;
	font-family: var(--font_sans);
	font-weight:600;
	text-align:justify;
}

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

#feel ul li:nth-child(2){
	width:490px;
	text-align:left;
}

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

#feel dl{
	width:750px;
	margin:30px auto 0;
	position:relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	border-top:1px solid #000;
	padding-top:20px;
}

#feel dl dt{
	width:220px;
	font-size:22px;
	text-align:center;
	font-family: var(--font_sans);
	font-weight:600;
}

#feel dl dd{
	width:530px;
	font-size:16px;
	text-align:left;
	font-family: var(--font_sans);
	font-weight:600;
}

#feel #feel_illust2{
	width:160px;
	position:absolute;
	right:-55px;
	top:100px;
}

#select_type #select_deco1{
	width:226px;
	position:absolute;
	left:calc(50% - 830px);
	top:350px;
	z-index:1;
}

#select_type #select_deco2{
	width:325px;
	position:absolute;
	right:calc(50% - 860px);
	top:1050px;
	z-index:1;
}

#select_type #select_deco3{
	width:268px;
	position:absolute;
	left:calc(50% - 800px);
	top:1900px;
	z-index:1;
}

#select_type #select_deco4{
	width:242px;
	position:absolute;
	right:calc(50% - 800px);
	bottom:50px;
	z-index:1;
}

/*------------------------------------------------*/
#master{
	width:100%;
	min-width:1080px;
	margin:0 auto;
	position:relative;
	padding:70px 0 90px;
	text-align:center;
	overflow:hidden;
}

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

#master #master_block {
	width:1000px;
	margin:80px auto 0;
  display: flex;
  flex-wrap: wrap;
	position:relative;
	gap:50px;
}

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

#master #master_block .image{
	width:500px;
	position:relative;
}

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

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

#master #master_block .image #master_deco1{
	width:140px;
	position:absolute;
	right:-40px;
	top:-40px;
	z-index:1;
}

#master #master_block .image #master_deco2{
	width:296px;
	position:absolute;
	left:-150px;
	top:490px;
	z-index:1;
}

#master #master_block .text{
	width:440px;
	position:relative;
	font-size:24px;
	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:16px;
	text-align:right;
	font-family: var(--font_sans);
	font-weight:500;
	line-height:1.8;
}

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

#use_block h2{
	display:inline-block;
	position:relative;
	font-size:34px;
	background-color:#febd57;
	font-family: var(--font_sans);
	font-weight:700;
	line-height:1.8;
	padding:5px 25px;
}

#use_block ul.use_block1{
	width:930px;
	height:600px;
	margin:80px 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:530px;
	height:600px;
	position:relative;
}

#use_block ul.use_block1 li:nth-child(1) h3{
	position:relative;
	font-size:52px;
	font-weight:800;
	line-height:1.4;
	padding:5px 25px;
	margin-top:-20px;
}

#use_block ul.use_block1 li:nth-child(1) #use_block1{
	margin-top:50px;
}

#use_block ul.use_block1 li:nth-child(1) p{
	width:530px;
	position:absolute;
	left:0;
	bottom:0;
	font-size:33px;
	background-color:#fe0000;
	color:#fff;
	font-family: var(--font_sans);
	font-weight:700;
	line-height:1.4;
	text-align:center;
	padding:10px 0;
}

#use_block ul.use_block1 li:nth-child(2){
	width:360px;
	height:600px;
	position:relative;
}

#use_block ul.use_block1 li:nth-child(2) ul.use_block1_inner{
	width:360px;
	height:600px;
	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{
	width:10px;
}

#use_block ul.use_block1 li:nth-child(2) ul.use_block1_inner li:nth-child(1){
	display:none;
}

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

.use_block1_list{
	width:360px;
	height:600px;
	position:relative;
	background-color:#fff;
	box-sizing:border-box;
	border-radius:40px;
}

.use_block1_list span{
	font-size:24px;
	font-family: var(--font_sans);
	font-weight:600;
	display:block;
	padding:40px 0;
}

.use_block1_list p{
	display:block;
	position:relative;
	width:290px;
	height:60px;
	margin:0 auto;
	background-color:#a0e7ab;
	line-height:1.0;
	font-size:24px;
	font-family: var(--font_sans);
	font-weight:600;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom:45px;
}

.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: -30px;
	left: calc(50% - 14px);
	border: 14px solid transparent;
	border-top: 20px 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: 20px solid #ffca7a;
}

#use_block ul.use_block2{
	width:760px;
	margin:80px auto 0;
	position:relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

#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:50px;
	text-align:center;
	font-size:22px;
	font-family: var(--font_sans);
	font-weight:500;
	line-height:1.4;
}

#use_block #use_block_deco1{
	width:286px;
	position:absolute;
	right:calc(50% - 800px);
	top:400px;
	z-index:1;
}

#use_block #use_block_deco2{
	width:174px;
	position:absolute;
	left:calc(50% - 780px);
	bottom:10px;
	z-index:1;
}