/*TOPページ*/
#cnt-top{
    margin-left: 80px;
    width: calc(100% - 80px);
    height: calc(80vh - 80px);
    position: relative;
    display: flex;
    align-items: center;
}
#cnt-top .image-top{
    width: 80%;
    height: 100%;
    position: relative;
}
#cnt-top .image-top .image-box{
	width: 100%;
    height: 100%;
	display: block;
}
#cnt-top .image-top .image{
    width: 100%;
    height: 100%;
    position: relative;
}
#cnt-top .image-top .image:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
	z-index: 1;
}
#cnt-top .image-top .image1{
    background: url(../img/top1.jpg) center / cover no-repeat;
}
#cnt-top .cap-box{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
}
#cnt-top .cap-box h2{
	width: 900px;
	margin: 0 auto;
}
#cnt-top .cap-box h2 span.copy{
	font-size: 21px;
    margin-top: 28px;
    text-align: center;
    display: block;
    color: #fff;
    font-weight: normal;
    letter-spacing: .15em;
	opacity: 0;
}
#cnt-top .cap-box h2 span.copy span{
	opacity: 0;
}
#cnt-top .cap-box h2 img{
	margin-left: -100px;
}
#cnt-top .title-box{
    margin: 0 auto;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    display: inline-block;
	font-size: 1.7vw;
    letter-spacing: .15em;
	font-weight: 700;
}
#cnt-top .title-box span.en-copy{
	font-weight: normal;
	font-family:  YuMincho,"游明朝", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", Honoka, Meiryo, "メイリオ", serif;
	display: block;
	font-size: 1rem;
    letter-spacing: .1em;
}
#cnt-top:after {
    content: "";
    position: absolute;
    background: url(../img/back-image1.gif) top / 100% no-repeat;
    right: 5px;
    bottom: 50px;
    width: 200px;
    height: 300px;
    z-index: -1;
    opacity: 0;
    transition: opacity 1s;
}
#cnt-top.in:after {
    opacity: 1;
}




#cnt1,
#cnt2,
#cnt3,
#cnt4,
#cnt4{
    width: 100%;
    position: relative;
}
#cnt1:before{
	content: "";
    position: absolute;
    background: url(../img/back-image2.gif) top / 100% no-repeat;
    right: -50px;
    top: 50px;
    width: 40%;
    height: 100%;
    z-index: -1;
}
#cnt1 .area-box{
	width: 1100px;
	margin: 0 auto;
	display: flex;
	padding: 0 0 0 50px;
}
#cnt1 .area-box .text-box,
#cnt2 .area-box .text-box{
    width: 50%;
    position: relative;
}
#cnt1 .text-box .title-box{
	position: relative;
	width: 100%;
	padding-top: 100px;
}
#cnt1 .text-box:after{
    content: "";
    position: absolute;
    top: 0;
    right: -100px;
    width: 200px;
    height: 300px;
    z-index: -2;
	background: url(../img/back-image3.jpg) bottom / 100% no-repeat;
}
.text-box .title-box h2{
	font-size: 2em;
	letter-spacing: .1em;
    line-height: 1.3;
	color: #fff;
	font-weight: normal;
}
.text-box .title-box h2 span.h2-1,
.text-box .title-box h2 span.h2-2{
	display: table;
	padding: 15px 30px;
}
.text-box .title-box h2 span.h2-1{
	background: #00aabf;
    font-size: 1.35rem;
    padding: 11px 15px;
	transform: translateY(7px);
}
.text-box .title-box h2 span.h2-2{
	background: #5bbb74;
	margin-top: 0;
    margin-left: 15px;
}
#cnt1 .text-box .text,
#cnt2 .text-box .text,
#cnt4 .text-box .text{
	position: relative;
	padding: 60px 0 0 15px;
	font-size: 1.2em;
	line-height: 2.2em;
}
#cnt1 .text-box .text h3,
#cnt2 .text-box .text h3,
#cnt3 .area-box h3,
#cnt4 .area-box h3{
    font-size: 1.7rem;
    margin-bottom: 30px;
	font-weight: normal;
}
#cnt1 .image-box{
    width: calc(50% - 50px);
    position: relative;
    margin-top: 280px;
    margin-left: auto;
    background: url(../img/image1.jpg) center / cover no-repeat;
} 
#cnt1 .image-box .title{
    position: absolute;
    left: 20px;
    top: 20px;
    color: #fff;
    background: #5bbb74;
    font-family: "Barlow","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
    padding: 2px 8px;
}

