@charset "UTF-8";

/* PC時の標準フォントサイズを14pxに戻す */
@media only screen and (min-width: 768px) {
  #contentsArea .wrap {
    font-size: 16px;
  }
}


/* PC時の最大コンテンツ幅を指定 */
#contentsArea .p-kodoku {
	width: 100%;
  max-width: 1400px;
	padding: 2em 0 0;
	margin: 0 auto;
	text-align: center;
	background-color: #FDF7E5;
	border-right: 8px solid #C64837;
	border-left: 8px solid #C64837;
}
.wrap p,
.wrap h2,
.wrap h3,
.wrap h4,
.wrap h5,
.wrap h6,
.wrap ul,
.wrap li,
.wrap dl,
.wrap dt,
.wrap dd,
.wrap div {
  font-size: 16px;
}
.wrap p {
	color: #3A3833;
}

.wrap img {
	width: 100%;
	height: auto;
}
.pc_only {
}
.sp_only, .sp_only2 {
	display: none !important;
}

@media screen and (max-width: 767px) {
	#contentsArea .p-kodoku {
		font-size: 16px;
		font-size: 4.26667vw;
		text-align: left;
		border-right: 8px solid #C64837;
		border-left: 6px solid #C64837;
	}
	.wrap p,
	.wrap h2,
	.wrap h3,
	.wrap h4,
	.wrap h5,
	.wrap h6,
	.wrap ul,
	.wrap li,
	.wrap dl,
	.wrap dt,
	.wrap dd,
	.wrap div {
		font-size: 4.26667vw;
	}
	.wrap img {
		width: 100%;
	}
	.pc_only {
		display: none !important;
	}
	.sp_only {
		display: block !important;
	}
	.sp_only2 {
		display: inline-block !important;
	}
}

/* 画像マウスオーバー効果 */
.wrap a {
	/*text-decoration: none !important;*/
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
.wrap a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	text-decoration: none;
}


/* main img */
.wrap .sec_mv {
	width: 80em;
	max-width: 98%;
	margin: 0 auto 5em;
}
@media screen and (max-width: 767px) {
	.wrap .sec_mv {
		width: 19.4375em;
		margin: 0 auto 1em;
	}
}

/* 共通 */
.wrap .sec {
	clear: both;
	width: 60.625em;
	margin: 0 auto 5em;
}
@media screen and (max-width: 767px) {
	.wrap .sec {
		width: 21.4375em;
		margin: 0 auto 2.75em;
	}
}

.wrap .txt-20 {
	font-size: 1.25em;
	line-height: 1.8;
}
.wrap .txt-w {
	font-weight: bold;
}
.wrap .txt-red {
	color: #B73321;
}

@media screen and (max-width: 767px) {
	.wrap .txt-20 {
		font-size: 1em;
		line-height: 1.7;
	}

}

/* .sec_top */
.wrap .sec_top h3 img {
	max-width: 617px;
}
.wrap .sec_top h3 + p {
	margin: 1.375em auto 1em;
}
.wrap .sec_top p + p {
	margin-bottom: 2.5em;
}
/*@media only screen and (min-width: 768px) {
	.wrap .sec_top {
		width: 56em;
	}
}*/
@media screen and (max-width: 767px) {
	.wrap .sec_top h3 img {
		width: 19.4375em;
	}
	.wrap .sec_top h3,
	.wrap .sec_top p {
		text-align: center;
	}
	.wrap .sec_top p + p {
		margin-bottom: 1.5625em;
	}
}

.wrap .sec_top--btn {
	display: flex;
	justify-content: center;
	column-gap: 1em;
}
.wrap .sec_top--btn li {
	width: 27.5em;
}
@media screen and (max-width: 767px) {
	.wrap .sec_top--btn {
		flex-wrap: wrap;
		column-gap: 0;
		width: 19.4375em;
		margin: 0 auto 1em;
	}
	.wrap .sec_top--btn li:first-of-type {
		margin-bottom: 0.75em;
	}
}


