@charset "UTF-8";
/* text */
.fMin,
.ttl01,
.ttl02,
.ttl03,
.ttl05,
.ttl06,
.ttl07,
.ttl08,
.sideMovie .ttl,
.topBlock1 .txt1,
.categoryBlock .txt1,
.entryDetail .txt1 .ttl,
.entryDetail .txt8 dt span {
  font-family: "YuMincho", "Yu Mincho", "游明朝", Times New Roman,
    "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "Sawarabi Mincho", serif;
}

.fGothic {
  font-family: "MyYuGothicM", "YuGothic", "游ゴシック", Meiryo, "メイリオ",
    "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
}

.fNum {
  font-family: "Century", serif !important;
  font-weight: normal;
}

.fTel,
.tel01 dd.tel {
  font-family: "Roboto Condensed", sans-serif;
}

/* index */
/* -------------------------------------------------------- */
.topBlock1 {
  position: relative;
}

.topBlock1 .inr1 {
  padding: 20px 0 50px 0;
  position: relative;
  z-index: 10;
}

.topBlock1 .inr2 {
  padding: 40px 0 30px 0;
  background: #f1edf6;
  position: relative;
  z-index: 10;
}

.topBlock1 .inr2 .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.topBlock1 .inr2 .list > li {
  width: calc((100% - 40px) / 3);
  margin: 0 20px 30px 0;
}

.topBlock1 .inr2 .list > li:nth-child(3n) {
  margin-right: 0;
}

/* 目次リスト：カテゴリ別設定 */
#index-box .index-list li {
  position: relative;
}
#index-box .index-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#index-box .index-list li {
  text-decoration: underline;
}

#index-box .index-list li:hover {
  text-decoration: none !important;
  opacity: 0.6;
}
/* usuge */
.usuge #index-box .index-list li {
  color: #22b5d9;
}

/* datsumosho */
.datsumosho #index-box .index-list li {
  color: #db7c7c;
}

/* nukege */
.nukege #index-box .index-list li {
  color: #6d83b1;
}

/* hatsumou */
.hatsumou #index-box .index-list li {
  color: #ffbe55;
}

/* ikumou */
.ikumou #index-box .index-list li {
  color: #54ceaf;
}

@media screen and (max-width: 767px) {
  .topBlock1 .inr1 {
    padding: 0 15px 15px 15px;
  }

  .topBlock1 .inr2 {
    padding: 25px 0 20px 0;
  }

  .topBlock1 .inr2 .list {
    padding: 0 15px;
  }

  .topBlock1 .inr2 .list > li {
    width: calc((100% - 14px) / 2);
    margin: 0 14px 15px 0 !important;
  }

  .topBlock1 .inr2 .list > li:nth-child(2n) {
    margin-right: 0 !important;
  }

  .topBlock1 .btn03 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    padding: 0 40px 0 10px;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .topBlock1 .btn03 a .ico {
    right: 10px;
  }
}
.topBlock2 {
  width: 100%;
  padding: 40px 0 50px 0;
  overflow: hidden;
}

.topBlock2 .slide {
  width: 100%;
  padding: 0 0 30px 0;
}

.topBlock2 .slide .listBlock {
  width: auto;
  margin: 0 -12px;
}

.topBlock2 .slide .list li {
  text-align: left;
  vertical-align: top;
}

.topBlock2 .slide .list li a {
  text-decoration: none;
  color: #000;
  display: block;
  margin: 0 12px;
  position: relative;
}

.topBlock2 .slide .list li a .img {
  position: relative;
  height: 174px;
  overflow: hidden;
  margin: 0 0 15px 0;
}

