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

/* =========================================================
 contactカテゴリ共通スタイル
========================================================= */

/* ヘッダー
--------------------------------------------------------- */
div#wrapper {
	background: url(../../contact/images/bg.png) no-repeat center 100px;
}

.kome {
	float: right;
}

.content_title02 {
	position: relative;
	border-top: 1px solid #999;
	padding: 20px;
	padding-left: 100px;
}

.content_title02 span {
	position: absolute;
	font-size: 30px;
	top: 5px;
	left: 15px;
	color: #06C;
}

.-open-box {
	position: relative;
	background-color: #FFEBEE;
	padding: 20px;
	padding-left: 50px;
}

.-open-box p.answer {
	position: absolute;
	font-size: 30px;
	top: 5px;
	left: 15px;
	color: #D91A3B;
}

.content_title02.-open-btn {}

ul.q09 li {
	list-style: disc;
}

/*容器の大きさ*/
table {
	width: 100%;
	background-color: #fff;
}

table th {
	background-color: #E0FFFB;
	border: 1px solid #999;
	text-align: center;
	vertical-align: middle;
}

table td {
	text-align: center;
	background-color: #fff;
	border: 1px solid #999;
	font-weight: bold;
}

.bunrui th {
	background-color: #E0FFFB;
	border: 1px solid #999;
	text-align: center;
	width: 110px;
	vertical-align: middle;
}

.bunrui td:last-child {
	box-sizing: border-box;
	text-align: left;
	background-color: #fff;
	padding: 20px 0;
	padding-left: 20px;
	width: auto;
}

.bunrui td {
	text-align: center;
	background-color: #E0FFFB;
	border: 1px solid #999;
	font-weight: bold;
	width: 100px;
}

.bunrui ul {
	padding: 0;
	width: auto;
}

.bunrui ul li:last-child {
	padding-bottom: 0;
}

.bunrui td {
	text-align: center;
	background-color: #E0FFFB;
	font-weight: bold;
	width: 100px;
}

.youki,
.youki td,
.youki th {
	border: 1px solid #595959;
	border-collapse: collapse;
	border: 1px solid #999;
}

.youki td,
.youki th {
	text-align: center;
	vertical-align: middle;
	padding: 3px;
	width: 30px;
	height: 25px;
}

.youki th {
	background: #E0FFFB;
}

dl dt.qa {
	border-bottom: 1px dashed #333;
	margin-top: 10px;
}

dl dd {
	padding-top: 5px;
}