/* .sec_point */
.wrap .sec_point {
	width: 60.625em;
	margin-left: auto;
	margin-right: auto;
	padding: 2em 0;
	background-color: #fff;
	border: 2px solid #D0CAB8;
}
.wrap .sec_point .sec_point-ttl {
	width: 7.5em;
	margin: -3em auto 3em;
	text-align: center;
}
@media only screen and (min-width: 768px) {
	.wrap .sec_point.point-02 {
		padding-bottom: 0;
	} 
	
	.wrap .sec_point.point-03 .sec_point-ttl {
		width: 7.625em;
	}
	
}
@media screen and (max-width: 767px) {
	.wrap .sec_point {
		width: 21.4375em;
	}
	.wrap .sec_point .sec_point-ttl {
		width: 6.3125em;
		margin: -3em auto 0.75em;
	}
}

.wrap .sec_point h3 {
	margin: 0 auto 2em;
	text-align: center;
}
.wrap .sec_point.point-01 h3 img {
	width: 30.8125em;
}
.wrap .sec_point.point-02 h3 img {
	width: 23.25em;
}
.wrap .sec_point.point-03 h3 img {
	width: 40.5em;
}
.wrap .sec_point.point-04 h3 img {
	width: 40.3125em;
}
@media screen and (max-width: 767px) {
	.wrap .sec_point.point-01 h3 img {
		width: 20.125em;
	}
	.wrap .sec_point.point-02 h3 img {
		width: 19.625em;
	}
	.wrap .sec_point.point-03 h3 img {
		width: 18.3125em;
	}
	.wrap .sec_point.point-04 h3 img {
		width: 16.5em;
	}
}

.wrap .sec_point-tips {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 1.25em;
}

@media only screen and (min-width: 768px) {
	.wrap .sec_point-tips {
		justify-content: center;
		margin-bottom: 2em;
		border-bottom: 2px solid #D0CAB8;
	}
	.wrap .point-02 .sec_point-tips {
		margin-bottom: 0;
		border-bottom: none;
	}
	.wrap .sec_point-tips > div:nth-of-type(1) {
		width: 100%;
	}
	.wrap .sec_point-tips > div:nth-of-type(1) p {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 50.625em;
		min-height: 74px;
		margin: 0 auto 1em;
		padding-bottom: 1em;
		background: url("../kodoku_index_images/bg-fukidashi--pc.png") no-repeat center top;
	}
	.wrap .point-02 .sec_point-tips > div:nth-of-type(1) p {
		min-height: 6.5em;
		background: url("../kodoku_index_images/bg-fukidashi02--pc.png") no-repeat center top;
	}
	.wrap .sec_point-tips > div:nth-of-type(1) p span {
		font-size: 1.1875em;
		font-weight: bold;
		line-height: 1.55;
	}
	.wrap .sec_point-tips > div:nth-of-type(2) {
		width: 20.625em;
		margin-right: 3.75em;
	}
	.wrap .sec_point-tips > div:nth-of-type(3) {
		width: 26.25em;
	}
}
.wrap .sec_point-tips > div {
	width: 100%;
}
@media screen and (max-width: 767px) {
	.wrap .sec_point-tips > div {
		width: 100%;
	}
	.wrap .sec_point-tips > div:nth-of-type(1) {
		padding: 1em 1em 2em;
		line-height: 1.55;
	}
	.wrap .sec_point-tips > div:nth-of-type(2) {
		order: -1;
		border-bottom: 2px solid #D0CAB8;
		text-align: center;
	}
	.wrap .sec_point-tips > div:nth-of-type(2) img {
		width: 17.4375em;
	}
	.wrap .sec_point-tips > div:nth-of-type(3) {
		width: 19.4375em;
		margin: 0 auto;
	}

}

