@charset "utf-8";
/*.kodawari #mv h1{ padding-bottom: 9.5%; }*/
.kodawari #mvimg img{ width: 94.5%;  margin-bottom: 20px;}

.kodawari #healthwarp{ text-align: center; }
.kodawari #healthwarp .title_style01{ letter-spacing: 0.12em; line-height: 1.5em; }
.kodawari #healthwarp p{ margin-top: 42px; 
font-size:1.7rem; line-height: 2.2em; letter-spacing: 0.14em; color: #0f183e;}
.kodawari #healthwarp figure{ max-width: 955px; width: 90%; margin-left: auto; margin-right: auto;}

.kodawari .title_style01{ letter-spacing: 0.08em; line-height: 1.6em;}	
.kodawari .link_style01 { max-width: 450px;  margin-left: auto;  margin-right: auto;
 text-align: center; display: block;}

.boxcontent{ display: flex; align-items: center; justify-content: space-between;}
.boxcontent figure{ max-width: 480px;  }
#section1 .boxcontent figure{ max-width: 340px;}
#section1 .boxcontent .txtbox{ max-width: inherit;}
.boxcontent .title_style01{letter-spacing: 1.7px; text-align: inherit;}
.boxcontent p{ letter-spacing: 0.14em; color: #0f183e;}

.boxbg{ background:#f0f1f5; }
#movie{ margin-left: auto; margin-right: auto; }

/*----------------------------------------------------------------------------------
PCのみ
----------------------------------------------------------------------------------*/
@media screen and (min-width:1101px){
.kodawari #healthwarp p{margin-bottom: 20px; }
.kodawari h2.title_style01{ letter-spacing: 2.1px; }
.kodawari .boxbg, #section2,#section4{padding: 120px 0 ;}
#section1 .boxcontent figure{width: 29%; }
#section1 .boxcontent .txtbox{ width: 65%;}
#section1 .boxcontent { margin-bottom: 60px; }
.boxcontent figure{ width: 47%; }
.kodawari .link_style01 { margin-top: 80px;}
.boxcontent .txtbox{ width: 52%; max-width: 628px;}

}
@media screen and (min-width:1025px) {
.brtxt{ display: none; }
}
/*----------------------------------------------------------------------------------
タブレット・SP
----------------------------------------------------------------------------------*/
@media screen and (max-width:1302px) and (min-width:1101px){
.kodawari #healthwarp .title_style01{ font-size: 3.7rem; letter-spacing: -0.079em;}
.kodawari #healthwarp p{letter-spacing: 0.02em;}

}

@media screen and (max-width:1100px){
.kodawari #healthwarp{ flex-wrap: wrap; position: relative; }
.kodawari #healthwarp p { margin-bottom: 3%;}
.boxcontent{ flex-wrap: wrap; }
#section1 .boxcontent figure{ margin-bottom: 0; }
#section1 .boxcontent figure{ width: 70%;}
#section1 .boxcontent figure,
.boxcontent figure{ margin-left: auto; margin-right: auto; }
.boxcontent figure{ order: 2;}
.boxcontent .txtbox{ width: 100%;}

}
@media screen and (max-width:950px){
.brtxt{ display: none; }
.kodawari #healthwarp .title_style01{ letter-spacing: 0; }
}
/*----------------------------------------------------------------------------------
タブレット
----------------------------------------------------------------------------------*/
@media screen and (max-width:1100px) and (min-width:641px){
	.kodawari #mv{padding-top:56px;}
	/*.kodawari #kodawari_mv br.pc_only{display: block!important;}
	.kodawari #kodawari_mv{
		background-size: 220%;
		background-position: -74vw bottom;	}*/
	.kodawari #mv h1{ letter-spacing:0.09em ; }
.boxcontent p{ margin-bottom: 31px; }
#section1 .boxcontent { margin-bottom: 10%; }
.kodawari .boxbg, #section2,#section4{padding: 14% 0 ;}
 .kodawari #section1 h2.title_style01{ letter-spacing: 0.05em; }
}
@media screen and (min-width:641px){
.boxcontent .title_style01{  font-size: 3rem; margin-bottom: 20px;}
.boxcontent p{ font-size: 1.7rem; line-height: 2.2em; }
.kodawari .link_style01 { width: 100%;}
.kodawari #section1 h2.title_style01{margin-bottom: 45px;}
}
/*----------------------------------------------------------------------------------
SP
----------------------------------------------------------------------------------*/
@media screen and (max-width: 640px){
.kodawari #mv h1{letter-spacing: 0.6px;}
	/*.kodawari #kodawari_mv{
		background-size: 220%;
		background-position: -83vw bottom;
	}
	.kodawari #kodawari_mv section{padding: 90px 0 46%;}*/
	.kodawari #kodawari_mv h1{text-align: center;}
	.kodawari #kodawari_mv section > img{
		width: 38%;
		margin-left: 0;
	}
.kodawari .title_style01,
#healthwarp p{ text-align: left; }
.kodawari .title_style01{ margin-bottom: 10%;}
.kodawari h2.title_style01{ letter-spacing: -0.39vw; }

.kodawari #healthwarp p{ font-size: 3.5vw; }
.kodawari #healthwarp .title_style01{ font-size: 5.7vw; }
.kodawari .boxbg, #section2 { padding: 16% 0; }
#section4 {padding: 12% 0 4%}

#section1 .brtxt{ display: block; }
.boxcontent figure{ margin-top: 6%; }
#section1 .boxcontent { margin-bottom: 12%; }
.kodawari .link_style01{ width: 88%; }
.boxcontent figure { width: 70%; }
.boxcontent .title_style01{  font-size: 5.5vw; margin-bottom: 6%; line-height: 1.4em; }
.boxcontent p{ font-size: 3.5vw; line-height: 2em;}
#section1 .boxcontent p{ letter-spacing: -0.4px }
#section2 .boxcontent p{ letter-spacing: 0; }
#section3 .boxcontent p{ letter-spacing: 1px; }
#section4 .boxcontent p{ letter-spacing: 0.5px;}

}