.topBlock2 .slide .list li a .img img {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.topBlock2 .slide .list li a .cateTag {
  position: absolute;
  top: 6px;
  left: 6px;
}

.topBlock2 .slide .list li:nth-child(5n-4) .txt1 .ico {
  background-image: url(../../img/parts/icon_rank1.png);
}

.topBlock2 .slide .list li:nth-child(5n-3) .txt1 .ico {
  background-image: url(../../img/parts/icon_rank2.png);
}

.topBlock2 .slide .list li:nth-child(5n-2) .txt1 .ico {
  background-image: url(../../img/parts/icon_rank3.png);
}

.topBlock2 .slide .btn li {
  width: 50px;
  position: absolute;
  top: 15%;
}

.topBlock2 .slide .btn li a {
  width: 50px;
  height: 50px;
  background-color: rgba(198, 14, 57, 0.7);
  background-repeat: no-repeat;
  background-position: center center;
  border: solid 1px #fff;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}

.topBlock2 .slide .btn li a:hover {
  opacity: 0.7;
}

.topBlock2 .slide .btn li.prev {
  left: -25px;
}

.topBlock2 .slide .btn li.prev a {
  background-image: url(../../img/parts/arrow_02.png);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.topBlock2 .slide .btn li.next {
  right: -25px;
}

.topBlock2 .slide .btn li.next a {
  background-image: url(../../img/parts/arrow_02.png);
}

.topBlock2 .txt1 {
  line-height: 1;
  margin: 0 0 10px 0;
}

.topBlock2 .txt1 strong {
  font-weight: bold;
}

.topBlock2 .txt1 .ico {
  width: 22px;
  height: 18px;
  vertical-align: bottom;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../../img/parts/icon_rank.png);
  background-size: cover;
  display: inline-block;
  position: relative;
  top: -2px;
}

.topBlock2 .txt2 {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.3;
  margin: 0 0 10px 0;
}

.topBlock2 .txt3 {
  font-size: 14px;
  line-height: 1.4;
  color: #444;
  text-align: justify;
  margin: 0 0 10px 0;
}

.topBlock2 .txt4 {
  font-size: 12px;
  line-height: 1;
  text-align: right;
  color: #888;
}

.topBlock2 .reccomend_date {
  text-align: center;
  margin: 0 0 20px;
}

@media screen and (max-width: 767px) {
  .topBlock2 {
    padding: 20px 0 40px 0;
  }

  .topBlock2 .slide {
    padding: 0 0 10px 0;
  }

  .topBlock2 .slide .listBlock {
    margin: 0;
  }

  .topBlock2 .slide .list li a {
    margin: 0 15px;
  }

  .topBlock2 .slide .list li a .img {
    height: 0;
    padding-bottom: 56.2068965517%;
    margin: 0 0 12px 0;
  }

  .topBlock2 .slide .list li a .cateTag {
    top: 0;
    left: 0;
  }

  .topBlock2 .slide .btn {
    display: none;
  }

  .topBlock2 .txt1 {
    margin: 0 0 8px 0;
  }

  .topBlock2 .txt2 {
    font-size: 20px;
  }

  .topBlock2 .reccomend_date {
    margin: 0 15px 20px;
  }
}
.topBlock3 {
  padding: 40px 0 20px 0;
}

.topBlock3 .list {
  margin: 0 -10px;
}

.topBlock3 .list li {
  width: 33.33%;
  margin: 0 0 30px 0;
  float: left;
}

.topBlock3 .list li:nth-child(2n + 1) {
  clear: none;
}

.topBlock3 .list li:nth-child(3n + 1) {
  clear: both;
}

.topBlock3 .list li a {
  text-decoration: none;
  color: #000;
  display: block;
  margin: 0 10px;
  position: relative;
}

.topBlock3 .list li a .img {
  position: relative;
  height: 174px;
  overflow: hidden;
  margin: 0 0 15px 0;
}

.topBlock3 .list li a .img img {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.topBlock3 .list li a .cateTag {
  position: absolute;
  top: 6px;
  left: 6px;
}

.topBlock3 .list li .ttl {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  margin: 0 0 10px 0;
}

.topBlock3 .list li .txt {
  font-size: 14px;
  line-height: 1.4;
  color: #444;
  text-align: justify;
  margin: 0 0 10px 0;
}

.topBlock3 .list li .date {
  font-size: 12px;
  line-height: 1;
  text-align: right;
  color: #888;
  font-family: Arial, Helvetica, " sans-serif";
}

.topBlock3 .ttl06 {
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .topBlock3 {
    padding: 20px 0 15px 0;
  }

  .topBlock3 .list {
    margin: 0 8px;
  }

  .topBlock3 .list li {
    width: 50%;
    margin: 0 0 15px 0;
  }

  .topBlock3 .list li:nth-child(3n + 1) {
    clear: none;
  }

  .topBlock3 .list li:nth-child(2n + 1) {
    clear: both;
  }

  .topBlock3 .list li a {
    margin: 0 7px;
  }

  .topBlock3 .list li a .img {
    height: 0;
    padding-bottom: 56.5217391304%;
    margin: 0 0 10px 0;
  }

  .topBlock3 .list li a .cateTag {
    top: 0;
    left: 0;
  }

  .topBlock3 .list li .ttl {
    font-size: 16px;
    margin: 0 0 5px 0;
  }

  .topBlock3 .list li .txt {
    display: none;
  }

  .topBlock3 .ttl06 {
    margin-bottom: 15px;
  }
}
/* mainVisual */
.mainVisual .inr1 {
  padding: 0;
}

.mainVisual .inr1 .section {
  position: relative;
  height: 395px;
  overflow: hidden;
}

.mainVisual .inr1 .section .mainImg01 {
  position: absolute;
  top: 81px;
  left: 22px;
}

.mainVisual .inr1 .section .mainImg02 {
  position: absolute;
  top: 8px;
  left: 193px;
  width: 290px;
}

.mainVisual .inr1 .section .mainImg03 {
  position: absolute;
  right: 0;
  bottom: 0;
}

.mainVisual .txtLead {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -480px;
  z-index: 12;
}

.mainVisual .txtLead .txt2 {
  position: absolute;
  width: 650px;
  top: 308px;
  left: 0;
}

.mainVisual .checklist ul {
  position: absolute;
  top: 150px;
  left: 50%;
  margin-left: -480px;
  width: 650px;
  background: rgba(255, 255, 255, 0.5);
  border: 2px solid #c20e36;
  padding: 20px 0 20px 30px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 2px 2px 0 0px #c20e36;
  box-shadow: 2px 2px 0 0px #c20e36;
  z-index: 11;
}

.mainVisual .checklist li {
  display: inline-block;
  width: 185px;
  font-weight: bold;
  line-height: 0;
  margin: 0 15px 15px 0;
}

.mainVisual .checklist li:before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  background-image: url(../../img/parts/icon_check_main_pc.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 17px 17px;
  position: relative;
  top: 2px;
  margin-right: 7px;
}

/* 最後の行に対応 */
.mainVisual .checklist li:nth-child(3n + 1):nth-last-child(-n + 3),
.mainVisual .checklist li:nth-child(3n + 1):nth-last-child(-n + 3) ~ li {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .mainVisual .inr1 .section {
    height: 0;
    padding-bottom: 37.8666666667%;
  }

  .mainVisual .inr1 .section .mainImg01 {
    width: 58%;
    top: 49%;
    left: 3%;
  }

  .mainVisual .inr1 .section .mainImg02 {
    width: 55%;
    top: 14%;
    left: 3%;
    right: inherit;
  }

  .mainVisual .inr1 .section .mainImg03 {
    top: -7.0422535211%;
    right: -5.3333333333%;
    width: 42.6666666667%;
  }

  .mainVisual .txtLead {
    position: static;
    margin: 0;
    background: #fcf3f5;
    padding: 15px 15px 20px;
  }

  .mainVisual .txtLead .txt2 {
    position: static;
    width: auto;
    font-size: 15px;
  }

  .mainVisual .checklist {
    background: #fcf3f5;
    background: -webkit-gradient(
      left top,
      left bottom,
      color-stop(30%, #fff),
      color-stop(100%, #fcf3f5)
    );
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(30%, #fff),
      to(#fcf3f5)
    );
    background: linear-gradient(to bottom, #fff 30%, #fcf3f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fff", endColorstr="#fcf3f5", GradientType=0);
  }

  .mainVisual .checklist ul {
    position: static;
    margin-left: 0;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border-width: 1px;
    border-left: none;
    border-right: none;
    background: rgba(255, 255, 255, 0.7);
    padding: 5px 10px;
  }

  .mainVisual .checklist li {
    display: block;
    width: 50%;
    font-size: 14px;
    margin: 0;
    line-height: 1.5;
    padding-left: 20px;
    text-indent: -20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mainVisual .checklist li:nth-child(odd) {
    float: left;
  }

  .mainVisual .checklist li:nth-child(even) {
    float: right;
  }

  .mainVisual .checklist li:nth-child(2n + 1) {
    clear: both;
  }

  .mainVisual .checklist li:before {
    background-image: url(../../img/parts/icon_check_main_sp.png);
    width: 17px;
    height: 19px;
    margin-right: 3px;
  }
}
@media screen and (max-width: 374px) {
  .mainVisual .checklist li {
    font-size: 3.8vw;
  }

  .mainVisual .checklist li:before {
    height: 17px;
  }
}
/* category */
/* -------------------------------------------------------- */
.categoryBlock .cateBg {
  width: 980px;
  margin: 0 auto;
  background-color: #fcf3f5;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.categoryBlock .inr1 {
  min-height: 220px;
  margin: 30px 0 50px 0;
  padding: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.categoryBlock .inr1 .ctx {
  display: none;
}

.categoryBlock .inr2 {
  margin: 0 0 50px 0;
}

.categoryBlock .inr2 .list {
  padding: 35px 0;
  border-top: dotted 1px #dcdcdc;
  position: relative;
}

.categoryBlock .inr2 .txt3 + .list {
  margin-top: 35px;
}

.categoryBlock .inr2 .list .ttl01 {
  display: inline-block;
  margin-bottom: 25px;
}

.categoryBlock .inr2 .list .btn02 {
  position: absolute;
  top: 35px;
  right: 0;
}

.categoryBlock .inr2 .list .btn02 a {
  font-size: 14px;
  line-height: 1;
}

.categoryBlock .inr2 .list .btn02 a .ico {
  top: 0.15em;
}

.categoryBlock .inr2 .list ul {
  margin: 0 -10px;
}

.categoryBlock .inr2 .list li {
  width: 33.33%;
  float: left;
}

.categoryBlock .inr2 .list li a {
  text-decoration: none;
  color: #000;
  margin: 0 10px;
  display: block;
  position: relative;
}

.categoryBlock .inr2 .list li .cateTag {
  position: absolute;
  top: 6px;
  left: 6px;
}

.categoryBlock .inr2 .list li .img {
  position: relative;
  height: 112px;
  overflow: hidden;
  margin: 0 0 10px 0;
}

.categoryBlock .inr2 .list li .img img {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.categoryBlock .inr2 .list li .imgBox {
  padding-top: 64.5%;
}

.categoryBlock .inr2 .list li .imgBox > img {
  height: 100%;
}

.categoryBlock .inr2 .list li .ctx > p {
  font-weight: bold;
  line-height: 1.3;
}

.categoryBlock .inr2 .list li a:after {
  content: "";
  width: 15px;
  height: 15px;
  margin: -7px 0 0 0;
  background: url(../../img/parts/arrow_03.png) no-repeat center center;
  background-size: cover;
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  display: none;
}

.categoryBlock .inr3 {
  margin: 0 0 40px 0;
}

.categoryBlock .inr3 .img {
  text-align: center;
  margin: 0 0 25px 0;
}

.categoryBlock .inr4 {
  margin: 0 0 40px 0;
}

.categoryBlock .inr4 .box {
  margin: 0 0 25px 0;
  padding: 60px 30px;
  position: relative;
  background: #fffbfc;
  background: -webkit-gradient(
    top,
    bottom,
    color-stop(0%, #fffbfc),
    color-stop(100%, #fff8f9)
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fffbfc),
    to(#fff8f9)
  );
  background: linear-gradient(to bottom, #fffbfc 0%, #fff8f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffbfc", endColorstr="#fff8f9", GradientType=0);
}

.categoryBlock .inr4 .box .img {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
}

.categoryBlock .txt1 {
  font-size: 32px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 20px 0;
  padding: 15px 0 0 0;
  color: #db7c7c;
}

.categoryBlock .txt2 {
  line-height: 2;
  color: #333;
  margin: 0 0 15px 0;
}

.categoryBlock .txt4 {
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
  color: #db7c7c;
  position: relative;
  z-index: 10;
}

.categoryBlock .txt4 .sub {
  font-size: 18px;
  color: #333;
  margin: 0 0 15px 0;
  display: block;
}

.categoryBlock .txt4 .kakkoL {
  margin-left: -0.5em;
}

.categoryBlock .txt4 .kakkoR {
  margin-right: -0.5em;
}

.categoryBlock .txt6 dl {
  margin: 0 0 20px 0;
}

.categoryBlock .txt6 dt {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  margin: 0 0 10px 0;
  padding: 0 0 0 30px;
  position: relative;
}

.categoryBlock .txt6 dd {
  line-height: 2;
}

.categoryBlock .txt6 dt .ico {
  width: 22px;
  height: 22px;
  font-size: 15px;
  font-weight: bold;
  line-height: 22px;
  text-align: center;
  color: #fff;
  border-radius: 30px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.categoryBlock strong {
  font-weight: bold;
  background: #fef3ae;
  background: -webkit-gradient(
    top,
    bottom,
    color-stop(50%, transparent),
    color-stop(50%, #fef3ae)
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(50%, transparent),
    color-stop(50%, #fef3ae)
  );
  background: linear-gradient(to bottom, transparent 50%, #fef3ae 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff", endColorstr="#fef3ae", GradientType=0);
}

.categoryBlock .keyword {
  padding: 0 0 15px 0;
}

.categoryBlock .keyword li.ttl {
  display: block;
  margin: 0 0 5px 0;
}

.categoryBlock .keyword li {
  padding: 0 20px 0 0;
}

.categoryBlock.datsumosho .cateBg {
  background-image: url(../../img/category/bg_01_01.jpg);
}

.categoryBlock.datsumosho .inr1 {
  background-color: rgba(198, 14, 57, 0.05);
}

.categoryBlock.datsumosho .txt1 {
  color: #db7c7c;
}

.categoryBlock.datsumosho .txt6 dt .ico {
  background-color: #db7c7c;
}

.categoryBlock.nukege .cateBg {
  background-image: url(../../img/category/bg_01_02.jpg);
}

.categoryBlock.nukege .inr1 {
  background-color: rgba(24, 108, 172, 0.05);
}

.categoryBlock.nukege .txt1 {
  color: #6d83b1;
}

.categoryBlock.nukege .txt6 dt .ico {
  background-color: #6d83b1;
}

.categoryBlock.usuge .cateBg {
  background-image: url(../../img/category/bg_01_03.jpg);
}

.categoryBlock.usuge .inr1 {
  background-color: rgba(34, 181, 217, 0.05);
}

.categoryBlock.usuge .txt1 {
  color: #22b5d9;
}

.categoryBlock.usuge .txt6 dt .ico {
  background-color: #22b5d9;
}

.categoryBlock.hatsumou .cateBg {
  background-image: url(../../img/category/bg_01_04.jpg);
}

.categoryBlock.hatsumou .inr1 {
  background-color: rgba(216, 154, 20, 0.05);
}

.categoryBlock.hatsumou .txt1 {
  color: #ffbe55;
}

.categoryBlock.hatsumou .txt6 dt .ico {
  background-color: #ffbe55;
}

.categoryBlock.ikumou .cateBg {
  background-image: url(../../img/category/bg_01_05.jpg);
}

.categoryBlock.ikumou .inr1 {
  background-color: rgba(71, 136, 46, 0.05);
}

.categoryBlock.ikumou .txt1 {
  color: #54ceaf;
}

.categoryBlock.ikumou .txt6 dt .ico {
  background-color: #54ceaf;
}

.categoryBlock.aging .cateBg {
  background-image: url(../../img/category/bg_01_06.jpg);
}

.categoryBlock.aging .inr1 {
  background-color: rgba(216, 108, 20, 0.05);
}

.categoryBlock.aging .txt1 {
  color: #54ceaf;
}

.categoryBlock.aging .txt6 dt .ico {
  background-color: #54ceaf;
}

@media screen and (max-width: 767px) {
  .categoryBlock .cateBg {
    background-position: top center;
    width: 100%;
  }

  .categoryBlock .inr1 {
    margin: 0 0 30px 0;
    min-height: 0;
    background-color: transparent !important;
  }

  .categoryBlock .inr1 .ctx {
    padding: 15px 15px 5px 15px;
    background-color: #fcf3f5;
  }

  .categoryBlock .inr2 {
    margin: 0 0 35px 0;
  }

  .categoryBlock .inr2 .txt3 {
    margin: 0 15px 30px 15px;
  }

  .categoryBlock .inr2 .list {
    margin: 0;
    padding: 0;
    border-top: none;
  }

  .categoryBlock .inr2 .txt3 + .list {
    margin-top: 0;
    border-top: solid 1px #eee;
  }

  .categoryBlock .inr2 .list:last-child {
    margin-bottom: 30px;
  }

  .categoryBlock .inr2 .list .ttl01 {
    margin: 20px 0 20px 15px;
    font-size: 18px;
  }

  .categoryBlock .inr2 .list .btn02 {
    position: absolute;
    top: 18px;
    right: 15px;
  }

  .categoryBlock .inr2 .list ul {
    margin: 0;
    border-bottom: solid 1px #eee;
  }

  .categoryBlock .inr2 .list li {
    width: auto;
    border-top: solid 1px #eee;
    float: none;
  }

  .categoryBlock .inr2 .list li a {
    width: 100%;
    margin: 0;
    display: table;
  }

  .categoryBlock .inr2 .list li .cateTag {
    width: 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.2;
    top: 0;
    left: 0;
  }

  .categoryBlock .inr2 .list li .img {
    width: 100px;
    height: 100px;
    text-align: left;
    vertical-align: middle;
    margin: 0;
    display: table-cell;
  }

  .categoryBlock .inr2 .list li .img img {
    max-width: none;
    width: auto;
    height: 100px;
    top: 0;
    left: 50%;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .categoryBlock .inr2 .list li .imgBox {
    padding-top: 100%;
  }

  .categoryBlock .inr2 .list li .imgBox > img {
    height: auto;
  }

  .categoryBlock .inr2 .list li .ctx {
    text-align: left;
    vertical-align: middle;
    padding: 0 50px 0 15px;
    display: table-cell;
  }

  .categoryBlock .inr2 .list li a:after {
    display: block;
  }

  .categoryBlock .inr3 {
    margin: 0 15px 30px 15px;
  }

  .categoryBlock .inr4 {
    margin: 0 0 25px 0;
  }

  .categoryBlock .inr4 .box {
    margin: 0 0 15px 0;
    padding: 10px 15px 15px 15px;
  }

  .categoryBlock .inr4 .box .img {
    text-align: center;
    margin: 0 0 15px 0;
    position: static;
  }

  .categoryBlock .inr4 .ctx {
    margin: 0 15px;
  }

  .categoryBlock .txt1 {
    font-size: 34px;
    line-height: 1.2;
    text-align: center;
    padding: 6% 3% 0%;
  }

  .categoryBlock .txt2 {
    font-size: 17px;
    line-height: 1.6;
  }

  .categoryBlock .txt3 > p {
    font-size: 17px;
    line-height: 1.6;
  }

  .categoryBlock .txt4 {
    font-size: 26px;
    line-height: 1.3;
    text-align: center;
  }

  .categoryBlock .txt4 .sub {
    font-size: 16px;
    margin: 0 0 5px 0;
  }

  .categoryBlock .txt5 {
    margin: 0;
  }

  .categoryBlock .txt6 dd {
    font-size: 17px;
    line-height: 1.7;
  }

  .categoryBlock.datsumosho .inr1 .ctx {
    background-color: #fcf3f5;
  }

  .categoryBlock.nukege .inr1 .ctx {
    background-color: #f3f8fc;
  }

  .categoryBlock.usuge .inr1 .ctx {
    background-color: #fcf6f9;
  }

  .categoryBlock.hatsumou .inr1 .ctx {
    background-color: #fdfaf3;
  }

  .categoryBlock.ikumou .inr1 .ctx {
    background-color: #f6f9f4;
  }

  .categoryBlock.aging .inr1 .ctx {
    background-color: #fdf7f3;
  }
}
@media screen and (max-width: 610px) {
  .categoryBlock .inr1 {
    /*-webkit-background-size:auto 140px; background-size:auto 140px;*/
  }
}
/* tag */
.tagpage .categoryBlock .inr1 {
  min-height: 240px;
}

@media screen and (max-width: 767px) {
  .tagpage .categoryBlock .inr1 {
    min-height: 0;
    padding-bottom: 8%;
  }
}
/* detail */
/* -------------------------------------------------------- */
.entryDetail .inr1 {
  margin: 0 0 60px 0;
}

.entryDetail .inr1 .img {
  text-align: center;
  margin: 0 0 35px 0;
}

.entryDetail .inr1 .type_b .img {
  text-align: center;
  width:60%;
  margin:0 auto 35px;
}


.entryDetail .inr1 .ttl05 {
  margin-top: 40px;
}

.entryDetail .inr2 {
  margin: 0 0 35px 0;
}

.entryDetail .keyword {
  margin: 0 0 30px 0;
}

.entryDetail .keyword li {
  padding: 0 20px 0 0;
}

.entryDetail blockquote {
  font-style: italic;
  line-height: 2;
  color: #777;
  margin: 0 0 15px 0;
  padding: 5px 40px;
  display: block;
  position: relative;
}

.entryDetail blockquote:before,
.entryDetail blockquote:after {
  content: "";
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: block;
  position: absolute;
}

.entryDetail blockquote:before {
  background-image: url(../../img/parts/icon_03_04.png);
  top: 0;
  left: 0;
}

.entryDetail blockquote:after {
  background-image: url(../../img/parts/icon_03_05.png);
  bottom: 0;
  right: 0;
}

.entryDetail .txt1 {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.3;
  color: #333;
  margin: 0 0 20px 0;
}

.entryDetail .txt1 .sub {
  font-size: 18px;
  margin: 0 0 5px 0;
  display: block;
}

.entryDetail .txt1 .supervisionDoctor {
  display: block;
  padding-top: 8px;
  font-size: 14px;
  text-align: right;
}

.before_index {
  position: relative;
}

.entryDetail .txt1 .postUpDt {
  display: block;
  padding-top: 8px;
  font-size: 14px;
  text-align: right;
  position: absolute;
  top: -10px;
  right: 0;
}

.doctor_sec .acc_ttl {
  background: #b3adaf;
  color: #ffffff;
  font-weight: bold;
  padding: 5px 25px;
  margin: 0 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.doctor_sec .acc_ttl p {
  line-height: 1.6;
}

.doctor_sec .acc_ttl .ttl_left {
  font-size: 22px;
  width: 300px;
  padding: 8px 0 0 0;
}


.doctor_sec .acc_ttl .ttl_right {
  font-size: 14px;
}

.doctor_sec .acc_ttl .ttl_right span {
  font-size: 18px;
}

.doctor_sec .acc_ttl .open_close {
  padding: 12px 12px 0 0;
}

.doctor_sec .acc_con {
  display: block;
}

.doctor_sec .acc_con img {
  display: block;
  float: left;
  margin: 0 25px 20px 0;
  border: #eee 1px solid;
}

.doctor_sec .acc_con dl {
  margin: 0 0 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.doctor_sec .acc_con dt {
  margin: 0 0 0px 0;
  font-weight: bold;
  font-size: 14px;
  width: 100px;
}

.doctor_sec .acc_con dd {
  font-size: 14px;
  font-weight: normal;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.doctor_sec .flexbox{display: flex;}
.doctor_sec .left{width: 400px; margin-right: 20px;}

@media screen and (max-width: 767px) {
  .entryDetail .txt1 .postUpDt {
    top: -8px;
    right: 10px;
  }

  .doctor_sec .acc_ttl {
    padding: 5px 10px;
    margin: 0 10px;
  }

.doctor_sec .flexbox{display: block;}
.doctor_sec .left{width: auto; margin-right: 0;}
  .doctor_sec .acc_ttl .open_close {
    padding: 12px 2px 0 0;
  }

  .doctor_sec .acc_ttl .open_close img {
    width: 60%;
  }

  .doctor_sec .acc_ttl .ttl_left {
    font-size: 16px;
    width: 90px;
    padding: 8px 0 0 0;
  }

  .doctor_sec .acc_ttl .ttl_right {
    font-size: 12px;
  }

  .doctor_sec .acc_ttl .ttl_right span {
    font-size: 14px;
  }

  .doctor_sec .acc_con {
    padding: 10px;
    margin: 10px 0 0 0;
  }

  .doctor_sec .acc_con img {
    width: 40%;
    margin: 0 auto 20px;
    float: none;
  }

  .doctor_sec .acc_con dl {
    margin: 0 0 20px;
    display: block;
  }

  .doctor_sec .acc_con dt {
    width: 100%;
  }
}
.entryDetail .txt2 {
  margin: 0 0 30px 0;
}

.entryDetail .txt2.rebirth_bnr {
  margin: 0 0 10px 0;
}

.entryDetail .txt2 > p {
  line-height: 2;
}

.entryDetail strong {
  font-weight: bold;
  color: #db7c7c;
}

.entryDetail .txt3 {
  margin: 0 0 40px 0;
}

.entryDetail .txt3 dl {
  margin: 0 0 25px 0;
}

.entryDetail .txt3 dt,
.entryDetail .txt3 dd {
  padding: 0 0 0 30px;
  position: relative;
}

.entryDetail .txt3 dt {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  margin: 0 0 15px 0;
}

.entryDetail .txt3 dd {
  line-height: 2;
}

.entryDetail .txt3 dt .ico,
.entryDetail .txt3 dd .ico {
  width: 22px;
  height: 22px;
  font-size: 15px;
  font-weight: bold;
  line-height: 22px;
  text-align: center;
  color: #fff;
  border-radius: 30px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.entryDetail .txt3 dt .ico {
  background: #371d1d;
}

.entryDetail .txt3 dd .ico {
  top: 0.2em;
}

.entryDetail .txt4 dl {
  margin: 0 0 20px 0;
}

.entryDetail .txt4 dt {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  margin: 0 0 10px 0;
  padding: 0 0 0 30px;
  position: relative;
}

.entryDetail .txt4 dd {
  line-height: 2;
}

.entryDetail .txt4 dt .ico {
  width: 22px;
  height: 22px;
  font-size: 15px;
  font-weight: bold;
  line-height: 22px;
  text-align: center;
  color: #fff;
  border-radius: 30px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.entryDetail .txt5 dl {
  margin: 0 0 20px 0;
}

.entryDetail .txt5 dt {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  margin: 0 0 5px 0;
  padding: 0 0 0 15px;
  position: relative;
}

.entryDetail .txt5 dd {
  line-height: 2;
}

.entryDetail .txt5 dt:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 10px;
  display: block;
  position: absolute;
  top: 0.4em;
  left: 0;
}

.entryDetail .txt7 {
  margin: 0 40px;
  display: table;
}

.entryDetail .txt7 dt,
.entryDetail .txt7 dd {
  text-align: left;
  vertical-align: top;
  line-height: 1.5;
  color: #777;
  display: table-cell;
}

.entryDetail .txt7 dt {
  white-space: nowrap;
  padding: 0 0 0 28px;
  position: relative;
}

.entryDetail .txt7 dt:before {
  content: "";
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../../img/parts/arrow_02.png);
  background-size: 10px auto;
  border-radius: 30px;
  display: block;
  position: absolute;
  top: 0.05em;
  left: 0;
}

.entryDetail .txt8 {
  margin: 40px 0 30px 0;
  padding: 20px;
}

.entryDetail .txt8 dt {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 15px 0;
  padding: 0 0 0 64px;
  position: relative;
}

.entryDetail .txt8 dt span {
  font-size: 16px;
  line-height: 1.2;
  display: block;
}

.entryDetail .txt8 dt:before {
  content: "";
  width: 54px;
  height: 54px;
  margin: -27px 0 0 0;
  background: url(../../img/parts/icon_dr_01.jpg) no-repeat center center;
  background-size: cover;
  border-radius: 60px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
}

.entryDetail .txt8 dd {
  line-height: 2;
}

.entryDetail .q_text {
  font-weight: 600;
  margin: 0 0 10px;
}

.entryDetail .ico_q {
  font-weight: bold;
  color: #fff;
  background: #a70713;
  border-radius: 100px;
  padding: 3px 7px;
  margin: 0 8px 0 0;
}

.entryDetail.datsumosho .txt1 .sub,
.entryDetail.datsumosho .txt8 dt span {
  color: #db7c7c;
}

.entryDetail.datsumosho .txt8 {
  background: #fff9fb;
  border: solid 1px #fae3ea;
}

.entryDetail.datsumosho .txt3 dd .ico,
.entryDetail.datsumosho .txt4 dt .ico,
.entryDetail.datsumosho .txt5 dt:before,
.entryDetail.datsumosho .txt7 dt:before {
  background-color: #db7c7c;
}

.entryDetail.nukege .txt1 .sub,
.entryDetail.nukege .txt8 dt span {
  color: #6d83b1;
}

.entryDetail.nukege .txt8 {
  background: #f8fafc;
  border: solid 1px #e7f0f7;
}

.entryDetail.nukege .txt3 dd .ico,
.entryDetail.nukege .txt4 dt .ico,
.entryDetail.nukege .txt5 dt:before,
.entryDetail.nukege .txt7 dt:before {
  background-color: #6d83b1;
}

.entryDetail.usuge .txt1 .sub,
.entryDetail.usuge .txt8 dt span {
  color: #22b5d9;
}

.entryDetail.usuge .txt8 {
  background: #fdf9fb;
  border: solid 1px #f8edf3;
}

.entryDetail.usuge .txt3 dd .ico,
.entryDetail.usuge .txt4 dt .ico,
.entryDetail.usuge .txt5 dt:before,
.entryDetail.usuge .txt7 dt:before {
  background-color: #22b5d9;
}

.entryDetail.hatsumou .txt1 .sub,
.entryDetail.hatsumou .txt8 dt span {
  color: #ffbe55;
}

.entryDetail.hatsumou .txt8 {
  background: #fefcf8;
  border: solid 1px #fbf5e7;
}

.entryDetail.hatsumou .txt3 dd .ico,
.entryDetail.hatsumou .txt4 dt .ico,
.entryDetail.hatsumou .txt5 dt:before,
.entryDetail.hatsumou .txt7 dt:before {
  background-color: #ffbe55;
}

.entryDetail.ikumou .txt1 .sub,
.entryDetail.ikumou .txt8 dt span {
  color: #54ceaf;
}

.entryDetail.ikumou .txt8 {
  background: #f9fbf8;
  border: solid 1px #ecf3ea;
}

.entryDetail.ikumou .txt3 dd .ico,
.entryDetail.ikumou .txt4 dt .ico,
.entryDetail.ikumou .txt5 dt:before,
.entryDetail.ikumou .txt7 dt:before {
  background-color: #54ceaf;
}

.entryDetail.aging .txt1 .sub,
.entryDetail.aging .txt8 dt span {
  color: #54ceaf;
}

.entryDetail.aging .txt8 {
  background: #fefaf8;
  border: solid 1px #fbefe7;
}

.entryDetail.aging .txt3 dd .ico,
.entryDetail.aging .txt4 dt .ico,
.entryDetail.aging .txt5 dt:before,
.entryDetail.aging .txt7 dt:before {
  background-color: #54ceaf;
}

.entryDetail.aging .link_list {
  margin: 30px 0 0 30px;
}

.entryDetail.aging .link_list ul li {
  position: relative;
  margin-bottom: 6px;
}

.entryDetail.aging .link_list ul li::after,
.entryDetail.aging .link_list ul li::before {
  display: block;
  content: "";
  position: absolute;
}

.entryDetail.aging .link_list ul li::after {
  top: 0.25em;
  left: -1.6em;
  width: 18px;
  height: 18px;
  background-color: #54ceaf;
  border-radius: 100%;
}

.entryDetail.aging .link_list ul li::before {
  z-index: 2;
  top: 0.625em;
  left: -1.3em;
  width: 4px;
  height: 4px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* 監修 */
.entryDetail .superVision p {
  padding-left: 8px;
  margin-bottom: 15px;
}

.entryDetail .superVision p span {
  display: block;
  font-weight: bold;
}

.entryDetail .superVision dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  font-size: 14px;
}

.entryDetail .superVision dt {
  width: 100px;
}

.entryDetail .superVision dd {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.entryDetail .superVision a {
  display: inline-block;
  margin-top: 10px;
  margin-left: 8px;
}

.entryDetail .superVision a::before {
  content: "▶ ";
}

/* 女性に多いびまん性脱毛症、その原因は？ */
.entryDetail.biman_post {
  margin: 0 20px 30px 0;
}

.entryDetail.biman_post .superVision a {
  margin: 0;
}

.official_btn {
  width: 350px;
  margin: 40px auto;
}

.official_btn a {
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  color: #db7c7c;
  padding: 18px 25px;
  background: #fff;
  border: solid 1px #db7c7c;
  border-radius: 5px;
  display: block;
  position: relative;
}

@media screen and (max-width: 767px) {
  .official_btn {
    width: auto;
    margin: 20px auto;
    padding: 0 15px;
  }
}
/* 近くの病院を探す */
.entryDetail .moduleBtn2 {
  margin: 0 0 30px 0;
  padding: 25px 20px 35px 20px;
  background: url(../../img/parts/bg_05_02.jpg) no-repeat center center;
  -ms-background-size: cover;
  background-size: cover;
}

.entryDetail .moduleBtn_iconBtn {
  margin: 0 0 30px 0;
  text-align: center;
}

.entryDetail .moduleBtn2 .ttl {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  color: #fff;
  margin: 0 0 15px 0;
  font-family: "YuMincho", "Yu Mincho", "游明朝", Times New Roman,
    "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "Sawarabi Mincho",
    "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif;
}

.entryDetail .moduleBtn_iconBtn .ttl {
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  color: #db7c7c;
  margin: 0 0 15px 0;
  font-family: "YuMincho", "Yu Mincho", "游明朝", Times New Roman,
    "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "Sawarabi Mincho",
    "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif;
}

.entryDetail .moduleBtn2 .ttl span {
  font-size: 22px;
  display: block;
}

.entryDetail .moduleBtn2 .btn {
  margin: 0 -5px;
}

.entryDetail .moduleBtn2 .btn li {
  width: 50%;
  font-size: 16px;
  font-weight: bold;
  color: #db7c7c;
  padding: 0 0 13px 0;
  float: left;
}

.entryDetail .moduleBtn2 .btn li.w100 {
  width: 100%;
  padding: 0;
}

.entryDetail .moduleBtn2 .btn a {
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  color: #db7c7c;
  margin: 0 5px;
  -ms-box-shadow: #bd8d90 0px 3px;
  -webkit-box-shadow: #bd8d90 0px 3px;
  box-shadow: #bd8d90 0px 3px;
  border-radius: 5px;
  display: block;
}

.entryDetail .moduleBtn2 .btn a:hover {
  opacity: 0.7;
}

.entryDetail .moduleBtn_iconBtn .btn a:hover {
  opacity: 0.7;
  position: relative;
  top: 3px;
}

.entryDetail .moduleBtn2 .btn a > span {
  width: 100%;
  display: table;
}

.entryDetail .moduleBtn2 .btn a > span > span {
  height: 3em;
  text-align: center;
  vertical-align: middle;
  padding: 0 5px;
  display: table-cell;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.entryDetail .moduleBtn2 .btn a {
  background: #f9e7eb;
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(30%, #f9e7eb),
    color-stop(100%, #fffefe)
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(30%, #f9e7eb),
    to(#fffefe)
  );
  background: linear-gradient(to bottom, #f9e7eb 30%, #fffefe 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f9e7eb", endColorstr="#fffefe", GradientType=0);
}

@media screen and (min-width: 768px) {
  .entryDetail .moduleBtn2 .btn a:hover {
    opacity: 0.9 !important;
    margin-top: 3px;
    margin-bottom: -3px;
    -ms-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .entryDetail .moduleBtn_iconBtn .btn a:hover {
    opacity: 0.9 !important;
    margin-top: 3px;
    margin-bottom: -3px;
    -ms-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
@media screen and (max-width: 767px) {
  .entryDetail .inr1 {
    margin: 0 0 50px 0;
  }

  .entryDetail .inr1 .img {
    margin: 0 0 30px 0;
  }

  .entryDetail .inr1 .ttl05 {
    margin-top: 50px;
  }

  .entryDetail .inr2 {
    margin: 0 0 25px 0;
  }

  .entryDetail .keyword {
    margin: 0 0 20px 0;
  }

  .entryDetail .keyword li {
    padding: 0 0 0 15px;
  }

  .entryDetail blockquote {
    font-size: 17px;
    line-height: 1.7;
    padding: 5px 20px;
  }

  .entryDetail blockquote:before {
    left: -12px;
  }

  .entryDetail blockquote:after {
    right: -12px;
  }

  .entryDetail .txt1 {
    font-size: 26px;
    margin: 0 0 15px 0;
  }

  .entryDetail .txt1 .sub {
    font-size: 16px;
    margin: 0 0 5px 0;
  }

  .entryDetail .txt1 .supervisionDoctor {
    font-size: 12px;
  }

  .entryDetail .txt1 .postUpDt {
    font-size: 12px;
    right: 10px;
  }

  .entryDetail .txt1 .supervisionDoctor {
    font-size: 12px;
  }

  .entryDetail .txt2 {
    margin: 0 0 35px 0;
  }

  .entryDetail .txt2.rebirth_bnr {
    margin: 0 15px 10px;
  }

  .entryDetail .txt2 > p {
    font-size: 17px;
    line-height: 1.7;
  }

  .entryDetail .txt3 {
    margin: 0 0 30px 0;
  }

  .entryDetail .txt3 dl {
    margin: 0 0 30px 0;
  }

  .entryDetail .txt3 dt {
    margin: 0 0 15px 0;
  }

  .entryDetail .txt3 dd {
    font-size: 17px;
    line-height: 1.7;
  }

  .entryDetail .txt3 dd .ico {
    top: 0.1em;
  }

  .entryDetail .txt4 dd {
    font-size: 17px;
    line-height: 1.7;
  }

  .entryDetail .txt5 dd {
    font-size: 17px;
    line-height: 1.7;
  }

  .entryDetail .txt7 {
    margin: 0;
  }

  .entryDetail .txt7 dt {
    padding: 0 0 0 26px;
  }

  .entryDetail .txt8 {
    margin-top: 50px;
    padding: 20px 15px;
    border-left: none;
    border-right: none;
  }

  .entryDetail .txt8 dt {
    font-size: 18px;
  }

  .entryDetail .txt8 dt span {
    font-size: 16px;
  }

  .entryDetail .txt8 dd {
    font-size: 17px;
    line-height: 1.7;
  }

  .entryDetail .inr1 .ttl05,
  .entryDetail .inr1 .img,
  .entryDetail blockquote,
  .entryDetail .txt1,
  .entryDetail .txt2,
  .entryDetail .txt3,
  .entryDetail .txt4,
  .entryDetail .txt5,
  .entryDetail .txt7 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .entryDetail .superVision {
    padding: 0 15px;
  }

  .entryDetail .superVision p {
    padding-left: 0;
  }

  .entryDetail .superVision a {
    margin-left: 0;
  }

  .entryDetail .moduleBtn2 {
    margin: 0 0 30px 0;
    padding: 25px 15px 35px 15px;
  }

  .entryDetail .moduleBtn_iconBtn {
    margin: 0 0 30px 0;
    padding: 0 20px;
  }

  .entryDetail .moduleBtn2 .ttl {
    margin: 0 0 20px 0;
  }

  .entryDetail .moduleBtn2 .btn li {
    width: 50%;
  }
}
/* ttl07 */
.entryDetail .ttl07 {
  position: relative;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  text-align: left;
  padding: 17px 18px;
  line-height: 1.2;
  margin: 0 0 30px 0;
  -webkit-box-shadow: 10px 10px 0 -3px rgba(198, 14, 57, 0.1);
  box-shadow: 10px 10px 0 -3px rgba(198, 14, 57, 0.1);
  background: #db7c7c;
}

.entryDetail .ttl07:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 10px solid transparent;
  border-top: 13px solid #db7c7c;
}

.entryDetail .ttl07:after {
  content: "";
}

.entryDetail .ttl07 span {
  display: block;
  font-size: 16px;
  margin-bottom: 10px;
}

.entryDetail .ttl07 span:before {
  content: "";
  background: url(../../img/parts/icon_check.png) no-repeat;
  background-size: 22px auto;
  padding-left: 28px;
}

.entryDetail .inr1 {
  counter-reset: num;
}

.entryDetail .inr1 .ttl07 span:after {
  counter-increment: num;
  content: counter(num, decimal-leading-zero);
  padding-left: 0.5em;
}

.entryDetail.datsumosho .ttl07 {
  -webkit-box-shadow: 10px 10px 0 -3px rgba(198, 14, 57, 0.1);
  box-shadow: 10px 10px 0 -3px rgba(198, 14, 57, 0.1);
  background: #db7c7c;
}

.entryDetail.datsumosho .ttl07 :before {
  border-top: 13px solid #db7c7c;
}

.entryDetail.nukege .ttl07 {
  -webkit-box-shadow: 10px 10px 0 -3px rgba(24, 108, 172, 0.1);
  box-shadow: 10px 10px 0 -3px rgba(24, 108, 172, 0.1);
  background: #6d83b1;
}

.entryDetail.nukege .ttl07:before {
  border-top: 13px solid #6d83b1;
}

.entryDetail.usuge .ttl07 {
  -webkit-box-shadow: 10px 10px 0 -3px rgba(188, 77, 140, 0.1);
  box-shadow: 10px 10px 0 -3px rgba(188, 77, 140, 0.1);
  background: #22b5d9;
}

.entryDetail.usuge .ttl07:before {
  border-top: 13px solid #22b5d9;
}

.entryDetail.hatsumou .ttl07 {
  -webkit-box-shadow: 10px 10px 0 -3px rgba(216, 154, 20, 0.1);
  box-shadow: 10px 10px 0 -3px rgba(216, 154, 20, 0.1);
  background: #ffbe55;
}

.entryDetail.hatsumou .ttl07:before {
  border-top: 13px solid #ffbe55;
}

.entryDetail.ikumou .ttl07 {
  -webkit-box-shadow: 10px 10px 0 -3px rgba(71, 136, 46, 0.1);
  box-shadow: 10px 10px 0 -3px rgba(71, 136, 46, 0.1);
  background: #54ceaf;
}

.entryDetail.ikumou .ttl07:before {
  border-top: 13px solid #54ceaf;
}

.entryDetail.aging .ttl07 {
  -webkit-box-shadow: 10px 10px 0 -3px rgba(216, 154, 20, 0.1);
  box-shadow: 10px 10px 0 -3px rgba(216, 154, 20, 0.1);
  background: #ffbe55;
}

.entryDetail.aging .ttl07:before {
  border-top: 13px solid #ffbe55;
}

@media screen and (max-width: 767px) {
  .entryDetail .ttl07 {
    font-size: 20px;
    padding: 15px;
    margin: 0 0 15px 0;
  }

  .entryDetail .ttl07 span {
    font-size: 14px;
  }

  .entryDetail .ttl07 span:before {
    padding-left: 24px;
    background-size: 18px auto;
  }

  .entryDetail.datsumosho .ttl07 {
    -webkit-box-shadow: 0px 5px 0 0 rgba(198, 14, 57, 0.1);
    box-shadow: 0px 5px 0 0 rgba(198, 14, 57, 0.1);
    background: #db7c7c;
  }

  .entryDetail.datsumosho .ttl07 :before {
    border-top: 13px solid #db7c7c;
  }

  .entryDetail.nukege .ttl07 {
    -webkit-box-shadow: 0px 5px 0 0 rgba(24, 108, 172, 0.1);
    box-shadow: 0px 5px 0 0 rgba(24, 108, 172, 0.1);
    background: #6d83b1;
  }

  .entryDetail.nukege .ttl07:before {
    border-top: 13px solid #6d83b1;
  }

  .entryDetail.usuge .ttl07 {
    -webkit-box-shadow: 0px 5px 0 0 rgba(188, 77, 140, 0.1);
    box-shadow: 0px 5px 0 0 rgba(188, 77, 140, 0.1);
    background: #22b5d9;
  }

  .entryDetail.usuge .ttl07:before {
    border-top: 13px solid #22b5d9;
  }

  .entryDetail.hatsumou .ttl07 {
    -webkit-box-shadow: 0px 5px 0 0 rgba(216, 154, 20, 0.1);
    box-shadow: 0px 5px 0 0 rgba(216, 154, 20, 0.1);
    background: #ffbe55;
  }

  .entryDetail.hatsumou .ttl07:before {
    border-top: 13px solid #ffbe55;
  }

  .entryDetail.ikumou .ttl07 {
    -webkit-box-shadow: 0px 5px 0 0 rgba(71, 136, 46, 0.1);
    box-shadow: 0px 5px 0 0 rgba(71, 136, 46, 0.1);
    background: #54ceaf;
  }

  .entryDetail.ikumou .ttl07:before {
    border-top: 13px solid #54ceaf;
  }

  .entryDetail.aging .ttl07 {
    -webkit-box-shadow: 0px 5px 0 0 rgba(216, 154, 20, 0.1);
    box-shadow: 0px 5px 0 0 rgba(216, 154, 20, 0.1);
    background: #ffbe55;
  }

  .entryDetail.aging .ttl07:before {
    border-top: 13px solid #ffbe55;
  }
}
/* faq */
.faq {
  width: 343px;
  margin: 0 auto 40px;
}

.faq p {
  cursor: pointer;
  position: relative;
  display: table;
  float: left;
  width: 123px;
  height: 123px;
  border-radius: 100%;
}

.faq p span {
  display: table-cell;
  font-size: 26px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
}

.faq img {
  float: left;
  width: 31px;
  margin: 55px 25px 0;
}

.faq p.lieTxt {
  border: 4px solid #865cb1;
  -webkit-box-shadow: 2px 2px 0 2px rgba(134, 92, 177, 0.1),
    2px 2px 0 2px rgba(134, 92, 177, 0.1) inset;
  box-shadow: 2px 2px 0 2px rgba(134, 92, 177, 0.1),
    2px 2px 0 2px rgba(134, 92, 177, 0.1) inset;
}

.faq p.lieTxt span {
  color: #865cb1;
}

.faq p.truthTxt {
  border: 4px solid #ed7413;
  -webkit-box-shadow: 2px 2px 0 2px rgba(227, 116, 19, 0.1),
    2px 2px 0 2px rgba(227, 116, 19, 0.1) inset;
  box-shadow: 2px 2px 0 2px rgba(227, 116, 19, 0.1),
    2px 2px 0 2px rgba(227, 116, 19, 0.1) inset;
}

.faq p.truthTxt span {
  color: #ed7413;
}

.faq p.lieTxt.archive {
  background: #865cb1;
}

.faq p.lieTxt.archive span {
  color: #fff;
}

.faq p.truthTxt.archive {
  background: #ed7413;
}

.faq p.truthTxt.archive span {
  color: #fff;
}

@media screen and (max-width: 360px) {
  .faq {
    width: 300px;
  }

  .faq p {
    width: 110px;
    height: 110px;
  }

  .faq p span {
    font-size: 20px;
  }

  .faq img {
    margin: 48px 15px 0;
  }
}
/* answer */
.answer {
  display: none;
}

.answer .answerInner {
  min-height: 345px;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 25px;
  margin-bottom: 70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.answer .answerInner p.txt6 {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 5px;
}

.answer .answerInner h4 {
  width: 211px;
  height: 52px;
  color: #fff;
  font-size: 44px;
  font-weight: normal;
  text-align: center;
  border-radius: 30px;
  margin: 0 auto 20px;
}

.answer .answerInner .txt2 {
  margin: 0;
}

.answer .answerInner .right {
  float: right;
  margin: 0 0 20px 20px;
}

.answer.lie .answerInner {
  background-image: url(../../img/detail/lie.png);
  background-repeat: no-repeat;
  background-color: rgba(134, 92, 177, 0.05);
}

.answer.lie .answerInner p.txt6 {
  color: #865cb1;
}

.answer.lie .answerInner h4 {
  background: #865cb1;
}

.answer.truth .answerInner {
  background-image: url(../../img/detail/truth.png);
  background-color: rgba(227, 116, 19, 0.05);
}

.answer.truth .answerInner p.txt6 {
  color: #ed7413;
}

.answer.truth .answerInner h4 {
  background: #ed7413;
}

@media screen and (max-width: 767px) {
  .answer .answerInner {
    padding: 20px 15px;
    margin-bottom: 40px;
  }

  .answer .answerInner h4 {
    font-size: 30px;
    padding-top: 6px;
    height: 42px;
    width: 180px;
  }

  .answer .answerInner .right {
    margin: 0 0 10px 10px;
  }
}
/* sitemap */
.sitemap h2.txt1 {
  margin-bottom: 30px;
}

.sitemap h3 {
  font-size: 22px;
}

.sitemap a {
  color: #000;
  text-decoration: none;
}

.sitemap ul {
  margin: 15px 15px 50px;
}

.sitemap li {
  margin: 10px 0;
}

.sitemap li a {
  display: block;
  padding-left: 26px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.sitemap li a:before {
  content: "";
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../../img/parts/arrow_02.png);
  background-size: 10px auto;
  border-radius: 30px;
  display: block;
  position: absolute;
  top: 0.05em;
  left: 0;
  background-color: #db7c7c;
}

@media screen and (max-width: 767px) {
  .sitemap h3 {
    font-size: 18px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .sitemap ul {
    margin-bottom: 30px;
  }
}
/* 目次 */
#index-box .index-list li {
  padding: 2px 0 2px 20px;
  position: relative;
  cursor: pointer;
}

#index-box .index-list li:hover {
  text-decoration: underline;
}

#index-box .index-list li span {
  position: absolute;
  left: 0;
}

/* moduleConsult */
.moduleConsult {
  padding: 40px 0 60px;
  margin-bottom: 40px;
  background: #f1edf6;
}

.moduleConsult .section {
  width: 900px;
}

.moduleConsult .f_red {
  color: #db7c7c;
}

.moduleConsult .imgArea {
  margin-bottom: 35px;
  position: relative;
}

.moduleConsult .imgArea > img {
  width: 450px;
}

.moduleConsult .imgArea div {
  position: absolute;
  top: 15px;
  right: 0;
}

.moduleConsult .imgArea dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 20px;
}

.moduleConsult .imgArea dt {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: bold;
}

.moduleConsult .imgArea dt img {
  width: 38px;
  padding-right: 15px;
}

.moduleConsult .imgArea dt span {
  background: #fbf65e;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(70%, transparent),
    color-stop(30%, #fbf65e)
  );
  background: linear-gradient(to bottom, transparent 70%, #fbf65e 30%);
}

.moduleConsult .imgArea dd {
  display: inline-block;
  padding: 10px 15px;
  margin-bottom: 10px;
  border: #cf3e60 2px solid;
  border-radius: 10px;
  background: #fff;
  font-size: 16px;
  position: relative;
}

.moduleConsult .imgArea dd.offset {
  margin-left: 60px;
}

.moduleConsult .imgArea dd::after {
  display: block;
  content: "";
  width: 14px;
  height: 15px;
  background-image: url(../../img/top/consult_hukidashi.svg);
  position: absolute;
  bottom: -11px;
  left: 15px;
}

.moduleConsult .txtArea {
  margin-bottom: 35px;
}

.moduleConsult .cta_btn {
  margin-bottom: 0;
}

.moduleConsult .cta_btn .tel01 {
  padding: 20px;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .moduleConsult {
    padding: 20px 0 30px;
    margin-bottom: 30px;
  }

  .moduleConsult .section {
    width: auto;
    padding: 0 15px;
  }

  .moduleConsult .imgArea {
    margin-bottom: 15px;
  }

  .moduleConsult .imgArea > img {
    width: 100%;
  }

  .moduleConsult .imgArea div {
    position: static;
    margin-top: 15px;
  }

  .moduleConsult .imgArea dl {
    display: block;
  }

  .moduleConsult .imgArea dt {
    font-size: 18px;
  }

  .moduleConsult .imgArea dt img {
    width: 30px;
    padding-right: 10px;
  }

  .moduleConsult .imgArea dd {
    display: block;
    margin-left: 0 !important;
    font-size: 14px;
  }

  .moduleConsult .txtArea {
    margin-bottom: 20px;
    font-size: 14px;
  }

  .moduleConsult .consult_time {
    font-size: 14px;
    text-align: center;
  }

  .moduleConsult .consult_time dt {
    font-size: 16px;
    font-weight: bold;
  }

  .moduleConsult .cta_btn {
    margin: 0;
  }

  .moduleConsult .btn01 {
    margin-top: 10px;
  }

  .moduleConsult .btn01.ico3 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .moduleConsult .btn01.ico3 a .ico {
    top: 0;
  }
}
/* リニューアル更新用CSS */
@media only screen and (max-width: 769px) {
  .categoryBlock .txt1 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 481px) {
  .categoryBlock .txt1 {
    font-size: 20px;
  }
}

@media only screen and (min-width: 769px) {
  #header .inr3 .nav ul > li.top_btn a {
    border-top: 3px solid #826db1;
  }
}
#header .inr3 .nav ul > li.top_btn a:hover,
#header .inr3 .nav ul > li.on.top_btn a {
  color: #826db1;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(130, 109, 177, 0.15)),
    to(#fff)
  );
  background: linear-gradient(rgba(130, 109, 177, 0.15), #fff);
}

@media only screen and (min-width: 769px) {
  #header .inr3 .nav ul > li.datsumosho_btn a {
    border-top: 3px solid #db7c7c;
  }
}
#header .inr3 .nav ul > li.datsumosho_btn a:hover,
#header .inr3 .nav ul > li.on.datsumosho_btn a {
  color: #db7c7c;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(219, 124, 124, 0.15)),
    to(#fff)
  );
  background: linear-gradient(rgba(219, 124, 124, 0.15), #fff);
}

@media only screen and (min-width: 769px) {
  #header .inr3 .nav ul > li.nukege_btn a {
    border-top: 3px solid #6d83b1;
  }
}
#header .inr3 .nav ul > li.nukege_btn a:hover,
#header .inr3 .nav ul > li.on.nukege_btn a {
  color: #6d83b1;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(109, 131, 177, 0.15)),
    to(#fff)
  );
  background: linear-gradient(rgba(109, 131, 177, 0.15), #fff);
}

@media only screen and (min-width: 769px) {
  #header .inr3 .nav ul > li.usuge_btn a {
    border-top: 3px solid #22b5d9;
  }
}
#header .inr3 .nav ul > li.usuge_btn a:hover,
#header .inr3 .nav ul > li.on.usuge_btn a {
  color: #22b5d9;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(34, 181, 217, 0.15)),
    to(#fff)
  );
  background: linear-gradient(rgba(34, 181, 217, 0.15), #fff);
}

@media only screen and (min-width: 769px) {
  #header .inr3 .nav ul > li.hatsumou_btn a {
    border-top: 3px solid #ffbe55;
  }
}
#header .inr3 .nav ul > li.hatsumou_btn a:hover,
#header .inr3 .nav ul > li.on.hatsumou_btn a {
  color: #ffbe55;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(255, 190, 85, 0.15)),
    to(#fff)
  );
  background: linear-gradient(rgba(255, 190, 85, 0.15), #fff);
}

@media only screen and (min-width: 769px) {
  #header .inr3 .nav ul > li.ikumou_btn a {
    border-top: 3px solid #54ceaf;
  }
}
#header .inr3 .nav ul > li.ikumou_btn a:hover,
#header .inr3 .nav ul > li.on.ikumou_btn a {
  color: #54ceaf;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(84, 206, 175, 0.15)),
    to(#fff)
  );
  background: linear-gradient(rgba(84, 206, 175, 0.15), #fff);
}

/* mixin */
.main_width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px;
  padding: 0 50px;
}
@media only screen and (max-width: 1024px) {
  .main_width {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .main_width {
    padding: 0 15px;
  }
}
.main_width .sub_width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 720px;
}
.main_width .w880 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
}
.main_width .w1000 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}
.main_width .w1020 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1020px;
}
.main_width .w1080 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1080px;
}
.main_width .w1086 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1086px;
}
.main_width .w1152 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1152px;
}

/* Base */
.topBlock1 .inr2 {
  padding: 40px 0 30px 0;
  background: #f1edf6;
  position: relative;
  z-index: 10;
}

.moduleConsult {
  padding: 40px 0 60px;
  margin-bottom: 40px;
  background: #f1edf6;
}

#footer .inr2 {
  background: #f1edf6;
}

#DB7C7C #footer .inr2 .txt1 {
  font-family: "MyYuGothicM", "YuGothic", "游ゴシック", Meiryo, "メイリオ",
    "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
}

.fMin,
.ttl01,
.ttl02,
.ttl03,
.ttl05,
.ttl06,
.ttl07,
.ttl08,
.sideMovie .ttl,
.topBlock1 .txt1,
.categoryBlock .txt1,
.entryDetail .txt1 .ttl,
.entryDetail .txt8 dt span {
  font-family: "MyYuGothicM", "YuGothic", "游ゴシック", Meiryo, "メイリオ",
    "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
}

.roboto {
  font-family: "Roboto Condensed", sans-serif;
}

.datsumosho a .cateTag,
.list .datsumosho a .cateTag,
.sideRanking .datsumosho a .cateTag {
  background-color: #db7c7c;
}

.nukege a .cateTag,
.list .nukege a .cateTag,
.sideRanking .nukege a .cateTag {
  background-color: #6d83b1;
}

.usuge a .cateTag,
.list .usuge a .cateTag,
.sideRanking .usuge a .cateTag {
  background-color: #22b5d9;
}

.hatsumou a .cateTag,
.list .hatsumou a .cateTag,
.sideRanking .hatsumou a .cateTag {
  background-color: #ffbe55;
}

.ikumou a .cateTag,
.list .ikumou a .cateTag,
.sideRanking .ikumou a .cateTag {
  background-color: #54ceaf;
}

.aging a .cateTag,
.list .aging a .cateTag,
.sideRanking .aging a .cateTag {
  background-color: #54ceaf;
}

.datsumosho .btn03 a {
  background: #db7c7c;
}

.nukege .btn03 a {
  background: #6d83b1;
}

.usuge .btn03 a {
  background: #22b5d9;
}

.hatsumou .btn03 a {
  background: #ffbe55;
}

.ikumou .btn03 a {
  background: #54ceaf;
}

.aging .btn03 a {
  background: #54ceaf;
}

/* header */
@media only screen and (min-width: 769px) {
  #header .inr3 .nav ul > li.top_btn a {
    border-top: 3px solid #826db1;
  }
}

#header .inr3 .nav ul > li.top_btn a:hover,
#header .inr3 .nav ul > li.on.top_btn a {
  color: #826db1;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(130, 109, 177, 0.15)),
    to(#fff)
  );
  background: linear-gradient(rgba(130, 109, 177, 0.15), #fff);
}

@media only screen and (min-width: 769px) {
  #header .inr3 .nav ul > li.datsumosho_btn a {
    border-top: 3px solid #db7c7c;
  }
}

#header .inr3 .nav ul > li.datsumosho_btn a:hover,
#header .inr3 .nav ul > li.on.datsumosho_btn a {
  color: #db7c7c;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(219, 124, 124, 0.15)),
    to(#fff)
  );
  background: linear-gradient(rgba(219, 124, 124, 0.15), #fff);
}

@media only screen and (min-width: 769px) {
  #header .inr3 .nav ul > li.nukege_btn a {
    border-top: 3px solid #6d83b1;
  }
}

#header .inr3 .nav ul > li.nukege_btn a:hover,
#header .inr3 .nav ul > li.on.nukege_btn a {
  color: #6d83b1;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(109, 131, 177, 0.15)),
    to(#fff)
  );
  background: linear-gradient(rgba(109, 131, 177, 0.15), #fff);
}

@media only screen and (min-width: 769px) {
  #header .inr3 .nav ul > li.usuge_btn a {
    border-top: 3px solid #22b5d9;
  }
}

#header .inr3 .nav ul > li.usuge_btn a:hover,
#header .inr3 .nav ul > li.on.usuge_btn a {
  color: #22b5d9;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(34, 181, 217, 0.15)),
    to(#fff)
  );
  background: linear-gradient(rgba(34, 181, 217, 0.15), #fff);
}

@media only screen and (min-width: 769px) {
  #header .inr3 .nav ul > li.hatsumou_btn a {
    border-top: 3px solid #ffbe55;
  }
}

#header .inr3 .nav ul > li.hatsumou_btn a:hover,
#header .inr3 .nav ul > li.on.hatsumou_btn a {
  color: #ffbe55;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(255, 190, 85, 0.15)),
    to(#fff)
  );
  background: linear-gradient(rgba(255, 190, 85, 0.15), #fff);
}

@media only screen and (min-width: 769px) {
  #header .inr3 .nav ul > li.ikumou_btn a {
    border-top: 3px solid #54ceaf;
  }
}

#header .inr3 .nav ul > li.ikumou_btn a:hover,
#header .inr3 .nav ul > li.on.ikumou_btn a {
  color: #54ceaf;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(84, 206, 175, 0.15)),
    to(#fff)
  );
  background: linear-gradient(rgba(84, 206, 175, 0.15), #fff);
}

#header .inr3 .keyword {
  background-color: #f1edf6;
}
#header .inr3 .keyword ul li.ttl,
#header .inr3 .keyword ul li a {
  color: #333;
}
#header .inr3 .keyword ul li.ttl .ico,
#header .inr3 .keyword ul li a .ico {
  color: #333;
}

.topBlock2 .slide .btn li a {
  background-color: #edbdbd;
}

.moduleConsult .imgArea dd {
  border: #db7c7c 2px solid;
}
.moduleConsult .imgArea dd:after {
  width: 13px;
  height: 12px;
}

.mainVisual .inr_top {
  margin-top: 60px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 768px) {
  .mainVisual .inr_top {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 0 15px;
    font-size: 15px;
  }
}
.mainVisual .inr_top .section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .mainVisual .inr_top .section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .mainVisual .inr_top .section .img_inr {
    margin-top: 20px;
  }
}
.mainVisual .inr_top .section .inr_top-item.left {
  padding-left: 50px;
  max-width: 418px;
}
@media only screen and (max-width: 768px) {
  .mainVisual .inr_top .section .inr_top-item.left {
    max-width: 100%;
    padding-left: 0;
    text-align: center;
  }
}
.mainVisual .inr_top .section .txt {
  margin-top: 30px;
}
@media only screen and (max-width: 768px) {
  .mainVisual .inr_top .section .txt {
    text-align: left;
  }
}

#footer #footerArea .logo img {
  /*max-width: 340px;*/
  height: auto;
}
#footer .inr2 .txt1 {
  font-family: "YuGothic", "游ゴシック", Meiryo, "メイリオ", "MS PGothic",
    sans-serif;
  padding-left: 30px;
}

footer {
  position: relative;
  padding: 40px 0;
}
footer a {
  text-decoration: none;
  color: #333;
  font-weight: normal;
}
footer .sns-list ul li a img {
  width: 40px;
  height: 40px;
}
@media only screen and (max-width: 767px) {
  footer .sns-list ul li a img {
    width: 30px;
    height: 30px;
  }
  #footer .inr2 .txt1 {
    padding-left: 0px;
  }
}

