@charset "UTF-8";
/********メインビジュアル********/
section.sec.mv {
	position:relative;
	max-width:1903px;
	width:100%;
	height:589px;
	margin: 0 auto -120px;
	padding:80px 0 0;
	background:url("../img/index/main.png") center top/cover no-repeat;
	z-index:1;
}
section.sec.mv div.flex_box div.main{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0;
}

section.sec.mv div.flex_box div.main h1{
	font-size:4.6rem;
	line-height:1;
	color:#D84373;
	font-weight:200;
	margin:40px 0;
	padding:0;
}
section.sec.mv div.flex_box div.main h1 span{
	display:block;
	font-size:5.4rem;
	margin-bottom:0.5em;
}
section.sec.mv div.flex_box div.main div.flex.point{
	flex-wrap:wrap;
	justify-content:space-between;
	max-width:800px;
}
section.sec.mv div.flex_box div.main div.flex.point > div{
	flex:48%;
	max-width:48%;
	font-size:2rem;
	line-height:1.6;
	font-weight:500;
	color:#666;
	padding:15px 0 15px 70px;
	box-sizing:border-box;
}
section.sec.mv div.flex_box div.main div.flex.point > div:first-child{background:url("../img/index/icon01@2x.png") left center/53px no-repeat;}
section.sec.mv div.flex_box div.main div.flex.point > div:nth-child(2){
	padding-left:80px;
	background:url("../img/index/icon02@2x.png") left center/67px no-repeat;
}
section.sec.mv div.flex_box div.main div.flex.point > div:last-child{
	flex:auto;
	max-width:auto;
	margin:0 auto;
	padding-left:80px;
	background:url("../img/index/icon03@2x.png") left center/64px no-repeat;
}

/********ナビゲーション********/
aside{
	position:absolute;
	top:182px;
}

/********コンテンツエリア********/
section.sec.bk01 {padding-top:150px;}

@media screen and (max-width: 1280px) {
/********メインビジュアル********/
section.sec.mv {height:420px;}
section.sec.mv div.flex_box div.main h1{
	max-width:540px;
	line-height:1.3;
	margin:0 0 10px;
}
section.sec.mv div.flex_box div.main h1 span{margin-bottom:0.25em;}
section.sec.mv div.flex_box div.main div.flex.point{
	justify-content:flex-start;
	max-width:100%;
	}
section.sec.mv div.flex_box div.main div.flex.point > div{
	flex:46%;
	max-width:46%;
	font-size:1.8rem;
}
}

@media screen and (max-width: 1112px) {
section.sec.mv div.flex_box div.main div.flex.point > div{
	flex:50%;
	max-width:50%;
	font-size:1.6rem;
}
}

/* TB & SP */
@media screen and (max-width: 1024px) {
/********メインビジュアル********/
section.sec.mv {
	height:380px;
	padding-top:80px;
}
section.sec.mv div.flex_box{display:block;}	
section.sec.mv div.flex_box > div.main{
	flex:100%;
	max-width:100%;
}
	
section.sec.mv div.flex_box div.main h1{
	max-width:100%;
	font-size:4.6vw;
	margin:0 0 20px;
}
section.sec.mv div.flex_box div.main h1 span{
	font-size:5.4vw;
	margin-bottom:0;
}
section.sec.mv div.flex_box div.main div.flex.point{max-width:100%;}
section.sec.mv div.flex_box div.main div.flex.point > div{
	flex:40vw;
	max-width:40vw;
	padding:10px 0 10px 70px;
}
section.sec.mv div.flex_box div.main div.flex.point > div:last-child{
	flex:40vw;
	max-width:40vw;
}
/********ナビゲーション********/
aside{
	position:relative;
	top:0;
}
	
/********コンテンツエリア********/
section.sec.mv div.flex_box > div:last-child{margin-top:0;}	
	
}

@media screen and (max-width: 991px) {
/********メインビジュアル********/
section.sec.mv {
	height:330px;
	padding-top:60px;
}
	
}


