@charset "UTF-8";



/* mv
***************************************************************/


/*--------------------PC--------------------*/
@media all and (min-width:768px){
}
/*--------------------SP--------------------*/
@media all and (max-width:767px){
}



/* bargain_sec
***************************************************************/
.bargain_sec{
	text-align: center;
	background-color: #ffff00;
	padding-bottom: 8.6cqw;
}
.bargain_sec_ttl{
	background-color: #ff0000;

	.inner{
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		
		h2{
			font-size: 5.4cqw;
			color: #ffff00;
			padding: 4.5cqw;
		}

	}
}

.bargain_sec h3{
	font-size: 3.6cqw;
	color: #ff0000;
	margin-top: 8.6cqw;
	margin-bottom: 4cqw;
}

.contact_btn{
	height: 18.1cqw;
	background: url(../img/front/contact_btn.png) center / 100% no-repeat;
	position: relative;
	margin-top: 6.8cqw;

	.contact_btn_txt{
		font-size: 3.6cqw;
		position: absolute;
		top: 4.5cqw;
		left: 23.1cqw;
	}
	.contact_btn_in{
		display: flex;
		align-items: center;
		position: absolute;
		top: 10cqw;
		left: 23.1cqw;

		.contact_btn_tel{
			display: block;
			width: 29.5cqw;	
			flex-shrink: 0;
		}
		a{
			width: 18.1cqw;	
			flex-shrink: 0;
			margin-left: 5%;
		}
		a + a{
			margin-left: 2.5%;
		}

	}
}

.foot .contact_btn{
	background: url(../img/front/contact_btn_w.png) center / 100% no-repeat;
	.contact_btn_txt{
		letter-spacing: -0.05em;
		color: #000;
		margin-left: -0.1em;
	}
}

/*--------------------PC--------------------*/
@media all and (min-width:768px){
	.flex_c2{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 4cqw 0;

		div{
			width: 48.2%;
		}
	}

}
/*--------------------SP--------------------*/
@media all and (max-width:767px){

	.bargain_sec{
		/*padding-bottom: 14.9cqw;*/
		padding-bottom: 55px;
	}
	.bargain_sec_ttl{
		background-color: #ff0000;

		.inner{		
			h2{
				font-size: 8.9cqw;
				padding: 5.3cqw;
			}

		}
	}

	.bargain_sec h3{
		font-size: 7.4cqw;
		margin-top: 14.9cqw;
		margin-bottom: 5.9cqw;
	}

	.flex_c2{
		div + div{
			margin-top: 5.9cqw;
		}
	}

}



/* reform_sec
***************************************************************/

.toilet_contents{
	padding-bottom: 9cqw;
}


.contents_ttl{
	background-color: #ff6200;
	/*margin-top: 13.5cqw;*/
	margin-top: 145px;
	margin-bottom: 7.2cqw;
	padding-bottom: 2.3cqw;

		h2{
			font-size: 5.4cqw;
			color: #fff;
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-top: -5.2cqw;

			img{
				width: 9cqw;
				margin-bottom: 1.5cqw;
			}
		}
}



/*--------------------PC--------------------*/
@media all and (min-width:768px){
	.reform_menu{
		background-color: #ff6200;
		border-radius: 20px;
		padding: 4cqw 3.6%;
	}
	.reform_menu_list{
		display: flex;
		justify-content: space-between;
		margin-top: 3.6cqw;
	}
	.reform_menu_list a{
		width: 23.5%;
	}
	.reform_menu_txt{
		font-size: 2.7cqw;
		color: #fff;
		text-align: center;
		margin-top: 4cqw;
	}


	.reform_sec{
		padding-top: 17.2cqw;
	}

}


@media all and (max-width:899px){
	.contents_ttl{
		margin-top: 105px;
	}

}

