@charset "utf-8";
body{
  -webkit-appearance: none;
}

body.noscroll{
  overflow: hidden;
}
a:hover{
  cursor: pointer;
  transition: .3s;
  opacity: 0.7;
}


/* search-box */

/* .arealistnav{
  width: 100%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
} */

/* .arealistnav li{
  width: 150px;
  margin:10px;
} */
.section-sponly{
  display: none;
}

/* search-box HTML */
.search-box .section-inner .srcterms .termslist1 .termslist1-1 p .input-area{
  padding:5px;
  border-radius:8px;
  border:1px solid #ddd;
  font-size:125%;
  width:100%;
  box-sizing:border-box;
  text-align:center;
}
.search-box .section-inner .srcterms .termslist2 p{
  width:100%;
  margin-bottom:3px;
  /* font-size: 15px; */
}
.search-box .section-inner .srcterms .termslist2 select{
  margin:0 auto;
  padding:5px;
  border-radius:8px;
  border:1px solid #ddd;width:100%;
  box-sizing:border-box;
  text-align:center;

}
.srcterms .termslist1 div .srcterms-text{
  font-size: 15px;
}
.srcterms .termslist2 .srcterms-text{
  /* font-size: 15px; */
}
/* search-box HTML終わり */
@media screen and (max-width:769px){
  .arealistnav li {
    width: 24%;
    margin-right: 1px;
    /* margin-top: 8px; */
  }
  .arealistnav li p.anon {
    background-color:#CCDBD9;
    color:#aaa;
  }

  /* .arealistnav li:last-child { */
  .arealistnav li.btn-all {
    width:100%;
  }

  .section-sponly{
    display: block;
  }
  .section-inner .section-sponly{
    width: 93%;
    margin: 0 auto;
    margin-bottom: 5px;
    border-bottom: 1px solid #dddddd;
  }
  .section-inner h2 .fa-map-marker-alt{
    color: #B6DAC7;
  }
  .section-inner h2 .fa-check{
    color: #B6DAC7;
  }
  .search-box{
    background-color: transparent;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .srcterms{
    width: 98%;
    margin: 0 auto;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .srcterms .termslist1 div label{
    padding-left: 0;
  }
  #fopsearch,
  #fopsearch2{
    padding: 10px 0;
    font-size: 100%;
    width: 100%;
  }
  .search-box .section-inner .srcterms .termslist2 select{
    width: 95%;
  }
}
@media screen and (max-width:600px){
  /* .arealistnav li{
    width: 110px;
    margin: 5px;
  } */
  .arealistnav li a{
    padding: 10px;
  }
}

@media screen and (max-width:500px){
  /* .arealistnav li{
    width: 110px;
    margin: 3px;
  } */
  .arealistnav li a{
    /* padding-top: 5px;
    padding-bottom: 5px; */
    padding:5px;
  }
  .srcterms .termslist1 div .srcterms-text{
    font-size: 13px;
    margin-left: 1.3px;
  }
  .srcterms .termslist2 .srcterms-text{
    font-size: 13px;
  }
}
/* search-box終わり */





/* properties */

#mainvisual .sp-only{
  display: none;
}

