.top-title{
	position: relative;
	height: 74.3vw;
	max-height: 1070px;
	margin-top: -80px;
	overflow: hidden;
}
#wrap .top-title .inner{
	position: relative;
	max-width: 1250px;
	margin: 0 auto 0;
	z-index: 5;
	text-align: center;
}
.top-title:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background: url(../img/bg_title_btm.png) no-repeat center bottom;
	background-size: cover;
}
.top-title h1{
	margin: 10px 0 18px;
	padding-top: 200px;
	font-family: 'A-OTF A1 Mincho Std', serif;
	font-size: 59px;
	font-weight: bold;
	line-height: 1.2;
}
.top-title h1 span{
	font-size: 95px;
	}

.top-title p{
	margin-top: 0;
	font-size: 14px;
	line-height: 2.3;
}
#wrap .top-title .mv{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#wrap .top-title .mv li p {
	position: relative;
	margin-top: 114px;
	padding-top: 200px;
	text-align: center;
	z-index: 2;
}
#wrap .top-title .mv li img {
	position: absolute;
	top: 0;
}
#wrap .top-title .mv li{
	width: 100%;
	height: 100%;
}
#wrap .top-title .mv li.slick-slide{
	transform: scale(1);
}
#wrap .top-title .mv img{
	max-height: 1070px;
	width: 100%;
    object-fit: cover;
}

#wrap #service{
	margin-top: -60px;
	padding-top: 120px;
}

/*MV仮対応
.top-title{
	background: url(../img/top/bg_title.jpg) no-repeat center top;
	background-size: cover;
}
.top-title .mv {
	display: none;
}

@media screen and (max-width: 750px) {
	.top-title{
		background: url(../img/top/bg_title_sp.jpg) no-repeat center top;
		background-size: contain;
	}
}
/*MV仮対応*/



.contents p{
	font-size: 14px;
}

.top-info {
	position: relative;
	display: flex;
	width: 100%;
	min-height: 98px;
	margin-top: 50px;
	margin-bottom: 30px;
	padding: 20px;
	border: 3px solid #D13F70;
	border-radius: 20px;
	box-sizing: border-box;
}

.top-info + .btnRight{
	margin-bottom: 110px;
}
.top-info + .btnRight a{
	padding: 0 40px 0 25px;
}
.top-info h2{
	margin-right: 40px;
	 color: #D13F70;
	font-size: 18px;
	font-weight: bold;
	white-space: nowrap;
}
.top-info p{
	position: relative;
	padding-left: 120px;
	font-size: 16px;
	font-weight: bold;
}
.top-info p+ p{
	margin-top: 10px;
}
.top-info .date{
	position: absolute;
	top: 0;
	left: 0;
	margin-right: 20px;
	 color: #D13F70;
}
.top-info .category{
	position: absolute;
	top: 3px;
	left: 98px;
	width: 100px;
	margin-right: 20px;
	background: #D13F70;
	border-radius: 13px;
	text-align: center;
	color: #fff;
   font-size: 14px;
   font-weight: bold;
   line-height: 25px;
}
.top-info .il01{
	position: absolute;
	bottom: -250px;
	left: 0;
	padding: 0;
}