/*--------------------SP--------------------*/
@media all and (max-width:767px){

	.toilet_contents{
		padding-bottom: 55px;
	}

	.contents_ttl{
		margin-top: 14.9cqw;
		margin-bottom: 14.9cqw;
		padding-bottom: 1.5cqw;
		padding-top: 1.5cqw;

			h2{
				font-size: 8.9cqw;
				flex-direction: initial;
				justify-content: center;
				margin-top: 0;

				img{
					width: 13.8cqw;
					margin-bottom: 0;
				}

				span{
					margin: 0 0.5em;
				}
			}
	}

	.kitchen_contents .contents_ttl{
		margin-top: 0;
	}

}


/* jisseki_sec  channel_sec
***************************************************************/
.bg_ore{
	background-color: #ffefe5;

	.inner{
		padding-top: 9cqw;
		padding-bottom: 9cqw;
	}

	h2{
		margin-bottom: 6.8cqw;
	}

}


.more_btn{
	display: block;
	width: 27.2cqw;
	margin: 6.8cqw auto 0;
}

/*--------------------PC--------------------*/
@media all and (min-width:768px){
	.channel_list{
		display: flex;
		justify-content: space-between;

		a{
			width: 31%;
		}
	}

}
/*--------------------SP--------------------*/
@media all and (max-width:767px){
	.bg_ore{

		.inner{
			padding-top: 14.9cqw;
			padding-bottom: 14.9cqw;
		}

		h2{
			margin-bottom: 11.9cqw;
		}
	}

	.channel_list a + a{
		display: block;
		margin-top: 5.9cqw;
	}

	.more_btn{
		width: 65%;
		min-width: 335px;
		margin: 11.9cqw auto 0;
	}

}





/* anchor
***************************************************************/

.anchor{
	margin-top: -40px;
}
.anchor#anchor01{
	margin-top: -50px;
}
.anchor#anchor03{
	margin-top: -20px;
}

/*--------------------PC--------------------*/
@media all and (min-width:681px){

}

/*--------------------SP--------------------*/
@media all and (max-width:680px){
	.anchor{
		margin-top: -50px;
	}
	.anchor#anchor01{
		margin-top: -30px;
	}
	.anchor#anchor03{
		margin-top: -25px;
	}

}

/* mv
***************************************************************/
.mv{
	/* background-color: #fafafa; */
	background-color: #fff;
}
.mv .inner,
.mv_bg .inner{
  position: relative;
}
.mv_slider {
	position: relative;
	width: 100%;
}
.mv_slide {
	padding: 0 10px;
}
.mv_slide_bg{
	display: block;
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	/* border-radius: 10px; */
	transition: opacity 0.3s ease;
}
.mv_slider .slick-slide:not(.slick-active) .mv_slide_bg {
	opacity: 0.3;
}
.mv_slide_bg--01{
	background-image: url(../img/front/mv01.png);
}
.mv_slide_bg--02{
	background-image: url(../img/front/mv02.png);
}
@media all and (min-width: 768px){
	.mv_slide_bg {
		/* max-height: 900px;
		height: 59cqw;
		aspect-ratio: 16 / 8; */
        aspect-ratio: 13.3 / 8;
		background-size: auto 100%;
	}
}
@media all and (max-width: 767px){
	.mv_slide {
		padding: 0 5px;
	}
	.mv_slide_bg {
		/* max-width: calc(100% - 12%); */
		max-width: 100%;
		aspect-ratio: 35 / 54;
	}
	.mv_slide_bg--01{
		background-image: url(../img/front/mv01_sp.jpg);
	}
	.mv_slide_bg--02{
		background-image: url(../img/front/mv02_sp.jpg);
	}
}
/* .mv_mainTtl{
	display: flex;
	flex-direction: column;
	font-weight: 600;
	padding-top: 70px;
}
.mv_mainTtl--1{
	font-size: 18px;
}
.mv_mainTtl--2{
	font-size: 42px;
	margin-top: 25px;
}
.mv_mainTtl--3{
	font-size: 68px;
	margin-left: -0.5em;
	margin-top: 20px;
}
.mv_mainTxt{
	width: 305px;
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 60px;
	right: 20px;
}
.mv_mainTxt--1{
	height: 31px;
	font-size: 16px;
	font-weight: 500;
	background-color: #5CBB89;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mv_mainTxt--1 span{
	font-weight: 700;
}
.mv_mainTxt--2{
	font-size: 18px;
	font-weight: 500;
	white-space: nowrap;
	line-height: 1.3;
	margin-top: 15px;
}
.mv_mainTxt--2 + .mv_mainTxt--2{
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #fff;
}
.mv_mainTxt--2 span{
	font-size: 26px;
	font-weight: 700;
}
.mv_mainTxt--3 span{
	margin-left: -0.25em
} */
.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}
.slick-dots {
    bottom: 15px !important;
}
.slick-dots li button:before {
    font-size: 14px !important;
}

