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

/* common */
.blog-land-cmn__list {
    display: flex;
    flex-wrap: wrap;
}
.blog-land-cmn__list .img {
	margin-bottom: 40px;
}
.blog-land-cmn__list .img img {
	width: 100%;
}
.blog-land-cmn__list .info {
	padding-left: 10px;
}
.blog-land-cmn__list .info h3 {
	font-size: var(--base-fontM25-size);
}
.blog-land-cmn__list .info h3:after {
    content: '';
    display: block;
    max-width: 232px;
    height: 5px;
    margin-top: 10px;
    background: var(--base-color1);
}
.blog-land-cmn__list .info p {
	margin-top: 10px;
}


.blog-land-2col__list {
	margin-top: -50px;
}
.blog-land-2col__list >li {
	width: 48%;
	margin: 50px 0 0 4%;
}
.blog-land-2col__list >li:nth-child(2n+1) {
	margin-left: 0;
}

.blog-land-3col__list {
	margin-top: -50px;
}
.blog-land-3col__list >li {
	width: 32%;
	margin: 50px 0 0 2%;
}
.blog-land-3col__list >li:nth-child(3n+1) {
	margin-left: 0;
}

@media (max-width: 815px) {

	.blog-land-cmn__list .img {
		margin-bottom: 10px;
	}

	.blog-land-3col__list >li {
		width: 48%;
		margin: 50px 0 0 4%;
	}
	.blog-land-3col__list >li:nth-child(3n+1) {
		margin: 50px 0 0 4%;
	}
	.blog-land-3col__list >li:nth-child(2n+1) {
		margin-left: 0;
	}


}



/*----------------------------*/

