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


#wrap .sec00 .inner { background: url(../img/mv.jpg) no-repeat top center/cover;}
#navi ul.h_menu > li:nth-child(4) { border-bottom: solid 2px #e62334;}


/*============================================================================
		section sec
============================================================================*/

.in_wrap section.sec 	.inner{
	max-width: 1200px;
}

.sec h3 {
	font-size: 30px;
	line-height: 140%;
	text-align: center;
	color: #e62334;
	margin-bottom: 40px;
	font-weight: bold;
}

@media screen and (max-width: 750px) {

	.sec h3 {
		font-size: 26px;
		margin-bottom: 25px;
	}

	body { margin-bottom: 70px;}

}

/*============================================================================
		section sec01
============================================================================*/

.sec01 { margin-bottom: 120px;}

.in_wrap section.sec01 .inner {
	max-width: 1000px;
	text-align: center;
}


@media screen and (min-width: 751px) {

	.in_wrap section.sec01 .inner {
		font-size: 16px;
		line-height: 28px;
		padding-bottom: 50px;
		position: relative;
	}

	.sec01 .inner p {
		max-width: 680px;
		width: 77%;
		margin: 0 auto;
	}

	.in_wrap section.sec01 .inner::before,
	.in_wrap section.sec01 .inner::after {
		content: "";
		position: absolute;
		top: 32%;
		height: 0;
		z-index: -1;
	}

	.in_wrap section.sec01 .inner::before {
		max-width: 98px;
		width: 18%;
		left: 0;
		padding-top: 15.1%;
		background: url(../img/icon_01.png) no-repeat center/contain;
	}

	.in_wrap section.sec01 .inner::after {
		max-width: 83px;
		width: 18%;
		right: 0;
		padding-top: 12%;
		background: url(../img/icon_02.png) no-repeat center/contain;
	}

}

@media screen and (max-width: 750px) {

	.in_wrap section.sec01 { margin-bottom: 70px;}

}

/*============================================================================
		section sec02
============================================================================*/

.sec02 { margin-bottom: 200px;}

@media screen and (max-width: 750px) {

	.sec02 { margin-bottom: 70px;}

}

/*============================================================================
		section sec03
============================================================================*/

.sec03 {
	padding: 110px 0 120px;
	margin-bottom: 120px;
	background-color: #fff4ea;
}

.sec03 .inner {
	max-width: 100%;
}

@media screen and (min-width: 751px) {


}

@media screen and (max-width: 750px) {

	.sec03 {
		padding: 60px 0;
		margin-bottom: 70px;
	}

}

/*============================================================================
		section sec04
============================================================================*/


.sec04 { margin-bottom: 120px;}

.in_wrap section.sec04 .inner{
	max-width: 1200px;
	width: calc(100% - 40px);
}
.sec04 .inner01 { margin-bottom: 120px;}

.sec04 table {
	overflow: hidden;
	width: 100%;
	font-weight: 500;
	margin-bottom: 60px;
}

.in_wrap section.sec04 .inner > a {
	width: 350px;
	font-size: 18px;
	color: #fff;
	height: 76px;
	line-height: 76px;
	text-align: center;
	border-radius: 10px;
	background: url(../../img/common/icon_bl.jpg) #e62334 no-repeat center right 45px;
	display: block;
	margin: 0 auto;
}

@media screen and (min-width: 751px) {

	/* .sec04 table tr th {
		max-width: 264px;
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 0;
    text-align: left;
    margin-top: -14px;
    padding-left: 3%;
    width: 22%;
    box-sizing: border-box;
	}

	.sec04 table tr td {
		float: right;
    width: 78%;
    padding-left: 10px;
    padding: 30px 0 30px 3%;
		box-sizing: border-box;
		background: #fff;
		border-left: solid 1px #8d8d8d;
	} */

}

@media screen and (max-width: 750px) {

	.sec04 { margin: 60px auto 70px;}

	.sec04 .inner01 { margin-bottom: 60px;	}

	.sec04 ul {	margin-bottom: 50px;}
	.sec04 table tr {
		padding: 15px 15px;
		display: block;
		background-color: #fff;
	}

	.sec04 table tr th {
		text-align: left;
		margin-bottom: 3px;
		display: block;
		font-weight: bold;
		width: 100%;
	}

	.sec04 table tr td {
		font-size: 15px;
	    line-height: 24px;
	}

	.in_wrap section.sec04 .inner > a {
		width: 280px;
		font-size: 16px;
		height: 55px;
		line-height: 55px;
		border-radius: 7px;
		background: url(../../img/common/icon_bl.jpg) #e62334 no-repeat center right 12%/5%;
	}

}

/*============================================================================
		section fl_bnr
============================================================================*/

.fl_bnr {
	max-width: 76px;
    height: 351px;
    position: fixed;
    top: 35%;
    right: 0;
    z-index: 2;
}

.fl_bnr a { display: block;}

@media screen and (min-width: 751px) {


}

@media screen and (max-width: 750px) {

	.fl_bnr {
		max-width: 100%;
		width: 100%;
		height: 70px;
		top: auto;
		bottom: 0;
		right: 0;
		background-color: #c50505;
	}

	.fl_bnr a {
		max-width: 300px;
		height: 100%;
		width: 66.9%;
		margin: 0 auto;
		background: url(../img/sp/fl_bnr.jpg) center/contain no-repeat;
	}

}