/*--------------------PC--------------------*/
/* @media all and (min-width:681px){
	.mv_bg_pc{
	  width: auto;
	  height: 700px;
	  margin: 0 20px;
	  background: url(../img/front/mv.jpg) center / cover no-repeat;
	  color: #fff;
	}

} */
/*--------------------SP--------------------*/
/* @media all and (max-width:680px){
	.mv_bg_sp{
	  width: 95vw;
	  height: 350px;
	  margin-left: -3.5vw;
	  background: url(../img/front/mv_sp.jpg) center / cover no-repeat;
	  color: #fff;
	}
	.mv_mainTtl{
		padding-top: 15px;
		margin-left: 3.5%;
	}
	.mv_mainTtl--1{
		font-size: 13px;
		line-height: 1.46;
	}
	.mv_mainTtl--2{
		font-size: 18px;
		margin-top: 10px;
	}
	.mv_mainTtl--3{
		font-size: 32px;
		margin-top: 10px;
	}
	.mv_mainTxt{
		width: 100%;
		position: initial;
		margin-top: 20px;
	}
	.mv_mainTxt--1{
		color: #fff;
	}
	.mv_mainTxt--2 + .mv_mainTxt--2{
		margin-top: 8px;
    padding-top: 8px;
		border-top: 1px solid #DDDDDD;
	}

} */



/* performance
***************************************************************/
.performance{
	padding-top: 70px;
	padding-bottom: 55px;
}
.performance_h2_wrap{
	text-align: center;
	position: relative;
}
.performance_h2_wrap > span{
	display: block;
	font-size: 145px;
	color: #EAF4F0;
}
.performance_h2{
	font-size: 22px;
	position: absolute;
	top: 53px;
	left: 50%;
	transform: translateX(-50%);
}

.performance_list{
	display: flex;
	padding: 0 25px;
	margin-top: 30px;
}
.performance_list > div{
	width: calc(100% / 4);
	height: 286px;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}
img[src$=".svg"].list_img{
  width: auto;
  height: 72px;
}
.list_name{
	font-size: 18px;
	margin-top: 45px;
}
.list_number{
	font-size: 28px;
	text-align: center;
	margin-top: 20px;
	position: relative;
}
.list_number .bebas{
	font-size: 65px;
	color: #5CBB89;
	margin-right: 5px;
}
.list_number .sub_txt{
	font-size: 18px;
	display: block;
	position: absolute;
	top: 65px;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
}
.list_txt{
	font-size: 12px;
	line-height: 1.5;
	text-align: center;
	margin-top: 30px;
}