@media screen and (max-width: 767px) {
	
/********メインビジュアル********/
section.sec.mv {
	height:40vw;
	padding-top:8vw;
}
section.sec.mv div.flex_box div.main h1{font-size:3.2rem;}
section.sec.mv div.flex_box div.main h1 span{font-size:4rem;}
section.sec.mv div.flex_box div.main div.flex.point > div{
	flex:auto;
	max-width:auto;
	font-size:1.4rem;
	padding:10px 0 10px 50px;
	box-sizing:border-box;
}
section.sec.mv div.flex_box div.main div.flex.point > div:first-child{background:url("../img/index/icon01@2x.png") left center/42.4px no-repeat;}
section.sec.mv div.flex_box div.main div.flex.point > div:nth-child(2){
	padding-left:60px;
	background:url("../img/index/icon02@2x.png") left center/53.6px no-repeat;
}
section.sec.mv div.flex_box div.main div.flex.point > div:last-child{
	padding-left:60px;
	background:url("../img/index/icon03@2x.png") left center/51.2px no-repeat;
}
	
}

@media screen and (max-width: 640px) {
/********メインビジュアル********/
section.sec.mv {
	height:calc(130vw - 94px);
	max-height:calc(130vh - 94px);
	padding:40px 0 0;
	margin:0 auto;
	background:url("../img/index/sp/main.png") center bottom/cover no-repeat;
	box-sizing:border-box;
}
section.sec.mv div.flex_box div.main h1{
	font-size:5.2vw;
	font-weight:400;
	}
section.sec.mv div.flex_box div.main h1 span{
	font-size:10vw;
	font-weight:400;
	margin-bottom:10px;
	}
section.sec.mv div.flex_box div.main div.flex.point{
	display:block;
	max-width:100%;
	}
	
section.sec.mv div.flex_box div.main div.flex.point > div,
section.sec.mv div.flex_box div.main div.flex.point > div:last-child{
	max-width:100%;
	padding-left:60px;
	}	
section.sec.mv div.flex_box div.main div.flex.point > div p{font-size:3.6vw;}	
	
section.sec.mv div.flex_box div.main div.flex.point > div,
section.sec.mv div.flex_box div.main div.flex.point > div:last-child{margin-top:2em;}	
	
section.sec.mv div.flex_box div.main div.flex.point > div:first-child{background:url("../img/index/icon01@2x.png") left center/48px no-repeat;}
section.sec.mv div.flex_box div.main div.flex.point > div:nth-child(2){
	padding-left:60px;
	background:url("../img/index/icon02@2x.png") left center/48px no-repeat;
}
section.sec.mv div.flex_box div.main div.flex.point > div:last-child{
	padding-left:60px;
	background:url("../img/index/icon03@2x.png") left center/48px no-repeat;
}
/********コンテンツエリア********/
section.sec.bk01 {padding-top:20px;}

}

/* SP */
@media screen and (max-width: 480px) {
/********メインビジュアル********/
section.sec.mv {
	height:calc(90vh - 84.8px);
	min-height:540px;
	}
section.sec.mv div.flex_box div.main h1{
	font-size:5.6vw;
	font-weight:500;
	}
section.sec.mv div.flex_box div.main h1 span{font-size:10.2vw;}
section.sec.mv div.flex_box div.main div.flex.point > div p{font-size:4vw;}		
}

/* SP */
@media screen and (max-width: 414px) {
/********メインビジュアル********/
section.sec.mv {
	height:calc(76vh - 84.8px);
	min-height:480px;
	}
	
}

/* SP */
@media screen and (max-width: 380px) {		
/********メインビジュアル********/
section.sec.mv {height:calc(90vh - 84.8px);}
section.sec.mv div.flex_box div.main h1{font-size:5.2vw;}
section.sec.mv div.flex_box div.main h1 span{font-size:9.4vw;}
section.sec.mv div.flex_box div.main div.flex.point > div p{font-size:1.4rem;}	

}