.top-ttl{
	text-align: center;
	font-size: 40px;
	font-weight: normal;
}
.top-box1 {
	position: relative;
	min-height: 690px;
	margin-top: 80px;
	padding-left: 630px;
}
.top-box1::before {
	position: absolute;
    content: "";
    bottom: -300px;
    right: 0;
    left: 120px;
    width: 481px;
    height: 481px;
    margin: 0 auto;
    background: url(../img/top/bg_top05.png) no-repeat;
}
.top-box1 .img {
	position: absolute;
	top: 0;
	left: 0;
}
.top-box1 h3 {
	margin-bottom: 30px;
	color: #D13F70;
   font-size: 24px;
   font-weight: bold;
}
.top-box1 h3 .large{
	padding-right: 20px;
	font-family: 'A-OTF A1 Mincho Std', serif;
	font-size: 87px;
	font-weight: bold;
}
.top-box1 h3 .large span{
	font-size: 48px;
}
.top-box1 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 40px;
}
.top-box1 li {
	margin-top: 20px;
}
.top-box1 li a {
	position: relative;
	display: flex;
	align-items: center;
	width: 275px;
	height: 50px;
	padding: 0 40px 0 12px;
	border: 1px solid #D13F70;
	border-radius: 25px;
	color: #D13F70;
   font-size: 14px;
   font-weight: bold;
   box-sizing: border-box;
}
.top-box1 li a::before {
    position: absolute;
    content: "";
    top: 0;
	bottom: 0;
    right: 20px;
    width: 6px;
    height: 6px;
	margin: auto 0;
    border-top: 0.125rem solid #D13F70;
    border-right: 0.125rem solid #D13F70;
    transform: rotate(45deg);
}
.top-box1 li a .ico{
	display: inline-block;
	width: 32px;
	margin-left: -2px;
	margin-right: 6px;
	text-align: center;
	vertical-align: text-top;
}
.top-box1 li a .ico img{
	max-height: 36px;
}
.top-box1 h4 {
	position: relative;
	margin: 46px 0 0;
	color: #D13F70;
   font-size: 16px;
   font-weight: bold;
}
.top-box1 h4 img {
	max-width: 24px;
	vertical-align: text-bottom;
}
.top-box1 h4 + ul{
	padding-top: 0;
}
.top-box1 .il02{
	position: absolute;
	bottom: -100px;
	right: 0;
	z-index: 5;
}

.top-box2 {
	position: relative;
	min-height: 690px;
	margin-top: 160px;
	padding-right: 630px;
}
.top-box2::before {
	position: absolute;
    content: "";
    bottom: -300px;
    left: 300px;
    width: 421px;
    height: 421px;
    background: url(../img/top/bg_top06.png) no-repeat;
}
.top-box2 .img {
	position: absolute;
	top: 0;
	right: 0;
}
.top-box2 h3 {
	margin-bottom: 30px;
	color: #2D8542;
   font-size: 24px;
   font-weight: bold;
}
.top-box2 h3 .large{
	padding-right: 20px;
	font-family: 'A-OTF A1 Mincho Std', serif;
	font-size: 87px;
	font-weight: bold;
}
.top-box2 h3 .large span.large2{
	font-size: 57px;
}
.top-box2 h3 .large span{
	font-size: 41px;
}
.top-box2 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 34px;
}
.top-box2 li {
	margin-top: 20px;
}
.top-box2 li a {
	position: relative;
	display: flex;
	align-items: center;
	width: 275px;
	height: 50px;
	padding: 0 40px 0 12px;
	border: 1px solid #2D8542;
	border-radius: 25px;
	color: #2D8542;
   font-size: 14px;
   line-height: 1.5;
   font-weight: bold;
   box-sizing: border-box;
}
.top-box2 li a::before {
    position: absolute;
    content: "";
    top: 0;
	bottom: 0;
    right: 20px;
    width: 6px;
    height: 6px;
	margin: auto 0;
    border-top: 0.125rem solid #2D8542;
    border-right: 0.125rem solid #2D8542;
    transform: rotate(45deg);
}
.top-box2 li a .ico{
	display: inline-block;
	width: 32px;
	margin-left: -2px;
	margin-right: 6px;
	text-align: center;
	vertical-align: text-top;
}
.top-box2 li a .ico img{
	max-height: 26px;
}
.top-box2 li:nth-child(1) a .ico img{
	max-height: 34px;
}
.top-box2 li:nth-child(3) a .ico img{
	max-height: 36px;
}
.top-box2 h4 + ul{
	padding: 0;
}
.top-box2 h4 {
	margin-top: 40px;
	color: #2D8542;
   font-size: 16px;
   font-weight: bold;
}
.top-box2 .best h4 {
	color: #2D8542;
   font-size: 18px;
   font-weight: bold;
}
.top-box2 h4 img {
	max-width: 24px;
}
.top-box2 .best h4 img{
	max-width: 34px;
}
.top-box2 .best ul {
	padding-top: 10px;
}
.top-box2 .best li {
	margin-top: 10px;
}
.top-box2 .best li a {
	padding-right: 30px;
	background: #2D8542;
	border-radius: 25px;
	color: #fff;
   font-size: 14px;
   font-weight: bold;
}
.top-box2 .best li span {
	font-size: 33px;
}
.top-box2 .best li a .ico{
	width: auto;
	margin: 0 10px;
	font-size: 14px;
}
.top-box2 .best li:nth-child(1) a .ico img{
	max-width: 33px;
	max-height: inherit;
}
.top-box2 .best li:nth-child(2) a .ico img{
	max-width: 28px;
	max-height: inherit;
}
.top-box2 .best li:nth-child(3) a .ico img{
	max-width: 37px;
	max-height: inherit;
}
.top-box2 .best li a::before {
    border-top: 0.125rem solid #fff;
    border-right: 0.125rem solid #fff;
}
.top-box2 .il03{
	position: absolute;
	bottom: -220px;
	left: 220px;
	z-index: 5;
}

