@charset "utf-8";
@media screen and (max-width: 750px) {
	body{
		min-width: 100%;
	}
	/*== view ==*/
	.pc_view{display: none;}
	.sp_view{display: block;}
	.sp_none{display: none;}
	
	/*== wrap ==*/
	.wrap{
		width: 100%;
		min-width: 1px;
		padding: 0 5.3vw;
	}
	/*== margin ==*/
	.sp_mat0{margin-top: 0!important;}
	.sp_mat5{margin-top: 5px!important;}
	.sp_mat10{margin-top: 10px!important;}
	.sp_mat20{margin-top: 20px!important;}
	.sp_mat30{margin-top: 30px!important;}
	.sp_mat40{margin-top: 40px!important;}
	.sp_mat50{margin-top: 50px!important;}
	.sp_mat60{margin-top: 60px!important;}
	.sp_mat70{margin-top: 70px!important;}
	.sp_mat80{margin-top: 80px!important;}

	.sp_mab0{margin-bottom: 0px!important;}
	.sp_mab5{margin-bottom: 5px!important;}
	.sp_mab10{margin-bottom: 10px!important;}
	.sp_mab15{margin-bottom: 15px!important;}
	.sp_mab20{margin-bottom: 20px!important;}
	.sp_mab25{margin-bottom: 25px!important;}
	.sp_mab30{margin-bottom: 30px!important;}
	.sp_mab40{margin-bottom: 40px!important;}
	.sp_mab45{margin-bottom: 45px!important;}
	.sp_mab50{margin-bottom: 50px!important;}
	.sp_mab60{margin-bottom: 60px!important;}
	.sp_mab70{margin-bottom: 70px!important;}
	.sp_mab80{margin-bottom: 80px!important;}

	/*== text-align ==*/
	.sp_AL_left{
		text-align: justify!important;
		text-justify: inter-ideograph!important;
	}
	.sp_AL_right{text-align: right!important;}
	.sp_AL_center{text-align: center!important;}

	/*== layout box ==*/
	.box.sp1unit { width: 8.33%; }
	.box.sp2unit { width: 16.66%; }
	.box.sp3unit { width: 25%; }
	.box.sp4unit { width: 33.32%; }
	.box.sp5unit { width: 41.65%; }
	.box.sp6unit { width: 50%; }
	.box.sp7unit { width: 58.33%; }
	.box.sp8unit { width: 66.66%; }
	.box.sp9unit { width: 74.99%; }
	.box.sp10unit { width: 83.32%; }
	.box.sp11unit { width: 91.65%; }
	.box.sp12unit { width: 100%; }
	.box_wrap .box:last-child { margin-bottom: 0; }

	/*== layout box - padding ==*/
	.box.pad10, .box.pad20, .box.pad30, .box.pad40, .box.pad50, .box.pad60, .box.pad70, .box.pad80, .box_wrap.fill10, .box_wrap.fill20, .box_wrap.fill30, .box_wrap.fill40, .box_wrap.fill50, .box_wrap.fill60, .box_wrap.fill70, .box_wrap.fill80{
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
		padding: 0;
	 }
	
	/*== section ==*/
	.section{
		padding: 0;
	}

/*========================================================
	 				text SP
========================================================*/
	p.txt{
		font-size: 4vw;
	}
	p.kome {
		font-size: 3.7vw;
		padding-left: 3.7vw;
		text-indent: -3.7vw;
		line-height: 1.6;
	}

/*========================================================
					header
========================================================*/
header .logo a{
	transition: all .3s ease;
}
header .logo a:hover{
	opacity: 0.7;
}
header .header_left{
	float: left;
	width: 40vw;
	padding: 8vw 0 3vw;
}
header .header_left img{
	width: 100%;
	height: auto;
}
header .header_right{
	float: right;
	width: 40vw;
	padding: 3vw 0;
}
/*========================================================
	 				footer
========================================================*/
footer {
	background: #194C89;
	color: #fff;
	overflow: hidden;
	box-shadow: 0px 1px #194C89;
}
footer .footer_left{
    float: none;
    width: 100%;
    text-align: center;
    padding: 5.3vw 0 2.6vw;
}
footer .footer_left img{
	width: 100%;
	height: auto;
	max-width: 200px;
}
footer .footer_right{
    float: none;
    width: 100%;
    text-align: center;
    padding: 2.6vw 0 5.3vw;
}
footer .copyright{
	text-align: center;
	font-size: 3vw;
	padding: 0;
}
/*========================================================
	 				pagetop
========================================================*/
#pagetop{
    right: 8vw;
    bottom: 8vw;
    width: 13vw;
    height: 13vw;
    background: url(../images/btn_pagetop.png) no-repeat center;
    background-size: 100% auto;
    border-radius: 8vw;
}
/*========================================================
	 					midashi
========================================================*/
/* h4 */
h4{
    font-size: 5vw;
	letter-spacing: 0.5vw;
	margin-bottom: 6vw;
}
h4 .small{
	font-size: 3vw;
	vertical-align: 1vw;
}
h4.after_dots{
    padding-bottom: 8vw;
    background: url(../images/icon_dots.png) no-repeat center bottom 2vw;
    background-size: 5vw auto;
}
h4.after_dots.left{
	text-align: center;
    padding-bottom: 8vw;
    background: url(../images/icon_dots.png) no-repeat center bottom 2vw;
    background-size: 5vw auto;
}
h4.check{
	width: 100%;
	text-align: center;
	padding-left: 0;
	margin: 0 auto 5.3vw;
	background: none;
	
}
h4.check span{
	display: inline-block;
	padding-left: 6.6vw;
	font-size: 6.6vw;
	background: url("../images/icon_check.png") no-repeat left center;
	background-size: 5vw auto;
}
	
