@charset "utf-8";

/******************* ヘッダー *******************/
header{
	margin-top:150px;
	padding:50px 10px;
	background:#f2f8f8;
	text-align:center;
}

header h3{
	font-weight:900;
}


/******************* 各セクション *******************/
#sec01{
	width:90%;
	max-width:1000px;
	margin:10px auto 0;
}

#sec01 .detail{
	margin-bottom:100px;
}

#sec02{
	width:100%;
	margin:0 auto;
	padding:100px 0;
	background:#f2f8f8;
}

#sec02 .policybox{
	width:90%;
	max-width:1000px;
	margin:0 auto;
	padding:40px 30px;
	background:#fff;
	border-radius:10px;
	flex-direction:column;
	row-gap:50px;
}

#sec02 .policybox .item h4{
	padding-bottom:5px;
	font-size:1.25em;
	font-weight:bold;
	border-bottom:solid 2px #d3dced;
}

#sec02 .policybox .item p,#sec02 .policybox .item ol{
	padding-top:15px;
	line-height:1.75;
}

#sec02 .policybox .item ol li:first-child{
	margin-bottom:20px;
}

#sec02 .policybox .item .contactbox{
	width:100%;
	max-width:900px;
	margin:30px auto 15px;
	padding:30px 10px;
	background:#f5f5f5;
	border-radius:10px;
}

#sec02 .policybox .item .contactbox h5,#sec02 .policybox .item .contactbox a{
	text-align:center;
	display:block;
}

#sec02 .policybox .item .contactbox h5{
	width:fit-content;
	width:-moz-fit-content;
	margin:0 auto;
	padding-bottom:2px;
	font-size:1.175em;
	font-weight:900;
	border-bottom:solid 2px #d3dced;
}

#sec02 .policybox .item .contactbox a.address{
	margin-top:20px;
}

#sec02 .policybox .item .contactbox div{
	margin-top:20px;
	justify-content:center;
	column-gap:25px;
}

#sec02 .policybox .item .contactbox .list a::before{
	margin-right:5px;
	padding:2px 6px;
	font-size:.75em;
	font-weight:900;
	border-radius:5px;
	position:relative;
	top:-1px;
}

#sec02 .policybox .item .contactbox .list a.tel::before{
	color:#fff;
	background:#F55252;
	content:"TEL"
}

#sec02 .policybox .item .contactbox .list a.fax::before{
	color:#fff;
	background:#b9b9b9;
	content:"FAX"
}

#sec02 .policybox .item .contactbox .list a.mail::before{
	color:#fff;
	background:#000;
	content:"MAIL"
}

#sec02 .policybox .updates{
	text-align:right;
}

@media (max-width:767px){
	#sec02 .policybox .item .contactbox .list{
		flex-direction:column;
		row-gap:15px;
	}
}