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

area-sub_menu

==================================================*/
.area-sub_menu{
	margin-bottom: 100px;
}
@media (max-width: 750px) {
	.area-sub_menu{
		margin-bottom: 8em;
	}
}
.area-sub_menu .inner{
	font-size: 1.4rem;
	display: flex;
	background: #dcdddd;
	padding: 40px;
	align-items: center;
}
.area-sub_menu .box-mid{
	padding-right: 2em;
	font-weight: bold;
}
.area-sub_menu .box-list{
	display: flex;
	flex-wrap: wrap;
}
@media (min-width: 751px) {
	.area-sub_menu .box-list > li:not(:last-of-type)::after{
		content: "／";
		display: inline-block;
		margin: 0 0.5em;
	}
	.area-sub_menu .box-mid{
		width: 16em;
	}
	.area-sub_menu .box-list{
		width: calc( 100% - 16em - 2em );
	}
}
@media (max-width: 750px) {
	.area-sub_menu .inner{
		font-size: 1.2rem;
		display: block;
		padding: 0px;
	}
	.area-sub_menu .box-mid{
		padding-right: 0;
		padding: 10px 20px;
		cursor: pointer;
		background: #e60012;
		color: #FFFFFF;
	}
	.area-sub_menu .box-mid::after{
		content: "→";
		margin-left: 1em;
	}
	.area-sub_menu .box-list{
		display: none;
	}
	.area-sub_menu .box-list li + li{
		border-top: 1px solid #C5C5C5;
	}
	.area-sub_menu .box-list li a{
		display: block;
		padding: 10px 20px;
	}
}
/*==================================================

area-btn

==================================================*/
.area-btn{
	font-size: 1.4rem;
}
.area-btn .box-txt + .box-list{
	margin-top: 40px;
}
.area-btn .box-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.area-btn .box-list li{
	display: flex;
	width: calc( ( 100% - 20px ) / 2 );
}
.area-btn .box-list li a{
	display: block;
	width: 100%;
	padding:40px;
	border: 1px solid #dcdddd;
	border-radius: 5px;
}
.area-btn .box-list li a .box-mid{
	font-size: 2.4rem;
	display: inline-block;
	margin-bottom: 20px;
	position: relative;
	padding-right: 30px;
}
.area-btn .box-list li a .box-mid::after{
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	border-top: 2px solid #e60012;
	border-right: 2px solid #e60012;
}
.area-btn .box-list li a .box-txt{
	display: block;
}
@media (min-width: 751px) {
	.area-btn .box-list li:nth-child(n+3){
		margin-top: 20px;
	}
}
@media (max-width: 750px) {
	.area-btn{
		font-size: 1.2rem;
	}
	.area-btn .box-txt + .box-list{
		margin-top: 20px;
	}
	.area-btn .box-list li{
		display: flex;
		width: 100%;
	}
	.area-btn .box-list li + li{
		margin-top: 20px;
	}
	.area-btn .box-list li a{
		padding:20px;
	}
	.area-btn .box-list li a .box-mid{
		font-size: 1.7rem;
		margin-bottom: 20px;
		padding-right: 40px;
	}
}
/*==================================================

area-contact

==================================================*/
.area-contact{
	font-size: 1.4rem;
}
.area-contact .box-mid{
	font-weight: bold;
}
.area-contact .box-txt + .wrap-txt{
	margin-top: 40px;
}
.area-contact .box-mid + .box-txt{
	margin-top: 10px;
}
.area-contact .box-txt + .box-txt{
	margin-top: 10px;
}
.area-contact .wrap-txt{
	/*
    border-top: 1px solid #A5A5A6;
    border-bottom: 1px solid #A5A5A6;
	padding: 40px 0;
	*/
}
@media (max-width: 750px) {
	.area-contact{
		font-size: 1.2rem;
	}
	.area-contact .box-txt + .wrap-txt{
		margin-top: 20px;
	}
}
/*==================================================

cmn-area

==================================================*/
/*==================================================

cmn-txt

==================================================*/
/*====================================
cmn-txt
====================================*/
.cmn-txt{
	font-size: 1.4rem;
}
.cmn-txt .cmn-mid{
	margin-bottom: 80px;
}
@media (max-width: 750px) {
	.cmn-txt .cmn-mid{
		margin-bottom: 4em;
	}
}
.cmn-txt a{
	text-decoration: underline;
}
.cmn-txt a:hover{
	text-decoration: none;
}
.cmn-txt .box-info{
    text-align: right;
	font-size: 1.2rem;
	margin-bottom: 2em;
}
.cmn-txt .wrap-tit + .box-txt,
.cmn-txt .box-info + .box-txt{
	margin-bottom: 4em;
}
.cmn-txt .list-circle + .box-txt{
	margin-top: 2em;
}
.cmn-txt .list-circle + .box-txt + .list-circle{
	margin-top: 2em;
}
.cmn-txt .list-circle + .box-txt{
}
.cmn-txt .list-num + .box-att{
	margin-top: 2em;
	font-size: 1.2rem;
}
/*====================================
list-num
====================================*/
.cmn-txt .list-num > .box-num + .box-num{
	margin-top: 2em;
}
.cmn-txt .list-num > .box-num > .box-mid{
	font-weight: bold;
	color: #e60012;
	text-indent: -2em;
	padding-left: 2em;
	display: block;
	margin-bottom: 0.5em;
}
.cmn-txt .list-num > .box-num > .box-mid > .parts-num{
	display: inline-block;
	width: 2em;
	text-indent: 0;
}
.cmn-txt .list-num > .box-num > .box-txt{
	display: block;
	padding-left: 2em;
}
.cmn-txt .list-num > .box-num > .box-txt > .box-mid{
	display: block;
	padding-top: 1em;
}
.cmn-txt .list-num > .box-num > .box-txt > .box-num .box-mid{
	display: block;
	padding-top: 1em;
}
.cmn-txt .list-num > .box-num > .box-att{
	display: block;
	padding-left: 2em;
	font-size: 1.2rem;
	margin-top: 0.5em;
}
/*====================================
list-circle(exception)
====================================*/
.cmn-txt .list-num > .box-num > .list-circle{
	padding-left: 2em;
}
/*====================================
list-circle
====================================*/
.cmn-txt .list-circle{
	display: block;
}
.cmn-txt .list-circle > li{
	position: relative;
	padding-left: 10px;
	display: block;
}
.cmn-txt .list-circle > li::before{
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0.5em;
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	background: #000000;
	border-radius: 50%;
}
.cmn-txt .box-txt + .list-num .box-txt + .list-circle{
	margin-top: 0.5em;
}
/*====================================
list-num
====================================*/
.cmn-txt .box-txt + .wrap-num {
	margin-top: 2em;
}
.cmn-txt .wrap-num > li{
	margin-left: 2em;
	padding: 40px;
	background: #dcdddd;
}
.cmn-txt .wrap-num > li > .box-mid{
	display: flex;
	margin-bottom: 0.5em;
}
.cmn-txt .wrap-num > li > .box-mid .parts-num{
	display: inline-block;
	width: 2em;
}
.cmn-txt .wrap-num > li > .box-mid .parts-num + .parts-tit{
	width: calc( 100% - 2em );
}
.cmn-txt .wrap-num > li + li{
	margin-top: 2em;
}
.cmn-txt .wrap-num > li > .box-txt,
.cmn-txt .wrap-num > li > .list-circle{
	display: block;
	padding-left: 2em;
}