/* blog-land-nav */
#blog-land-nav {
	margin-top: 2px;
	padding: 0;
}
.blog-land-nav__list {
	display: flex;
	justify-content: space-between;
	border-radius: 0 0 50px 50px;
	background: #fff;
}
.blog-land-nav__list > li {
	width: 15%;
	text-align:center;
}
.blog-land-nav__list > li a {
	display: block;
	padding: 40px 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.blog-land-nav__list > li:hover a,
.blog-land-nav__list > li.active a {
	background: var(--base-color6);
}
.b-l-n__ja {
	color: var(--base-color2);
	font-size: var(--base-fontM30-size);
}
.b-l-n__en {
	color: var(--base-color1);
	font-size: var(--base-fontS-size);
}

@media (max-width: 815px) {

	.blog-land-nav__list {
		border-radius: 0;
		background: none;
		display: block;
	}
	.blog-land-nav__list > li {
		width: 100%;
		margin-top: 2px;
	}
	.blog-land-nav__list > li a {
		padding: 10px;
    background: #fff;
		border-radius: 10px;
	}

}


/* blog-land-outline */
.blog-land-outline__title {
	margin-bottom: 20px;
}
.blog-land-outline__title h2,
.blog-land-outline__title .detail_name {
	font-size: var(--base-fontL-size);
	text-align: center;
}
.blog-land-outline__title h2::after,
.blog-land-outline__title .detail_name::after {
    content: '';
    display: block;
    width: 232px;
    height: 5px;
    margin: 30px auto 0;
    background: var(--base-color1);
}
.blog-land-outline__title p {
    display: table;
    margin: 20px auto 0;
}
.blog-land-outline__desc {
    display: table;
    padding: 30px 60px;
    background: #fff;
    margin: auto;
}
.blog-land-outline__desc .attention {
	color: red;
	border: 1px solid red;
	padding: 8px;
	font-size: 16px;
	text-align: center;
	margin-bottom: 24px;
}
.blog-land-outline__desc p {
	line-height: 1.5;
}
.blog-land-outline__desc p:not(:last-of-type) {
	margin-bottom: 1em;
}

@media (max-width: 815px) {

	.blog-land-outline__desc {
		padding: 30px;
	}

}


/* blog-land-gallery */
#blog-land-gallery {
	overflow: hidden;
}
.blog-land-gallery__slide .slider-main {
	overflow: visible;
}
.blog-land-gallery__slide .slider-main .swiper-slide {
    filter: grayscale(100%);
}
.blog-land-gallery__slide .swiper-button-next,
.blog-land-gallery__slide .swiper-button-prev {
    color: var(--base-color6);
    width: 108px;
    height: 108px;
	margin-top: -55px;
    background: #fff;
    border: solid 2px var(--base-color6);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.blog-land-gallery__slide .swiper-button-next:hover,
.blog-land-gallery__slide .swiper-button-prev:hover {
    background: var(--base-color6);
    color: var(--base-color1);
}
.blog-land-gallery__slide .swiper-button-next {
	right: -55px;
}
.blog-land-gallery__slide .swiper-button-prev {
	left: -55px;
}
.blog-land-gallery__slide .slider-thumbnail-wrap {
    position: relative;
}
.blog-land-gallery__slide .slider-thumbnail .swiper-slide {
	opacity: 0.3;
}

.blog-land-gallery__slide .slider-main .swiper-slide-active {
    filter: grayscale(0);
}
.blog-land-gallery__slide .slider-thumbnail .swiper-slide-active {
	opacity: 1;
}

@media (max-width: 815px) {

	.blog-land-gallery__slide .swiper-button-next,
	.blog-land-gallery__slide .swiper-button-prev {
		width: 40px;
		height: 40px;
		top: 65%;
	}
	.blog-land-gallery__slide .swiper-button-prev {
		left: -15px;
	}
	.blog-land-gallery__slide .swiper-button-next {
		right: -15px;
	}
	.blog-land-gallery__slide .swiper-button-prev:after,
	.blog-land-gallery__slide .swiper-button-next:after {
		font-size: 20px;
	}
	.blog-land-gallery__slide .slider-thumbnail-wrap .swiper-button-prev,
	.blog-land-gallery__slide .slider-thumbnail-wrap .swiper-button-next {
		display:none;
	}

}





/* blog-land-environment */
.blog-land-environment__map {
    margin-bottom: 80px;
}
.blog-land-environment__map p {
    text-align: center;
    margin-bottom: 50px;
}
.blog-land-environment__list {
    display: flex;
    flex-wrap: wrap;
	margin-top: -50px;
}
.blog-land-environment__list >li {
	width: 32%;
	margin: 50px 0 0 2%;
	text-align:center;
}
.blog-land-environment__list >li:nth-child(3n+1) {
	margin-left: 0;
}
.blog-land-environment__list >li .img {
	margin-bottom: 10px;
}
.blog-land-environment__list >li .info {
}
.blog-land-environment__list >li .info .icon {
	margin-bottom: 10px;
}
.blog-land-environment__list >li .info h3 {
	font-size: var(--base-fontM25-size);
	font-weight: 500;
}
.blog-land-environment__list >li .info p {
}


@media (max-width: 815px) {

	.blog-land-environment__list >li {
		width: 48%;
		margin: 50px 0 0 4%;
		text-align:center;
	}
	.blog-land-environment__list >li:nth-child(3n+1) {
		margin: 50px 0 0 4%;
	}
	.blog-land-environment__list >li:nth-child(2n+1) {
		margin-left: 0;
	}
	.blog-land-environment__list >li .info .icon img {
		width: 30px;
	}


}




/* blog-land-information */
.blog-land-information__table {
    border-collapse: collapse;
    width: 100%;
}
.blog-land-information__table th {
    font-size: var(--base-fontM25-size);
    font-weight: 500;
    width: 25%;
    padding: 20px 5%;
    vertical-align: top;
    border-bottom: solid 1px var(--base-color5);
}
.blog-land-information__table th span {
    display: inline-block;
    width: 100%;
    padding: 5px 0 7px;
    color: #fff;
    background: var(--base-color1);
    border-radius: 1000px;
}
.blog-land-information__table td {
    font-size: var(--base-fontM22-size);
    border-bottom: solid 1px var(--base-color5);
    padding: 20px 0;
    width: 25%;
}
.blog-land-information__table .border-l {
    border-left: solid 1px var(--base-color5);
}

.blog-land-information__btns {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 120px;
}
.blog-land-information__btns__list {
	width: 49%;
	margin-top: -25px;
}
.blog-land-information__btns__list > li{
    font-size: var(--base-fontM22-size);
	margin-bottom: 25px;
}
.blog-land-information__btns__list > li a{
	display: flex;
    align-items: center;
	padding: 30px;
	color: #fff;
	background: #009A28;
}
.blog-land-information__btns__list > li a i.arrow {
	margin-left: auto;
}
.blog-land-information__btns__list.green > li a i.arrow {
	background: #fff;
}
.blog-land-information__btns__list.green > li a i.arrow:after {
	border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}
.blog-land-information__btns__list.orange > li a{
	color: #fff;
	background: #FF8A00;
}



@media (max-width: 815px) {

	.blog-land-information__table th {
		padding: 20px 2%;
	}
	.blog-land-information__btns {
		display: block;
		margin-top: 70px;
	}
	.blog-land-information__btns__list {
		width: 100%;
		margin-top: 0;
	}

}
/* */
@media (max-width: 815px) {
}

/* */
@media (max-width: 815px) {
}