/* Theme Name: hikkoshi */

* {
	margin: 0;
	padding: 0;

}
body {
	background: #FFF;
	line-height: 1.2;
	text-align: left;
	word-break: break-word;
	font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	font-weight: 500;
	color: #202020;
}
a{
	text-decoration: underline;
	color: #005bea;
}
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
table{
	width: 100%;
	border-collapse: collapse;
}
table th,
table td{
	padding: 10px;
	border: 1px solid #ccc;
	font-size: .9em;
}
table th{ background: #eee; }
main h1{
	margin-bottom: 30px;
	font-size: 1.5em;
}
main h2{
	margin: 0 0 30px;
	padding: 10px;
	background: #005bea;
	border-radius: 5px;
	font-size: 1.333em;
	color: #fff;
}
main p{ margin: 20px 0; }
main p:last-child{ margin-bottom: 0; }
article{ padding: 30px 0 50px; }

@media (min-width: 751px){
	html{ font-size: 62.5%; }
	body{ font-size: 1.8rem; }
	a:hover{ text-decoration: none; }
	.inner{
		margin: auto;
		width: 1000px;
	}
	.pc800{ width: 800px; }
    section{ padding: 80px 0; }
}
@media (max-width: 750px){
	body{ font-size: 4vw;}
	.inner{ padding: 0 4vw; }
	article.inner{ padding: 30px 4vw 50px; }
    section{ padding: 50px 0; }
}

/* --------------------
 header
-------------------- */
header{
	padding: 10px 0;
	border-bottom: 2px solid #005bea;
}
#logo a{
	display: block;
	background: url(images/logo.png) 0 0 no-repeat;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
}
header .cap{
	margin: -10px 0 10px;
	padding: 5px 0;
	background: #ff0;
	text-align: center;
	font-size: .9em;
}
@media (min-width: 751px){
	#logo a{
		width: 389px;
		height: 23px;
	}
	header .flex{ justify-content: space-between; }
	header .flex #logo{ order: 1; }
	header .flex .header_kw{ order: 0;  }
}
@media (max-width: 750px){
	#logo a{
		width: 300px;
		height: 17px;
		background-size: cover;
	}
	header .flex{ display: block; }
	header .header_kw{
		margin: 10px -4vw -10px;
		padding: 8px 4vw 5px;
		background: #005bea;
		text-align: center;
		font-size: .9em;
		color: #fff;
	}
}

