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

@media screen and (max-width:745px) {
	
	.pc_only{display: none!important;}
	.sp_only{display: inline!important;}
	
	.sp_size{width: 100%!important;}

	.wrap{
		width:100% !important;
	}
	
	.inbox,
	.inbox20,
	.inbox40,
	.inbox60,
	.inbox80{
		padding: 10px!important;
	}

	hr{
	}
	
	
/*header-------------------------*/
	#header div#co_block h1{text-align: center!important;}
	#vis_txt{
		padding-top: 10px!important;
	}
	#vis_txt h2{
	font-size: 2.4rem!important;
	font-weight: normal;
	margin-bottom: 0.6rem!important;
}
	#vis_txt p strong{
	color: #E49706;
	font-size: 2.6rem!important;
	font-weight: normal;
}
	#vis_txt p#img_item{
		float: left!important;
	}
	#vis_txt p#img_item img{
		width: 150px!important;
		padding-right: 10px!important;
	}
	#vis_txt iframe{
		width: 100%!important;
		height: auto!important;
		height: 300px!important;
	}
	#sample_first,
	#sample_first2{
		background: none!important;
		padding-left: 0px!important;
	}
	#sample_first .inbox,
	#sample_first2 .inbox{
		padding: 0 10px!important;
	}

	
	
/*intro-----*/
#block_intro{}
#block_intro .inbox{
	background: none!important;
	padding-bottom: 10px;
}
#block_intro h2{
	font-size: 2.0rem!important;
	font-weight: normal;
	line-height: 1.4;
	margin-bottom: 10px!important;
	background: url("../images/intro_img_a.jpg")no-repeat top center!important;
	background-size: 40%!important;
	padding-top: 150px!important;
}
#block_intro h2 span{
	background: url("../images/u_line_o.png")repeat-x bottom;
	font-size: 3.2rem!important;
}
#box_intro{
	min-height: 250px;
}
.melit01{
	border: 8px solid #FFDCB9!important;
	background: url("../images/intro_ilst_a.jpg")no-repeat center top #fff!important;
	padding: 166px 20px 0 20px!important;	
	background-size: 60%!important;
}
.melit01 h3{color: #FF9121;}
.melit02{
	border: 8px solid #D1E1F2!important;
	background: #fff;
	background: url("../images/intro_ilst_b.jpg")no-repeat center top #fff!important;
	padding: 166px 20px 0 20px!important;
	background-size: 60%!important;
}
.melit02 h3{color: #4B86CB;}
.melit03{
	border: 8px solid #DAECD4!important;
	background: url("../images/intro_ilst_c.jpg")no-repeat center top #fff!important;
	padding: 166px 20px 0 20px!important;
	background-size: 60%!important;
}
.melit03 h3{color: #77B85F;}

#box_intro h3{
	font-size: 2.8rem!important;
	font-weight: normal;
}
	
/*point-----*/
#block_point{
	background: url("../images/bg_point.png") top;
	padding-top: 20px;
}
#point_t{
	background: none!important;
	padding: 0!important;
}
#block_point h2{
	font-size: 2.4rem!important;
	text-align: center!important;
	font-weight: normal;
	line-height: 1.4;
	margin-bottom: 20px;
	font-weight: bold;
	color: #666;
}
#block_point h2 span{
	font-size: 4.4rem!important;
	background: url("../images/u_line_w.png")repeat-x bottom;
}


.box_point{
	background: #FDF2F7;
	border-radius: 10px;
	padding: 30px 20px 20px 20px;
}
.p_u{
	float: none!important;
	width: 100%!important;
}
	.p_u p.icon_po{text-align: center!important;}
	icon_po img{width: 100px!important;}
.p_u strong{
	color: #FF7979;
}

.pic_point{
	float: none!important;
}

.box_point h3{
	font-size: 2.6rem;
	font-weight: normal;
}

#box_point03,
#box_point04{
	width: 100%!important;
}
#box_point03 .p_u,
#box_point04 .p_u{
	width: 100%;
}
#box_point03{
	float: none!important;
	margin-bottom: 30px!important;
}
#box_point04{
	float: none!important;
}
	
/*about*/
#block_about{
	background: #fff;
	border-top: 1px solid #C8DF93;
	border-bottom: 1px solid #C8DF93;
	padding: 30px 0 20px 0!important;
}

#about_left{
	float: none!important;
	width: 100%!important;
}
#about_img{
	padding-top: 0px!important;
	float: none!important;
}
#about_img img{
	box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 20%);
}

#block_about h2{
	font-size: 3.2rem!important;
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: 20px;
	text-align: center!important;
}

#block_about p.about_logo{
	margin-bottom: 10px!important;
	text-align: center!important;
}
#block_about p.about_logo img{
	width: 230px!important;
	padding-right: 20px;
}

	
/*block_mov-----*/
#block_mov{
}
#block_mov #mov_box{
	padding: 90px 10px 10px 10px!important;
	border-radius: 10px;
	border: 2px solid #D2D5EC;
	background: url("../images/mov_img.jpg")no-repeat center top #F6F6F6!important;
	background-size: 50%!important;
}
#block_mov #mov_box h2{
	font-size: 2.6rem!important;
	font-weight: normal;
}
#block_mov #mov_box p.mov_lead{
	font-size: 2.2rem;
	color: #39468C;
	line-height: 1.4;
}
#block_mov iframe{
	width: 100%!important;
	height: 300px!important;
	border-radius: 10px;
	border: 2px solid #D2D5EC;
}


/*block_follow-----*/
#block_follow{}
#block_follow h2{
	font-size: 2.6rem!important;
	font-weight: normal;
	border-bottom: 2px solid #F2A009;
	margin-bottom: 20px;
}
#block_follow h3{
	font-size: 2.6rem!important;
	font-weight: normal;
	color: #CC3366;
	
}
#block_follow #otoiawase_tel strong{
	font-size: 4.4rem;
	font-weight: normal;
	color: #CC3366;
	line-height: 1;
}
#block_follow p.follow_img{
	float: none!important;
	text-align: center!important;
	margin-bottom: 0!important;
}
#block_follow .follow_txt{
	padding-left: 0px!important;
}
#block_follow .btn_det a{
	display: block;
	background: #CC3366;
	font-size: 2.6rem;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 10px 10px 8px 10px;
	border-radius: 10px;
	width: 280px;
	margin: 0 auto!important;
}
	
	
/*sns-----*/
#block_sns{
	text-align: center;
}

#block_sns h3{
	font-weight: normal;
	padding-bottom: 20px;
}

#block_sns ul{
	text-align: center;
}

#block_sns ul li{
	display: inline-block;
	font-size: 1.6rem;
}
#block_sns ul li img{
	width: 40px!important;
}

#block_sns ul li:not(.list1){
	margin-left: 20px!important;
}
	#block_sns ul li{margin-left: 20px!important;}
	#block_sns ul li:nth-child(1){margin-left: 0px!important;}

	
	
	
	
/*footer-----*/
	#footer nav ul li{
		display: block!important;
		font-size: 1.6rem;
		margin-left: 0px!important;}
	#footer nav ul li:nth-child(1){margin-left: 0px!important;}
	
	
	
	
	
	
	
	
	
	
	
	
}