@charset "UTF-8";

.layer_rich_main{background: url(../img/main_img_pc.webp) no-repeat center center;}

.contents_tit span{font-size:24px;}
.textLink{text-align:center;margin:20px auto 0;background: #00468C;padding: 10px 20px;width: fit-content;border:1px solid #00468C;border-radius: 8px;}
a .textLink{color:#fff;}
.textLink:hover{background: #f7f7f7;border:1px solid #00468C;}
a .textLink:hover{color:#00468C;}

#town01 figure{max-width:1920px;margin:0 auto;}
#town01 h3 + p{text-align: center;margin-top: 25px;line-height: 1.8;}
#town02 figure{max-width:1920px;margin:0 auto;}
#town02 h3 + p{text-align: center;margin-top: 25px;line-height: 1.8;}
#town02 .landplan_img{margin-top: 40px;padding:0 10%;}



@media screen and (max-width: 768px) {
.layer_rich_main{background: url(../img/main_img_sp.webp) no-repeat center center/contain;}
.contents_tit span{font-size:16px;}
.textLink{margin:20px auto;}

#town01 h3{font-size: 18px;}
#town01 h3 + p{text-align: left;margin-top: 15px;line-height: 1.5;}
#town02 h3{font-size: 18px;}
#town02 h3 + p{text-align: left;margin-top: 15px;line-height: 1.5;}

.swipe_wrap{margin: 0 -20px;width: calc(100% + 40px);overflow-x: scroll;padding: 0 20px;}
.swipe_wrap img{max-width: none;height: 370px;}
.swipe{background-color: rgba(239,239,239,0.85);padding: 1.5vw 0;text-align: center;position: absolute;z-index: 1;left: 0;right: 0; top: 50%;transform: translateY(-50%);margin: 0 auto; width: 230px;transition: 0.2s all;}
.swipe span::before{content: "";display: inline-block;width: 40px;height: 32px;background: url("../img/swipe.svg") no-repeat center center/contain;vertical-align: -0.7em;margin-right: 5px;}
.swipe.hide{opacity: 0;}

}