/*===============================================
 *	パンくず
===============================================*/
#bread-box {margin: -100px auto 60px;position: relative;z-index: 10;}
#bread-box.bread-area {margin: -40px auto 60px;}
@media only screen and (max-width: 1024px) {
#bread-box {margin: -40px 0 6% 3%;width: 88%;}
}
@media only screen and (max-width: 768px) {
#bread-box {margin: -100px auto 6%;width: 84%;}
}
/*===============================================
 *	コンテンツ
===============================================*/
#second-visualcontents h1 span{max-width: 180px;}
.txtbox{max-width: 710px;}
.txtbox h3 span{color: var(--site-primary);background:linear-gradient(transparent 60%, #e7ed1c 60%);}
.subtxt p{line-height: 1.8;}
.map-img{max-width: 234px;margin: 0 auto;}
@media only screen and (max-width: 768px) {
.txtbox {max-width:60%;}
.map-img{height: fit-content;margin: 7% auto;} 
} 
    
@media only screen and (max-width: 568px) {
.txtbox {max-width:100%;}
.map-img{margin: 20px auto;}
}

/*===============================================
 *	市区町村
===============================================*/
.area-parts{background: url(../img/area-part01/illust-bg.jpg)left top no-repeat;background-size: cover;position: relative;padding: 74px 0 82px;margin-bottom: 70px;}
.parts-left,.parts-right{max-width:560px; width: 100%;}
.one-color{background: #f58f01;font-size: 26px;margin-top:25px;}
.one-color::after{content: "";position: absolute;margin: 0;bottom: -30px;left: 8px;width: 0;height: 0;border-top: 40px solid #ef9400;border-left: 12px solid transparent;border-right: 12px solid transparent;transform: rotate(-30deg);z-index: 0;}
.one-color span{font-size: 32px;}
.parts-left h3{font-size: 40px;letter-spacing: 2px;line-height: 1.2;font-weight: bold;margin-bottom:20px;}
.parts-left h3 span{font-size: 50px;color: #e67519;}
.parts-txt{font-size: 18px;}
.parts-right{position: relative;}
.parts-right ul{max-width: 475px;position: absolute;top:0;right: 0;z-index: 2;}
.parts-right li{background: #749f22;color: #fff;border-radius: 6px;font-size: 21px;font-weight: bold;padding: 14px 20px;margin-right: 9px;}
.parts-right li:last-child{margin-right: 0;}
.parts-right img{max-width: 328px;position: absolute;top: 2%;left: 60%;transform: translateX(-50%);z-index: 0;}
.parts-right h4{background: #ed5147;color: #fff;border-radius: 6px;font-size: 26px;font-weight: bold;padding: 5px 18px;display: inline-block;position: absolute;top: 25%;left: 58%;transform: translateX(-50%)}
.comment{border:6px solid #90c132; background:#fff;border-radius: 6px;padding: 40px 35px;}
.comment img{max-width: 324px;}
.comment p{max-width: 672px;}
.mbn{margin-bottom: 0;}
@media only screen and (max-width: 1024px) {
.parts-left,.parts-right{max-width:480px;}
.parts-left h3 span{font-size: 40px;}
.parts-left h3{font-size: 32px;}
.one-color{width: 86%;}
.comment p{max-width: 500px;}
.comment img{height: fit-content;}
}

@media only screen and (max-width: 768px) {
.parts-left,.parts-right{max-width:340px;}
.one-color{font-size: 24px;margin-top: 0;}
.one-color span{font-size: 28px;}
.parts-left h3{font-size: 30px;}
.parts-right img{top:10%;}
.parts-right h4{top:31%;}
.parts-right li {font-size: 20px;padding: 15px 10px;margin-right: 5px;}
.comment{padding: 30px;}
.comment img{max-width: 240px;}
.comment p{max-width: 370px;}
}

@media only screen and (max-width: 568px) {
.area-parts{padding: 30px 0;background: url(../img/area-part01/illust-bg_sp.jpg)left top no-repeat;background-size: cover;margin-bottom:30px;}
.parts-left{margin-bottom: 20px;max-width: initial;}
.one-color span{font-size: 20px;}
.one-color{font-size: 18px;}
.parts-txt{font-size: 16px;}
.parts-left h3{font-size: 22px;line-height: 1.4;}
.parts-left h3 span{font-size: 26px;}
.parts-right h4 {top: 40px;left: 20%;font-size: 18px;}
.parts-right ul {width: 140px;display: block;}
.parts-right li {font-size: 18px;text-align: center;width: 100%;padding: 10px 0;margin-bottom: 10px;}
.parts-right img{position: static;transform:none;z-index: -1;max-width: 190px;}
.comment{padding: 20px;}
.comment img{max-width:100%;margin-bottom: 20px;}
.comment p{max-width: 370px;}
}