.imgbox {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

.imgbox img {
	padding-bottom: 30px;
	margin-left: 10px;
}

.imgbox img:first-child {
	margin-left: 0px;
}

.imgbox img:nth-child(10) {
	margin-left: 0px;
}

.imgbox .caption1,
.imgbox .caption2,
.imgbox .caption3,
.imgbox .caption4,
.imgbox .caption5,
.imgbox2 .caption4,
.imgbox2 .caption5,
.imgbox2 .caption6,
.imgbox2 .caption7 {
	position: absolute;
	bottom: -5px;
}

.imgbox .caption1 {
	left: 375px;
	top: 135px;
}

.imgbox .caption2 {
	left: 0px;
}

.imgbox .caption3 {
	left: 185px;
}

.imgbox .caption4 {
	left: 0px;
	top: 135px;
}

.imgbox .caption5 {
	left: 185px;
	top: 135px;
}

.imgbox2 .caption4,
.imgbox2 .caption6 {
	left: 5px;
}

.imgbox2 .caption5,
.imgbox2 .caption7 {
	left: 290px;
}

.imgbox2 {
	position: relative;
	display: flex;
	justify-content: space-between;
	padding-bottom: 30px;
	margin-top: 15px;
}

.imgbox2 img {
	width: 270px;
}

.imgbox_box6 {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.imgbox_box6_inner img {
	width: 100%;
	padding-bottom: 5px;
}

.imgbox_box21 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.imgbox_box21_inner {
	width: 32%;
}

.imgbox_box21_inner img {
	width: 100%;
	padding-bottom: 5px;
}

.imgbox_box21::after {
	display: block;
	content: "";
	width: 32%;
}

.imgbox_box26 {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

.imgbox_box26_inner {
	width: calc(50% - 7px);
}

.imgbox_box26_inner img {
	width: 100%;
	height: auto;
}

.imgbox_box35 {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

.imgbox_box35 img {
	width: calc(50% - 7px);
	height: auto;
}
.imgbox_box39 {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

.imgbox_box39_inner {
	width: calc(50% - 7px);
}

.imgbox_box39_inner img{
	width: 100%;
	height: auto;
}

.h203 img {
	height: 203px;
}

.h152 img {
	height: 152px;
}

.h224 {
	padding-bottom: 10px;
}

.h224 img {
	height: 224px;
}

/*リセット（スマホ）
-----------------------------*/
@media screen and (max-width:736px) {

	.youki_wrap,
	.siyoujikan_wrap,
	.box24_table {
		overflow-x: scroll;
	}

	.imgbox_box6 {
		flex-direction: column;
		flex-wrap: wrap;

	}

	.imgbox_box6_inner {
		width: 100%;
		margin: 0 auto;
		height: auto;
		display: block;
	}

	.imgbox_box21 {
		flex-direction: column;
		flex-wrap: wrap;

	}

	.imgbox_box21_inner {
		width: 100%;
		margin: 0 auto;
		height: auto;
		display: block;
	}

	#qa_box23 div.-open-box p img,
	#qa_box26 div.-open-box p img,
	#qa_box27 div.-open-box p img,
	#qa_box30 div.-open-box p img,
	#qa_box36 div.-open-box p img,
	#qa_box37 div.-open-box p img,
	#qa_box38 div.-open-box img    {
		width: 100%;
	}

	.imgbox_box26 {
		flex-direction: column;
	}

	.imgbox_box26_inner {
		width: 100%;
	}

	.imgbox_box35 {
		flex-direction: column;
	}

	.imgbox_box35 img {
		width: 100%;
		padding-bottom: 10px;
	}
	.imgbox_box39 {
	flex-direction: column;
}

.imgbox_box39_inner {
	width: 100%;
}
}

/* =========================================================
 indexページ用スタイル
========================================================= */

/* お問い合わせ先
--------------------------------------------------------- */
div.index div#info div.clearfix {
	clear: both;
}

div.index div#info div.clearfix p {
	padding: 0 0 1.5em;
	line-height: 1.4;
}

div.index div#info div.clearfix h4,
div.index div#info div.clearfix p {
	float: left;
	width: 425px;
}

div.index div#info div.clearfix p.photo {
	float: right;
	width: 205px;
}




/* メールフォームの個人情報
--------------------------------------------------------- */
div.index div#privacy {
	margin: 0 0 2em;
	padding: 30px 0 0;
	background: url(../../contact/images/bg_top.png) no-repeat left top;
}

div.index div#privacy h5 {
	margin: 0 30px .4em;
	padding: 0 0 .2em 10px;
	background: url(../../images/arrow_b.png) no-repeat left .2em;
}

div.index div#privacy p {
	padding: 0 30px .8em;
}

div.index div#privacy ul {
	padding: 0 30px 20px;
	background: url(../../contact/images/bg_bottom.png) no-repeat left bottom;
}

div.index div#privacy ul li {
	padding: 0 0 .4em 10px;
	background: url(../../images/arrow_b.png) no-repeat left .2em;
}

/* メールフォームのform内
--------------------------------------------------------- */
/*
div.index div#mail p span.must {
	color: #900;
}
div.index div#mail form dl dt span.must {
	color: #900;
}
div.index div#content div#mail form dl dd {
	padding: .8em 0 .8em 14em;
}
div.index div#mail form dl dd input.textbox01,
div.index div#mail form dl dd input.textbox02 {
	width: 30em;
}
div.index div#mail form dl dd textarea {
	width: 30em;
	height: 10em;
}
div.index div#mail form label#btn {
	text-align: center;
	display: block;
}
*/

/* =========================================================
 thanksページ用スタイル
========================================================= */

/* ありがとうございました
--------------------------------------------------------- */
div.thanks div#message p.text {
	margin: 2em 0;
	text-align: center;
	font-size: 123.1%;
	line-height: 2;
}

div.thanks div#message p.button {
	text-align: center;
}