.owner-bnr{
  max-width: 940px;
  margin: 30px auto;
}
.owner-bnr:hover{
  opacity: 0.7;
}
.owner-bnr a{
  margin: 0 auto;
}
.owner-bnr a img{
  width: 98%;
}
.sp-only-arrows{
  display: none;
}
@media screen and (max-width:900px){
  #mainvisual{
    display: block;
  }
  #mainvisual #visualtext{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #mainvisual #visualtext .boxinner{
    width: 100%;
  }
  .top-login .btn-login a{
    padding: 12px 10px;
    /* width: 100%; */
  }
  .main-title{
    display: none;
  }
  .top-login{
    width: 97.5%;
    border: none;

    margin: 20px auto 0 auto;
    text-align: center;
    padding: 0;
  }
  .top-login .ttl{
    margin: 0 auto;
    padding: 0;
  }
  .login-item{
    max-width: 400px;
    margin: 0 auto;
    /* width: 100%; */
    display: flex;
    justify-content: space-around;
    /* padding-left: 5px; */
    /* padding-right: 5px; */
  }
  .btn-login .pc-only{
    display: none;
  }

  #mainvisual #imagebox{
    margin: auto;
    width: 100%;
  }

}
@media screen and (max-width:769px){
  /* #mainvisual */
  #mainvisual{
    display: block;
  }
  #mainvisual .sp-only{
    display: block;
  }
  #mainvisual #visualtext{
    width: 100%;
  }
  .btn-link-item a{
    width: 100%;
  }

  #mainvisual #visual-slide .swiper-slide{
    height: 300px;
  }
  #mainvisual.list-visual #visual-slide .swiper-slide{
    width: 100%;
  }
  #mainvisual #visual-slide .swiper-slide a .info{
    left: 10px;
  }
  #mainvisual #visual-slide .swiper-slide .bnrnew{
    width: 100px;
    font-size: 80%;
    margin-bottom: 5px;
  }
  #mainvisual #visual-slide div p.propertyinfo{
    /* font-size: 11px; */
    font-size:125%;
  }
  .tab{
    display: block;
    margin: 0 auto;
  }
  .tab .item{
    margin: 20px auto;
    width: 60%;
  }
  .owner-bnr{
    width: 98%;
  }
  /* properties */
  .contents03{
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 2px solid #dddddd;
  }
  .contents01 .section-inner .local-ttl{
    padding-bottom: 0;
    /* display: flex;
    align-items: flex-end; */
    font-size: 26px;
    padding: 30px 10px;
    color: #888888;
    box-sizing:border-box;
    width:100%;
  }

  .local-ttl i{
    font-style: normal;
    font-size: 15px;
    margin-left: 5px;
  }
  .link-tolist1{
    display: block;
    color: #333;
    font-size: 13px;
    background-color: transparent;
    font-weight: normal;
    margin: 0;
    text-align: right;
    width: auto;
    padding: 10px;
    display: flex;
    justify-content: flex-end;
    text-decoration: underline;
  }
  .sp-only-arrows{
    display: block;
  }
}
@media screen and (max-width:500px){

  .top-login .btn-login a{
    margin-top: 0;
  }
  .top-login .ttl{
    /* font-size: 10px; */
    margin-bottom: 5px;
  }
  .top-login .btn-login{
    /* padding: 10px; */
    width: 48%;
  }
  .top-login .btn-login a{
    font-size: 13px;

  }
  .top-login .btn-login a .fa-sign-in-alt{
    font-size: 13px;
  }
  .top-login .btn-login a .fa-list{
    font-size: 13px;
  }
  #mainvisual #imagebox #slide-wrap{
    max-width: 90%;
  }
  #mainvisual #visual-slide .swiper-slide{
    height: 250px;
  }
  .owner-bnr a img{
    height: 55px;
  }
  .property-box h3{
    font-size: 110%;
  }
  #properties .section-inner ul .property-box h3 {
    margin-top: 0;
  }
  /* #properties .section-inner ul .property-box p.mT10{
  margin-top: 0;
  font-size: 12px;
  } */
  #properties .section-inner ul .property-box h3 span{
    display: none;
  }

}
/* properties終わり */

/* properties HTMLstyle */
.swiper-slide a{
  background-size:cover !important;
}
/* properties HTMLstyle終わり */


/* container-list */


/* merumaga-link */
.merumaga-link-sp{
  display: none;
}
.merumaga-link{
  max-width: 1000px;
  margin: 0 auto;
  padding-left: 30px;
}
.merumaga-link a img{
  width: 100%;
}
@media screen and (max-width:1000px){
  .merumaga-link{
    padding-left: 0;
  }
}
@media screen and (max-width:769px){
.merumaga-link{
  display: none;
}
.merumaga-link-sp{
  /* margin-top: 10px; */
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.merumaga-link-sp a img{
  width: 100%;
}
}


/* merumaga-link終わり */


/* ranking HTMLstyle */
#ranking .section-inner ul li .pimg{
  position:relative;
  height:150px;
  overflow:hidden;
}
#ranking .section-inner ul li .pimg a{
  display:block;
  width:100%;
  height:100%;
}
#ranking .section-inner ul li .paddress-area{
  padding-top: 10px;
  /* padding:8px 5px 5px; */
  box-sizing:border-box;
  margin:0;
  font-size:110%;
  font-weight:bold;
  /* height: 300px; */
  word-break: break-all;
}
#ranking .section-inner ul li a .paddress-area{
  padding:8px 5px 5px;
  box-sizing:border-box;
  margin:0;
  font-size:110%;
  font-weight:bold;
}
#ranking .section-inner ul li .paddress-info{
  box-sizing:border-box;
  margin:0;
  font-size:90%;
  padding-top: 10px;
  padding-bottom: 10px;
}
#ranking .section-inner ul li .paddress-a{
  word-wrap: break-word;
}