#copy {
  margin-top: 52px;
  border-top: 1px solid #ccc;
  padding: 24px 0 0;
  color: #333333;
}
#copy p {
  font-size: 13px;
  text-align: center;
  line-height: 1.8;
  letter-spacing: 0.06em;
}
@media only screen and (max-width: 767px) {
  #copy p {
    font-size: 10px;
  }
}
#copy p span {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  #copy {
    margin-top: 30px;
    padding: 20px 20px 0;
  }
  #copy p {
    font-size: 11px;
    line-height: 1.6;
  }
}

/* header */
@media only screen and (max-width: 768px) {
  #header {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 768px) {
  #header .inr3 {
    margin-top: 0px;
  }
}

#gheader {
  padding: 0px;
  background: #fff;
  position: relative;
  background-color: #fff;
}
#gheader a {
  text-decoration: none;
  color: #333;
}
@media only screen and (max-width: 767px) {
  #gheader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
  }
}
#gheader .update_info {
  background-color: #db7c7c;
  padding: 9px 0 10px;
}
@media only screen and (max-width: 767px) {
  #gheader .update_info {
    padding: 8px 0 8px;
  }
}
#gheader .update_wrap {
  max-width: 580px;
  padding: 0 10px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  #gheader .update_wrap {
    max-width: none;
    width: 100%;
    padding: 0;
  }
}
#gheader .update_wrap .update {
  min-width: 80px;
  max-width: 80px;
  text-align: center;
  border-radius: 3px;
  background-color: #d63c3c;
  padding: 2px 0;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  #gheader .update_wrap .update {
    text-align: right;
    border-radius: 0 3px 3px 0;
    min-width: 70px;
    max-width: 70px;
  }
}
#gheader .update_wrap .update p {
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  #gheader .update_wrap .update p {
    padding-right: 5px;
  }
}
@media only screen and (max-width: 767px) {
  #gheader .update_wrap ul {
    width: calc(100% - 80px);
    overflow: hidden;
  }
}
#gheader .update_wrap dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#gheader .update_wrap dl p,
#gheader .update_wrap dl a {
  font-size: 14px;
  color: #fff;
  line-height: 1;
}
#gheader .update_wrap dt {
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  #gheader .update_wrap dt {
    display: none;
  }
}
#gheader .update_wrap dd {
  max-width: 380px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  #gheader .update_wrap dd {
    padding-right: 20px;
  }
}
#gheader .update_wrap dd a {
  white-space: nowrap;
  display: block;
  overflow: hidden;
}
#gheader #hd_logo .logo_inner h1 span,
#gheader #hd_logo .logo_inner p span {
  display: block;
  width: 270px;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
}
@media only screen and (max-width: 1024px) {
  #gheader #hd_logo .logo_inner h1 span,
  #gheader #hd_logo .logo_inner p span {
    width: 230px;
  }
}
@media only screen and (max-width: 767px) {
  #gheader #hd_logo .logo_inner h1 span,
  #gheader #hd_logo .logo_inner p span {
    width: 200px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 480px) {
  #gheader #hd_logo .logo_inner h1 span,
  #gheader #hd_logo .logo_inner p span {
    width: 170px;
  }
}
@media only screen and (max-width: 374px) {
  #gheader #hd_logo .logo_inner h1 span,
  #gheader #hd_logo .logo_inner p span {
    width: 140px;
  }
}
#gheader #hd_logo .logo_inner h1 span img,
#gheader #hd_logo .logo_inner p span img {
  width: 100%;
  height: auto;
}
#gheader #sp_menu_btn {
  width: auto;
  height: 100%;
}
#gheader .header_cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  #gheader .header_cont {
    -webkit-transition: padding 0.5s;
    transition: padding 0.5s;
  }
}
@media only screen and (max-width: 767px) {
  #gheader .header_cont {
    padding: 9px 0 4px;
  }
}
@media only screen and (max-width: 767px) {
  #gheader #gnavi {
    display: none;
  }
}
#gheader #gnavi ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
}
#gheader #gnavi li a {
  display: block;
}
#gheader #gnavi .hd-tel-link .phone_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-right: 20px;
}
#gheader #gnavi .hd-tel-link .phone_icon {
  position: relative;
  padding: 0 4px 0 26px;
}
@media only screen and (max-width: 1024px) {
  #gheader #gnavi .hd-tel-link .phone_icon {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
}
#gheader #gnavi .hd-tel-link .phone_icon:before {
  display: block;
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  bottom: -2px;
  background-size: contain;
  width: 25px;
  height: 27px;
  background-image: url("/lab/wp-content/themes/tbc/img/header/hd-phone.png");
  background-image: image-set(
    url("/lab/wp-content/themes/tbc/img/header/hd-phone.png") 1x,
    url("/lab/wp-content/themes/tbc/img/header/hd-phone@2x.png") 2x
  );
  background-image: -webkit-image-set(
    url("/lab/wp-content/themes/tbc/img/header/hd-phone.png") 1x,
    url("/lab/wp-content/themes/tbc/img/header/hd-phone@2x.png") 2x
  );
  left: 0;
  top: -7px;
}
#gheader #gnavi .hd-tel-link .icon01 {
  width: 16px;
  height: 26px;
  background-image: url("/lab/wp-content/themes/tbc/img/header/header_icon01.png");
  left: 0;
}
@media only screen and (max-width: 1024px) {
  #gheader #gnavi .hd-tel-link .icon01 {
    width: 14px;
  }
}
#gheader #gnavi .hd-tel-link .icon02 {
  width: 32px;
  height: 21px;
  background-image: url("/lab/wp-content/themes/tbc/img/header/header_icon02.png");
  left: 20px;
}
@media only screen and (max-width: 1024px) {
  #gheader #gnavi .hd-tel-link .icon02 {
    width: 22px;
    height: 15px;
    left: 18px;
    bottom: 2px;
  }
}
#gheader #gnavi .hd-tel-link .phone_number span {
  font-size: 25px;
  font-weight: bold;
  color: #db7c7c;
  line-height: 1;
}
@media only screen and (max-width: 1024px) {
  #gheader #gnavi .hd-tel-link .phone_number span {
    font-size: 22px;
  }
}
#gheader #gnavi .hd-tel-link .b_hours {
  margin-left: 40px;
}
#gheader #gnavi .hd-tel-link .b_hours p {
  font-size: 12px;
  font-weight: bold;
}
#gheader #gnavi .hd-btn-link {
  width: 150px;
  height: 45px;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  #gheader #gnavi .hd-btn-link {
    width: 120px;
  }
}
#gheader #gnavi .hd-btn-link:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #ccc;
  border-radius: 27px;
  top: 4px;
  left: 0;
}
#gheader #gnavi .hd-btn-link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 27px;
  padding: 3px 5px 3px 20px;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#gheader #gnavi .hd-btn-link a::before {
  content: "";
  display: block;
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 1024px) {
  #gheader #gnavi .hd-btn-link a::before {
    left: 5px;
  }
}
@media only screen and (min-width: 768px) {
  #gheader #gnavi .hd-btn-link a:hover {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
}
#gheader #gnavi .hd-btn-link .sub_text,
#gheader #gnavi .hd-btn-link .main_text {
  color: #fff;
  font-weight: bold;
  width: 100%;
  text-align: center;
  line-height: 1.2;
  display: block;
  text-align: center;
  font-size: 14px;
  margin: auto auto -0.025em;
}
@media only screen and (max-width: 1024px) {
  #gheader #gnavi .hd-btn-link .sub_text,
  #gheader #gnavi .hd-btn-link .main_text {
    font-size: 13px;
  }
}
#gheader #gnavi .hd-btn-link .sub_text {
  font-size: 12px;
  margin: -0.025em auto auto;
}
@media only screen and (max-width: 1024px) {
  #gheader #gnavi .hd-btn-link .sub_text {
    font-size: 11px;
  }
}
#gheader #gnavi .hd-btn-link.btn-line {
  margin-right: 6px;
}
#gheader #gnavi .hd-btn-link.btn-line:after {
  background: #c2f2d0;
}
#gheader #gnavi .hd-btn-link.btn-line a {
  background-color: #47d180;
}
#gheader #gnavi .hd-btn-link.btn-line a::before {
  background-image: url("/lab/wp-content/themes/tbc/img/header/hd_icon-line.png");
  background-image: image-set(
    url("/lab/wp-content/themes/tbc/img/header/hd_icon-line.png") 1x,
    url("/lab/wp-content/themes/tbc/img/header/hd_icon-line@2x.png") 2x
  );
  background-image: -webkit-image-set(
    url("/lab/wp-content/themes/tbc/img/header/hd_icon-line.png") 1x,
    url("/lab/wp-content/themes/tbc/img/header/hd_icon-line@2x.png") 2x
  );
  width: 20px;
  height: 20px;
}
#gheader #gnavi .hd-btn-link.btn-mail:after {
  background: #eecece;
}
#gheader #gnavi .hd-btn-link.btn-mail a {
  background-color: #db7c7c;
}
#gheader #gnavi .hd-btn-link.btn-mail a::before {
  background-image: url("/lab/wp-content/themes/tbc/img/header/hd_icon-mail.png");
  background-image: image-set(
    url("/lab/wp-content/themes/tbc/img/header/hd_icon-mail.png") 1x,
    url("/lab/wp-content/themes/tbc/img/header/hd_icon-mail@2x.png") 2x
  );
  background-image: -webkit-image-set(
    url("/lab/wp-content/themes/tbc/img/header/hd_icon-mail.png") 1x,
    url("/lab/wp-content/themes/tbc/img/header/hd_icon-mail@2x.png") 2x
  );
  width: 18px;
  height: 14px;
}
@media only screen and (min-width: 768px) {
  #gheader #gnavi_sp {
    display: none;
  }
}
#gheader #gnavi_sp ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#gheader #gnavi_sp li {
  width: 45px;
  height: auto;
  position: relative;
}
#gheader #gnavi_sp li + li:not(.sp_menu) {
  margin-left: 10px;
}
#header #gnavi_sp li + li{margin-left: 4px;}
#gheader #gnavi_sp a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}
#gheader #gnavi_sp .gnavi_sp-phone {
  width: 42px;
}
#gheader #gnavi_sp .gnavi_sp-menu_btn {
  width: 36px;
  padding: 3px 0 3px 5px;
}
@media only screen and (max-width: 767px) {
  #gheader.scroll .update_info {
    display: none;
  }
}
#gheader.scroll #hd_logo .logo_inner h1 span {
  display: block;
  width: 208px;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
}
@media only screen and (max-width: 1024px) {
  #gheader.scroll #hd_logo .logo_inner h1 span {
    width: 200px;
  }
}
@media only screen and (max-width: 767px) {
  #gheader.scroll #hd_logo .logo_inner h1 span {
    width: 200px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 480px) {
  #gheader.scroll #hd_logo .logo_inner h1 span {
    width: 170px;
  }
}
@media only screen and (max-width: 374px) {
  #gheader.scroll #hd_logo .logo_inner h1 span {
    width: 150px;
  }
}
#gheader.scroll #hd_logo .logo_inner h1 span img {
  width: 100%;
  height: auto;
}
#gheader.scroll .header_wrap {
  background-color: #fff;
  /*
  @media only screen and (max-width: 767px) {
    position: fixed;
    z-index: 10;
    width: 100%;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
  }
  */
}
@media only screen and (min-width: 768px) {
  #gheader.scroll .header_cont {
    padding: 4px 0;
    -webkit-transition: padding 0.5s;
    transition: padding 0.5s;
  }
}
#gheader.scroll #gnavi ul {
  margin-top: 0;
}