.wrap .sec_point-tips-cmt {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.wrap .sec_point-tips-cmt > div {
	width: 100%;
}

.wrap .sec_point-tips-cmt_01 {
	clear: both;
	position: relative;
	min-height: 119px;
}
.wrap .sec_point-tips-cmt_01 p {
	position: absolute;
	right: 0;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 21.875em;
	min-height: 119px;
	padding-bottom: 1em;
	background: url("../kodoku_index_images/bg-fukidashi.png") no-repeat center center;
	background-size: contain;
}
.wrap .sec_point-tips-cmt_01 p > span {
	font-size: 1.125em;
	font-weight: bold;
	text-align: left;
	line-height: 1.5;
}
.wrap .sec_point-tips-cmt_01::after {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	content: '';
	width: 5.625em;
	height: 5.625em;
	background: url("../kodoku_index_images/icon_person-01.png") no-repeat center center;
	background-size: contain;
}


.wrap .sec_point-tips-cmt_02 {
	margin: 1.375em auto 0.6em;
}

.wrap .sec_point-tips-cmt_02 p {
	text-align: center;
}
.wrap .sec_point-tips-cmt_02 span {
	color: #B73321;
	font-size: 1.125em;
	font-weight: bold;
	/*text-align: center;*/
}

.wrap .sec_point-tips-cmt_03 {
	clear: both;
	position: relative;
	min-height: 8.6875em;
}
.wrap .sec_point-tips-cmt_03 p {
	position: relative;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 26.25em;
	min-height: 130px;
	padding-right: 2em;
	
	background-color: #FCE8E5;
	border: 3px solid #C64837;
	border-radius: 1em;
}
.wrap .sec_point-tips-cmt_03 p > span {
	color: #B73321;
	font-size: 1.375em;
	font-weight: bold;
	text-align: left;
	line-height: 1.6;
}
.wrap .sec_point-tips-cmt_03::after {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	content: '';
	width: 4.625em;
	height: 5.3125em;
	background: url("../kodoku_index_images/icon_person-02.png") no-repeat center center;
	background-size: contain;
}

.wrap .sec_point-tips-cmt_04 {
	margin-top: 1em;
	text-align: center;
}
.wrap .sec_point-tips-cmt_04 img {
	width: 22.25em;
}

@media only screen and (min-width: 768px) {
	.wrap .point-02 .sec_point-tips-cmt_01 p > span {
		margin: 0 2em;
	}
	
}
@media screen and (max-width: 767px) {
	.wrap .sec_point-tips-cmt_01 {
		min-height: 6.3125em;
	}
	.wrap .sec_point-tips-cmt_01 p {
		width: 16.4375em;
		min-height: 5.8125em;
		padding: 0 1em 0.75em 2em;
	}
	.wrap .sec_point-tips-cmt_01 p > span {
		font-size: 1em;
	}
	.wrap .sec_point-tips-cmt_01::after {
		width: 4.375em;
		height: 4.375em;
	}
	
	.wrap .sec_point-tips-cmt_02 {
		margin: 0.5em auto 0.6em;
	}	
	.wrap .sec_point-tips-cmt_02 span {
		font-size: 0.875em;
	}
	
	.wrap .sec_point-tips-cmt_03 {
		min-height: 6.5em;
	}
	.wrap .sec_point-tips-cmt_03 p {
		border-width: 2px;
		width: 100%;
		min-height: 6.125em;
	}
	.wrap .sec_point-tips-cmt_03 p > span {
		font-size: 1.0625em;
	}
	.wrap .sec_point-tips-cmt_03::after {
		right: -0.5em;
		width: 3.5em;
		height: 4.0625em;
	}

	.wrap .sec_point-tips-cmt_04 img {
		width: 15.75em;
	}
}


.wrap .point-01 h4 {
	text-align: center;
	margin-bottom: 1.25em;
}
@media screen and (max-width: 767px) {
	.wrap .point-01 h4 {
		margin-bottom: 0.875em;
	}
	.wrap .point-01 h4 img {
		width: 20.4375em;
	}
}

.wrap .list-ex {
	clear: both;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	column-gap: 1.875em;
}
.wrap .list-ex li {
	width: 7.5em;
}
.wrap .list-ex_txt {
	margin-top: 0.5em;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.wrap .list-ex {
		column-gap: 1em;
	}
	.wrap .list-ex li {
		width: 5.8125em;
	}
	.wrap .list-ex_txt {
		font-size: 0.8125em;
	}
}


.wrap .txt-info {
	margin-top: 0.25em;
}
.wrap .txt-info span {
	color: rgba(58,56,51,0.75);
	font-size: 0.75em;
	line-height: 1.55;
}
@media only screen and (min-width: 768px) {
	.wrap .txt-info {
		width: 50.625em;
		margin: -1.8em auto 0.25em;
		text-align: right;
	}
}
@media screen and (max-width: 767px) {
	
}




.wrap .point-03 .sec_point-tips-img {
	text-align: center;
}
.wrap .point-03 .sec_point-tips-img img {
	width: 21.75em;
}
@media screen and (max-width: 767px) {
	.wrap .point-03 .sec_point-tips-img img {
		width: 17.5em;
	}
}

.wrap .point-03 .sec_point-tips-txt {
	margin: 1.875em auto 2.5em;
}
.wrap .point-03 .sec_point-tips-txt p span {
	font-size: 1.1875em;
	font-weight: bold;
	line-height: 1.55;
}
.wrap .point-03 .sec_point-tips-txt .txt-info {
	width: auto;
	margin: 0.25em auto 0;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.wrap .point-03 .sec_point-tips-txt p {
		padding: 0 1em;
	}
	.wrap .point-03 .sec_point-tips-txt p span {
		font-size: 1em;
	}
	.wrap .point-03 .sec_point-tips-txt .txt-info {
		padding: 0 1em;
		text-align: left;
	}
}

.wrap .point-03 .sec_point-tips-cmt-2 {
	clear: both;
	position: relative;
	width: 50.625em;
	min-height: 12.75em;
	margin: 0 auto 1.625em;
}

.wrap .point-03 .sec_point-tips-cmt-2_1 {
	position: relative;
	width: 26.25em;
}
.wrap .point-03 .sec_point-tips-cmt-2_2 {
	position: absolute;
	width: 26.25em;
	right: 0;
	top: 0;
}

.wrap .point-03 .sec_point-tips-cmt_02 {
	margin: 0 auto 0.6em;
}
.wrap .point-03 .sec_point-tips-cmt_03 {
	min-height: 10.25em;
}
.wrap .point-03 .sec_point-tips-cmt_03 p {
	min-height: 10em;
}
.wrap .point-03 .sec_point-tips-cmt_04 img {
	width: 26.125em;
}

@media screen and (max-width: 767px) {
	.wrap .point-03 .sec_point-tips-cmt-2 {
		width: 19.4375em;	
	}
	.wrap .point-03 .sec_point-tips-cmt-2_1,
	.wrap .point-03 .sec_point-tips-cmt-2_2 {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}
	
	.wrap .point-03 .sec_point-tips-cmt_02 {
		margin: 0.5em auto 0.6em;
	}
	.wrap .point-03 .sec_point-tips-cmt_03 {
		min-height: 7.6875em;
	}
	.wrap .point-03 .sec_point-tips-cmt_03 p {
		min-height: 7.3125em;
	}
	.wrap .point-03 .sec_point-tips-cmt_04 img {
		width: 18.1875em;
	}
}


.wrap .point-04 {
	background: url("../kodoku_index_images/point04-bg_01.png") no-repeat left top, url("../kodoku_index_images/point04-bg_02.png") no-repeat right top, #fff;
	background-size: 8.125em auto, 10.0625em auto;
}
@media screen and (max-width: 767px) {
	.wrap .point-04 {
		background-size: 4.125em auto, 5.3125em auto;
	}
}
.wrap .point-04 .sec_point-tips-img {
	text-align: center;
}
.wrap .point-04 .sec_point-tips-img img {
	width: 24.6875em;
}
@media screen and (max-width: 767px) {
	.wrap .point-04 .sec_point-tips-img img {
		width: 16.4375em;
	}
}

.wrap .point-04 .sec_point-tips-txt {
	margin: 2em auto 2.2em;
}
.wrap .point-04 .sec_point-tips-txt p span {
	font-size: 1.1875em;
	font-weight: bold;
	line-height: 1.55;
}
.wrap .point-04 .sec_point-tips-txt .txt-info {
	width: auto;
	margin: 0.25em auto 0;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.wrap .point-04 .sec_point-tips-txt p {
		padding: 0 1em;
	}
	.wrap .point-04 .sec_point-tips-txt p span {
		font-size: 1em;
	}
	.wrap .point-04 .sec_point-tips-txt .txt-info {
		padding: 0 1em;
		text-align: left;
	}
}

.wrap .point-04 .sec_point-tips-cmt {
	clear: both;
	position: relative;
	width: 32.375em;
	/*min-height: 15em;*/
	margin: 0 auto 1.75em;
}
.wrap .point-04 .sec_point-tips-cmt_02 {
	margin: 0 auto 0.6em;
}

.wrap .point-04 .sec_point-tips-cmt_03 {
	min-height: 13em;
}
.wrap .point-04 .sec_point-tips-cmt_03 p {
	position: absolute;
	right: 0;
	top: 1.0625em;
	width: 18.25em;
	min-height: 9em;
	padding-right: 0;
	padding-bottom: 1em;
	background-color: inherit;
	background: url("../kodoku_index_images/bg-fukidashi04--pc.png") no-repeat center center;
	background-size: contain;
	border: none;
	border-radius: 0;
}
.wrap .point-04 .sec_point-tips-cmt_03::after {
	left: 0;
	top: 0;
	right: inherit;
	bottom: inherit;
	width: 14.9375em;
	height: 13em;
	background: url("../kodoku_index_images/icon_person-03.png") no-repeat center center;
	background-size: contain;
}

.wrap .point-04 .sec_point-tips-cmt_04 img {
	width: 25.4375em;
}


@media screen and (max-width: 767px) {
	.wrap .point-04 .sec_point-tips-cmt {
		width: 19.3125em;
	}
	.wrap .point-04 .sec_point-tips-cmt_03 {
		min-height: 8.6875em;
	}
	.wrap .point-04 .sec_point-tips-cmt_03 p {
		top: 0.75em;
		width: 10em;
		min-height: 7.625em;
		background: url("../kodoku_index_images/bg-fukidashi04--sp.png") no-repeat center center;
		background-size: contain;
	}
	.wrap .point-04 .sec_point-tips-cmt_03::after {
		width: 10em;
		height: 8.6875em;
	}
	.wrap .point-04 .sec_point-tips-cmt_03 p > span {
		text-align: center;
	}
	.wrap .point-04 .sec_point-tips-cmt_04 img {
		width: 18.625em;
	}
}

.wrap .sec_btm {
	width: 100%;
	margin-bottom: 0;
	padding: 5em 0;
	background: #D6CBAF url("../kodoku_index_images/sec_btm-bg--pc.png") repeat-x left top;
	background-size: 26px auto;
}
.wrap .sec_btm h3 img {
	width: 17.25em;
}
.wrap .btn_bellne,
.wrap .btn_bellne a {
	text-align: center;
}
.wrap .btn_bellne a img {
	width: 26.25em;
}
@media screen and (max-width: 767px) {
	.wrap .sec_btm {
		padding: 2.625em 0;
		background: #D6CBAF url("../kodoku_index_images/sec_btm-bg--sp.png") repeat-x left top;
		background-size: 18px auto;
	}
	.wrap .sec_btm h3 img {
		width: 13.8125em;
	}
	.wrap .btn_bellne a img {
		width: 19.4375em;
	}
}



@media screen and (max-width: 767px) {
	.wrap .sec_top2 p {
		padding-left: 0.75em;
		padding-right: 0.75em;
	}
}
.wrap .txt-mt16 {
	margin-top: 1em;
}