.top-box3{
	position: relative;
	min-height: 690px;
	margin-top: 165px;
	padding-left: 630px;
	z-index: 5;
}
.top-box3::before {
	position: absolute;
    content: "";
    bottom: -240px;
    right: -100px;
    width: 632px;
    height: 632px;
    background: url(../img/top/bg_top07.png) no-repeat;
}
.top-box3 .img {
	position: absolute;
	top: 0;
	left: 0;
}
.top-box3 h3 {
	margin-bottom: 30px;
	color: #337AB5;
   font-size: 36px;
   font-weight: bold;
}
.top-box3 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 40px;
}
.top-box3 li {
	margin-top: 20px;
}
.top-box3 li a {
	position: relative;
	display: flex;
	align-items: center;
	width: 275px;
	height: 50px;
	padding: 0 40px 0 12px;
	border: 1px solid #337AB5;
	border-radius: 25px;
	color: #337AB5;
   font-size: 14px;
   font-weight: bold;
   box-sizing: border-box;
}
.top-box3 li a::before {
    position: absolute;
    content: "";
    top: 0;
	bottom: 0;
    right: 20px;
    width: 6px;
    height: 6px;
	margin: auto 0;
    border-top: 0.125rem solid #337AB5;
    border-right: 0.125rem solid #337AB5;
    transform: rotate(45deg);
}
.top-box3 li a .ico{
	display: inline-block;
	width: 32px;
	margin-left: -2px;
	margin-right: 6px;
	text-align: center;
	vertical-align: text-top;
}
.top-box3 li:nth-child(1) a .ico img{
	max-width: 23px;
}
.top-box3 li:nth-child(3) a .ico img{
	max-width: 23px;
}
.top-box3 h4 {
	margin: 46px 0 0;
	color: #D13F70;
   font-size: 16px;
   font-weight: bold;
}
.top-box3 h4 img {
	vertical-align: text-bottom;
}
.top-box3 h4 + ul{
	padding-top: 0;
}
.top-box3 .il04{
	position: absolute;
	bottom: -90px;
	right: 0;
	z-index: 5;
}

