@charset "utf-8";
/* CSS Document */
body {color:#2B2A2A;}
img { max-width:100%;}


@media screen and (min-width:768px) {
body {font-size:14px;}
.sp {display: none!important;}
#Cmain { background: #FFFFFF; padding:50px 0;}
.baseKan { width:750px; margin:0 auto 50px; padding:0 0 0px; line-height:1.5em; }
.baseKan .topInfo { padding:0 50px;}
.baseKan .topInfo span {font-size: 12px;}
.centerPart { width:950px; margin:0 auto; background:#FFFFFF; padding:50px 0;}
.centerPart .img1 { width:95.54%; margin:0 auto; font-size:0;}
.imgBox { width:95.6%; margin:0 auto 30px; display:table; table-layout:fixed; font-size:0;}
.imgBox li { display:table-cell; width:25%; font-size:0;}
.infoTtl { font-size:1.4em; font-weight:bold; margin-bottom:1em;}
.infoTxt { line-height:1.5em; margin-bottom:2em;}
.itemlink {width: 800px; margin: 2rem auto 0; text-align: center; font-size: 14px;}
.itemlink a {display: block; padding: 1.5rem 0; background: #666; color: #FFF;}

.btn04 a {
	background-color: #D3C6A6;
	border: 1px solid transparent;
	border-radius: 35px;
}

.btn04 a::before {
	content: '';
	position: absolute;
	top: -5px;
	left: -5px;
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: 1px solid #333;
	border-radius: 35px;
}

.btn04 a:hover {
	background-color: #D3B467;
}

.btn05 a {
	background-color: #D3B467;
	border: 1px solid transparent;
	border-radius: 35px;
}

.btn05 a::before {
	content: '';
	position: absolute;
	top: -5px;
	left: -5px;
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: 1px solid #333;
	border-radius: 35px;
}

.btn05 a:hover {
	background-color: #D3B467;
}


.btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 250px;
	height: 60px;
	color: #333;
	font-size: 18px;
	font-weight: 300;
	text-decoration: none;
	transition: 0.3s;
}

.btn a:hover {
	color: #f2f2f2;
}

.btn2 a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 250px;
	height: 60px;
	color: #333;
	font-size: 18px;
	font-weight: 300;
	text-decoration: none;
	transition: 0.3s;
}

.imgBox2 img{
	border-radius: 10%;
	width: 500px;
}
.imgBox2 {
	display: block;
	text-align: center;
}


.underline_black{
	position: relative;
	border-bottom: 1px solid #000000;
	font-size:20px;
}

.btn_11 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 500px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	background-color:  #D3C6A6;
	color: #FFFFFF;
	border-radius: 100vh;
	transition: 0.5s;
}
.btn_12 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 500px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	background-color:  #737a99;
	color: #FFFFFF;
	border-radius: 100vh;
	transition: 0.5s;
}

a.btn_13 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 500px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #737a99;
	color: #737a99;
	border-radius: 100vh;
	transition: 0.5s;
}
a.btn_13:hover {
	color: #FFFFFF;
	background: #737a99;
}

.heading04 {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	text-align: center;
}

.heading04::before,
.heading04::after {
	content: '';
	width: 5px;
	height: 50px;
	background-color: #737a99;
}

.heading04::before {
	margin-right: 30px;
	transform: rotate(-35deg)
}
.heading04::after {
	margin-left: 30px;
	transform: rotate(35deg)
}

.heading04-2 {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	text-align: center;
}

.heading04-2::before,
.heading04-2::after {
	content: '';
	width: 5px;
	height: 50px;
	background-color: #a48573;
}

.heading04-2::before {
	margin-right: 30px;
	transform: rotate(-35deg)
}
.heading04-2::after {
	margin-left: 30px;
	transform: rotate(35deg)
}


.heading14 {
	position: relative;
	padding-left: 80px;
	font-size: 20px;
}

.heading14::before {
	content: attr(data-number);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	color: #a48573;
	font-size: 50px;
}

.heading14::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 750px;
	height: 1px;
	background-color: #a48573;
}

a.btn_14 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 500px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #a48573;
	color: #a48573;
	border-radius: 100vh;
	transition: 0.5s;
}
a.btn_14:hover {
	color: #FFFFFF;
	background: #a48573;
}


}