/* --------------------
 fv_img
-------------------- */
.fv_img{ background: url(images/fv_bg.png) left bottom repeat-x #99d6e9; }
.fv_img .inner{ position: relative; }
.fv_img .fv_teikei{
	align-items: center;
	padding: 10px;
	background: rgba(0, 91, 234, .5);
	border-radius: 5px;
}
.fv_img .fv_teikei dt{ color: #fff; }
.fv_img .fv_teikei dd img{ margin: 0 2px; }
.fv_img .fv_truck{
	position: absolute;
	bottom: 0;
	right: 0;
}
.fv_img .fv_kw{
	font-weight: bold;
	font-size: 1.2em;
}

@media (min-width: 751px){
	.fv_img .inner{ padding: 50px 0 70px; }
	.fv_teikei dt{
		padding: 0 20px;
		font-size: 2.4rem;
	}
}
@media (max-width: 750px){
	.fv_img{ background-size: cover; }
	.fv_img .inner{ padding: 5vw 4vw 9vw; }
	.fv_teikei dt{
		margin-right: 10px;
		font-size: .6rem;
	}
	.fv_teikei dd img,
	.fv_truck img{ width: 13vw; }
    .fv_img .fv_truck{ right: 4vw; }
}

/* --------------------
 form
-------------------- */
.mitsumori{
	margin: 50px 0;
	background: #005bea;
	border-radius: 5px;
}
.mitsumori .mitsumori_select{
	background: #fff;
	border-radius: 5px;
}
.mitsumori .mitsumori_select dt{
    display: flex;
	font-weight: bold;
}
.mitsumori .mitsumori_select dt span{
	display: inline-block;
	background: #005bea;
	border-radius: 5px;
	text-align: center;
	color: #ff0;
}
.mitsumori .mitsumori_select dd{ position: relative; }
.mitsumori .mitsumori_select dd:before,
.mitsumori .mitsumori_select dd:after{
	position: absolute;
	content: "";
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.mitsumori .mitsumori_select dd:before{
	top: 55%;
	right: 10px;
}
.mitsumori .mitsumori_select dl:first-child dd:before,
.mitsumori .mitsumori_select dl:last-child dd:after{ border: 0; }
.mitsumori .mitsumori_select input[type=text],
.mitsumori .mitsumori_select select{
	padding: 0 10px;
	width: 100%;
	background: none;
	border: 2px solid #005bea;
	border-radius: 5px;
	box-sizing: border-box;
	font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	font-weight: bold;
	-webkit-appearance: none;
}
.mitsumori .mitsumori_select input[type=text]::placeholder{ color: #ccc; }
.mitsumori button{
	background: none;
	border: 0;
	-webkit-appearance: none;
}

@media (min-width: 751px){
	.mitsumori{ padding: 0 50px 30px; }
	.mitsumori h2{
		margin-bottom: -20px;
		-webkit-transform: translateY(-35px);
		transform: translateY(-35px);
	}
	.mitsumori .mitsumori_select{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 30px 50px;
	}
	.mitsumori_select dl{
		flex: 1;
		margin-right: 30px;
		font-size: 2.4rem;
	}
	.mitsumori .mitsumori_select dt span{
		margin-right: 15px;
		width: 30px;
		height: 30px;
	}
	.mitsumori .mitsumori_select dd{ margin-top: 10px; }
	.mitsumori .mitsumori_select dd:before,
	.mitsumori .mitsumori_select dd:after{ border: 8px solid transparent; }
	.mitsumori .mitsumori_select dd:before{ border-top: 10px solid #005bea; }
	.mitsumori .mitsumori_select dd:after{
		top: 50%;
		right: -30px;
		border-left: 12px solid #ff0;
	}
	.mitsumori .mitsumori_select input[type=text],
	.mitsumori .mitsumori_select select{
		height: 50px;
		font-size: 2.4rem;
	}
	.mitsumori .mitsumori_select select,
	.mitsumori button{ cursor: pointer; }
	.mitsumori .mitsumori_select dl:last-child{ margin-right: 0; }
	.mitsumori button:hover{
		-webkit-transform: translateY(2px);
		-transform: translateY(2px);
	}
}
@media (max-width: 750px){
	.mitsumori,
	.mitsumori .mitsumori_select{ padding: 4vw; }
	.mitsumori h2{
		margin-bottom: -7vw;
		-webkit-transform: translateY(-9vw);
		transform: translateY(-9vw);
	}
	.mitsumori .mitsumori_select dl{
		display: flex;
		align-items: center;
		padding: 5px 0;
		border-bottom: 1px solid #ccc;
	}
	.mitsumori .mitsumori_select dt,
	.mitsumori .mitsumori_select dd{
		flex: 1;
	}
	.mitsumori .mitsumori_select dt span{
		margin-right: 5px;
		width: 4.8vw;
		height: 4.8vw;
	}
	.mitsumori .mitsumori_select dd:before{
	    border: 6px solid transparent;
	    border-top: 8px solid #005bea;
	}
    .mitsumori .mitsumori_select input[type=text],
    .mitsumori .mitsumori_select select{ height: 10vw; }
}

/* --------------------
 bg_flash
-------------------- */
.bg_flash{
	padding-bottom: 0;
	background: url(images/img_hikkoshi_yasukunaru_bg.png) center bottom no-repeat;
}

@media (max-width: 750px){
	.bg_flash{ background-size: 256%; }
}

/* --------------------
 kuchikomi
-------------------- */
.top_h2{
	padding: 0;
	background: none;
}
.kuchikomi_box{
	background: #fff;
	border: 4px solid #ffb830;
	border-radius: 10px;
	line-height: 1.6;
}
.kuchikomi_box .ttl{
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 1.2em;
}
.kuchikomi_box .info{
	margin-top: 5px;
	font-size: .9em;
	color: #999;
}
@media(min-width: 751px){
	.top_h2{ font-size: 2em; }
	.kuchikomi{ display: flex; }
	.kuchikomi_box{
		flex: 1;
		margin-right: 20px;
		padding: 15px;
	}
	.kuchikomi_box:nth-of-type(3n){ margin-right: 0;}
	.kuchikomi_box .flex{ display: block; }
	.kuchikomi_box .txt{ margin-top: 10px; }
}
@media(max-width: 750px){
	.kuchikomi_box{
		margin-bottom: 1em;
		padding: 1em;
		border-width: 2px;
	}
	.kuchikomi_box .img{
		margin-right: 15px;
		width: 100px;
	}
	.kuchikomi_box .img img{
		height: 100px;
		border-radius: 5px;
		object-fit: cover;
	}
	.kuchikomi_box .txt{ flex: 1; }
}

/* --------------------
 hikkoshi
-------------------- */
.hikkoshi h2{
	background: #005bea;
	padding: .4em .5em .2em;
	text-align: center;
	color: #ff0;
}
.hikkoshi h3{
	margin: 1em 0;
	text-align: center;
	color: #005bea;
}
.hikkoshi h3 span{ border-bottom: 2px solid #005bea; }
.hikkoshi .eval{
	margin-bottom: 1em;
	text-align: center;
	font-weight: bold;
	font-size: 1.6em;
	color: #005bea;
}
.hikkoshi .eval .num{
	text-shadow: 2px 2px 0 #005bea, -1px 1px 0 #005bea, 1px -1px 0 #005bea, -1px -1px 0 #005bea;
	font-size: 2em;
	color: #ff0;
}
.hikkoshi .review{
	margin-bottom: 1em;
	padding: 1em;
	border: 2px solid #005bea;
	border-radius: 5px;
}
.hikkoshi .review .img img{
	border-radius: 100%;
	object-fit: cover;
}
.hikkoshi .review .txt{
	flex: 1;
	margin-left: .9em;
	line-height: 1.6;
}
.hikkoshi .review .txt .info{
	text-align: right;
	font-size: .8em;
	color: #999;
}
.hikkoshi table th{
	width: 30%;
	background: #ffc;
}
@media (min-width: 751px){
	.hikkoshi h2, .hikkoshi h3{ font-size: 2em; }
	.hikkoshi .review_wrap{ display: flex; }
	.hikkoshi .review{
		flex: 1;
		margin: 0 2em 2em 0;
	}
	.hikkoshi .review:nth-of-type(even){ margin-right: 0; }
	.hikkoshi .review .img{ width: 100px; }
	.hikkoshi .review .img img{ height: 100px; }
}
@media (max-width: 750px){
	.hikkoshi h2, .hikkoshi h3{ font-size: 1.6em; }
	.hikkoshi .review .img{ width: 80px; }
	.hikkoshi .review .img img{ height: 80px; }
}

/* --------------------
 nagare
-------------------- */
.nagare ol{ list-style: none; }
.nagare ol li{
	position: relative;
	background: #fff;
	border: 4px solid #005bea;
	border-radius: 10px;
}
.nagare ol li:after{
	position: absolute;
	content: "";
	border: 30px solid transparent;
}
.nagare ol li:last-child:after{ border: 0; }

@media (min-width: 751px){
	.nagare ol{ justify-content: space-between; }
	.nagare ol li{
		flex: 1;
		margin-right: 30px;
		padding: 10px;
	}
	.nagare ol li:after{
		top: 50%;
		right: -64px;
		border-left: 30px solid #005bea;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.nagare ol li:last-child{ margin-right: 0; }
}
@media (max-width: 750px){
	.nagare ol li{
		align-items: center;
	    margin-bottom: 20px;
	    padding: 3vw 4vw;
	}
	.nagare ol li .img{
		flex: 21vw 0 0;
		margin-right: 10px;
	}
	.nagare ol li .txt{ font-size: .8rem; }
	.nagare ol li:after{
		bottom: -54px;
		left: 50%;
		border-top: 20px solid #005bea;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.nagare ol li:last-child{ margin-bottom: 0; }
}

/* --------------------
 faq
-------------------- */
.faq{
	margin-bottom: 1em;
	padding: 1em;
	background: #fff;
	border-radius: 5px;
}
.faq dt,
.faq dd{
	position: relative;
	padding-left: 36px;
}
.faq dt{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-weight: bold;
	font-size: 1.2em;
}
.faq dt:before,
.faq dd:before{
	position: absolute;
	top: -5px;
	left: 0;
}
.faq dt:before{
	content: "Q.";
	margin-right: 5px;
	font-size: 1.2em;
	color: #ff2442;
}
.faq dd:before{
	content: "A.";
	margin-right: 5px;
	font-weight: bold;
	font-size: 1.4em;
	color: #005bea;
}

/* --------------------
 mitsumori-form
-------------------- */
.mitsumori-form{ padding-bottom: 50px; }
.mitsumori-form section{ padding: 30px 0; }
.mitsumori-form h3{
	margin: 1em 0;
	padding: 5px 10px;
	background: #e2ecff;
	border-left: 3px solid #005bea;
	font-size: 1.1em;
}
.mitsumori-form h4{
	position: relative;
	margin-bottom: 1em;
	padding: 2px 0;
	border-bottom: 2px solid #ccc;
	font-size: 1em;
}
.mitsumori-form h4:after{
	position: absolute;
	content: "";
	left: 0;
	bottom: -2px;
	width: 30%;
	height: 2px;
	background: #005bea;
}
.mitsumori-form table th .must,
.mitsumori-form table th .any{
	float: right;
	padding: 2px 8px;
	border-radius: 100px;
	font-size: 0.6em;
	color: #fff;
}
.mitsumori-form table th .must{ background: #ff2442; }
.mitsumori-form table th .any{ background: #999; }
.mitsumori-form input,
.mitsumori-form select,
.mitsumori-form button,
.mitsumori-form textarea{
	margin: 5px 0;
	width: 100%;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	font-size: 1em;
	-webkit-appearance: none;
}
.mitsumori-form input[type=radio],
.mitsumori-form input[type=checkbox]{
	display: none;
}
.mitsumori-form label.radio,
.mitsumori-form label.checkbox{
	position: relative;
	display: block;
	padding: 10px 10px 10px 30px;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
}
.mitsumori-form label.radio:before,
.mitsumori-form label.radio.checked:after,
.mitsumori-form label.checkbox:before,
.mitsumori-form label.checkbox.checked:after{
	position: absolute;
	content: "";
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.mitsumori-form label.radio:before,
.mitsumori-form label.radio.checked:after{
	border-radius: 100%;
}
.mitsumori-form label.radio:before{
	left: 10px;
	width: 12px;
	height: 12px;
	border: 1px solid #ccc;
}
.mitsumori-form label.radio.checked:after{
	left: 13px;
	width: 8px;
	height: 8px;
	background: #005bea;
}
.mitsumori-form label.checkbox:before{
	left: 10px;
	width: 10px;
	height: 10px;
	border: 1px solid #ccc;
}
.mitsumori-form label.checkbox.checked:after{
	left: 9px;
	width: 4px;
	height: 8px;
	border-bottom: 2px solid #005bea;
	border-right: 2px solid #005bea;
	-webkit-transform: rotate(45deg) translateY(-90%);
	transform: rotate(45deg) translateY(-90%);
}
.mitsumori-form .select_form{ position: relative; }
.mitsumori-form .select_form:after{
	position: absolute;
	content: "";
	top: 55%;
	right: 10px;
	border: 6px solid transparent;
	border-top: 8px solid #999;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.mitsumori-form #complete{
	background: #29b20e;
	border: 0;
	border-bottom: 3px solid #008000;
	font-weight: bold;
	font-size: 1.1em;
	color: #fff;
}
.mitsumori-form #step1 .select_form.floor select{
	margin-right: 5px;
	width: 50%;
}
.mitsumori-form #step1 .select_form.floor:after{ right: calc(50% + 10px); }
.mitsumori-form #step2 .scheduled_time label.radio{ text-align: center; }
.mitsumori-form #step2 .scheduled_time label.radio:nth-of-type(1){ line-height: 65px; }
.mitsumori-form #step2 .scheduled_time label.radio:nth-of-type(n+2){
	padding-top: 60px;
	background-repeat: no-repeat;
	background-position: 60% 10px;
	background-size: 40px 40px;
}
.mitsumori-form #step2 .scheduled_time label.radio:nth-of-type(2){ background-image: url(/api/images/icon_time_1.png); }
.mitsumori-form #step2 .scheduled_time label.radio:nth-of-type(3){ background-image: url(/api/images/icon_time_2.png); }
.mitsumori-form #step2 .scheduled_time label.radio:nth-of-type(4){ background-image: url(/api/images/icon_time_3.png); }
.mitsumori-form #step2 .name{ justify-content: space-between; }
.mitsumori-form #step2 .name label{
	flex: 49% 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mitsumori-form #step2 .name label input{ width: 80%; }
.mitsumori-form #step3 section{ padding: 0 0 30px; }
.mitsumori-form #step3 .flex{ flex-wrap: wrap; }
.mitsumori-form #step3 .load_information{
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	text-align: center;
}
.mitsumori-form #step3 .load_information .ttl{
	margin-bottom: 5px;
	padding: 3px;
	background: #eee;
	border-radius: 3px;
	font-size: .8em;
}
.mitsumori-form #step3 .load_information img{
	width: 60px;
	height: 60px;
}
.mitsumori-form #step3 .load_information .flex{ justify-content: center; }
.mitsumori-form #step3 .load_information .flex input,
.mitsumori-form #step3 .load_information .flex button{
	padding: 0;
	width: 40px;
	height: 40px;
	border-radius: 0;
	line-height: 40px;
	text-align: center;
}
.mitsumori-form #step3 .load_information .flex input{
	border-left: 0;
	border-right: 0;
}
.mitsumori-form #step3 .aircon_attachment .flex{ justify-content: flex-start; }
.mitsumori-form #step3 .aircon_attachment .checkbox{
	padding: 14px 20px 10px 20px;
	border: 0;
	font-size: .8em;
}
.mitsumori-form #step3 .aircon_attachment .checkbox:before{ left: 1px; }
.mitsumori-form #step3 .aircon_attachment .checkbox:after{ left: 0; }
.mitsumori-form #step3 .aircon_attachment .select_form{ flex: 1; }
.mitsumori-form #step3 .danboru img{
	display: block;
	margin: auto;
	width: 60px;
	height: 60px;
}
.mitsumori-form #step3 .danboru dl{
	margin: 10px 0;
	padding: 10px;
	background: #eee;
	border-radius: 5px;
}
.mitsumori-form #step3 .danboru dl dt{ margin-bottom: 10px; }
.error_txt{
	margin: 0;
	font-weight: bold;
	font-size: .8em;
}
.acd_btn{
	position: relative;
	margin: 1em auto;
	padding: 1em;
	width: 100%;
	background: #fff;
	border: 2px solid #005bea;
	border-radius: 5px;
	box-sizing: border-box;
	text-align: center;
	font-weight: bold;
	color: #005bea;
	cursor: pointer;
}
.acd_btn:after{
	position: absolute;
	content: "";
	top: 60%;
	right: 10px;
	border: 6px solid transparent;
	border-top: 8px solid #005bea;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.acd_btn.open:after{
	margin-top: -8px;
	border-top-color: transparent;
	border-bottom: 8px solid #005bea;
}
.acd_cnt{ display: none; }

@media (min-width: 751px){
	.mitsumori-form input,
	.mitsumori-form select,
	.mitsumori-form button,
	.mitsumori-form textarea{
		padding: 5px 10px;
	}
	.mitsumori-form input,
	.mitsumori-form select,
	.mitsumori-form label.radio,
	.mitsumori-form label.checkbox,
	.mitsumori-form button{
		cursor: pointer;
	}
	.mitsumori-form .flex label.radio{ margin-right: 10px; }
	.mitsumori-form #complete{
		display: block;
		margin: auto;
		width: 630px;
	}
	.mitsumori-form #complete:hover{
		-webkit-transform: translateY(2px);
		transform: translateY(2px);
	}
	.mitsumori-form #step2 .date_y{ margin-right: 10px;}
	.mitsumori-form #step2 .date_y select,
	.mitsumori-form #step2 .date_d select{
		padding-right: 24px;
	}
	.mitsumori-form #step2 .scheduled_time label.radio{
		flex: 1;
		font-size: .8em;
	}
	.mitsumori-form #step3 .load_information,
	.mitsumori-form #step3 .work label.checkbox{
		flex: 24.25% 0 0;
		margin: 0 1% 10px 0;
	}
	.mitsumori-form #step3 .load_information:nth-of-type(4n),
	.mitsumori-form #step3 .work label.checkbox:nth-of-type(4n){
		margin-right: 0;
	}
	.mitsumori-form #step3 .danboru,
	.mitsumori-form #step3 .internet .internet_radio{
		display: flex;
		align-items: center;
	}
	.mitsumori-form #step3 .danboru .danboru_l,
	.mitsumori-form #step3 .danboru .danboru_r{
		flex: 1;
	}
	.mitsumori-form #step3 .danboru .danboru_l{ margin-right: 10px; }
	.mitsumori-form #step3 .danboru .danboru_r dl dd{ font-size: .8em; }
	.mitsumori-form #step3 .internet label.radio{
		flex: 1;
		margin-right: 10px;
	}
	.mitsumori-form #step3 .internet label.radio:last-child{ margin-right: 0; }
}
@media (max-width: 750px){
	.mitsumori-form table th,
	.mitsumori-form table td{
		display: block;
		border: 0;
	}
	.mitsumori-form table td{ padding: 10px 0; }
	.mitsumori-form input,
	.mitsumori-form select,
	.mitsumori-form button,
	.mitsumori-form textarea{
		padding: 10px;
	}
	.mitsumori-form #step1 section,
	.mitsumori-form #step2 section{
		margin: 30px 0;
		padding: 5px;
		background: #005bea;
		border-radius: 5px;
	}
	.mitsumori-form #step1 section h2,
	.mitsumori-form #step2 section h2{
		margin-bottom: 0;
		padding-top: 5px;
		border-radius: 0;
	}
	.mitsumori-form #step1 section table,
	.mitsumori-form #step2 section table{
		border-collapse: separate;
		border-spacing: 10px;
		border-radius: 0 0 5px 5px;
		background: #fff;
	}
	.mitsumori-form .flex label.radio{ flex: 1; }
	.mitsumori-form .flex label.radio:first-child{ border-radius: 5px 0 0 5px; }
	.mitsumori-form .flex label.radio:last-child{
		border-left: 0;
		border-radius: 0 5px 5px 0;
	}
	.mitsumori-form #step2 .date_y{
		flex: 60% 0 0;
		margin-right: 5px;
	}
	.mitsumori-form #step2 .date_d{ flex: auto; }
	.mitsumori-form #step2 .scheduled_time{
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.mitsumori-form #step2 .scheduled_time label.radio{
		flex: 49% 0 0;
		margin-bottom: 10px;
	}
	.mitsumori-form #step2 .scheduled_time label.radio:first-child{ border-radius: 5px; }
	.mitsumori-form #step2 .scheduled_time label.radio:last-child{
		border-left: 1px solid #ccc;
		border-radius: 5px;
	}
	.mitsumori-form #step3 .flex{ justify-content: space-between; }
	.mitsumori-form #step3 .load_information{ flex: 49% 0 0; }
	.mitsumori-form #step3 .aircon_attachment .checkbox{ padding-top: 20px; }
	.mitsumori-form #step3 .work label.checkbox{
		flex: 49% 0 0;
		margin-bottom: 10px;
	}
	.mitsumori-form #step3 .internet label.radio{ margin-bottom: 10px; }
}

