@charset "UTF-8";

/* ==========================================================================
   プラン親ページ共通 (point/flow/option/plan/other-data/step) — scope: .parent-slug-plan
   ========================================================================== */
.parent-slug-plan .page .btn01 {
  width: 90%;
  max-width: 320px;
  margin: 0 auto;
}

.parent-slug-plan .page .btn01 a {
  font-size: 1.6rem;
}

.parent-slug-plan .edit-area.title {
  background: url(/assets/img/common/parts/background01.jpg);
  color: #FFF;
  text-align: center;
}

.parent-slug-plan .edit-area.title .inner {
  padding: 30px 0;
}

.parent-slug-plan .edit-area.title .inner p {
  font-size: 1.6rem;
  margin-bottom: 0;
}

.parent-slug-plan .edit-area.title .inner h1 {
  font-size: 3rem;
  line-height: 1.6;
  font-weight: 600;
  letter-spacing: 0;
}

.parent-slug-plan .edit-area.title .inner h1 span {
  font-size: 2.4rem;
}

/* hover */

/* ~sp */

@media screen and (max-width: 767px) {
  .parent-slug-plan .edit-area.title .inner {
    padding: 14px 0 12px;
  }

  .parent-slug-plan .edit-area.title .inner h1 span {
    display: block;
    line-height: 1;
    margin-top: 10px;
  }
}

.parent-slug-plan .edit-area.keyvisual {
  background-image: url(/assets/img/plan/common/keyvisual.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  height: 450px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.parent-slug-plan .edit-area.keyvisual h2 {
  position: relative;
  font-size: 3rem;
  padding-bottom: 21px;
  margin-bottom: 20px;
  line-height: 1.35;
  letter-spacing: 4px;
}

.parent-slug-plan .edit-area.keyvisual h2:after {
  content: "";
  display: block;
  width: 56px;
  height: 3px;
  background-color: #EE7D1C;
  position: absolute;
  left: 0;
  bottom: 0;
}

.parent-slug-plan .edit-area.keyvisual p {
  font-size: 1.6rem;
  line-height: 1.8;
}

/* ~ipad pro */

@media screen and (max-width: 1023px) {
  .parent-slug-plan .edit-area.keyvisual .inner {
    width: 60%;
    margin: 0 auto 0 0;
    padding-left: 5%;
  }
}

/* ~sp */

@media screen and (max-width: 767px) {
  .parent-slug-plan .edit-area.keyvisual {
    display: block;
    height: auto;
    background-size: 220% auto;
    background-position: 100% 0%;
    padding-top: 78vw;
  }

  .parent-slug-plan .edit-area.keyvisual .inner {
    width: 90%;
    margin: 0 auto;
    padding: 0;
  }

  .parent-slug-plan .edit-area.keyvisual h2 {
    font-size: 2.6rem;
  }
}

/* .edit-area.point
----------------------------------------------------------------*/
.edit-area.point {
  padding: 90px 0;
}

.edit-area.point h3 {
  font-size: 3.4rem;
  text-align: center;
  line-height: 1;
  margin-bottom: 50px;
}

.edit-area.point h3 span {
  padding-left: 50px;
  background: url(/assets/img/plan/common/point-icon.png) no-repeat 0% 50%;
}

.edit-area.point ol {
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.edit-area.point ol li {
  width: 31%;
}

.edit-area.point ol li img {
  margin-bottom: 20px;
  width: 100%;
  max-width: 330px;
  height: auto;
}

.edit-area.point ol li dl dt {
  position: relative;
  font-size: 1.8rem;
  font-weight: 600;
  color: #33A458;
  padding-left: 60px;
  line-height: 1.4;
  vertical-align: middle;
  margin-bottom: 20px;
}

.edit-area.point ol li dl dt>span {
  font-size: 4.7rem;
  position: absolute;
  left: 0;
  line-height: 1.1;
  padding-right: 14px;
  border-right: solid 2px #33a458;
}

.edit-area.point ol li dl dd {
  font-size: 1.4rem;
  line-height: 1.6;
}

/* ~sp */

@media screen and (max-width: 767px) {
  .edit-area.point {
    padding: 50px 0 30px;
  }

  .edit-area.point h3 {
    font-size: 2.4rem;
  }

  .edit-area.point h3 span {
    padding: 4px 0 4px 50px;
    background-size: auto 100%;
  }

  .edit-area.point ol {
    flex-direction: column;
  }

  .edit-area.point ol li {
    width: 100%;
    margin-bottom: 40px;
  }

  .edit-area.point ol li img {
    display: block;
    max-width: -webkit-fill-available;
  }

  .edit-area.point ol li dl dt {
    padding-left: 40px;
    font-size: 2rem;
  }

  .edit-area.point ol li dl dt>span {
    font-size: 3rem;
    line-height: 1;
    height: 100%;
    width: 3.5%;
  }

  .edit-area.point ol li dl dt>span span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

/* ~sp sizeL */

/* .edit-area.flow 
----------------------------------------------------------------*/

.parent-slug-plan .edit-area.flow {
  background-color: #FCF4E0;
}

.parent-slug-plan .edit-area.flow .inner {
  padding: 90px 0;
  background-image: url(/assets/img/plan/common/flow-ribbon01.png),
        url(/assets/img/plan/common/flow-ribbon02.png);
  background-repeat: no-repeat;
  background-position: 0% 5%, 100% 5%;
}

.parent-slug-plan .edit-area.flow .catch {
  color: #EC740E;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: .25rem;
  margin: 0;
}

.parent-slug-plan .edit-area.flow .catch span {
  position: relative;
  padding: 0 30px;
}

.parent-slug-plan .edit-area.flow .catch span:before,
.parent-slug-plan .edit-area.flow .catch span:after {
  content: "";
  display: block;
  width: 4px;
  height: 45px;
  background-color: #ED750F;
  position: absolute;
  top: 0;
}

.parent-slug-plan .edit-area.flow .catch span:before {
  left: 0;
  transform: skewX(22deg);
}

.parent-slug-plan .edit-area.flow .catch span:after {
  right: 0px;
  transform: skewX(-22deg);
}

.parent-slug-plan .edit-area.flow h3 {
  text-align: center;
  font-size: 3.6rem;
  line-height: 1.5;
  margin-bottom: 4rem;
}

.parent-slug-plan .edit-area.flow h3 span {
  font-size: 4.6rem;
}

.parent-slug-plan .edit-area.flow .t_left {
  max-width: 600px;
  margin: 0 auto 30px;
}

.parent-slug-plan .edit-area.flow .links {
  width: 90%;
  max-width: 600px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  text-align: center;
  font-weight: 600;
  margin: 20px auto 50px;
}

.parent-slug-plan .edit-area.flow .links li {
  position: relative;
  text-align: center;
  width: 33.3333%;
}

.parent-slug-plan .edit-area.flow .links li:before {
  content: "";
  display: block;
  width: 53%;
  height: 5px;
  background-color: #888;
  position: absolute;
  top: 24px;
}

.parent-slug-plan .edit-area.flow .links li:nth-of-type(1):before {
  right: -2%;
}

.parent-slug-plan .edit-area.flow .links li:nth-of-type(2):before {
  width: 100%;
}

.parent-slug-plan .edit-area.flow .links li:nth-of-type(3):before {
  left: -2%;
}

.parent-slug-plan .edit-area.flow .links li dl dt {
  position: relative;
  z-index: 1;
}

.parent-slug-plan .edit-area.flow .links li dl dt a {
  width: 52px;
  line-height: 52px;
  display: block;
  border-radius: 100px;
  background-color: #ed750f;
  color: #FFF;
  font-size: 2.7rem;
  margin: 0 auto;
}

.parent-slug-plan .edit-area.flow .block .box {
  background-color: #FFF;
  padding: 60px;
  margin-bottom: 40px;
}

.parent-slug-plan .edit-area.flow .block .box.option {
  padding-bottom: 0;
}

.parent-slug-plan .edit-area.flow .block .box dl dt {
  font-size: 2.6rem;
  font-weight: 600;
  vertical-align: middle;
  margin-bottom: 20px;
}

.parent-slug-plan .edit-area.flow .block .box dl dt span {
  width: 40px;
  line-height: 40px;
  display: inline-block;
  background-color: #ed750f;
  text-align: center;
  color: #FFF;
  font-size: 2.7rem;
  font-weight: 600;
  border-radius: 100px;
  margin-right: 10px;
}

.parent-slug-plan .edit-area.flow .block .box dl dd .photo-side {
  width: 46%;
  text-align: right;
}

.parent-slug-plan .edit-area.flow .block .box dl dd .photo-side img {
  width: 100%;
  max-width: 410px;
}

.parent-slug-plan .edit-area.flow .block .box#flow02 dl dd .photo-side img {
  max-width: 431px;
  width: 100%;
}

.parent-slug-plan .edit-area.flow .block .box#flow03 dl dd .photo-side img {
  max-width: 301px;
  width: 100%;
}

.parent-slug-plan .edit-area.flow .block .box dl dd .text-side {
  width: 52%;
}

.parent-slug-plan .edit-area.flow .block .box .btns {
  text-align: center;
  padding-top: 40px;
  width: 70%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.parent-slug-plan .edit-area.flow .block .box .btn01 {
  max-width: 300px;
  margin: 0 auto;
  padding-top: 20px;
}

.parent-slug-plan .edit-area.flow .block .box .btns .btn01 {
  display: inline-block;
  width: 100%;
}

.parent-slug-plan .edit-area.flow .block .box .btn01 a {
  font-size: 1.6rem;
}

.parent-slug-plan .edit-area.flow .block .box.option>.photo-set {
  /* background: url(/assets/img/plan/common/flow-img05.jpg) no-repeat 10% 100%; */
  padding: 30px 0 60px;
}

.parent-slug-plan .edit-area.flow .block .box.option>.photo-set .photo-side {
  width: 44%;
}

.parent-slug-plan .edit-area.flow .block .box.option>.photo-set .photo-side img {
  width: 100%;
}

.parent-slug-plan .edit-area.flow .block .box.option>.photo-set .text-side {
  width: 52%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  background-color: #FFF;
}

.parent-slug-plan .edit-area.flow .block .box.option>.photo-set .text-side dl {
  background: #F5F5FA;
}

.parent-slug-plan .edit-area.flow .block .box.option>.photo-set .text-side dl dt {
  background-color: #6373B7;
  color: #FFF;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 3;
  padding-left: 20px;
  margin-bottom: 0;
}

.parent-slug-plan .edit-area.flow .block .box.option>.photo-set .text-side dl dd {
  padding: 30px;
}

.parent-slug-plan .edit-area.flow .block .box.option>.photo-set .text-side dl dd ol li dl {
  margin-bottom: 6px;
}

.parent-slug-plan .edit-area.flow .block .box.option>.photo-set .text-side dl dd ol li dl dt {
  background: transparent;
  color: #000;
  font-size: 1.6rem;
  line-height: 2;
  padding: 0;
}

.parent-slug-plan .edit-area.flow .block .box.option>.photo-set .text-side dl dd ol li dl dt:before {
  content: "1";
  display: inline-block;
  text-align: center;
  line-height: 26px;
  width: 26px;
  background-color: #6373B7;
  border-radius: 100px;
  color: #FFF;
  margin-right: 10px;
}

.parent-slug-plan .edit-area.flow .block .box.option>.photo-set .text-side dl dd ol li:nth-of-type(2) dl dt:before {
  content: "2";
}

.parent-slug-plan .edit-area.flow .block .box.option>.photo-set .text-side dl dd ol li:nth-of-type(3) dl dt:before {
  content: "3";
}

.parent-slug-plan .edit-area.flow .block .box.option>.photo-set .text-side dl dd ol li:nth-of-type(4) dl dt:before {
  content: "4";
}

.parent-slug-plan .edit-area.flow .block .box.option>.photo-set .text-side dl dd ol li dl dd {
  padding: 0px 40px 8px;
  font-size: 1.4rem;
  line-height: 1.8;
}

/* hover */

/* ~ipad pro */

@media screen and (max-width: 1024px) {
  .parent-slug-plan .edit-area.flow {
    background-image: url(/assets/img/plan/common/flow-ribbon01.png), url(/assets/img/plan/common/flow-ribbon02.png);
    background-repeat: no-repeat;
    background-position: 0% 14px, 100% 14px;
  }

  .parent-slug-plan .edit-area.flow .inner {
    background: none;
    padding: 70px 0 40px;
  }

  .parent-slug-plan .edit-area.flow .block .box .btns {
    width: 100%;
  }

  .parent-slug-plan .edit-area.flow .block .box .btns .btn01 {
    max-width: 260px;
  }

  .parent-slug-plan .edit-area.flow .block .box.option>.photo-set {
    background: none;
  }

  .parent-slug-plan .edit-area.flow .block .box.option>.photo-set .photo-side {
    width: 100%;
    margin: 0 auto;
    float: none;
    /* background: url(/assets/img/plan/common/flow-img05.jpg) no-repeat 100% 100% / 36% auto; */
  }

  .parent-slug-plan .edit-area.flow .block .box.option>.photo-set .photo-side img {
    width: 56%;
    margin-bottom: 30px;
  }

  .parent-slug-plan .edit-area.flow .block .box.option>.photo-set .text-side {
    width: 100%;
    float: none;
  }
}

/* ~1023px */

/* ~sp */

@media screen and (max-width: 767px) {
  .parent-slug-plan .edit-area.flow {
    background-size: auto 40px;
  }

  .parent-slug-plan .edit-area.flow .catch {
    font-size: 2rem;
  }

  .parent-slug-plan .edit-area.flow .catch span:before,
  .parent-slug-plan .edit-area.flow .catch span:after {
    height: 100%;
  }

  .parent-slug-plan .edit-area.flow h3 {
    font-size: 2.6rem;
    margin-bottom: 24px;
  }

  .parent-slug-plan .edit-area.flow h3 span {
    font-size: 3.6rem;
  }

  .parent-slug-plan .edit-area.flow p {
    text-align: left;
    margin-bottom: 40px;
  }

  .parent-slug-plan .edit-area.flow .links {
    width: 100%;
    font-size: 1.2rem;
    letter-spacing: 0;
    margin-bottom: 40px;
  }

  .parent-slug-plan .edit-area.flow .links li dl dt a {
    margin-bottom: 10px;
  }

  .parent-slug-plan .edit-area.flow .block .box {
    padding: 30px 20px;
  }

  .parent-slug-plan .edit-area.flow .block .box dl dt {
    font-size: 2rem;
  }

  .parent-slug-plan .edit-area.flow .block .box dl dt span {
    width: 30px;
    line-height: 30px;
    font-size: 1.8rem;
  }

  .parent-slug-plan .edit-area.flow .block .box dl dd .photo-side {
    width: 92%;
    float: none;
    margin: 0 auto 23px;
  }

  .parent-slug-plan .edit-area.flow .block .box dl dd .photo-side img {
    margin: 0 auto;
    display: block;
  }

  .parent-slug-plan .edit-area.flow .block .box dl dd .text-side {
    width: 100%;
    float: none;
  }

  .parent-slug-plan .edit-area.flow .block .box dl dd .text-side p {
    margin-bottom: 0;
    font-size: 1.4rem;
  }

  .parent-slug-plan .edit-area.flow .block .box .btns {
    padding-top: 0;
    flex-direction: column;
  }

  .parent-slug-plan .edit-area.flow .block .box .btn01 {
    padding-top: 24px;
  }

  .parent-slug-plan .edit-area.flow .block .box .btns .btn01 {
    max-width: none;
    width: 90%;
  }

  .parent-slug-plan .edit-area.flow .block .box.option>.photo-set .photo-side {
    background-size: 44% auto;
  }

  .parent-slug-plan .edit-area.flow .block .box.option>.photo-set .photo-side img {
    width: 53%;
  }

  .parent-slug-plan .edit-area.flow .block .box.option>.photo-set .text-side dl dd {
    padding: 20px 14px 10px;
  }
}

/* ~sp sizeL */

/* .edit-area.option
----------------------------------------------------------------*/

.parent-slug-plan .edit-area.option {
  background: url(/assets/img/plan/common/option-bg.jpg) no-repeat 50% 50% / cover;
  padding: 60px 0;
}

.parent-slug-plan .edit-area.option h3 {
  font-size: 3.6rem;
  text-align: center;
  margin-bottom: 40px;
}

.parent-slug-plan .edit-area.option h3 span {
  padding-left: 120px;
  background: url(/assets/img/plan/common/option-icon.png) no-repeat 0% 50%;
  line-height: 2.2;
  display: inline-block;
}

.parent-slug-plan .edit-area.option .pay-box {
  border: solid 3px #6373B7;
  box-sizing: border-box;
  margin-bottom: 60px;
}

.parent-slug-plan .edit-area.option .pay-box dl dt {
  background-color: #6373B7;
  font-weight: 600;
  font-size: 2.0rem;
  color: #FFF;
  text-align: center;
  line-height: 2.6;
}

.parent-slug-plan .edit-area.option .pay-box dl dd {
  padding: 40px 0;
}

.parent-slug-plan .edit-area.option .pay-box dl dd ul {
  width: 70%;
  margin: 0 auto;
  font-size: 0;
}

.parent-slug-plan .edit-area.option .pay-box dl dd ul li {
  width: 24.8%;
  display: inline-block;
  text-align: center;
}

.parent-slug-plan .edit-area.option .pay-box dl dd ul li img {
  margin-bottom: 14px;
}

.parent-slug-plan .edit-area.option .pay-box dl dd ul li span {
  font-size: 1.6rem;
  display: block;
}

.parent-slug-plan .edit-area.option .pay-box .btn01 {
  width: 905;
  max-width: 320px;
  margin: 0 auto 50px;
}

.parent-slug-plan .edit-area.option .plus-one-box {
  background-image: url(/assets/img/plan/common/option-img05.png),
        url(/assets/img/plan/common/option-img06.png);
  background-repeat: no-repeat;
  background-position: 0% 90%, 100% 10%;
}

.parent-slug-plan .edit-area.option .plus-one-box .h_style01 {
  margin-bottom: 34px;
}

.parent-slug-plan .edit-area.option .plus-one-box p {
  max-width: 540px;
  margin: 0 auto 30px;
}

.parent-slug-plan .edit-area.option .plus-one-box p:last-of-type {
  margin-bottom: 50px;
}

.parent-slug-plan .edit-area.option .plus-one-box .btn01 {
  max-width: 320px;
  margin: 0 auto;
}

.parent-slug-plan .edit-area.option .plus-one-box .btn01 a {
  padding: 10px 0;
}

.parent-slug-plan .edit-area.option .plus-one-box .btn01 a span {
  display: block;
  line-height: 1.8;
}

/* hover */

/* ~ipad pro */

@media screen and (max-width: 1024px) {
  .parent-slug-plan .edit-area.option h3 {
    font-size: 3rem;
  }

  .parent-slug-plan .edit-area.option h3 span {
    background-size: auto 100%;
    padding-left: 90px;
  }

  .parent-slug-plan .edit-area.option .pay-box dl dd ul {
    width: 90%;
  }

  .parent-slug-plan .edit-area.option .plus-one-box {
    background-position: 0% 0%, 100% 0%;
    background-size: auto 90px;
  }
}

/* ~sp */

@media screen and (max-width: 767px) {
  .parent-slug-plan .edit-area.option {
    padding: 40px 0;
  }

  .parent-slug-plan .edit-area.option h3 {
    font-size: 2.2rem;
    margin-bottom: 20px;
  }

  .parent-slug-plan .edit-area.option h3 span {
    padding: 70px 0 0 0;
    background-size: auto 70px;
    background-position: 50% 0%;
  }

  .parent-slug-plan .edit-area.option .pay-box dl dd ul li {
    width: 49%;
  }

  .parent-slug-plan .edit-area.option .plus-one-box {
    background-position: 15% 14%, 85% 14%;
    background-size: auto 90px;
  }

  .parent-slug-plan .edit-area.option .plus-one-box .h_style01 {
    margin-bottom: 120px;
  }
}

/* ~sp sizeL */

/* .edit-area.plan
----------------------------------------------------------------*/

.parent-slug-plan .edit-area.plan {
  background-color: #EEE;
  padding: 60px 0;
}

.parent-slug-plan .edit-area.plan .h_style01 {
  font-size: 3.6rem;
  margin-bottom: 40px;
}

.parent-slug-plan .edit-area.plan .t_left {
  max-width: 610px;
  margin: 0 auto 40px;
}

.parent-slug-plan .edit-area.plan ul {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.parent-slug-plan .edit-area.plan ul li {
  margin-bottom: 1%;
}

.parent-slug-plan .edit-area.plan ul:after {
  content: "";
  display: block;
  width: 23.5%;
}

/* hover */

/* ~ipad pro */

@media screen and (max-width: 1024px) {
  .parent-slug-plan .edit-area.plan ul li {
    width: 23%;
  }

  .parent-slug-plan .edit-area.plan ul li img {
    width: 100%;
    height: auto;
  }
}

/* ~sp */

@media screen and (max-width: 767px) {
  .parent-slug-plan .edit-area.plan {
    padding: 40px 0;
  }

  .parent-slug-plan .edit-area.plan .h_style01 {
    font-size: 2.6rem;
  }

  .parent-slug-plan .edit-area.plan ul:after {
    width: 49%;
  }

  .parent-slug-plan .edit-area.plan ul li {
    width: 47%;
  }

  .parent-slug-plan .edit-area.plan ul li img {
    width: 100%;
  }
}

/* .edit-area.other-data
----------------------------------------------------------------*/

.parent-slug-plan .edit-area.other-data {
  padding: 90px 0;
}

.parent-slug-plan .edit-area.other-data h3 {
  font-size: 3.6rem;
  text-align: center;
  margin-bottom: 40px;
}

.parent-slug-plan .edit-area.other-data h3 span {
  padding-left: 120px;
  background: url(/assets/img/plan/common/other-data-icon.png) no-repeat 0% 50%;
  line-height: 2.2;
  display: inline-block;
}

/* hover */

/* ~1080px */

@media screen and (max-width: 1080px) {
  .parent-slug-plan .edit-area.other-data .scroll-box {
    position: relative;
    overflow-x: scroll;
  }

  .parent-slug-plan .edit-area.other-data .scroll-box::-webkit-scrollbar {
    height: 4px;
  }

  .parent-slug-plan .edit-area.other-data .scroll-box::-webkit-scrollbar-track {
    margin: 0 2px;
    background: #ccc;
    border-radius: 5px;
  }

  .parent-slug-plan .edit-area.other-data .scroll-box::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #666;
  }
}

/* ~ipad pro */

@media screen and (max-width: 1024px) {
  .parent-slug-plan .edit-area.other-data {
    padding: 70px 0;
  }

  .parent-slug-plan .edit-area.other-data h3 {
    font-size: 3rem;
  }

  .parent-slug-plan .edit-area.other-data h3 span {
    background-size: auto 100%;
    padding-left: 90px;
  }
}

/* ~sp */

@media screen and (max-width: 767px) {
  .parent-slug-plan .edit-area.other-data {
    padding: 40px 0;
  }

  .parent-slug-plan .edit-area.other-data h3 {
    font-size: 2.2rem;
    margin-bottom: 20px;
    line-height: 1.6;
    letter-spacing: 0;
  }

  .parent-slug-plan .edit-area.other-data h3 span {
    padding: 70px 0 0 0;
    background-size: auto 70px;
    background-position: 50% 0%;
  }

  .parent-slug-plan .edit-area.other-data .t_center {
    text-align: left;
  }

  .parent-slug-plan .edit-area.other-data .scroll-box {
    position: relative;
    padding-top: 40px;
  }

  .parent-slug-plan .edit-area.other-data .scroll-box:before {
    content: "";
    display: block;
    width: 100%;
    height: 30px;
    background: url(/assets/img/common/parts/scllor-cap.png) no-repeat 0% 50% / 74% auto;
    position: absolute;
    top: 0;
    left: 0;
  }

  .parent-slug-plan .edit-area.other-data .scroll-box img {
    width: 600px;
  }
}

/* .edit-area.step
----------------------------------------------------------------*/

.parent-slug-plan .edit-area.step {
  background: url(/assets/img/plan/common/step-bg01.jpg);
  padding: 90px 0 60px;
}

.parent-slug-plan .edit-area.step h3 {
  color: #1F1713;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: .25rem;
  margin: 0 0 30px;
}

.parent-slug-plan .edit-area.step h3 span {
  position: relative;
  padding: 0 30px;
}

.parent-slug-plan .edit-area.step h3 span:before,
.parent-slug-plan .edit-area.step h3 span:after {
  content: "";
  display: block;
  width: 4px;
  height: 45px;
  background-color: #1F1713;
  position: absolute;
  top: 0;
}

.parent-slug-plan .edit-area.step h3 span:before {
  left: 0;
  transform: skewX(22deg);
}

.parent-slug-plan .edit-area.step h3 span:after {
  right: 0px;
  transform: skewX(-22deg);
}

.parent-slug-plan .edit-area.step h3 strong {
  font-size: 3.6rem;
  display: block;
  padding: 8px 0 30px;
}

.parent-slug-plan .edit-area.step table {
  position: relative;
}

.parent-slug-plan .edit-area.step table:before {
  content: "";
  display: block;
  width: 4px;
  height: calc(100% - 98px);
  position: absolute;
  left: 46px;
  background: rgb(253, 221, 99);
  background: linear-gradient(to bottom, rgba(253, 221, 99, 1) 0%, rgba(240, 88, 23, 1) 100%);
}

.parent-slug-plan .edit-area.step table tbody tr th {
  width: 91px;
  line-height: 91px;
  display: block;
  border-radius: 100px;
  text-align: center;
  font-weight: 600;
  border: solid 3px #000;
  position: relative;
  background-color: #FFF;
}

.parent-slug-plan .edit-area.step table tbody tr:nth-of-type(1) th {
  border-color: #FCD25D;
}

.parent-slug-plan .edit-area.step table tbody tr:nth-of-type(2) th {
  border-color: #FAC354;
}

.parent-slug-plan .edit-area.step table tbody tr:nth-of-type(3) th {
  border-color: #F7A442;
}

.parent-slug-plan .edit-area.step table tbody tr:nth-of-type(4) th {
  border-color: #F58F37;
}

.parent-slug-plan .edit-area.step table tbody tr:nth-of-type(5) th {
  border-color: #F37829;
}

.parent-slug-plan .edit-area.step table tbody tr:nth-of-type(6) th {
  border-color: #F1601C;
}

.parent-slug-plan .edit-area.step table tbody tr td {
  padding-left: 40px;
}

.parent-slug-plan .edit-area.step table tbody tr td dl {
  padding: 0 0 60px;
}

.parent-slug-plan .edit-area.step table tbody tr td dl dt {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 6px;
}

.parent-slug-plan .edit-area.step table tbody tr td dl dt span {
  color: #33A458;
}

.parent-slug-plan .edit-area.step table tbody tr td dl dd p {
  margin-bottom: 0;
}

.parent-slug-plan .edit-area.step table tbody tr td dl dd .btn01 {
  margin: 16px 0 0;
}

.parent-slug-plan .edit-area.step table tbody tr td dl dd .btns .btn01 {
  display: inline-block;
  max-width: 220px;
  margin-right: 20px;
}

/* ~sp */

@media screen and (max-width: 767px) {
  .parent-slug-plan .edit-area.step {
    padding: 60px 0 20px;
  }

  .parent-slug-plan .edit-area.step h3 {
    font-size: 2rem;
  }

  .parent-slug-plan .edit-area.step h3 span:before,
  .parent-slug-plan .edit-area.step h3 span:after {
    height: 100%;
  }

  .parent-slug-plan .edit-area.step h3 strong {
    font-size: 2.8rem;
  }

  .parent-slug-plan .edit-area.step table:before {
    left: 36px;
    height: 85.5%;
  }

  .parent-slug-plan .edit-area.step table tbody tr th {
    width: 70px;
    line-height: 70px;
    font-size: 1.4rem;
    letter-spacing: 0;
  }

  .parent-slug-plan .edit-area.step table tbody tr td {
    padding-left: 20px;
  }

  .parent-slug-plan .edit-area.step table tbody tr td dl dd p {
    margin-bottom: 10px;
  }

  .parent-slug-plan .edit-area.step table tbody tr td dl dd .btns .btn01 {
    margin: 0 0 16px;
    max-width: none;
  }
}

/* anker--qa
----------------------------------------------------------------*/

.parent-slug-plan .edit-area.qa {
  background-color: #FFF8E5;
}

/* anker--other-plan
----------------------------------------------------------------*/

.parent-slug-plan .edit-area.other-plan {
  padding: 60px 0 80px;
}

.parent-slug-plan .edit-area.other-plan h2 {
  font-size: 3.2rem;
  text-align: center;
  margin-bottom: 30px;
}

.parent-slug-plan .edit-area.other-plan ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.parent-slug-plan .edit-area.other-plan ul li {
  position: relative;
  background-color: #FFF;
  border: solid 4px #000;
  border-radius: 6px;
  box-sizing: border-box;
  box-shadow: 0px 4px 4px 4px rgba(187, 187, 187, 0.4);
  background-repeat: no-repeat;
  background-position: 85% 50%;
  background-size: auto 110px;
  transition: all .3s;
  width: 48%;
}

.parent-slug-plan .edit-area.other-plan ul li a {
  position: relative;
  display: block;
  padding: 30px 20px;
}

.parent-slug-plan .edit-area.other-plan ul li a:before {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  border-radius: 100px;
  background-color: #AAA;
  position: absolute;
  bottom: 10px;
  right: 10px;
  margin-top: -6px;
}

.parent-slug-plan .edit-area.other-plan ul li a:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-top: solid 2px #FFF;
  border-right: solid 2px #FFF;
  transform: rotate(45deg);
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 1;
}

.parent-slug-plan .edit-area.other-plan ul li a .inner .catch {
  background-color: #000;
  color: #FFF;
  line-height: 2.6;
  border-radius: 100px;
  text-align: center;
  display: inline-block;
  padding: 0 28px;
  margin-bottom: 10px;
  font-size: 1.4rem;
  font-weight: 600;
}

.parent-slug-plan .edit-area.other-plan ul li a .inner .title {
  font-size: 2.6rem;
  font-weight: 600;
  margin-bottom: 0px;
  letter-spacing: .5rem;
}

.parent-slug-plan .edit-area.other-plan ul li.fullorder {
  border-color: #4CBEE2;
  background-image: url(/assets/img/plan/common/plan-img02.png);
  background-position: 89% 50%;
}

.parent-slug-plan .edit-area.other-plan ul li.fullorder a .inner .catch {
  background-color: #4CBEE2;
}

.parent-slug-plan .edit-area.other-plan ul li.fullorder a:before {
  background-color: #4CBEE2;
}

.parent-slug-plan .edit-area.other-plan ul li.data {
  border-color: #18C8BE;
  background-image: url(/assets/img/plan/common/plan-img03.png);
}

.parent-slug-plan .edit-area.other-plan ul li.data a .inner .catch {
  background-color: #18C8BE;
}

.parent-slug-plan .edit-area.other-plan ul li.data a:before {
  background-color: #18C8BE;
}

.parent-slug-plan .edit-area.other-plan ul li.customize {
  border-color: #ED750F;
  background-image: url(/assets/img/plan/common/plan-img04.png);
  background-position: 94% 50%;
  background-size: 150px auto;
}

.parent-slug-plan .edit-area.other-plan ul li.customize a .inner .catch {
  background-color: #ED750F;
}

.parent-slug-plan .edit-area.other-plan ul li.customize a:before {
  background-color: #ED750F;
}

/* hover */

@media screen and (min-width: 1024px) {
  .parent-slug-plan .edit-area.other-plan ul li:hover {
    transform: translateY(-10px);
  }
}

/* ~ipad */

@media screen and (max-width: 1023px) {
  .parent-slug-plan .edit-area.other-plan {
    padding: 60px 0;
  }

  .parent-slug-plan .edit-area.other-plan ul li {
    background-size: auto 40%;
    background-position: 50% 80%;
    text-align: center;
  }

  .parent-slug-plan .edit-area.other-plan ul li.fullorder {
    background-size: auto 40%;
    background-position: 50% 80%;
  }

  .parent-slug-plan .edit-area.other-plan ul li a {
    padding: 20px 20px 160px;
  }
}

/* ~sp */

@media screen and (max-width: 767px) {
  .parent-slug-plan .edit-area.other-plan {
    padding: 40px 0;
  }

  .parent-slug-plan .edit-area.other-plan ul li {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    background-size: auto 40%;
    background-position: 50% 80%;
  }

  .parent-slug-plan .edit-area.other-plan ul li.fullorder {
    background-size: auto 90px;
    background-position: 50% 80%;
  }

  .parent-slug-plan .edit-area.other-plan ul li.data {
    background-size: auto 86px;
    background-position: 50% 80%;
  }

  .parent-slug-plan .edit-area.other-plan ul li.customize {
    background-position: 50% 80%;
    background-size: 160px auto;
  }

  .parent-slug-plan .edit-area.other-plan ul li a {
    padding: 20px 20px 120px;
  }

  .parent-slug-plan .edit-area.other-plan ul li a:after {
    bottom: 19px;
  }

  .parent-slug-plan .edit-area.other-plan ul li a .inner .catch {
    padding: 0 12px;
  }

  .parent-slug-plan .edit-area.other-plan ul li a .inner .title {
    font-size: 2.2rem;
  }
}

/* ==========================================================================
   customize.css : css/page/customize.css -> scope: .page-slug-customize
   ========================================================================== */

.page-slug-customize .edit-area.keyvisual {
  background-image: url(/assets/img/plan/customize/keyvisual.jpg);
}

/* ==========================================================================
   data.css : css/page/data.css -> scope: .page-slug-data
   ========================================================================== */

.page-slug-data .edit-area.title {
  background-image: url(/assets/img/common/parts/background03.jpg);
}

.page-slug-data .edit-area.keyvisual h2:after {
  background-color: #18C8BE;
}

.page-slug-data .edit-area.keyvisual {
  background-image: url(/assets/img/plan/data/keyvisual.jpg);
}

.page-slug-data .btn02 {
  width: 100%;
  max-width: 310px;
  margin: 0 auto;
}

.page-slug-data .btn02 a {
  position: relative;
  display: block;
  font-size: 1.6rem;
  text-align: center;
  line-height: 3.2;
  border: solid 2px #565656;
  transition: all .3s;
}

.page-slug-data .btn02 a:after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-top: solid 2px #565656;
  border-right: solid 2px #565656;
  transform: rotate(45deg);
  position: absolute;
  top: 44%;
  right: 6%;
}

.page-slug-data .edit-area.note {
  padding: 60px 0;
  /*background: url(/assets/img/common/parts/background04.jpg) repeat;*/
  background-color: #FBF7F4;
  text-align: center;
}

.page-slug-data .edit-area.note .inner {
  padding: 40px;
  border: solid 4px #EC0000;
  background-color: #FFF;
  box-sizing: border-box;
}

.page-slug-data .edit-area.note h2 {
  font-size: 2.8rem;
  font-weight: 600;
  margin-bottom: 16px;
}

.page-slug-data .edit-area.note h2 span {
  padding-left: 40px;
  background: url(/assets/img/plan/data/note-icon.png) no-repeat 0% 50%;
}

.page-slug-data .edit-area.note .catch {
  font-size: 2.2rem;
  font-weight: 600;
  color: #EB0000;
  margin-bottom: 18px;
}

.page-slug-data .edit-area.note .btns {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-top: 30px;
}

.page-slug-data .edit-area.note .btns .btn02 {
  display: inline-block;
  width: 30%;
  box-shadow: 0 3px 5px rgba(99, 99, 99, 0.4);
}

/* hover */

@media screen and (min-width: 1024px) {
  .page-slug-data .btn02 a:hover {
    opacity: .7;
  }
}

/* ~1023px */

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

  .page-slug-data .edit-area.note .t_center {
    text-align: left;
  }

  .page-slug-data .edit-area.note .btns {
    flex-direction: column;
  }

  .page-slug-data .edit-area.note .btns .btn02 {
    margin-bottom: 16px;
    width: 100%;
  }

}