.btn-box{
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.btn-box1{
  margin-top: 0px;
  display: flex;
  justify-content: space-around;
}
.btn-box p{
  margin-bottom: 0;
}
.btn-box1 p{
  margin-bottom: 0;
}



/* ranking HTMLstyle終わり */

.section-inner .ul-flex{
  flex-wrap: wrap;
}
#ranking .section-inner ul li .paddress-area a{
  word-break:break-all;
  /* padding-top: 10px; */
}
#ranking .section-inner a.sp-only{
  display: none;
}
#ranking li .link-todetail, .property-box .link-todetail{
  width: 49%;
}
#ranking li .link-todetail2, .property-box .link-todetail2{
  width: 49%;
}

/* 20230316 korenaga 調整 */
#ranking li .btn-box a {
  font-size:100%;
  padding:7px;
}

/* 20230522 korenaga 調整 */
#secret .btn-box .link-todetail1,
#secret .btn-box .link-todetail2 {
  padding-left:5;
  padding-right:5px;
}

@media screen and (max-width:1024px){
  .property-box{
    width: 250px;
  }
  /* #ranking ul{
   flex-wrap: wrap;
  } */
  #secret .property-box{
    width: 250px;
  }
  #secret .property-box h3{
    white-space: break-spaces;
  }
}
@media screen and (max-width:769px){
  #ranking .section-inner a.sp-only{
    display: block;
    display: flex;
    align-items: center;
  }
  .arealistnav{
    margin: auto;
    /* justify-content: center; */
  }
  .search-box .section-inner{
    max-width: 1200px;
    display: flex;
    flex-wrap: wrap;
  }
  .arealistnav{
    display: flex;
    flex-wrap: wrap;
  }
  .srcterms .termslist1{
    width: 100%;
  }
  .srcterms .termslist2{
    padding-left: 0;
    margin-top: 20px;
    width: 100%;
  }
  .srcterms .termslist3{
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    padding-left: 0;
  }
  .section-inner .ul-flex{
    flex-wrap: nowrap;
    overflow-y: auto;
    white-space: nowrap;
    width: 100%;
    justify-content: start;
  }
  .section-inner .ul-flex li{

    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
    /* width: 250px; */
  }
  #ranking ul{
    flex-wrap: nowrap;
    overflow-y: auto;
    white-space: nowrap;
    width: 100%;
    justify-content: start;
  }
  #ranking .section-inner ul li .paddress-area{
    /* width: 170px; */
    white-space: normal;
    padding-bottom: 10px;
  }
  #ranking .section-inner ul li{
    width: 200px!important;

  }
  #ranking .section-inner ul li .paddress-info{
    /* display: none; */

  }

  div.wrap_navi_page01{
    width: 90%;
    margin: 0 auto;
  }
  #ranking li .link-todetail2{
    width: 50%;
  }
  #ranking li .btn-box{
    display: block;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  #ranking li .btn-box1{
    display: block;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  #ranking li .btn-box a{
    width: 100%;
    margin-bottom: 5px;
  }
  #ranking li .btn-box1 a{
    width: 100%;
    margin-bottom: 5px;
  }
  #ranking .section-inner ul li .pimg{
    /* width: 130px; */
    width:100%;
  }
}
@media screen and (max-width:500px){
  #ranking li .link-todetail, .property-box .link-todetail{
    width: 48%;
  }
  #ranking .section-inner .ul-flex li{
    /* display: block; */
    /* height: auto; */
    /* width: 170px!important; */
    margin-right: 3px;
    box-sizing: border-box;
    font-size: 90%;
  }
  #ranking .section-inner ul li .paddress-info{
    /* display: none; */
  }

  #ranking .section-inner ul li .paddress-area a{
    word-break:break-all;
    margin-top: 10px;
    /* white-space: normal; */
  }
  #ranking .section-inner a.sp-only{
    display: block;
    display: flex;
  }
  .srcterms .termslist1{
    width: 95%;
    margin:  0 auto;
  }
  .property-box .mainimage a{
    height: 170px;
  }
  #ranking .section-inner ul li .pimg{
    height: 120px;
  }
}
/* container-list終わり */


