@charset "utf-8";

/*
	福島県教育旅行
	お問合せ用CSS
	inq/index.html
	inq/faq.html
	inq/form.html

	inq.css
	create	20170209-
	update 20230511（農家民泊、合宿窓口）
*/



/* ---------------------------------------------------------
	約560px未満の画面向けスタイル モバイルファースト
--------------------------------------------------------- */
#main .mainTitle {
	margin-bottom: 0px;
}
#main .onestopBox {
	margin: 0px;
	padding: 50px 0;
}
#main .onestopBox:nth-child(even) {
	margin: 0px;
	padding: 50px 0px;
	background-image: url(../img/blockBg.png);
	background-repeat: repeat;
}
#main .onestopBox:nth-child(3) {
	padding: 10px 0 50px;
}
#main .onestopBox > p {
	text-align: left;
	margin: 0 10px 20px;
}
.bgImage {
	padding: 30px 0px;
	background-image: url(../img/blockBg.png);
	background-repeat: repeat;
}
.onestopBox h1 {
	color: #64B432;
	font-size: 24px;
	line-height: 130%;
	text-align: center;
	margin: 0px 10px 10px;
	padding: 15px 0px 5px;
	border-bottom: 2px solid #64B432;
}

/* ホープツーリズム */
#main .onestopBox > .photo {
	margin: 0 10px 10px;
}
#main .onestopBox > .photo img {
	width: 100%;
}
#main .onestopBox > .hopeBox {
	color: #fff;
	font-weight: bold;
	margin: 0 10px 20px;
	padding: 10px;
	background-color: #13A6CE;
}
#main .onestopBox > .hopeBox .title {
	border: 2px solid #fff;
	margin: 0 0 10px;
	padding: 10px 0;
}
#main .onestopBox > .hopeBox .tel {
	font-size: 36px;
	margin: 0 0 10px;
}
#main .onestopBox > .hopeBox .tel i {
	height: 36px;
}
#main .onestopBox > .hopeBox .time {
	font-size: 16px;
}
#main .onestopBox > .hopeBox .tel .tel-link a {
    color: #fff;
}
#main .onestopBox > .hopeBox2 {
	margin: 30px 0 10px;
	padding: 0;
	text-align: center;
}
#main .onestopBox > .hopeBox2 > p {
	font-size: 12px;
}
#main .onestopBox > .hopeBox2 > p:first-of-type {
	font-size: 16px;
	margin: 0px 10px 15px;
}
#main .onestopBox > .hopeBox2 > h2 {
	font-size: 20px;
	font-weight: normal;
	line-height: 1.3;
	margin-bottom: 15px;
}
#main .onestopBox > .hopeBox2 > h2 span {
	display: block;
}
#main .onestopBox .url {
	font-size: 16px;
	text-align: center;
	margin: 12px 0 0;
}
#main .onestopBox .url a {
	color: #fff;
}
#main .onestopBox .btn {
	margin: 0 10px;
}
#main .onestopBox .btn a {
	color: #fff;
	font-size: 24px;
	text-align: center;
	margin: 0 0 10px;
	padding: 20px 0;
	text-decoration: none;
	background-color: #64B432;
	border: 2px solid #64B432;
	border-radius: 8px;
	display: block;
}
#main .onestopBox .btn a span {
	font-size: 14px;
	margin: 10px 0 0 0;
	display: block;
}