/* ~sp */

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

  .page-slug-data .edit-area.note .inner {
    padding: 30px 20px;
  }

  .page-slug-data .edit-area.note h2 span {
    padding: 44px 0 0;
    display: block;
    background-position: 50% 0;
  }

  .page-slug-data .edit-area.note .t_center {
    text-align: left;
  }

}

.page-slug-data .edit-area.plan ul:after {
  width: 74%;
}

@media screen and (max-width: 767px) {
  .page-slug-data .edit-area.plan ul:after {
    width: 49%;
  }
}

/* ==========================================================================
   初めての方へ (howto) — scope: .page-slug-howto
   ========================================================================== */

.page-slug-howto .edit-area.keyvisual {
  background-image: url(/assets/img/howto/keyvisual-bg01.png),
		url(/assets/img/howto/keyvisual-bg02.png),
		url(/assets/img/howto/background01.jpg);
  background-repeat: no-repeat, no-repeat, repeat;
  background-position: 0% 0%, 100% 0%, 50% 50%;
  background-size: auto 100%, auto 100%, auto;
  padding: 70px 0 60px;
}

.page-slug-howto .edit-area.keyvisual h1 {
  position: relative;
  font-size: 4.4rem;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  padding: 50px 0 10px;
  background: url(/assets/img/howto/keyvisual-icon01.png) no-repeat 50% 0%;
}

.page-slug-howto .edit-area.keyvisual h1 span {
  font-size: 2.6rem;
  font-weight: 800;
  letter-spacing: .35rem;
  display: block;
}

.page-slug-howto .edit-area.keyvisual h1:before {
  content: "";
  display: block;
  width: 116px;
  height: 108px;
  background: url(/assets/img/howto/keyvisual-icon02.png) no-repeat 50% 50%;
  position: absolute;
  top: 0;
  left: 0;
}

.page-slug-howto .edit-area.keyvisual h1:after {
  content: "";
  display: block;
  width: 116px;
  height: 108px;
  background: url(/assets/img/howto/keyvisual-icon03.png) no-repeat 50% 50%;
  position: absolute;
  top: 20px;
  right: 0;
}

.page-slug-howto .edit-area.keyvisual .catch {
  position: relative;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: 600;
  color: #2CB19B;
  padding-top: 20px;
  text-align: center;
  margin-bottom: 10px;
}

.page-slug-howto .edit-area.keyvisual .catch:before {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  background-color: #2CB19B;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.page-slug-howto .edit-area.keyvisual .catch span {
  position: relative;
  font-size: 2.2rem;
  font-weight: 600;
  color: #2CB19B;
}

.page-slug-howto .edit-area.keyvisual .catch span:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 100px;
  background-color: #2CB19B;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.page-slug-howto .edit-area.keyvisual p {
  font-size: 1.4rem;
  line-height: 1.6;
  margin: 0;
  max-width: 500px;
  margin: 0 auto;
}

/* hover */

/* ~1280px */

@media screen and (max-width: 1280px) {
  .page-slug-howto .edit-area.keyvisual {
    background-position: -5% 0%, 105% 0%, 50% 50%;
  }

  .page-slug-howto .edit-area.keyvisual .inner {
    background-color: rgba(255, 255, 255, .8);
    padding: 40px;
  }

  .page-slug-howto .edit-area.keyvisual h1 {
    font-size: 4rem;
  }

}

/* ~ipad pro */

/* ~sp */

@media screen and (max-width: 767px) {
  .page-slug-howto .edit-area.keyvisual {
    padding: 40px 0;
    background-position: -230px 0%, right -230px top 0%, 50% 50%;
    background-size: auto;
  }

  .page-slug-howto .edit-area.keyvisual .inner {
    max-width: -webkit-fill-available;
    padding: 40px 20px;
  }

  .page-slug-howto .edit-area.keyvisual h1 {
    font-size: 3.2rem;
  }

  .page-slug-howto .edit-area.keyvisual h1:before {
    transform-origin: left;
    transform: scale(.6);
  }

  .page-slug-howto .edit-area.keyvisual h1:after {
    transform-origin: right;
    transform: scale(.6);
  }

}

/* ~320px */

@media screen and (max-width: 320px) {
  .page-slug-howto .edit-area.keyvisual h1:before {
    transform: scale(.4);
  }

  .page-slug-howto .edit-area.keyvisual h1:after {
    transform: scale(.4);
  }
}

/* .edit-area.repeat
----------------------------------------------------------------*/

.edit-area.repeat {
  padding: 60px 0;
  background: url(/assets/img/howto/repeat-bg01.jpg) no-repeat 0% 0% / 100% 100%;
}

.edit-area.repeat h2 {
  color: #EC740E;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: .25rem;
  margin: 0 0 30px;
}

.edit-area.repeat h2 span {
  position: relative;
  padding: 0 30px;
  line-height: 1;
  display: inline-block;
}

.edit-area.repeat h2 span:before,
.edit-area.repeat h2 span:after {
  content: "";
  display: block;
  width: 4px;
  height: 45px;
  background-color: #EC740E;
  position: absolute;
  top: -10px;
}

.edit-area.repeat h2 span:before {
  left: 0;
  transform: skewX(22deg);
}

.edit-area.repeat h2 span:after {
  right: 0px;
  transform: skewX(-22deg);
}

.edit-area.repeat h2 strong {
  font-size: 3.4rem;
  display: block;
  color: #000;
  letter-spacing: .1rem;
  margin-top: 8px;
}

.page-slug-howto .edit-area.repeat .box,
.page-slug-customize .edit-area.point .box {
  position: relative;
  padding: 40px;
  border: solid 4px #EE7E1E;
  border-radius: 6px;
  box-sizing: border-box;
  background-color: #FFF;
  margin-bottom: 40px;
}

.page-slug-howto .edit-area.repeat .box:before,
.page-slug-customize .edit-area.point .box:before {
  content: "";
  display: block;
  width: 63px;
  height: 131px;
  background: url(/assets/img/howto/repeat-icon.png) no-repeat 50% 50%;
  position: absolute;
  top: -18px;
  left: 40px;
}

.page-slug-howto .edit-area.repeat .box:after,
.page-slug-customize .edit-area.point .box:after {
  content: "1";
  font-size: 2.9rem;
  font-weight: 600;
  color: #FFF;
  font-family: 'arial', 'arial black', serif;
  position: absolute;
  top: 40px;
  left: 58px;
  z-index: 1;
}

.page-slug-howto .edit-area.repeat .box:nth-of-type(2):after,
.page-slug-customize .edit-area.point .box:nth-of-type(2):after {
  content: "2";
}

.page-slug-howto .edit-area.repeat .box:nth-of-type(3):after,
.page-slug-customize .edit-area.point .box:nth-of-type(3):after {
  content: "3";
}

.page-slug-howto .edit-area.repeat .box .photo-set .text-side,
.page-slug-customize .edit-area.point .box .photo-set .text-side {
  width: calc(100% - 300px);
}

/* .edit-area.point h3 の中央寄せを .box 内の見出しでは打ち消す */
.page-slug-customize .edit-area.point .box .photo-set .text-side h3 {
  text-align: left;
}

.page-slug-howto .edit-area.repeat .box .photo-set .text-side h3,
.page-slug-customize .edit-area.point .box .photo-set .text-side h3 {
  font-size: 2.6rem;
  line-height: 1.4;
  font-weight: 600;
  color: #000;
  padding-left: 70px;
  min-height: 72px;
  display: flex;
  flex-direction: column;
  /* 子要素をflexboxにより縦方向に揃える */
  justify-content: center;
  /* 子要素をflexboxにより中央に配置する */
  /* align-items: end; */
  /* 子要素をflexboxにより中央に配置する */
  margin-bottom: 10px;
}

.page-slug-howto .edit-area.repeat .box .photo-set .photo-side,
.page-slug-customize .edit-area.point .box .photo-set .photo-side {
  width: 274px;
}

.page-slug-howto .edit-area.repeat .box .photo-set .photo-side img,
.page-slug-customize .edit-area.point .box .photo-set .photo-side img {
  width: 100%;
  height: auto;
}

.page-slug-howto .edit-area.repeat .box .photo-set .text-side dt,
.page-slug-customize .edit-area.point .box .photo-set .text-side dt {
  font-size: 1.8rem;
  font-weight: 600;
  color: #ED7E1E;
  display: flex;
  vertical-align: middle;
  margin-bottom: 10px;
}

.page-slug-howto .edit-area.repeat .box .photo-set .text-side dt span,
.page-slug-customize .edit-area.point .box .photo-set .text-side dt span {
  display: block;
  margin-top: -2px;
  line-height: 2.2;
}

.page-slug-howto .edit-area.repeat .box .photo-set .text-side dt:before,
.page-slug-customize .edit-area.point .box .photo-set .text-side dt:before,
.page-slug-howto .edit-area.repeat .box .photo-set .text-side dt:after,
.page-slug-customize .edit-area.point .box .photo-set .text-side dt:after {
  content: "［";
  font-size: 2.6rem;
  font-weight: normal;
  color: #ED7E1E;
}

.page-slug-howto .edit-area.repeat .box .photo-set .text-side dt:before,
.page-slug-customize .edit-area.point .box .photo-set .text-side dt:before {
  padding-right: 10px;
}

.page-slug-howto .edit-area.repeat .box .photo-set .text-side dt:after,
.page-slug-customize .edit-area.point .box .photo-set .text-side dt:after {
  content: "］";
  padding-left: 10px;
}

.page-slug-howto .edit-area.repeat .box .photo-set .text-side dd,
.page-slug-customize .edit-area.point .box .photo-set .text-side dd {
  font-size: 1.4rem;
  line-height: 1.4;
}

/* ~ipad pro */

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

  .page-slug-howto .edit-area.repeat .box .photo-set .photo-side,
  .page-slug-customize .edit-area.point .box .photo-set .photo-side {
    margin-bottom: 20px;
  }

  .page-slug-howto .edit-area.repeat .box .photo-set dl.text-side,
  .page-slug-customize .edit-area.point .box .photo-set dl.text-side {
    float: none;
    width: 100%;
    clear: both;
  }

}

/* ~sp */

@media screen and (max-width: 767px) {
  .page-slug-howto .edit-area.repeat h2 {
    font-size: 2rem;
  }

  .page-slug-howto .edit-area.repeat h2 span:before,
  .page-slug-howto .edit-area.repeat h2 span:after {
    height: 100%;
  }

  .page-slug-howto .edit-area.repeat h2 strong {
    font-size: 2.8rem;
    line-height: 1.4;
    margin-top: 10px;
  }

  .page-slug-howto .edit-area.repeat .box,
  .page-slug-customize .edit-area.point .box {
    padding: 20px 30px 30px;
  }

  .page-slug-howto .edit-area.repeat .box:before,
  .page-slug-customize .edit-area.point .box:before {
    top: -17px;
    left: 10px;
    background: url(/assets/img/howto/repeat-icon.png) no-repeat 50% 3px / auto 100px;
  }

  .page-slug-howto .edit-area.repeat .box:after,
  .page-slug-customize .edit-area.point .box:after {
    top: 26px;
    left: 30px;
  }

  .page-slug-howto .edit-area.repeat .box .photo-set .text-side,
  .page-slug-customize .edit-area.point .box .photo-set .text-side {
    float: none;
    width: 100%;
  }

  .page-slug-howto .edit-area.repeat .box .photo-set .text-side h3,
  .page-slug-customize .edit-area.point .box .photo-set .text-side h3 {
    padding-left: 40px;
    font-size: 2.4rem;
  }

  .page-slug-howto .edit-area.repeat .box .photo-set .photo-side,
  .page-slug-customize .edit-area.point .box .photo-set .photo-side {
    width: 80%;
    float: none;
    margin: 20px auto;
  }

  .page-slug-howto .edit-area.repeat .box .photo-set .text-side dt,
  .page-slug-customize .edit-area.point .box .photo-set .text-side dt {
    margin-bottom: 14px;
  }

  .page-slug-howto .edit-area.repeat .box .photo-set .text-side dt span,
  .page-slug-customize .edit-area.point .box .photo-set .text-side dt span {
    line-height: 1.4;
    text-align: center;
    margin-top: -8px;
    margin: 0;
    text-align: left;
  }

  .page-slug-howto .edit-area.repeat .box .photo-set .text-side dt:before,
  .page-slug-customize .edit-area.point .box .photo-set .text-side dt:before,
  .page-slug-howto .edit-area.repeat .box .photo-set .text-side dt:after,
  .page-slug-customize .edit-area.point .box .photo-set .text-side dt:after {
    display: none;
  }

}

/* anker--solution
----------------------------------------------------------------*/

.page-slug-howto .edit-area.solution,
.page-slug-plan .edit-area.solution {
  background: url(/assets/img/howto/background01.jpg);
  padding: 80px 0 30px;
}

.page-slug-howto .edit-area.solution h2,
.page-slug-plan .edit-area.solution h2 {
  font-size: 3.4rem;
  text-align: center;
  line-height: 1.25;
  margin-bottom: 20px;
  font-weight: 600;
}

.page-slug-howto .edit-area.solution .t_center,
.page-slug-plan .edit-area.solution .t_center {
  margin-bottom: 40px;
}

.page-slug-howto .edit-area.solution ul,
.page-slug-plan .edit-area.solution ul {
  display: flex;
  flex-wrap: wrap;
}

.page-slug-howto .edit-area.solution ul:after,
.page-slug-plan .edit-area.solution ul:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

.page-slug-howto .edit-area.solution ul li,
.page-slug-plan .edit-area.solution ul li {
  width: 33.3%;
  /* float: left; */
  text-align: center;
  margin-bottom: 50px;
}

.page-slug-howto .edit-area.solution ul li .before,
.page-slug-plan .edit-area.solution ul li .before {
  position: relative;
  font-size: 1.8rem;
  font-weight: 600;
  padding-bottom: 30px;
}

.page-slug-howto .edit-area.solution ul li .before:before,
.page-slug-plan .edit-area.solution ul li .before:before {
  content: "";
  display: block;
  width: 23px;
  height: 22px;
  background: url(/assets/img/howto/solution-icon01.png) no-repeat 50% 50%;
  position: absolute;
  top: -10px;
  right: -30px;
}

.page-slug-howto .edit-area.solution ul li .before:after,
.page-slug-plan .edit-area.solution ul li .before:after {
  content: "";
  display: block;
  width: 15px;
  height: 20px;
  background: url(/assets/img/howto/solution-icon02.png) no-repeat 50% 50% / 100% auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}

.page-slug-howto .edit-area.solution ul li img,
.page-slug-plan .edit-area.solution ul li img {
  display: block;
  margin: 0 auto 20px;
  margin-top: 40px;
}

.page-slug-howto .edit-area.solution ul li .after,
.page-slug-plan .edit-area.solution ul li .after {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.6;
}

.page-slug-howto .edit-area.solution .btn01,
.page-slug-plan .edit-area.solution .btn01 {
  max-width: 360px;
  margin: 0 auto;
}

.page-slug-howto .edit-area.solution .btn01 a,
.page-slug-plan .edit-area.solution .btn01 a {
  font-size: 1.6rem;
}

/* hover */

/* ~ipad pro */

@media screen and (max-width: 1024px) {
  .page-slug-howto .edit-area.solution ul li .before,
  .page-slug-plan .edit-area.solution ul li .before {
    font-size: 1.6rem;
  }
}

/* ~sp */

@media screen and (max-width: 767px) {
  .page-slug-howto .edit-area.solution,
  .page-slug-plan .edit-area.solution {
    padding: 45px 0;
  }

  .page-slug-howto .edit-area.solution .inner h2,
  .page-slug-plan .edit-area.solution .inner h2 {
    font-size: 2.6rem;
    line-height: 1.6;
  }

  .page-slug-howto .edit-area.solution .t_center,
  .page-slug-plan .edit-area.solution .t_center {
    text-align: left;
  }

  .page-slug-howto .edit-area.solution ul,
  .page-slug-plan .edit-area.solution ul {
    margin-bottom: 45px;
  }

  .page-slug-howto .edit-area.solution ul li,
  .page-slug-plan .edit-area.solution ul li {
    width: 100%;
    float: none;
    margin-bottom: 60px;
  }

  .page-slug-howto .edit-area.solution ul li .before,
  .page-slug-plan .edit-area.solution ul li .before {
    font-size: 2rem;
  }

  .page-slug-howto .edit-area.solution ul li img,
  .page-slug-plan .edit-area.solution ul li img {
    margin-bottom: 10px;
  }
}

/* ~sp sizeL */

/* anker--plan
----------------------------------------------------------------*/

.type-home .edit-area.plan,
.page-slug-plan .edit-area.plan {
  padding: 60px 0 90px;
}

.type-home .edit-area.plan .h_style01 .size-l,
.page-slug-plan .edit-area.plan .h_style01 .size-l {
  font-size: 3.9rem;
}

.type-home .edit-area.plan .h_style01 .size-s,
.page-slug-plan .edit-area.plan .h_style01 .size-s {
  font-size: 1.8rem;
}

.type-home .edit-area.plan .catch,
.page-slug-plan .edit-area.plan .catch {
  position: relative;
  font-size: 3.7rem;
  text-align: center;
  font-weight: 600;
}

.type-home .edit-area.plan.type02 .inner.w1080>.catch,
.page-slug-plan .edit-area.plan.type02 .inner.w1080>.catch {
  font-size: 3.3rem;
  font-weight: 600;
  margin-bottom: 40px;
  line-height: 1.5;
}

