.PC{display: block;}
.SP{display:none;}
/* .title_top{margin:50px 0 0 0;} */
.title{text-align:center;padding: 50px 0 30px 0;}
.title h1{margin: 15px 0 0 0;}
.title p{margin-top: 30px;}
.title strong{color: #0A3F67;font-size: 50px;letter-spacing: 0.05em;font-weight: 500;}

.menu ul li a.menu_about .menu_border { border-bottom:3px solid #FED631; }
@media screen and (max-width: 1120px) {
  .menu ul li a.menu_about .menu_border { border-bottom:none; border-left:5px solid #FED631; }
}


@media screen and (max-width: 740px) {
  .title{padding: 0 0 30px 0;}
  .title_top{margin: 10px 0 20px 0;padding: 0;}
  .title strong{font-size: 40px;}
  .title p {
width: 95%;
margin: 30px auto;
text-align: justify;
}
}

.copy{text-align: center;margin: 0 auto 0;}
.copy strong{display: block;font-size: 18px;font-weight: bold;letter-spacing: 0.2em;margin: 0px auto 30px;}
.copy p{letter-spacing: 0.1em;line-height: 2em;}
.ill1 {
height: 200px;
margin: -50px auto -150px 15%;
}

.about_bg{background: #f8f8f8;padding-bottom: 10px;}
.copy{position: relative;}
.copy img{position: absolute;}
.copy .copy_img1{left: 10vw;bottom: 5vw;}
.copy .copy_img2{right: 10vw;bottom: 0;}
.copy .copy_img3{width: 100px;top: 0;left: 18vw;}
.copy .copy_img4{left: 0;width: 30vw;top: -7vw;}
.copy .copy_img5{right: 0;width: 30vw;top: 0;}
.copy .support1{left: 17vw;width: 15vw;bottom: 0vw;}
.copy .support2{right: 17vw;width: 16vw;bottom: 0vw;}


.wrap_grey {
width: 100%;
background: url(../img/bg_grey.png) repeat-x;
background-size: 400px;
}
.namibox {background-image: none;padding: 1vw 0 23vw;}


.wrap_grey2 {
width: 100%;
background: url(../img/bg_grey2.png) repeat-x;
background-size: 400px;height: 2vw;
}
.center { display:none; }
.sup_img{width: 460px;margin:20px auto;display: flex;justify-content: space-around;align-items: flex-start;}
.sup_img img{width: 47%;}
.sup_img_new img{width: 100%;}

@media screen and (max-width: 740px) {
  .about_bg{/*padding-top:40px;*/ margin-bottom: -30px;}
  .copy p{width: 90%;margin: 0 auto;text-align: justify; margin-top:30px; }
  .copy strong{font-size: 16px;}
  .copy .copy_img1 { display:none;}
  .copy .copy_img2 { display:none;}
  .copy .copy_img3{width: 100px;top: -25vw;left: 5vw; z-index:1; }
  .copy .copy_img4{left: 0;width: 30vw;top: -30vw;}
  .copy .copy_img5{right: 0;width: 30vw;top: -33vw;}
  .copy .support1{display:none; }
  .copy .support2{display:none;}
  .center { width:100%; display:inline-block;text-align:center; margin:10px 0 10px 0;}
  .center img { width:40%; }
  .center img.center_ill1 { width:60%;}
  .wrap_grey {
  width: 100%;
  background: url(../img/bg_grey.png) repeat-x;
  background-size: 200px;
  }
  .wrap_grey2 {
  width: 100%;
  background: url(../img/bg_grey2.png) repeat-x;
  background-size: 200px;height: 8vw;
  }
.sup_img{width: 90%;}
.sup_img img{width: 49%;}

  }


/* .bg_wave{background-image: url(../img/wave_community.svg);background-size: cover;background-position: top;} */
.community{width: 100%;margin: 0px auto;padding-top: 120px;}


/* 試し */
.title_community{position: relative;width: 100%;margin: 0;}
.title_community svg{position: absolute;bottom: 0;z-index: -1;left: 0;right: 0;}
.bg{background: #F8F8F8;margin:0;padding: 10px 0 10px;}
.copy_community{}
.copy_community svg{width: 100%;}
.radio_img{width: 1080px;margin: 40px 0 50px;}
.radio_img img{width: auto;}
.copy strong span{background: linear-gradient(transparent 50%, #FED631 50%);}

@media screen and (max-width: 740px) {
  .title_community{padding: 0;}
.radio_img{width: 95%;margin: 0 auto 50px;}
.contents .copy strong{font-size: 14px;letter-spacing: 0.1em;}
.radio_img img{width: 100%;}
  }

/* CITY_CONTENTS.php */
.area_button_flex{display: flex;justify-content: space-between;margin: 80px auto 50px;width: 1080px;}
.area_button{display: block;border-radius: 18px;background: #FED631;text-align: center;padding: 20px 0;}
/* .area_button_contents{width: 320px;height:180px;} */
.area_button_buy{width: 250px;height:auto;flex-direction: column;}
.area_button_title{font-size: 16px;color: #fff;letter-spacing: 0.1em;line-height: 1.6em;}
.area_button_img{margin:0 auto;}
/* .area_button_contents .area_button_img{height: 100px;} */
.area_button_buy .area_button_img{height: 80px;margin: 10px 0;width: 95%;}
.area_button_img img{height: 100%;}
.area_button_buy p{color: #0A3F67;line-height: 1.7em;letter-spacing: 0.1em;}
@media screen and (max-width: 740px) {
  .area_button_flex{flex-wrap: wrap;gap: 10px;width: 95%;margin: 20px auto;}
  .area_button_title{margin: 0 auto;}
  /* .area_button_contents{width: 100%;display: flex;height: 120px;align-items: center;} */
  }





/* CITY_SELL.php */
/* .assessment{width: 100%;display: flex;justify-content: space-between;}
.ass_bg{width: 520px;height: auto;background: #EDEDED;border-radius: 18px;padding: 30px 0;}
.title_ass{height: auto;margin: 0px auto 20px;}
.title_ass_img{height: 30px;margin: 0 auto;}
.title_ass .title_p{margin-top: 10px;font-weight: bold;font-size: 16px;}
.title_ass small{font-size: 14px;} */
.ass_button_flex{display: flex;width: 480px;justify-content: space-around;margin: 0 auto;height: 110px;text-align: center;}
.ass_button{border-radius: 18px;box-shadow: 3px  3px 6px rgba(0,0,0,0.3);display: block;width:140px;background: #fff;padding: 10px 0;}
.ass_button_title{font-size: 16px;letter-spacing: 0.05em;color: #0A3F67;}
.ass_button_img img{height: 60px;}
@media screen and (max-width: 740px) {
/* .assessment{flex-direction: column;gap: 15px;}
.ass_bg{width: 100%;} */
.area_button_buy .area_button_img{height: 70px;margin: 5px 0;}
.ass_button_flex{width: 90%;}
.ass_button{width: 30%;}
.area_button_buy{width:95%;display: flex;height:auto;align-items: center; }
.area_button{width:95%; padding: 20px 2.5%; margin-bottom:30px; }

}

/* 0923追加 */
  .area_button_title{color: #0A3F67;
  text-align: center;
  font-weight: normal;
  font-size: 18px;margin-bottom: 15px;}


/* yell */
.yell{position: relative;border-radius: 18px;background: #0A3F67;width: 760px;margin:0 auto 100px;padding: 50px;}
.yell table{display: flex;color: #fff;}
.yell th{width: fit-content;margin-right: 50px;}
.yell td{width: auto;}
.yell tr{height: auto;margin: 0;place-items: left;line-height: 1.6em;display: flex;padding: 5px 0;}
.yell_img{display: block;position: absolute;bottom: 30px;right: 30px;width: 120px;text-align: center;margin: 0 auto;}
.yell_img img{width:60%;}
.yell_img p{font-size: 12px;color: #F5D02F;line-height: 1.4em;text-align: center;}
@media screen and (max-width: 740px) {
.yell{width: calc(95% - 40px);padding: 20px;}
.yell tr{flex-direction: column;padding: 10px 0;}
.yell_img{position: initial;margin: 0 auto;width: 100%;text-align: center;}
.yell_img img{width: 100px;}
}


/* 全体共通レスポンシブ */
@media screen and (max-width: 740px) {
.PC{display: none;}
.SP{display:block;}
.contents {margin: 0px auto;}
}

/* 1004地域貢献の取り組み */
/* もっと見るはformat.cssへ */
/* a:hover .linkMore {
background: #FED631;
transition: 0.3s;
} .linkMore {
margin: 30px auto 0 auto;
}
.linkMore {
width: 190px;
height: 40px;
display: block;
padding: 0 40px 0 0;
text-align: center;
border: 2px solid #0A3F67;
border-radius: 5px;
position: relative;
box-sizing: border-box;
color: #0A3F67;
font-weight: bold;
line-height: 37px;
transition: 0.3s;
background: #fff;
}
.linkMore::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 30px;
margin: auto;
width: 20px;
height: 2px;
background: #0A3F67;
transition: .3s;
}
.linkMore::after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 30px;
margin: auto;
width: 8px;
height: 8px;
border-left: 2px solid #0A3F67;
border-bottom: 2px solid #0A3F67;
transform: rotate(-135deg);
transition: .3s;
} */
.sup{width: 1080px;display: flex;flex-wrap: wrap;margin: 100px auto;gap: 43.2px;}
.sup_contents{width: 48%;background: #f8f8f8;border-radius: 18px;position: relative;padding: 30px 0;display: block;margin: 10px 0;}
.t_sup{position: absolute;top: -35px;left:0;}
.sup_contents p{text-align: center;}
.sup_contents_title{display: flex;justify-content: center;margin-bottom: 10px;color: #0A3F67;align-items: center;}
.sup_contents_title strong{font-size: 16px;}
.sup_contents_title strong span{font-size: 24px;background: linear-gradient(transparent 70%, #FED631 70%);}
.sup_contents_title img{height: 40px;margin: 0 10px;}

@media screen and (max-width: 740px) {
  .sup{width: 90%; margin-bottom:0; }
  .sup_contents{width: 100%;}
  .sup_contents p {text-align: justify;width: 82%;margin: 0 auto;}
  .t_sup{width: 140px;}
  .sup_contents_title{flex-direction: column;}
  .sup_contents_title img{display: none;}
  .sup_detail .t_sup{display: block;}
}

/* .sup_detail{width: 1080px;margin:50px auto; border-radius: 18px;position: relative;}
.sup_detail .t_sup{position: absolute;top:-30px;left:0;right:0;text-align: center;margin:0 auto;z-index: 1;} */
.sup_detail{width: 1080px;border-radius: 18px;margin: -10px auto;}
.sup_detail .t_sup{position: inherit;}
.sup_detail .sup_contents{width: 100%;background: none;}
.sup_detail .sup_contents_flex{display: flex;justify-content: space-around;margin: 40px 0;}
.sup_detail .sup_contents_flex .sup_img{width: 50%;margin: 0;}
.sup_detail .sup_contents_flex .sup_img img{width: 100%;}
.sup_detail .sup_contents_flex p{width: 45%;text-align: left;}
.wrap_grey_com{height: 8vw;margin-top: -6vw;}
/* もっと見るはformat.cssへ */
.linkMore_com{width: 310px;height: 50px;border-radius: 9px;line-height: 47px;}
/* a:hover .linkMore{background: #FED631;transition: 0.3s;} */
a.linkMore_com:hover {background: #FED631;transition: 0.3s;}


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

  .sup_detail{width: 90%;}
  .sup_detail .sup_contents_flex{flex-direction: column;margin-top: 0;}
  .sup_detail .sup_contents_flex .sup_img{width: 95%;}
  .sup_detail .sup_contents_flex p{width: 95%;text-align: justify;line-height: 1.7em;margin-top: 20px;}
  .wrap_grey_com {height: 24vw;margin-top: -11vw;}

}