/* 農家民泊 */
#main .onestopBox > .map {
	margin: 0 10px 10px;
}
#main .onestopBox .map img {
	width: 100%;
}
#main .onestopBox .minpakuBlock {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	        justify-content: flex-start;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 5px;
	margin: 0 10px 30px;
}
#main .onestopBox .minpakuBlock .minpakuBox {
	width: calc((100% - 53px) / 2);
	border: 2px solid #C6A9E3;
	background-color: #E4C9FF;
	margin: 0 0 5px;
	padding: 15px 10px;
	display: block;
}
#main .onestopBox .minpakuBlock .minpakuBox:nth-child(2) {
	border: 2px solid #C6A9E3;
	background-color: #F0E1FF;
}
#main .onestopBox .minpakuBlock .minpakuBox:nth-child(3) {
	border: 2px solid #C49566;
	background-color: #FFDFBF;
}
#main .onestopBox .minpakuBlock .minpakuBox:nth-child(4) {
	border: 2px solid #75C975;
	background-color: #BFFFBF;
}
#main .onestopBox .minpakuBlock .minpakuBox:nth-child(5) {
	border: 2px solid #E29D86;
	background-color: #FFCFBF;
}
#main .onestopBox .minpakuBlock .minpakuBox:nth-child(6) {
	border: 2px solid #8DB861;
	background-color: #DFFFBF;
}
#main .onestopBox .minpakuBlock .minpakuBox h3 {
	margin: 0 0 10px;
}
#main .onestopBox .minpakuBlock .minpakuBox p {
	text-align: left;
}
#main .onestopBox .minpakuBlock .minpakuBox .ok {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	width: 88px;
	margin: 0 auto 10px;
	padding: 5px;
	background-color: #EB1980;
	border-radius: 10px;
}
#main .onestopBox .minpakuBlock .minpakuBox p:last-of-type {
	margin-top: 10px;
}
#main .onestopBox .minpakuBlock .minpakuBox .tel-link a {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    padding: 5px 0;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
}


/* 合宿窓口 */
#main .onestopBox .gassyukuBlock {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 5px;
	margin: 0 10px 30px;
}
#main .onestopBox .gassyukuBlock .gassyukuBox {
	width: calc((100% - 33px) / 2);
	border: 2px solid #C6A9E3;
	background-color: #F0E1FF;
	margin: 0;
	padding: 15px 5px;
	display: block;
}
#main .onestopBox .gassyukuBlock .gassyukuBox:nth-child(2) {
	border: 2px solid #C79360;
	background-color: #FFDFBF;
}
#main .onestopBox .gassyukuBlock .gassyukuBox:nth-child(3) {
	border: 2px solid #D99C5F;
	background-color: #FFD0A1;
}
#main .onestopBox .gassyukuBlock .gassyukuBox:nth-child(4) {
	border: 2px solid #75BDD5;
	background-color: #BFEFFF;
}
#main .onestopBox .gassyukuBlock .gassyukuBox:nth-child(5) {
	border: 2px solid #55C555;
	background-color: #9BFF9B;
}
#main .onestopBox .gassyukuBlock .gassyukuBox:nth-child(6) {
	border: 2px solid #55C555;
	background-color: #BFFFBF;
}
#main .onestopBox .gassyukuBlock .gassyukuBox:nth-child(7) {
	border: 2px solid #55C555;
	background-color: #BFFFBF;
}
#main .onestopBox .gassyukuBlock .gassyukuBox:nth-child(8) {
	border: 2px solid #55C555;
	background-color: #7BFF7B;
}
#main .onestopBox .gassyukuBlock .gassyukuBox:nth-child(9) {
	border: 2px solid #99C66C;
	background-color: #DFFFBF;
}
#main .onestopBox .gassyukuBlock .gassyukuBox:nth-child(10) {
	border: 2px solid #75BDD5;
	background-color: #BFEFFF;
}
#main .onestopBox .gassyukuBlock .gassyukuBox:nth-child(11) {
	border: 2px solid #A16551;
	background-color: #FFCFBF;
}
#main .onestopBox .gassyukuBlock .gassyukuBox:nth-child(12) {
	border: 2px solid #E8BD91;
	background-color: #FFEFBF;
}
#main .onestopBox .gassyukuBlock .gassyukuBox h3 {
	margin: 0 0 10px;
}
#main .onestopBox .gassyukuBlock .gassyukuBox p {
	text-align: left;
	word-break: break-all;
}
#main .onestopBox .gassyukuBlock .gassyukuBox p:first-of-type {
/*	text-align: center; */
}
#main .onestopBox .gassyukuBlock .gassyukuBox .ok {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	width: 88px;
	margin: 0 auto 10px;
	padding: 5px;
	background-color: #EB1980;
	border-radius: 10px;
}
#main .onestopBox .gassyukuBlock .gassyukuBox p:last-of-type {
	margin-top: 10px;
}
#main .onestopBox .gassyukuBlock .gassyukuBox .tel-link a {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    padding: 5px 0;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
}
#main .onestopBox .gassyukuBlock .gassyukuBox .kakko {
	display: none;
}