#cnt2:after{
	content: "";
    position: absolute;
    background: url(../img/back-image4.jpg) bottom / 100% no-repeat;
    left: 0;
    bottom: 0;
    width: 28%;
    max-width: 630px;
    height: 200%;
    z-index: -1;
}
#cnt2 .area-box{
	width: 1100px;
	margin: 150px auto 0;
	display: flex;
	padding: 0 0 0 50px;
}
#cnt2 .area-box .link-box{
	margin-top: 30px;
}
#cnt2 .image-box{
    width: calc(50% - 50px);
    position: relative;
    margin-top: 200px;
    margin-left: auto;
}
#cnt2 .image-box .image1{
    position: relative;
    width: 80%;
    height: 250px;
	margin-left: auto;
    background: url(../img/image2.jpg) center / cover no-repeat;
}
#cnt2 .image-box .image2{
    width: 80%;
    height: 250px;
	margin-top: -10px;
    background: url(../img/image3.jpg) center / cover no-repeat;
}
#cnt2 .image-box  .image1 .title{
    position: absolute;
    left: 20px;
    top: 20px;
    color: #fff;
    background: #5bbb74;
    font-family: "Barlow","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
    padding: 2px 8px;
}

#cnt3 .area-box{
	width: 1100px;
	margin: 0 auto;
	padding: 150px 0 0 50px;
	display: flex;
    flex-wrap: wrap;
	position: relative;
}
#cnt3 .area-box .text-box{
    display: flex;
    align-items: center;
    width: 100%;
    padding-right: 200px;
    position: relative;
}
#cnt3 .area-box .text-box:before{
    content: "";
    position: absolute;
    background: url(../img/back-image6_1.gif) top / 100% no-repeat;
    right: 0;
    top: 100px;
    width: 420px;
    height: 350px;
    z-index: -1;
}
#cnt3 .area-box .text-box .icn-box{
    width: 200px;
    margin-left: auto;
}
#cnt3 .area-box .text-box .icn-box img{
    width: 100%;
}
#cnt3 .area-box h3,
#cnt3 .area-box ul{
    width: 100%;
    line-height: 1.4;
}
#cnt3 .area-box ul{
    position: relative;
    padding-right: 200px;
}
#cnt3 .area-box ul:before{
    content: "";
    position: absolute;
    background: url(../img/back-image6_2.gif) top / 100% no-repeat;
    right: 5px;
    top: 90px;
    width: 120px;
    height: 350px;
    z-index: -1;
}
#cnt3 .area-box ul:after{
    content: "";
    position: absolute;
    background: url(../img/back-image6_3.gif) bottom / 100% no-repeat;
    right: 5px;
    bottom: 0;
    width: 120px;
    height: 350px;
    z-index: -1;
}
#cnt3 .area-box ul li{
	padding: 25px 15px;
    border-top: 2px dotted #c1ddbc;
    font-size: 1.2em;
    display: flex;
}
#cnt3 .area-box ul li:last-child{
    font-weight: normal;
    font-size: 1em;
}
#cnt3 .area-box ul li span{
    display: block;
    margin-right: 7px;
}

#cnt4 .area-box{
	width: 1100px;
	margin: 0 auto;
	padding: 150px 50px 0;
	position: relative;
}
#cnt4 .area-box .top-box{
	width: 1000px;
	position: relative;
}
#cnt4 .area-box .top-box:after{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 370px;
	height: 421px;
	z-index: -1;
	opacity: 0.8;
	background: url(../img/back-image6.jpg) top / 100% no-repeat;
}
#cnt4 .area-box ul{
    padding: 0 100px;
}
#cnt4 .area-box ul li{
    display: flex;
    position: relative;
    padding-left: 20px;
    margin-top: 70px;
}
#cnt4 .area-box ul li:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
}
#cnt4 .area-box ul li .data{
    position: relative;
    width: calc(100% - 90px);
    padding: 15px 15px 0;
    font-weight: 700;
}
#cnt4 .area-box ul li .icn-box{
    width: 70px;
}
#cnt4 .area-box ul li .icn-box img{
    margin-bottom: 20px;
}
#cnt4 .area-box ul li h4{
    font-size: 2em;
    letter-spacing: .05em;
}
#cnt4 .area-box ul li .data .txt{
    font-size: 1.1em;
    font-family: "Barlow","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
    padding: 25px 0 10px;
    width: 100%;
}
#cnt4 .area-box ul li .data .no-box{
    display: flex;
    font-family: "Barlow","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
    line-height: 1;
    padding-top: 15px;
}
#cnt4 .area-box ul li .data .no-box .big{
    font-size: 2.8rem;
    letter-spacing: .1em;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