/*--------------------PC--------------------*/
@media all and (min-width:681px){
	.performance_list > div + div::before{
		content: '';
		width: 1px;
		height: 100%;
		background-color: #7B7B7B;
		position: absolute;
		left: 0;
	}
	
	.performance_extxt{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		margin-top: 30px;
		font-size: 14px;
	}
	.performance_extxt p + p{
		margin-top: 6px;
	}

}
/*--------------------SP--------------------*/
@media all and (max-width:680px){
	.performance{
		padding-top: 45px;
		padding-bottom: 40px;
	}
	.performance_h2_wrap > span{
		font-size: 52px;
	}
	.performance_h2{
		font-size: 20px;
		top: 13px;
		white-space: nowrap;
	}

	.performance_list{
		flex-wrap: wrap;
		padding: 0;
		margin-top: 20px;
	}
	.performance_list > div{
		width: calc(100% / 2);
		height: auto;
	}
	.performance_list > div:nth-child(even)::before{
		content: '';
		width: 1px;
		height: 100%;
		background-color: #7B7B7B;
		position: absolute;
		top: 0;
		left: 0;
	}
	.performance_list > div:nth-child(-n + 2){
		padding-bottom: 15px;
	}
	.performance_list > div:nth-child(-n + 2)::after{
		content: '';
		height: 1px;
		background-color: #7B7B7B;
		position: absolute;
		bottom: -8px;
	}
	.performance_list > div:nth-child(1)::after{
		width: calc(100% - 10px);
		left: 0;
	}
	.performance_list > div:nth-child(2)::after{
		width: calc(100% - 10px);
		right: 0;
	}

	.performance_list > div:nth-child(n + 3){
		margin-top: 15px;
		padding-top: 15px;
	}
	img[src$=".svg"].list_img{
	  height: 40px;
	}
	.list_name{
		font-size: 15px;
		margin-top: 20px;
	}
	.list_number{
		font-size: 22px;
		margin-top: 10px;
	}
	.list_number .bebas{
		font-size: 42px;
	}
	.list_number .sub_txt{
		font-size: 14px;
		display: block;
		position: initial;
		transform: initial;
		text-align: center;
	}
	.list_txt{
		margin-top: 10px;
		white-space: nowrap;
	}

  .performance_extxt {
      margin-top: 20px;
      font-size: 14px;
      line-height: 1.2;
  }
	.performance_extxt p + p{
		margin-top: 6px;
	}


}


/* tab_wrap
***************************************************************/
.tab_list{
	display: flex;
	justify-content: center;
	padding-top: 90px;
}
.tab_list a{
	font-size: 18px;        
	text-align: center;
	position: relative;
	padding-bottom: 30px;
	padding-left: 50px;
	padding-right: 50px;
}

.tab_list a::after{
	content: '';
	width: 0;
  height: 0;
  border-style: solid;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 9px solid #383838;
  border-bottom: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.3s;
}
/*--------------------PC--------------------*/
@media all and (min-width:681px){
	.tab_list a:hover{
		color: #5CBB89;
	}
	.tab_list a:hover::after{
  	border-top: 9px solid #5CBB89;
	}
	.tab_list a + a{
		border-left: 1px solid #7B7B7B;
	}

}
/*--------------------SP--------------------*/
@media all and (max-width:680px){
	.tab_list{
		flex-wrap: wrap;
		padding-top: 30px;
	}
	.tab_list a{
		font-size: 16px;
		white-space: nowrap;
		padding: 5px 14px 30px;
	}
	.tab_list a:nth-child(-n + 2){
		width: 50%;
		padding: 5px 0 30px;
	}
	.tab_list a + a:not(:nth-child(3)){
		border-left: 1px solid #7B7B7B;
	}
	.tab_list a:nth-child(n + 3){
		margin-top: 15px;
	}
	.tab_list a::after{
	  bottom: 5px;
	}

}


/* concept
***************************************************************/
.concept{
	padding-top: 100px;
	padding-bottom: 145px;
	background-color: #8DCDB9;
	color: #fff;
	margin-top: 50px;
}
.concept .performance_h2_wrap > span{
	font-size: 120px;
	color: #AEDBCD;
}
.concept .performance_h2{
	font-size: 28px;
	top: 42px;
}
.concept_txt{
	font-size: 18px;
	line-height: 2;
	margin-top: 50px;
}
.concept_txt span{
	display: block;
}
.concept_h2{
	font-size: 34px;
	line-height: 1.64;
	margin-top: 50px;
}
.concept .con_btn{
	border: none;
}
/*--------------------PC--------------------*/
@media all and (min-width:681px){
	.concept .inner{
		display: flex;
		flex-direction: column;
		align-items: center;
	}

}
/*--------------------SP--------------------*/
@media all and (max-width:680px){
	.concept{
		padding-top: 65px;
		padding-bottom: 50px;
	}
	.concept_ttl{
		font-size: 32px;
	}
	.concept .performance_h2_wrap > span{
		font-size: 52px;
	}
	.concept .performance_h2{
		font-size: 20px;
		top: 13px;
		white-space: nowrap;
	}
	.concept_txt{
		font-size: 15px;
		line-height: 1.73;
		text-align: left;
		margin-top: 25px;
	}
	.concept_h2{
		font-size: 20px;
		margin-top: 25px;
	}

}