@media screen and (max-width:768px) {
body {font-size:14px;}
.pc {display: none!important;}
#Cmain {background: #FFFFFF; padding:120px 0;}
.baseKan {width:95%; margin:0 auto 50px; padding:0 0 0px; line-height:1.5em;}
.baseKan .topInfo {width: 90%; margin: 0 auto;}
.baseKan .topInfo span {font-size: 12px;}
.centerPart { width:95%; margin:0 auto; background:#FFFFFF; padding:0 0 50px;}
.centerPart .img1 { width:100%; margin:0 auto; font-size:0;}
.imgBox { width:100%; margin:0 auto 30px; font-size:0; display: flex; flex-wrap: wrap;}
.imgBox li {width:50%; font-size:0;}
.infoTtl {width: 90%; margin: 0 auto 1rem; font-weight:bold; text-align: center; font-size: 16px; padding-top:1em;}
.infoTxt {width: 90%; margin: 0 auto 1.5em; line-height:1.5em;}
.itemlink {width: 80%; margin: 2rem auto 0; text-align: center;}
.itemlink a {display: block; padding: 1rem 0; background: #666; color: #FFF;}

.btn04 a {
	background-color: #D3C6A6;
	border: 1px solid transparent;
	border-radius: 35px;
}

.btn04 a::before {
	content: '';
	position: absolute;
	top: -5px;
	left: -5px;
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: 1px solid #333;
	border-radius: 35px;
}

.btn04 a:hover {
	background-color: #D3B467;
}

.btn05 a {
	background-color: #D3B467;
	border: 1px solid transparent;
	border-radius: 35px;
}

.btn05 a::before {
	content: '';
	position: absolute;
	top: -5px;
	left: -5px;
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: 1px solid #333;
	border-radius: 35px;
}

.btn05 a:hover {
	background-color: #D3B467;
}


.btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 90%;
	height: 40px;
	color: #333;
	font-weight: 300;
	text-decoration: none;
	transition: 0.3s;
}

.btn a:hover {
	color: #f2f2f2;
}

.btn2 a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 90%;
	height: 40px;
	color: #333;
	font-weight: 300;
	text-decoration: none;
	transition: 0.3s;
}


.imgBox2 img{
	border-radius: 10%;
	width: 100%;

}

.underline_black{
	position: relative;
	border-bottom: 1px solid #000000;
	font-size:15px;


}



.btn_11 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 50%;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	background-color:  #D3C6A6;
	color: #FFFFFF;
	border-radius: 100vh;
	transition: 0.5s;
}

.btn_12 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 50%;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	background-color:  #737a99;
	color: #FFFFFF;
	border-radius: 100vh;
	transition: 0.5s;
}


a.btn_13 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 50%;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #737a99;
	color: #FFFFFF;
	border-radius: 100vh;
	transition: 0.5s;
}
a.btn_13:hover {
	color: #FFFFFF;
	background: #737a99;
}
.heading04 {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	text-align: center;
}

.heading04::before,
.heading04::after {
	content: '';
	width: 3px;
	height: 30px;
	background-color: #737a99;
}

.heading04::before {
	margin-right: 10px;
	transform: rotate(-35deg)
}
.heading04::after {
	margin-left: 10px;
	transform: rotate(35deg)
}


.heading04-2 {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	text-align: center;
}

.heading04-2::before,
.heading04-2::after {
	content: '';
	width: 5px;
	height: 50px;
	background-color: #a48573;
}

.heading04-2::before {
	margin-right: 10px;
	transform: rotate(-35deg)
}
.heading04-2::after {
	margin-left: 10px;
	transform: rotate(35deg)
}


.heading14 {
	position: relative;
	padding-left: 80px;
	font-size: 20px;
}

.heading14::before {
	content: attr(data-number);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	color: #a48573;
	font-size: 50px;
}

.heading14::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 750px;
	height: 1px;
	background-color: #a48573;
}

a.btn_14 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 50%;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #a48573;
	color: #a48573;
	border-radius: 100vh;
	transition: 0.5s;
}
a.btn_14:hover {
	color: #FFFFFF;
	background: #a48573;
}

}