#cnt4 .area-box ul li .data .no-box .big .s{
    font-size: 1rem;
    margin-right: 10px;
}
#cnt4 .area-box ul li .data .no-box span{
    display: block;
}
#cnt4 .area-box ul li .data .no-box .arrow{
    padding-right: 55px;
    margin-right: 40px;
    position: relative;
}
#cnt4 .area-box ul li .data .no-box .arrow:after{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: calc(tan(60deg) * 15px / 2);
    width: 15px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
}
#cnt4 .area-box ul li .data .no-box .arrow.a2:before{
    content: "";
    position: absolute;
    right: 0;
    top: 30%;
    transform: translateY(-50%);
    height: calc(tan(60deg) * 15px / 2);
    width: 15px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
}
#cnt4 .area-box ul li .data .no-box .arrow.a2:after{
    content: "";
    position: absolute;
    right: 0;
    top: 75%;
    transform: translateY(-50%);
    height: calc(tan(60deg) * 15px / 2);
    width: 15px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
}
#cnt4 .area-box ul li.list1:after,
#cnt4 .area-box ul li.list1 .data .no-box .arrow:after{
    background: #5da1d3;
}
#cnt4 .area-box ul li.list1 h4,
#cnt4 .area-box ul li.list1 .color{
    color: #5da1d3;
}
#cnt4 .area-box ul li.list1 .data .txt{
    border-bottom: 1px solid #a5cae7;
}
#cnt4 .area-box ul li.list2:after,
#cnt4 .area-box ul li.list2 .data .no-box .arrow:after{
    background: #de9e26;
}
#cnt4 .area-box ul li.list2 h4,
#cnt4 .area-box ul li.list2 .color{
    color: #de9e26;
}
#cnt4 .area-box ul li.list2 .data .txt{
    border-bottom: 1px solid #ecc986;
}
#cnt4 .area-box ul li.list3:after,
#cnt4 .area-box ul li.list3 .data .no-box .arrow:after{
    background: #57783c;
}
#cnt4 .area-box ul li.list3 h4,
#cnt4 .area-box ul li.list3 .color{
    color: #57783c;
}
#cnt4 .area-box ul li.list3 .data .txt{
    border-bottom: 1px solid #a2b493;
}
#cnt4 .area-box ul li.list4:after,
#cnt4 .area-box ul li.list4 .data .no-box .arrow:before,
#cnt4 .area-box ul li.list4 .data .no-box .arrow:after{
    background: #4275b5;
}
#cnt4 .area-box ul li.list4 h4,
#cnt4 .area-box ul li.list4 .color{
    color: #4275b5;
}
#cnt4 .area-box ul li.list4 .data .txt{
    border-bottom: 1px solid #96b3d6;
}
#cnt4 .area-box ul li.list5:after,
#cnt4 .area-box ul li.list5 .data .no-box .arrow:after{
    background: #64a544;
}
#cnt4 .area-box ul li.list5 h4,
#cnt4 .area-box ul li.list5 .color{
    color: #64a544;
}
#cnt4 .area-box ul li.list5 .data .txt{
    border-bottom: 1px solid #a9cd98;
}
#cnt4 .area-box ul li.list2 .data:before{
    content: "";
    position: absolute;
    background: url(../img/back-image7.jpg) bottom / 100% no-repeat;
    right: -120px;
    top: 15px;
    width: 120px;
    height: 251px;
    z-index: -1;
}
#cnt4 .area-box ul li.list3 .data:before{
    content: "";
    position: absolute;
    background: url(../img/back-image8.jpg) bottom / 100% no-repeat;
    right: -210px;
    top: -15px;
    width: 210px;
    height: 345px;
    z-index: -1;
}
#cnt4 .link-box{
    margin:70px auto 0;
}

