@charset "utf-8";
/* ------ TOP ------ */
/*top共通*/
/*メイン*/
.idx-nav {
 width: 100%;
 background: #FDF4EA;
 padding: 50px;
}
.idx-nav ul {
 width: 1180px;
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 flex-wrap: wrap;
 /*height: calc(156px + 62.61vw);*/
 position: relative;
 margin: 0 auto;
 box-sizing: border-box;
}
.idx-nav li {
 width: 370px;
 margin-bottom: 20px;
}
.idx-nav li a {
 display: block;
 width: 370px;
 height: 200px;
 background: #fff;
 border-radius: 10px;
 box-sizing: border-box;
 text-align: center;
 font-size: 20px;
 font-weight: 700;
}
.idx-nav li figure {
 width: 130px;
 height: 125px;
 margin: 0 auto;
 display: flex;
 justify-content: center;
 align-items: flex-end;
 margin-bottom: 10px;
}
.idx-nav li figure img {
 width: auto;
 height: 100%;
 max-height: 80px;
}
.idx-nav li:nth-of-type(3) figure img {
 max-height: 105px;
}
.idx-nav li:nth-of-type(4) figure {
 height: 120px;
 margin-bottom: 20px;
}
.idx-nav li:nth-of-type(4) figure img {
 max-height: 62px;
}
.idx-nav li:nth-of-type(9) figure {
 height: 145px;
 margin-bottom: -8px;
}
.idx-nav li:nth-of-type(9) figure img {
 max-height: 100px;
}
.idx-about {
 position: relative;
 text-align: center;
 padding: 85px 0;
}
.idx-about-ttl {
 width: 350px;
 margin: 0 auto 50px auto;
 ;
}
.idx-about-img {
 width: 465px;
 margin: 0 auto 50px auto;
}
.idx-about-txt {
 width: 710px;
 margin: 0 auto;
 border: #707070 1px solid;
 padding: 0 30px;
 text-align: left;
}
.idx-about-txt span {
 display: block;
 background: #fff;
 margin-top: -1px;
 margin-bottom: -1px;
 padding: 30px 10px;
}
.idx-about-qa {
 position: absolute;
 right: 40px;
 top: 0;
 margin-top: -30px;
 width: 150px;
}
.idx-pickup {
 background: #f5f5f5;
 padding: 85px 0;
 position: relative;
}
.idx-pickup-house {
 position: absolute;
 left: 40px;
 top: 0;
 margin-top: -30px;
 width: 190px;
}
.idx-pickup-note {
 position: absolute;
 right: 40px;
 bottom: 0;
 margin-bottom: -30px;
 width: 156px;
}
.idx-pickup-list {
 width: 710px;
 margin: 0 auto;
}
.idx-pickup-list dl {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 align-items: flex-start;
}
.idx-pickup-list dt {
 width: 150px;
 font-size: 14px;
 margin-bottom: 20px;
 color: #868686;
}
.idx-pickup-list dd {
 width: 520px;
 font-size: 14px;
}
.idx-pickup-list dd a {
 border-bottom: #FB9A47 1px solid;
}
.m-ttl {
 text-align: center;
 margin-bottom: 50px;
}
.m-ttl h2 {
 margin-bottom: 0;
}
.m-ttl h2 span {
 font-size: 24px;
 font-weight: 700;
 position: relative;
 padding: 0 0 0 32px;
 line-height: 1;
}
.m-ttl h2 span::before {
 background: url("../img/ic_circle.svg") no-repeat;
 background-size: 23px auto;
 content: "";
 position: absolute;
 width: 23px;
 height: 23px;
 top: 7px;
 left: 0;
}
.m-ttl p {
 position: relative;
 padding: 10px 20px 0 20px;
 font-size: 16px;
 font-weight: 400;
 text-align: center;
 color: #FB9A47;
 display: inline-block;
}
.m-ttl p::before, .m-ttl p::after {
 position: absolute;
 top: 10px;
 height: 30px;
 content: '';
}
.m-ttl p::before {
 border-left: solid 1px;
 left: 0;
 transform: rotate(-30deg);
}
.m-ttl p::after {
 border-right: solid 1px;
 right: 0;
 transform: rotate(30deg);
}
@media screen and (max-width: 880px) {
 .idx-nav ul {
  width: 775px;
 }
}
@media screen and (max-width: 767px) {
 .idx-nav {
  width: 100%;
  background: #FDF4EA;
  padding: 6.6vw;
 }
 .idx-nav ul {
  width: auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  /*height: calc(156px + 62.61vw);*/
  position: relative;
  margin: 0 auto;
  box-sizing: border-box;
 }
 .idx-nav li {
  width: 40vw;
  margin-bottom: 20px;
 }
 .idx-nav li a {
  display: block;
  width: 40vw;
  height: 26.66vw;
  background: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  text-align: center;
  font-size: 3.33vw;
  font-weight: 700;
 }
 .idx-nav li figure {
  width: 17.3vw;
  height: 16.6vw;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 1.3vw;
 }
 .idx-nav li figure img {
  width: auto;
  height: 100%;
  max-height: 10.6vw;
 }
 .idx-nav li:nth-of-type(3) figure img {
  max-height: 14vw;
 }
 .idx-nav li:nth-of-type(4) figure {
  height: 16vw;
  margin-bottom: 2.66vw;
 }
 .idx-nav li:nth-of-type(4) figure img {
  max-height: 8.266vw;
 }
 .idx-nav li:nth-of-type(9) figure {
  height: 19.33vw;
  margin-bottom: -1.066vw;
 }
 .idx-nav li:nth-of-type(9) figure img {
  max-height: 13.33vw;
 }
 .idx-about {
  position: relative;
  text-align: center;
  padding: 15vw 0;
 }
 .idx-about-ttl {
  width: 50vw;
  margin: 0 auto 6.6vw auto;
  ;
 }
 .idx-about-img {
  width: 65vw;
  margin: 0 auto 6.6vw auto;
 }
 .idx-about-txt {
  width: auto;
  margin: 0 5vw;
  border: #707070 1px solid;
  padding: 0 3vw;
  text-align: left;
 }
 .idx-about-txt span {
  display: block;
  background: #fff;
  margin-top: -1px;
  margin-bottom: -1px;
  padding: 3vw 2vw;
 }
 .idx-about-qa {
  position: absolute;
  right: 5.3vw;
  top: 0;
  margin-top: -26vw;
  width: 20vw;
 }
 .idx-pickup {
  background: #f5f5f5;
  padding: 15vw 0;
  position: relative;
 }
 .idx-pickup-house {
  position: absolute;
  left: 5vw;
  top: 0;
  margin-top: -8vw;
  width: 26vw;
 }
 .idx-pickup-note {
  display: none;
 }
 .idx-pickup-list {
  width: auto;
  margin: 0 5vw;
 }
 .idx-pickup-list dl {
  display: block;
 }
 .idx-pickup-list dt {
  width: auto;
  font-size: 3.8vw;
  margin-bottom: 1vw;
  color: #868686;
 }
 .idx-pickup-list dd {
  width: auto;
  font-size: 3.8vw;
  margin-bottom: 5vw;
 }
 .m-ttl {
  text-align: center;
  margin-bottom: 5vw;
 }
 .m-ttl h2 {
  margin-bottom: 1vw;
 }
 .m-ttl h2 span {
  font-size: 5vw;
  font-weight: 700;
  position: relative;
  padding: 0 0 0 32px;
  line-height: 1;
 }
 .m-ttl h2 span::before {
  background: url("../img/ic_circle.svg") no-repeat;
  background-size: 23px auto;
  content: "";
  position: absolute;
  width: 23px;
  height: 23px;
  top: 7px;
  left: 0;
 }
 .m-ttl p {
  position: relative;
  padding: 10px 20px 0 20px;
  font-size: 3.5vw;
  font-weight: 400;
  text-align: center;
  color: #FB9A47;
  display: inline-block;
 }
}