/* features
***************************************************************/
.features{
	padding-top: 125px;
}

.features_box{
	display: flex;
	justify-content: space-between;
	margin-top: 55px;
}
.features_box + .features_box{
	border-top: 1px solid #B1D6C3;
	padding-top: 95px;
	margin-top: 95px;
}

/*.features_box > div{
	width: 440px;
	padding-top: 30px;
}*/
.features_box--number{
	font-size: 20px;
	color: #5CBB89;
}
.features_box--h3{
	font-size: 25px;
	font-weight: 500;
	margin-top: 20px;
}
.features_box--h3 span{
	font-size: 36px;
	color: #5CBB89;
	display: block;
	margin-left: -0.5em;
	margin-top: 15px;
}
.features_box03 .features_box--h3 span{
	margin-left: 0;
}
.features_box--txt{
	line-height: 1.86;
	margin-top: 25px;
}

.features01_sub{
	height: 83px;
	background-color: #fff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	margin-top: 25px;
}
.features01_sub--01{
	font-size: 52px;
	color: #5CBB89;
	margin: 0 5px;
}
.features01_sub--02{
	font-size: 30px;
}

.features03_sub{
	display: flex;
	justify-content: space-between;
}
.features03_sub p{
	width: 212px;
	height: 92px;
	background-color: #fff;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	margin-top: 25px;
}
.features03_sub p > span{
	margin-top: 7px;
}
.features03_sub--01{
	font-size: 52px;
	color: #5CBB89;
	margin-right: 3px;
}
.features03_sub--02{
	font-size: 24px;
}

.importance{
	border: 1px solid #B1D6C3;
	margin-top: 85px;
	padding-top: 60px;
	padding-bottom: 60px;
}
.importance_h3{
	font-size: 36px;
	color: #5CBB89;
	text-align: center;
}
.importance_txt{
	display: flex;
	justify-content: center;
	margin-top: 50px;
}
.importance_txt > p{
	width: 455px;
	line-height: 2.1;
}

/*--------------------PC--------------------*/
@media all and (min-width:681px){
	.features_box > div{
		width: 440px;
		padding-top: 30px;
	}
	.features_img{
		display: block;
		width: 686px;
	}

	.importance_txt > p + p{
		margin-left: 55px;
	}

}
/*--------------------SP--------------------*/
@media all and (max-width:680px){
	.features{
		padding-top: 40px;
	}

	.features_box{
		display: block;
		margin-top: 25px;
	}
	.features_box + .features_box{
		padding-top: 40px;
		margin-top: 45px;
	}

	.features_box--h3{
		font-size: 18px;
		margin-top: 15px;
	}
	.features_box--h3 span{
		font-size: 26px;
		display: inline;
		margin-top: 0;
	}
	.features_box03 .features_box--h3 span{
		display: block;
		margin-top: 10px;
	}

	.features01_sub{
		height: 61px;
		font-size: 20px;
		margin-top: 15px;
	}
	.features01_sub--02{
		font-size: 26px;
	}

	.features03_sub p{
		width: calc((100% - 18px) / 2);
		height: 80px;
		font-size: 15px;
		margin-top: 15px;
	}
	.features03_sub--01{
		font-size: 42px;
	}
	.features03_sub--02{
		font-size: 22px;
	}
	.features_img{
		display: block;
		margin-top: 20px;
	}

	.importance{
		margin-top: 50px;
		padding: 20px 20px 25px;
	}
	.importance_h3{
		font-size: 26px;
		line-height: 1.38;
		text-align: left;
	}
	.importance_txt{
		display: block;
		margin-top: 20px;
	}
	.importance_txt > p{
		width: 100%;
		line-height: 1.86;
	}

}