#cnt5{
    margin: 220px 0 100px;
}
#cnt5 .text-box{
    margin: 0 auto;
    width: 1100px;
    position: relative;
}
#cnt5 .text-box::before{
    content: "";
    position: absolute;
    background: url(../img/back-image9.gif) bottom / 100% no-repeat;
    right: 5px;
    top: 15px;
    width: 242px;
    height: 89px;
    z-index: -1;
}
#cnt5 .text-box .txt{
    font-weight: 700;
    padding: 30px 0 50px 30px;
    font-size: 1.3em;
}
#cnt5 .line-image {
	width: calc(100% - 80px);
	margin-left: auto;
	background: #edecdf;
}
#cnt5 .line-image img{
	width: 1400px;
	height: auto;
	margin: 0 auto;
	transform: translateY(-30px);
}
#cnt5 .line-image.bottom img{
	transform: translateY(30px);
}
#cnt5 .area-box-bk{
	position: relative;
}
#cnt5 .area-box-bk:before{
	content: "";
	position: absolute;
	z-index: -1;
	width: calc(100% - 80px);
	left: 80px;
	height: 100%;
	background: #edecdf;
}
#cnt5 .area-box {
    padding: 80px 0 140px 80px;
}
#cnt5 .area-box ul{
	width: 1000px;
	margin: 0 auto;
	display: flex;
    flex-wrap: wrap;
	position: relative;
}
#cnt5 .area-box ul li{
	width: 50%;
	padding: 0 15px;
	margin-bottom: 30px;
}
#cnt5 .area-box ul li .image{
	position: relative;
}
#cnt5 .area-box ul li:nth-child(2n){
	transform: translateY(100px) scale(.8);
}
#cnt5 .area-box ul li.in:nth-child(2n){
	transform: translateY(100px) scale(1);
}
#cnt5 .area-box ul li .title{
	position: absolute;
	padding: 15px 30px;
	font-size: 1.1em;
	line-height: 1.3;
	left: 0;
	bottom: 0;
	background: #fff;
	font-weight: 700;
	color: #00aabf;
	display: flex;
}
#cnt5 .area-box ul li .title:after{
	content: "";
	background: #bfdebb;
	width:  calc(100% - 40px);
	height: 1px;
	position: absolute;
	left: 20px;
	bottom: 0;
}
#cnt5 .area-box ul li img{
	width: 100%;
	height: auto;
}
#cnt5 .area-box ul li .li-text-box{
	padding: 30px;
	background: #fff;
}
#cnt5 .area-box ul li .li-text-box .link-box{
	margin: 20px 0 0 auto;
}
#cnt5 .area-box .link-box{
	margin: 40px auto 0;
    padding-left: 70px;
}