.type-home .edit-area.plan>.inner:after,
.page-slug-plan .edit-area.plan>.inner:after {
  content: "";
  display: block;
  width: 306px;
  height: 120px;
  background: url(/assets/img/howto/plan-txt01.png) no-repeat 50% 50%;
  position: absolute;
  top: -20px;
  right: -90px;
}

.type-home .edit-area.plan .catch span,
.page-slug-plan .edit-area.plan .catch span {
  font-size: 3.2rem;
}

.type-home .edit-area.plan ul:after,
.page-slug-plan .edit-area.plan ul:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

.type-home .edit-area.plan ul li,
.page-slug-plan .edit-area.plan ul li {
  position: relative;
  background-color: #FFF;
  border: solid 4px #000;
  border-radius: 6px;
  box-sizing: border-box;
  box-shadow: 0px 4px 4px 4px rgba(187, 187, 187, 0.4);
  background-repeat: no-repeat;
  background-position: 85% 50%;
  transition: all .3s;
}

.type-home .edit-area.plan ul li a,
.page-slug-plan .edit-area.plan ul li a {
  position: relative;
  display: block;
  padding: 40px;
}

.type-home .edit-area.plan ul li a:before,
.page-slug-plan .edit-area.plan ul li a:before {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  border-radius: 100px;
  background-color: #AAA;
  position: absolute;
  bottom: 10px;
  right: 10px;
  margin-top: -6px;
}

.type-home .edit-area.plan ul li a:after,
.page-slug-plan .edit-area.plan ul li a:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-top: solid 2px #FFF;
  border-right: solid 2px #FFF;
  transform: rotate(45deg);
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 1;
}

.type-home .edit-area.plan ul li.row01,
.page-slug-plan .edit-area.plan ul li.row01 {
  margin-bottom: 20px;
}

.type-home .edit-area.plan ul li.row02,
.page-slug-plan .edit-area.plan ul li.row02 {
  width: 48%;
  float: left;
}

.type-home .edit-area.plan ul li:last-of-type,
.page-slug-plan .edit-area.plan ul li:last-of-type {
  float: initial;
  margin: 0 auto;
}

.type-home .edit-area.plan ul li a .inner .catch,
.page-slug-plan .edit-area.plan ul li a .inner .catch {
  background-color: #000;
  color: #FFF;
  line-height: 2.6;
  border-radius: 100px;
  text-align: center;
  display: inline-block;
  padding: 0 28px;
  margin-bottom: 0px;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 10px;
}
.type-home .edit-area.plan ul li.row02 a .inner .catch,
.page-slug-plan .edit-area.plan ul li.row02 a .inner .catch {
  font-size: 1.4rem;
}

.type-home .edit-area.plan ul li a .inner h4,
.page-slug-plan .edit-area.plan ul li a .inner h4 {
  font-size: 3.7rem;
  font-weight: 600;
  margin-bottom: 0px;
  letter-spacing: .5rem;
  margin-bottom: 8px;
}

.type-home .edit-area.plan ul li.row02 a .inner h4,
.page-slug-plan .edit-area.plan ul li.row02 a .inner h4 {
  font-size: 2.6rem;
}

.type-home .edit-area.plan ul li a .inner p,
.page-slug-plan .edit-area.plan ul li a .inner p {
  font-size: 1.4rem;
  line-height: 1.6;
}

.type-home .edit-area.plan ul li:nth-of-type(1),
.page-slug-plan .edit-area.plan ul li:nth-of-type(1) {
  border-color: #ED750F;
  background-image: url(/assets/img/howto/plan-img01.png);
  background-position: 94% 50%;
}

.type-home .edit-area.plan ul li:nth-of-type(1) a:before,
.page-slug-plan .edit-area.plan ul li:nth-of-type(1) a:before {
  background-color: #ED750F;
}

.type-home .edit-area.plan ul li:nth-of-type(1) a .inner .catch,
.page-slug-plan .edit-area.plan ul li:nth-of-type(1) a .inner .catch {
  background-color: #ED750F;
}

@media screen and (max-width: 767px) {
  .type-home .edit-area.plan ul li:nth-of-type(1),
  .page-slug-plan .edit-area.plan ul li:nth-of-type(1) {
    background-size: 280px auto;
    background-position: center 85%;
  }
}

.type-home .edit-area.plan ul li:nth-of-type(2),
.page-slug-plan .edit-area.plan ul li:nth-of-type(2) {
  border-color: #18C8BE;
  background-image: url(/assets/img/howto/plan-img03.png);
}

.type-home .edit-area.plan ul li:nth-of-type(2) a:before,
.page-slug-plan .edit-area.plan ul li:nth-of-type(2) a:before {
  background-color: #18C8BE;
}

.type-home .edit-area.plan ul li:nth-of-type(2) a .inner .catch,
.page-slug-plan .edit-area.plan ul li:nth-of-type(2) a .inner .catch {
  background-color: #18C8BE;
}

@media screen and (max-width: 767px) {
  .type-home .edit-area.plan ul li:nth-of-type(2),
  .page-slug-plan .edit-area.plan ul li:nth-of-type(2) {
    background-size: 280px auto;
    background-position: center 85%;
  }
}

/* hover */

@media screen and (min-width: 1024px) {
  .type-home .edit-area.plan ul li:hover,
  .page-slug-plan .edit-area.plan ul li:hover {
    transform: translateY(-10px);
  }
}

@media screen and (max-width: 1284px) {
  .type-home .edit-area.plan,
  .page-slug-plan .edit-area.plan {
    padding-top: 90px;
  }

  .type-home .edit-area.plan>.inner:after,
  .page-slug-plan .edit-area.plan>.inner:after {
    top: -80px;
    right: 0;
    transform: scale(.7);
    transform-origin: left bottom;
    z-index: 1;
  }

  .type-home .edit-area.plan .inner h3.catch:after,
  .page-slug-plan .edit-area.plan .inner h3.catch:after {
    display: none;
  }

  .type-home .edit-area.plan ul li.row01,
  .page-slug-plan .edit-area.plan ul li.row01 {
    /* background-size: auto 150px; */
  }

  .type-home .edit-area.plan ul li.row02,
  .page-slug-plan .edit-area.plan ul li.row02 {
    width: 49%;
    /* float: none; */
    margin-bottom: 20px;
    background-size: auto 110px;
    background-position: 90% 65%;
  }
}

@media screen and (max-width: 938px) {
  .type-home .edit-area.plan>.inner:after,
  .page-slug-plan .edit-area.plan>.inner:after {
    right: -90px;
  }
}

/* ~ipad pro */

@media screen and (max-width: 1024px) {
  .type-home .edit-area.plan ul li.row01,
  .page-slug-plan .edit-area.plan ul li.row01 {
  }

  .type-home .edit-area.plan ul li:nth-of-type(1):after,
  .page-slug-plan .edit-area.plan ul li:nth-of-type(1):after {
    top: 50px;
  }

  .type-home .edit-area.plan ul li.row02,
  .page-slug-plan .edit-area.plan ul li.row02 {
    background-size: auto 100px;
    background-position: 50% 90%;
  }

  .type-home .edit-area.plan ul li.row02 a,
  .page-slug-plan .edit-area.plan ul li.row02 a {
    padding: 20px 20px 120px;
    text-align: center;
  }
}

/* ~sp */

@media screen and (max-width: 767px) {
  .type-home .edit-area.plan,
  .page-slug-plan .edit-area.plan {
    padding: 100px 0 45px;
  }

  .type-home .edit-area.plan>.inner:after,
  .page-slug-plan .edit-area.plan>.inner:after {
    top: -120px;
    right: -130px;
    transform: scale(.6);
  }

  .type-home .edit-area.plan .h_style01 .size-l,
  .page-slug-plan .edit-area.plan .h_style01 .size-l {
    font-size: 3.2rem;
  }

  .type-home .edit-area.plan .catch,
  .page-slug-plan .edit-area.plan .catch,
  .type-home .edit-area.plan .catch .yellow-line01,
  .page-slug-plan .edit-area.plan .catch .yellow-line01 {
    font-size: 2.6rem;
    line-height: 1.4;
  }

  .type-home .edit-area.plan.type02 .inner.w1080>.catch,
  .page-slug-plan .edit-area.plan.type02 .inner.w1080>.catch {
    font-size: 2.4rem;
    margin-bottom: 20px;
  }

  .type-home .edit-area.plan .catch span,
  .page-slug-plan .edit-area.plan .catch span {
    font-size: 2rem;
  }

  .type-home .edit-area.plan ul li a,
  .page-slug-plan .edit-area.plan ul li a {
    padding: 30px 30px 70px;
  }

  .type-home .edit-area.plan ul li:nth-of-type(1) a,
  .page-slug-plan .edit-area.plan ul li:nth-of-type(1) a {
    padding: 30px 30px 180px;
  }

  .type-home .edit-area.plan ul li:nth-of-type(2) a,
  .page-slug-plan .edit-area.plan ul li:nth-of-type(2) a {
    padding: 30px 30px 180px;
  }

  .type-home .edit-area.plan.type02 ul li:nth-of-type(1) a,
  .page-slug-plan .edit-area.plan.type02 ul li:nth-of-type(1) a {
    padding-top: 30px;
  }

  .type-home .edit-area.plan ul li a:before,
  .page-slug-plan .edit-area.plan ul li a:before {
    bottom: 24px;
    right: 20px;
  }

  .type-home .edit-area.plan ul li a:after,
  .page-slug-plan .edit-area.plan ul li a:after {
    bottom: 33px;
    right: 30px;
  }

  .type-home .edit-area.plan ul li:nth-of-type(1):after,
  .page-slug-plan .edit-area.plan ul li:nth-of-type(1):after {
    right: auto;
    left: 20px;
    top: auto;
    bottom: 30px;
  }

  .type-home .edit-area.plan ul li.row02,
  .page-slug-plan .edit-area.plan ul li.row02 {
    width: 100%;
  }

  .type-home .edit-area.plan ul li.row02 a,
  .page-slug-plan .edit-area.plan ul li.row02 a {
    text-align: left;
    padding: 30px 30px 140px;
  }

  .type-home .edit-area.plan ul li .inner,
  .page-slug-plan .edit-area.plan ul li .inner {
    margin: 0 auto;
    text-align: center;
    width: 21em;
  }

  .type-home .edit-area.plan ul li a .inner h4,
  .page-slug-plan .edit-area.plan ul li a .inner h4 {
    font-size: 2.6rem;
  }

  .type-home .edit-area.plan ul li.row01 a .inner h4,
  .page-slug-plan .edit-area.plan ul li.row01 a .inner h4 {
    text-align: center;
  }

  .type-home .edit-area.plan ul li a .inner p,
  .page-slug-plan .edit-area.plan ul li a .inner p {
    text-align: left;
    margin: 0 auto;
  }

  .type-home .edit-area.plan ul li:nth-of-type(1) a .inner p,
  .page-slug-plan .edit-area.plan ul li:nth-of-type(1) a .inner p {
    width: 18.6em;
  }

  .type-home .edit-area.plan ul li:nth-of-type(2) a .inner p,
  .page-slug-plan .edit-area.plan ul li:nth-of-type(2) a .inner p {
    width: 18.6em;
  }

  .type-home .edit-area.plan ul li:nth-of-type(3) a .inner p,
  .page-slug-plan .edit-area.plan ul li:nth-of-type(3) a .inner p {
    width: 18em;
  }
}

/* ~sp sizeL */

/* anker--qa
----------------------------------------------------------------*/

.page-slug-howto .edit-area.qa {
  background-color: #FFF8E5;
}

/* anker--contact
----------------------------------------------------------------*/

/* anker--news
----------------------------------------------------------------*/

.page-slug-howto .edit-area.news {
  background-color: #F2F2F2;
}

/* anker--greeting
----------------------------------------------------------------*/

/* hover */

/* ~ipad pro */

/* ~sp */

/* ==========================================================================
   qa.css : css/page/qa.css -> scope: .page-slug-qa
   ========================================================================== */

.page-slug-qa .content {
  padding: 20px 0 0;
}

.page-slug-qa .edit-area.qa {
  background-color: #FFF8E5;
}

.page-slug-qa .edit-area.qa .inner.orange {
  /*padding: 60px 0;*/
  margin: 90px 0;
  /*	border-top: solid 1px #aaa;
	border-bottom: solid 1px #aaa;*/
}

.page-slug-qa .edit-area.qa.template h2 {
  margin-bottom: 50px;
}

/* ==========================================================================
   design.css : css/page/design.css -> scope: .page-slug-design
   ========================================================================== */

/* .page-slug-design .edit-area.design {
  padding-top: 0 !important;
} */

.page-slug-design .edit-area.design .inner.orange-bg {
  background-color: #FCF4E0;
  padding: 80px 0;
  margin: 80px 0;
}

.page-slug-design .edit-area.design .h_style01 {
  font-size: 1.8rem;
  margin-bottom: 12px;
}

.page-slug-design .edit-area.design .h_style01 .size-l {
  font-size: 2.6rem;
}

.page-slug-design .edit-area.design .t_center {
  margin-bottom: 50px;
}

.page-slug-design .edit-area.design .t_center span {
  display: inline-block;
}

.page-slug-design #back ol:after {
  content: "";
  display: block;
  width: 60%;
}

/* ~sp */

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

  .page-slug-design .edit-area.design .t_center {
    margin-bottom: 30px;
    text-align: left;
  }

  .page-slug-design .edit-area.design .inner.orange-bg {
    padding: 50px 0;
    margin: 50px 0;
  }
}

/* お問い合わせ */

.edit-area.entry .entry-title {
  margin: 40px 0 20px;
  padding: 0 0 0 10px;
  font-weight: 600;
  font-size: 1.8rem;
  color: #333;
  line-height: 210%;
  background: #f4f4f4;
  border-left: 4px solid #ED750F;
  border-top: none;
  box-sizing: border-box;
}

/* ==========================================================================
   contact.css : css/page/contact.css -> scope: .page-slug-contact (旧テーブルフォーム用のCSSは削除。フォームは下の sample.css と共通)
   ========================================================================== */

/* 電話番号の枠 */

.page-slug-contact .edit-area.contact {
  margin-bottom: 60px;
}

.page-slug-contact .edit-area.contact .contact-box .tel-box {
  float: none;
  margin: 0 auto;
}

/* ==========================================================================
   sample.css (contact.cssのフォーム装飾をContact Form 7のdl/dt/dd構造向けに再構成) -> scope: .page-slug-sample, .page-slug-contact (フォーム共通部分)
   ========================================================================== */

:is(.page-slug-sample, .page-slug-contact) .edit-area.entry {
  padding-bottom: 80px;
}

/* contact.css 側の .w1080 (94%) ではなく、sampleページと同じ幅にそろえる */

.page-slug-contact .edit-area.entry .w1080 {
  width: 92%;
}

:is(.page-slug-sample, .page-slug-contact) .wpcf7-form p {
  margin: 0;
}

/* form rows (dl > dt/dd)
----------------------------------------------------------------*/

:is(.page-slug-sample, .page-slug-contact) .wpcf7-form > dl {
  display: grid;
  grid-template-columns: 230px 1fr;
  border-top: 1px solid #DDD;
}

@media screen and (max-width: 1080px) {
  :is(.page-slug-sample, .page-slug-contact) .wpcf7-form > dl {
    grid-template-columns: 170px 1fr;
  }
}

@media screen and (max-width: 666px) {
  :is(.page-slug-sample, .page-slug-contact) .wpcf7-form > dl {
    grid-template-columns: 100%;
    border-top: 0;
  }
}

:is(.page-slug-sample, .page-slug-contact) .wpcf7-form > dl > dt,
:is(.page-slug-sample, .page-slug-contact) .wpcf7-form > dl > dd {
  display: flex;
  align-items: center;
  padding: 18px 0;
  line-height: 180%;
  text-align: left;
  border-bottom: 1px solid #DDD;
  box-sizing: border-box;
}

@media screen and (max-width: 666px) {
  :is(.page-slug-sample, .page-slug-contact) .wpcf7-form > dl > dt,
  :is(.page-slug-sample, .page-slug-contact) .wpcf7-form > dl > dd {
    padding: 10px;
    border-bottom: 0;
  }
}

:is(.page-slug-sample, .page-slug-contact) .wpcf7-form > dl > dt {
  font-size: 1.6rem;
  font-weight: 500;
}

@media screen and (max-width: 666px) {
  :is(.page-slug-sample, .page-slug-contact) .wpcf7-form > dl > dt {
    font-size: 1.4rem;
    font-weight: 600;
    background: #EFEFEF;
  }
}

:is(.page-slug-sample, .page-slug-contact) .wpcf7-form > dl > dd {
  font-size: 1.6rem;
}

@media screen and (max-width: 666px) {
  :is(.page-slug-sample, .page-slug-contact) .wpcf7-form > dl > dd {
    margin-bottom: 10px;
    font-size: 1.2rem;
  }
}

:is(.page-slug-sample, .page-slug-contact) .wpcf7-form > dl > dd > p {
  width: 100%;
}

/* ケース選択の行は上揃え */

.page-slug-sample .wpcf7-form > dl > dt:first-of-type,
.page-slug-sample .wpcf7-form > dl > dt:first-of-type + dd {
  align-items: flex-start;
}

:is(.page-slug-sample, .page-slug-contact) .wpcf7-form > dl > dt .required {
  display: inline-block;
  margin: 0 8px 3px 0;
  padding: 0 6px;
  color: #FFF;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 18px;
  letter-spacing: 0;
  vertical-align: middle;
  background: #E50100;
  border-radius: 2px;
}

:is(.page-slug-sample, .page-slug-contact) .wpcf7-form > dl > dt .optional {
  display: inline-block;
  margin: 0 8px 3px 0;
  padding: 0 6px;
  color: #FFF;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 18px;
  letter-spacing: 0;
  vertical-align: middle;
  background: #666;
  border-radius: 2px;
}

/* inputs
----------------------------------------------------------------*/

:is(.page-slug-sample, .page-slug-contact) .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

:is(.page-slug-sample, .page-slug-contact) .wpcf7-form input[type=text],
:is(.page-slug-sample, .page-slug-contact) .wpcf7-form input[type=tel],
:is(.page-slug-sample, .page-slug-contact) .wpcf7-form input[type=email],
:is(.page-slug-sample, .page-slug-contact) .wpcf7-form textarea {
  width: 100%;
  border: 2px solid #DDD;
  border-radius: 5px;
  box-sizing: border-box;
  -webkit-appearance: none;
}

:is(.page-slug-sample, .page-slug-contact) .wpcf7-form input[type=text],
:is(.page-slug-sample, .page-slug-contact) .wpcf7-form input[type=tel],
:is(.page-slug-sample, .page-slug-contact) .wpcf7-form input[type=email] {
  display: inline-block;
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
}

:is(.page-slug-sample, .page-slug-contact) .wpcf7-form input[name="your-zip"] {
  max-width: 140px;
}

:is(.page-slug-sample, .page-slug-contact) .wpcf7-form input[name="your-tel"] {
  max-width: 230px;
}

:is(.page-slug-sample, .page-slug-contact) .wpcf7-form textarea {
  padding: 10px;
  height: 170px;
}

/* checkbox (CF7の [checkbox] / [acceptance] は label > input + span の構造)
----------------------------------------------------------------*/

:is(.page-slug-sample, .page-slug-contact) .wpcf7-form input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  overflow: hidden;
}

:is(.page-slug-sample, .page-slug-contact) .wpcf7-form .wpcf7-list-item {
  margin: 0;
}

:is(.page-slug-sample, .page-slug-contact) .wpcf7-form .wpcf7-list-item label {
  cursor: pointer;
}

:is(.page-slug-sample, .page-slug-contact) .wpcf7-form .wpcf7-list-item-label:before {
  content: "\f372";
  display: inline-block;
  color: #ccc;
  font-family: "ionicons";
  font-size: 1.8rem;
  vertical-align: middle;
}

:is(.page-slug-sample, .page-slug-contact) .wpcf7-form input[type=checkbox]:checked + .wpcf7-list-item-label:before {
  content: "\f373";
  color: #E50100;
}

:is(.page-slug-sample, .page-slug-contact) .wpcf7-form input[type=checkbox]:focus-visible + .wpcf7-list-item-label:before {
  outline: 2px solid #3162A8;
}

/* case cards
----------------------------------------------------------------*/

.page-slug-sample .wpcf7-form > dl > dd > ul.type01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.page-slug-sample .wpcf7-form > dl > dd > ul.type01 li {
  position: relative;
  margin-bottom: 38px;
  padding: 0 1%;
  width: 33.333%;
  box-sizing: border-box;
}

.page-slug-sample .case-img {
  position: relative;
}

.page-slug-sample .case-img img {
  display: block;
  margin-bottom: 14px;
  width: 100%;
  height: auto;
  box-shadow: 0px 4px 6px 4px rgba(204, 204, 204, 0.24);
}

.page-slug-sample .case-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  display: inline-block;
  padding: 0 20px;
  color: #FFF;
  font-size: 1.2rem;
  line-height: 2;
  text-align: center;
  background-color: #999;
  border-radius: 100px;
}

.page-slug-sample ul.type01 .wpcf7-list-item label {
  display: block;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.6;
}

/* カード全体をクリックでき、画像や説明のクリックでもチェックが切り替わる */

.page-slug-sample ul.type01 .wpcf7-form-control-wrap {
  position: static;
}

.page-slug-sample ul.type01 .wpcf7-list-item label:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.page-slug-sample ul.type01 .wpcf7-list-item-label:before {
  margin-right: 2px;
}

.page-slug-sample .case-desc {
  padding-left: 20px;
  font-size: 1.4rem;
  line-height: 1.6;
}

/* 3点選択済みのとき、未選択のケースは選べない (assets/js/sample.js が is-disabled を付ける) */

.page-slug-sample ul.type01 li.is-disabled {
  opacity: .4;
}

.page-slug-sample ul.type01 li.is-disabled .wpcf7-list-item label:after {
  cursor: not-allowed;
}

/* 必須エラーの表示 */

:is(.page-slug-sample, .page-slug-contact) .wpcf7-not-valid-tip {
  display: block;
  color: #E50100;
  font-size: 1.4rem;
  line-height: 1.6;
}

/* 必須エラー: CF7は同名タグ(カード9枚)のすべてにエラー表示を付けるため、1つ目だけを一覧の上に出す */

.page-slug-sample ul.type01 li + li .wpcf7-not-valid-tip {
  display: none;
}

.page-slug-sample ul.type01:has(.wpcf7-not-valid-tip) {
  padding-top: 2.6em;
}

.page-slug-sample ul.type01 li:first-child .wpcf7-not-valid-tip {
  position: absolute;
  top: -2.6em;
  left: 1%;
}

@media screen and (max-width: 767px) {
  .page-slug-sample .wpcf7-form > dl > dd > ul.type01 li {
    margin: 0 auto 30px;
    width: 50%;
  }

  .page-slug-sample .case-badge {
    top: 4px;
    right: 4px;
    font-size: 1rem;
  }

  .page-slug-sample ul.type01 .wpcf7-list-item label {
    padding-right: 20px;
    font-size: 1.5rem;
    letter-spacing: 0;
  }

  .page-slug-sample .case-desc {
    font-size: 1.3rem;
  }
}

/* privacy
----------------------------------------------------------------*/

:is(.page-slug-sample, .page-slug-contact) .privacy {
  margin: 60px 0 30px;
  padding: 0 26px 26px;
  height: 250px;
  border: 1px solid #DDD;
  box-sizing: border-box;
  overflow-y: scroll;
  font-size: 1.4rem;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  :is(.page-slug-sample, .page-slug-contact) .privacy {
    margin: 40px 0 20px;
    padding: 0 10px 10px;
    height: 150px;
  }
}

:is(.page-slug-sample, .page-slug-contact) .privacy h2 {
  margin: 0 -26px 26px;
  padding: 20px;
  font-size: 1.6rem;
  font-weight: normal;
  background: #F4F4F4;
}

@media screen and (max-width: 767px) {
  :is(.page-slug-sample, .page-slug-contact) .privacy h2 {
    margin: 0 -10px 10px;
    padding: 12px 10px;
  }
}

:is(.page-slug-sample, .page-slug-contact) .privacy section + section {
  margin-top: 20px;
}

:is(.page-slug-sample, .page-slug-contact) .privacy h3 {
  font-size: 1.4rem;
  font-weight: 700;
}

:is(.page-slug-sample, .page-slug-contact) .privacy p {
  margin: 0;
}

:is(.page-slug-sample, .page-slug-contact) .privacy ol {
  margin: 4px 0 0;
  padding-left: 2em;
  list-style: decimal;
}

:is(.page-slug-sample, .page-slug-contact) .privacy ol li {
  list-style: decimal;
}

:is(.page-slug-sample, .page-slug-contact) .privacy address {
  font-style: normal;
}

/* consent / submit
----------------------------------------------------------------*/

:is(.page-slug-sample, .page-slug-contact) .contact-submit {
  position: relative;
  text-align: center;
}

:is(.page-slug-sample, .page-slug-contact) .contact-submit br {
  display: none;
}

:is(.page-slug-sample, .page-slug-contact) .contact-submit .wpcf7-acceptance {
  display: block;
  margin-bottom: 60px;
  font-size: 1.6rem;
}

@media screen and (max-width: 374px) {
  :is(.page-slug-sample, .page-slug-contact) .contact-submit .wpcf7-acceptance {
    font-size: 1.2rem;
  }
}

:is(.page-slug-sample, .page-slug-contact) .contact-submit .wpcf7-list-item-label:before {
  margin-right: 6px;
}

:is(.page-slug-sample, .page-slug-contact) .contact-submit .wpcf7-submit {
  display: block;
  margin: 0 auto 40px;
  padding: 0;
  width: 380px;
  max-width: 100%;
  color: #FFF;
  font-size: 1.8rem;
  line-height: 70px;
  text-align: center;
  letter-spacing: 1px;
  background: #E50100;
  border: 1px solid transparent;
  border-radius: 35px;
  -webkit-appearance: none;
  cursor: pointer;
  transition: ease 0.25s all;
}

@media screen and (max-width: 767px) {
  :is(.page-slug-sample, .page-slug-contact) .contact-submit .wpcf7-submit {
    width: 75%;
  }
}

:is(.page-slug-sample, .page-slug-contact) .contact-submit .wpcf7-submit:not(:disabled):hover {
  color: #E50100;
  background: #FFF;
  border-color: #E50100;
}

/* 同意にチェックが入るまで押せない (assets/js/sample.js) */

:is(.page-slug-sample, .page-slug-contact) .contact-submit .wpcf7-submit:disabled {
  background: #CCC;
  cursor: not-allowed;
}

:is(.page-slug-sample, .page-slug-contact) .contact-submit .wpcf7-spinner {
  position: absolute;
  left: 50%;
  margin: 0 0 0 -12px;
}