/* block ttl */
.ttl_area {
	margin-bottom: 6vw;
}
.ttl_area .midashi_italic{
    font-size: 7vw;
    letter-spacing: 0.4vw;
    margin-bottom: 2.6vw;
}
.ttl_area p{
	font-size: 3vw;
}

.midashi_fukidashi{
    font-size: 5.6vw;
    font-weight: 700;
    letter-spacing: 0.2vw;
    padding: 3vw 4vw;
    margin-bottom: 8vw;
	line-height: 1.4;
}
.midashi_fukidashi::after{
    bottom: -2.8vw;
    margin-left: -4vw;
    border-width: 3vw 4vw 0 4vw;
}

/*========================================================
	 					btn
========================================================*/
.btn_contact,
header .header_right .btn_contact{
    width: 100%;
	height: auto;
	font-size: 4vw;
	background: url(../images/icon_mail.png) no-repeat center left 5vw, -moz-linear-gradient(45deg, #ff6155, #ff7b22);
    background: url(../images/icon_mail.png) no-repeat center left 5vw, -webkit-linear-gradient(45deg, #ff6155, #ff7b22);
    background: url(../images/icon_mail.png) no-repeat center left 5vw, linear-gradient(45deg, #ff6155, #ff7b22);
	background-size: 4vw auto, auto;
	text-indent: 6vw;
	letter-spacing: 0.2vw;
	border-radius: 20vw;
	padding: 5vw 0;
}
.btn_contact.long{
	width: 100%;
	background: url(../images/icon_mail.png) no-repeat center left 14.6vw, -moz-linear-gradient(45deg, #ff6155, #ff7b22);
    background: url(../images/icon_mail.png) no-repeat center left 14.6vw, -webkit-linear-gradient(45deg, #ff6155, #ff7b22);
    background: url(../images/icon_mail.png) no-repeat center left 14.6vw, linear-gradient(45deg, #ff6155, #ff7b22);
	background-size: 4vw auto, auto;
	padding: 5vw 0;
	text-indent: 7vw;
}

.btn_normal{
    width: 78.8%;
	height: auto;
	font-size: 4vw;
	letter-spacing: 0.2vw;
	border-radius: 20vw;
	padding: 5vw 0;
}


}