/* service
***************************************************************/
.service{
	padding-top: 150px;
	padding-bottom: 140px;
}
.service_inner{
	display: flex;
	justify-content: space-between;
}
.service_inner--box{
	width: 274px;
	height: 300px;
	background-color: #fff;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 30px;
}
.service_h3{
	font-size: 22px;
	color: #5CBB89;
}
.service_img{
	width: 250px;
	margin-top: 25px;
}
.service_more{
	width: 88px;
	font-weight: 700;
	border-bottom: 1px solid #2F2F2F;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 5px;
	margin-top: 15px;
  transition: 0.3s;
}
.service_more::after{
	content: '';
  width: 12px;
  height: 13px;
  background: url(../img/common/arrow_b.svg) center / contain no-repeat;
  transition: 0.3s;
}

.service_txt{
	font-size: 22px;
	text-align: center;
	margin-top: 55px;
}
.service_txt span{
	color: #5CBB89;
	font-weight: 700;
	margin-left: 0.5em;
}

.support{
	width: 1035px;
	display: flex;
	justify-content: space-between;
  border: 1px solid #B1D6C3;
  margin-top: 85px;
  margin-left: auto;
  margin-right: auto;
  padding: 55px 60px;
}
.support_txtWrap--h3{
	font-size: 36px;
	color: #5CBB89;
}
.support_txtWrap--txt{
	line-height: 2.1;
	margin-top: 45px;
}
.support_img{
	width: 260px;
}
.support_img--txt1{
	font-size: 13px;
	margin-top: 15px;
}
.support_img--txt2{
	font-size: 18px;
	font-weight: 700;
	margin-top: 5px;
}
/*--------------------PC--------------------*/
@media all and (min-width:681px){
	a.service_inner--box:hover .service_more{
		border-bottom: 1px solid #5CBB89;
		color: #5CBB89;
	}
	a.service_inner--box:hover .service_more::after{
	  background: url(../img/common/arrow_g.svg) center / contain no-repeat;
	  transform: translateX(5px);
	}
	.support_txtWrap{
		width: 610px;
	}

}
/*--------------------SP--------------------*/
@media all and (max-width:680px){
	.service{
		padding-top: 65px;
		padding-bottom: 50px;
	}
	.service_inner{
		flex-wrap: wrap;
		margin-top: 30px;
	}
	.service_inner--box{
		width: calc((100% - 18px) / 2);
		height: auto;
		padding-top: 15px;
		padding-bottom: 20px;
	}
	.service_inner > div:nth-child(n + 3){
		margin-top: 20px;
	}
	.service_h3{
		font-size: 20px;
		text-align: center;
		line-height: 1.3;
	}
	.service_img{
		width: 100%;
		margin-top: 15px;
	}

	.service_txt{
		font-size: 20px;
		white-space: nowrap;
		margin-top: 25px;
	}
	.service_txt span{
		margin-left: 0.25em;
	}

	.support{
		width: 100%;
		display: block;
	  margin-top: 50px;
	  padding: 25px 20px 30px;
	}
	.support_txtWrap--h3{
		font-size: 26px;
		line-height: 1.38;
	}
	.support_txtWrap--txt{
		line-height: 1.86;
		margin-top: 20px;
	}
	.support_img{
		width: 100%;
/*		max-width: 290px;*/
		margin-top: 20px;
	}

}