/* ==========================================================================
   order.css : css/page/order.css -> scope: .page-slug-order
   ========================================================================== */

.page-slug-order .edit-area.sub-keyvisual .title {
  background-color: #1ec7bd;
}

/*  edit-area type01  */

.page-slug-order .edit-area.type01 {
  margin-bottom: 90px;
}

.page-slug-order .edit-area.type01 h2 {
  font-size: 3rem;
  margin-bottom: 60px;
}

.page-slug-order .edit-area.type01 .inner {
  background-color: #ED750F;
}

.page-slug-order .edit-area.type01 .inner ul {
  padding: 60px 0;
  max-width: 960px;
  margin: 0 auto;
  width: 90%;
}

.page-slug-order .edit-area.type01 .inner ul:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

.page-slug-order .edit-area.type01 .inner ul li {
  /* width: 32%; */
  width: 49%;
  margin-right: 2%;
  float: left;
}

.page-slug-order .edit-area.type01 .inner ul li:last-of-type {
  margin-right: 0;
}

.page-slug-order .edit-area.type01 .inner ul li a {
  display: block;
  background-color: #FFF;
  position: relative;
  font-weight: 600;
  padding: 14px 0 14px 30px;
  transition: all .3s;
}

.page-slug-order .edit-area.type01 .inner ul li a:after {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  border-radius: 100px;
  background-color: #AAA;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -6px;
  transition: all .3s;
}

.page-slug-order .edit-area.type01 .inner ul li a:before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-top: solid 2px #FFF;
  border-right: solid 2px #FFF;
  margin-top: -2px;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 15px;
  z-index: 1;
}

.page-slug-order .edit-area.type01 .inner ul li a span {
  background-repeat: no-repeat;
  background-position: 0% 50%;
  background-size: auto 25px;
  padding: 5px 0 5px 40px;
  line-height: 1.3;
  display: inline-block;
}

.page-slug-order .edit-area.type01 .inner ul li:nth-of-type(1) a span {
  background-image: url(/assets/img/order/icon01.png);
}

.page-slug-order .edit-area.type01 .inner ul li:nth-of-type(2) a span {
  background-image: url(/assets/img/order/icon02.png);
}

.page-slug-order .edit-area.type01 .inner ul li:nth-of-type(3) a span {
  background-image: url(/assets/img/order/icon03.png);
}

/* hover */

@media screen and (min-width: 1024px) {
  .page-slug-order .edit-area.type01 .inner ul li a:hover {
    color: #ed750f;
  }

  .page-slug-order .edit-area.type01 .inner ul li a:hover:after {
    background-color: #ed750f;
  }
}

/* ~ipad pro */

/* ~sp */

@media screen and (max-width: 767px) {
  .page-slug-order .edit-area.type01 {
    margin-bottom: 60px;
  }

  .page-slug-order .edit-area.type01 h2 {
    font-size: 2.4rem;
    margin-bottom: 40px;
  }

  .page-slug-order .edit-area.type01 .inner ul {
    padding: 40px 0;
  }

  .page-slug-order .edit-area.type01 .inner ul li {
    width: 100%;
    margin: 0 0 2%;
    float: none;
  }

  .page-slug-order .edit-area.type01 .inner ul li:last-of-type {
    margin-bottom: 0;
  }
}

/* ~sp sizeL */

/*  edit-area type02  */

.page-slug-order .edit-area.type02 .inner {
  border: solid 4px #ed750f;
  padding: 60px;
  margin-bottom: 60px;
  box-sizing: border-box;
}

.page-slug-order .edit-area.type02 .inner h3 {
  font-size: 2.8rem;
}

.page-slug-order .edit-area.type02 .inner p {
  margin-bottom: 30px;
}

.page-slug-order .edit-area.type02 .inner .btn01 {
  max-width: 340px;
  margin: 0 auto;
}

.page-slug-order .edit-area.type02 .inner .btn01 a {
  line-height: 4;
}

.page-slug-order .edit-area.type02 h4 {
  margin-bottom: 26px;
  font-size: 2rem;
  font-weight: 600;
  text-align: left;
  color: #ed750f;
  padding-left: 1em;
}

.page-slug-order .edit-area.type02 table {
  position: relative;
}

.page-slug-order .edit-area.type02 table:before {
  content: "";
  display: block;
  width: 4px;
  height: 64%;
  position: absolute;
  left: 46px;
  background: rgb(253,221,99);
  background: linear-gradient(to bottom, rgba(253,221,99,1) 0%,rgba(240,88,23,1) 100%);
}

.page-slug-order .edit-area.type02 table tbody tr th {
  width: 91px;
  line-height: 91px;
  display: block;
  border-radius: 100px;
  text-align: center;
  font-weight: 600;
  border: solid 3px #000;
  position: relative;
  background-color: #FFF;
}

.page-slug-order .edit-area.type02 table tbody tr:nth-of-type(1) th {
  border-color: #FCD25D;
}

.page-slug-order .edit-area.type02 table tbody tr:nth-of-type(2) th {
  border-color: #F58F37;
}

.page-slug-order .edit-area.type02 table tbody tr:nth-of-type(3) th {
  border-color: #F1601C;
}

.page-slug-order .edit-area.type02 table tbody tr td {
  padding-left: 40px;
}

.page-slug-order .edit-area.type02 table tbody tr td dl {
  padding: 0 0 40px;
}

.page-slug-order .edit-area.type02 table tbody tr td dl dt {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 6px;
}

.page-slug-order .edit-area.type02 table tbody tr td dl dt span {
  color: #33A458;
}

.page-slug-order .edit-area.type02 table tbody tr td dl dd p {
  margin-bottom: 0;
}

.page-slug-order .edit-area.type02 table tbody tr td dl dd .btn01 {
  margin: 16px 0 0;
}

.page-slug-order .edit-area.type02 table tbody tr td dl dd .btns .btn01 {
  display: inline-block;
  max-width: 220px;
  margin-right: 20px;
}

.page-slug-order .edit-area.type02 .contact-box {
  position: relative;
  padding: 30px;
  box-sizing: border-box;
  background-color: #FFF;
  margin: 16px 0 0;
  background-color: #f5f5f5;
}

.page-slug-order .edit-area.type02 .contact-box.type02:before {
  content: "";
  /* display: block; */
  display: none;
  width: 311px;
  height: 268px;
  background-image: url(/assets/img/howto/contact-img01.png);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  transform-origin: right bottom;
  transform: scale(.8);
}

.page-slug-order .edit-area.type02 .contact-box:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

.page-slug-order .edit-area.type02 .contact-box .tel-box {
  width: 350px;
  /* float: left; */
  text-align: center;
  margin: 0 auto;
}

.page-slug-order .edit-area.type02 .contact-box .tel-box .title {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 10px;
  /* margin-top: 10px; */
}

.page-slug-order .edit-area.type02 .contact-box .tel-box div:not(.title) .tel-link {
  display: block;
  margin-bottom: 8px;
}

.page-slug-order .edit-area.type02 .contact-box .tel-box div:not(.title) .tel-link img {
  margin-left: -24px;
}

.page-slug-order .edit-area.type02 .contact-box .tel-box div:not(.title) .reception-time {
  font-size: 1.2rem;
  display: block;
  padding-left: 0px;
}

.page-slug-order .edit-area.type02 .contact-box .mail-box {
  padding: 10px 0 10px 60px;
  float: left;
  border-left: solid 2px #CDCDCD;
}

.page-slug-order .edit-area.type02 table tbody tr td dl .contact-box .mail-box dl {
  padding-bottom: 0;
}

.page-slug-order .edit-area.type02 .contact-box .mail-box dl dt {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 10px;
}

.page-slug-order .edit-area.type02 .contact-box .mail-box dl dd p {
  font-size: 1.4rem;
  line-height: 1;
}

.page-slug-order .edit-area.type02 .contact-box .mail-box dl dd .btn01 {
  max-width: 200px;
}

.page-slug-order .edit-area.type02 .contact-box .mail-box dl dd .btn01 a {
  font-size: 1.4rem;
}

.page-slug-order .edit-area.type02 table:before {
  background: rgb(253,221,99);
  background: linear-gradient(to bottom, rgba(253,221,99,1) 0%,rgba(253,86,10,1) 100%);
}

.page-slug-order .edit-area.type02 table tbody tr:nth-of-type(7) th {
  border-color: #f75b13;
}

.page-slug-order .edit-area.type02 table tbody tr:nth-of-type(8) th {
  border-color: #FD560A;
}

/* hover */

/* ~ipad pro */

@media screen and (max-width: 1024px) {
  .page-slug-order .edit-area.type02 .contact-box.type02:before {
    transform-origin: right bottom;
    transform: scale(.65);
    right: -20px;
  }

  .page-slug-order .edit-area.type02 .contact-box.type02 {
    padding: 30px 14px;
  }

  .page-slug-order .edit-area.type02 .contact-box.type02 .tel-box {
    float: left;
  }
}

/* ~sp */

@media screen and (max-width: 767px) {
  .page-slug-order .edit-area.type02 .inner {
    padding: 34px 24px;
  }

  .page-slug-order .edit-area.type02 table:before {
    left: 36px;
    height: 65.5%;
  }

  .page-slug-order .edit-area.type02 table tbody tr th {
    width: 70px;
    line-height: 70px;
    font-size: 1.4rem;
    letter-spacing: 0;
  }

  .page-slug-order .edit-area.type02 table tbody tr td {
    padding-left: 20px;
  }

  .page-slug-order .edit-area.type02 table tbody tr td dl dd p {
    margin-bottom: 10px;
  }

  .page-slug-order .edit-area.type02 table tbody tr td dl dd .btns .btn01 {
    margin: 0 0 16px;
    max-width: none;
  }

  .page-slug-order .edit-area.type02 .contact-box {
    box-sizing: border-box;
    padding: 20px 20px;
  }

  .page-slug-order .edit-area.type02 .contact-box.type02:before {
    display: none;
  }

  .page-slug-order .edit-area.type02 .contact-box .tel-box {
    width: 100%;
  }

  .page-slug-order .edit-area.type02 .contact-box .tel-box div:not(.title) .tel-link img {
    width: 200px;
    margin-bottom: 6px;
  }

  .page-slug-order .edit-area.type02 .contact-box .tel-box div:not(.title) .reception-time {
    padding: 0;
  }

  .page-slug-order .edit-area.type02 .contact-box .mail-box {
    padding-bottom: 0;
  }

  .page-slug-order .edit-area.type02 table tbody tr td .contact-box .mail-box dl dd .btn01 {
    margin: 0 auto;
  }
}

/* ~sp sizeL */

/* ==========================================================================
   sitemap.css : css/page/sitemap.css -> scope: .page-slug-sitemap
   ========================================================================== */

.page-slug-sitemap .edit-area.type01 .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.page-slug-sitemap .edit-area.type01 .box {
  width: 100%;
  margin-bottom: 30px;
}

.page-slug-sitemap .edit-area.type01 .box.half {
  width: 49%;
}

.page-slug-sitemap .edit-area.type01 .box a {
  position: relative;
  padding-left: 20px;
  text-indent: 0;
}

.page-slug-sitemap .edit-area.type01 .box a:before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-top: solid 2px #FFCF2B;
  border-right: solid 2px #FFCF2B;
  margin-top: -3px;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
}

.page-slug-sitemap .edit-area.type01 .box dl {
  text-indent: 2rem;
}

.page-slug-sitemap .edit-area.type01 .box dl dt {
  font-size: 1.8rem;
  font-weight: 600;
  text-indent: -2rem;
  margin-bottom: 6px;
}

.page-slug-sitemap .edit-area.type01 .box dl dd {
  text-indent: -.2rem;
}

.page-slug-sitemap .edit-area.type01 .box dl dd ul {
  line-height: 2;
}

/* hover */

@media screen and (min-width: 1024px) {
  .page-slug-sitemap .edit-area.type01 .box a:hover {
    color: #ed750f;
  }
}

/* ~sp */

@media screen and (max-width: 767px) {
  .page-slug-sitemap .edit-area.type01 .inner {
    flex-direction: column;
  }

  .page-slug-sitemap .edit-area.type01 .box,
  .page-slug-sitemap .edit-area.type01 .box.half {
    width: 80%;
    margin: 0 auto 16px;
  }
}

/* ==========================================================================
   simulation.css : css/page/simulation.css -> scope: .page-slug-simulation
   ========================================================================== */

/* このページ固有の追加スタイルは今のところ不要 */

/* ==========================================================================
   data/index.css (make/note/download共通) : css/page/data/index.css -> scope: .parent-slug-data
   ========================================================================== */

/* CSS Document */

/* パンくずのみのページ: ヘッダー直下で詰まらないよう上に余白 */
.parent-slug-data .aioseo-breadcrumbs {
  margin: 0;
  padding-top: 20px;
}

.parent-slug-data .p-b02 a:link,
.parent-slug-data .line_h a:link,
.parent-slug-data .p-b02 a:visited,
.parent-slug-data .line_h a:visited {
  color: #ED7600;
}

.parent-slug-data .p-b02 a:hover,
.parent-slug-data .line_h a:hover {
  color: #000;
}

.parent-slug-data .h_type03 {
  font-size: 16px;
  font-weight: bold;
  clear: both;
  background-color: #FCEBD9;
  color: #EC7600;
  margin: 6% 0 3%;
  padding: 15px;
  clear: both;
}

.parent-slug-data h3 {
  margin-bottom: 1%;
}

.parent-slug-data h4 {
  font-size: 16px;
  font-weight: bold;
  clear: both;
  background-color: #FCEBD9;
  color: #EC7600;
  margin: 6% 0 3%;
  padding: 15px;
  clear: both;
}

.parent-slug-data h5 {
  padding: 5% 2% 0% 0;
  margin-bottom: 2%;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  background: none;
}

/*type*/

/*type01*/

.parent-slug-data div.local_nav {
  padding: 2% 3%;
}

.parent-slug-data section .local_nav .type_01 {
  width: 640px;
  margin: 0 auto;
  display: block;
  /*border-bottom: 1px solid #EBEBEB;*/
}

.parent-slug-data section .p-b01 {
  margin: 5% 0;
}

.parent-slug-data section .p-b02 {
  margin: 1% 0 5%;
}

.parent-slug-data section .f-s12 {
  font-size: 14px;
}

.parent-slug-data section .data {
  margin-bottom: 60px;
}

.parent-slug-data section .data dl {
  margin-bottom: 30px;
}

.parent-slug-data section .data dl dt,
.parent-slug-data section p.data {
  padding: 0 2% 0% 0;
  margin-bottom: 2%;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  background: none;
}

.parent-slug-data section .data dl dd {
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 1.1em;
}

.parent-slug-data section .data dl dd.red {
  color: #C00;
}

.parent-slug-data section .data dl.line_h dd {
  line-height: 1.7em;
}

.parent-slug-data section .data dl dd span {
  font-size: 12px;
}

@media screen and (max-width:767px) {
  .parent-slug-data section .data dl dd,
  .parent-slug-data section .data dl dt {
    line-height: 180%;
  }
}

.parent-slug-data section .local_nav .type_01 li {
  width: 210px;
  display: table-cell;
  vertical-align: middle;
}

.parent-slug-data section .local_nav .type_01 ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.parent-slug-data section .local_nav .type_01 li dt {
  line-height: 2.5rem;
  margin-left: -2px;
  text-align: center;
  border-radius: 3px;
  border-bottom: 2px #CA6500;
}

.parent-slug-data section .local_nav .type_01 li dl.open dt {
  font-size: 16px;
  background: url(../../css/page/img/icon/icon09_d.png) no-repeat 90% 50%;
  background-color: #EE7600;
}

.parent-slug-data section .local_nav .type_01 dl ul {
  width: 250px;
  display: block;
  margin: 0 auto;
}

.parent-slug-data section .local_nav .type_01 li dl.close {
  border-color: #EBEBEB;
  background-color: #EBEBEB;
}

.parent-slug-data section .local_nav .type_01 li dl.close dt {
  font-size: 16px;
  background: url(../../css/page/img/icon/icon09_h.png) no-repeat 90% 50%;
  background-color: #EBEBEB;
}

.parent-slug-data section .local_nav .type_01 li dl {
  width: 304px;
  margin-top: 20px;
  border: 2px #EE7600 solid;
  border-top: none;
  border-radius: 6px 6px 0px 0px;
}

.parent-slug-data section .local_nav .type_01 dt {
  color: #FFF;
  text-decoration: none;
  display: block;
}

.parent-slug-data section .local_nav .type_01 li dd {
  background-color: #FFF;
}

.parent-slug-data section .local_nav .type_01 li dd li {
  width: 250px;
  height: 2.7rem;
  margin: 0 auto;
  line-height: 2.7rem;
  text-align: center;
  border-bottom: 1px solid#E6E6E6;
}

.parent-slug-data section .local_nav .type_01 li dd li a {
  text-decoration: none;
  display: block;
}

.parent-slug-data section .local_nav dl.etc {
  width: 640px;
  margin: 35px auto 18px;
  display: block;
  overflow: hidden;
}

.parent-slug-data section .local_nav dl.etc dt {
  margin-bottom: 15px;
}

.parent-slug-data section .local_nav dl.etc dd {
  width: 203px;
  height: 2.7rem;
  margin-right: 15px;
  margin-bottom: 10px;
  float: left;
  text-align: center;
  line-height: 2.7rem;
  background-color: #EBEBEB;
  border-radius: 4px;
}

.parent-slug-data section .local_nav dl.etc dd a {
  display: block;
  color: #878787;
  font-size: 14px;
  text-decoration: none;
}

/*type02*/

.parent-slug-data section .local_nav .type_02 ul {
  margin-top: -11px;
}

.parent-slug-data section .local_nav .type_02 ul li {
  width: 310px;
  height: 3.1rem;
  line-height: 3.1rem;
  float: left;
  font-size: 18px;
  text-align: center;
  /*float: left;*/
  color: #FFF;
  border-radius: 3px;
}

.parent-slug-data section .local_nav .type_02 ul li.open {
  margin-bottom: 30px;
  background: #F79B02;
  border-bottom: 1px solid #DF6B02;
  position: relative;
}

.parent-slug-data section .local_nav .type_02 ul li.close {
  margin-left: 20px;
  background-color: #EBEBEB;
}

.parent-slug-data section .local_nav .type_02 ul li.close a {
  display: block;
  color: #868686;
}

.parent-slug-data section .local_nav .type_02 ul li a {
  color: #FFF;
  text-decoration: none;
}

.parent-slug-data section .local_nav .type_02 ul li.open:after {
  content: " ";
  background: url(../../css/page/img/icon/h2_arrow.png) no-repeat 50% 0;
  width: 100%;
  height: 9px;
  display: block;
  position: absolute;
  bottom: -9px;
}

.parent-slug-data section .local_nav table {
  color: #383333;
  clear: both;
  border: 1px solid #EEE;
}

.parent-slug-data section .local_nav table.price_list th {
  font-size: 16px;
  text-align: center;
  height: 34px;
  line-height: 34px;
  background: #FAFAFA;
  border: 1px solid #D1D1D1;
}

.parent-slug-data section .local_nav table.price_list td {
  width: 126px;
  text-align: center;
  height: 43px;
  line-height: 43px;
  border: 1px solid #D1D1D1;
}

.parent-slug-data section .local_nav table .gray_line td {
  background: #F2F2F2;
  font-size: 14px;
  font-weight: bold;
}

.parent-slug-data section .local_nav table .nomal td {
  height: 43px;
  line-height: 43px;
}

.parent-slug-data section .local_nav table.price_list {
  margin-bottom: 35px;
}

.parent-slug-data section .local_nav table.price_list_s {
  width: 638px;
  margin-bottom: 30px;
  margin-top: 41px;
}

.parent-slug-data section .local_nav table.price_list_s td {
  width: 126px;
  text-align: center;
  height: 43px;
  line-height: 43px;
  border: 1px solid #D1D1D1;
}

.parent-slug-data section .local_nav .caution {
  width: 580px;
  padding: 30px 30px 49px;
  margin-bottom: 40px;
  background: #F5F5F5;
}

.parent-slug-data section .local_nav .caution .align_left {
  width: 374px;
  margin-top: 6px;
  line-height: 26px;
  float: left;
}

.parent-slug-data section .local_nav .caution .align_left a {
  font-size: 14px;
}

.parent-slug-data section .local_nav .caution  .align_right {
  width: 205px;
  float: left;
}

.parent-slug-data section .local_nav .caution:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.parent-slug-data section .local_nav .caution  .align_right img {
  margin-top: 8px;
  margin-bottom: 10px;
}

.parent-slug-data section .local_nav .caution  .align_right a {
  font-size: 14px;
  text-align: center;
  display: block;
}

.parent-slug-data section .local_nav+div {
  width: 325px;
  margin: 0 auto 95px;
}

/*include*/

.parent-slug-data section .local_nav.include {
  margin-bottom: 7%;
}

.parent-slug-data section .local_nav.include ul {
  width: 640px;
  margin: 0 auto;
  display: block;
}

.parent-slug-data section .local_nav.include ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  margin-bottom: 35px;
}

.parent-slug-data section .local_nav.include ul li {
  width: 144px;
  margin-right: 13px;
  margin-bottom: 13px;
  height: 113px;
  line-height: 120px;
  text-align: center;
  float: left;
  background-color: #FFFAEA;
  border: 3px solid #FFD02F;
  border-radius: 5px;
}

.parent-slug-data section .local_nav.include dt {
  height: 28px;
}

.parent-slug-data section .local_nav.include .description {
  margin-bottom: 14px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.parent-slug-data section .local_nav.include .btn_center,
.parent-slug-data section .btn {
  width: 420px;
  margin: 0 auto;
  margin-bottom: 30px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  display: block;
  border-radius: 4px;
  border-bottom: 1px solid #EB2914;
  background: url(../../css/page/img/icon/icon10_d.png) no-repeat 94% 50% #F17567;
}

.parent-slug-data section .local_nav.include .btn_center:hover,
.parent-slug-data .btn:hover {
  background-color: #F38E83;
}

.parent-slug-data section .local_nav.include .btn_center a,
.parent-slug-data .btn a {
  font-size: 22px;
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
}

/*cando*/

.parent-slug-data section p.btn,
.parent-slug-data .btn.second {
  width: 320px;
  float: left;
  background: url(../../css/page/img/icon/icon10_d.png) no-repeat 97% 50% #F17567;
}

.parent-slug-data section p.btn {
  margin-left: 25px;
  margin-top: 29px;
  margin-bottom: 65px;
}

.parent-slug-data section p.btn a,
.parent-slug-data .btn.second {
  font-size: 18px;
}

.parent-slug-data section p.btn.second {
  background-color: #EE7600;
}

.parent-slug-data section p.btn.second:hover {
  background-color: #FF8C1A;
}

.parent-slug-data section .type_menu {
  margin: 0 auto;
  padding: 33px 20px;
  width: 678px;
  list-style: none;
  border: 1px solid #EE7600;
  background-color: #FDF5EE;
}

.parent-slug-data .type_menu li {
  float: left;
  margin: 0;
  padding: 15px 10px 20px;
  display: block;
  width: 206px;
  height: 21px;
  line-height: 1.5em;
  text-align: center;
}

.parent-slug-data section .type_menu:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.parent-slug-data table {
  line-height: 24px;
}

.parent-slug-data table tbody tr th {
  border: 1px solid #CDC5BE;
  background-color: #F8F7F5;
  padding: 12px 12px;
}

.parent-slug-data table tbody tr td {
  border: 1px solid #CDC5BE;
  background-color: #FFFFFF;
  padding: 12px 12px;
}

.parent-slug-data table thead tr th {
  border: 1px solid #CDC5BE;
  background-color: #E9E6E0;
  padding: 3px 12px;
}

.parent-slug-data table tfoot tr th {
  border: 1px solid #CDC5BE;
  background-color: #FFFFCB;
  padding: 3px 12px;
}

.parent-slug-data table tfoot tr td {
  border: 1px solid #CDC5BE;
  background-color: #FFFFCB;
  padding: 3px 12px;
}

.parent-slug-data ul.anchor_menu {
  margin-top: 4%;
}

.parent-slug-data .btn_list_type02 {
  margin: 30px auto;
  width: 630px;
}

.parent-slug-data .btn_list_type02:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}

.parent-slug-data .btn_list_type02 li {
  float: left;
  width: 310px;
  margin: 0 0 0 10px;
}

.parent-slug-data .btn_list_type02 li:first-child {
  margin-left: 0;
}

.parent-slug-data .btn_list_type02 li a {
  display: block;
}

.parent-slug-data .btn_list_type02 li a img {
  width: 310px;
}

@media screen and (max-width:768px) {
  .parent-slug-data section .local_nav .type_01 {
    width: 100%;
  }

  .parent-slug-data section .local_nav .type_01 li {
    width: 100%;
    display: block;
  }

  .parent-slug-data section .local_nav .type_01 span.icon_arrow02 {
    display: block;
    padding: 5px 0;
    padding-left: 26px;
    line-height: 150%;
  }

  .parent-slug-data .btn_list_type02 {
    margin: 30px auto;
    width: 100%;
  }

  .parent-slug-data .btn_list_type02 li {
    float: none;
    width: 100%;
    margin: 0;
    text-align: center;
  }

  .parent-slug-data .btn_list_type02 li a img {
    width: 100%;
    height: auto;
  }

  .parent-slug-data section .type_menu {
    margin: 0 auto;
    padding: 20px;
    width: 100%;
    list-style: none;
    border: 1px solid #EE7600;
    background-color: #FDF5EE;
    box-sizing: border-box;
  }

  .parent-slug-data .type_menu li {
    float: none;
    margin: 0;
    padding: 5px 0;
    display: block;
    width: 100%;
    height: auto;
    line-height: 1.5em;
    text-align: left;
  }

  .parent-slug-data .type_menu li a {
    font-size: 14px;
  }

  .parent-slug-data #caution01,
  .parent-slug-data #caution02,
  .parent-slug-data #caution03,
  .parent-slug-data #caution04,
  .parent-slug-data #caution05,
  .parent-slug-data #caution06,
  .parent-slug-data #caution07,
  .parent-slug-data #caution08,
  .parent-slug-data #caution09,
  .parent-slug-data #caution10 {
    display: block;
    margin-top: -80px;
    padding-top: 80px;
  }
}

/* ==========================================================================
   data/make.css : css/page/data/make.css -> scope: .page-slug-make
   ========================================================================== */

/* CSS Document */

.page-slug-make .right_wrapper dl {
  margin: 0 0 1.5em;
  padding: 0 20px;
  font-size: 14px;
  line-height: 1.6em;
  line-height: 1.4em;
  clear: both;
}

.page-slug-make .right_wrapper dl#contactnavi {
  margin: 0 0 1.5em;
  padding: 0;
  font-size: 14px;
  line-height: 1.6em;
  line-height: 1.4em;
  clear: both;
}

