﻿/* --------------------

base color
#008EE3

--------------------*/




/* --------------------
	common
--------------------*/
#content .ttl{
	width: 100%;
	background: #004098;
	border-top: #fff 1px solid;
}
#content .ttl .in-box{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0 0 0 0 !important;
}
#content .ttl .in-box h2{
	font-size: 2.5rem;
	font-family: "新ゴ B", sans-serif;
	letter-spacing: 0.15em;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	padding: 0.6em 0;
}
#content .ttl .in-box h2 strong{
	font-size: 1.5em;
}
#content #cms{
	width: 100%;
}
#content #cms .content_unit{
	padding: 50px 0 50px 0;
	margin: 0 auto;
}

@media only screen and (max-width: 1020px) {	
	#content .ttl .in-box h2{
		font-size: 2.250rem;
	}
}
@media only screen and (max-width: 768px) {
	#content .ttl .in-box h2{
		font-size: 1.875rem;
	}
	
	#content #cms .content_unit{
		padding: 30px 0 30px 0;
	}
}
@media only screen and (max-width: 480px) {
	#content .ttl .in-box h2{
		font-size: 1.417rem;
	}
}


#content #cms .content_unit table{
	width: 100%;
	margin: 0 auto;
}
#content #cms .content_unit table tr{
	width: 100%;
    background: rgba(255,255,255,1.00);
    position: relative;
}
#content #cms .content_unit table tr:nth-child(2n+2){
	background: rgba(237,237,237,1.00);
}
#content #cms .content_unit table td{
	border: none;
	font-size: 1.000rem;
	text-align: left;
	line-height: 1.6;
	padding: 0.8em 0.7em;
	background: none;
}

@media only screen and (max-width: 1020px) {	
	
}
@media only screen and (max-width: 768px) {
	#content #cms .content_unit table td{
		border: none;
		font-size: 0.938rem;
		padding: 0.3em 0.7em 0.8em;
		background: none;
	}
	#content #cms .content_unit table td.head{
		padding: 0.8em 0.7em 0.0em;
	}
}
@media only screen and (max-width: 480px) {
	
}


#content #cms .content_unit h2{
	width: 100%;
	text-align: left;
	font-size: 1.875rem;
	font-family: "新ゴ B", sans-serif;
	letter-spacing: 0.15em;
	padding: 2em 0 0.5em 0;
	line-height: 1.4;
}
#content #cms .content_unit h3{
	width: 100%;
	text-align: left;
	font-size: 1.5rem;
	font-family: "新ゴ B", sans-serif;
	letter-spacing: 0.15em;
	padding: 3em 0 0.3em 0;
	margin: 0 0 1em 0;
	border-bottom: #BFBFBF 1px solid;
	line-height: 1.4;
}
#content #cms .content_unit h4{
	width: 100%;
	text-align: left;
	font-size: 1.25rem;
	font-family: "新ゴ B", sans-serif;
	letter-spacing: 0.15em;
	padding: 3em 0 0.8em 0;
	line-height: 1.4;
}
#content #cms .content_unit h5{
	width: 100%;
	text-align: left;
	font-size: 1.125rem;
	font-family: "新ゴ B", sans-serif;
	letter-spacing: 0.15em;
	padding: 3em 0 0.8em 0;
	line-height: 1.4;
}
#content #cms .content_unit h6{
	width: 100%;
	text-align: left;
	font-size: 1.000rem;
	font-family: "新ゴ B", sans-serif;
	letter-spacing: 0.15em;
	padding: 3em 0 0.8em 0;
	line-height: 1.4;
}
#content #cms .content_unit p{
	width: 100%;
	text-align: left;
	font-size: 1.000rem;
	line-height: 1.8;
	letter-spacing: 0.03em;
	padding: 0em 0 1em 0;
	color:rgba(0,0,0,1.00); 
}

#content #cms .content_unit ol{
	width: 100%;
	text-align: left;
	font-size: 1.000rem;
	line-height: 1.8;
	padding: 0 0 1em 1.5em;
	box-sizing: border-box;
	list-style: decimal;
    list-style-position: inside;
}
#content #cms .content_unit ol li{
	width: 100%;
	text-align: left;
	font-size: 1.000rem;
	line-height: 1.8;
	color:rgba(0,0,0,1.00); 
}