/* --------------------
 lp
-------------------- */
.w750{ max-width: 750px; }
#lp{ padding: 1em 0 5em; }
#lp h1, #lp h2{
	line-height: 1.4;
}
#lp h1{
	margin: 10px 0 20px;
	font-size: 1.5em;
}
#lp h2{
	margin: 40px 0;
	padding: 10px 15px;
	background: #58b5c9;
	font-size: 1.25em;
	color: #fff;
}
#lp h3,
#lp h4{
	font-size: 1.3em;
}
#lp h3{
	margin: 40px 0;
	padding: 10px 5px;
	border-top: 2px solid #58b5c9;
	border-bottom: 2px solid #58b5c9;
	line-height: 1.6;
	font-size: 1.125em;
	color: #58b5c9;
}
#lp h4{
	padding-bottom: 5px;
	border-bottom: 2px dotted #aaa;
	font-size: 1em;
}
#lp h5{
	position: relative;
	margin: 1em 0;
	padding-left: 16px;
	font-size: 1.1em;
}
#lp h5:before{
	position: absolute;
	content: "";
	top: 2px;
	left: 0;
	border: 7px solid transparent;
	border-left: 10px solid #666;
}
#lp p{ line-height: 2; }
#lp table{ margin: 20px 0; }
#lp blockquote{
	position: relative;
	margin: 1em 0;
	padding: 1em 1em 2em;
	background: #eee;
}
#lp blockquote:before,
#lp blockquote:after{
	position: absolute;
	font-size: 4em;
	color: #ccc;
}
#lp blockquote:before{
	content: "“";
	top: 0;
	left: 0;
}
#lp blockquote:after{
	content: "”";
	right: 0;
}
#lp ul,
#lp ol{ padding-left: 1.2em; }
#lp .point1,
#lp .point2,
#lp .point3{
	position: relative;
	margin: 2em 0;
	padding: 1em 1em 1em 36px;
	border-left: 3px solid;
}
#lp .point1:before,
#lp .point2:before,
#lp .point3:before{
	position: absolute;
	top: 50%;
	left: 8px;
	width: 20px;
	height: 20px;
	border: 1px solid;
	border-radius: 100%;
	box-sizing: border-box;
	text-align: center;
	font-weight: bold;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#lp .point1{
	background: #fff7e8;
	border-color: #f7c78b;
}
#lp .point1:before{
	content: "！";
	border-color: #f7c78b;
	color: #f7c78b;
}
#lp .point2{
	background: #f1f8ff;
	border-color: #5791d5;
}
#lp .point2:before{
	content: "";
	border-color: #5791d5;
}
#lp .point2:after{
	position: absolute;
	content: "";
	top: 46%;
	left: 12px;
	width: 4px;
	height: 8px;
	border-bottom: 2px solid #5791d5;
	border-right: 2px solid #5791d5;
	-webkit-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
}
#lp .point3{
	background: #fef0ef;
	border-color: #f09d9c;
}
#lp .point3:before{
	content: "×";
	border-color: #f09d9c;
	color: #f09d9c;
}
#lp .faq_q,
#lp .faq_a{
	position: relative;
	margin: 1em 0;
	line-height: 1.6;
}
#lp .faq_q:before,
#lp .faq_a:before{
	position: absolute;
	font-size: 1.4em;
}
#lp .faq_q{
	padding-left: 24px;
	font-weight: bold;
}
#lp .faq_q:before{
	content: "Q.";
	top: -5px;
	left: 0;
	color: #005bea;
}
#lp .faq_a{
	padding: 1em 1em 1em 36px;
	background: #f5f5f5;
}
#lp .faq_a:before{
	content: "A.";
	top: 10px;
	left: 10px;
	font-weight: bold;
	color: #cd367e;
}