.page-slug-make .right_wrapper dl dt {
  margin: 0;
  padding: 0;
  font-weight: bold;
}

.page-slug-make .right_wrapper dl dd {
  margin: 0 0 1em;
  padding: 0;
}

.page-slug-make .right_wrapper dl dd span.br {
  margin: 0 0 1em;
  padding: 0;
  display: block;
}

.page-slug-make .right_wrapper p.def {
  margin: 0 0 1.5em;
  padding: 0 20px;
  font-size: 14px;
  line-height: 1.6em;
  clear: both;
}

.page-slug-make .right_wrapper p.cols {
  margin: 0 0 1em;
  padding: 15px;
  font-size: 14px;
  line-height: 1.6em;
  line-height: 1.4em;
  background-color: #FFFFCB;
  border: 1px solid #CC9900;
}

.page-slug-make .right_wrapper > p.cols {
  width: 670px;
  margin: 0 auto 30px;
}

.page-slug-make .right_wrapper p.cols span {
  font-weight: bold;
}

.page-slug-make .right_wrapper div.boxR p.cols {
  width: 320px;
}

.page-slug-make .right_wrapper div.boxR p.cols02 {
  width: 320px;
  font-weight: bold;
  padding: 0;
}

.page-slug-make .right_wrapper div.boxR.noimg p.cols {
  width: 305px;
}

.page-slug-make .right_wrapper .boxL {
  margin: 0 0 1em 10px;
  padding: 0;
  display: inline;
  zoom: 1;
  float: left;
  font-size: 14px;
  line-height: 1.6em;
  line-height: 1.4em;
}

.page-slug-make .right_wrapper dl.boxL {
  margin: 0 0 1em 10px;
  padding: 0;
  width: 300px;
  clear: none;
}

.page-slug-make .right_wrapper .end {
  margin-bottom: 30px;
}

.page-slug-make .right_wrapper .boxR {
  margin: 0 10px 1em 0;
  padding: 0;
  display: inline;
  zoom: 1;
  float: right;
  font-size: 14px;
  line-height: 1.6em;
  line-height: 1.4em;
}

.page-slug-make .right_wrapper div.boxR {
  width: 350px;
  margin-bottom: 30px;
}

.page-slug-make .right_wrapper div.boxR.noimg {
  width: 335px;
}

.page-slug-make .right_wrapper .boxL:after {
  content: " ";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

.page-slug-make .right_wrapper .boxC {
  margin: 0 0 1em;
  padding: 0;
  text-align: center;
  clear: both;
}

.page-slug-make .right_wrapper .boxC img {
  margin: 0;
  padding: 0;
  display: inline;
}

@media screen and (max-width:768px) {
  .page-slug-make .right_wrapper .boxR {
    margin: 0 10px 1em 0;
    padding: 0;
    display: block;
    zoom: 1;
    float: none;
    font-size: 14px;
    line-height: 1.6em;
    line-height: 1.4em;
  }

  .page-slug-make .right_wrapper img {
    width: 100%;
    height: auto;
  }

  .page-slug-make .right_wrapper div.boxR {
    width: 100%!important;
    margin: 0 auto;
    margin-bottom: 30px;
  }

  .page-slug-make .right_wrapper div.boxR p.cols {
    width: 100%;
    box-sizing: border-box;
  }

  .page-slug-make .right_wrapper div.boxR p.cols02 {
    width: 320px;
    font-weight: bold;
    padding: 0;
  }

  .page-slug-make .right_wrapper div.boxR.noimg p.cols {
    width: 100%;
    box-sizing: border-box;
  }

  .page-slug-make .right_wrapper .boxL {
    margin: 0;
    padding: 0;
    display: block;
    zoom: 1;
    float: none;
    font-size: 14px;
    line-height: 1.6em;
    line-height: 1.4em;
  }
}

/* ==========================================================================
   price/index.css (price本体 + option共通。旧page-price.phpが自ページ用にも直接読み込んでいたため) : css/page/price/index.css -> scope: .page-slug-price, .parent-slug-price
   ========================================================================== */

/* CSS Document */

/* パンくずのみのページ: ヘッダー直下で詰まらないよう上に余白 */
.page-slug-price .aioseo-breadcrumbs,
.parent-slug-price .aioseo-breadcrumbs {
  margin: 0;
  padding-top: 20px;
}

.page-slug-price h3,
.parent-slug-price h3 {
  margin-bottom: 38px;
}

.page-slug-price h3.caption,
.parent-slug-price h3.caption {
  margin-bottom: 15px;
}

.page-slug-price h4,
.parent-slug-price h4 {
  font-size: 20px;
  clear: both;
}

.page-slug-price p.attention,
.parent-slug-price p.attention {
  padding: 0 0 60px 0;
  text-align: center;
}

.page-slug-price .h_type03 span,
.parent-slug-price .h_type03 span {
  display: block;
  font-size: 16px;
  font-weight: normal;
  padding-top: 4px;
  text-indent: 1em;
}

/* ~sp */

@media screen and (max-width: 767px) {
  .page-slug-price .h_type03 span,
  .parent-slug-price .h_type03 span {
    text-indent: 0;
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 10px;
  }
}

.page-slug-price section .center,
.parent-slug-price section .center {
  text-align: center;
  font-size: 16px;
}

.page-slug-price section .type01,
.parent-slug-price section .type01 {
  color: #ED7600;
  font-weight: bold;
}

.page-slug-price section .type01.caption,
.parent-slug-price section .type01.caption {
  display: inline-block;
  margin: 0 0 10px;
}

/*type*/

/*type01*/

.page-slug-price section .local_nav h4,
.parent-slug-price section .local_nav h4 {
  padding-bottom: 16px;
}

.page-slug-price div.local_nav,
.parent-slug-price div.local_nav {
  padding: 5% 3% 1%;
}

.page-slug-price section .local_nav .type_01,
.parent-slug-price section .local_nav .type_01 {
  width: 640px;
  margin: 0 auto  30px;
  display: block;
  border-bottom: 1px solid #EBEBEB;
}

.page-slug-price section .local_nav .type_01 li,
.parent-slug-price section .local_nav .type_01 li {
  width: 320px;
  float: left;
}

.page-slug-price section .local_nav .type_01 ul:after,
.parent-slug-price section .local_nav .type_01 ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.page-slug-price section .local_nav .type_01 li dt,
.parent-slug-price section .local_nav .type_01 li dt {
  line-height: 2.5rem;
  margin-left: -2px;
  text-align: center;
  border-radius: 3px;
  border-bottom: 2px #CA6500;
}

.page-slug-price section .local_nav .type_01 li dl.open dt,
.parent-slug-price section .local_nav .type_01 li dl.open dt {
  font-size: 16px;
  background: url(../../css/page/img/icon/icon09_d.png) no-repeat 90% 50%;
  background-color: #EE7600;
}

.page-slug-price section .local_nav .type_01 dl ul,
.parent-slug-price section .local_nav .type_01 dl ul {
  width: 250px;
  display: block;
  margin: 0 auto;
}

.page-slug-price section .local_nav .type_01 li dl,
.parent-slug-price section .local_nav .type_01 li dl {
  cursor: pointer;
}

.page-slug-price section .local_nav .type_01 li dl.close,
.parent-slug-price section .local_nav .type_01 li dl.close {
  border-color: #EBEBEB;
  background-color: #EBEBEB;
}

.page-slug-price section .local_nav .type_01 li dl.close dt,
.parent-slug-price section .local_nav .type_01 li dl.close dt {
  font-size: 16px;
  background: url(../../css/page/img/icon/icon09_h.png) no-repeat 90% 50%;
  background-color: #EBEBEB;
}

.page-slug-price section .local_nav .type_01 li dl,
.parent-slug-price section .local_nav .type_01 li dl {
  width: 304px;
  margin-top: 20px;
  border: 2px #EE7600 solid;
  border-top: none;
  border-radius: 6px 6px 0px 0px;
}

.page-slug-price section .local_nav .type_01 dt,
.parent-slug-price section .local_nav .type_01 dt {
  color: #FFF;
  text-decoration: none;
  display: block;
}

.page-slug-price section .local_nav .type_01 li dd,
.parent-slug-price section .local_nav .type_01 li dd {
  background-color: #FFF;
}

.page-slug-price section .local_nav .type_01 li dd li,
.parent-slug-price section .local_nav .type_01 li dd li {
  width: 250px;
  height: 2.7rem;
  margin: 0 auto;
  line-height: 2.7rem;
  text-align: center;
  border-bottom: 1px solid#E6E6E6;
}

.page-slug-price section .local_nav .type_01 li dd li a,
.parent-slug-price section .local_nav .type_01 li dd li a {
  text-decoration: none;
  display: block;
}

.page-slug-price section .local_nav dl.etc,
.parent-slug-price section .local_nav dl.etc {
  width: 640px;
  margin: 0 auto 18px;
  display: block;
  overflow: hidden;
}

.page-slug-price section .local_nav dl.etc.clear,
.parent-slug-price section .local_nav dl.etc.clear {
  clear: both;
}

.page-slug-price section .local_nav dl.etc dt,
.parent-slug-price section .local_nav dl.etc dt {
  margin-bottom: 15px;
}

.page-slug-price section .local_nav dl.etc dd,
.parent-slug-price section .local_nav dl.etc dd {
  width: 203px;
  height: 3rem;
  margin-right: 15px;
  margin-bottom: 16px;
  float: left;
  text-align: center;
  line-height: 3rem;
}

.page-slug-price section .local_nav dl.etc dd a,
.parent-slug-price section .local_nav dl.etc dd a {
  padding-top: 5px;
  display: block;
  color: #878787;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  background-color: #EBEBEB;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 6px;
  border-bottom: 1px solid #CBCBCB;
}

.page-slug-price section .local_nav dl.etc.types,
.parent-slug-price section .local_nav dl.etc.types {
  width: 49%;
  float: left;
  margin-right: 2%;
}

.page-slug-price section .local_nav dl.etc.types:nth-child(2),
.parent-slug-price section .local_nav dl.etc.types:nth-child(2) {
  margin-right: 0;
}

.page-slug-price section .local_nav dl.etc.types dd,
.parent-slug-price section .local_nav dl.etc.types dd {
  width: 100%;
}

.page-slug-price section .local_nav dl.etc.types dd a,
.parent-slug-price section .local_nav dl.etc.types dd a {
  font-size: 16px;
}

.page-slug-price .select-box,
.parent-slug-price .select-box {
  width: 100%;
  margin: -20px 0 20px;
  box-sizing: border-box;
  position: relative;
  padding-right: 20%;
}

.page-slug-price .select-box:after,
.parent-slug-price .select-box:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

.page-slug-price .select-box .input-side,
.parent-slug-price .select-box .input-side {
  width: 55%;
}

.page-slug-price .select-box .photo-side,
.parent-slug-price .select-box .photo-side {
  width: 40%;
}

.page-slug-price .select-box .photo-side div,
.parent-slug-price .select-box .photo-side div {
  display: none;
  margin: 0;
}

.page-slug-price .select-box .photo-side .b6eco,
.parent-slug-price .select-box .photo-side .b6eco {
  display: block;
}

.page-slug-price .select-box .photo-side div img,
.parent-slug-price .select-box .photo-side div img {
  width: 100%;
  display: block;
}

.page-slug-price .select-box .photo-side div span,
.parent-slug-price .select-box .photo-side div span {
  display: block;
  text-align: center;
  border: solid 1px #c4c4c4;
  border-top: 0;
  line-height: 3;
  font-size: 1.2rem;
}

.page-slug-price section #click_box,
.parent-slug-price section #click_box {
  border-radius: 3px 3px 3px 3px;
  background: #13B3B7;
  padding: 14px 10px 14px 20px;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  width: 100%;
}

.page-slug-price section #click_box span,
.parent-slug-price section #click_box span {
  position: relative;
  color: #fff;
  font-weight: bold;
  font-size: 1.6rem;
  padding-left: 20px;
  display: block;
}

.page-slug-price section #click_box span:before,
.parent-slug-price section #click_box span:before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-top: solid 2px #FFF;
  border-right: solid 2px #FFF;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: rotate(135deg);
}

.page-slug-price section .hidden_box,
.parent-slug-price section .hidden_box {
  margin-bottom: 36px;
}

.page-slug-price section #type_box:after,
.parent-slug-price section #type_box:after {
  clear: both;
  content: "";
  height: 0;
  display: block;
}

.page-slug-price section #type_serect,
.parent-slug-price section #type_serect {
  float: right;
  text-align: right;
  margin-top: -40px;
  margin-bottom: 5px;
  margin-right: 25px;
  font-size: 1.5rem;
  letter-spacing: 0;
}

.page-slug-price section #type_serect a,
.parent-slug-price section #type_serect a {
  /* color: #aaa; */
}

/* ~ipad pro */

@media screen and (max-width: 1024px) {
  .page-slug-price section #type_serect,
  .parent-slug-price section #type_serect {
    float: none;
    margin: 20px 0 0;
    text-align: left;
  }
}

.page-slug-price section #type_box,
.parent-slug-price section #type_box {
  width: 100%;
  /* height: 326px; */
  background-color: rgba(0,0,0,0.85);
  padding: 34px 20px 24px;
  position: absolute;
  left: 0;
  z-index: 1;
  box-sizing: border-box;
  display: none;
}

.page-slug-price section #type_box dt,
.parent-slug-price section #type_box dt {
  background-image: url(../../css/page/img/icon/icon012.png);
  background-repeat: no-repeat;
  background-position: 1px 12px;
  padding-left: 27px;
  font-weight: 500;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
}

.page-slug-price section #type_box dd,
.parent-slug-price section #type_box dd {
  color: #fff;
  background-repeat: no-repeat;
  background-position: 1px 13px;
  width: 20%;
  margin: 0 0 10px;
  box-sizing: border-box;
  cursor: pointer;
  transition: all .3s;
}

.page-slug-price section #type_box dd img,
.parent-slug-price section #type_box dd img {
  transition: all .3s;
}

/* hover */

@media screen and (min-width: 1024px) {
  .page-slug-price section #type_box dd:hover img,
  .parent-slug-price section #type_box dd:hover img {
    opacity: .7;
  }

  .page-slug-price section #type_box dd:hover span,
  .parent-slug-price section #type_box dd:hover span {
    color: #ed750f;
  }
}

.page-slug-price section #type_box dd img,
.parent-slug-price section #type_box dd img {
  width: 98%;
  margin-bottom: 3px;
}

.page-slug-price section #type_box dd span,
.parent-slug-price section #type_box dd span {
  display: block;
  font-size: .8rem;
  line-height: 1.6;
  padding: 0 6px;
}

.page-slug-price section .b_roku,
.parent-slug-price section .b_roku {
  line-height: 2.5;
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
}

.page-slug-price section .ring,
.parent-slug-price section .ring {
  line-height: 2.5;
  margin-right: 101px;
}

.page-slug-price section .ring:after,
.parent-slug-price section .ring:after {
  clear: both;
  content: "";
  height: 0;
  display: block;
}

.page-slug-price section #type_box .opacity,
.parent-slug-price section #type_box .opacity {
  opacity: 1;
}

.page-slug-price section .other,
.parent-slug-price section .other {
  line-height: 2.5;
  margin-top: 171px;
  padding-left: 26px;
}

.page-slug-price section #type_box .other dd,
.parent-slug-price section #type_box .other dd {
  float: left;
}

.page-slug-price section #type_box .other:after,
.parent-slug-price section #type_box .other:after {
  clear: both;
  content: "";
  height: 0;
  display: block;
}

.page-slug-price section #type_box .other dd:nth-child(2),
.parent-slug-price section #type_box .other dd:nth-child(2) {
  margin-right: 59px;
}

.page-slug-price section #type_box .other dd:nth-child(3),
.parent-slug-price section #type_box .other dd:nth-child(3) {
  margin-right: 59px;
}

.page-slug-price section #type_box .other dd:nth-child(5),
.parent-slug-price section #type_box .other dd:nth-child(5) {
  margin-right: 54px;
}

.page-slug-price section #type_box .other dd:nth-child(6),
.parent-slug-price section #type_box .other dd:nth-child(6) {
  margin-right: 30px;
}

@media screen and (max-width:767px) {
  .page-slug-price section #type_box dt,
  .parent-slug-price section #type_box dt {
    background-position: 1px 46%;
  }
}

/*BUTTONNSSSSS*/

.page-slug-price section .local_nav dl.etc dd a.off:hover,
.page-slug-price section .local_nav .type_02 ul li.close:hover,
.parent-slug-price section .local_nav dl.etc dd a.off:hover,
.parent-slug-price section .local_nav .type_02 ul li.close:hover {
  color: #F79B02;
  font-weight: bold;
}

.page-slug-price section .local_nav dl.etc dd a.on,
.parent-slug-price section .local_nav dl.etc dd a.on {
  background: #F79B02;
  border-bottom: 1px solid #DF6B02;
  color: #fff;
}

.page-slug-price section div.print_zone,
.parent-slug-price section div.print_zone {
  display: none;
}

.page-slug-price section .local_nav table.data,
.page-slug-price section .local_nav table.order,
.parent-slug-price section .local_nav table.data,
.parent-slug-price section .local_nav table.order {
  display: none;
}

/*type02*/

.page-slug-price section .local_nav .type_02 ul,
.parent-slug-price section .local_nav .type_02 ul {
  margin-top: -11px;
}

.page-slug-price section .local_nav .type_02 ul li,
.parent-slug-price section .local_nav .type_02 ul li {
  width: 32%;
  height: 3.1rem;
  line-height: 3.1rem;
  float: left;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  /*float: left;*/
  color: #FFF;
  border-radius: 3px;
  margin-right: 2%;
}

.page-slug-price section .local_nav .type_02 ul li.open,
.parent-slug-price section .local_nav .type_02 ul li.open {
  padding: 10px 0;
  margin-bottom: 30px;
  font-weight: bold;
  background: #F79B02;
  border-bottom: 1px solid #DF6B02;
  position: relative;
}

.page-slug-price section .local_nav .type_02 ul li.close,
.parent-slug-price section .local_nav .type_02 ul li.close {
  padding: 10px 0;
  font-weight: bold;
  color: #868686;
  background-color: #EBEBEB;
  border-bottom: 1px solid #CBCBCB;
}

.page-slug-price section .local_nav .type_02 ul li:last-child,
.parent-slug-price section .local_nav .type_02 ul li:last-child {
  margin-right: 0;
}

.page-slug-price section .local_nav .type_02 ul li a,
.parent-slug-price section .local_nav .type_02 ul li a {
  color: #FFF;
  text-decoration: none;
}

.page-slug-price section .local_nav .type_02 ul li.open:after,
.parent-slug-price section .local_nav .type_02 ul li.open:after {
  content: " ";
  background: url("/assets/img/price/icon/h2_arrow.png") no-repeat 50% 0;
  width: 100%;
  height: 9px;
  display: block;
  position: absolute;
  bottom: -9px;
}

.page-slug-price section .local_nav .type_02 .caption,
.parent-slug-price section .local_nav .type_02 .caption {
  margin: 0;
  /* color: #ed750f; */
  font-size: 2rem;
  margin-bottom: 8px;
}

.page-slug-price section .local_nav .type_02 ul.option-list,
.parent-slug-price section .local_nav .type_02 ul.option-list {
  margin: 0 auto 26px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #F5F5F5;
  padding: 25px 34px;
}

/* ~sp */

@media screen and (max-width: 767px) {
  .page-slug-price section .local_nav .type_02 ul.option-list,
  .parent-slug-price section .local_nav .type_02 ul.option-list {
    flex-direction: column;
  }
}

.page-slug-price section .local_nav .type_02 ul.option-list li,
.parent-slug-price section .local_nav .type_02 ul.option-list li {
  color: #000;
  float: none;
  width: 50%;
  height: auto;
  font-size: 1.6rem;
  text-align: left;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 0;
  border: 0;
  vertical-align: top;
  line-height: 1.4;
  padding: 8px 0;
  pointer-events: none;
  text-indent: -1em;
  padding-left: 1em;
  background-color: transparent;
  margin: 0;
}

/* ~sp */

@media screen and (max-width: 767px) {
  .page-slug-price section .local_nav .type_02 ul.option-list li,
  .parent-slug-price section .local_nav .type_02 ul.option-list li {
    width: 100%;
    margin: 0;
  }
}

.page-slug-price section .local_nav .type_02 ul.option-list li:nth-child(even),
.parent-slug-price section .local_nav .type_02 ul.option-list li:nth-child(even) {
  margin: 0;
}

.page-slug-price section .local_nav .type_02 ul.option-list li:before,
.parent-slug-price section .local_nav .type_02 ul.option-list li:before {
  content: "●";
  color: #05B9BE;
}

.page-slug-price section .local_nav table,
.parent-slug-price section .local_nav table {
  color: #383333;
  clear: both;
  border: 1px solid #EEE;
  width: 100%;
}

.page-slug-price section .local_nav table.price_list th,
.parent-slug-price section .local_nav table.price_list th {
  font-size: 16px;
  text-align: center;
  height: 34px;
  line-height: 34px;
  background: #FAFAFA;
  border: 1px solid #D1D1D1;
}

.page-slug-price section .local_nav table.price_list td,
.parent-slug-price section .local_nav table.price_list td {
  width: 126px;
  text-align: center;
  height: 43px;
  line-height: 43px;
  border: 1px solid #D1D1D1;
}

.page-slug-price section .local_nav table .gray_line td,
.parent-slug-price section .local_nav table .gray_line td {
  background: #F2F2F2;
  font-size: 14px;
  font-weight: bold;
}

.page-slug-price section .local_nav table .nomal td,
.parent-slug-price section .local_nav table .nomal td {
  height: 43px;
  line-height: 43px;
}

.page-slug-price section .local_nav table.price_list,
.parent-slug-price section .local_nav table.price_list {
  /* margin-bottom: 30px; */
}

.page-slug-price section .local_nav table.price_list_s,
.parent-slug-price section .local_nav table.price_list_s {
  width: 100%;
  margin-bottom: 30px;
  margin-top: 0;
}

.page-slug-price section .local_nav table.price_list_s td,
.parent-slug-price section .local_nav table.price_list_s td {
  width: 126px;
  padding-left: 17px;
  text-align: left;
  height: 43px;
  line-height: 43px;
  border: 1px solid #D1D1D1;
}

.page-slug-price section .local_nav table.price_list_s td.space,
.parent-slug-price section .local_nav table.price_list_s td.space {
  line-height: 19px;
  padding: 11px 0 5px 17px;
}

.page-slug-price section .local_nav table.price_list_s td span,
.parent-slug-price section .local_nav table.price_list_s td span {
  line-height: 1.6;
  display: block;
  padding: 16px 0;
}

.page-slug-price section .local_nav .caution,
.parent-slug-price section .local_nav .caution {
  /* width: 580px; */
  padding: 30px 30px;
  margin-bottom: 40px;
  background: #F5F5F5;
}

.page-slug-price section .local_nav .caution .align_left,
.parent-slug-price section .local_nav .caution .align_left {
  width: calc( 100% - 250px );
  margin-top: 6px;
  padding-left: 14px;
  line-height: 26px;
  float: left;
  font-size: 1.4rem;
}

.page-slug-price section .local_nav .caution .align_left span,
.parent-slug-price section .local_nav .caution .align_left span {
  font-size: 14px;
  color: #EB7600;
}

.page-slug-price section .local_nav .caution  .align_right,
.parent-slug-price section .local_nav .caution  .align_right {
  width: 205px;
  float: right;
}

.page-slug-price section .local_nav .caution:after,
.parent-slug-price section .local_nav .caution:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.page-slug-price section .local_nav .caution  .align_right img,
.parent-slug-price section .local_nav .caution  .align_right img {
  width: 100%;
  margin-top: 8px;
  margin-bottom: 10px;
}

.page-slug-price section .local_nav .caution  .align_right a,
.parent-slug-price section .local_nav .caution  .align_right a {
  font-size: 14px;
  text-align: center;
  display: block;
}

/*include*/

.page-slug-price section .local_nav.include,
.parent-slug-price section .local_nav.include {
  margin-bottom: 7%;
}

.page-slug-price section .local_nav.include ul,
.parent-slug-price section .local_nav.include ul {
  width: 640px;
  margin: 0 auto 20px;
  display: block;
}

.page-slug-price section .local_nav.include ul:after,
.parent-slug-price section .local_nav.include ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  /* margin-bottom: 35px; */
}

.page-slug-price section .local_nav.include ul li,
.parent-slug-price section .local_nav.include ul li {
  position: relative;
  width: 144px;
  margin-right: 13px;
  margin-bottom: 13px;
  height: 113px;
  text-align: center;
  float: left;
  background-color: #FFFAEA;
  border: 3px solid #FFD02F;
  border-radius: 5px;
}