/* container-list HTMLstyle */
.srcterms .termslist2 p{
  width:100%;
  margin-bottom:5px;
}
.srcterms .termslist2 select{
  margin:0 auto;
  padding:5px;
  border-radius:8px;
  border:1px solid #ddd;
  width:100%;
  box-sizing:border-box;
  text-align:center;
}
#container-list .ul-flex{
  flex-wrap:wrap;
}
.navi_page01 ol{
  list-style:none;
}

/* container-list HTMLstyle終わり */

/* blogs */
.sp-only-link{
  display: none;
}
@media screen and (max-width:769px){
  #blogs{
    margin-top: -50px;
  }
  #blogs .section-inner .ul-flex li h3{
    white-space: normal;
    width: 220px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width:500px){
  #blogs .section-inner .link-tolist{
    display: none;
  }
  #blogs .section-inner .sp-only-link{
    display: block;
  }
  #ranking li .link-todetail, .property-box .link-todetail1{
    width: 100%;
  }
  .pinfo{
    /* padding-top: 10px;
    padding-bottom: 10px; */
  }
  .property-box .mainimage {
    width:228px;
  }
}


/* blogs終わり */





/* whatvivit */
.vivit-text{
  display: none;
}
.sp-only-br{
  display: none;
}
@media screen and (max-width:800px){
  .count-list{
    display: block;

  }
  .count-list .item{
    width: 100%;
    margin: 20px auto;
  }
  .count-list .icon-wrap .icon img{
    width: 150px;
  }
}
@media screen and (max-width:769px){
  .count-list .icon-wrap{
    padding-top: 15px;
  }
  .count-list .icon-wrap .count{
    padding-top: 18px;
  }
  .vivit-text{
    display: block;
  }
  .vivit-sp-img{
    text-align: center;
    margin-top: 40px;
    margin-bottom: 10px;
  }
  .contents01 .section-inner h2{
    padding-bottom: 20px;
    padding-top: 30px;
  }
}
@media screen and (max-width:500px){
  #whatvivit{
    margin-top: -30px;
  }
  .sp-only-br{
    display: block;
  }
  .count-list{
    margin-top: 0px;
  }
  .count-list .icon-wrap .icon img{
    width: 110px;
  }
  .count-list .icon-wrap .count{
    padding-top: 0px;
    padding-left: 40px;
  }
  .count-list .icon-wrap .count .info{
    font-size: 15px;
  }
  .count-list .icon-wrap .count .info span{
    font-size: 60px;
    margin-left: 0;
  }
  .count-list .ttl{
    margin-bottom: 10px;
    font-size: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .contents01{
    padding-bottom: 0;
  }
  .vivit-sp-img img{
    width: 100%;
  }
  .vivit-sp-img{
    width: 100px;
    margin: 0 auto;
    margin-top: 20px;
  }
  .contents01 .section-inner h2{
    font-size: 26px;
    /* font-weight: bold; */
  }
  .contents01 .section-inner .inuki-title{
    font-size: 26px;
  }
  .contents02 .section-inner .inuki-title{
    font-size: 26px;
  }
}


/* whatvivit終わり */

/* whatfurnished */
.text-center{
  text-align: center;
}
.text-center a img{
  width: 80%;
}

@media screen and (max-width:769px){
  .explain-list{
    display: block;
  }
  .explain-list li{
    width: 100%;
    margin: 0 auto;
  }
  .voice-list{
    padding: 0 7px;
  }
}
@media screen and (max-width:500px){
  .contents02 .section-inner h2 {
    font-size: 26px;
    padding-bottom: 20px;
  }
  #whatfurnished .section-inner .whatvi{
    font-size: 90%;
    /* text-align-last: left; */
    width: 96%;
    margin: 0 auto;
    text-align: justify;
    text-justify: inter-ideograph;
  }
  .service-wrap .service-txt .local-txt{
    font-size: 15px;

  }
  .to-detail a{
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .text-center a img{
    width: 100%;
  }
}

/* whatfurnished終わり */

/* contents02 HTMLstyle */
.contents02 .section-inner .voice-list{
  max-width: 800px;
  margin: 0 auto;
}
.contents02 .section-inner .voice-list .item{
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}
.contents02 .section-inner .voice-list .item .info{
  width: 100%;
  padding-bottom: 1.5rem;
}
.contents02 .section-inner .voice-list .item .info .mark-box{
  display: flex;
}
.contents02 .section-inner .voice-list .item .info .mark-box .icon{
  width:67px;
}
.contents02 .section-inner .voice-list .item .info .mark-box .info{
  width: calc(100% - 87px);
  margin-right:20px;
}
.contents02 .section-inner .voice-list .item .info .mark-box .info h3{
  margin:0px 0px 5px
}
.contents02 .section-inner .voice-list .item .info .mark-box .info h3 b{
  font-size: 12px;
}
.contents02 .section-inner .voice-list .item .info .days{
  text-align: right;
  font-size:13px;
}