/* casestudy
***************************************************************/
.casestudy{
	padding-top: 125px;
	padding-bottom: 140px;
}
.casestudy_inner {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}
.case_number{
	font-size: 40px;
	color: #5CBB89;
}
.country_wrap{
	margin-top: 20px;
}
.country_wrap_country{
	display: flex;
	align-items: center;
}
.country_wrap_country > span{
	width: 255px;
	flex-shrink: 0;
	/*width: 64px;
	margin-right: 20px;*/
}
/*.country_wrap .country_wrap_txt .country_wrap_txt01{
	font-size: 18px;
}
.country_wrap .country_wrap_txt .country_wrap_txt02{
	font-size: 57px;
}*/
.country_info{
	margin-top: 15px;
}
.country_info p{
	font-size: 13px;
	line-height: 1.69;
}
.country_info p span{
	font-weight: 600;
}

.casestudy_inner_box02 .casestudy_inner_box02_contentTtl{
	font-size: 20px;
	font-weight: 700;
	color: #5CBB89;
}
.casestudy_inner_box02 .casestudy_inner_box02_contentTxt{
	font-size: 14px;
	line-height: 1.41;
	padding-top: 16px;
	margin-top: 18px;
	border-top: 1px solid #B1D6C3;
}
.casestudy_inner_box02_content + .casestudy_inner_box02_content{
	margin-top: 40px;
}



.casestudy .con_btn{
	margin-top: 100px;
}


/*--------------------PC--------------------*/
@media all and (min-width:681px){
	.casestudy_inner_box01{
		width: 240px;
	}
	.casestudy_inner_box02{
		width: 830px;
		margin-top: 20px;
	}
}
/*--------------------SP--------------------*/
@media all and (max-width:680px){
	.casestudy{
		padding-top: 40px;
		padding-bottom: 50px;
	}

	.casestudy_inner {
    margin-top: 40px;
    flex-direction: column;
	}
	.country_wrap {
	    margin-top: 20px;
	    display: flex;
	}
	.country_wrap_country {
    flex-direction: column;
    align-items: flex-start;
	}
	.country_wrap_country > span {
    width: 120px;
    /*margin-right: auto;*/
	}
	.country_wrap .country_wrap_txt .country_wrap_txt01{
		font-size: 16px;
	}
	.country_wrap .country_wrap_txt .country_wrap_txt02{
		font-size: 42px;
	}
	.country_wrap_txt{
		margin-top: 18px;
	}
	.country_info {
    margin-top: 0;
    margin-left: 17px;
	}

	.casestudy_inner_box02{
		margin-top: 45px;
	}
	.casestudy_inner_box02 .casestudy_inner_box02_contentTtl {
    font-size: 17px;
	}
	.casestudy_inner_box02 .casestudy_inner_box02_contentTxt {
    font-size: 14px;
    line-height: 1.57;
    padding-top: 13px;
    margin-top: 16px;
	}

	.casestudy .con_btn{
		margin-top: 50px;
	}

}

/* faq
***************************************************************/
.faq{
	padding-top: 125px;
	padding-bottom: 50px;
}
.accordion-item + .accordion-item{
  margin-top: 75px;
}
.faq_inner{
	padding: 0 120px;
	margin-top: 80px;
}
.faq_inner > div:nth-child(n + 2) .accordion-content{
  display: none;
}
.accordion-title{
  border-bottom: 1px solid #B1D6C3;
  height: 70px;
  position: relative;
  cursor: pointer;
}
.accordion-item .accordion-content{
  padding-top: 30px;
}

.accordion-item .accordion-inner{
  display: flex;
}
.accordion-item .accordion-title .accordion-inner{
  align-items: center;
}
.accordion-item span.bebas{
  width: 55px;
  display: inline-block;
  font-size: 42px;
  flex-shrink: 0;
}
.accordion-item .accordion-content span.bebas{
  color: #5CBB89;
}
.accordion-item .accordion-title .txt{
  font-size: 20px;
  font-weight: 700;
  line-height: 2.25;
  position: relative;
  top: -3px;
}
.accordion-item .accordion-content .txt{
  width: 100%;
  font-size: 15px;
  line-height: 1.73;
  text-align: justify;
}
.accordion-item .accordion-content .txt p:first-child{
	margin-bottom: 1em;
}
.accordion-item .accordion-content .txt a{
	text-decoration: underline;
	margin-left: auto;
  display: table;
  padding-right: 150px;
  margin-top: 1em;
}
.accordion-item .accordion-content .txt_sub{
  font-size: 12px;
  margin-top: 1.25em;
}
.accordion-item04 .accordion-content .txt_sub{
	display: block;
	margin-top: 0;
}
.accordion-item .accordion-content dl + dl{
  border-top: 2px solid #000;
  margin-top: 35px;
  padding-top: 35px;
}
.accordion-item .accordion-content dt{
  font-size: 22px;
  font-weight: 700;
}
.accordion-item .accordion-content dd{
  margin-top: 0.75em;
}

