@charset "utf-8";
/*----------------------------------------------------------------------------------
--------------------------------全デバイス共通---------------------------------------
----------------------------------------------------------------------------------*/
#mv_section{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
#mv_section > .leftbox{width: 16.666%;}
#mv_section > .rightbox{
	width: 81.66%;
	box-sizing: border-box;
	padding-right: 2%;
	margin-top: 20px;
}
#mv_section .conditions{
	text-align: right;
	margin-bottom: 10px;
}
#mv_section .conditions a{
	font-size: 1.3rem;
	font-weight: 500;
	color: #ec0303;
}

#mv_section #mv_box{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
#mv_section #mv_box .leftbox{
	position: relative;
	width: 76.38%;
	margin-top: -10px;
}
#mv_section #mv_box .thumb-item-nav{margin-bottom: 5px;}
#mv_section #mv_box .thumb-item-nav li{padding-bottom: 10px;}
#mv_section #mv_box .thumb-item-nav li a{
	position: relative;
	display: block;
	width: 95%;
	margin:0 auto;
	background-color: #7d7676;
	border-radius: 4px;
	text-align: center;
	line-height: 1;
	font-size: 1.3rem;
	padding: 14px 0.1em;
	color: #fff;
	font-weight: 500;
}
#mv_section #mv_box .thumb-item-nav li a::after{
	content: " ";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 8px 0 8px;
	border-color: #ec0303 transparent transparent transparent;
	bottom: -10px;
	left: 50%;
	margin-left: -8px;
	transition: .4s;
	opacity: 0;
}
#mv_section #mv_box .thumb-item-nav li.slick-current a{background-color: #ec0303;}
#mv_section #mv_box .thumb-item-nav li.slick-current a::after{opacity: 1;}

#mv_section #mv_box #main_mv{
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 20px;
}
#mv_section #mv_box #sub_mv ul li a{
	display: block;
	padding: 0 2.5%;
}
#mv_section #mv_box .rightbox{width: 21.52%;}
#mv_section #mv_box .rightbox #important_box{
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #fff;
	box-shadow: 0 0 4px rgba(0,0,0,.2);
	overflow: hidden;
	margin-bottom: 5px;
}
#mv_section #mv_box .rightbox #important_box h2{
	background-color: #ec0303;
	background-repeat: no-repeat;
	background-size: auto 48%;
	background-position: 94% center;
	background-image: url("../images/top/important_icon.png");
	color: #fff;
	font-size: 1.5rem;
	letter-spacing: 0.05em;
	line-height: 1.3;
	padding: 15px 10% 15px 5%;
	font-weight: 500;
}
#mv_section #mv_box .rightbox #important_box ul{
	padding: 15px 7%;
	color: #615757;
	font-size: 1.45rem;
}
#mv_section #mv_box .rightbox #important_box ul li:not(:last-child){
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: solid 1px #ddd;
}
#mv_section #mv_box .rightbox #important_box ul li a{
	display: block;
	line-height: 1.3;
	font-weight: 500;
}
#mv_section #mv_box .rightbox #joshin_point_box{
	background-color: #fff;
	box-shadow: 0 0 4px rgba(0,0,0,.2);
	border-radius: 6px;
	overflow: hidden;
	margin-top: 15px;
	padding: 15px;
}
#mv_section #mv_box .rightbox #joshin_point_box ul li:nth-child(3),
#mv_section #mv_box .rightbox #joshin_point_box ul li:nth-child(4),
#mv_section #mv_box .rightbox #joshin_point_box ul li:nth-child(5){border-bottom: solid 1px #ddd;}
.thumb-item,
.thumb-item-nav{
	opacity: 0;
	transition: opacity .3s linear;
}
.thumb-item.slick-initialized,
.thumb-item-nav.slick-initialized{opacity: 1;}

#content_section{
	/*max-width: 1680px;
	padding: 0 5%;*/
	box-sizing: border-box;
	padding: 0 2%;
	margin: 70px auto 150px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
/*#content_section > .leftbox{width: 73.17%;}
#content_section > .rightbox{width: 21.95%;}*/