/* contents02 HTMLstyle終わり */

/* search-sp */

#search-sp{
  display: none;
}
@media screen and (max-width:500px){
  #search-sp{
    display: block;
  }
  .userRateBox{
    display: flex;
    width: 100%;
  }
  .userRentBox{
    display: flex;
    width: 100%;
  }
  .search-box .section-inner .srcterms .input-body-budget .userRateBox p .input-area{
    padding: 5px;
    border-radius: 8px;
    border: 1px solid #ddd;
    font-size: 125%;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    width: 90%;
  }
  .search-box .section-inner .srcterms .input-body-budget .userRentBox p .input-area{
    padding: 5px;
    border-radius: 8px;
    border: 1px solid #ddd;
    font-size: 125%;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    width: 90%;
  }
  .search-box .section-inner .srcterms .input-body-budget{
    width: 90%;
    padding-left: 10px;

  }
  .search-box .section-inner .srcterms .termslist2 p{
    padding-left: 10px;
  }
  .search-box .section-inner .srcterms .input-body-budget .userRateBox p{
    width: 150px;
    display: flex;
    align-items: center;
  }
  .search-box .section-inner .srcterms .input-body-budget .userRentBox p{
    width: 150px;
    display: flex;
    align-items: center;
  }
  .search-box .section-inner .srcterms .input-body-budget .userRateBox span{
   display: flex;
   align-items: center;
   margin: 0 10px;
  }
  .search-box .section-inner .srcterms .input-body-budget .userRentBox span{
    display: flex;
    align-items: center;
    margin: 0 10px;
   }

}


/* search-sp終わり */
/* .sp-only-br{
  display: block;
} */
.contents01 .section-inner .staff-info p{
  margin-bottom: 0;
}


@media screen and (max-width:500px){
  .sp-link-tolist{
  width: 55%;
  font-size: 12px;
  padding-top: 13px;
  padding-bottom: 13px;
  }
  .contents01 .section-inner .staff-info{
    width: 98%;
    margin: 0 auto;
  }
  .contents01 .section-inner .staff-info p{
    margin-bottom: 15px;
    text-align: center;
    /* margin-left: 5px; */
    font-size: 15px;
  }

  .voice-list .item .info p{
    font-size: 13px;
    /* padding-bottom: 1.5rem; */
  }
}



/* populars */
#populars {
  background-color:#f1f1f1;
}

