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

@media screen and (max-width: 768px) {
	body {
		font-size:1.4em;
	}
	#wrap{
		margin:0;
		padding:0 0 60px 0;
	}
	.contents{
		width:94%;
		margin:0 3%;
	}
	.img-100{
		width:100%;
		height:auto;
	}
	.sp-none{
		display:none;
	}
	.flex-bt{
		display: block;
	}
	
	/*font*/
	.f-center-sp{text-align:center !important;}
	.f-line-sp{line-height:1.4;}
	.f-left-sp{text-align:left !important;}
	
	/*font*/
	
	/*margin*/
	.mb40{ margin-bottom:20px;}
	.mb80{ margin-bottom:40px;}
	
	/*padding*/
	.ptb80{ padding:40px 0;}
	
	.sp-block{display:block;}

	/*====================================
	 midashi
	====================================*/
	
	/*====================================
	 contents
	====================================*/
	/*main*/
	.main{
		background:url(../images/main_bg_sp.jpg) no-repeat center center;
		background-size: cover;
	}
	.main h2 img{
		width:90%;
	}
	/*message*/
	.message{
		padding:60px 0 140px 0;
	}
	/*.service*/
	.service{
		margin:-40px 0 0 0;
	}
	.service h2{text-align:center;}
	.service_ttl{
		margin: 0 0 80px 0;
		display: flex;
		flex-direction:column;
	}
	.service_ttl .txtbox{
		width:100%;
		margin:0 0 20px 0;
	}
	.service_ttl .img{
		width:100%;
		height:200px;
	}
	.service_ttl .img img{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		height: auto;
	}
	.service_ttl:after{
		content:"";
	}
	.service h3{
		text-align:center;
		line-height:1.4;
		letter-spacing:0.5rem;
	}
	.cont_right{
		margin:0px 0 60px 0;
	}
	.cont_left{
		margin:0px 0 60px 0;
	}
	.service_ttl:after, .cont_right:after, .cont_left:after {
		font-size:90px;
		bottom:-90px;
	}
	.cont_right .txtbox, .cont_left .txtbox{
		width:94%;
		margin:0 3% 20px 3%;
	}
	.cont_right .img, .cont_left .img{
		width:100%;
		height:300px;
	}
	.cont_right .img img, .cont_left .img img{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		height: auto;
	}
	
	/*news*/
	.news{
		padding:60px 0 0 0;
	}
	.news .contents{
		padding:40px 0 0 0;
	}
	.news_list{
		width:300px;
	}
	.news_text{
		display:block;
		margin-top:8px;
	}
	
	/*company*/
	.map iframe{
		height:400px;
	}
	.company{ margin:100px 0 0 0;}
	.company .contents{
		padding:40px 0 60px 0;
	}
	.company h2{text-align:center;}
	.company h2, .company dl{
		width:100%;
	}
	.company dt{
		margin:40px 0 20px 0;
		padding:0 0 20px 0;
	}

	.entry_form, .formWrap{
		padding:0 3%;
	}
	.entry_form dl, .formWrap dl{
		margin:0 0 20px 0;
		display: block;
	}
	.entry_form dt, .formWrap dt{
		-webkit-justify-content:start;
		justify-content:start;
		width:100%;
		align-items: center;
		margin:0 0 1rem 0;
	}
	.formWrap dt{
		border-top:1px solid #003b81;
		border-bottom:none;
		padding: 2rem 0;
	}
	.entry_form .hissu{
		margin:0 0 0 2rem;
	}
	.entry_form dd, .formWrap dd{
		width:100%;
	}
	.formWrap dd{
		border-top:1px solid #ccc;
		border-bottom:none;
		padding: 2rem 0;
	}
	.entry_form input[type="text"], .entry_form textarea {
		padding:1em;
		font-size:1.5rem;
	}
	input[type=check] {
		display: none;
	}
	#button01, #button02 {
		padding:0rem;
		width:100%;
	}

	/*====================================
	 header
	====================================*/
	
	header h1 img{
		height:40px;
	}

	/*====================================
	 FOOTER
	====================================*/
	footer {
		padding:30px 0;
	}
	#scrollUp img{
		width:60px;
	}
}