/* --------------------
 footer
-------------------- */
footer{
	padding: 20px 0;
	background: #eee;
	font-size: .8rem;
}
.footer_menu{
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
}
.footer_menu li{ margin: 0 10px 5px; }
.footer_menu li a{
	text-decoration: none;
	color: #202020;
}
@media (max-width: 750px){
	.footer_menu{ padding: 0 4vw 10px; }
}

/* --------------------
 common
-------------------- */
h2.img{
	padding: 0;
	background: none;
}
.flex{ display: flex; }
.hide{ display: none; }
.point{
    background-color: #58b5c9;
    color: white;
    width: 13%;
    text-align: center;
    margin-bottom: -30px;
    font-size: 18px;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
}
.box, .box_ylw, .box_merit, .box_demerit{
	margin: 30px 0;
	padding: .5em 1em 1em;
	box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset;
}
.box{
	background: #fff;
	border: 2px solid #58b5c9;
}
.box_ylw, .box_merit{
	background: #fdfbe8;
	border: 1px solid #f5e881;
}
.box_demerit{
	background: #eaf8f9;
	border: 1px solid #d1eff2;
}
ul.merit, ul.demerit{
	padding-left: 0;
	list-style: none;
}
ul.merit li, ul.demerit li{
	position: relative;
	padding-left: 30px;
	margin: .5em 0;
}
ul.merit li:before, ul.demerit li:before{
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1;
	font-size: 1.2em;
}
ul.merit li:before{
	content: "○";
	color: #e6534c;
}
ul.demerit li:before{
	content: "×";
	color: #0dafcb;
}
.marker{
	background: -webkit-linear-gradient(transparent 60%, #FFd700 60%);
	background: linear-gradient(transparent 60%, #FFd700 60%);
	font-weight: 700;
}
.bt_cv, .bt cv2{ margin: 2em 0; }
.bt_cv a, .bt_cv2 a{
	position: relative;
	display: block;
	padding: .5em 1em;
	border-radius: 5px;
	box-sizing: border-box;
	text-decoration: none;
	text-align: center;
	line-height: 1.4;
	font-weight: bold;
	color: #fff;
	-webkit-animation: bound .5s ease infinite alternate;
	animation: bound .5s ease infinite alternate;
}
.bt_cv a{
	background: #fe941e;
	box-shadow: 0 3px 0 #ec9627;
}
.bt_cv2 a, .stbox_btgr .bt_cv a{
	background: #43a047;
	box-shadow: 0 3px 0 #2e7d32;
}
.bt_cv a:after, .bt_cv2 a:after{
	position: absolute;
	content: "";
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
@-webkit-keyframes bound{
	50%{ -webkit-transform: translateY(0); }
	75%{ -webkit-transform: translateY(5px); }
}
@keyframes bound{
	50%{ transform: translateY(0); }
	75%{ transform: translateY(5px); }
}
.fix_btn{
	position: fixed;
	left:0 ;
	bottom: 0;
	padding: 1em;
	width: 100%;
	background: rgba(0, 0, 0, .2);
	box-sizing: border-box;
	z-index: 9;
}
.fix_btn button{
	background: none;
	border: 0;
}
.fix_btn .bt_cv, .fix_btn .bt_cv2{
	margin: 0 auto 3px;
	max-width: 750px;
}

.alignleft{ text-align: left; }
.aligncenter{ text-align: center; }
.alignright{ text-align: right; }
img.alignleft{ float: left; }
img.aligncenter{
	display: block;
	margin: auto;
}
img.alignright{ float: right; }
.bg_gry{ background: #eee; }
.bg_ylw{ background: #ffc; }
.red{ color: #f00; }
.pink{ color: #ff2442; }
.mb10{ margin-bottom: 10px; }
.mt20{ margin-top: 20px; }
.mt30{ margin-top: 30px; }
.mt50{ margin-top: 50px; }

@media (min-width: 751px){
	.sp{ display: none; }
	.flex_pc{ display: flex; }
	.box{ padding: 1em 2em; }
	.fix_btn button{ cursor: pointer; }
	.fix_btn button:hover{
		-webkit-transform: translateY(2px);
		-transform: translateY(2px);
	}
}
@media (max-width: 750px){
	.pc{ display: none; }
	.box{ padding: 1em; }
}