.top-box4  {
	position: relative;
	margin: 50px 0 0;
	padding: 150px 0 200px;
	background: url(../img/top/bg_back1.jpg) no-repeat center 40px;
	background-size: cover;
	z-index: 12;
}
.top-box4:before{
    display: block;
    content: '';
    position: absolute;
    top: 0;
	width: 100%;
	height: 40px;
	background: url(../img/top/bg_back1_top.png) no-repeat center top;
	background-size: cover;
}
.top-box4:after{
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
	width: 100%;
	height: 36px;
	background: url(../img/bg_back6.png) no-repeat center bottom;
	background-size: cover;
}
@media screen and (min-width: 1440px) {
	.top-box4:after,.top-box6:after{
		height: 50px;
	}
}
.top-box4 .area {
	position: relative;
	width: 994px;
	height: 440px;
	margin: 110px auto 0;
	background: url(../img/top/bg_top01.png) no-repeat 0 40px;
}
.top-box4 .area h3 {
	position: relative;
	width: 442px;
	text-align: center;
	padding-top: 80px;
   font-size: 24px;
   font-weight: 500;
}
.top-box4 .area h3 img {
	position: absolute;
	top: 2px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.top-box4 .area ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 280px;
	margin: 0 0 0 72px;
	padding-top: 20px;
}
.top-box4 .area li {
	width: 130px;
	margin: 20px 0 0;
   font-size: 14px;
   font-weight: 500;
}
.top-box4 .map {
	position: absolute;
	top: 30px;
	left: 480px;
}
.top-box4 .map .bg {
	position: absolute;
	top: 10px;
	left: 73px;
	width: 240px;
	height: 186px;
	padding: 50px 64px;
	background: url(../img/top/bg_top02.png) no-repeat center top;
	box-sizing: border-box;
}
.top-box4 .map p {
	text-align: center;
   font-size: 24px;
   font-weight: 500;
   line-height: 1.3;
}
.top-box4 .map p .num {
	float: left;
	margin-top: -10px;
	color: #D13F70;
	font-size: 52px;
	font-weight: bold;
	line-height: 1.3;
}
.top-box4 .map p .txt {
	font-size: 16px;
}
.top-box4 .map p .color {
	display: block;
	margin: 7px 0 -10px;
	color: #337AB5;
}

.top-box5 {
	margin-top: -80px;
	padding-top: 260px;
	background: url(../img/top/bg_top03.png) no-repeat;
	z-index: 5;
}
.top-box5::before {
	position: absolute;
    content: "";
    bottom: -290px;
    right: -40px;
    width: 434px;
    height: 434px;
    background: url(../img/top/bg_top08.png) no-repeat;
}
.top-box5 .slide {
	margin: 70px -30px 0;
}
.top-box5 .slide .slick-slide {
	position: relative;
	width: 353px;
	margin: 0 30px;
	line-height: 1.5;
}
.top-box5 .slide .slick-slide:nth-child(2n-1) {
	margin-top: 110px;
}
.top-box5 .slick-initialized .slick-slide{
    transform: scale(1);
}
.top-box5 .slick-slide img{
	display: inline-block;
	margin-bottom: 10px;
	border-radius: 25px;
}
.top-box5 .slide .slick-slide .category{
	position: absolute;
	top: 0;
	left: -40px;
	border-radius: o;
}
.top-box5 .il05{
	position: absolute;
	top: 70px;
	left: 0;
	z-index: 5;
}
.top-box5 .il06{
	position: absolute;
	bottom: -220px;
	right: 0;
	z-index: 5;
}

.top-box6 {
	position: relative;
	margin: 100px 0 0;
	padding: 160px 0 160px;
	background: url(../img/top/bg_back1.jpg) no-repeat center 40px;
	background-size: cover;
}
.top-box6:before{
    display: block;
    content: '';
    position: absolute;
    top: 0;
	width: 100%;
	height: 40px;
	background: url(../img/top/bg_back1_top.png) no-repeat center top;
	background-size: cover;
}
.top-box6:after{
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
	width: 100%;
	height: 36px;
	background: url(../img/bg_back6.png) no-repeat center bottom;
	background-size: cover;
}
.top-box6 .m-info{
	max-width: 1000px;
	margin: 80px auto 0;
	padding: 60px 30px 1px;
	background: rgb(255,255,255,0.49);
	border-radius: 30px;
	box-sizing: border-box;
}
.top-box6 .m-info dl{
	margin: 0 auto;
}
.top-box6 .m-info dd{
	padding-left: 110px;
}

.top-box6 .m-info dd .category{
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
	width: auto;
	padding: 0 10px;
	margin: 0 5px 10px 0;
}
.top-box6 .btnArw{
	max-width: 1000px;
	margin: 20px auto 0;
}
.top-box6 .btnArw a{
	width: auto;
	padding: 0 40px 0 25px;
}
.top-box6 .il07{
	position: absolute;
	bottom: -220px;
	left: 0;
	z-index: 5;
}