/* 総合窓口 */
.onestopFlow {
	margin: 0px 10px 50px;
}
.onestopFlow ul {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: space-around;
}
.onestopFlow ul li {
	list-style: none;
	width: 48%;
	border: 2px solid #ccc;
	border-radius: 10px;
	padding: 15px 0px;
	vertical-align: middle;
	background-color: #fff;
}
.onestopFlow ul li span {
	display: block;
}
.onestopFlow h2 {
	border: 2px solid #64B432;
	border-radius: 10px;
	padding: 15px 0px;
	margin-bottom: 10px;
	font-size: 24px;
	background-color: #fff;
}
.onestopFlow .arrowBox1, .arrowBox2 {
	height: 116px;
	position: relative;
	background-image: url(../inq/img/arrowUpDown.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.onestopFlow .arrowBox1 > p {
	border: 1px solid #333;
	background-color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -18px;
	left: 50%;
	margin-left: -78px;
	padding: 10px;
}
.onestopFlow .arrowBox2 > p {
	border: 1px solid #333;
	background-color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -18px;
	left: 50%;
	margin-left: -78px;
	padding: 10px;
}
.onestopFlow .madoguchiBox {
	position: relative;
}
.onestopFlow .madoguchiBox .madoguchi {
	line-height: 180%;
}
.onestopFlow .tel {
	font-size: 36px;
}
.onestopFlow .tel a {
	color: #333;
	text-decoration: none;
	font-family: "Arial Black", Gadget, sans-serif;
}
.onestopFlow .tel i {
	margin-right: 10px;
}
.onestopFlow .madoguchiBox .sinsai {
	border: 1px solid #ccc;
	border-radius: 8px;
	margin: 10px 0 5px;
	padding: 15px;
	text-align: left;
	line-height: 1.3;
}
.onestopFlow .madoguchiBox .sinsai p:first-of-type {
	margin: 0 0 10px;
}
.onestopFlow .mokuteki {
	border: 2px solid #ccc;
	border-radius: 10px;
	padding: 15px 0px;
	background-color: #fff;
}
.onestopFlow .mokuteki span {
	display: block;
}
.linkBox {
	margin: 0px auto 30px;
}
.linkBox a {
	margin: 0px 10px 10px;
	display: block;
	background-color: #64B432;
	color: #fff;
	padding: 20px 0px;
	border-radius: 10px;
	text-decoration: none;
}



/* Q&A集 */
.inqBox {
	margin: 0px;
	padding: 0px 0px 20px
}
.inqBox h1 {
	font-size: 20px;
	color: #64B432;
	text-align: center;
	margin: 0px 10px 10px;
	padding: 15px 0px 5px;
	border-bottom: 2px solid #64B432;
}
.inqBox > p {
	text-align: left;
	margin: 0px 10px 10px;
}
.inqBox h4 {
	font-size: 20px;
	color: #64B432;
	margin-bottom: 20px;
}
.inqBox h4 span {
	display: block;
	color: #333;
	font-size: 12px;
	font-weight: normal;
	margin-top: 3px;
}
.qaBox {
	margin: 0px 10px 15px;
	padding: 0px;
	border-bottom: 2px dotted #ccc;
	text-align: left;
}
.qaBox .question {
	padding-left: 45px;
	padding-right: 20px;
	margin-bottom: 15px;
	cursor: pointer;
	position: relative;
	display: block;
}
.qaBox .question span {
	position: absolute;
	top: -1px;
	left: 0;
	background-color: #FF2626;
	color: #fff;
	padding: 0px 5px;
	border-radius: 3px;
	display: block;
}
.qaBox .question i {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -10px;
}
.qaBox .answer {
	padding: 5px 5px 5px 45px;
	margin-bottom: 15px;
	position: relative;
	display: none;
	background-color: #eef;
}
.qaBox .answer span {
	position: absolute;
	top: 5px;
	left: 5px;
	background-color: #006DD9;
	color: #fff;
	padding: 0px 5px;
	border-radius: 3px;
	display: block;
}
.qaBox .answer i {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -10px;
}
.commentBox {
	margin: 30px 10px;
	padding: 20px;
	border: 1px solid #ccc;
}
.commentBox > p {
	text-align: left;
}
.commentBox .btn_more a {
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	margin: 10px 0 0;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #64B432;
	display: block;
	border-radius: 10px;
}



/* お問合せ・資料請求フォーム */
.errBox {
	text-align: left;
	margin: 0 auto 30px;
	border: 1px solid #f00;
	padding: 15px;
}
.errBox ul {
	margin-left: 30px;
}
.errBox ul li {
	margin-bottom: 5px;
}
.formBox {
	margin: 0px 10px 50px;
	padding: 0px;
}
.formBox h1 {
	font-size: 20px;
	color: #64B432;
	text-align: center;
	margin: 0px 0px 10px;
	padding: 15px 0px 5px;
	border-bottom: 2px solid #64B432;
}
.formBox > p {
	text-align: left;
	margin: 0px 0px 30px;
}
.formBox h4 {
	color: #ccc;
	font-weight: normal;
	text-align: left;
	margin: 0px 0px 10px;
}
.formBox h4 span {
	color: #333;
	font-size: 20px;
	font-weight: bold;
}
.formBox table {
	width: 100%;
	margin: 0px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}
.formBox table th {
	color: #fff;
	font-weight: normal;
	text-align: left;
	padding: 15px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #64B432;
	position: relative;
	display: block;
}
.formBox table th .hissu {
	font-size: 12px;
	color: #f00;
	line-height: 100%;
	border: 1px solid #f00;
	border-radius: 3px;
	background-color: #fff;
	padding: 2px 3px;
	position: absolute;
	top: 15px;
	right: 10px;
}
.formBox table td {
	text-align: left;
	padding: 15px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	display: block;
}
.formBox table .siryoSelect {
	margin: 10px 0 0 0;
	list-style: none;
}
.formBox table .siryoSelect li {
	margin-bottom: 5px;
}
.formBox table td .yubin {
	width: 80px;
	display: inline-block;
	vertical-align: middle;
}
.formBox table td .address {
	display: block;
}
.formBox label {
	cursor: pointer;
	vertical-align: top;
}
.formBox input[type=text],.formBox input[type=email],.formBox input[type=tel] {
	height: 20px;
	margin-bottom: 3px;
	padding: 5px;
}
.formBox input[type=button] {
	width: 100%;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	margin: 10px 0 0 0;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #64B432;
	border: none;
	display: block;
	cursor: pointer;
	background-image: -webkit-linear-gradient(270deg,rgba(100,180,50,1.00) 0%,rgba(100,180,50,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(100,180,50,1.00) 0%,rgba(100,180,50,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(100,180,50,1.00) 0%,rgba(100,180,50,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(100,180,50,1.00) 0%,rgba(100,180,50,1.00) 100%);
	border-radius: 5px;
}
#siryo {
	display: none;
}
.formBox .comment {
	color: #f00;
}
.input200,.input400,.input500 {
	width: 98%;
}





@media screen and (min-width: 768px){
	/*	約768px以上の画面向けスタイル（タブレット） */

	#main .onestopBox {
		padding: 80px 0;
	}
	#main .onestopBox:nth-child(even) {
		padding: 80px 0px;
	}
	#main .onestopBox:nth-child(3) {
		padding: 10px 0 80px;
	}
	#main .onestopBox .btn {
		display: flex;
		justify-content: space-between;
	}
	#main .onestopBox .btn p {
		width: calc((100% - 10px) / 2);
	}
	#main .onestopBox .btn a span {
		font-size: 12px;
	}

	/* ホープツーリズム */
	#main .onestopBox > .hopeBox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
			-ms-flex-pack: justify;
				justify-content: space-between;
	}
	#main .onestopBox > .hopeBox .title {
		margin: 0 0 0;
		padding: 10px;
	}
	#main .onestopBox > .hopeBox .tel {
		margin: 2px 0 0 40px;
	}
	#main .onestopBox > .hopeBox .time {
		margin: 13px 0 0;
		font-size: 14px;
	}

	/* 総合窓口 */
	#main .onestopBox .url {
		font-size: 24px;
		text-align: left;
		width: calc(100% - 300px);
	}
	.onestopFlow .madoguchiBox .sinsai {
		position: absolute;
		top: 100px;
		right: 10px;
		margin: 0px;
	}
	.onestopFlow .madoguchiBox .sinsai p:first-of-type {
		margin: 0 0 10px;
	}
	.linkBox {
		display:-webkit-box;
		display:-moz-box;
		display:-ms-box;
		display:-webkit-flexbox;
		display:-moz-flexbox;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		justify-content: space-around;
		margin: 0px auto 50px;
	}
	.linkBox p {
		width: 48%;
	}
	.linkBox a {
		margin: 0 0 0;
	}

	/* 合宿窓口 */
	#main .onestopBox .gassyukuBlock .gassyukuBox .kakko {
		display: inline-block;
	}
}