#populars .section-inner,
#raknas .section-inner{
  max-width:1200px;
  margin:50px auto;
  /* background-color:#fff; */
  /* border-radius:15px; */
  padding:50px 0px;
}
#populars .section-inner ul
#raknas .section-inner ul{
  background-color:#fff;
  width:100%;
  margin:10px auto;
  box-sizing:border-box;
  display:flex;
  flex-wrap: nowrap;
}
#populars .section-inner ul li,
#raknas .section-inner ul li{
  width:31%;
  max-width: 400px;
  padding:0px 10px;
}
#populars .section-inner ul li a,
#raknas .section-inner ul li a{
  display:block;
}
#populars .section-inner ul li a .renovation-item1,
#raknas .section-inner ul li a .rakna-item1{
  position:relative;
  height:240px;
  overflow:hidden;
}
#populars .section-inner ul li a .renovation-item1 .renovation-item-label,
#raknas .section-inner ul li a .rakna-item1 .rakna-item-label{
  width: 50%;
  display:block;
  background:rgba(255,128,128,0.8);
  color:#fff;
  font-weight:bold;
  position:absolute;
  top:10px;
  left:0;
  text-align:center;
  padding:5px;
  font-size:80%;
  box-sizing:border-box;
}
#populars .section-inner ul li a .paddress-area,
#raknas .section-inner ul li a .paddress-area{
  padding:8px 5px 5px;
  box-sizing:border-box;
  margin:0;
  font-size:110%;
  font-weight:bold;
}
#populars .section-inner ul li a .paddress-info,
#raknas .section-inner ul li a .paddress-info{
  padding:0px 5px 10px;
  box-sizing:border-box;
  margin:0;
  font-size:90%;
}
.tosite a{
  color:#000;
  display:inline-block;
  line-height:2em;
}
.tosite a span{
  padding:7px 10px;
  border:3px solid #464140;
  border-radius:10px;
  background-color:#fff;
  display:inline-block;
}
#raknas .tosite a span.raknalink {
  font-size:100%;
  display:block;
  text-align:center;
  font-family:'Oswald',sans-serif;
  line-height:1;
}
#populars .section-inner ul li,
#raknas .section-inner ul li{
  padding: 10px;
  background-color:#fff;
}
.paddress-text{
  /* padding-bottom: 1.5rem; */
}
@media screen and (max-width:769px){
  #populars .section-inner,
  #raknas .section-inner{
    padding: 10px 0;
  }
  #populars .section-inner ul li,
  #raknas .section-inner ul li{
    width: 250px;
    margin-right: 5px;
    margin-left: 5px;

  }
  #populars .section-inner ul li .paddress-text,
  #raknas .section-inner ul li .paddress-text{
    white-space: normal;
    visibility: hidden
  }
}

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

}
@media screen and (max-width:500px){
  #populars,
  #raknas{
    padding-top: 0;
    padding-bottom: 0;
  }
  #populars .section-inner,
  #raknas .section-inner{
    margin-top: 0;
    padding-top: 0;
    background-color:#fff6cc;
    padding-bottom: 40px;
  }
  #populars .section-inner .renovation-title,
  #raknas .section-inner .renovation-title{
    font-size: 26px;
    padding-bottom: 0;
    padding-top: 20px;
  }
  #populars .section-inner ul,
  #raknas .section-inner ul{
    background-color:#fff6cc;
  }
  #populars .section-inner ul li a .renovation-item1,
  #raknas .section-inner ul li a .renovation-item1{
    height: 200px;
  }
  .tosite a{
    font-size: 100%;
  }
}
/* populars終わり */


/* indextext */
#indextext .section-inner .flex{
  display: flex;
  justify-content: space-around;
  margin: 0 10px;
}
#indextext-sp{
  display: none;
}
@media screen and (max-width:768px){
  #indextext{
    display: none;
  }
  #indextext-sp{
    display: block;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .accordion2 p{
    margin-bottom: 0;
  }
  .accordion2-content{
    display: none;
  }
  .accordion2:hover{
    cursor: pointer;
    opacity: 0.7;
  }
  #indextext-sp .section-inner{
    width: 96%;
  }
  #indextext-sp .section-inner h2{
    font-size: 24px;
    padding-top: 0;
  }
  #indextext-sp .section-inner p{
    font-size: 13px;
    padding-left: 5px;
  }
}
@media screen and (max-width:500px){
  #indextext-sp .section-inner h2{
    font-size: 23px;
  }
}





/* indextext終わり */

/* linkline */
/* background-color: transparent; */
#linkline ul li a .link-img-title p{
  margin-bottom: 0;
  font-size: 90%;
}

@media screen and (max-width:768px){
  #linkline .section-inner .ul-flex{
    display: block;
  }
  #linkline ul li{
    /* width: 98%; */
    width:90%;
    display: flex;
    justify-content: center;
    margin:5%;
  }
  #linkline ul li a{
    width: 100%;
    display: flex;
    justify-content: center;
    border:1px solid #ddd;
  }
  #linkline ul li a .link-img-title{
    /* width: 250px; */
    width:100%;
    text-align: center;
  }
  #linkline ul li a .logoimage{
    width:50%;
    max-width:160px;
    margin-bottom:5px;
  }

}
@media screen and (max-width:500px){
  #linkline{
    background-color: #fff;
  }
  #linkline ul li a{
    width: 98%;
    padding-left: 0;
    padding-right: 0;
  }
  #linkline ul li a .logoimage{
    /* width: 130px; */
    /* margin-right: 40px; */
    padding-right: 0;
    padding-left: 0;
  }
  #linkline ul li a .link-img-title{
    /* width: 150px; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* margin-left: -30px;s */
  }
  #linkline ul li a .link-img-title h3{
    text-align: center;
    padding-bottom: 10px;
    /* margin-left: 25px; */
    font-size: 100%;
  }
  #linkline ul li a .link-img-title p{
    font-size: 60%;
    text-align: center;
    margin-bottom: 0;
    /* margin-left: 20px; */
  }
}

/* linkline終わり */