.top-box7 {
	position: relative;
	margin: -36px 0 0;
	padding-top: 220px;
	background: url(../img/top/bg_top04.png) no-repeat center top;
	overflow: hidden;
}
@media screen and (min-width: 1440px) {
.top-box7 {
	margin: -38px 0 0;
}
}
.top-box7 .slide {
	margin:  0 -14px;
}
.top-box7 .slide .slick-slide {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 353px;
	margin: 0 14px;
	line-height: 1.5;
	transform:scale(1);
	overflow: hidden;
}
.top-box7 .slick-dots{
	display: none !important;
}

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

.top-title h1{
	padding-top: 12.88vw;
	font-size: 4.916vw;
}
.top-title h1 span{
	font-size: 7.916vw;
}
.top-title p{
	font-size: 14px;
}
#wrap .top-title .mv li p{
	padding-top: 12.88vw;
}


.top-info .il01{
	width: 200px;
	bottom: -200px;
}

.top-box1,
.top-box3{
	padding-left: 40.5vw;
}
.top-box1{
	padding-bottom: 150px;
}
.top-box3 .img,
.top-box2 .img,
.top-box1 .img{
	width: 38.33vw;
}
.top-box1 h3 br,
.top-box2 h3 br{
	display: block;
}

.top-box2{
	padding-right: 40.5vw;
}
.top-box1 li,
.top-box2 li,
.top-box3 li{
	width: 48%;
}
.top-box1 li a,
.top-box2 li a,
.top-box3 li a{
	width: 100%;
	line-height: 1.5;
}

}


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

	.top-title{
		margin-top: 0;
	}
	.top-title h1,
	#wrap .top-title .mv li p {
        padding-top: 10.88vw;
    }
	
}

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

.top-title{
position: relative;
height: auto;
margin-top: 10.66vw;
overflow: visible;
}
#wrap .top-title .inner{
	width: 100%;
}
.top-title:after{
    bottom: inherit;
    top: 143.2vw;
    margin-top: -38px;
    background: url(../img/bg_title_btm.png) no-repeat center bottom;
    background-size: contain;
}
.top-title h1{
	position: absolute;
	top: 18.66vw;
	left: 0;
	right: 0;
	padding: 0;
	width: 207px;
	height: 91px;
	margin: 0 auto;
	background: url(../img/top/title_sp.png) no-repeat center top;
	background-size: cover;
	font-size: 0;
}
.top-title h1 img{
	display: none;
}
.top-title h1 span{
	font-size: 0;
}
.top-title p{
	width: 85.333vw;
	margin: 20px auto 0;
	font-size: 14px;
	line-height: 2.0;
}
#wrap .top-title .mv{
	position: relative;
}
#wrap .top-title .mv img{
	position: absolute;
	top: 0;
}
#wrap .top-title .mv li{
	padding-top: 143.2vw;
}
#wrap .top-title .mv li p{
	position: relative;
	padding-top: 0;
	margin: 20px auto 40px;
	z-index: 2;

}

.top-info{
	display: block;
	margin-top: 0;
	margin-bottom: 20px;
	padding: 15px;
	border: 2px solid #D13F70;
	overflow: hidden;
}
.top-info h2{
	float: left;
	width: 4em;
	margin-right: 15px;
	font-size: 14px;
	text-align: center;
	white-space: normal;
}
.top-info div{
	margin-left: 70px;
	margin-top: -10px;
}
.top-info p{
	padding: 2em 0 0 0;
	font-size: 14px;
}
.top-info .category{
	left: 6em;
	width: auto;
	padding: 0 8px;
	font-size: 14px;
	white-space: nowrap;
}
.top-info .il01{
	left: -10px;
	bottom: -120px;
	width: 90px;
}

.top-info + .btnRight a{
	padding: 0 20px 0 10px;
}