@media screen and (min-width: 980px){
	/*	約980px以上の画面向けスタイル（PC） */

	/* ワンストップ窓口 */
	#main .onestopBox {
		padding: 100px calc(50% - 490px);
	}
	#main .onestopBox:nth-child(even) {
		padding: 100px calc(50% - 490px);
	}
	#main .onestopBox:nth-child(3) {
		padding: 10px calc(50% - 490px) 100px;;
	}
	.onestopBox h1 {
		font-size: 36px;
	}
	.onestopBox > p {
		margin-bottom: 50px;
	}
	#main .onestopBox .btn a {
		font-size: 26px;
		font-weight: bold;
		color: #64B432;
		background-color: #fff;
		border-color: #64B432;
	}
	#main .onestopBox .btn a span {
		font-size: 14px;
	}
	#main .onestopBox .btn a:hover {
		color: #fff;
		background-color: #64B432;
	}
	#main .onestopBox .btn a,
	#main .onestopBox .btn a::before,
	#main .onestopBox .btn a::after {
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    -webkit-transition: all .3s;
	    transition: all .3s;
	}

	/* ホープ */
	#main .onestopBox > .photo {
		margin: 0 auto 20px;
		max-width: 900px;
	}
	#main .onestopBox > .hopeBox .title {
		font-size: 20px;
		padding: 10px 25px;
	}
	#main .onestopBox > .hopeBox .tel {
	}
	#main .onestopBox > .hopeBox .tel i {
	}
	#main .onestopBox > .hopeBox .time {
		font-size: 16px;
	}
	#main .onestopBox > .hopeBox2 > h2 {
		font-size: 30px;
	}
	#main .onestopBox > .hopeBox2 > h2 span {
		display: inline-block;
		margin-left: 10px;
	}

	/* 農家民泊 */
	#main .onestopBox > .map {
		margin: 0 auto 10px;
		max-width: 900px;
	}
	#main .onestopBox .minpakuBlock .minpakuBox {
		width: calc((100% - 83px) / 3);
		position: relative;
	}
	#main .onestopBox .minpakuBlock .minpakuBox .ok {
		width: 60px;
		position: absolute;
		top: -6px;
		right: -6px;
	}
	#main .onestopBox .minpakuBlock .minpakuBox .ok span {
		display: block;
		margin-top: 5px;
	}

	/* 合宿窓口 */
	#main .onestopBox .gassyukuBlock .gassyukuBox {
		width: calc((100% - 55px) / 3);
	}


	/* 総合窓口 */
	.onestopFlow h2 {
		padding: 20px 0px;
		font-size: 32px;
	}
	.onestopFlow ul li {
		font-size: 24px;
		padding: 20px 0px;
	}
	.onestopFlow ul li span {
		display: inline-block;
		margin-left: 20px;
	}
	.onestopFlow .madoguchiBox .sinsai {
		top: 20px;
		right: -10px;
	}
	.onestopFlow .mokuteki {
		font-size: 24px;
		padding: 20px 0px;
	}
	.onestopFlow .mokuteki span {
		display: inline-block;
		margin: 0px 20px;
	}
	.linkBox {
		display:-webkit-box;
		display:-moz-box;
		display:-ms-box;
		display:-webkit-flexbox;
		display:-moz-flexbox;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		justify-content: space-around;
		margin: 0px auto 50px;
	}
	.linkBox p {
		width: 48%;
	}
	.linkBox a {
		color: #64B432;
		font-size: 24px;
		font-weight: bold;
		padding: 0px;
		text-align: center;
		text-decoration: none;
		outline: none;
		position: relative;
		z-index: 2;
		background-color: #fff;
		border: 2px solid #64B432;
		line-height: 80px;
		overflow: hidden;
	}
	.linkBox a,
	.linkBox a::before,
	.linkBox a::after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	.linkBox a:hover {
		color: #fff;
		background-color: #64B432;
	}

	/* Q&A集 */
	#main .mainTitle {
		margin-bottom: 50px;
	}
	.inqBox {
		width: 960px;
		margin: 0px auto;
	}
	.inqBox h3 {
		font-size: 30px;
		font-weight: normal;
	}
	.inqBox > p {
		margin-bottom: 50px;
	}
	.inqBox h4 {
		text-align: left;
		margin-bottom: 30px;
	}
	.inqBox h4 span {
		display: inline-block;
	}
	.qaBox .question i {
		position: static;
		margin-left: 10px;
		font-size: 18px;
	}
	.qaBox .question:hover {
		background-color: #ffe;
	}
	.qaBox .answer {
		margin-left: 40px;
	}
	.commentBox {
		margin: 30px 10px;
		padding: 20px;
		border: 1px solid #ccc;
	}
	.commentBox > p {
		float: left;
	}
	#main > .btn_more a {
		width: 320px;
		float: right;
		color: #fff;
	}
	.commentBox .btn_more a {
		padding: 0px;
		text-align: center;
		text-decoration: none;
		outline: none;
		position: relative;
		z-index: 2;
		background-color: #fff;
		border: 2px solid #64B432;
		color: #64B432;
		line-height: 50px;
		overflow: hidden;
	}
	.commentBox .btn_more a::before,
	.commentBox .btn_more a::after {
		position: absolute;
		z-index: -1;
		display: block;
		content: '';
	}
	.commentBox .btn_more a,
	.commentBox .btn_more a::before,
	.commentBox .btn_more a::after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	.commentBox .btn_more a:hover {
		color: #fff;
		background-color: #64B432;
	}
	.commentBox .btn_more a::after {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-transform: scale(.5);
		transform: scale(.5);
	}
	.commentBox .btn_more a:hover::after {
		background: #64B432;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	/* お問合せ・資料請求フォーム */
	.formBox {
		width: 960px;
		margin: 0px auto 50px;
		padding: 0px;
	}
	.formBox h1 {
		font-size: 30px;
		font-weight: normal;
	}
	.formBox table th {
		display: table-cell;
		width: 300px;
		vertical-align: top;
	}
	.formBox table td {
		display: table-cell;
	}
	.formBox input[type=button] {
		width: 320px;
		font-size: 20px;
		margin: 20px auto 0;
		border-radius: 10px;
	}
	.input200 {
		width: 200px;
	}
	.input400 {
		width: 400px;
		padding: 5px;
	}
	.input500 {
		width: 500px;
	}
	#toiawase table {
		border-top: none;
	}
	#toiawase table th,#toiawase table td {
		border-bottom: none;
	}
	#siryo table {
		border-top: none;
	}
	#siryo table tr:nth-last-child(1) th,#siryo table tr:nth-last-child(1) td {
		border-bottom: none;
	}
}