.cmn-txt .wrap-num > li > .wrap-info{
	display: block;
	margin-left: 2em;
}
.cmn-txt .wrap-num > li > .wrap-info > .box-mid{
	display: block;
	font-weight: bold;
	margin-top: 2em;
}
.cmn-txt .wrap-num > li > .wrap-info > .box-txt + .box-mid{
}

.cmn-txt .list-num > .box-num > .box-txt + .wrap-table{
	margin-left: 2em;
}
.cmn-txt .list-num > .box-num > .box-txt + .wrap-table{
	margin-top: 2em;
}
.cmn-txt .wrap-table{
	border-bottom: 1px solid #A5A5A6;
}
.cmn-txt .wrap-table > .list-box{
	display: flex;
	align-items: center;
	border-top: 1px solid #A5A5A6;
}
.cmn-txt .wrap-table > .list-box > li.box-th{
	display: flex;
	justify-content: space-between;
	font-size: 1.4rem;
	padding: 1em 0;
	width: 18em;
	color: #5A5A5A;
	margin-right: 20px;
	font-weight: bold;
}
.cmn-txt .wrap-table > .list-box > li.box-td{
	font-size: 1.4rem;
	padding: 1em 0px;
	width: calc( 100% - 18em - 20px );
	line-height: 200%;
}
@media (max-width: 750px) {
	.cmn-txt .wrap-table > .list-box > li.box-th{
		font-size: 1.0rem;
		padding: 20px 10px;
		width: 9em;
		margin-right: 20px;
	}
	.cmn-txt .wrap-table > .list-box > li.box-td{
		font-size: 1.0rem;
		padding: 20px 0px;
		width: calc( 100% - 9em - 20px );
	}
}