#hd-nav {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  #hd-nav {
    display: none;
  }
}
@media only screen and (max-width: 1300px) {
  #hd-nav .main_width {
    padding: 0;
  }
}
#hd-nav nav {
  background-color: #fff;
  padding: 15px 12px;
  -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
}
#hd-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#hd-nav li {
  width: 12.5%;
}
#hd-nav li a {
  display: block;
  text-align: center;
}
#hd-nav li + li {
  border-left: 1px solid #cccccc;
}
#hd-nav .hd-nav-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 30px;
  overflow: hidden;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}
#hd-nav picture {
  max-height: 30px;
}
#hd-nav p {
  margin-top: 8px;
  font-weight: bold;
  line-height: 1;
  display: block;
  text-align: center;
}
@media only screen and (max-width: 1300px) {
  #hd-nav nav {
    padding: 15px 0.92vw;
    -webkit-transition: padding 0.5s;
    transition: padding 0.5s;
  }
  #hd-nav nav ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #hd-nav nav ul li a {
    padding: 0 10px;
  }
  #hd-nav p {
    font-size: 1.23vw;
  }
}

.scroll + #hd-nav nav {
  padding: 18px 12px;
  -webkit-transition: padding 0.5s;
  transition: padding 0.5s;
}
@media only screen and (max-width: 1300px) {
  .scroll + #hd-nav nav {
    padding: 18px 0.92vw;
    -webkit-transition: padding 0.5s;
    transition: padding 0.5s;
  }
}
.scroll + #hd-nav .hd-nav-icon {
  height: 0px;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}