.top-ttl{
	font-size: 28px;
}

.top-box3 .img,
.top-box2 .img,
.top-box1 .img{
	width: 100%;
}

.top-box1{
	margin-top: 60px;
	padding: 0;
}
.top-box1::before{
	bottom: -150px;
	width: 240px;
	height: 240px;
	background-size: cover;
}
.top-box1 h3{
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
	padding-top: 83vw;
	font-size: 14px;
}
.top-box1 h3 .large{
	display: inline-block;
	height: 80px;
	margin-bottom: 15px;
	padding-right: 20px;
	background: #fff;
	border-radius: 0 20px 0 0;
	font-size: 54px;
	margin-left: -1px;
}
.top-box1 h3 .large span{
	font-size: 31px;
}
.top-box1 ul {
	padding-top: 16px;
}
.top-box1 li{
	margin-top: 14px;
}
.top-box1 p{
	font-size: 14px;
}
.top-box1 li a{
	width: 41.06vw;
	padding-right: 15px;
	font-size: 14px;
	line-height: 1.4;
}
.top-box1 li a::before{
	right: 10px;
	width: 3px;
	height: 3px;
    border-top: 1px solid #D13F70;
    border-right: 1px solid #D13F70;
}
.top-box1 h4{
	margin-top: 20px;
	font-size: 14px;
}
.top-box1 .il02{
	bottom: -50px;
	width: 120px;
}

.top-box2{
	margin-top: 60px;
	padding: 0;
}
.top-box2::before{
	bottom: -200px;
	left: 100px;
	width: 210px;
	height: 210px;
	background-size: cover;
}
.top-box2 h3{
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
	padding-top: 83vw;
	font-size: 14px;
}
.top-box2 h3 .large{
	display: inline-block;
	height: 80px;
	margin-bottom: 15px;
	padding-right: 20px;
	background: #fff;
	border-radius: 0 20px 0 0;
	font-size: 54px;
	margin-left: -1px;
}
.top-box2 h3 .large span.large2{
	top: 0;
	font-size: 36px;
}
.top-box2 h3 .large span{
	position: relative;
	font-size: 26px;
	top: 5px;
}
.top-box2 ul{
	padding-top: 16px;
}
.top-box2 li{
	margin-top: 14px;
}
.top-box2 p{
	font-size: 14px;
}
.top-box2 li a{
	width: 41.06vw;
	padding-right: 20px;
	font-size: 14px;
	line-height: 1.4;
}
.top-box2 li.cddvd a{
	font-size: 11px;
}
.top-box2 li a::before{
	right: 10px;
	width: 3px;
	height: 3px;
    border-top: 1px solid #2D8542;
    border-right: 1px solid #2D8542;
}
.top-box2 h4{
	margin-top: 20px;
	font-size: 14px;
}
.top-box2 .best h4{
	margin-top: 10px;
	font-size: 14px;
}
.top-box2 .best li a::before {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}
.top-box2 .best li a{
	padding-right: 10px;
	font-size: 14px;
	line-height: 1.4;
}
.top-box2 .best li span{
	font-size: 20px;
}
.top-box2 .best li a .ico{
	width: 20px;
}
.top-box2 .best li:nth-child(1) a .ico img,
.top-box2 .best li:nth-child(2) a .ico img,
.top-box2 .best li:nth-child(3) a .ico img{
	max-width: 100%;
}
.top-box2 .il03{
	bottom: -110px;
	left: 40px;
	width: 120px;
}

.top-box3{
	min-height: 1em;
	margin-top: 100px;
	padding: 0;
}
.top-box3 h3{
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
	padding-top: 75vw;
	font-size: 16px;
}
.top-box3 h3 span{
	display: inline-block;
	height: 44px;
	padding: 10px 20px 0 0;
	background: #fff;
	border-radius: 0 20px 0 0;
	font-size: 14px;
	box-sizing: border-box;
}
.top-box3 h3 .large span{
	font-size: 30px;
}
.top-box3 p{
	font-size: 14px;
}
.top-box3 ul{
	padding-top: 16px;
}
.top-box3 li{
	margin-top: 14px;
}
.top-box3 li a{
	width: 41.06vw;
	padding-right: 20px;
	font-size: 14px;
	line-height: 1.4;
}
.top-box3 li a::before{
	right: 10px;
	width: 3px;
	height: 3px;
    border-top: 1px solid #337AB5;
    border-right: 1px solid #337AB5;
}
.top-box3::before,
.top-box3 .il04{
	display: none;
}

