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

/*===============================================
style.css 画面の横幅が951px以上
===============================================*/


@import "https://hogonin.jp/files/css/common/layout01pc.css";



	/*以下、画面の横幅が951pxまでの場合のスタイル記入*/


	/*=================================*/
	/*Layout*/
	/*=================================*/


#contents .contentWrap .leftContents .contentsimage {
		margin-bottom:40px;
	}
#contents .contentWrap .leftContents .contentsdiscription {
	margin:0 0 30px 0;
}
#contents .contentWrap .leftContents .chapter {
	width: 662px;
	margin:0 0 30px 0;
}
#contents .contentWrap .leftContents .chapter .title-red {
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
#contents .contentWrap .leftContents .chapter .text {
	width: 410px;
	float: left;
	margin: 30px 0 0 0;
}
@media screen and (max-width: 767px) {
	#contents .contentWrap .leftContents .chapter {
		width: 100%;
		margin:0 0 30px 0;
	}
}


/*=================================*/
/*index*/
/*=================================*/



#contents .contentWrap .leftContents .contentsindex {
	width: 662px;
	padding-bottom: 40px;
}
	#contents .contentWrap .leftContents .contentsindex .item {
	width: 200px;
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 40;
	margin-left: 0;
	}
		#contents .contentWrap .leftContents .contentsindex .item .title {
			padding-top: 10px;
			padding-bottom: 0px;
		}

		#contents .contentWrap .leftContents .contentsindex .item p{
			background-image: url(../../../files/img/common/infoTitleArrow.jpg);
			background-position: left center;
			background-repeat: no-repeat;
			padding-top: 0px;
			padding-left: 10px;
			padding-right: 0px;
			padding-bottom: 0px;
			margin-top: 10px;
		}

	#contents .contentWrap .leftContents .contentsindex .item {
		width: 200px;
		float: left;
		margin:0px 30px 0 0;
	}
		#contents .contentWrap .leftContents .contentsindex .item .title {
			padding-top: 10px;
			padding-bottom: 0px;
		}

		#contents .contentWrap .leftContents .contentsindex .item p{
			background-image: url(../../../files/img/common/infoTitleArrow.jpg);
			background-position: left center;
			background-repeat: no-repeat;
			padding-top: 0px;
			padding-left: 10px;
			padding-right: 0px;
			padding-bottom: 0px;
			margin-top: 10px;
		}
	#contents .contentWrap .leftContents .contentsindex .lastitem {
		width: 200px;
		float: left;
		margin:0px 0px 0 0;
	}
		#contents .contentWrap .leftContents .contentsindex .lastitem .title {
			padding-top: 10px;
			padding-bottom: 0px;
		}

		#contents .contentWrap .leftContents .contentsindex .lastitem p{
			background-image: url(../../../files/img/common/infoTitleArrow.jpg);
			background-position: left center;
			background-repeat: no-repeat;
			padding-top: 0px;
			padding-left: 10px;
			padding-right: 0px;
			padding-bottom: 0px;
			margin-top: 10px;
		}

		#contents .chapter ul.btn0102 li{
			width:auto;
			margin: 0;
		}
		#contents .chapter ul.btn0102 li:nth-of-type(2){
			margin-left:15px;
		}
		@media screen and (max-width: 767px) {
			#contents .chapter ul.btn0102 li{
				width:100%;
				text-align: center;
			}
			#contents .chapter ul.btn0102 li:nth-of-type(2){
				margin-left:0px;
				margin-top: 5vw;
			}
			#contents .chapter ul.btn0102 li img{
				height: 70px;
				width:auto;
			}
			
		}


.qanda{
	margin-top:3rem;
}
.qanda dt{
	font-size:1.5rem;
	font-family: 'Noto Serif JP', serif;
}
.qanda dd {
	margin: 1rem 0;
	padding-bottom: 1rem;
	border-bottom: 1px dotted #000;
}
.qanda .question{
	color:#317d4a;
}
.qanda .question:before{
	content:"Q.";
	font-family: 'Noto Serif JP', serif;
	font-size: 1.2rem;
	vertical-align: bottom;
	margin-right:0.5rem;
}
.qanda .answer{
	text-indent: -1.7rem;
	margin-left: 1.7rem;
}
.qanda .answer:before{
	content:"A.";
	font-family: 'Noto Serif JP', serif;
	font-size: 1.2rem;
	vertical-align: bottom;
	margin-right:0.5rem;
}
@media screen and (max-width: 767px) {
	.qanda dt{
		font-size:5.5vw;
		font-family:serif;
	}
	.qanda dd {
		margin: 4vw 0;
		padding-bottom: 4vw;
	}
	.qanda dd:last-child {
		margin: 4vw 0 0;
	}
	.qanda .question:before{
		font-size: 4vw;
		margin-right:1vw;
	}
	.qanda .answer{
		text-indent: -6vw;
		margin-left: 6vw;
	}
	.qanda .answer:before{
		font-size: 4vw;
		margin-right:1vw;
	}
	.address {
		padding-bottom: 5vw;
	}

}

/*=================================*/
/*form*/
/*=================================*/

@media screen and (max-width: 767px) {
	#contents_contact fieldset {
		margin: 0;
		padding: 0;
	}
	#contents_contact fieldset tr {
		display: flex;
		flex-flow: column;
	}
	#contents_contact fieldset tr th {
		width: auto!important;
		border-bottom: none;
		padding: 5vw 3vw 1vw 3vw;
	}
	#contents_contact fieldset tr td {
		padding: 1vw 3vw 5vw 3vw;
	}
	#contents_contact p.button {
		display: flex;
		justify-content: space-evenly;
	}
	#contents_contact p.button .cancel {
		width: 37%;
	}
	#contents_contact p.button .submit {
		width: 57%;
	}
	#contents_contact .scrltop {
		margin-top: 6vw;
	}

	form input {
		box-sizing: border-box;
	}
	form textarea {
		box-sizing: border-box;
	}

	form #t9cy, form #t0wy, form #t8pn, form #t8gg, form #t6wr, form #t0ey, form #t9me, form #t9jl, form #t1nn, form #t9ke, form #t3vy, form #t2pv, form #t0mh, form #t6ao, form #t0kt {
		width: 100%;
	}
}