/*                #sp_menu_btn
======================================================= */
#sp_menu_btn picture {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  display: block;
  opacity: 1;
}
#sp_menu_btn.open picture:nth-child(1) {
  display: none;
  opacity: 0;
}
#sp_menu_btn:not(.open) picture:nth-child(2) {
  display: none;
  opacity: 0;
}

#sp_menu {
  display: block;
  position: fixed;
  top: -110%;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 9999;
  -webkit-transition: 400ms;
  transition: 400ms;
  padding-bottom: 50px;
  background-color: #fff;
  font-size: 15px;
}
#sp_menu * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#sp_menu .c-ctaBtn_text {
  font-size: 10px;
  text-align: left;
}
#sp_menu .c-emailBtn {
  margin-top: 0px;
  -webkit-box-shadow: 0 5px 0 #eecece;
  box-shadow: 0 5px 0 #eecece;
}
#sp_menu .c-lineBtn {
  -webkit-box-shadow: 0 5px 0 #c2f2d0;
  box-shadow: 0 5px 0 #c2f2d0;
}
#sp_menu .c-lineBtn::before {
  top: auto;
  bottom: -10px;
}
#sp_menu .c-ctaBtn_inner {
  padding: 13px 5px 8px 30px;
}
#sp_menu .c-ctaBtn_body::before {
  left: -5px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