.page-slug-price section .local_nav.include dl,
.parent-slug-price section .local_nav.include dl {
  position: absolute;
  top: 52%;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.page-slug-price section .local_nav.include dt,
.parent-slug-price section .local_nav.include dt {
  text-align: center;
  padding-bottom: 14px;
}

.page-slug-price section .local_nav.include dt img,
.parent-slug-price section .local_nav.include dt img {
  display: inline-block;
}

.page-slug-price section .local_nav.include dd,
.parent-slug-price section .local_nav.include dd {
  line-height: 1;
}

.page-slug-price section .local_nav.include .description,
.parent-slug-price section .local_nav.include .description {
  margin-bottom: 14px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.page-slug-price section .local_nav.include .btn_center,
.page-slug-price section .btn,
.parent-slug-price section .local_nav.include .btn_center,
.parent-slug-price section .btn {
  width: 420px;
  margin: 0 auto;
  margin-bottom: 30px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  display: block;
  border-radius: 4px;
  border-bottom: 1px solid #EB2914;
  background: url(../../css/page/img/icon/icon10_d.png) no-repeat 94% 50% #F17567;
}

.page-slug-price section .local_nav.include .btn_center:hover,
.page-slug-price .btn:hover,
.parent-slug-price section .local_nav.include .btn_center:hover,
.parent-slug-price .btn:hover {
  background-color: #F38E83;
}

.page-slug-price section .local_nav.include .btn_center a,
.page-slug-price .btn a,
.parent-slug-price section .local_nav.include .btn_center a,
.parent-slug-price .btn a {
  font-size: 22px;
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
}

/*cando*/

.page-slug-price section p.btn,
.page-slug-price .btn.second,
.parent-slug-price section p.btn,
.parent-slug-price .btn.second {
  width: 320px;
  float: left;
  background: url(../../css/page/img/icon/icon10_d.png) no-repeat 97% 50% #F17567;
}

.page-slug-price section p.btn,
.parent-slug-price section p.btn {
  margin-left: 25px;
  margin-top: 29px;
  margin-bottom: 65px;
}

.page-slug-price section p.btn a,
.page-slug-price .btn.second,
.parent-slug-price section p.btn a,
.parent-slug-price .btn.second {
  font-size: 18px;
}

.page-slug-price section p.btn.second,
.parent-slug-price section p.btn.second {
  background-color: #EE7600;
}

.page-slug-price section p.btn.second:hover,
.parent-slug-price section p.btn.second:hover {
  background-color: #FF8C1A;
}

/*champain*/

.page-slug-price section .btn_center,
.parent-slug-price section .btn_center {
  margin: 2% auto 5%;
  display: table;
  clear: both;
}

.page-slug-price section .btn_center.bottom,
.parent-slug-price section .btn_center.bottom {
  margin-bottom: 0px;
}

.page-slug-price section p.center,
.parent-slug-price section p.center {
  text-align: center;
}

.page-slug-price section .btn_center.wide,
.parent-slug-price section .btn_center.wide {
  margin-bottom: 9%;
}

.page-slug-price section p.wide,
.parent-slug-price section p.wide {
  margin: 4% 0;
}

.page-slug-price section div.contact,
.parent-slug-price section div.contact {
  width: 640px;
  margin: 7% auto 29%;
}

.page-slug-price section div.contact .phone,
.parent-slug-price section div.contact .phone {
  padding-left: 4%;
  float: left;
  background: url(../../css/page/img/icon/icon011.png) no-repeat 0% 9%;
}

.page-slug-price section div.contact .phone p,
.parent-slug-price section div.contact .phone p {
  font-size: 30px;
  font-weight: bold;
  color: #000;
  line-height: 26px;
}

.page-slug-price section div.contact .phone span,
.parent-slug-price section div.contact .phone span {
  font-weight: normal;
}

@media screen and (max-width:768px) {
  .page-slug-price h3,
  .parent-slug-price h3 {
    margin-bottom: 15px;
  }

  .page-slug-price h4,
  .parent-slug-price h4 {
    font-size: 16px;
    font-weight: bold;
    clear: both;
    line-height: 150%;
  }

  .page-slug-price section .type01.caption,
  .parent-slug-price section .type01.caption {
    display: inline-block;
    margin: 0 0 10px;
    line-height: 150%;
  }

  .page-slug-price section .hidden_box,
  .parent-slug-price section .hidden_box {
    margin-bottom: 16px;
    /* position: relative; */
  }

  .page-slug-price section #type_serect,
  .parent-slug-price section #type_serect {
    float: none;
    text-align: right;
    margin-top: 8px;
    margin-bottom: 5px;
    margin-right: 25px;
    font-size: 14px;
    display: block;
    padding: 10px 0;
  }

  /*type02*/

  .page-slug-price section .local_nav .type_02 ul,
  .parent-slug-price section .local_nav .type_02 ul {
    margin-top: 0;
  }

  .page-slug-price section .local_nav .type_02 ul li,
  .parent-slug-price section .local_nav .type_02 ul li {
    width: 100%;
    height: 3.1rem;
    line-height: 3.1rem;
    float: left;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    /*float: left;*/
    margin-bottom: 30px;
    color: #FFF;
    border-radius: 3px;
  }

  .page-slug-price section .local_nav .type_02 ul li.open,
  .parent-slug-price section .local_nav .type_02 ul li.open {
    padding-top: 5px;
    font-weight: bold;
    background: #F79B02;
    border-bottom: 1px solid #DF6B02;
    position: relative;
    /* box-sizing: border-box; */
    width: 100%;
  }

  .page-slug-price section .local_nav .type_02 ul li:nth-child(even),
  .parent-slug-price section .local_nav .type_02 ul li:nth-child(even) {
    margin-left: 0;
    border-bottom: 1px solid #CBCBCB;
  }

  .page-slug-price section div.print_zone,
  .parent-slug-price section div.print_zone {
    overflow-x: auto;
  }

  .page-slug-price section .local_nav table,
  .parent-slug-price section .local_nav table {
    color: #383333;
    clear: both;
    border: 1px solid #EEE;
    width: 100%;
    width: 638px;
  }

  .page-slug-price section .local_nav table.price_list_s,
  .parent-slug-price section .local_nav table.price_list_s {
    width: 638px;
    margin-bottom: 30px;
    margin-top: 41px;
  }

  .page-slug-price section .local_nav .caution,
  .parent-slug-price section .local_nav .caution {
    width: 638px;
    padding: 10px 20px 40px;
    margin-bottom: 40px;
    background: #F5F5F5;
    box-sizing: border-box;
  }

  .page-slug-price section .local_nav .caution .align_left,
  .parent-slug-price section .local_nav .caution .align_left {
    /* width: 100%; */
    margin-top: 6px;
    padding-left: 0;
    line-height: 26px;
    /* float: none; */
  }

  .page-slug-price section .local_nav .caution  .align_right,
  .parent-slug-price section .local_nav .caution  .align_right {
    width: 205px;
    /* float: none; */
    /* margin: 0 auto; */
  }

  .page-slug-price section .local_nav.include ul,
  .parent-slug-price section .local_nav.include ul {
    width: 100%;
    margin: 0 auto;
    display: block;
  }

  .page-slug-price section .local_nav.include ul li,
  .parent-slug-price section .local_nav.include ul li {
    width: 46%;
    margin-right: 4%;
    margin-bottom: 13px;
    height: 113px;
    /* line-height: 120px; */
    text-align: center;
    float: left;
    background-color: #FFFAEA;
    border: 3px solid #FFD02F;
    border-radius: 5px;
    box-sizing: border-box;
  }

  .page-slug-price section .local_nav.include ul li:nth-child(2n),
  .parent-slug-price section .local_nav.include ul li:nth-child(2n) {
    margin-right: 0;
  }

  .page-slug-price section .local_nav.include .btn_center,
  .page-slug-price section .btn,
  .parent-slug-price section .local_nav.include .btn_center,
  .parent-slug-price section .btn {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
    height: auto;
    line-height: 64px;
    text-align: center;
    display: block;
    border-radius: 4px;
    border-bottom: 1px solid #EB2914;
    background: url(../../css/page/img/icon/icon10_d.png) no-repeat 94% 50% #F17567;
  }

  .page-slug-price section .local_nav.include .btn_center a,
  .page-slug-price .btn a,
  .parent-slug-price section .local_nav.include .btn_center a,
  .parent-slug-price .btn a {
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
  }

  /*cando*/

  .page-slug-price section p.btn,
  .page-slug-price .btn.second,
  .parent-slug-price section p.btn,
  .parent-slug-price .btn.second {
    width: 100%;
    float: none;
    background: url(../../css/page/img/icon/icon10_d.png) no-repeat 97% 50% #F17567;
  }

  .page-slug-price section p.btn,
  .parent-slug-price section p.btn {
    margin: 0 auto;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 18px;
    text-align: center;
  }

  .page-slug-price section p.btn.second,
  .parent-slug-price section p.btn.second {
    background-color: #EE7600;
    margin-bottom: 50px;
  }

  .page-slug-price section #type_box,
  .parent-slug-price section #type_box {
    padding: 20px;
  }

  .page-slug-price section .b_roku,
  .parent-slug-price section .b_roku {
    /* float: none; */
    /* margin-left: 0; */
    /* line-height: 2.5; */
  }

  .page-slug-price section #type_box dd,
  .parent-slug-price section #type_box dd {
    /* width: 49%; */
  }

  

  .page-slug-price section .other,
  .parent-slug-price section .other {
    line-height: 2.5;
    margin-top: 0;
    padding-left: 0;
  }

  .page-slug-price section #type_box .other dd,
  .parent-slug-price section #type_box .other dd {
    float: none;
  }

  .page-slug-price section #type_box .other dd:nth-child(2),
  .parent-slug-price section #type_box .other dd:nth-child(2) {
    margin-right: 0;
  }

  .page-slug-price section #click_box span,
  .parent-slug-price section #click_box span {
    font-size: 15px;
  }
}

@media screen and (max-width:767px) {
  .page-slug-price .select-box,
  .parent-slug-price .select-box {
    width: 100%;
    margin: 8px 0 20px;
  }

  .page-slug-price .select-box .input-side,
  .page-slug-price .select-box .photo-side,
  .parent-slug-price .select-box .input-side,
  .parent-slug-price .select-box .photo-side {
    width: 100%;
  }

  .page-slug-price section #type_box dd,
  .parent-slug-price section #type_box dd {
    width: 32.8%;
  }
}

/* ==========================================================================
   calendercase/common.css (サイズ子ページ共通) : css/page/calendercase/common.css -> scope: .parent-slug-calendarcase
   ========================================================================== */

/* CSS Document */

/* パンくずのみのページ: ヘッダー直下で詰まらないよう上に余白 */
.parent-slug-calendarcase .aioseo-breadcrumbs {
  margin: 0;
  padding-top: 20px;
}

.parent-slug-calendarcase #type01,
.parent-slug-calendarcase #type02 {
  margin-top: -60px;
  padding-top: 60px;
}

.parent-slug-calendarcase .clearafterme .right_contents .cat_bold {
  position: relative;
  margin: 0 0 5px;
  padding: 0 2px;
  display: inline-block;
  z-index: 10;
  background: url("/assets/img/calendarcase/common/bg01.png") 0 16px repeat-x;
}

/*
.clearafterme .right_contents .cat_bold:before{
	position:absolute;
	bottom:5px;
	left:0;
	content:" ";
	width:100%;
	height:10px;
	color:#FFCF2B;
	z-index:0;
}
*/

.parent-slug-calendarcase .mb100 {
  margin-bottom: 100px;
}

.parent-slug-calendarcase .clearafterme .photo a {
  position: relative;
  display: block;
  padding: 0;
  cursor: pointer;
}

@media screen and (max-width:768px) {
  .parent-slug-calendarcase .clearafterme .photo a:after {
    content: "";
    position: absolute;
    height: 35px;
    width: 35px;
    background: url(../../css/page/img/common/icon01.png) no-repeat 0 0;
    background-size: 35px;
    top: 10px;
    right: 10px;
    margin: auto;
  }
}

.parent-slug-calendarcase .clearafterme .photo a img {
  max-width: 404px;
  width: 100%;
  height: auto;
  border: 1px solid #999;
}

.parent-slug-calendarcase .clearafterme .photo a span {
  display: none;
}

@media screen and (min-width:1023px) {
  .parent-slug-calendarcase .clearafterme .photo a span {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100.5%;
    height: 0;
    padding-bottom: 65.5%;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    background: rgba(0,0,0,0.6);
  }

  .parent-slug-calendarcase .clearafterme .photo a span img {
    display: block;
    padding: 95px 0 0;
    margin: 0 auto 24px;
    width: 44px;
    height: 44px;
    border: none;
  }

  .parent-slug-calendarcase .clearafterme .photo a:hover span {
    display: block;
  }
}

.parent-slug-calendarcase .clearafterme .photo .scc {
  padding: 0;
}

.parent-slug-calendarcase .sca,
.parent-slug-calendarcase .scb,
.parent-slug-calendarcase .scc {
  padding: 14px 0;
  background: #FFF;
}

.parent-slug-calendarcase .sca .l_photo,
.parent-slug-calendarcase .scb .l_photo,
.parent-slug-calendarcase .scc .l_photo {
  margin: 0 auto 14px;
}

.parent-slug-calendarcase .sca .l_photo img,
.parent-slug-calendarcase .scb .l_photo img,
.parent-slug-calendarcase .scc .l_photo img {
  display: block;
  margin: 0 auto;
  border: 1px solid #999;
}

.parent-slug-calendarcase .sca ul,
.parent-slug-calendarcase .scb ul,
.parent-slug-calendarcase .scc ul {
  margin: 0 auto;
  padding-bottom: 0;
  text-align: center;
}

.parent-slug-calendarcase .sca ul li,
.parent-slug-calendarcase .scb ul li,
.parent-slug-calendarcase .scc ul li {
  display: inline-block;
  margin: 0 6px;
  width: 100px;
  height: 65px;
  cursor: pointer;
}

.parent-slug-calendarcase .sca ul li:after,
.parent-slug-calendarcase .scb ul li:after,
.parent-slug-calendarcase .scc ul li:after {
  clear: both;
  content: " ";
  height: 0;
  display: block;
}

.parent-slug-calendarcase .sca ul li img,
.parent-slug-calendarcase .scb ul li img,
.parent-slug-calendarcase .scc ul li img {
  width: 98px;
  height: 63px;
  border: 1px solid #999;
  /*	border:1px solid #673922;*/
}

.parent-slug-calendarcase .sca .l_next,
.parent-slug-calendarcase .scb .l_next,
.parent-slug-calendarcase .scc .l_next {
  position: absolute;
  right: 0px;
  top: 40%;
  cursor: pointer;
}

.parent-slug-calendarcase .sca .l_prev,
.parent-slug-calendarcase .scb .l_prev,
.parent-slug-calendarcase .scc .l_prev {
  position: absolute;
  left: 0px;
  top: 40%;
  cursor: pointer;
}

.parent-slug-calendarcase .sca .l_close,
.parent-slug-calendarcase .scb .l_close,
.parent-slug-calendarcase .scc .l_close {
  position: absolute;
  top: 5px;
  right: 43px;
  cursor: pointer;
}

.parent-slug-calendarcase .clearafterme section .cat_bold {
  font-weight: bold;
  font-size: 17px;
}

@media screen and (max-width:768px) {
  .parent-slug-calendarcase .clearafterme .photo a img {
    width: 100%;
    height: auto;
  }

  .parent-slug-calendarcase .sca ul li,
  .parent-slug-calendarcase .scb ul li,
  .parent-slug-calendarcase .scc ul li {
    display: inline-block;
    margin: 0 6px;
    width: 23%;
    height: auto;
    cursor: pointer;
  }

  .parent-slug-calendarcase .sca ul li img,
  .parent-slug-calendarcase .scb ul li img,
  .parent-slug-calendarcase .scc ul li img {
    width: 100%;
    height: auto;
    border: 1px solid #999;
    /*	border:1px solid #673922;*/
  }

  .parent-slug-calendarcase #_scbox_show_ {
    position: fixed!important;
    z-index: 9999!important;
    margin: auto!important;
    padding: 0px 23px!important;
    width: 100%!important;
    height: 60%!important;
    top: 0!important;
    left: 0!important;
    right: 0!important;
    bottom: 0!important;
    overflow: hidden!important;
    box-sizing: border-box!important;
  }

  .parent-slug-calendarcase #_scbox_show_ img {
    width: 80%;
    height: auto;
  }
}

@media screen and (max-width:768px) {
  .parent-slug-calendarcase .banner .inner.w960 img {
    width: 100%;
  }
}

/* ==========================================================================
   calendercase/index.css (サイズ子ページ共通) : css/page/calendercase/index.css -> scope: .parent-slug-calendarcase
   ========================================================================== */

/* CSS Document */

.parent-slug-calendarcase .h_type04 {
  padding: 15px 25px;
  background: #FCEBD9;
}

.parent-slug-calendarcase .btns.case {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  margin: 20px 0;
}

.parent-slug-calendarcase .btns.case .btn01 {
  width: 48%;
}

.parent-slug-calendarcase .btns.case .btn01 a {
  font-size: 1.6rem;
}

/* ~sp */

@media screen and (max-width: 767px) {
  .parent-slug-calendarcase .btns.case {
    flex-direction: column;
    margin-bottom: 40px;
  }

  .parent-slug-calendarcase .btns.case .btn01 {
    width: 100%;
    margin: 6px 0;
  }
}

.parent-slug-calendarcase .plan_text {
  text-align: left;
  margin-top: 2%;
  margin-bottom: 3%;
  line-height: 1.6;
  font-size: 14px;
}

/* ==========================================================================
   lightbox.css (design/home) : common/css/lightbox.css -> scope: .page-slug-design, .type-home
   ========================================================================== */

.page-slug-design body.lb-disable-scrolling,
.type-home body.lb-disable-scrolling {
  overflow: hidden;
}

.page-slug-design .lightboxOverlay,
.type-home .lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.page-slug-design .lightbox,
.type-home .lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
}

.page-slug-design .lightbox .lb-image,
.type-home .lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  /* Image border */
  border: 4px solid white;
}

.page-slug-design .lightbox a img,
.type-home .lightbox a img {
  border: none;
}

.page-slug-design .lb-outerContainer,
.type-home .lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.page-slug-design .lb-outerContainer:after,
.type-home .lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.page-slug-design .lb-loader,
.type-home .lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.page-slug-design .lb-cancel,
.type-home .lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/assets/img/common/lightbox/loading.gif) no-repeat;
}

.page-slug-design .lb-nav,
.type-home .lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.page-slug-design .lb-container > .nav,
.type-home .lb-container > .nav {
  left: 0;
}

.page-slug-design .lb-nav a,
.type-home .lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.page-slug-design .lb-prev,
.page-slug-design .lb-next,
.type-home .lb-prev,
.type-home .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.page-slug-design .lb-nav a.lb-prev,
.type-home .lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/assets/img/common/lightbox/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: .8;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.page-slug-design .lb-nav a.lb-prev:hover,
.type-home .lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.page-slug-design .lb-nav a.lb-next,
.type-home .lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/assets/img/common/lightbox/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: .8;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.page-slug-design .lb-nav a.lb-next:hover,
.type-home .lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.page-slug-design .lb-dataContainer,
.type-home .lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.page-slug-design .lb-dataContainer:after,
.type-home .lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.page-slug-design .lb-data,
.type-home .lb-data {
  padding: 0 4px;
  color: #ccc;
}

.page-slug-design .lb-data .lb-details,
.type-home .lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.page-slug-design .lb-data .lb-caption,
.type-home .lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.page-slug-design .lb-data .lb-caption a,
.type-home .lb-data .lb-caption a {
  color: #4ae;
}

.page-slug-design .lb-data .lb-number,
.type-home .lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
  display: none !important;
}

.page-slug-design .lb-data .lb-close,
.type-home .lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/assets/img/common/lightbox/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.page-slug-design .lb-data .lb-close:hover,
.type-home .lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* ~sp */

@media screen and (max-width: 767px) {
  .page-slug-design .lightbox,
  .type-home .lightbox {
    /*top: 70px !important;*/
  }

  .page-slug-design .lightbox .lb-image,
  .type-home .lightbox .lb-image {
    margin: 0 auto;
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
    border: 0 !important;
  }

  .page-slug-design .lb-outerContainer,
  .type-home .lb-outerContainer {
    width: 90% !important;
    /* height: 80vh !important; */
    padding: 4px 4px 0px;
    height: auto !important;
  }

  .page-slug-design .lb-nav a.lb-prev,
  .type-home .lb-nav a.lb-prev {
    width: 50px;
  }

  .page-slug-design .lb-nav a.lb-next,
  .type-home .lb-nav a.lb-next {
    width: 50px;
  }

  .page-slug-design .lb-dataContainer,
  .type-home .lb-dataContainer {
    width: 100% !important;
    display: none !important;
  }

  .page-slug-design .lb-data .lb-details,
  .type-home .lb-data .lb-details {
    position: relative;
    top: 10px;
    right: auto;
    left: 10px;
    width: calc(100% - 20px);
  }

  .page-slug-design .lb-data .lb-caption,
  .type-home .lb-data .lb-caption {
    margin-bottom: 10px;
  }

  .page-slug-design .lb-data .lb-description,
  .type-home .lb-data .lb-description {
    height: 25vh;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

/* ==========================================================================
   single.css : css/single.css -> scope: .type-single
   ========================================================================== */

/*-------------------------------------------

    0. anker--temp

-------------------------------------------*/

/* anker--temp
----------------------------------------------------------------*/

.type-single .edit-area.sub-keyvisual .title {
  font-size: 2.4rem;
  font-weight: 400;
  color: #FFF;
  text-align: center;
  /* line-height: 3.2; */
  background-color: #ED750F;
  margin-bottom: 10px;
  padding: 23px 0;
}

.type-single .edit-area.sub-keyvisual .breadcrumbs {
  font-size: 0;
}

.type-single .edit-area.sub-keyvisual .breadcrumbs li {
  display: inline-block;
  font-size: 1.4rem;
}

.type-single .edit-area.sub-keyvisual .breadcrumbs li a {
  position: relative;
  padding-right: 20px;
  margin-right: 10px;
  text-decoration: underline;
}

.type-single .edit-area.sub-keyvisual .breadcrumbs li a:after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-top: solid 1px #000;
  border-right: solid 1px #000;
  margin-top: -3px;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 5%;
}

.type-single .aioseo-breadcrumbs {
  font-size: 0;
}

.type-single .aioseo-breadcrumb {
  display: inline-block;
  font-size: 1.4rem;
}

.type-single .aioseo-breadcrumb a {
  text-decoration: underline;
}

.type-single .aioseo-breadcrumb-separator {
  display: inline-block;
  font-size: 1.4rem;
  margin: 0 10px;
}

/* .edit-area.detail */

.type-single .edit-area.detail {
  font-feature-settings: normal;
}

.type-single .edit-area.detail .date {
  font-size: 1.6rem;
  color: #ED750F;
  text-align: right;
  margin: 10px 0;
}

.type-single .edit-area.detail .title {
  font-size: 3rem;
  margin-bottom: 4rem;
  line-height: 1.8;
  clear: both;
}

.type-single .edit-area.detail .subtitle,
.type-single .edit-area.detail .subtitle p {
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.6;
}

.type-single .edit-area.detail .tag {
  margin-top: 30px;
  font-size: 1.4rem;
}

.type-single .edit-area.detail .tag a {
  color: #80A1D2;
  margin-right: 10px;
}

.type-single .edit-area.detail .tag a:before {
  content: "＃";
}

.type-single .edit-area.detail .top-image {
  margin: 24px 0 60px;
  text-align: center;
}

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

  .type-single .edit-area.detail .title {
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }

  .type-single .edit-area.detail .subtitle {
    font-size: 1.6rem;
  }

  .type-single .edit-area.detail .tag {
    margin-top: 20px;
  }

  .type-single .edit-area.detail .top-image {
    margin: 4px 0 30px;
  }

}

.type-single #ez-toc-container {
  background: #f9f9f9;
  border: 1px solid #aaa;
  /* border-radius: 4px; */
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
  box-shadow: 0 1px 1px rgba(0,0,0,0.05);
  margin-bottom: 1em;
  padding: 20px 40px;
  position: relative;
  width: auto;
  max-width: 400px;
  box-sizing: border-box;
}

.type-single .ez-toc-title-container .ez-toc-title-toggle {
  display: none;
}

.type-single #ez-toc-container nav {
  position: relative;
  right: auto;
  top: auto;
  display: block;
  height: auto;
  background-color: transparent;
  z-index: auto;
  padding: 0;
}

.type-single #ez-toc-container p.ez-toc-title {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.45;
  margin: 0 0 8px;
  padding: 0;
}

.type-single #ez-toc-container.counter-hierarchy ul,
.type-single .ez-toc-widget-container.counter-hierarchy ul,
.type-single #ez-toc-container.counter-flat ul,
.type-single .ez-toc-widget-container.counter-flat ul {
  background: 0;
  list-style-type: none;
  list-style: none;
  line-height: 1.6;
  margin: 0;
  overflow: hidden;
  z-index: 1;
  counter-reset: item;
}

.type-single .ez-toc-list a {
  color: #0143a5!important;
}

.type-single #ez-toc-container.counter-decimal ul.ez-toc-list li {
  padding-left: 0;
  display: block;
}

.type-single #ez-toc-container.counter-decimal ul.ez-toc-list li:after {
  display: none;
}

.type-single #ez-toc-container.counter-decimal ul.ez-toc-list li a::before,
.type-single .ez-toc-widget-container.counter-decimal ul.ez-toc-list li a::before {
  content: counters(item,".") ". ";
  counter-increment: item;
}

/* hover */

@media screen and (min-width: 1024px) {
  .type-single .ez-toc-list a:hover {
    text-decoration: underline;
  }
}

@media screen and (max-width: 767px) {
  .type-single #ez-toc-container {
    padding: 20px;
  }

  .type-single #ez-toc-container.counter-flat ul,
  .type-single #ez-toc-container.counter-flat ul li {
    line-height: 1.4;
    text-align: left;
  }
}

/* h2 */

.type-single .single h2 {
  padding: 0 0 0 10px;
  font-weight: 600;
  font-size: 1.8rem;
  color: #333;
  line-height: 210%;
  background: #f4f4f4;
  border-left: 4px solid #ED750F;
  border-top: none;
  margin-bottom: 20px;
  box-sizing: border-box;
  margin-top: 40px;
}

/* h3 */

.type-single .single h3 {
  position: relative;
  line-height: 160%;
  margin-bottom: 21px;
  border-bottom: 2px solid #E4E4E4;
  font-weight: 600;
  font-size: 1.6rem;
  padding: 0 0 10px;
}

@media screen and (max-width: 767px) {
  .type-single .single h3 {
    margin-bottom: 10px;
    padding-left: 0;
  }
}

@media screen and (min-width: 768px) {
  .type-single .single h3:before {
    margin-right: 5px;
    content: "";
    width: 12px;
    height: 9px;
    background: #ED750F;
    display: inline-block;
  }
}

@media screen and (max-width: 767px) {
  .type-single .single h3:before {
    position: absolute;
    content: "";
    display: block;
    width: 180px;
    height: 2px;
    bottom: -2px;
    left: 0;
    background: #ED750F;
  }
}

/* h4 */

.type-single .single h4 {
  margin-bottom: 10px;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 160%;
  color: #ED750F;
}

@media screen and (max-width: 767px) {
  .type-single .single h4 {
    margin-bottom: 5px;
  }
}

/* h5 */

.type-single .single h5 {
  position: relative;
  margin-bottom: 10px;
  padding-left: 18px;
  font-size: 1.4rem;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .type-single .single h5 {
    margin-bottom: 5px;
  }
}

.type-single .single h5:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 10px;
  height: 10px;
  background: #ED750F;
  margin-top: -4px;
}

/* h6 */

.type-single .single h6 {
  margin-bottom: 10px;
  font-size: 1.4rem;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .type-single .single h6 {
    margin-bottom: 5px;
  }
}

/* p */

.type-single .single p {
  margin-bottom: 30px;
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .type-single .single p {
    margin-bottom: 15px;
  }
}

.type-single .edit-area.detail a {
  text-decoration: underline;
  color: #ED750F;
}

.type-single .edit-area.detail a:hover {
  opacity: .7;
}

.type-single .edit-area.detail .out-link,
.type-single .edit-area.detail .pdf-link {
  word-wrap: break-word;
  box-sizing: border-box;
  display: block;
  margin-bottom: 50px;
}

.type-single .edit-area.detail .out-link span,
.type-single .edit-area.detail .pdf-link span {
  padding-right: 30px;
}

.type-single .edit-area.detail .out-link span {
  background: url(/assets/img/single/out-link-icon.png) no-repeat 100% 62% / auto 14px;
}