@media only screen and (max-width: 1020px) {	
	#content #cms .content_unit h2{
		font-size: 1.875rem;
	}
	#content #cms .content_unit h3{
		font-size: 1.5rem;
	}
	#content #cms .content_unit h4{
		font-size: 1.25rem;
	}
	#content #cms .content_unit h5{
		font-size: 1.125rem;
	}
	#content #cms .content_unit h6{
		font-size: 1.000rem;
	}
	#content #cms .content_unit p{
		font-size: 1.000rem;
	}

	#content #cms .content_unit ol{
		font-size: 1.000rem;
	}
	#content #cms .content_unit ol li{
		font-size: 1.000rem;
	}
}
@media only screen and (max-width: 768px) {
	#content #cms .content_unit h2{
		font-size: 1.625rem;
	}
	#content #cms .content_unit h3{
		font-size: 1.375rem;
	}
	#content #cms .content_unit h4{
		font-size: 1.125rem;
	}
	#content #cms .content_unit h5{
		font-size: 1.000rem;
	}
	#content #cms .content_unit h6{
		font-size: 0.938rem;
	}
	#content #cms .content_unit p{
		font-size: 0.938rem;
	}

	#content #cms .content_unit ol{
		font-size: 0.938rem;
	}
	#content #cms .content_unit ol li{
		font-size: 0.938rem;
	}
}
@media only screen and (max-width: 480px) {
	#content #cms .content_unit h2{
		font-size: 1.500rem;
	}
	#content #cms .content_unit h3{
		font-size: 1.250rem;
	}
	#content #cms .content_unit h4{
		font-size: 1.000rem;
	}
	#content #cms .content_unit h5{
		font-size: 0.938rem;
	}
	#content #cms .content_unit h6{
		font-size: 0.875rem;
	}
	#content #cms .content_unit p{
		font-size: 0.875rem;
	}

	#content #cms .content_unit ol{
		font-size: 0.875rem;
	}
	#content #cms .content_unit ol li{
		font-size: 0.875rem;
	}
}



#content #cms #entry_area{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#content #cms #entry_area .unit{
	width: 100%;
	border: #004098 2px solid;
	margin: 0 0 30px 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
#content #cms #entry_area .unit .head{
	width: 33%;
	padding: 10px 20px;
	box-sizing: border-box;
	text-align: left;
}
#content #cms #entry_area .unit .head h4{
	color: #004098;
	font-size: 1.250rem;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: -0.05em;
	padding: 0 0 0.3em 1.0em;
	position: relative;
}
#content #cms #entry_area .unit .head h4::before{
	content: "";
	background: #004098;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 0.25em;
	left: 0;
}
#content #cms #entry_area .unit .head p{
	color: #004098;
	font-size: 1.250rem;
	font-weight: 500;
	line-height: 1.4;
	padding: 0 0 0 0;
	position: relative;
}
#content #cms #entry_area .unit figure{
	width: 30%;
	position: relative;
	overflow: hidden;
}
/*#content #cms #entry_area .unit figure::before{
	content: "";
	display: block;
	padding-top: 52%;
}
#content #cms #entry_area .unit figure img{
	width: auto !important;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 0 0 0;
}*/

#content #cms #entry_area .unit .price{
	width: 37%;
	padding: 20px;
	box-sizing: border-box;
	text-align: center;
	font-family: "新ゴ R";
	font-size: 2.5rem;
	font-weight: 700;
	color: #ed1c24;
}
#content #cms #entry_area .unit .price strong{
	font-size: 1.5em;
	font-weight: 700;
	color: #ed1c24;
	font-family: 'Noto Sans JP', Arial, Helvetica, "sans-serif";
}

@media only screen and (max-width: 1020px) {
	#content #cms #entry_area .unit{
		margin: 0 0 30px 0;
	}
	#content #cms #entry_area .unit .head{
		padding: 7px 15px;
	}
	#content #cms #entry_area .unit .head h4{
		font-size: 1.125rem;
	}
	#content #cms #entry_area .unit .head h4::before{
		width: 17px;
		height: 17px;
	}
	#content #cms #entry_area .unit .head p{
		font-size: 1.125rem;
	}
	#content #cms #entry_area .unit .price{
		padding: 20px;
		font-size: 3.5vw;
	}
}
@media only screen and (max-width: 768px) {
	#content #cms #entry_area .unit{
		width: 100%;
		margin: 0 0 20px 0;
	}
	#content #cms #entry_area .unit .head{
		padding: 6px 10px;
	}
	#content #cms #entry_area .unit .head br{
		display: block !important;
	}
	#content #cms #entry_area .unit .head h4{
		font-size: 1.000rem;
	}
	#content #cms #entry_area .unit .head h4::before{
		width: 15px;
		height: 15px;
	}
	#content #cms #entry_area .unit .head p{
		font-size: 0.938rem;
	}
	#content #cms #entry_area .unit figure{
	}
	#content #cms #entry_area .unit .price{
		padding: 15px;
		font-size: 3.5vw;
	}
}
@media only screen and (max-width: 600px) {
	#content #cms #entry_area .unit{
		width: 48%;
		margin: 0 0 20px 0;
	}
	#content #cms #entry_area .unit .head{
		width: 100%;
		padding: 10px 10px;
	}
	#content #cms #entry_area .unit .head h4{
		font-size: 0.938rem;
	}
	#content #cms #entry_area .unit .head h4::before{
		width: 15px;
		height: 15px;
	}
	#content #cms #entry_area .unit .head p{
		font-size: 0.875rem;
	}
	#content #cms #entry_area .unit figure{
		width: 100%;
	}
	#content #cms #entry_area .unit .price{
		width: 100%;
		padding: 10px;
		font-size: 4.0vw;
	}
}