#sp_menu #sp_menu_area a {
  text-decoration: none;
  color: #333;
}
#sp_menu #sp_menu_area .nav01 {
  padding: 25px 0 45px;
  background-color: #faf0f0;
}
#sp_menu #sp_menu_area .nav01 .icon_list ul,
#sp_menu #sp_menu_area .nav01 .list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px #eecece solid;
  border-radius: 4px;
  overflow: hidden;
}
#sp_menu #sp_menu_area .nav01 .icon_list li,
#sp_menu #sp_menu_area .nav01 .list li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.3333%;
  background-color: #fff;
  text-align: center;
}
#sp_menu #sp_menu_area .nav01 .icon_list li:nth-child(2),
#sp_menu #sp_menu_area .nav01 .icon_list li:nth-child(3),
#sp_menu #sp_menu_area .nav01 .icon_list li:nth-child(5),
#sp_menu #sp_menu_area .nav01 .icon_list li:nth-child(6) {
  border-left: 1px #eecece solid;
}
#sp_menu #sp_menu_area .nav01 .icon_list li:nth-child(1),
#sp_menu #sp_menu_area .nav01 .icon_list li:nth-child(2),
#sp_menu #sp_menu_area .nav01 .icon_list li:nth-child(3) {
  border-bottom: 1px #eecece solid;
}
#sp_menu #sp_menu_area .nav01 .icon_list a {
  display: block;
  padding: 20px 2px 20px;
}
#sp_menu #sp_menu_area .nav01 .icon_list a img {
  width: auto;
  height: 36px;
}
#sp_menu #sp_menu_area .nav01 .icon_list span {
  font-size: 15px;
  font-weight: bold;
  margin-top: 5px;
  display: block;
}
@media only screen and (max-width: 374px) {
  #sp_menu #sp_menu_area .nav01 .icon_list span {
    font-size: 12px;
  }
}
#sp_menu #sp_menu_area .nav01 .list {
  margin-top: 15px;
}
#sp_menu #sp_menu_area .nav01 .list li + li {
  border-left: 1px #eecece solid;
}
#sp_menu #sp_menu_area .nav01 .list a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 2px 16px;
  font-size: 15px;
  font-weight: bold;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
@media only screen and (max-width: 374px) {
  #sp_menu #sp_menu_area .nav01 .list a {
    font-size: 12px;
  }
}
#sp_menu #sp_menu_area .nav01 .reservation_btn_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 25px -6px 0;
}
#sp_menu #sp_menu_area .nav01 .reservation_btn_area .reservation_btn_set {
  width: 50%;
  padding: 0 6px;
}
#sp_menu #sp_menu_area .nav01 .reservation_btn_area a {
  display: block;
  position: relative;
  border-radius: 100vh;
}
#sp_menu #sp_menu_area .nav01 .sp_menu_tel_link {
  margin-top: 15px;
}
#sp_menu #sp_menu_area .nav01 .sp_menu_tel_link a {
  display: block;
  background-color: #fff;
  border-radius: 100vh;
  -webkit-box-shadow: 0 5px 0 rgb(221, 214, 214);
  box-shadow: 0 5px 0 rgb(221, 214, 214);
  padding: 8px 5px 2px;
  text-align: center;
}
#sp_menu #sp_menu_area .nav01 .sp_menu_tel_link .phone_text p {
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}
#sp_menu #sp_menu_area .nav01 .sp_menu_tel_link .phone_text p span {
  display: inline-block;
  margin-right: 5px;
}
#sp_menu #sp_menu_area .nav01 .sp_menu_tel_link .phone_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#sp_menu #sp_menu_area .nav01 .sp_menu_tel_link .phone_icon {
  position: relative;
  min-width: 56px;
  max-width: 56px;
}
#sp_menu #sp_menu_area .nav01 .sp_menu_tel_link .icon {
  position: absolute;
  background-repeat: no-repeat;
  bottom: 0;
  background-size: contain;
}
#sp_menu #sp_menu_area .nav01 .sp_menu_tel_link .icon01 {
  width: 16px;
  height: 26px;
  background-image: url("/lab/wp-content/themes/tbc/img/spmenu/sp_menu_tel_icon01.png");
  left: 0;
}
#sp_menu #sp_menu_area .nav01 .sp_menu_tel_link .icon02 {
  width: 28px;
  height: 20px;
  background-image: url("/lab/wp-content/themes/tbc/img/spmenu/sp_menu_tel_icon02.png");
  left: 20px;
}
#sp_menu #sp_menu_area .nav01 .sp_menu_tel_link .phone_number span {
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
  color: #db7c7c;
}
@media only screen and (max-width: 1024px) {
  #sp_menu #sp_menu_area .nav01 .sp_menu_tel_link .phone_number span {
    font-size: 22px;
  }
}
#sp_menu #sp_menu_area .nav01 .sp_menu_tel_link .b_hours p {
  font-size: 12px;
  font-weight: bold;
}
#sp_menu #sp_menu_area .nav02 .nav_cont {
  border-top: 1px #cccccc solid;
}
#sp_menu #sp_menu_area .nav02 .each_link > ul > li {
  padding: 18px 15px 15px;
  position: relative;
}
#sp_menu #sp_menu_area .nav02 .each_link > ul > li + li {
  border-top: 1px #cccccc solid;
  font-weight: bold;
} 
#sp_menu #sp_menu_area .nav02 .each_link > ul > li:nth-child(1) > a::before,
#sp_menu #sp_menu_area .nav02 .each_link > ul > li:nth-child(1) > span::before {
  background-image: url("/lab/wp-content/themes/tbc/img/spmenu/each_link_icon01.png");
}
#sp_menu #sp_menu_area .nav02 .each_link > ul > li:nth-child(2) > a::before,
#sp_menu #sp_menu_area .nav02 .each_link > ul > li:nth-child(2) > span::before {
  background-image: url("/lab/wp-content/themes/tbc/img/spmenu/each_link_icon02.png");
}
/* #sp_menu #sp_menu_area .nav02 .each_link > ul > li:nth-child(3) > a::before,
#sp_menu #sp_menu_area .nav02 .each_link > ul > li:nth-child(3) > span::before {
  background-image: url("/lab/wp-content/themes/tbc/img/spmenu/each_link_icon03.png");
} */
#sp_menu #sp_menu_area .nav02 .each_link > ul > li:nth-child(3) > a::before,
#sp_menu #sp_menu_area .nav02 .each_link > ul > li:nth-child(3) > span::before {
  background-image: url("/lab/wp-content/themes/tbc/img/spmenu/each_link_icon04.png");
}
#sp_menu #sp_menu_area .nav02 .each_link > ul > li:nth-child(4) > a::before,
#sp_menu #sp_menu_area .nav02 .each_link > ul > li:nth-child(4) > span::before {
  background-image: url("/lab/wp-content/themes/tbc/img/spmenu/each_link_icon05.png");
}
#sp_menu #sp_menu_area .nav02 .each_link > ul > li:nth-child(5) > a::before,
#sp_menu #sp_menu_area .nav02 .each_link > ul > li:nth-child(5) > span::before {
  background-image: url("/lab/wp-content/themes/tbc/img/spmenu/each_link_icon06.png");
}
#sp_menu #sp_menu_area .nav02 .each_link > ul > li .pulldown {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 15px;
  top: 20px;
}
#sp_menu #sp_menu_area .nav02 .each_link > ul > li .pulldown::before,
#sp_menu #sp_menu_area .nav02 .each_link > ul > li .pulldown::after {
  background-color: #db7c7c;
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  position: absolute;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#sp_menu #sp_menu_area .nav02 .each_link > ul > li .pulldown::before {
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}
#sp_menu #sp_menu_area .nav02 .each_link > ul > li .pulldown::after {
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-1px) rotate(-90deg);
  transform: translateY(-1px) rotate(-90deg);
}
#sp_menu #sp_menu_area .nav02 .each_link > ul > li .pulldown.open::after {
  right: 0;
  top: 50%;
  left: auto;
  bottom: auto;
  -webkit-transform: translateY(0%) rotate(0deg);
  transform: translateY(0%) rotate(0deg);
}
#sp_menu #sp_menu_area .nav02 .each_link > ul > li > a,
#sp_menu #sp_menu_area .nav02 .each_link > ul > li > span.ttl {
  position: relative;
  padding-left: 28px;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
}
#sp_menu #sp_menu_area .nav02 .each_link > ul > li > a::before,
#sp_menu #sp_menu_area .nav02 .each_link > ul > li > span.ttl::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#sp_menu #sp_menu_area .nav02 .each_link > ul > li ul {
  display: none;
  /* max-width: 310px; */
  margin: 5px auto 0;
  padding: 0 10px;
}
#sp_menu #sp_menu_area .nav02 .each_link > ul > li li {
  padding: 14px 10px 12px;
}
#sp_menu #sp_menu_area .nav02 .each_link > ul > li li:last-child {
  padding: 14px 10px 0px;
}
#sp_menu #sp_menu_area .nav02 .each_link > ul > li li a {
  font-size: 15px;
  display: inline-block;
  font-weight: normal;
}
#sp_menu #sp_menu_area .nav02 .each_link > ul > li li + li {
  border-top: 1px #cccccc dashed;
}
#sp_menu #sp_menu_area .nav02 .sns_wrap {
  padding: 30px 0;
  text-align: center;
}
#sp_menu #sp_menu_area .nav02 .sns_wrap .head p {
  font-weight: bold;
}
#sp_menu #sp_menu_area .nav02 .sns_wrap .text {
  margin-top: 5px;
}
#sp_menu #sp_menu_area .nav02 .sns_wrap .text p {
  font-size: 14px;
}
#sp_menu #sp_menu_area .nav02 .sns_wrap .sns_icon {
  margin-top: 15px;
  padding: 0 15px;
}
#sp_menu #sp_menu_area .nav02 .sns_wrap .sns_icon ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  max-width: 346px;
}
#sp_menu #sp_menu_area .nav02 .sns_wrap .sns_icon li {
  padding: 0 12px;
  width: 16.66%;
}
#sp_menu #sp_menu_area .nav02 .banner_wrap {
  padding: 30px 15px 40px;
  margin-bottom: 100px;
}
@media only screen and (max-width: 374px) {
  #sp_menu #sp_menu_area .nav02 .banner_wrap {
    padding: 30px 10px 40px;
  }
}
#sp_menu #sp_menu_area .nav02 .banner_wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -3px;
}
#sp_menu #sp_menu_area .nav02 .banner_wrap li {
  width: 33.3333%;
  padding: 0 3px;
}
#sp_menu #sp_menu_area .nav02 .banner_wrap a {
  display: block;
}