/* //////////////////////////////////////////////

SP

////////////////////////////////////////////// */
@media screen and (max-width: 1300px) {
	#cnt-top .cap-box h2{
		width: 90%;
	}
}
@media screen and (max-width: 1200px) {
	#cnt-top .title-box{
		font-size: 1.8em;
	}
	#cnt1 .area-box,
	#cnt2 .area-box,
	#cnt3 .area-box,
	#cnt4 .area-box,
	#cnt5 .text-box,
	#cnt5 .area-box{
		display: block;
		width: calc(100% - 100px);
		margin-left: auto;
		margin-right: 0;
		padding: 0 50px 0 0;
	}
	#cnt1 .area-box .text-box,
	#cnt2 .area-box .text-box,
	#cnt4 .area-box .top-box,
	#cnt5 .text-box .title-box{
		width: 100%;
	}
	#cnt1 .image-box{
		width: calc(100% - 50px);
		height: 500px;
		margin-top: 50px;
	}
	#cnt1:before{
		width: 50%;
	}
	#cnt1 .text-box:after{
		top: 50%;
		right: 0;
	}
	#cnt2 .image-box{
		width: 80%;
		height: 640px;
		margin-top: 50px;
	}
	#cnt2 .image-box .image1,
	#cnt2 .image-box .image2{
		height: 320px;
	}
	#cnt3 .area-box,
	#cnt4 .area-box{
		margin-top: 150px;
	}
	#cnt3 .area-box .text-box{
		display: block;
	}
	#cnt3 .area-box .text-box .icn-box{
		margin: 30px;
	}
	#cnt4 .area-box .top-box .icn-box {
		width: 300px;
		padding-left: 0;
		position: absolute;
		right: 0;
		top: -80px;
		z-index: -1;
	}
	#cnt5 .area-box .title-box{
		writing-mode: initial;
		margin-bottom: 50px;
	}
	#cnt5 .area-box{
		padding: 70px 50px 140px;
	}
	#cnt5 .area-box ul{
		margin-left: 0;
		width: 100%;
	}
	#cnt5 .area-box ul li {
		width: 50%;
	}
	#cnt5 .area-box:after{
		top: 50px;
		height: 250px;
	}
}
@media screen and (max-width: 1000px) {
	#cnt-top{
		width: 100%;
		margin-left: 0;
	}
	#cnt-top .cap-box h2 img {
		width: 80vw;
		margin-left: -10vw;
	}
	#cnt-top .cap-box h2 span.copy {
		font-size: 2.35vw;
	}
	#cnt1 .area-box,
	#cnt2 .area-box,
	#cnt3 .area-box,
	#cnt4 .area-box,
	#cnt5 .text-box{
		width: 100%;
		padding: 0 5vw;
	}
	#cnt1 .image-box {
		width: 100%;
	}
	#cnt3 .area-box{
		width: 100%;
		padding-left: 5vw;
		padding-right: 5vw;
	}
	#cnt5 .area-box{
		width: 100%;
		padding: 100px 8vw 200px;
	}
	#cnt5 .line-image{
		width: 100vw;
	}
	#cnt5 .area-box-bk:before {
		width: 100vw;
		left: 0;
	}

}
@media screen and (max-width: 768px) {
	#cnt-top{
		display: block;
		height: 350px;
	}
	#cnt-top .image-top {
		width: 100%;
	}
	#cnt-top .cap-box h2 img {
		width: 90vw;
		margin-left: -5vw;
	}
	#cnt-top .cap-box h2 span.copy {
		font-size: 14px;
	}
	#cnt-top .title-box.fade2{
        writing-mode: initial;
        display: table;
		background: #fff;
		z-index: 1;
		position: relative;
		padding: 15px 80px 9px 36px;
		width: auto;
		font-size: 1.2em;
		letter-spacing: .05em;
        transform: translate(0,0);
    }
	#cnt-top .title-box.fade2.in{
		transform: translateY(-100%);
	}
	#cnt-top .title-box span.en-copy{
		font-size: .9rem;
	}
	#cnt-top .title-box h1{
		display: table;
		margin: 0 auto;
	}
	#cnt-top:after{
		right: 50%;
    	transform: translateX(122px);
		top: 295px;
		width: 48px;
        height: 68px;
        z-index: 1;
	}
	#cnt1 .area-box,
	#cnt3 .area-box,
	#cnt4 .area-box,
	#cnt5 .text-box {
		padding-left: 7vw;
		padding-right: 7vw;
	}
	#cnt1 .area-box .text-box{
		padding-bottom: 100px;
	}
	#cnt4 .area-box .top-box .text-box{
		padding-left: 0;
	}
	#cnt4 .area-box .top-box:after{
		opacity: 0.5;
	}
	#cnt1 .text-box .text,
	#cnt2 .text-box .text,
	#cnt4 .text-box .text{
		padding-left: 0;
		padding-top: 30px;
		line-height: 2em;
		font-size: 1.1em;
	}
	#cnt1 .text-box .title-box{
		padding-top: 50px;
	}
	#cnt1:before {
		top: initial;
		bottom: 290px;
		background: url(../img/back-image2.gif) bottom / 100% no-repeat;
		width: 80%;
		z-index: 0;
	}
	#cnt1 .text-box:after {
		top: 80px;
		right: 0;
		width: 100px;
		height: 100px;
	}
	.text-box .title-box h2{
		font-size: 1.35rem;
	}
	.text-box .title-box h2 span.h2-1,
	.text-box .title-box h2 span.h2-2{
		font-size: 1.3rem;
		padding: 15px 20px;
	}
	.text-box .title-box h2 span.h2-1{
		font-size: 1.1rem;
	}
	#cnt1 .text-box .text h3,
	#cnt2 .text-box .text h3,
	#cnt3 .area-box h3,
	#cnt4 .area-box h3{
		font-size: 1.32rem;
		line-height: 1.2;
		margin-bottom: 20px;
	}
	#cnt1 .image-box {
		width: 86vw;
		margin: 0 auto;
		height: 300px;
		margin-top: 30px;
		padding: 0 7vw;
	}
	#cnt1 .image-box .title{
		font-size: .9em;
	}
	#cnt2 .area-box {
		margin: 100px auto;
		padding: 0 7vw;
	}
	#cnt2 .area-box .text-box{
		padding: 0;
	}
	#cnt2 .image-box {
		width: 100%;
		height: 450px;
	}
	#cnt2 .image-box .image1,
	#cnt2 .image-box .image2 {
		width: 100%;
		height: 220px;
	}
	#cnt2 .image-box .image2 {
		margin-top: 10px;
	}
	#cnt2:after {
		top: -90px;
		bottom: initial;
		max-width: 58%;
		width: 58%;
		background: url(../img/back-image4.jpg) top / 100% no-repeat;
	}
	#cnt2 .image-box .image1 .title {
		font-size: 12px;
	}
	#cnt3 .area-box{
		margin-top: 100px;
	}
	#cnt3 .area-box .text-box{
		padding-right: 0;
	}
	#cnt3 .area-box .text-box .icn-box {
		margin: 30px auto;
		width: 120px;
	}
	#cnt3 .area-box ul{
		padding-right: 0;
	}
	#cnt3 .area-box ul li{
		padding: 17px 15px;
		font-size: 1em;
	}
	#cnt4 .area-box{
		margin-top: 150px;
	}
	#cnt4 .area-box .top-box .icn-box{
		top: -100px;
		width: 150px;
	}
	#cnt4 .area-box ul{
		padding: 0;
	}
	#cnt4 .area-box ul li {
		display: block;
		margin-top: 50px;
		padding: 20px 0;
	}
	#cnt4 .area-box ul li .icn-box{
		margin: 0 auto;
		display: flex;
		justify-content: center;
	}
	#cnt4 .area-box ul li .icn-box img{
		margin: 0 5px 20px;
	}
	#cnt4 .area-box ul li:after{
		width: 100%;
		height: 5px;
	}
	#cnt4 .area-box ul li .data{
		width: 100%;
		padding: 0;
	}
	#cnt4 .area-box ul li h4{
		font-size: 1.2em;
		text-align: center;
	}
	#cnt4 .area-box ul li .data .txt{
		text-align: center;
		padding: 10px 0 10px;
	}
	#cnt4 .area-box ul li .data .no-box{
		justify-content: center;
	}
	#cnt4 .area-box ul li .data .no-box .big {
		font-size: 1.8rem;
		display: block;
	}
	#cnt4 .area-box ul li .data .no-box .big.fst {
		margin-bottom: 23px;
	}
	#cnt4 .area-box ul li.list4 .color {
		margin-top: auto;
	}
	#cnt4 .area-box ul li.list2 .data:before{
		right: 0;
		top: -100px;
		width: 90px;
		height: 200px;
	}
	#cnt4 .area-box ul li.list3 .data:before{
		right: 0;
		top: -90px;
		width: 150px;
		height: 250px;
	}
	#cnt4 .link-box {
		margin: 50px auto 0;
	}
	#cnt5{
		margin: 100px 0 50px;
	}
	#cnt5 .text-box .txt{
		padding: 20px 0 30px 0;
		font-size: 1.2em;
		line-height: 1.2;
	}
	#cnt5 .area-box-bk:before {
		width: 100%;
		left: 0;
	}
	#cnt5 .area-box {
		padding: 40px 5vw 20px;
	}
	#cnt5 .area-box:after {
		top: 80px;
		width: 150px;
		height: 150px;
	}
	#cnt5 .line-image img{
		width: 100%;
		transform: translateY(0px);
	}
	#cnt5 .line-image.bottom img{
		transform: translateY(10px);
	}
	#cnt5 .area-box ul li {
		width: 100%;
		padding: 0 2vw;
	}
	#cnt5 .area-box ul li:nth-child(2n){
		transform: translateY(0) scale(.8);
	}
	#cnt5 .area-box ul li.in:nth-child(2n){
		transform: translateY(0) scale(1);
	}
	#cnt5 .area-box .link-box {
		margin: 0 0 0 2vw;
	}

}