@charset "utf-8";

@import url("normalize.css");
@import url("common.css");
@import url("layout.css");
@import url("title.css");
@import url("menu.css");
@import url("menuplus.css");
@import url("form.css");
/*------------------------------------------------------------------------------------------------*/
/*　共通
--------------------------------------------------------------------------------------------------*/
header#header { background-size: cover; }

/*------------------------------------------------------------------------------------------------*/
.textWaku { margin-left: auto; margin-right: auto; }
.tbl, .td, .th { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.tbl { display: flex; border: 1px solid #DDD; margin-left: auto; margin-right: auto; }
.tbl.mtop { margin-top: 0px; }
.tbl div { vertical-align: top; padding: 10px; }
.th { width: 30%; border-right: 1px solid #DDD; background-color: #F6F6F6; }
.td { width: 70%; background-color: #FFF; }
.th.kome { color: #222; }
.th.kome:before { content: "※"; margin: 3px; color: #F00; }
.dis30, .act30 { width: 30px; }
.dis40, .act40 { width: 40px; }
/*------------------------------------------------------------------------------------------------*/
span.wpcf7-form-control-wrap.zip21 input, span.wpcf7-form-control-wrap.zip22 input { width: 30%; max-width: 150px; }
span.wpcf7-form-control-wrap.pref21, span.wpcf7-form-control-wrap.pref21 input { width: 30%; max-width: 150px; }
span.wpcf7-form-control-wrap.addr21, span.wpcf7-form-control-wrap.addr21 input { width: 40%; max-width: 200px; }
/*------------------------------------------------------------------------------------------------*/
.step { width: 100%; }
.matter-onayami { height: 60px; }
.matter-worry { height: 100px; }
/*------------------------------------------------------------------------------------------------*/
body.policy .privacy ol { padding-left: 0; margin: 0 auto; counter-reset: section; }
body.policy .privacy ol li.onef { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #CCC;}
body.policy .privacy ol li strong { font-weight: 1.7rem; margin-bottom: 5px; }
body.policy .privacy ol li strong::after { content: "\A"; white-space: pre; }
body.policy .privacy ol li { font-weight: 1.4rem; line-height: 1.4; }
body.policy .privacy ol li::before { counter-increment: section; content: counters(section, "-") "."; }
body.policy .privacy ol li.none:before { content: ""; }
body.policy .privacy ol ol { padding-left: 16px; }
body.policy .privacy ol ol li.secf { padding-left: 32px; text-indent: -32px; }
body.policy .privacy ol li span { margin-left: 18px; }

/*------------------------------------------------------------------------------------------------*/
/*　画面幅960px以上　ＰＣ用
--------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 960px) {
	body.policy header#header { background-image: url(../img/header-image521.jpg); }
	body.contact header#header { background-image: url(../img/header-image611.jpg); }
	body.thanks header#header { background-image: url(../img/header-image612.jpg); }
	body.hotline header#header { background-image: url(../img/header-image621.jpg); }
	.textWaku { width: 960px; }
	.tbl { width: 960px; }

	
}
/*------------------------------------------------------------------------------------------------*/
/*　画面幅800px以上960px迄　ミニＰＣ＆タブレット用
--------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 800px) and (max-width: 959.9px) {
	body.policy header#header { background-image: url(../img/header-image521y.jpg); }
	body.contact header#header { background-image: url(../img/header-image611y.jpg); }
	body.thanks header#header { background-image: url(../img/header-image612y.jpg); }
	body.hotline header#header { background-image: url(../img/header-image621y.jpg); }
	.textWaku { width: 780px; }
	.tbl { width: 780px; }
}
/*------------------------------------------------------------------------------------------------*/
/*　画面幅800px未満　スマホ用
--------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 799.9px) {
	body.policy header#header { background-image: url(../img/header-image521y.jpg); }
	body.contact header#header { background-image: url(../img/header-image611y.jpg); }
	body.thanks header#header { background-image: url(../img/header-image612y.jpg); }
	body.hotline header#header { background-image: url(../img/header-image621y.jpg); }
	.textWaku { width: 620px; }
	.tbl { width: 620px; }

}