@charset "utf-8";

.p-entry {
	/*font-family : '小塚ゴシック Pro', 'Kozuka Gothic Pro', Meiryo, sans-serif;*/
}
.p-entry img {
	width     : auto;
	max-width : 100%;
}

.pc{
	display: block;
}

.sp{
	display: none;
}

@media only screen and (max-width : 767px) {
	.pc{
		display: none;
	}

	.sp{
		display: block;
	}

}

.clearfix {
	min-height : 1px;
}

.clearfix::after, .box::after {
	content    : ".";
	display    : block;
	*display   : block;
	clear      : both;
	height     : 0;
	visibility : hidden;
	font-size  : 0;
}

.box .box_l {
	float : left;
}

.box .box_r {
	float : right;
}

.p-breadcrumb {
	margin-bottom: 0;
}

@media only screen and (max-width : 767px) {
	.p-breadcrumb {
		margin-bottom: 0;
	}
}

/**全体共通パーツ**/

.cmn_page_head {
	background-repeat: no-repeat;
	background-position: center;
	height: 305px;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 48px 0 55px;
	flex-flow: column;
}
@media only screen and (max-width : 767px) {
	.cmn_page_head {
		
		height: 200px;
		padding:0;
	}
}
.cmn_page_head .main_ttl {
	text-align: center;
	width: 100%;
}

@media only screen and (max-width : 767px) {
	.p-entry .cmn_page_head .main_ttl img {
		max-width : 80%;
	}
}

.cmn_page_head .txt_01 {
	font-size: 16px;
	letter-spacing: 2.5px;
	color: #fff;
	width: max-content;
	padding: 0 10px;
	height: 38px;
	opacity: 0.9;
	text-align: center;
	font-weight: 400;
	line-height: 38px;
	margin-top:30px;
}
@media only screen and (max-width : 767px) {
	.cmn_page_head .txt_01 {
		margin-top: 20px;
	}
}

.cmn_page_ttl {
}
.cmn_page_ttl .ttl {
	text-align: center;
}
.cmn_page_ttl .ttl .txt_img {
	margin: 0 auto;
}
.cmn_page_ttl .sub_txt {
	font-size: 13px;
	text-align: center;
	display: block;
}

.cmn_point_parts{
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	background: #4c4948;
	width: max-content;
	height: 24px;
	margin-right: auto;
	margin-left: auto;
	letter-spacing: -1px;
	border-radius: 30px;
	text-align: center;
	position: relative;
	padding: 0 15px;
	min-width: 200px;
}
.cmn_point_parts.big-t{
	font-size: 22px;
	line-height: 30x;
	height: 60px;
	padding: 5px 15px;
}

.cmn_point_parts::before{
	background: #4c4948;
	height: 25px;
	width: 1px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 24px;
	content: "";
}
.cmn_point_parts.big-t::before{
	background: #4c4948;
	height: 25px;
	width: 1px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 60px;
	content: "";
}

.cmn_point_parts::after{
	background: #4c4948;
	position: absolute;
	width: 10px;
	height: 10px;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 42px;
	content: "";
	border-radius: 10px;
}
.cmn_point_parts.big-t::after{
	background: #4c4948;
	position: absolute;
	width: 10px;
	height: 10px;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 78px;
	content: "";
	border-radius: 10px;
}

.cmn_bg_parts{
	background-image: url("../img/common/ttl_sec_bg.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 88px;
}

.cmn_btn_area {
	background-color: #eeeeef;
	background-image: url("../img/common/stripe_bg.png");
	background-position: center;
	background-repeat: repeat-x;
	display: flex;
	padding: 40px 0;
	justify-content: center;
}

.cmn_btn_area .link_btn {
	margin: 0 15px;
	max-width: 282px;
}

.cmn_sec_ttl{
	font-size: 16px;
	letter-spacing: 2.5px;
	color: #fff;
	width: max-content;
	padding: 0 10px;
	height: 38px;
	border-radius: 5px;
	min-width: 385px;
	text-align: center;
	font-weight: 400;
	line-height: 38px;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (max-width : 767px) {
	.cmn_sec_ttl{
		min-width: 100%;
		width: 100%;
height: auto;
line-height: 1.4;
padding: 8px 10px;
	}
}

.cmn_sec_ttl.-color_type_01{
	background : #287389;
}

.cmn_sec_ttl.-color_type_02{
	background : #696969;
	/*background : #191970;*/
	/*background : #00aebb;*/
}


.cmn_btn_area.type_02 .tel_btn{
	margin-top: 30px;
	display: block;
	max-width: 334px;
}