.sp_menu_open #sp_menu {
  top: 90px;
  z-index: 9999;
  -webkit-transition: 400ms;
  transition: 400ms;
}

.sp-menu__banner {
  border: 1px solid #c7c7c7;
  background-color: #c7c7c7;
  border-radius: 5px;
  overflow: hidden;
}

.sp-menu__banner-ttl {
  background-color: #c7c7c7;
  color: #fff;
  font-size: 12px;
  text-align: center;
}

.sp-menu__banner-imgcont {
  height: 60px;
  background-color: #fff;
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.sp-menu__banner-imgcont img {
  max-width: 126px;
}

.c-emailBtn {
  background-color: #db7c7c;
  -webkit-box-shadow: 0 8px 0 #eecece;
  box-shadow: 0 8px 0 #eecece;
}
@media only screen and (min-width: 768px) {
  .c-emailBtn:hover {
    -webkit-box-shadow: 0 0 0 #eecece;
    box-shadow: 0 0 0 #eecece;
  }
}
@media only screen and (max-width: 767px) {
  .c-emailBtn {
    margin-top: 18px;
  }
}

.c-lineBtn {
  -webkit-box-shadow: 0 5px 0 #c2f2d0;
  box-shadow: 0 5px 0 #c2f2d0;
}
.c-lineBtn::before {
  top: auto;
  bottom: -10px;
}
.c-lineBtn .c-ctaBtn_inner {
  padding: 13px 5px 8px 30px;
}

.c-lineBtn {
  position: relative;
  background-color: #47d180;
  -webkit-box-shadow: 0 8px 0 #c2f2d0;
  box-shadow: 0 8px 0 #c2f2d0;
}
@media only screen and (min-width: 768px) {
  .c-lineBtn:hover {
    -webkit-box-shadow: 0 0 0 #c2f2d0;
    box-shadow: 0 0 0 #c2f2d0;
  }
}
.c-lineBtn::before {
  position: absolute;
  display: block;
  top: -16px;
  right: -16px;
  width: 60px;
  height: 56px;
  border-radius: 50%;
  background: url("/lab/wp-content/themes/tbc/img/spmenu/icon_fullTime.svg")
    no-repeat center/contain;
  content: "";
}
@media only screen and (max-width: 767px) {
  .c-lineBtn::before {
    width: 52px;
    height: 48px;
  }
}
@media only screen and (max-width: 374px) {
  .c-lineBtn::before {
    width: 42px;
    height: 38px;
  }
}

.c-lineBtn_body::before {
  background-image: url("/wp-content/themes/agaskin-woman-jp2022_theme/asset/media/images/icon/icon_bubble.svg");
}

.c-emailBtn_body::before {
  background-image: url("/wp-content/themes/agaskin-woman-jp2022_theme/asset/media/images/icon/icon_email.svg");
}

.c-ctaBtn_text {
  font-size: 10px;
  text-align: left;
}

.c-emailBtn {
  margin-top: 0px;
  -webkit-box-shadow: 0 5px 0 #eecece;
  box-shadow: 0 5px 0 #eecece;
}

.c-ctaBtn_text {
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 0.8;
}
@media only screen and (max-width: 767px) {
  .c-ctaBtn_text {
    font-size: 14px;
  }
}
@media only screen and (max-width: 374px) {
  .c-ctaBtn_text {
    font-size: 10px;
  }
}

.c-ctaBtn_text-big {
  display: block;
  width: 100%;
  font-size: 20px;
}
@media only screen and (max-width: 767px) {
  .c-ctaBtn_text-big {
    font-size: 18px;
  }
}
@media only screen and (max-width: 374px) {
  .c-ctaBtn_text-big {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  #main_area.scroll {
    margin-top: 58px;
  }
}

body.sp_menu_open {
  overflow-y: hidden;
}

@media only screen and (max-width: 768px) {
  #chatplusview.chatplusview-modern.closed:not(.float) {
    max-height: 35px;
    z-index: 20;
  }
}

/*20221023*/
#container {
  overflow: hidden;
}

/*20221026 Araki Add */
#hd_logo.hd_seo.hd_seo {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .hd_seo .header_cont_ttl {
    position: absolute;
    left: 0;
    top: -7px;
    width: 300%;
    display: block;
    line-height: 1.1;
    font-size: 12px;
    font-weight: normal;
  }
  .hd_seo .logo_inner {
    position: relative;
    top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .hd_seo .header_cont_ttl {
    display: none;
  }
}

/*20221031 Araki Add */
#gheader .update_wrap {
  max-width: 1300px;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#gheader .update_wrap dd {
  max-width: 1300px;
}
.update_wrap dd a,
.update_wrap dd p {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .update_info .pc_none {
    display: none;
  }
  .update_info .sp_none {
    max-width: calc(100% - 90px);
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) {
  .update_info .sp_none {
    display: none;
  }
  .update_info .pc_none {
    width: calc(100% - 80px);
    overflow: hidden;
  }
  #gheader .update_wrap dd {
    padding-right: 0px;
  }
}

/* 20221104 Ota Add */
@media only screen and (max-width: 380px) {
  .entryDetail .txt1 .sub {
    padding-top: 20px;
  }
}

#ft_banner_list ul .banner-online {
  border: solid 2px #1bb0ab;
  position: relative;
}
#ft_banner_list ul .banner-online .banner-online--img {
  height: 45px;
  width: auto;
}
#ft_banner_list ul .banner-online .banner-online--icon {
  width: 26px;
  height: 26px;
}
@media only screen and (max-width: 767px) {
  #ft_banner_list ul .banner-online .banner-online--img {
    height: 52px;
  }
}
#ft_banner_list ul .banner-online .banner-online--icon {
  position: absolute;
  top: 13px;
  right: 10px;
}
@media only screen and (max-width: 767px) {
  #ft_banner_list ul .banner-online .banner-online--icon {
    top: 20px;
    width: 26px;
    height: 26px;
  }
}

#sp_menu #sp_menu_area .nav02 .banner_wrap {
  padding: 30px 15px 40px;
}
@media only screen and (max-width: 374px) {
  #sp_menu #sp_menu_area .nav02 .banner_wrap {
    padding: 30px 10px 40px;
  }
}
#sp_menu #sp_menu_area .nav02 .banner_wrap ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -5px;
}
#sp_menu #sp_menu_area .nav02 .banner_wrap li {
  width: 50%;
  padding: 5px;
}
#sp_menu #sp_menu_area .nav02 .banner_wrap a {
  display: block;
}

#sp_menu #sp_menu_area .nav01 .sp_menu_tel_link .phone_icon {
  position: relative;
  width: 60px;
  padding: 0 4px 0 26px;
}
@media only screen and (max-width: 1024px) {
  #sp_menu #sp_menu_area .nav01 .sp_menu_tel_link .phone_icon {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
}
#sp_menu #sp_menu_area .nav01 .sp_menu_tel_link .phone_icon:before {
  display: block;
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  bottom: -2px;
  background-size: contain;
  width: 25px;
  height: 27px;
  background-image: url("/wp-content/themes/agaskin-woman-jp2022_theme/asset/media/images/common/hd-phone.png");
  background-image: image-set(
    url("/wp-content/themes/agaskin-woman-jp2022_theme/asset/media/images/common/hd-phone.png")
      1x,
    url("/wp-content/themes/agaskin-woman-jp2022_theme/asset/media/images/common/hd-phone@2x.png")
      2x
  );
  background-image: -webkit-image-set(
    url("/wp-content/themes/agaskin-woman-jp2022_theme/asset/media/images/common/hd-phone.png")
      1x,
    url("/wp-content/themes/agaskin-woman-jp2022_theme/asset/media/images/common/hd-phone@2x.png")
      2x
  );
  left: 0;
  top: -7px;
}

.c-ctaBtn_body {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-ctaBtn_body::before {
  position: absolute;
  top: 13px;
  left: 0;
  display: block;
  width: 32px;
  height: 32px;
  content: "";
}
@media only screen and (max-width: 767px) {
  .c-ctaBtn_body::before {
    width: 22px;
    height: 22px;
  }
}
@media only screen and (max-width: 374px) {
  .c-ctaBtn_body::before {
    top: 8px;
    width: 18px;
    height: 18px;
  }
}

#sp_menu .c-ctaBtn_text {
  font-size: 10px;
  text-align: left;
}
#sp_menu .c-emailBtn {
  margin-top: 0px;
  -webkit-box-shadow: 0 5px 0 #eecece;
  box-shadow: 0 5px 0 #eecece;
}
#sp_menu .c-lineBtn {
  -webkit-box-shadow: 0 5px 0 #c2f2d0;
  box-shadow: 0 5px 0 #c2f2d0;
}
#sp_menu .c-lineBtn::before {
  top: auto;
  bottom: -10px;
}
#sp_menu .c-ctaBtn_inner {
  padding: 3px 5px 7px 30px;
  text-align: center;
}
@media only screen and (max-width: 374px) {
  #sp_menu .c-ctaBtn_inner {
    padding: 3px 5px 7px 30px;
  }
}
#sp_menu .c-ctaBtn_body {
  display: inline-block;
}
#sp_menu .c-ctaBtn_body::before {
  top: 13px;
  left: -5px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.c-emailBtn {
  background-color: #db7c7c;
  -webkit-box-shadow: 0 8px 0 #eecece;
  box-shadow: 0 8px 0 #eecece;
}
@media only screen and (min-width: 768px) {
  .c-emailBtn:hover {
    -webkit-box-shadow: 0 0 0 #eecece;
    box-shadow: 0 0 0 #eecece;
  }
}
@media only screen and (max-width: 767px) {
  .c-emailBtn {
    margin-top: 18px;
  }
}
.c-emailBtn_body::before {
  background-image: url("/wp-content/themes/agaskin-woman-jp2022_theme/asset/media/images/icon/icon_email.svg");
}
.c-lineBtn {
  position: relative;
  background-color: #47d180;
  -webkit-box-shadow: 0 8px 0 #c2f2d0;
  box-shadow: 0 8px 0 #c2f2d0;
}
@media only screen and (min-width: 768px) {
  .c-lineBtn:hover {
    -webkit-box-shadow: 0 0 0 #c2f2d0;
    box-shadow: 0 0 0 #c2f2d0;
  }
}
.c-lineBtn::before {
  position: absolute;
  display: block;
  top: -16px;
  right: -16px;
  width: 60px;
  height: 56px;
  border-radius: 50%;
  background: url("/wp-content/themes/agaskin-woman-jp2022_theme/asset/media/images/icon/icon_fullTime.svg")
    no-repeat center/contain;
  content: "";
}
@media only screen and (max-width: 767px) {
  .c-lineBtn::before {
    width: 52px;
    height: 48px;
  }
}
@media only screen and (max-width: 374px) {
  .c-lineBtn::before {
    width: 42px;
    height: 38px;
  }
}
.c-lineBtn_body::before {
  background-image: url("/wp-content/themes/agaskin-woman-jp2022_theme/asset/media/images/icon/icon_bubble.svg");
}

#ft_navi_bottom {
  margin-top: 35px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  #ft_navi_bottom {
    margin-top: 15px;
  }
}
#ft_navi_bottom ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -10px;
  font-size: 14px;
}
#ft_navi_bottom ul li {
  padding-top: 10px;
  width: 16.666666%;
}
@media only screen and (max-width: 1300px) {
  #ft_navi_bottom ul li {
    width: 25%;
  }
}
@media only screen and (max-width: 1300px) {
  #ft_navi_bottom ul li {
    width: 33.333333%;
  }
}
@media only screen and (max-width: 767px) {
  #ft_navi_bottom ul li {
    width: auto;
    margin-right: 18px;
  }
}
#ft_navi_bottom ul li a {
  font-size: 100%;
  line-height: 1;
  letter-spacing: 0.05em;
}
#ft_navi_bottom .nav-arrow {
  display: none;
}

#footer-fix {
  background-color: #f8e9e9;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: fixed;
  left: 0%;
  bottom: 0;
  width: 100%;
  z-index: 10001;
  overflow: visible;
}
@media only screen and (min-width: 768px) {
  #footer-fix {
    display: none;
  }
}
#footer-fix .footer-fix-inner {
  max-width: 100%;
  width: 750px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  overflow: visible;
}
#footer-fix .footer-fix-inner .footer-fix-btn {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  height: 70px;
}
@media only screen and (max-width: 375px) {
  #footer-fix .footer-fix-inner .footer-fix-btn {
    height: 18.5vw;
  }
}
#footer-fix .footer-fix-inner .footer-fix-btn picture,
#footer-fix .footer-fix-inner .footer-fix-btn img {
  margin: auto;
}
#footer-fix .btn-counseling {
  padding: 0 10px;
  width: calc(100% - 74px);
}
@media only screen and (max-width: 375px) {
  #footer-fix .btn-counseling {
    width: calc(100% - 18.5vw);
  }
}
#footer-fix .btn-freechat {
  background-color: #fff;
  padding: 0 8px;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}
#main_area.scroll + footer #footer-fix {
  bottom: -70px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

/*                footer
======================================================= */
footer {
  position: relative;
  padding: 40px 0;
}
footer .main_width {
  position: relative;
}
@media only screen and (max-width: 767px) {
  footer {
    border-top: solid 1px #ccc;
    padding: 18px 0;
  }
}
footer .nav-arrow {
  position: absolute;
  top: 50%;
  left: 0px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: center/contain no-repeat
    url("/wp-content/themes/agaskin-woman-jp2022_theme/asset/media/images/common/circle-arrow.svg");
  /*
  &::before,
  &::after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(50% - 1px);
    width: 5px;
    height: 1px;
    background-color: $lred;
    transform-origin: right center;
  }
  &::before {
    transform: translate(-50%, -50%) rotate(35deg);
  }
  &::after {
    transform: translate(-50%, -50%) rotate(-35deg);
  }
  */
}
@media only screen and (max-width: 767px) {
  footer .nav-arrow {
    width: 16px;
    height: 16px;
    left: auto;
    right: 18px;
  }
}

