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

body{margin:0px auto}

.box {display: flex;flex-wrap: wrap;} 

a:hover{opacity:0.7} 
a:hover{opacity:0.7} 
a:hover{opacity:0.7} 


@media screen and (min-width:780px) { 

.sp{display:none} 
.contents{max-width: 1440px; margin:0px auto; padding:10% 5% 3%; } 
.p15{padding:0 15px }
	
.text-c p{
text-align: center
}
	
.box-half64_1{width:55%}
.box-half64_2{width:35%}
.box-half46_1{width:35%}
.box-half46_2{width:55%}
.box-half37_1{width:20%}
.box-half37_2{width:75%}
.box-half73_1{width:75%}
.box-half73_2{width:20%}
.box-half28_1{width:10%}
.box-half28_2{width:85%}
.box-half82_1{width:85%}
.box-half82_2{width:10%}
.box-half55{width:46%}
.box-half333{width:31%;}
.box-half4{width:22%}
	

#main{
margin-top:300px; 
}
#main .mv{
position: relative
}
#main .mv div{
position: absolute; top: -140px; width:55%; left:5%; margin:0 auto; max-width: 600px;
}
img.scroll-img {
    position: absolute;
    right: 8%;
    bottom: -31%;
    width: 0.6%;
}
	
	
#c01 .txt{
 margin:10% auto 5%; text-align: center
}
#c01 .sensu{
display: flex;flex-wrap: wrap;
}
#c01 .sensu .p01{
width: 45%; margin:5% auto
}
#c01 .sensu .p02{
width: 45%; margin:5% auto
}
#c01 .sensu p{
max-width: 647px; margin:5% auto
}
	
#c02{
background:url("../../img/06-feel_jscent04/contents/03/bg.png"); background-size:100% 100%; background-position:center;  background-repeat:no-repeat; padding: 10% 0 20%
}
#c02 .kyousensu{
display: flex;flex-wrap: wrap;
}
#c02 .kyousensu .txt{
width: 50%; margin:5% auto; text-align: center
}
#c02 .kyousensu .p{
width: 50%; margin:5% auto; text-align: right; float: right
}
#c02 .kyousensu p{
max-width:410px; margin:10% auto 0; color: #fff; text-align: left
}
	
#c03{
margin-top:-15%; width: 90%
}

#c04 .kurokawa{
display: flex;flex-wrap: wrap;
}
#c04 .kurokawa .p01{
width: 40%; margin:5% auto;
}
#c04 .kurokawa .p01 img:nth-child(1){
width: 50%; margin-bottom:10%
}
#c04 .kurokawa .p01 p{
border-bottom:1px solid #cfcfcf;
padding-bottom:8%; margin-bottom:8%
}
#c04 .kurokawa .p02{
width: 50%; margin:5% auto;
}
#c04 .kurokawa .btn{
max-width: 570px; margin:0 auto;
}
	
.sensu_detail:nth-child(1){width: 30%; margin: 0 auto}
.sensu_detail:nth-child(2){width: 40%; margin: 0 auto}
.sensu_detail:nth-child(3){width: 25%; margin: 0 auto}
.sensu_detail p{border-bottom:0px solid #fff; border-bottom:0px solid #cfcfcf !important;
padding-bottom:0 !important; margin-bottom:0 !important; }
.sensu_detail p:nth-child(2){color:#999999;  line-height: 150% !important; font-size:12px !important; /*font-family:"���S�V�b�N Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",���C���I,Meiryo,sans-serif;*/}
} 



@media screen and (max-width:779px) { 

.pc{display:none} 
.contents{width:90%; margin:0px auto; padding:15% 0 3%;} 
	
.text-c p{
text-align: left
}
	
.box-half64_1{width:100%}
.box-half64_2{width:100%}
.box-half46_1{width:100%}
.box-half46_2{width:100%}
.box-half37_1{width:20%}
.box-half37_2{width:75%}
.box-half73_1{width:75%}
.box-half73_2{width:20%}
.box-half28_1{width:15%}
.box-half28_2{width:80%}
.box-half82_1{width:80%}
.box-half82_2{width:15%}
.box-half55{width:100%}
.box-half333{width:66%}
.box-half4{width:46%}
	

	
#main{
margin-top: 200px;
}
#main .mv{
position: relative
}
#main .mv div{
position: absolute; top:-80px;
    width: 80%;
    right: 0;
    left: 5%;
margin: 0 ;
max-width: 400px;
}
img.scroll-img {
    position: absolute;
    right: 5%;
    bottom:15%;
    width:8px;
}
	
#c01 .txt{
 margin:10% auto 5%; text-align: center
}
#c01 .sensu{
display: flex;flex-wrap: wrap;
}
#c01 .sensu .p01{
width: 100%; margin:5% auto
}
#c01 .sensu .p02{
width: 100%; margin:5% auto
}
#c01 .sensu p{
max-width: 647px; margin:5% auto 15%
}
	
#c02{
background:url("../../img/06-feel_jscent04/contents/03/bg.png"); background-size:100% 100%; background-position:center;  background-repeat:no-repeat; padding: 10% 0 20%
}
#c02 .kyousensu{
display: flex;flex-wrap: wrap;
}
#c02 .kyousensu .txt{
width: 100%; margin:5% auto; text-align: center; padding: 5%
}
#c02 .kyousensu .p{
width: 100%; margin:5% auto; text-align: right; float: right
}
#c02 .kyousensu p{
max-width:410px; margin:10% auto 0; color: #fff; text-align: left
}
	
#c03{
width: 100%
}

#c04 .kurokawa{
display: flex;flex-wrap: wrap;
}
#c04 .kurokawa .p01{
width: 100%; margin:5% auto;
}
#c04 .kurokawa .p01 img:nth-child(1){
width: 50%; margin-bottom:10%
}
#c04 .kurokawa .p01 p{
border-bottom:1px solid #cfcfcf;
padding-bottom:8%; margin-bottom:8%
}
#c04 .kurokawa .p02{
width: 100%; margin:5% auto;
}
#c04 .kurokawa .btn{
max-width: 570px; margin:0 auto;
}
	
.sensu_detail:nth-child(1){width: 100%; margin: 0 auto}
.sensu_detail:nth-child(2){width: 100%; margin: 0 auto}
.sensu_detail:nth-child(3){width: 100%; margin: 0 auto}
.sensu_detail p{border-bottom:0px solid #fff; border-bottom:0px solid #cfcfcf !important;
padding-bottom:0 !important; margin-bottom:0 !important; }
.sensu_detail p:nth-child(2){color:#999999;  line-height: 150% !important; font-size:12px !important; font-family:"���S�V�b�N Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",���C���I,Meiryo,sans-serif;}
}