.type-single .edit-area.detail .pdf-link span {
  background: url(/assets/img/single/pdf-link-icon.png) no-repeat 100% 62% / auto 22px;
}

/* ~sp */

@media screen and (max-width: 767px) {
  .type-single .edit-area.detail .out-link span,
  .type-single .edit-area.detail .pdf-link span {
    background-position: 100% 100%;
  }
}

/* ul */

.type-single .single ul {
  margin-bottom: 30px;
  font-weight: 500;
}

.type-single .single ul li {
  position: relative;
  margin-bottom: 1rem;
  padding-left: 10px;
  font-size: 1.4rem;
  line-height: 220%;
}

/* ol */

.type-single .single ol {
  margin-bottom: 30px;
  counter-reset: number 0;
  font-weight: 500;
}

.type-single .single ol li {
  position: relative;
  padding-left: 20px;
  font-size: 1.4rem;
  line-height: 220%;
  counter-increment: number 1;
}

.type-single .single ol li:after {
  content: counter(number)".";
  position: absolute;
  left: 0;
  top: 8px;
  display: block;
  color: #ED750F;
  font-size: 1.4rem;
  line-height: 100%;
}

/* img float */

.type-single .single img.alignleft {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .type-single .single img.alignleft {
    float: none;
    display: block;
    margin: 0 auto 10px;
  }
}

.type-single .single img.aligncenter {
  display: block;
  margin: 0 auto 20px;
}

.type-single .single img.alignright {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .type-single .single img.alignright {
    float: none;
    display: block;
    margin: 0 auto 10px;
  }
}

.type-single .single img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}

/* blockquote */

.type-single .single blockquote {
  position: relative;
  margin: 0 0 30px 30px;
  padding-left: 60px;
  font-size: 1.4rem;
  line-height: 180%;
}

@media screen and (max-width: 767px) {
  .type-single .single blockquote {
    margin: 0 0 15px 0;
    padding-left: 46px;
    line-height: 160%;
  }
}

.type-single .single blockquote:after,
.type-single .single blockquote:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}

.type-single .single blockquote:after {
  top: 5px;
  width: 2px;
  height: 50px;
  background: #CCC;
}

.type-single .single blockquote:before {
  content: "“";
  position: absolute;
  left: -20px;
  top: -5px;
  color: #CCC;
  font-size: 6rem;
  line-height: 100%;
}

/* sns-list */

.type-single .edit-area.other {
  background-color: #FAFAFA;
  padding: 60px 0;
}

.type-single .edit-area.other .inner .new-post p {
  font-size: 2rem;
  padding-left: 20px;
  border-left: solid 4px #ED750F;
  line-height: 1.4;
  margin-bottom: 30px;
}

.type-single .edit-area.other .inner .new-post .post-pagination {
  position: relative;
  margin-bottom: auto;
  margin-bottom: 40px;
}

.type-single .edit-area.other .inner .new-post .post-pagination:before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #aaa;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

.type-single .edit-area.other .inner .new-post .post-pagination:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

.type-single .edit-area.other .inner .new-post .post-pagination a {
  position: relative;
  width: 47%;
  float: left;
  box-sizing: border-box;
  padding-right: 3%;
  margin-bottom: 2%;
}

.type-single .edit-area.other .inner .new-post .post-pagination a:nth-of-type(2n) {
  float: right;
}

.type-single .edit-area.other .inner .new-post .post-pagination a:nth-of-type(2n+1) {
  clear: both;
}

.type-single .edit-area.other .inner .new-post .post-pagination a:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-top: solid 1px #AAA;
  border-right: solid 1px #AAA;
  margin-top: -3px;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 0;
}

.type-single .edit-area.other .inner .new-post .post-pagination a .entry-thumbnail {
  float: left;
  padding-right: 20px;
}

.type-single .edit-area.other .inner .new-post .post-pagination a .entry-thumbnail img {
  width: 110px;
  height: 110px;
}

.type-single .edit-area.other .inner .new-post .post-pagination a .title {
  display: inline-block;
  width: calc( 100% - 130px );
  margin-bottom: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.4;
}

.type-single .edit-area.other .inner .new-post .post-pagination a .subtitle {
  width: calc( 100% - 130px );
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 400;
  border: 0;
  padding: 0;
  margin: 0;
}

.type-single .single-post-pagination {
  text-align: center;
  position: relative;
  height: 70px;
}

.type-single .single-post-pagination:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

.type-single .single .single-post-pagination li {
  width: 25%;
  padding: 0;
  display: block;
  position: absolute;
}

.type-single .single ul.single-post-pagination li:after {
  display: none;
}

.type-single .single-post-pagination li a {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 68px;
  color: #000000;
  border: solid 1px #000000;
  box-sizing: border-box;
  display: block;
  transition: all .3s;
  margin: 0 auto;
}

.type-single .single-post-pagination li.prev {
  left: 0;
}

.type-single .single-post-pagination li.btn01 {
  width: 50%;
  padding: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.type-single .single-post-pagination li.btn01 a {
  color: #CC0000;
  border: solid 1px #CC0000;
}

.type-single .single-post-pagination li.next {
  right: 0;
}

/* hover */

@media screen and (min-width: 1024px) {
  .type-single .single-post-pagination li a:hover {
    background-color: #000;
    color: #FFF;
  }

  .type-single .single-post-pagination li.btn01 a:hover {
    background-color: #CC0000;
  }

  

  .type-single .edit-area.sub-keyvisual .breadcrumbs li a:hover {
    color: #ED750F;
  }

  .type-single .aioseo-breadcrumb a:hover {
    color: #ED750F;
  }
}

/* ~ipad */

@media screen and (max-width: 768px) {
  .type-single .edit-area.other {
    padding: 30px 0;
  }

  

  

  .type-single .edit-area.other .inner .new-post .post-pagination {
    margin-bottom: 20px;
  }

  .type-single .edit-area.other .inner .new-post .post-pagination:before {
    display: none;
  }

  .type-single .edit-area.other .inner .new-post .post-pagination a {
    width: 100%;
    float: none;
  }

  .type-single .edit-area.other .inner .new-post .post-pagination a:nth-of-type(2n) {
    float: none;
  }
}

/* ~sp */

@media screen and (max-width: 767px) {
  .type-single .single-post-pagination {
    height: 50px;
  }

  .type-single .single-post-pagination li a {
    line-height: 50px;
  }
}

/* ==========================================================================
   taxonomy.css : css/taxonomy.css -> scope: .type-archive
   ========================================================================== */

/*-------------------------------------------

    0. anker--temp
    1. anker--topics

-------------------------------------------*/

/* anker--topics
----------------------------------------------------------------*/

.type-archive .edit-area.news.template .post-list {
  display: block;
}

/* pagination */

.type-archive .pagination {
  text-align: center;
  position: relative;
  text-align: center;
  display: block;
  background-color: transparent;
}

.type-archive .pagination .nav-links {
  max-width: 1080px;
  width: 90%;
  margin: 0 auto;
}

.type-archive .pagination .nav-links * {
  padding: 4px 10px;
  border: solid 1px #ed750f;
}

.type-archive .pagination .nav-links a {
  color: #ed750f;
}

.type-archive .pagination .nav-links span {
  color: #ed750f;
  display: inline-block;
}

.type-archive .pagination .nav-links span.current {
  background-color: #ed750f;
  color: #FFF;
}

.type-archive .pagination .prev,
.type-archive .pagination .next {
  position: relative;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  border: 0;
}

.type-archive .pagination .prev:before,
.type-archive .pagination .next:after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-top: solid 2px #ed750f;
  border-right: solid 2px #ed750f;
  transform: rotate(-135deg);
  position: absolute;
  top: 30%;
  left: 5%;
}

.type-archive .pagination .next:after {
  right: 5%;
  left: auto;
  transform: rotate(45deg);
}

.type-archive .edit-area.sub_category .pagination {
  text-align: center;
}

/* hover */

@media screen and (min-width: 1024px) {
  .type-archive .pagination .nav-links a:hover {
    opacity: .4;
  }
}

/* ==========================================================================
   404.css : css/404.css -> scope: .type-404
   ========================================================================== */

/*-------------------------------------------

    0. anker--temp
    1. anker--class

-------------------------------------------*/

/* anker--temp
----------------------------------------------------------------*/

.type-404 .content {
  padding-bottom: 82px;
}

@media screen and (max-width: 767px) {
  .type-404 .content {
    padding-bottom: 40px;
  }
}

.type-404 .contents {
  position: relative;
  max-width: 1080px;
  width: 96%;
  margin: 0 auto;
  padding: 70px 0 120px;
}

.type-404 .contents:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

.type-404 .keyvisual {
  position: relative;
  background: url(/assets/img/page404/keyvisual.jpg) no-repeat 0% 50% / cover;
  line-height: 180px;
}

@media screen and (max-width: 767px) {
  .type-404 .keyvisual {
    line-height: 120px;
  }
}

/* ==========================================================================
   index.css : css/index.css -> scope: .type-home
   ========================================================================== */

/*-------------------------------------------

    0. anker--keyvisual
    1. anker--banners
    2. anker--plan
    3. anker--custom
    4. anker--type
    5. anker--design
    6. anker--price
    7. anker--portfolio
    8. anker--qa
    9. anker--sample
    10. anker--news

    -------------------------------------------*/

/* anker--keyvisual-slider
----------------------------------------------------------------*/

/* .type-home .edit-area.keyvisual-slider {
  padding-bottom: 10rem;
} */

/* .type-home .edit-area.keyvisual-slider .inner {
  height: 100%;
} */

/* .type-home .edit-area.keyvisual-slider .swiper-outer {
  height: 100%;
} */

.type-home .edit-area.keyvisual-slider .swiper-container .swiper-slide {
  transition: opacity .3s;
}

/* .type-home .edit-area.keyvisual-slider .swiper-container.gallery-top {
  height: calc(100% - 100px);
} */

.type-home .edit-area.keyvisual-slider .swiper-container.gallery-top .swiper-wrapper .swiper-slide {
  background-repeat: no-repeat !important;
  background-position: 50%;
  background-size: cover !important;
  box-sizing: border-box;
}

.type-home .edit-area.keyvisual-slider .swiper-container.gallery-top .swiper-wrapper .swiper-slide a {
  display: block;
  width: 100%;
}

.type-home .edit-area.keyvisual-slider .swiper-container.gallery-top .swiper-wrapper .swiper-slide img {
  width: 100%;
}

.type-home .edit-area.keyvisual-slider .swiper-container .swiper-button-next {
  background-image: url(/assets/img/index/keyvisual/swiper-button-next.svg);
  right: calc((100svw - 1080px) / 2);
}

.type-home .edit-area.keyvisual-slider .swiper-container .swiper-button-prev {
  background-image: url(/assets/img/index/keyvisual/swiper-button-prev.svg);
  left: calc((100svw - 1080px) / 2);
}

@media screen and (max-width: 1080px) {
  .type-home .edit-area.keyvisual-slider .swiper-container .swiper-button-next {
    right: 5px;
  }

  .type-home .edit-area.keyvisual-slider .swiper-container .swiper-button-prev {
    left: 5px;
  }
}

/* hover */

@media screen and (min-width: 1024px) {
  .type-home .edit-area.keyvisual-slider .swiper-slide:hover {
    opacity: .7;
  }
}

/* ~sp */

@media screen and (max-width: 767px) {
  .type-home .edit-area.keyvisual-slider {
    padding-bottom: 6rem;
  }

  /* .type-home .edit-area.keyvisual-slider .swiper-container.gallery-top {
    height: calc(100% - 60px);
  } */

  

  

  
}

/* ~sp sizeM */

@media screen and (max-width: 375px) {
  .type-home .edit-area.keyvisual-slider {
    /* height: 420px; */
    padding-bottom: 8rem;
  }

  /* .edit-area.keyvisual-slider .swiper-container.gallery-top {
		height: calc(100% - 52px);
	} */
}

/* ~sp sizeS */

@media screen and (max-width: 320px) {
  .type-home .edit-area.keyvisual-slider {
    /* height: 370px; */
  }

  .type-home .edit-area.keyvisual-slider .swiper-container.gallery-top {
    /* height: calc(100% - 48px); */
  }
}

/* anker--keyvisual
----------------------------------------------------------------*/

.type-home .edit-area.keyvisual {
  background: url(/assets/img/index/keyvisual.jpg) no-repeat 50% / cover;
  width: 100%;
  height: 64vh;
  min-height: 540px;
}

.type-home .edit-area.keyvisual .inner {
  position: relative;
  height: 100%;
}

.type-home .edit-area.keyvisual .inner:before {
  content: "";
  display: inline-block;
  background: url(/assets/img/common/logomark.png) no-repeat 50% 50% / 100% auto;
  width: 160px;
  height: 52px;
  position: absolute;
  top: 80px;
}

.type-home .edit-area.keyvisual .inner:after {
  content: "2023年版";
  display: inline-block;
  position: absolute;
  top: 85px;
  left: 176px;
  font-size: 3.2rem;
  font-weight: 600;
  color: #444;
}

.type-home .edit-area.keyvisual .inner h1 {
  font-size: 4.8rem;
  font-weight: 600;
  letter-spacing: .25rem;
  line-height: 1.4;
  position: absolute;
  top: 64%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.type-home .edit-area.keyvisual .inner h1:before {
  content: "";
  display: block;
  width: 127px;
  height: 99px;
  background: url(/assets/img/index/keyvisual-icon03.png) no-repeat 50%;
  position: absolute;
  top: -110px;
  right: 10px;
}

.type-home .edit-area.keyvisual .inner h1 span {
  font-size: 6.9rem;
}

.type-home .edit-area.keyvisual .inner h1 .green {
  position: relative;
  color: #2CB19B;
  font-size: 5.9rem;
}

.type-home .edit-area.keyvisual .inner h1 .green:before {
  content: "";
  display: block;
  width: 223px;
  height: 77px;
  position: absolute;
  top: -80px;
  left: -10px;
  background: url(/assets/img/index/keyvisual-icon01.png) no-repeat 50%;
}

.type-home .edit-area.keyvisual .inner h1 .orange {
  position: relative;
  color: #EC740E;
  font-size: 5.9rem;
}

.type-home .edit-area.keyvisual .inner h1 .orange:before {
  content: "";
  display: block;
  width: 245px;
  height: 71px;
  position: absolute;
  top: -70px;
  right: 24px;
  background: url(/assets/img/index/keyvisual-icon02.png) no-repeat 50%;
}

/* ~ipad pro */

@media screen and (max-width: 1024px) {
  .type-home .edit-area.keyvisual {
    min-height: 320px;
    height: 40vh;
    background-position: 70% 100%;
  }

  .type-home .edit-area.keyvisual .inner:before {
    top: 40px;
    width: 120px;
    height: 40px;
  }

  .type-home .edit-area.keyvisual .inner:after {
    top: 46px;
    font-size: 2.4rem;
    left: 134px;
  }

  .type-home .edit-area.keyvisual .inner h1 {
    font-size: 3rem;
    width: 21em;
    top: 50%;
    transform: scale(.8);
    transform-origin: top left;
  }

  .type-home .edit-area.keyvisual .inner h1:before {
    bottom: 0;
    top: auto;
    right: 10px;
    transform: scale(.8);
    transform-origin: left;
  }

  .type-home .edit-area.keyvisual .inner h1 span {
    font-size: 5.2rem;
  }

  .type-home .edit-area.keyvisual .inner h1 .green {
    font-size: 4.2rem;
  }

  .type-home .edit-area.keyvisual .inner h1 .orange {
    font-size: 4.2rem;
  }

  .type-home .edit-area.keyvisual .inner h1 .orange:before {
    left: 120px;
    right: auto;
  }
}

/* ~sp */

@media screen and (max-width: 767px) {
  .type-home .edit-area.keyvisual {
    height: 420px;
    min-height: auto;
    background-position: 50% 100%;
    background-image: url(/assets/img/index/keyvisual-sp.jpg);
  }

  .type-home .edit-area.keyvisual .inner:before {
    top: 20px;
    right: 96px;
    width: 90px;
    height: 30px;
  }

  .type-home .edit-area.keyvisual .inner:after {
    left: auto;
    right: 0;
    top: 27px;
    font-size: 1.8rem;
  }

  .type-home .edit-area.keyvisual .inner h1 {
    width: 96%;
    font-size: 2.4rem;
    top: 88px;
    margin: 0 auto;
    right: 0;
    left: 10px;
    transform: scale(1);
  }

  .type-home .edit-area.keyvisual .inner h1:before {
    transform: scale(.6);
    transform-origin: left bottom;
    z-index: 1;
    right: -46px;
  }

  .type-home .edit-area.keyvisual .inner h1 span {
    font-size: 3rem;
  }

  .type-home .edit-area.keyvisual .inner h1 .green {
    font-size: 3rem;
  }

  .type-home .edit-area.keyvisual .inner h1 .green:before {
    transform: scale(.7);
    transform-origin: left bottom;
  }

  .type-home .edit-area.keyvisual .inner h1 .orange {
    font-size: 3rem;
  }

  .type-home .edit-area.keyvisual .inner h1 .orange:before {
    transform: scale(.7);
    transform-origin: left bottom;
  }
}

/* ~sp sizeM */

@media screen and (max-width: 375px) {
  .type-home .edit-area.keyvisual .inner:before {
    top: 10px;
    right: 80px;
  }

  .type-home .edit-area.keyvisual .inner:after {
    right: -6px;
    top: 17px;
  }
}

/* ~sp sizeS */

@media screen and (max-width: 320px) {
  .type-home .edit-area.keyvisual .inner h1 {
    top: 112px;
  }

  .type-home .edit-area.keyvisual .inner:before {
    right: 70px;
  }

}

/* anker--banners
----------------------------------------------------------------*/

/* swiper カスタム */

/* hover */

/* ~ipad pro */

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

  /* swiper カスタム */

  

  

  
}

/* ~sp */

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

  /* swiper カスタム */

  

  

  

  

  .type-home .swiper-button-next,
  .type-home .swiper-button-prev {
    background-size: 11px auto;
  }

  .type-home .swiper-button-next {
    background-image: url(/assets/img/common/parts/arrow-right.svg);
    right: -6px;
  }

  .type-home .swiper-button-prev {
    background-image: url(/assets/img/common/parts/arrow-left.svg);
    left: -6px;
  }
}

/* top-text-block
----------------------------------------------------------------*/

.type-home .edit-area.top-text-block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  margin: -64px auto 30px;
}

@media screen and (max-width: 767px) {
  .type-home .edit-area.top-text-block {
    flex-direction: column;
    gap: 2rem;
    margin: -30px auto 30px;
  }
}

.type-home .edit-area.top-text {
  width: calc(100% - 40px);
  height: 70px;
  margin: 30px auto;
  padding: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ed1818;
  border: #f7b7b7 2px solid;
  border-radius: 10px;
}

@media screen and (max-width: 767px) {
  .type-home .edit-area.top-text {
    height: auto;
    margin: 0 15px;
    padding: 20px;
  }
}

.type-home .edit-area.top-text p {
  margin-bottom: 0;
  font-family: 'Noto Sans JP';
  font-size: 18px;
  line-height: 1.5em;
}

@media screen and (max-width: 767px) {
  .type-home .edit-area.top-text p {
    font-size: 16px;
  }

  .type-home .edit-area.top-text p br {
    display: none;
  }
}

.type-home .edit-area.top-text a {
  display: block;
  margin-top: 1rem;
  background: #ed1818;
  padding: 0.5rem 0;
  width: 170px;
  margin: 1rem auto 0;
  border-radius: 100px;
  font-size: 1.4rem;
  color: #FFF;
}

.type-home .edit-area.top-text a:hover {
  opacity: 0.7;
}

/* banner */

.type-home .banner {
  max-width: calc(100% - 40px);
  width: 700px;
  /* display: block; */
  display: none;
  margin: 0 auto 60px;
  transition: all ease 0.3s;
}

@media screen and (max-width: 767px) {
  .type-home .banner {
    margin: 0 auto 35px;
  }
}

.type-home .banner:hover {
  opacity: 0.5;
}

.type-home .banner img {
  width: 100%;
}

/* anker--plan
----------------------------------------------------------------*/

.type-home .edit-area.plan {
  padding: 60px 0 90px;
  background-color: #FCF4E0;
}

.type-home .edit-area.plan .inner {
  position: relative;
}

.type-home .edit-area.plan>.inner:after {
  content: "";
  display: block;
  width: 306px;
  height: 120px;
  background: url(/assets/img/index/plan-txt01.png) no-repeat 50% 50%;
  position: absolute;
  top: 0;
  right: -30px;
  z-index: 1;
}

.type-home .edit-area.plan.type02>.inner:after {
  display: none;
}

.type-home .edit-area.plan .h_style01 .size-l {
  font-size: 3.9rem;
}

.type-home .edit-area.plan .h_style01 .size-s {
  font-size: 1.8rem;
}

.type-home .edit-area.plan .catch {
  position: relative;
  font-size: 3.7rem;
  font-weight: 600;
  text-align: center;
}

.type-home .edit-area.plan .catch span {
  font-size: 3.2rem;
}

.type-home .edit-area.plan ul:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

.type-home .edit-area.plan ul li {
  position: relative;
  background-color: #FFF;
  border: solid 4px #000;
  border-radius: 6px;
  box-sizing: border-box;
  box-shadow: 0px 4px 4px 4px rgba(187, 187, 187, 0.4);
  background-repeat: no-repeat;
  background-position: 85% 50%;
  transition: all .3s;
}

.type-home .edit-area.plan ul li a {
  position: relative;
  display: block;
  padding: 40px;
}

.type-home .edit-area.plan ul li a:before {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  border-radius: 100px;
  background-color: #AAA;
  position: absolute;
  bottom: 10px;
  right: 10px;
  margin-top: -6px;
}

.type-home .edit-area.plan ul li a:after {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-top: solid 2px #FFF;
  border-right: solid 2px #FFF;
  transform: rotate(45deg);
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 1;
}

.type-home .edit-area.plan ul li.row01 {
  margin-bottom: 20px;
}

.type-home .edit-area.plan ul li.row02 {
  width: 48%;
  float: left;
}

/*フルオーダープラン削除時*/

/*.edit-area.plan ul li:last-of-type {
	float: right;
}
*/

.type-home .edit-area.plan ul li:last-of-type {
  float: initial;
  margin: 0 auto;
}

.type-home .edit-area.plan ul li a .inner .catch {
  background-color: #000;
  color: #FFF;
  line-height: 2.6;
  border-radius: 100px;
  text-align: center;
  display: inline-block;
  padding: 0 28px;
  margin-bottom: 0px;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 10px;
}

.type-home .edit-area.plan ul li.row02 a .inner .catch {
  font-size: 1.4rem;
}

.type-home .edit-area.plan ul li a .inner h4 {
  font-size: 3.7rem;
  font-weight: 600;
  margin-bottom: 0px;
  letter-spacing: .5rem;
  margin-bottom: 8px;
}

.type-home .edit-area.plan ul li.row02 a .inner h4 {
  font-size: 2.6rem;
}

.type-home .edit-area.plan ul li a .inner p {
  font-size: 1.4rem;
  line-height: 1.6;
}

.type-home .edit-area.plan ul li:nth-of-type(1) {
  border-color: #ED750F;
  background-image: url(/assets/img/index/plan-img01.png);
  background-position: 78% 50%;
}

@media screen and (max-width: 767px) {
  .type-home .edit-area.plan ul li:nth-of-type(1) {
    background-position: 90% 80%;
    background-size: 210px;
  }
}

.type-home .edit-area.plan ul li:nth-of-type(1):after {
  content: "豊富なテンプレートを\A自由にカスタマイズ！";
  white-space: pre;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.4;
  color: #F27F4C;
  position: absolute;
  top: 80px;
  right: 40px;
}

.type-home .edit-area.plan ul li:nth-of-type(1) a:before {
  background-color: #ED750F;
}

.type-home .edit-area.plan ul li:nth-of-type(1) a .inner .catch {
  background-color: #ED750F;
}

.type-home .edit-area.plan ul li:nth-of-type(2) {
  border-color: #18C8BE;
  background-image: url(/assets/img/index/plan-img03.png);
}

.type-home .edit-area.plan ul li:nth-of-type(2) a:before {
  background-color: #18C8BE;
}

.type-home .edit-area.plan ul li:nth-of-type(2) a .inner .catch {
  background-color: #18C8BE;
}

@media screen and (max-width: 767px) {
  .type-home .edit-area.plan ul li:nth-of-type(2) {
    background-size: 300px auto;
    background-position: center 73%;
  }
}

/* hover */

@media screen and (min-width: 1024px) {
  .type-home .edit-area.plan ul li:hover {
    transform: translateY(-10px);
  }
}

@media screen and (max-width: 1284px) {
  .type-home .edit-area.plan {
    padding-top: 90px;
  }

  .type-home .edit-area.plan>.inner:after {
    top: -90px;
    right: -30px;
    transform: scale(.7);
    transform-origin: left bottom;
  }

  .type-home .edit-area.plan .inner h3.catch:after {
    display: none;
  }

  /* .type-home .edit-area.plan ul li.row01 {
    background-size: auto 150px;
  } */

  .type-home .edit-area.plan ul li.row02 {
    width: 49%;
    margin-bottom: 20px;
    background-size: auto 110px;
    background-position: 90% 65%;
  }
}

@media screen and (max-width: 938px) {
  .type-home .edit-area.plan>.inner:after {
    right: -90px;
    top: -120px;
  }
}

/* ~ipad pro */

@media screen and (max-width: 1024px) {
  .type-home .edit-area.plan {
    padding-top: 130px;
  }

  .type-home .edit-area.plan ul li.row01 {
    /* background-size: auto 110px;
		background-position: 95% 70%; */
  }

  .type-home .edit-area.plan ul li:nth-of-type(1):after {
    top: 50px;
  }

  .type-home .edit-area.plan ul li.row02 {
    background-size: auto 100px;
    background-position: 50% 85%;
  }

  .type-home .edit-area.plan ul li.row02 a {
    padding: 20px 20px 120px;
    text-align: center;
  }
}

/* ~sp */