#ft_sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 35px;
  /*border-bottom: 1px solid #ccc;*/
}
#ft_sns .txt-area .ttl h3 {
  font-weight: bold;
  letter-spacing: 0.06em;
}
#ft_sns .txt-area .txt p {
  font-size: 14px;
  letter-spacing: 0.05em;
}
#ft_sns .sns-list {
  margin-left: 70px;
}
#ft_sns .sns-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#ft_sns .sns-list ul li + li {
  margin-left: 30px;
}
@media only screen and (max-width: 767px) {
  #ft_sns {
    padding-bottom: 16px;
    border-bottom-style: none;
    display: block;
  }
  #ft_sns .txt-area {
    text-align: center;
  }
  #ft_sns .txt-area .ttl h3 {
    line-height: 1.2;
  }
  #ft_sns .sns-list {
    margin-left: auto;
  }
  #ft_sns .sns-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 360px;
    max-width: 100%;
    margin: 1em auto auto;
  }
  #ft_sns .sns-list ul li {
    width: 16.6666%;
    padding: 5px;
  }
  #ft_sns .sns-list ul li picture,
  #ft_sns .sns-list ul li img {
    display: block;
    margin: auto;
    width: 50px;
    height: 50px;
  }
  #ft_sns .sns-list ul li + li {
    margin-left: auto;
  }
}
@media only screen and (max-width: 480px) {
  #ft_sns {
    padding-bottom: 16px;
  }
  #ft_sns .sns-list ul {
    width: 340px;
    margin: 1em auto auto;
  }
  #ft_sns .sns-list ul li {
    padding: 5px 5px;
  }
  #ft_sns .sns-list ul li picture,
  #ft_sns .sns-list ul li img {
    width: 30px;
    height: 30px;
  }
  #ft_sns .sns-list ul li + li {
    margin-left: auto;
  }
}

#ft_navi-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 40px;
  margin: 40px auto 0;
  padding-bottom: 38px;
  border-bottom: 1px solid #ccc;
}

#ft_navi ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-left: 25px;
  font-size: 15px;
}
#ft_navi ul li + li {
  margin-top: 16px;
}

@media only screen and (max-width: 1200px) {
  #ft_navi-area {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #ft_navi {
    width: 100%;
    margin-bottom: 40px;
  }
  #ft_navi ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px -15px;
  }
  #ft_navi ul li {
    padding: 5px 15px;
    min-width: 10em;
  }
  #ft_navi ul li + li {
    margin-top: auto;
  }
}
@media only screen and (max-width: 767px) {
  #ft_navi-area {
    margin: 0 -20px 0;
    padding-bottom: 0px;
    border-bottom-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px dashed #ccc;
  }
  #ft_navi {
    margin-bottom: 0;
  }
  #ft_navi ul {
    margin: 0;
    border-bottom: 1px solid #ccc;
    height: 230px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #ft_navi ul li {
    padding: 0;
    width: 50%;
    border-top: 1px solid #ccc;
  }
  #ft_navi ul li:nth-child(-n + 6) {
    border-right: 1px solid #ccc;
  }
  #ft_navi ul li a {
    padding: 0px 34px 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 45px;
  }
  #ft_navi ul li a .navi-txt {
    line-height: 1.2;
    display: block;
    font-size: 14px;
  }
  #ft_navi ul li + li {
    margin-top: 0;
  }
}
@media only screen and (max-width: 350px) {
  #ft_navi ul li a {
    padding: 0px 32px 0 16px;
  }
}
.ft_clinic-trigger {
  padding: 0 20px;
  margin-bottom: -1px;
}
@media only screen and (min-width: 768px) {
  .ft_clinic-trigger {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .ft_clinic-trigger {
    width: 100%;
    display: block;
  }
  .ft_clinic-trigger + #ft_clinic-area {
    display: none;
  }
}
.ft_clinic-trigger p {
  display: block;
  width: 100%;
  padding: 13px 0 9px;
  position: relative;
  font-size: 15px;
  font-weight: bold;
}
.ft_clinic-trigger p::before,
.ft_clinic-trigger p::after {
  background-color: #db7c7c;
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  right: 0;
  top: 50%;
  position: absolute;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.ft_clinic-trigger p::before {
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}
.ft_clinic-trigger p::after {
  -webkit-transform: translateY(-1px) rotate(-90deg);
  transform: translateY(-1px) rotate(-90deg);
}
.ft_clinic-trigger p.open::after {
  right: 0;
  top: 50%;
  left: auto;
  bottom: auto;
  -webkit-transform: translateY(0%) rotate(0deg);
  transform: translateY(0%) rotate(0deg);
}
.ft_clinic-trigger.open p::after {
  right: 0;
  top: 50%;
  left: auto;
  bottom: auto;
  -webkit-transform: translateY(0%) rotate(0deg);
  transform: translateY(0%) rotate(0deg);
}

#ft_clinic-area .area .ttl h4 {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.05em;
}
#ft_clinic-area .area .list {
  margin-top: 5px;
}
#ft_clinic-area .area .list > ul > li a {
  font-size: 14px;
  padding-left: 1.1em;
  letter-spacing: 0.05em;
  position: relative;
}
#ft_clinic-area .area .list > ul > li a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.4em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #333;
}
@media only screen and (min-width: 768px) {
  #ft_clinic-area {
    max-width: 880px;
    width: 100%;
    padding-left: 44px;
    border-left: 1px solid #ccc;
  }
  #ft_clinic-area .area .list {
    margin-top: 5px;
  }
  #ft_clinic-area .area .list > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    height: 280px;
    margin: -2px;
  }
  #ft_clinic-area .area .list > ul > li {
    padding: 2px;
  }
  #ft_clinic-area .top-area {
    padding-bottom: 25px;
    border-bottom: 1px dashed #ccc;
    overflow: hidden;
  }
  #ft_clinic-area .top-area > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #ft_clinic-area .top-area > ul > li:nth-child(1) {
    width: 60%;
  }
  #ft_clinic-area .top-area > ul > li:nth-child(1) .list > ul > li {
    width: 33.333333%;
  }
  #ft_clinic-area .top-area > ul > li:nth-child(2) {
    width: 40%;
  }
  #ft_clinic-area .top-area > ul > li:nth-child(2) .list > ul > li {
    width: 50%;
  }
  #ft_clinic-area .bottom-area {
    margin-top: 25px;
  }
  #ft_clinic-area .bottom-area > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #ft_clinic-area .bottom-area > ul > li:nth-child(1) {
    width: 20%;
  }
  #ft_clinic-area .bottom-area > ul > li:nth-child(2) {
    width: 40%;
  }
  #ft_clinic-area .bottom-area > ul > li:nth-child(2) .list > ul > li {
    width: 44%;
  }
  #ft_clinic-area .bottom-area > ul > li:nth-child(3) {
    width: 20%;
  }
  #ft_clinic-area .bottom-area > ul > li:nth-child(3) .area .list > ul {
    height: 180px;
  }
  #ft_clinic-area .bottom-area > ul > li:nth-child(4) {
    width: 20%;
  }
  #ft_clinic-area .bottom-area > ul > li:nth-child(4) .area .list > ul {
    height: 180px;
  }
  #ft_clinic-area .bottom-area .area .list > ul {
    height:246px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1300px) {
  #ft_clinic-area {
    padding-left: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  #ft_clinic-area {
    width: 100%;
    padding-left: 0;
    border-left-style: none;
    padding-top: 20px;
    border-top: 1px solid #ccc;
  }
  #ft_clinic-area .area .list > ul {
    height: 240px;
  }
  #ft_clinic-area .area .list > ul > li a {
    font-size: 12px;
  }
  #ft_clinic-area .top-area > ul,
  #ft_clinic-area .bottom-area > ul {
    max-width: 58em;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #ft_clinic-area .top-area {
    padding-bottom: 25px;
    border-bottom: 1px dashed #ccc;
    overflow: hidden;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #ft_clinic-area .top-area,
  #ft_clinic-area .bottom-area {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  #ft_clinic-area {
    padding-top: 0;
    border-top-style: none;
  }
  #ft_clinic-area .top-area > ul,
  #ft_clinic-area .bottom-area > ul {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  #ft_clinic-area .top-area > ul > li,
  #ft_clinic-area .bottom-area > ul > li {
    padding: 15px 20px;
  }
}

#ft_navi_bottom {
  margin-top: 35px;
  overflow: hidden;
  /*@include media767 {
    margin-top: 0;
    margin-left: -20px;
    margin-right: -20px;
    ul {
      display: flex;
      flex-wrap: wrap;
      margin-top: 0;
      margin-left: -1px;
      border-bottom: solid 1px $lgray;
      li {
        width: 100%; //50%;
        padding-top: 0;
        margin-left: 0;
        position: relative;
        border-top: solid 1px $lgray;
        border-left: solid 1px $lgray;

        a {
          display: block;
          position: relative;
          width: 100%;
          height: 100%;
          line-height: 1;
          letter-spacing: 0.05em;
          padding: 16px 40px 16px 20px;
        }
      }
    }
  }*/
  /*
  @include media480 {
    ul {
      li {
        width: 100%;
      }
    }
  }*/
}
@media only screen and (max-width: 767px) {
  #ft_navi_bottom {
    margin-top: 15px;
  }
}
#ft_navi_bottom ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -10px;
  font-size: 14px;
  /*
  @include media1024 {
    margin-left: -3em;
    li {
      margin-left: 3em;
    }
  }
  */
}
#ft_navi_bottom ul li {
  padding-top: 10px;
  width: 16.666666%;
  /*
  @include media1025 {
    &.w05 {
      width: 9.747em;
    }
    &.w06 {
      width: 11.6em;
    }
    &.w08 {
      width: 12em;
    }
    &.w09 {
      width: 12.5em;
    }
    &.w10 {
      width: 12.9em;
    }
    &.w11 {
      width: 14em;
    }
    &.w13 {
      width: 17em;
    }
    @include media1200 {
      margin-right: -1em;
    }
    @include media1100 {
      font-size: 1.2vw;
    }
  }*/
  /*
  &:nth-child(6n + 1) {
    width: 137px;
  }
  &:nth-child(6n + 2) {
    width: 168px;
  }
  &:nth-child(6n + 3) {
    width: 198px;
  }
  &:nth-child(6n + 4) {
    width: 162px;
  }
  &:nth-child(6n + 5) {
    width: 185px;
  }
  &:nth-child(6n) {
    width: calc(100% - 850px);
  }
  */
}
@media only screen and (max-width: 1300px) {
  #ft_navi_bottom ul li {
    width: 25%;
  }
}
@media only screen and (max-width: 1300px) {
  #ft_navi_bottom ul li {
    width: 33.333333%;
  }
}
@media only screen and (max-width: 767px) {
  #ft_navi_bottom ul li {
    width: auto;
    margin-right: 18px;
  }
}
#ft_navi_bottom ul li a {
  font-size: 100%;
  line-height: 1;
  letter-spacing: 0.05em;
}
#ft_navi_bottom .nav-arrow {
  display: none;
}

#ft_banner_list {
  margin-top: 44px;
}
#ft_banner_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -10px;
}
#ft_banner_list ul li {
  padding: 10px;
  position: relative;
  width: 25%;
  max-width: 278px;
}
@media only screen and (max-width: 1024px) {
  #ft_banner_list ul li {
    width: 50%;
  }
}
#ft_banner_list ul .ft-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 54px;
  border-radius: 8px;
  padding: 2px;
}
#ft_banner_list ul .ft-banner picture,
#ft_banner_list ul .ft-banner img {
  display: block;
}
@media only screen and (min-width: 768px) {
  #ft_banner_list ul .ft-banner:hover {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
}
@media only screen and (max-width: 767px) {
  #ft_banner_list ul .ft-banner {
    height: 70px;
  }
}
#ft_banner_list ul .banner-online {
  border: solid 2px #1bb0ab;
  position: relative;
}
#ft_banner_list ul .banner-online .banner-online--img {
  height: 45px;
  width: auto;
}
@media only screen and (max-width: 767px) {
  #ft_banner_list ul .banner-online .banner-online--img {
    height: 58px;
  }
}
@media only screen and (max-width: 374px) {
  #ft_banner_list ul .banner-online .banner-online--img {
    height: 52px;
  }
}
#ft_banner_list ul .banner-online .banner-online--icon {
  position: absolute;
  top: 13px;
  right: 10px;
}
@media only screen and (max-width: 767px) {
  #ft_banner_list ul .banner-online .banner-online--icon {
    top: 20px;
  }
}
#ft_banner_list ul .banner-askin_woman {
  border: solid 2px #2864a5;
  position: relative;
}
#ft_banner_list ul .banner-askin_woman .banner-askin_woman--img {
  height: 40px;
  width: auto;
}
@media only screen and (max-width: 767px) {
  #ft_banner_list ul .banner-askin_woman .banner-askin_woman--img {
    height: 53px;
  }
}
#ft_banner_list ul .banner-askin_woman .banner-askin_woman--icon {
  position: absolute;
  top: 13px;
  right: 10px;
}
@media only screen and (max-width: 767px) {
  #ft_banner_list ul .banner-askin_woman .banner-askin_woman--icon {
    top: 20px;
  }
}
#ft_banner_list ul .banner-hairsalon {
  border: solid 2px #043361;
  position: relative;
}
#ft_banner_list ul .banner-hairsalon .banner-hairsalon--img {
  height: 36px;
  width: auto;
}
@media only screen and (max-width: 767px) {
  #ft_banner_list ul .banner-hairsalon .banner-hairsalon--img {
    height: 47px;
  }
}
#ft_banner_list ul .banner-hairsalon .banner-hairsalon--icon {
  position: absolute;
  top: 13px;
  right: 10px;
}
@media only screen and (max-width: 767px) {
  #ft_banner_list ul .banner-hairsalon .banner-hairsalon--icon {
    top: 20px;
  }
}
#ft_banner_list ul .btn-agaskin-mens {
  padding-bottom: 5px;
}
#ft_banner_list ul .btn-agaskin-mens p {
  background-color: #6d83b1;
  padding: 5px;
  width: 100%;
  max-width: 100%;
  height: 50px;
  border-radius: 100vh;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.05em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 5px 0 #cbd7ef;
  box-shadow: 0 5px 0 #cbd7ef;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}
@media only screen and (min-width: 768px) {
  #ft_banner_list ul .btn-agaskin-mens:hover {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  #ft_banner_list ul .btn-agaskin-mens:hover p {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    -webkit-box-shadow: 0 0px 0 #cbd7ef;
    box-shadow: 0 0px 0 #cbd7ef;
  }
}
@media only screen and (max-width: 767px) {
  #ft_banner_list ul .btn-agaskin-mens {
    height: 54px;
  }
}
@media only screen and (max-width: 1024px) {
  #ft_banner_list ul {
    margin: -5px;
  }
  #ft_banner_list ul li {
    padding: 5px;
    max-width: 268px;
  }
}
@media only screen and (max-width: 767px) {
  #ft_banner_list {
    margin-top: 20px;
  }
  #ft_banner_list ul {
    display: block;
    width: 100%;
    max-width: 335px;
    margin: -10px auto 0;
  }
  #ft_banner_list ul li {
    padding: 20px 0 0;
    max-width: 100%;
    width: 100%;
  }
  #ft_banner_list ul .btn-agaskin-mens {
    padding-bottom: 0;
    height: 50px;
  }
  #ft_banner_list ul .btn-agaskin-mens p {
    height: 50px;
    border-radius: 25px;
    font-size: 16px;
  }
}