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

/*************************************
   common
**************************************/
.page_wrap{margin-bottom: 8em;}

.page_header{
	text-align: center;
	margin-bottom: 3em;
	overflow: hidden;
	background: url("../img/page_bg.jpg")no-repeat center /cover;
	margin-top: 65px;
	height: 200px
}
@media (min-width:1000px){
	.page_header{
		margin-top: 80px;
		height: 300px;
	}
}

.page_header .wrap{
	color: #fff;
	font-weight:bold;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	z-index: 1
}
.page_header h2{
	font-weight: bold;
	font-size: 2em;
	letter-spacing: 1px;
	line-height: 1.6
}
.page_header span{
	font-size: 15px;
	letter-spacing: 1px;
	margin-top: .3em;
}

@media (min-width:768px){
	
	.page_header h2{font-size: 2.2em;}
	
}

#page_contact .contact__tel-number{
	display: block;
	margin-bottom: .3em;
}
#page_contact .contact_time{
	margin: 1em auto!important
}

/****************************
   pagetop_link_btn
****************************/

.pagetop_link_btn > a{
	width: 100%;
	margin-bottom: .5em;
}
#headlight_title span{font-size: 12px!important}

@media (min-width:668px){
	.pagetop_link_btn > a{width: 49%}
}
@media (min-width:1000px){
	.pagetop_link_btn > a{width: 33%}
	.pagetop_link_btn:after{
		content: '';
		display: block;
		width: 33%
	}
	#headlight_title span{font-size: 13px!important}
}
@media (min-width:1000px){
	#headlight_title span{font-size: 14px!important}
}


/***********************************************************
   404
************************************************************/
#notf .wrap{padding: 3em 0}
#notf .wrap h2{
	margin-bottom: 1em;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.6
}

#notf a{margin-top: 2em}
#notf a:after{display: none!important}

/***********************************************************
   privacy
************************************************************/
.privacy_wrap{margin: 5em auto}
.privacy_wrap h2{
	font-size: 1.5em;
	margin-bottom: 1em;
	font-weight: bold;
	text-align: center
}
.privacy_wrap > p{
	margin-bottom: 2em;
}


.privacy_wrap p,
.privacy_wrap dd{
	font-size: 1em;
	font-weight: 400;
	line-height: 2
}
.privacy_wrap dt{
	font-weight: bold;
	font-size: 1.4em;
	letter-spacing: 1px;
	margin-bottom: .5em;color: var(--color-green);
}

.privacy_wrap dl{
	border-bottom: solid 1px #ccc;
	padding: 1em 0;
	margin-bottom: 2em;
}
.privacy_wrap dd h4{font-weight: bold;}

.privacy_wrap ul,
.privacy_wrap ol{
	margin: 1em auto;
	padding-left: 2em
}
.privacy_wrap li{
	list-style: disc;
	margin-bottom: .5em
}
.privacy_wrap ol li{list-style: decimal}

@media screen and (max-width:768px){
	#page_privacy p,
	#page_privacy dd{font-size: 15px;}
}