@media screen and (max-width: 767px) {
  .type-home .edit-area.plan {
    padding: 100px 0 45px;
  }

  .type-home .edit-area.plan>.inner:after {
    top: -120px;
    right: -130px;
    transform: scale(.6);
  }

  .type-home .edit-area.plan .h_style01 .size-l {
    font-size: 3.2rem;
  }

  .type-home .edit-area.plan .catch,
  .type-home .edit-area.plan .catch .yellow-line01 {
    font-size: 2.6rem;
    line-height: 1.4;
  }

  .type-home .edit-area.plan.type02 {
    padding: 40px 0;
  }

  .type-home .edit-area.plan.type02 .inner.w1080>.catch {
    font-size: 2.4rem;
    margin-bottom: 20px;
  }

  .type-home .edit-area.plan .catch span {
    font-size: 2rem;
  }

  .type-home .edit-area.plan ul li a {
    padding: 30px 30px 70px;
  }

  .type-home .edit-area.plan ul li:nth-of-type(1) a {
    padding: 30px 30px 180px;
  }

  .type-home .edit-area.plan ul li:nth-of-type(2) a {
    padding: 30px 30px 180px;
  }

  .type-home .edit-area.plan.type02 ul li:nth-of-type(1) a {
    padding-top: 30px;
  }

  .type-home .edit-area.plan ul li a:before {
    bottom: 24px;
    right: 20px;
  }

  .type-home .edit-area.plan ul li a:after {
    bottom: 33px;
    right: 30px;
  }

  /* .type-home .edit-area.plan ul li.row01 {
    background-position: 91% 81%;
  } */

  .type-home .edit-area.plan ul li:nth-of-type(1):after {
    right: auto;
    left: 20px;
    top: auto;
    bottom: 50px;
  }

  .type-home .edit-area.plan ul li.row02 {
    width: 100%;
  }

  .type-home .edit-area.plan ul li.row02 a {
    text-align: left;
    padding: 30px 30px 140px;
  }

  .type-home .edit-area.plan ul li .inner {
    margin: 0 auto;
    text-align: center;
    width: 21em;
  }

  .type-home .edit-area.plan ul li a .inner h4 {
    font-size: 2.6rem;
  }

  .type-home .edit-area.plan ul li.row01 a .inner h4 {
    text-align: center;
  }

  .type-home .edit-area.plan ul li a .inner p {
    text-align: left;
    margin: 0 auto;
  }

  .type-home .edit-area.plan ul li:nth-of-type(1) a .inner .catch {
    line-height: 1.6;
  }

  .type-home .edit-area.plan ul li:nth-of-type(1) a .inner p {
    width: 18.6em;
  }

  .type-home .edit-area.plan ul li:nth-of-type(2) a .inner p {
    width: 18.6em;
  }

  .type-home .edit-area.plan ul li:nth-of-type(3) a .inner p {
    width: 18em;
  }
}

/* anker--custom
----------------------------------------------------------------*/

.type-home .edit-area.custom {
  padding: 60px 0;
  background: url(/assets/img/index/custom-bg01.jpg) repeat;
}

.type-home .edit-area.custom .h_style01 {
  margin-bottom: 30px;
}

.type-home .edit-area.custom .h_style01 span {
  position: relative;
  border: 0;
}

.type-home .edit-area.custom .h_style01>span:before {
  content: "";
  display: block;
  width: 179px;
  height: 103px;
  background: url(/assets/img/index/custom-txt01.png) no-repeat 50%;
  position: absolute;
  top: -90px;
  left: -170px;
}

.type-home .edit-area.custom .h_style01 .size-l {
  font-size: 3.6rem;
}

.type-home .edit-area.custom ul {
  background-color: #FFFFFF;
  border-radius: 6px;
  padding: 30px 0 50px;
  margin-bottom: 40px;
}

.type-home .edit-area.custom ul li {
  width: 96%;
  max-width: 800px;
  margin: 0 auto;
  border-bottom: solid 1px #DDD;
  padding: 16px 0;
}

.type-home .edit-area.custom ul li div img {
  display: inline-block;
}

.type-home .edit-area.custom ul li div p {
  display: inline-block;
  font-weight: 600;
  margin: 0;
  line-height: 70px;
  padding-left: 20px;
}

.type-home .edit-area.custom ul li div p .orange-line01 {
  font-size: 1.8rem;
  line-height: 1.4;
}

.type-home .edit-area.custom .step {
  background-color: #FFF;
  border: solid 4px #ed750f;
  padding: 0 0 30px;
  border-radius: 6px;
}

.type-home .edit-area.custom .step:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

.type-home .edit-area.custom .step h3 {
  position: relative;
  background: #ED750F;
  text-align: center;
  color: #FFF;
  font-size: 1.8rem;
  padding: 10px 0;
}

.type-home .edit-area.custom .step h3:before {
  content: "";
  display: block;
  width: 106px;
  height: 68px;
  background: url(/assets/img/index/custom-txt02.png) no-repeat 50% 50%;
  position: absolute;
  top: -25px;
  left: 70px;
  /* right: 50%; */
  margin: 0 auto;
}

.type-home .edit-area.custom .step h3 span {
  font-size: 2.6rem;
}

.type-home .edit-area.custom .step dl {
  position: relative;
  width: 25%;
  float: left;
  text-align: center;
  padding: 40px 0;
}

.type-home .edit-area.custom .step dl:after {
  content: "";
  display: block;
  width: 1px;
  height: 70%;
  background-color: #DBDBDB;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto 0;
}

.type-home .edit-area.custom .step dl:last-of-type:after {
  display: none;
}

.type-home .edit-area.custom .step dl dt {
  display: inline-block;
  color: #FFF;
  font-size: 1.2rem;
  font-weight: 600;
  background-color: #000;
  border-radius: 100px;
  padding: 0 16px;
  line-height: 2.4;
  margin-bottom: 16px;
}

.type-home .edit-area.custom .step dl:nth-of-type(1) dt {
  background-color: #F7A782;
}

.type-home .edit-area.custom .step dl:nth-of-type(2) dt {
  background-color: #F69A71;
}

.type-home .edit-area.custom .step dl:nth-of-type(3) dt {
  background-color: #F4814D;
}

.type-home .edit-area.custom .step dl:nth-of-type(4) dt {
  background-color: #F05817;
}

.type-home .edit-area.custom .step dl dd span {
  display: block;
  font-weight: 600;
}

.type-home .edit-area.custom .catch {
  text-align: center;
  padding-top: 16px;
  display: block;
  font-weight: 600;
  background: url(/assets/img/index/custom-img08.jpg) no-repeat 50% 0%;
  clear: both;
}

.type-home .edit-area.custom .catch .orange-line01 {
  font-size: 2rem;
}

/* hover */

@media screen and (min-width: 1024px) {
  .type-home .edit-area.custom ul li div {
    padding: 0 40px;
  }
}

/* ~ipad pro */

@media screen and (max-width: 1024px) {
  .type-home .edit-area.custom {
    padding: 90px 0 60px;
  }

  .type-home .edit-area.custom .h_style01>span:before {
    transform: scale(.7);
    transform-origin: right bottom;
    left: -100px;
  }

  .type-home .edit-area.custom ul li div p {
    width: calc(100% - 120px);
    letter-spacing: 0;
  }

  .type-home .edit-area.custom .step h3:before {
    right: auto;
    left: 0;
  }
}

@media screen and (max-width: 1023px) {
  .type-home .edit-area.custom .step h3 br:nth-of-type(1) {
    display: block !important;
  }

}

/* ~sp */

@media screen and (max-width: 767px) {
  .type-home .edit-area.custom {
    padding: 90px 0 30px;
  }

  .type-home .edit-area.custom .h_style01 {
    font-size: 2.4rem;
    margin-bottom: 25px;
  }

  .type-home .edit-area.custom .h_style01>span:before {
    left: -28vw;
    top: -104px;
  }

  .type-home .edit-area.custom .h_style01 .size-l {
    font-size: 3.2rem;
  }

  .type-home .edit-area.custom ul li {
    text-align: center;
    width: 90%;
  }

  .type-home .edit-area.custom ul li div:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
  }

  .type-home .edit-area.custom ul li div img {
    display: block;
    margin: 0 auto;
    float: left;
  }

  .type-home .edit-area.custom ul li div p {
    width: 100%;
    display: block;
    line-height: 1.8;
    padding: 0;
    width: calc(100% - 100px);
    float: right;
    text-align: left;
  }

  .type-home .edit-area.custom .step h3 {
    line-height: 1.4;
    padding: 10px 0;
    margin-bottom: 20px;
  }

  .type-home .edit-area.custom .step h3:before {
    transform: scale(.7);
    transform-origin: top left;
    top: -34px;
    left: 0;
  }

  .type-home .edit-area.custom .step dl {
    width: 50%;
    padding: 10px 0;
  }

  .type-home .edit-area.custom .step dl:nth-of-type(2n+1) {
    clear: both;
  }

  .type-home .edit-area.custom .catch {
    background: none;
  }
}

/* anker--type
----------------------------------------------------------------*/

.type-home .edit-area.type {
  /*padding: 60px 0;*/
}

/* ~sp */

@media screen and (max-width: 767px) {
  .type-home .edit-area.type {
    padding: 110px 0 40px;
    overflow: hidden;
  }
}

/* anker--design
----------------------------------------------------------------*/

.type-home .edit-area.design {
  padding: 80px 0;
  background-color: #FBF7F4;
}

.type-home .edit-area.design .btn01 {
  max-width: 360px;
  width: 100%;
  margin: 0 auto 30px;
}

.type-home .edit-area.design .btn01 a {
  font-size: 1.6rem;
}

.type-home .edit-area.design .btns {
  text-align: center;
}

.type-home .edit-area.design .btns .btn01 {
  display: inline-block;
  margin: 0 1%;
}

.type-home .edit-area.design .btn01.blue {
  top: -11px;
  position: relative;
}

.type-home .edit-area.design .btn01.green a {
  padding: 3.5px 0;
}

.type-home .edit-area.design .btn01 span {
  display: block;
  line-height: 1.6;
}

/* ~sp */

@media screen and (max-width: 767px) {
  .type-home .edit-area.design .btn01 {
    max-width: none;
    margin-bottom: 10px;
  }

  .type-home .edit-area.design .btn01.gery {
    width: 90%;
    margin: 0 auto 10px;
  }

  .type-home .edit-area.design .btn01.blue {
    top: auto;
  }

  .type-home .edit-area.design .btns .btn01 {
    margin-bottom: 10px;
  }
}

/* anker--price
----------------------------------------------------------------*/

.type-home .edit-area.price {
  padding: 76px 0;
  background: url(/assets/img/index/price_test-bg01.jpg) no-repeat 0% 100% / cover;
}

.type-home .edit-area.price .h_style01 {
  font-size: 1.8rem;
  margin-bottom: 6px;
}

.type-home .edit-area.price .h_style01 .size-l {
  font-size: 2.6rem;
}

.type-home .edit-area.price .t_center {
  position: relative;
  line-height: 1.6;
}

.type-home .edit-area.price .t_center:before {
  content: "";
  display: block;
  width: 267px;
  height: 224px;
  background: url(/assets/img/index/price_test-img01.png) no-repeat 50% 50%;
  position: absolute;
  top: -89px;
  right: -80px;
}

.type-home .edit-area.price .photo-set {
  margin-bottom: 40px;
}

.type-home .edit-area.price .photo-set .photo-side {
  max-width: 540px;
  width: 50%;
}

.type-home .edit-area.price .photo-set .photo-side img {
  width: 100%;
  height: auto;
}

.type-home .edit-area.price .photo-set .text-side {
  width: 47%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  background-color: #FFF;
}

.type-home .edit-area.price .photo-set .text-side dl dt {
  background-color: #6373B7;
  color: #FFF;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 3;
  padding-left: 20px;
}

.type-home .edit-area.price .photo-set .text-side dl dd {
  padding: 30px;
}

.type-home .edit-area.price .photo-set .text-side dl dd ol li dl dt {
  background: transparent;
  color: #000;
  font-size: 1.6rem;
  line-height: 2;
  padding: 0;
}

.type-home .edit-area.price .photo-set .text-side dl dd ol li dl dt:before {
  content: "1";
  display: inline-block;
  text-align: center;
  line-height: 26px;
  width: 26px;
  background-color: #6373B7;
  border-radius: 100px;
  color: #FFF;
  margin-right: 10px;
}

.type-home .edit-area.price .photo-set .text-side dl dd ol li:nth-of-type(2) dl dt:before {
  content: "2";
}

.type-home .edit-area.price .photo-set .text-side dl dd ol li:nth-of-type(3) dl dt:before {
  content: "3";
}

.type-home .edit-area.price .photo-set .text-side dl dd ol li:nth-of-type(4) dl dt:before {
  content: "4";
}

.type-home .edit-area.price .photo-set .text-side dl dd ol li dl dd {
  padding: 0 40px 8px;
  font-size: 1.4rem;
  line-height: 1.8;
}

.type-home .edit-area.price .btn01 {
  max-width: 360px;
  margin: 0 auto 60px;
  width: 90%;
}

.type-home .edit-area.price .btn01 a {
  font-size: 1.6rem;
}

.type-home .edit-area.price .option {
  border: solid 3px #6373B7;
  box-sizing: border-box;
}

.type-home .edit-area.price .option dl dt {
  background-color: #6373B7;
  font-weight: 600;
  font-size: 2.2rem;
  color: #FFF;
  text-align: center;
  line-height: 2.6;
}

.type-home .edit-area.price .option dl dd {
  padding: 40px 0;
}

.type-home .edit-area.price .option dl dd ul {
  width: 70%;
  margin: 0 auto;
  font-size: 0;
}

.type-home .edit-area.price .option dl dd ul li {
  width: 24.8%;
  display: inline-block;
  text-align: center;
}

.type-home .edit-area.price .option dl dd ul li span {
  font-size: 1.6rem;
  display: block;
}

.type-home .edit-area.price .option .btn01 {
  margin-bottom: 50px;
}

/* ~1258px */

@media screen and (max-width: 1258px) {
  .type-home .edit-area.price .t_center:before {
    transform: scale(.7);
    transform-origin: right bottom;
    right: 0;
  }
}

/* ~1096px */

@media screen and (max-width: 1096px) {
  .type-home .edit-area.price .t_center:before {
    display: none;
  }
}

/* ~ipad pro */

@media screen and (max-width: 1024px) {
  .type-home .edit-area.price .option dl dd ul {
    width: 90%;
  }
}

/* ~1023px */

@media screen and (max-width: 1023px) {
  .type-home .edit-area.price .photo-set .photo-side {
    width: 100%;
    float: none;
    margin: 0 auto 20px;
  }

  .type-home .edit-area.price .photo-set .text-side {
    width: 100%;
    float: none;
  }

  .type-home .edit-area.price .photo-set .text-side dl dd {
    padding: 20px;
  }

  .type-home .edit-area.price .option dl dt {
    font-size: 2rem;
    line-height: 1.6;
  }

  .type-home .edit-area.price .option dl dd {
    padding-bottom: 20px;
  }

  .type-home .edit-area.price .option dl dd ul li {
    width: 49%;
    margin-bottom: 3%;
  }

  .type-home .edit-area.price .option dl dd ul li img {
    width: 40%;
    margin: 0 auto 10px;
  }
}

/* ~sp */

@media screen and (max-width: 767px) {
  .type-home .edit-area.price {
    padding: 0 0 40px;
  }

  .type-home .edit-area.price .t_center {
    text-align: left;
  }

  .type-home .edit-area.price .option .btn01 {
    margin-bottom: 40px;
  }
}

/* anker--portfolio
----------------------------------------------------------------*/

/* anker--qa
----------------------------------------------------------------*/

.type-home .edit-area.qa {
  background: url(/assets/img/index/custom-bg01.jpg) repeat;
  padding: 70px 0;
}

.type-home .edit-area.qa.template {
  background: #FCF4E0;
}

.type-home .edit-area.qa .inner h2 {
  font-size: 3.4rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 20px;
}

.type-home .edit-area.qa .t_center {
  margin-bottom: 40px;
  line-height: 1.6;
}

.type-home .edit-area.qa ul {
  margin-bottom: 70px;
}

.type-home .edit-area.qa ul:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

.type-home .edit-area.qa ul li {
  width: 33.3%;
  float: left;
  text-align: center;
}

.type-home .edit-area.qa ul li .before {
  position: relative;
  font-size: 1.8rem;
  font-weight: 600;
  padding-bottom: 30px;
}

.type-home .edit-area.qa ul li .before:before {
  content: "";
  display: block;
  width: 23px;
  height: 22px;
  background: url(/assets/img/index/qa-icon01.png) no-repeat 50% 50%;
  position: absolute;
  top: -10px;
  right: -30px;
}

.type-home .edit-area.qa ul li .before:after {
  content: "";
  display: block;
  width: 15px;
  height: 20px;
  background: url(/assets/img/index/qa-icon02.png) no-repeat 50% 50% / 100% auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}

.type-home .edit-area.qa ul li img {
  display: block;
  margin: 0 auto 20px;
  margin-top: 40px;
}

.type-home .edit-area.qa ul li .after {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.6;
}

.type-home .edit-area.qa .btn01 {
  max-width: 360px;
  margin: 0 auto;
}

.type-home .edit-area.qa .btn01 a {
  font-size: 1.6rem;
}

/* ~ipad pro */

@media screen and (max-width: 1024px) {
  .type-home .edit-area.qa ul li .before {
    font-size: 1.6rem;
  }
}

/* ~sp */

@media screen and (max-width: 767px) {
  .type-home .edit-area.qa {
    padding: 45px 0;
  }

  .type-home .edit-area.qa .inner h2 {
    font-size: 2.6rem;
    line-height: 1.6;
  }

  .type-home .edit-area.qa .t_center {
    text-align: left;
  }

  .type-home .edit-area.qa ul {
    margin-bottom: 45px;
  }

  .type-home .edit-area.qa ul li {
    width: 100%;
    float: none;
    margin-bottom: 60px;
  }

  .type-home .edit-area.qa ul li .before {
    font-size: 2rem;
  }
}

/* ~sp sizeL */

@media screen and (max-width: 425px) {
  .type-home .edit-area.qa ul li .before:after {
    width: 14px;
    background-size: 100% auto;
  }
}

/* anker--sample
----------------------------------------------------------------*/

.type-home .edit-area.sample {
  background: url(/assets/img/index/sample-bg.jpg) no-repeat 50% 50% / cover;
  padding: 60px 0;
}

.type-home .edit-area.sample .inner {
  background-color: rgba(255, 255, 255, 0.7607843137254902);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  padding: 50px 0 60px;
}

.type-home .edit-area.sample .inner h2 {
  font-size: 3.6rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px;
  line-height: 1.4;
}

.type-home .edit-area.sample .inner h2 .size-s {
  font-size: 2rem;
  display: inline-block;
}

.type-home .edit-area.sample .inner h2 img {
  width: 130px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}

.type-home .edit-area.sample .inner p {
  font-size: 1.4rem;
  text-align: left;
  max-width: 630px;
  width: 100%;
  margin: 0 auto 30px;
  line-height: 1.8;
  box-sizing: border-box;
}

.type-home .edit-area.sample .inner .btn01 {
  max-width: 360px;
  width: 100%;
  margin: 0 auto;
}

.type-home .edit-area.sample .inner .btn01 a {
  font-size: 1.6rem;
}

/* ~ipad pro */

@media screen and (max-width: 1024px) {
  .type-home .edit-area.sample .inner h2 {
    font-size: 3rem;
  }

  .type-home .edit-area.sample .inner p {
    text-align: left;
    padding: 0 20px;
  }
}

/* ~sp */

@media screen and (max-width: 767px) {
  .type-home .edit-area.sample .inner {
    padding: 50px 0;
  }

  .type-home .edit-area.sample .inner .btn01 {
    width: 90%;
  }
}

/* ~sp sizeL */

/* anker--news
----------------------------------------------------------------*/

.type-home .edit-area.point div.takukare_3point {
  background-color: #FFF8E5;
  padding: 150px 0 30px;
}

.type-home .edit-area.point div.takukare_3point h2 {
  position: relative;
  display: block;
  margin: 0 auto 60px;
  background: none;
  width: 34em;
}

.type-home .edit-area.point div.takukare_3point h2:before,
.type-home .edit-area.point div.takukare_3point h2:after {
  content: "";
  display: block;
  width: 275px;
  height: 214px;
  background-repeat: no-repeat;
  background-position: 50%;
  position: absolute;
  top: -90px;
}

.type-home .edit-area.point div.takukare_3point h2 span {
  color: #000;
  display: inline-block;
  margin-bottom: 14px;
  font-size: 3.6rem;
  font-weight: 600;
  text-align: center;
}

.type-home .edit-area.point div.takukare_3point h2:before {
  background-image: url("/assets/img/index/takukare_3point-txt01_img01.png");
  left: -300px;
}

.type-home .edit-area.point div.takukare_3point h2:after {
  background-image: url("/assets/img/index/takukare_3point-txt01_img02.png");
  right: -300px;
}

.type-home .edit-area.point div.takukare_3point.ne2018 h2:before {
  background-image: url("/assets/img/index/takukare_3point-txt01_img01_2018.png");
  left: -300px;
}

.type-home .edit-area.point div.takukare_3point.ne2018 h2:after {
  background-image: url("/assets/img/index/takukare_3point-txt01_img02_2018.png");
  right: -300px;
}

.type-home .edit-area.point div.takukare_3point h2 img {
  width: auto;
  height: auto;
  display: block;
  margin: 0 auto;
}

.type-home .edit-area.point div.takukare_3point ol {
  max-width: 960px;
  width: 90%;
  margin: 0 auto;
  list-style: none;
}

.type-home .edit-area.point div.takukare_3point ol li {
  position: relative;
  width: 100%;
  border: solid 5px #FFBF00;
  box-sizing: border-box;
  background-color: #FFF;
  margin: 40px 0 70px;
}

.type-home .edit-area.point div.takukare_3point ol li:nth-child(2) {
  border-color: #EE7600;
}

.type-home .edit-area.point div.takukare_3point ol li:nth-child(3) {
  border-color: #F17567;
}

.type-home .edit-area.point div.takukare_3point ol li .num {
  width: 104px;
  display: block;
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  margin: 0 auto;
  border: solid 5px #fff;
  border-radius: 100%;
  background-color: #ffbf00;
  box-sizing: border-box;
  /* padding: 30px 0; */
  font-size: 4rem;
  color: #FFF;
  font-weight: 600;
  text-align: center;
  letter-spacing: -1px;
  line-height: 94px;
  box-sizing: border-box;
}

.type-home .edit-area.point div.takukare_3point ol li:nth-child(2) .num {
  background-color: #EE7600;
}

.type-home .edit-area.point div.takukare_3point ol li:nth-child(3) .num {
  background-color: #F17567;
}

.type-home .edit-area.point div.takukare_3point ol li dl {
  padding: 50px 0 40px;
}

.type-home .edit-area.point div.takukare_3point ol li dl dt {
  position: relative;
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  color: #111111;
  margin: 30px auto;
  width: 17em;
}

.type-home .edit-area.point div.takukare_3point ol li dl dt:before,
.type-home .edit-area.point div.takukare_3point ol li dl dt:after {
  content: "";
  display: block;
  width: 39px;
  height: 75px;
  background: url("/assets/img/index/takukare_3point-icon01.png") no-repeat 50%;
  position: absolute;
  top: 0;
  left: 0;
}

.type-home .edit-area.point div.takukare_3point ol li dl dt:after {
  left: auto;
  right: 0;
  transform: rotateX(180deg);
}

.type-home .edit-area.point div.takukare_3point ol li dl dd {
  font-size: 14px;
  line-height: 1.8;
  max-width: 550px;
  width: 90%;
  margin: 0 auto;
}

.type-home .edit-area.point div.takukare_3point ol li dl dd p {
  margin-bottom: 10px;
}

.type-home .edit-area.point div.takukare_3point ol li dl dd p:last-child {
  margin-bottom: 0;
  text-align: right;
}

.type-home .edit-area.point div.takukare_3point ol li dl dd p a {
  text-decoration: underline;
  color: #EE7600;
}

/* hover */

@media screen and (min-width: 1024px) {
  .type-home .edit-area.point div.takukare_3point ol li dl dd p a:hover {
    opacity: .7;
  }
}

@media screen and (max-width: 1200px) {
  .type-home .edit-area.point div.takukare_3point {
    padding: 110px 0 30px;
  }

  .type-home .edit-area.point div.takukare_3point h2 {
    width: 100%;
    text-align: center;
  }

  .type-home .edit-area.point div.takukare_3point.ne2018 h2:before {
    transform: scale(.7);
    transform-origin: left;
    left: 20px;
  }

  .type-home .edit-area.point div.takukare_3point.ne2018 h2:after {
    transform: scale(.7);
    transform-origin: right;
    right: 20px;
  }
}

/* ~ipad pro */

@media screen and (max-width: 1024px) {
  .type-home .edit-area.point div.takukare_3point h2:before,
  .type-home .edit-area.point div.takukare_3point h2:after {
    top: -130px;
  }

  .type-home .edit-area.point div.takukare_3point h2 span {
    font-size: 2.6rem;
    margin: 0;
  }
}

/* ~sp */

@media screen and (max-width: 767px) {
  .type-home .edit-area.point div.takukare_3point {
    padding-top: 0;
    /* position: relative; */
    /* overflow: hidden; */
  }

  .type-home .edit-area.point div.takukare_3point h2 {
    overflow: hidden;
    padding-top: 110px;
  }

  .type-home .edit-area.point div.takukare_3point h2:before,
  .type-home .edit-area.point div.takukare_3point h2:after {
    top: -40px;
  }

  .type-home .edit-area.point div.takukare_3point h2 span {
    font-size: 2.2rem;
  }

  .type-home .edit-area.point div.takukare_3point.ne2018 h2:before {
    transform: scale(.43);
    left: -20px;
  }

  .type-home .edit-area.point div.takukare_3point.ne2018 h2:after {
    transform: scale(.43);
    right: -20px;
  }

  .type-home .edit-area.point div.takukare_3point h2 img {
    width: 70%;
  }

  .type-home .edit-area.point div.takukare_3point ol li:nth-child(3) {
    margin-bottom: 0;
  }

  .type-home .edit-area.point div.takukare_3point ol li .num {
    font-size: 2.4rem;
    width: 80px;
    line-height: 70px;
  }

  .type-home .edit-area.point div.takukare_3point ol li dl dt {
    margin: 0 auto 30px;
    font-size: 2rem;
  }

  .type-home .edit-area.point div.takukare_3point ol li dl dt:before,
  .type-home .edit-area.point div.takukare_3point ol li dl dt:after {
    transform: scale(.6);
  }

  .type-home .edit-area.point div.takukare_3point ol li dl dt:after {
    transform: rotateX(180deg) scale(.6);
  }
}

/* ---------- テンプレートのダウンロード ---------- */

.page-slug-download .download-link {
    padding: 0 0 10px;
}

.page-slug-download .download-link li {
    margin-bottom: 9px;
    letter-spacing: 1px;
}

.page-slug-download .download-link li a {
    padding-left: 20px;
    text-decoration: none;
    color: #393939;
    font-size: 1.4rem;
    position: relative;
}

.page-slug-download .download-link li a:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-top: solid 2px #FFCF2B;
    border-right: solid 2px #FFCF2B;
    margin-top: -3px;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 0;
}

.page-slug-download .download-link li a:hover {
    background-image: url(/assets/img/common/icons/icon_arrow02.png);
    color: #ED7600;
}