.top-info{ margin: 34px 0; }
.top-info .flex{ display: flex; justify-content: space-between; margin-bottom: 56px; }
.top-info .flex .left{ width: 370px; background: #e9e6e4; border-radius: 5px; overflow: hidden; }
.top-info .flex .left table{ width: 100%; table-layout: fixed; position: relative; }
.top-info .flex .left table:after{
	content: '';
	width: calc( 100% - 36px );
	background: #dad5d1;
	position: absolute;
	bottom: 40px;
	left: 18px;
}
.top-info .flex .left table th{
	background: #f4a799;
	font-size: 13px;
	color: #fff;
	height: 40px;
	vertical-align: middle;
	text-align: center;
	letter-spacing: 0;
	border: 1px solid #595959;
}
.top-info .flex .left table td{
	font-size: 13px;
	color: #462e1b;
	height: 20px;
	vertical-align: middle;
	text-align: center;
	letter-spacing: 0;
	border: 1px solid #595959;
}
.top-info .flex .left table th:first-of-type{ font-weight: 500; }
.top-info .flex .left table th:first-of-type,
.top-info .flex .left table td:first-of-type{ width: 120px; padding-left: 18px; text-align: left; }
.top-info .flex .left table th:last-of-type,
.top-info .flex .left table td:last-of-type{ width: 68px; padding-right: 18px; }
.top-info .flex .left table + ul{ padding: 10px 18px 20px; }
.top-info .flex .left table + ul li{ font-size: 12px; font-weight: 300; color: #af8c0f; }
.top-info .flex .left table + ul li:first-of-type{ color: #462e1b; }
.top-info .flex .right{ width: 410px; background: #e9e6e4; border-radius: 5px; overflow: hidden; }
.top-info .flex .right h2{
	background: #f4a799;
	color: #fff;
	font-size: 13px;
	height: 40px;
	font-weight: 500;
	display: flex;
	align-items: center;
	padding: 0 18px;
}
.top-info .flex .right .inner{ padding: 0 18px; }
.top-info .flex .right .row{ display: flex; justify-content: space-between; }
.top-info .flex .right .row ul{ padding-top: 13px; }
.top-info .flex .right .row ul li{ font-size: 13px; color: #462e1b; font-weight: 300; }
.top-info .flex .right .row dl{width: 276px;margin: -10px -8px 0 105px;}
.top-info .flex .right .row dl dt{
	background: #5fb2ff;
	color: #fff;
	font-size: 10px;
	font-weight: 500;
	display: table;
	padding: 10px 6px;
	border-radius: 5px;
	margin: -155px 0 0 -111px;
	position: relative;
}
.top-info .flex .right .row dl dt span{font-size: 1.2em;border-bottom: 2px solid #47c3c3;padding: 10px 0 2px; display: inline-block; margin-bottom: 6px;}
.top-info .flex .right .row + p{
	font-size: 12px;
	font-weight: 500;
	color: #af8c0f;
	text-align: right;
	margin-top: 8px;
}
.top-info .flex .right,
.top-info .flex .left{ padding-bottom: 80px; position: relative; }
.top-info .flex .right .btn,
.top-info .flex .left .btn{
	width: calc(100% - 36px);
	height: 50px;
	background: #fff;
	border-radius: 5px;
	display: flex;
	font-weight: 500;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 20px;
	left: 18px;
	box-shadow: 0px 0px 8px 2px rgba(0,0,0,.1);
} 
.top-info .flex .right .btn:after,
.top-info .flex .left .btn:after{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 7px 7px;
	border-color: transparent transparent #462e1b transparent;
	position: absolute;
	bottom: 6px;
	right: 6px;
}
.top-info .wrap:nth-of-type(2) h2{ font-size: 13px; font-weight: 500; color: #462e1b; margin-bottom: 10px; }
.top-info .wrap:nth-of-type(2) article h3{
	font-size: 13px;
	font-weight: 300; 
	color: #fff;
	background: #3ebf96 ;
	padding: 10px;
	margin-bottom: 14px;
}
.top-info .wrap:nth-of-type(2) article h3 span{ margin-right: 1em; }

.future .wrap{ width: 900px; }
.future h2{
	font-size: 28px;
	text-align: center;
	color: #462e1b;
	position: relative;
    padding-bottom: 10px;
    margin-bottom: 12px;
}
.future h2:after{
	content: '';
	width: 1px;
	height: 30px;
	background: #462e1b;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.future h2 strong{ font-size: 100px; font-style: italic; }
.future h2 + p{ font-weight: 300; text-align: center; color: #462e1b; margin-bottom: 56px; }
.future ul li{ background: #5fb2ff; margin-bottom: 40px; position: relative; border-radius: 5px; }　
.future ul li:nth-of-type(odd){ transform: skewX(0deg); }
.future ul li:nth-of-type(odd) .inner{ transform: skewX(18deg); }
.future ul li:nth-of-type(odd):before{
	content: '';
	width: 50vw;
	height: 100%;
	background: #5fb2ff;
	position: absolute;
	top: 0;
	left: calc(-50vw + 440px);
	transform: skewX(0deg);
}
.future ul li:nth-of-type(odd):after{
	content: '';
	width: 100%;
	height: 100%;
	background: #5fb2ff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	border-radius: 5px;
}
.future ul li .shadow{
	width: 37vw;
	height: 100%;
	background: #e9e6e4;
	position: absolute;
	top: 20px;
	z-index: -1;
	border-radius: 5px;
}
.future ul li:nth-of-type(even) .shadow{ left: calc(-55vw + 450px); }
.future ul li:nth-of-type(odd) .shadow{ right: calc(-55vw + 450px); }
.future ul li:nth-of-type(even){ transform: skewX(18deg); }
.future ul li:nth-of-type(even) .inner{ transform: skewX(-18deg); }
.future ul li:nth-of-type(even):before{
	content: '';
	width: 50vw;
	height: 100%;
	background: #3ebf96;　
	position: absolute;
	top: 0;
	transform: skewX(-18deg);
	right: calc(-50vw + 440px);
}
.future ul li:nth-of-type(even):after{
	content: '';
	width: 100%;
	height: 100%;
	background: #5fb2ff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1; 
	border-radius: 5px;
}
.future ul li .inner{
	display: flex;	
	width: 800px;
	margin: 0 auto;
	position: relative;
	align-items: center;
	justify-content: space-between;
}
.future ul li:nth-of-type(even){ margin-left: auto; }
.future ul li h3,
.future ul li .inner h3{ font-size: 22px; color: #fff; margin-right: 50px; }
.future ul li h3 strong{ font-size: 100px; vertical-align: middle; font-style: italic; }
.future ul li p{
	font-size: 17px;
	color: #fff;
	font-weight: 500;
	width: 360px;
	position: relative;
}
.future ul li p:after{
	content: '';
	width: 51px;
	height: 8px;
	background: url(../images/common/arrow01.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.future ul li a{ 
	display: flex;
	width: 250px;
	height: 70px;
	background: #fff;
	color: #462e1b;
	font-weight: 500;
	border-radius: 5px;
	justify-content: center;
	align-items: center;
	position: relative;
	box-shadow: 0px 0px 8px 2px rgba(0,0,0,.1);
 }
.future ul li a:after{
	content: '';
	border-style: solid;
	border-width: 0 0 7px 7px;
	border-color: transparent transparent #462e1b transparent;
	position: absolute;
	bottom: 6px;
	right: 6px;
}
.future ul + p{
	font-size: 18px;
	color: #462e1b;
	text-align: center;
	font-weight: 500;
	margin: 80px 0 40px;
}
.btn-list{
	display: flex;
	justify-content: space-between;
	/** width: 620px; **/
	margin: 0 auto -8px;
}
.btn-list a.btn{
	width: 290px;
	height: 70px;
	background: #f7c6bd;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	border-radius: 5px;
	box-shadow: 0px 0px 8px 2px rgba(0,0,0,.2);
	position: relative;
}
.btn-list a.btn:after{
	content: '';
	border-style: solid;
    border-width: 0 0 7px 7px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    bottom: 6px;
    right: 6px;
}	

.news_area p{
	line-height: 1.8;
}


.tuika-mongon{
    width: 800px;
    margin: 27px auto 0px;
    border-top: 1px solid #462e1b;
    border-bottom: 1px solid #462e1b;
    background: #e9e6e4;
    margin-bottom: 25px;
    padding: 10px 20px;
    box-sizing: border-box;
}
.tuika-mongon p{
    line-height: 1.8;
	margin-bottom: 15px;
}

.tuika-mongon p:last-child{
	margin-bottom: 0;
}
.tuika-mongon span{
    color: #af8c0f;
}

.tuika-mongon2{
    width: 800px;
    margin: 56px auto 0px;
    border-bottom: 1px solid #462e1b;
    background: #e9e6e4;
    margin-bottom: 25px;
    padding: 0;
    box-sizing: border-box;
	border-radius: 10px 10px 0 0;
}

.tuika-mongon2 h2 {
	background: #3ebf96;
    color: white;
    padding: 10px 0 10px 10px;
    border-radius: 10px 10px 10px 10px;
}

.tuika-mongon2 p{
    line-height: 1.8;
	margin-bottom: 15px;
}

.tuika-mongon2 p:last-child{
	margin-bottom: 0;
}
.tuika-mongon2 span{
    color: #af8c0f;
}

.tuika-mongon2 div.content {
    padding: 10px 20px;
}

.mt30{
    margin-top: 30px;
}

a.btn_sub{
	width: 320px;
    height: 52px;
	background: #462E1B;
    margin: 22px auto;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    border-radius: 5px;
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,.2);
    position: relative;
}
a.btn_sub:after{
	content: '';
    border-style: solid;
    border-width: 0 0 7px 7px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    bottom: 6px;
    right: 6px;
}
@media (max-width: 768px){
a.btn_sub{
	width: 100%;
    height: 55px;
	background: #462E1B;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    border-radius: 1vw;
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,.2);
    position: relative;
}
a.btn_sub:after{
	content: '';
    border-style: solid;
    border-width: 0 0 7px 7px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    bottom: 6px;
    right: 6px;
}
}