#content_section > .leftbox{width: 78%;}
#content_section > .rightbox{width: 18%;}
#content_section #section1{padding: 50px 0 60px;}
#content_section #section2,
#content_section #section3{padding-bottom: 60px;}
#content_section #sidebannerarea li{margin-bottom: 20px;}
#content_section #sidebannerarea li a{
	display: block;
	border: solid 1px #d5d5d2;
}
#content_section #staffreport_box{margin: 70px 0 80px;}
#content_section #staffreport_box ul li:not(:last-child){border-bottom: solid 1px #ddd;}
#content_section #staffreport_box ul li a{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0;
}
#content_section #staffreport_box ul li a .leftbox,
#content_section #staffreport_box ul li a .rightbox{transition: .4s;}
#content_section #staffreport_box ul li a .leftbox{width: 38%;}
#content_section #staffreport_box ul li a .rightbox{
	width: 56%;
	line-height: 1.3;
	font-size: 1.45rem;
	font-weight: 500;
	letter-spacing: 0;
}
#content_section #staffreport_box ul li a .rightbox i{
	display: block;
	font-size: 1.3rem;
	font-weight: 300;
	color: #615757;
	margin-bottom: 5px;
}
#content_section #service_box ul{padding-top: 20px;}
#content_section #service_box ul li{margin-bottom: 20px;}
#content_section #service_box ul li a{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: center;
	padding: 20px 4%;
	background-color: #fffcd9;
	border: solid 1px #e0dca8;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
}
#content_section #service_box ul li a::before,
#content_section #service_box ul li a::after{
	content: " ";
	position: absolute;
}
#content_section #service_box ul li a::before{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 26px 26px;
	border-color: transparent transparent #ec0303 transparent;
	bottom: 0;
	right: 0;
}
#content_section #service_box ul li a::after{
	border-top: 1.5px solid #fff;
	border-right: 1.5px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 4px;
	height: 4px;
	bottom: 5px;
	right: 6px;
}
#content_section #service_box ul li a .leftbox{width: 32%;}
#content_section #service_box ul li a .rightbox{
	width: 64%;
	color: #615757;
	font-size: 1.3rem;
	letter-spacing: 0;
	line-height: 1.3;
}
#content_section #service_box ul li a .rightbox i{
	display: block;
	color: #250505;
	font-size: 1.45rem;
	font-weight: 500;
	margin-bottom: 5px;
}
/*----------------------------------------------------------------------------------
PCのみ
----------------------------------------------------------------------------------*/
@media screen and (min-width:1001px){
	#mv_section .conditions a:hover{text-decoration: underline;}
	#mv_section #mv_box #main_mv a:hover,
	#mv_section #mv_box #sub_mv ul li a:hover,
	#mv_section #joshin_point_box ul li a:hover,
	#content_section #sidebannerarea li a:hover,
	#content_section #staffreport_box ul li a:hover .leftbox,
	#content_section #service_box ul li a:hover{opacity: .65;}
	#mv_section #mv_box .rightbox #important_box ul li a:hover{text-decoration: underline;color: #ec0303;}
	#content_section #staffreport_box ul li a:hover .rightbox{color: #ec0303;}


}
/*----------------------------------------------------------------------------------
タブレット・SP
----------------------------------------------------------------------------------*/
@media screen and (max-width:1000px){
	#mv_section > .rightbox{
		width: 100%;
		padding-right: 0;
		margin-top: 0;
	}
	#mv_section .conditions{display: none;}

	#mv_section #mv_box{display: block;}
	#mv_section #mv_box .leftbox{
		width: 100%;
		margin-top: 0;
	}
	#mv_section #mv_box .thumb-item-nav{display: none;}
	#mv_section #mv_box #main_mv{
		border-radius: 0;
		margin-bottom: 15px;
	}
	#mv_section #mv_box .rightbox{
		width: 90%;
		margin: 20px auto 0;
	}
	#mv_section #mv_box .rightbox #important_box{margin-bottom: 5px;}
	#mv_section #mv_box .rightbox #important_box h2{
		font-size: 1.4rem;
		letter-spacing: 0;
		padding: 13px 10% 13px 5%;
	}
	#mv_section #mv_box .rightbox #important_box ul{font-size: 1.275rem;}
	#mv_section #mv_box .rightbox #joshin_point_box{display: none;}
	
	
	#content_section{
		padding: 0;
		margin: 20px auto 80px;
		display: block;
	}
	#content_section > .leftbox,
	#content_section > .rightbox{
		width: 90%;
		margin: 0 auto;
	}
	#content_section > .leftbox{margin-bottom: 50px;}
	#content_section #section1{padding: 30px 0;}
	#content_section #section2,
	#content_section #section3{padding-bottom: 30px;}
	#content_section #sidebannerarea{display: none;}
	#content_section #staffreport_box{margin: 20px 0 40px;}
	#content_section #staffreport_box ul li:not(:last-child){border-bottom: none;}
	#content_section #staffreport_box ul{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap:nowrap;
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
		width: 105%;
		position: relative;
	}
	#content_section #staffreport_box ul li{flex: 0 0 45%;}
	#content_section #staffreport_box ul li a{
		display: block;
		padding: 0 4% 10px;
	}
	#content_section #staffreport_box ul li a .leftbox,
	#content_section #staffreport_box ul li a .rightbox{
		display: block;
		width: 100%;
		font-size: 1.3rem;
		line-height: 1.4;
	}
	#content_section #staffreport_box ul li a .rightbox i{
		font-size: 1.2rem;
		margin-top: 15px;
	}
	#content_section #service_box ul{padding-top: 0;}
	#content_section #service_box ul li{margin-bottom: 15px;}
	#content_section #service_box ul li a .leftbox{width: 26%;}
	#content_section #service_box ul li a .rightbox{
		width: 67%;
		color: #615757;
		font-size: 1.275rem;
	}
	#content_section #service_box ul li a .rightbox i{font-size: 1.325rem;}
	.sp_sidebanner_area{
		margin: 40px auto 60px;
		width: 110%;
		margin-left: -5%;
		background-color: #f2eeee;
		box-sizing: border-box;
		padding: 20px 5%;
	}
	.sp_sidebanner_area ul{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}
	.sp_sidebanner_area ul li{
		width: 48.5%;
		margin: 7px 0;
	}

}
/*----------------------------------------------------------------------------------
タブレット
----------------------------------------------------------------------------------*/
@media screen and (max-width:1000px) and (min-width:641px){
	#content_section #staffreport_box ul li{flex: 0 0 22%;}
	.sp_sidebanner_area ul li{width: 32.33%;}
	#content_section #service_box ul{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}
	#content_section #service_box ul li{width: 48.5%;}

}
/*----------------------------------------------------------------------------------
SP
----------------------------------------------------------------------------------*/
@media screen and (max-width:640px){
	


}