@charset "utf-8";


.lp .header {
	background : url(../images/img_mv_lp.png) no-repeat top center;
	height : 799px;
}
.header_in{
	margin-top : 100px;
	text-align : center;
}




.header_in .page_title {
	font-family: 'Noto Sans Japanese', serif;
	margin-bottom : 0px;
	font-size :4.8rem;
	color : #fff;
	font-weight : 700;
}

.header_in .lp_navi {
	display :flex;
	justify-content: space-around;
	flex-wrap : wrap;
	margin : 40px 0;
}
.header_in .lp_navi p {
	width : 40%;
	background : #fff;
	font-size : 1.8rem;
	padding : 10px;
	font-weight : 700;
	margin : 15px;
}

.header_in .lp_navi p span {
	color : #0091FF;
}

.contents_section {
	width : 770px;
	font-family: 'Noto Sans Japanese', serif;
	margin : 50px auto;
}
.contents_section_outer {
	width : 1280px;
	background : url(../images/img_bg_line.png) #edf5fc repeat top left;
	padding : 40px;
}

.contents_in_inner {
	width : 770px;
	overflow : hidden;
}
.contents_in {
	margin : 50px auto;
}
.contents_section h2{

	text-align : center;
	font-weight : 700;
	font-size : 2.4rem;
	font-family: 'Noto Sans Japanese', serif;
	color : #2B91E5;
}
.contents_section .sub_title {
text-align : center;
	font-weight : 700;
	font-size : 2.4rem;
}


.lp_text_cen {
	text-align : center;
	font-size : 1.8rem;
	line-height : 2;
}

.lp_text_strong {
	font-weight :700;
	color : #0091FF;
	font-size : 1.6rem;
}

.lp_image {
	margin : 20px auto;
	text-align : center;
}
.lp_image_list {
	width : 540px;
	display : flex;
	justify-content: center;
	margin : 0 auto;
}

.lp_image_list img {
	max-width : 108px;
}

.lp_image_list2 {
	display : flex;
	justify-content: space-between ;
	margin : 20px auto;
	padding : 10px;
}
.lp_image_list2 p{
	width : 30%;
}
.lp_image_set {
	float : right;
	padding-left :10px;
}

.lp_image2 {
	width : 232px;
}

.lp_image2 p{
	text-align : left;
	font-size : 1.4rem;
}

.lp_image_in {
	border : 1px solid #4FC2BD;
	padding : 10px;
}

.about_box {
	border : 1px solid #0091FF;
	position : relative;
	margin : 50px 0 0 0;
	padding : 20px;
	
}

.about_box_title {
	width : 727px;
	position : absolute;
	text-align : center;
	top : -40px;
}

.contact_box {
	padding : 20px;
	border : 1px solid #0091FF;
	margin : 40px 100px;
	font-size : 2.4rem;
	text-align : center;
	color :  #0091FF;
	font-weight : 700;
	
}

.yellowbox {
	border : 3px solid #F3E803;
	display :flex;
	margin-top :20px;
}
.yellowbox p {
	background : #F3E803;
	padding : 30px;
}
.yellowbox div {
	padding : 20px;
	
}
.pinkbox {
	border : 3px solid #FF4F63;
	margin :40px auto;
	text-align : center;
	width : 770px;
}

.pinkbox p {
	background : #FF4F63;
	padding : 20px;
	color :#fff;
	font-size : 1.8rem;
	
}
.pinkbox div {
	padding : 20px;
}

.bluebox {
	background : #0091FF;
	padding : 15px;
	color : #fff;
	display : inline-block;
	margin : 20px 0;
}


@media screen and (max-width : 768px) {
	.header_in .page_title {
		width : 90vw;
			font-size : 3.6rem;
	}

	.header_in .lp_navi {
		flex-wrap : wrap;
	}
	.header_in .lp_navi p {
		width : 100%;
	}

	.contents_section {
		width : 95%;
	}
	.contents_section_outer {
		width : 95%;
		padding : 10px;
	}

	.contents_in_inner {
		width : 95%;
	}

	.lp_image_list {
		width : 95%;
	}
	
	
	.lp_image_set {
		float : none;
		padding-left :0;
	}
	
	.pinkbox {
		width : 95%;
	}
	
	.header_in {
		width : 95%;
	}
	
	.contact_box {
		margin : 40px 10px;
	}
	
	.about_box_title {
		width : 92%;
		position : absolute;
		text-align : center;
		top : -40px;
	}

}