.accordion_table{
  border: 1px solid #000;
  letter-spacing: 0;
  margin-top: 30px;
}
.accordion_table > div{
  display: flex;
}
.accordion_table p{
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.accordion_table .accordion_table--ttl p{
  background-color: #000;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 700;
}

.accordion-btn{
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: #5CBB89;
  border: 1px solid #5CBB89;
  position: absolute;
	bottom: 30px;
  right: 0;
  transition: 0.3s;
}
.accordion-btn::before,
.accordion-btn::after {
  content: '';
  display: block;
  width: 16px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50% , -50%);
  transition: 0.3s;
}
.accordion-btn::after {
  background-color: #fff;
  transform: translate(-50% , -50%) rotate(90deg);
}
.open .accordion-btn::before{
  opacity: 0;
}
.open .accordion-btn::after{
  transform: translate(-50% , -50%) rotate(0);
  transition: 0.3s;
}
/*--------------------PC--------------------*/
@media all and (min-width:681px){
	.faq .front_h2_wrap--sub{
		left: 370px;
	}
  .accordion-title:hover .accordion-btn{
    background-color: initial;
    border: 1px solid #5CBB89;
  }
  .accordion-title:hover .accordion-btn::before,
	.accordion-title:hover .accordion-btn::after {
	  background-color: #5CBB89;
	}
  .accordion-item05 .accordion-content a:hover{
    opacity: .7;
  }
  .accordion-item08 .accordion-content a{
    pointer-events: none;
  }

  .accordion_table p{
    width: 300px;
    height: 50px;
  }
  .accordion_table p + p{
    border-left: 1px solid #000;
  }
  .accordion_table .accordion_table--ttl p + p{
    border-left: 1px solid #fff;
  }
  .accordion_table--txt{
    border-top: 1px solid #000;
  }



}
/*--------------------SP--------------------*/
@media all and (max-width:680px){
	.faq{
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.accordion-item + .accordion-item{
	  margin-top: 50px;
	}
	.faq_inner{
		padding: 0;
		margin-top: 80px;
	}
  .faq_inner{
    margin: 40px 0 0;
  }

  .accordion-title{
    height: auto;
    padding-bottom: 10px;
  }
  .accordion-item .accordion-content{
    padding-top: 15px;
  }

  .accordion-item .accordion-title .accordion-inner{
    align-items: center;
  }
  .accordion-item span.bebas{
  	font-size: 28px;
    width: 26px;
  }
  .accordion-item .accordion-title .txt{
    font-size: 17px;
    line-height: 1.71;
  }
  .accordion-item .accordion-content .txt a{
	  display: block;
	  padding-right: 0;
	  white-space: nowrap;
	}

  .accordion-item .accordion-content .txt{
    font-size: 14px;
    line-height: 1.57;
  }
  .accordion-item .accordion-content dl + dl{
    margin-top: 20px;
    padding-top: 20px;
  }
  .accordion-item .accordion-content dt{
    font-size: 17px;
  }

  .accordion_table{
    margin-top: 20px;
  }

  .accordion_table .accordion_table--ttl p{
    font-size: 13px;
  }

  .accordion-btn{
    width: 36px;
    height: 36px;
    bottom: calc((50% - 18px) + 10px);
  }

}



/* aaa
***************************************************************/

/*--------------------PC--------------------*/
@media all and (min-width:681px){
}
/*--------------------SP--------------------*/
@media all and (max-width:680px){
}