.top-box4{
	padding-top: 80px;
	padding-bottom: 150px;
	background: url(../img/bg_back1_sp.jpg) no-repeat center 20px;
	background-size: cover;
}
.top-box4:before{
	background: url(../img/bg_back1_sp_top.png) no-repeat center top;
	background-size: contain;
}
.top-box4:after{
	background: url(../img/bg_back6_sp.png) no-repeat center bottom;
	background-size: contain;
}
.top-box4 .area{
	width: auto;
	margin-top: 30px;
	background: none;
}
.top-box4 .area h3{
	font-size: 17px;
}
.top-box4 .map{
	position: relative;
	top: 0;
	left: 0;
}
.top-box4 .map p{
	font-size: 14px;
}
.top-box4 .map .bg{
	position: absolute;
	top: 20px;
	left: 35px;
	width: 120px;
	background-size: contain;
	font-size: 14px;
	padding: 26px 20px 0 25px;
}
.top-box4 .map p .num{
	font-size: 31px;
	margin-top: -5px;
}
.top-box4 .map p .txt{
	font-size: 14px;
}
.top-box4 .map p .color{
	margin: 1px 0 -5px;
}
.top-box4 .areabg{
	width: 270px;
	height: 260px;
	margin: 0 auto;
	background: url(../img/top/bg_top09.png) no-repeat center top;
	border-radius: 20px;
}
.top-box4 .area h3{
	width: auto;
	padding-top: 30px;
}
.top-box4 .area h3 img{
	width: 40px;
	top: -32px;
}
.top-box4 .area ul{
	width: 204px;
	margin: 0 auto;
	padding-top: 5px;
}
.top-box4 .area ul li{
	width: 96px;
	margin-top: 15px;
}

.top-box5{
	padding-top: 170px;
	background-size: 217px auto;
	background-position: 0 50px;
}
.top-box5::before{
	bottom: -170px;
	width: 217px;
	height: 217px;
	background-size: contain;
}
.top-box5 .slide{
	width: 64vw;
	margin: 40px auto;
}
.top-box5 .slide .slick-slide{
	margin: 0 5.333vw;
	font-size: 14px;
}
.top-box5 .slide .slick-slide .category{
	left: -5.333vw;
	width: 5.333vw;
}
.top-box5 .slide .slick-slide:nth-child(2n-1){
	margin-top: 13.333vw;
}
.top-box6 .btnArw{
	margin: 30px auto 0;
}
.top-box6 .btnArw a{
	padding: 0 20px 0 10px;
}
.top-box5 .il05,
.top-box5 .il06,
.top-box6 .il07{
	display: none;
}

.top-box6{
	margin-top: 50px;
	padding-top: 80px;
	padding-bottom: 80px;
	background: url(../img/bg_back1_sp.jpg) no-repeat center 20px;
	background-size: cover;
}
.top-box6:before{
	background: url(../img/bg_back1_sp_top.png) no-repeat center top;
	background-size: contain;
}
.top-box6:after{
	background: url(../img/bg_back6_sp.png) no-repeat center bottom;
	background-size: contain;
}
.top-box6 .m-info{
	margin-top: 30px;
	padding: 36px 30px 1px;
}
.top-box6 .m-info dd{
	padding-left: 0;
}

.top-box7 {
	padding-top: 85px;
	background: url(../img/top/bg_top04.png) no-repeat 0 top;
	background-size: contain;
	margin-top: -2.1vw;
}
.top-box7 .slide{
	width: 90%;
	margin: 0 auto;
	padding-bottom: 0;
}

}