.home_page .key {
  --height: 56vw;
  --min-height: 550px;
  --max-height: 980px;
  height: var(--height);
  min-height: var(--min-height);
  max-height: var(--max-height);
  font-size: 0.625em;
  background-size: cover;
  padding: 0 23px;
}
.home_page .key .key_text {
  position: relative;
  padding: 0;
  width: 100%;
}
@keyframes keyline {
  100% {
    top: 100%;
  }
}
.home_page .key .key-line {
  position: absolute;
  bottom: -2.6em;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 1px;
  height: 6em;
  background-color: #37a38a;
  z-index: 10;
}
.home_page .key .key-line::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 33.3333333333%;
  background-color: #fff;
  animation: keyline 3s linear infinite;
}
.home_page .key .key-line a {
  position: absolute;
  inset: 0 -10px;
  z-index: 1;
}
.home_page .key .mv_slider:not(.slick-slider) {
  display: flex;
  overflow: hidden;
  opacity: 0;
}
.home_page .key .s1 {
  background-image: url(../images/idx_mv01.jpg);
  background-position: bottom right !important;
}
.home_page .key .slick-initialized .s2 {
  background-image: url(../images/idx_mv02.jpg);
}
.home_page .key .slick-initialized .s3 {
  background-image: url(../images/idx_mv03.jpg);
}
.home_page .key .slick-initialized .s4 {
  background-image: url(../images/idx_mv05.jpg);
}
.home_page .key .key_text {
  position: relative;
}
.home_page .key .key_text .item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: var(--height);
  min-height: var(--min-height);
  max-height: var(--max-height);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.home_page .key .catch {
  margin: auto 0 159px 80px;
  text-shadow: 0 0 26px rgba(22, 28, 34, 0.8), 0 0 26px rgba(22, 28, 34, 0.8);
}
.home_page .key h2,
.home_page .key p {
  color: #fff;
  letter-spacing: 0.1em;
  font-weight: 600;
}
.home_page .key h2 {
  font-size: 6em;
  line-height: 1.32;
  margin-bottom: 0.3833333333em;
}
.home_page .key p {
  font-size: 2.6em;
  line-height: 2.3;
}
.home_page .topic_path {
  display: none;
}

@media only screen and (min-width: 769px) and (max-width: 1560px) {
  .home_page .key {
    font-size: min(0.625em, 0.9vmin);
    --max-height: calc(100vh - var(--wrapper));
  }
}
@media only screen and (max-width: 1440px) and (min-width: 769px) {
  .home_page .key {
    font-size: 8px;
  }
  .home_page .key .catch {
    margin-bottom: 30px;
    margin-left: 35px;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
  .home_page .key {
    --min-height: 430px;
    font-size: 0.78125vw;
  }
}
.ien {
  position: absolute;
  font-size: 120px;
  font-weight: 500;
  text-transform: uppercase;
  -webkit-writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-text-orientation: mixed;
  -moz-text-orientation: mixed;
  -ms-text-orientation: mixed;
  text-orientation: mixed;
  line-height: 1;
  margin: 0;
}

.ijp {
  color: var(--main-color);
  font-weight: 700;
  font-size: 42px;
  letter-spacing: 0.1em;
  text-align: center;
}
.ijp::before {
  content: "";
  display: block;
  width: 66px;
  height: 60px;
  margin: 0 auto 1px;
  background: url("../images/ih3.png") center/contain no-repeat;
}
.ijp.eff2::before {
  background-image: url("../images/ih3-2.png");
}

.ijp2 {
  font-size: 40px;
  letter-spacing: 0.1025em;
  overflow: hidden;
}
.ijp2 span {
  position: relative;
  padding-right: 33px;
}
.ijp2 span::before {
  content: "";
  position: absolute;
  top: 2px;
  bottom: 0;
  left: 100%;
  margin: auto 0;
  width: 100vw;
  height: 1px;
  background-color: #373737;
}

.ibtn a {
  display: block;
  max-width: 100%;
  width: fit-content;
  font-size: 18px;
  color: #37a38a;
  position: relative;
  padding: 15px 93px 13px 27px;
  background-color: #fff;
  line-height: 1.4;
  border: 1px solid #5ca4ad;
  text-decoration: none;
  letter-spacing: 0.1em;
  font-weight: 400;
  transition: all 0.3s ease;
}
.ibtn a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 11px;
  width: 14px;
  aspect-ratio: 14/12;
  background: url("../images/ibtn-line-ic.png") center/contain no-repeat;
  transition: all 0.1s;
}
.ibtn-line {
  --cl: #37a38a;
}
.ibtn-line a {
  display: block;
  max-width: 100%;
  width: fit-content;
  color: var(--cl);
  position: relative;
  z-index: 0;
  text-decoration: none;
  line-height: 1.4;
  padding: 0 2.25em 0.375em 0.375em;
  transition: all 0.3s;
}
.ibtn-line a::before {
  content: "";
  position: absolute;
  top: -0.25em;
  bottom: 0;
  margin: auto 0;
  right: 0.5em;
  width: 0.875em;
  aspect-ratio: 14/12;
  background: url("../images/ibtn-line-ic.png") center/contain no-repeat;
  transition: all 0.3s;
}
.ibtn-line a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  margin: auto 0;
  background-color: var(--cl);
  transition: all 0.3s;
}

.ipost {
  margin-top: 80px;
  padding: 90px 0px;
  background: url("../images/ipost-bg.jpg") center/cover no-repeat;
}
.ipost .inner {
  max-width: 1820px;
}
.ipost .ipost-wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: relative;
  z-index: 0;
}
.ipost .ipost-wrap::before {
  content: "";
  position: absolute;
  bottom: -12px;
  left: -27px;
  width: 252px;
  aspect-ratio: 252/209;
  background: url("../images/ipost-eff.png") center/contain no-repeat;
}
.ipost .box {
  display: flex;
  flex-wrap: wrap;
  width: calc((100% - 2px) / 2);
  padding: 0 79px 82px 46px;
  background-color: #fff;
  --wtitle: 160px;
  --cl: #37a38a;
  --bg-ttl: #e5f4ef;
}
.ipost .box.box-orange {
  --cl: #ae9774;
  --bg-ttl: #ede2d1;
}
.ipost .box.box-orange ul {
  --cl: #ceb58e;
}
.ipost .box.box-orange .ibtn-line {
  --cl: #ceb58e;
}
.ipost .box.box-orange .ibtn-line a::before {
  background-image: url("../images/ibtn-line-ic-orange.png");
}
.ipost .box ul {
  width: calc(100% - var(--wtitle));
  padding-left: 46px;
  margin-top: 75px;
}
.ipost .box li {
  border-bottom: 1px solid #e1e5e6;
  width: auto;
}
.ipost .box li a {
  display: flex;
  text-decoration: none;
  padding: 1.625em 0.625em 1.8125em 0.625em;
  --w: 7.6em;
  transition: all 0.3s;
  letter-spacing: 0.1em;
  white-space: nowrap;
  max-width: 100%;
  color: var(--clr1);
}
.ipost .box li a span {
  display: inline-block;
}
.ipost .box li a .date {
  width: var(--w);
  transition: all 0.3s;
  font-weight: 500;
  color: var(--cl);
  letter-spacing: 0.08em;
}
.ipost .box li a .title {
  max-width: calc(100% - var(--w));
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 500;
}
.ipost .ttl {
  font-weight: 500;
  font-size: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: var(--wtitle);
  height: var(--wtitle);
  background-color: var(--bg-ttl);
  margin-bottom: 0;
  margin-top: -25px;
  color: var(--cl);
}
.ipost .ibtn-line {
  width: 100%;
  margin-top: 33px;
}
.ipost .ibtn-line a {
  margin-left: auto;
}

.itrouble {
  position: relative;
  background-color: #e7f4eb;
  padding: 109px 0 90px;
  z-index: 0;
}
.itrouble::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 15.1041666667vw;
  background: url("../images/itrouble-bg.png") bottom center/cover no-repeat;
  z-index: -1;
}
.itrouble .wrap {
  position: relative;
}
.itrouble .wrap::before {
  content: "";
  position: absolute;
  top: -29px;
  right: calc(-50vw + 50% - 61px);
  width: 280px;
  aspect-ratio: 280/233;
  background: url("../images/itrouble-eff1.png") center/contain no-repeat;
}
.itrouble .ien {
  top: -22px;
  right: -118px;
  color: #deece2;
  letter-spacing: 0.05em;
}
.itrouble .ijp {
  margin-bottom: 50px;
}
.itrouble .group {
  --gap: 20px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--gap);
}
.itrouble .item {
  width: calc((100% - var(--gap) * 3) / 4);
  padding: 37px 22px 44px;
  border: 1px solid #d1e3f2;
  background-color: #fff;
  box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  transition: all 0.3s ease;
}
.itrouble .item::before {
  content: "";
  position: absolute;
  background: url(../images/itrouble-arrow.png) no-repeat;
  background-size: contain;
  aspect-ratio: 88/24;
  width: 44px;
  height: auto;
  bottom: 11px;
  right: 12px;
}
.itrouble .item picture {
  margin-bottom: 33px;
  margin-left: auto;
  margin-right: auto;
}
.itrouble .item picture img {
  margin: 0 auto;
}
.itrouble .ilist li {
  position: relative;
  padding-left: 35px;
  letter-spacing: 0.05em;
  line-height: 1.75em;
  margin-bottom: 8px;
  padding-bottom: 11px;
  border-bottom: 1px solid #e3ecf3;
  font-weight: 500;
}
.itrouble .ilist li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.itrouble .ilist li::before {
  content: "";
  position: absolute;
  background: url(../images/itrouble-check.png) no-repeat;
  background-size: contain;
  aspect-ratio: 52/44;
  width: 26px;
  height: auto;
  top: 0;
  left: 0;
}
.itrouble .link {
  position: absolute;
  display: block;
  inset: 0;
  z-index: 3;
}

.ipickup {
  position: relative;
  z-index: 0;
  padding: 80px 0 90px;
  background-color: #f2f8fd;
}
.ipickup .wrap {
  position: relative;
}
.ipickup .ien {
  top: -4px;
  left: -102px;
  color: #e3ecf3;
  letter-spacing: 0.05em;
}
.ipickup .ijp {
  margin-bottom: 53px;
}
.ipickup-post {
  display: grid;
  grid-template-columns: 53.9% 46.1%;
  margin-bottom: 48px;
}
.ipickup-post .ijp2 {
  margin-top: -5px;
  margin-bottom: 41px;
}
.ipickup-post .ipickup-img {
  grid-row: 1/span 4;
}
.ipickup-post picture {
  position: relative;
  z-index: 0;
  padding-right: 50px;
  width: fit-content;
}
.ipickup-post picture::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 85.2%;
  aspect-ratio: 537/471;
  background: url("../images/ipickup-shadow.png") center/cover no-repeat;
  z-index: -1;
}
.ipickup-post .desc {
  padding-right: 37px;
  margin-bottom: 48px;
}
.ipickup-post .ibtn {
  margin-left: 1px;
}
.ipickup .tab {
  padding: 80px 80px 65px;
  background: #fff;
  box-shadow: 0px 3px 60px 0px rgba(0, 0, 0, 0.1);
}
.ipickup .thead {
  display: flex;
  justify-content: center;
  gap: 3px;
  margin-bottom: 57px;
  padding: 0 10px 3px;
  text-align: center;
  overflow: hidden;
}
.ipickup .thead li {
  --cl: #5ca4ad;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 340px;
  width: 33.3333333333%;
  height: 72px;
  background: var(--cl);
  font-size: 22px;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}
.ipickup .thead li::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 7px solid #fff;
  left: 0;
  right: 0;
  bottom: 8px;
  margin: 0 auto;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
.ipickup .thead li::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: -100vw;
  right: -100vw;
  height: 3px;
  background-color: var(--cl);
  z-index: 1;
  opacity: 0;
}
.ipickup .thead li:nth-child(2) {
  --cl: #37a38a;
}
.ipickup .thead li:nth-child(3) {
  --cl: #ceb58e;
}
.ipickup .thead li.active::before {
  opacity: 1;
  visibility: visible;
}
.ipickup .thead li.active::after {
  opacity: 1;
}
.ipickup .thead li:hover::before {
  opacity: 1;
  visibility: visible;
}
.ipickup .tcontent {
  display: none;
}
.ipickup .tcontent.active {
  display: block;
}
.ipickup .tcontent .row {
  display: grid;
  grid-template-columns: 47.59% auto;
  gap: 0 20px;
  justify-content: space-between;
}
.ipickup .tcontent .ijp2 {
  font-size: 30px;
  margin-top: 10px;
  margin-bottom: 18px;
}
.ipickup .tcontent picture {
  grid-row: 1/span 3;
  grid-column: 2/span 1;
  text-align: left;
}
.ipickup .tcontent .desc {
  margin-bottom: 41px;
}
.ipickup .tcontent .ibtn-line {
  margin-bottom: 24px;
}
.ipickup .tcontent .ibtn-line:last-child {
  margin-bottom: 0;
}
.ipickup .tcontent .ibtn-line a {
  font-size: 18px;
  margin-left: auto;
  margin-right: auto;
  width: 410px;
  padding-left: 16px;
  box-sizing: border-box;
}
.ipickup .tcontent .ibtn-line a::before {
  right: 11px;
}

.iother {
  padding: 83px 0 109px;
  background-color: #fafffc;
}
.iother .wrap {
  position: relative;
}
.iother .ien {
  top: 0;
  right: -118px;
  color: #deece2;
  display: block;
  letter-spacing: 0.05em;
}
.iother .ijp {
  margin-bottom: 51px;
}
.iother .tab {
  padding: 80px 80px 89px;
  background: #fff;
  box-shadow: 0px 3px 60px 0px rgba(0, 0, 0, 0.1);
}
.iother .thead {
  display: flex;
  justify-content: center;
  gap: 3px;
  margin-bottom: 57px;
  padding: 0 10px 3px;
  text-align: center;
  overflow: hidden;
}
.iother .thead li {
  --cl: #5ca4ad;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 340px;
  width: 33.3333333333%;
  height: 72px;
  background: var(--cl);
  font-size: 22px;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  letter-spacing: 0.1em;
  padding-bottom: 3px;
}
.iother .thead li::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 7px solid #fff;
  left: 0;
  right: 0;
  bottom: 8px;
  margin: 0 auto;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
.iother .thead li::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: -100vw;
  right: -100vw;
  height: 3px;
  background-color: var(--cl);
  z-index: 1;
  opacity: 0;
}
.iother .thead li:nth-child(2) {
  --cl: #37a38a;
}
.iother .thead li:nth-child(3) {
  --cl: #ceb58e;
}
.iother .thead li.active::before {
  opacity: 1;
  visibility: visible;
}
.iother .thead li.active::after {
  opacity: 1;
}
.iother .thead li:hover::before {
  opacity: 1;
  visibility: visible;
}
.iother .tcontent {
  display: none;
}
.iother .tcontent.active {
  display: block;
}
.iother .tcontent .txt {
  display: grid;
  grid-template-columns: 46.518% auto;
  justify-content: space-between;
  gap: 0 20px;
  margin-bottom: 64px;
}
.iother .tcontent .ijp2 {
  font-size: 30px;
  margin-top: 10px;
  margin-bottom: 18px;
}
.iother .tcontent picture {
  grid-row: 1/span 3;
  grid-column: 2/span 1;
  text-align: left;
}
.iother .group-bnr {
  display: flex;
  gap: 20px;
}
.iother .ibnr-box {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 220px;
  width: 33.3333333333%;
  max-width: 360px;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
  --ovl: #5ca4ad;
}
.iother .ibnr-box:nth-child(2) {
  --ovl: #37a38a;
}
.iother .ibnr-box:nth-child(3) {
  --ovl: #fad56e;
}
.iother .ibnr-box::before {
  content: "";
  position: absolute;
  background-color: var(--ovl);
  opacity: 0.3;
  inset: 0;
  z-index: -1;
  transition: all 0.3s ease;
}
.iother .ibnr-box::after {
  position: absolute;
  content: "";
  background-image: url(../images/iother_deco1.png), url(../images/iother_deco2.png);
  background-repeat: no-repeat;
  background-size: 56px auto;
  background-position: top left, bottom right;
  inset: 10px;
  margin: auto;
  z-index: 1;
}
.iother .ibnr-box .ibnr-tt {
  font-size: 24px;
  color: #fff;
  margin-bottom: 0;
  line-height: 1.5em;
  padding-bottom: 42px;
  position: relative;
}
.iother .ibnr-box .ibnr-tt::before {
  content: "";
  position: absolute;
  background: url(../images/itrouble-arrow.png) no-repeat;
  background-size: contain;
  aspect-ratio: 88/24;
  width: 44px;
  height: auto;
  bottom: 10px;
  right: 0;
  left: 3px;
  margin: 0 auto;
  filter: brightness(0) invert(1);
}
.iother .ibnr-box picture {
  margin-left: 0;
  position: absolute;
  inset: 0;
  z-index: -2;
}
.iother .ibnr-box picture img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.iother .ibnr-box .link {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: block;
}

.iopinion {
  padding: 90px 0 91px;
  margin: 90px auto 0;
  max-width: 1920px;
  position: relative;
  z-index: 0;
}
.iopinion::before {
  content: "";
  position: absolute;
  inset: 0 37.4% 0 0;
  z-index: 1;
  background-color: #f2f8fd;
  z-index: -1;
}
.iopinion .inner {
  max-width: 100%;
  padding: 0;
}
.iopinion .wrap {
  position: relative;
}
.iopinion .ien {
  color: #e3ecf3;
  top: -66px;
  left: 5px;
  white-space: nowrap;
  line-height: 1.2em;
  letter-spacing: 0.05em;
  z-index: 1;
}
.iopinion .ien span {
  margin-top: 216px;
}
.iopinion .box {
  position: relative;
  margin-left: auto;
  width: min((100vw - 15px) / 2, 952px);
  background: #fff;
  padding: 78px 133px 77px;
}
.iopinion .ijp {
  line-height: 1.1em;
  margin-bottom: 41px;
}
.iopinion .ijp::before {
  margin: 0 auto 10px;
}
.iopinion picture {
  position: absolute;
  top: -8px;
  right: 109.2%;
  width: 689px;
}
.iopinion .desc {
  margin-bottom: 45px;
}
.iopinion .ibtn a {
  margin: 0 auto;
}

.igreet {
  padding: 91px 0 90px;
}
.igreet .wrap {
  position: relative;
}
.igreet .wrap::before {
  content: "";
  position: absolute;
  top: -58px;
  left: calc(-50vw + 50% - 135px);
  width: 363px;
  aspect-ratio: 363/302;
  background: url(../images/igreet-eff1.png) center/contain no-repeat;
}
.igreet .ien {
  color: #deece2;
  z-index: 1;
  white-space: nowrap;
  line-height: 1.2em;
  letter-spacing: 0.05em;
  top: -14px;
  right: -130px;
}
.igreet .box {
  display: grid;
  grid-template-columns: 45.86% auto;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0 20px;
}
.igreet .ijp {
  margin-top: 38px;
  margin-bottom: 30px;
}
.igreet .ig {
  grid-row: 1/span 3;
  grid-column: 2/span 1;
  position: relative;
}
.igreet picture {
  text-align: left;
}
.igreet .igreet-info {
  padding: 9px 25px 5px 24px;
  color: #fff;
  background: #5ca4ad;
  position: absolute;
  right: -15px;
  bottom: 20px;
  z-index: 2;
  text-align: center;
}
.igreet .igreet-info .lb {
  font-size: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding: 0 17px 2px;
  margin-bottom: -5px;
}
.igreet .igreet-info .name {
  font-size: 30px;
  font-weight: 500;
}
.igreet .igreet-info .name .en {
  letter-spacing: 0.1em;
  font-family: var(--f-notosans);
  text-transform: uppercase;
  font-size: 40%;
  font-weight: 400;
  margin-left: 10px;
}
.igreet .desc {
  margin-bottom: 48px;
}
.igreet .ibtn-gr {
  display: flex;
  gap: 26px;
}
.igreet .ibtn {
  max-width: 100%;
  margin: 0;
}
.igreet .ibtn:nth-child(2) a {
  width: 328px;
}
.igreet .ibtn a {
  width: 220px;
  padding: 15px 80px 13px 27px;
}

.iclinic {
  background-color: #e7f4eb;
  padding: 87px 0 90px;
}
.iclinic .inner {
  max-width: 1920px;
  padding: 0;
}
.iclinic .wrap {
  position: relative;
}
.iclinic .ien {
  color: #fff;
  z-index: 1;
  white-space: nowrap;
  line-height: 1;
  letter-spacing: 0.05em;
  top: -6px;
  right: 100%;
  transform: translateX(17px);
}
.iclinic .iclinic-info {
  display: flex;
  justify-content: flex-end;
  gap: 39px;
  max-width: 1822px;
  padding: 0 40px;
  position: relative;
}
.iclinic .iclinic-txt {
  position: relative;
  width: 600px;
  flex-shrink: 0;
}
.iclinic .iadress {
  margin-bottom: 22px;
}
.iclinic .iadress dl {
  display: flex;
}
.iclinic .iadress dt,
.iclinic .iadress dd {
  border: 0px solid transparent;
  border-width: 2px 0;
  font-weight: 500;
  padding: 14px 0 16px;
  letter-spacing: 0.18em;
}
.iclinic .iadress dt {
  border-color: #13a58a;
  padding-left: 25px;
  padding-right: 18px;
  flex-shrink: 0;
}
.iclinic .iadress dd {
  border-color: #dbdbdb;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}
.iclinic .itel {
  font-size: 18px;
  padding-left: 23px;
  line-height: 1;
  margin-bottom: 34px;
}
.iclinic .itel a {
  display: inline-block;
  font-weight: 400;
  font-size: 42px;
  margin-left: 13px;
  letter-spacing: 0.1em;
  line-height: 1;
  transform: translateY(2px);
}
.iclinic .ibtn {
  margin-bottom: 34px;
}
.iclinic .ig {
  position: relative;
}
.iclinic .ig a {
  position: absolute;
  top: -70px;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 1;
  width: fit-content;
}
.iclinic .ibtn a {
  margin: 0 auto;
}
.iclinic .iclinic-ft {
  margin-top: 59px;
  padding: 0 60px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.iclinic .imap {
  width: 100%;
  height: 530px;
  flex-shrink: 0;
}
.iclinic .icalender {
  background-color: #fff;
  padding: 50px 29px 20px;
}
.iclinic .icalender-tt {
  font-size: 30px;
  line-height: 1.4;
  text-align: center;
  position: relative;
  overflow: hidden;
  margin-bottom: 18px;
}
.iclinic .icalender-tt span {
  position: relative;
  z-index: 0;
  padding: 0 28px;
}
.iclinic .icalender-tt span::before, .iclinic .icalender-tt span::after {
  content: "";
  position: absolute;
  top: 2px;
  bottom: 0;
  height: 1px;
  margin: auto 0;
  width: 100vw;
  background-color: #373737;
}
.iclinic .icalender-tt span::before {
  right: 100%;
}
.iclinic .icalender-tt span::after {
  left: 100%;
}

.ifeature {
  padding: 90px 0 79px;
}
.ifeature .wrap {
  display: flex;
  position: relative;
}
.ifeature .ien {
  top: 27px;
  left: -98px;
  color: #e3ecf3;
  letter-spacing: 0.0608333333em;
}
.ifeature .head {
  width: 390px;
  flex-shrink: 0;
  padding-top: 190px;
}
.ifeature .ijp {
  margin-bottom: 50px;
}
.ifeature .ibtn a {
  margin: 0 auto;
  padding-right: 132px;
}
.ifeature .ifeat-txt {
  position: relative;
  margin-left: 150px;
  z-index: 0;
  margin-right: calc(50% - 50vw);
  width: 100vw;
  --cp: 213px;
}
.ifeature .ifeat-txt::before {
  content: "";
  position: absolute;
  top: 0;
  left: -150px;
  right: calc((100vw - 100%) / -2);
  height: 620px;
  background-color: #d1e0ec;
  z-index: -1;
  clip-path: polygon(var(--cp) 0, 100% 0, 100% 100%, var(--cp) 100%, 0 50%);
  pointer-events: none;
}
.ifeature .ifeat-tsld {
  padding-top: 114px;
  overflow: hidden;
}
.ifeature .ifeat-slider {
  width: 543px;
}
.ifeature .slick-list {
  overflow: visible;
}
.ifeature .ifeat-arr {
  position: absolute;
  top: 40px;
  left: 409px;
  width: 227px;
  padding-right: 15px;
}
.ifeature .slick-slide {
  padding-right: 41px;
}
.ifeature .slick-arrow {
  z-index: 1;
  top: 54%;
  width: 44px;
  height: 12px;
  background: center/contain no-repeat;
}
.ifeature .slick-prev {
  left: 0;
  background-image: url("../images/ifeat-arr-left.png");
}
.ifeature .slick-next {
  right: 0;
  background-image: url("../images/ifeat-arr-right.png");
}
.ifeature .ifeat-pagi {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  align-items: flex-end;
}
.ifeature .ifeat-total {
  position: relative;
  font-size: 30px;
  line-height: 1;
  transform: translateX(16px);
}
.ifeature .ifeat-total::before {
  content: "";
  position: absolute;
  top: -34px;
  left: 3px;
  width: 1px;
  height: 70px;
  background-color: #373737;
  transform: rotate(45deg);
}
.ifeature .slick-dots {
  padding-bottom: 11px;
}
.ifeature .slick-dots li {
  display: none;
}
.ifeature .slick-dots li.slick-active {
  display: block;
}
.ifeature .slick-dots li button {
  appearance: none;
  border: none;
  background-color: transparent;
  position: relative;
  font-size: 48px;
  line-height: 1;
  letter-spacing: -0.0208333333em;
  font-family: var(--f-notosans);
}
.ifeature .slick-dots li button::before {
  content: "0";
  display: inline-block;
}
.ifeature .item .txt {
  margin-top: -133px;
  position: relative;
  z-index: 1;
}
.ifeature .item .lb {
  font-size: 20px;
  color: #37a38a;
  background-color: #fff;
  width: 200px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 2px 3px 4px;
  letter-spacing: 0.08em;
  margin-bottom: 9px;
}
.ifeature .item .tt {
  max-width: 100%;
  width: 410px;
  min-height: 64px;
  padding: 15px 17px 15px 22px;
  line-height: 1.4;
  font-size: 24px;
  color: #fff;
  background-color: #37a38a;
  margin-bottom: 31px;
}
.ifeature .item .desc {
  padding-left: 2px;
}
.ifeature .item .desc p {
  letter-spacing: 0.25em;
  line-height: 2.2;
}

.idx_map {
  height: 450px;
}
.idx_map iframe {
  height: 100%;
}

@media (min-width: 1921px) {
  .home_page .key {
    --max-height: calc(100vh - var(--wrapper));
    font-size: 0.5208333333vw;
  }
}
@media (min-width: 1920px) {
  .ipost .box li:nth-child(2) a {
    padding-bottom: 28px;
  }
  .ipost .box li:nth-child(3) a {
    padding-top: 27px;
    padding-bottom: 26px;
  }
  .itrouble .item:nth-child(5), .itrouble .item:nth-child(6), .itrouble .item:nth-child(7) {
    padding-bottom: 46px;
    transform: translateX(1px);
  }
  .itrouble .item:nth-child(5) picture, .itrouble .item:nth-child(6) picture, .itrouble .item:nth-child(7) picture {
    margin-bottom: 31px;
  }
  .itrouble .item:nth-child(2) picture, .itrouble .item:nth-child(4) picture {
    transform: translateY(-1px);
  }
  .itrouble .item:nth-child(5) picture {
    margin-bottom: 43px;
    transform: translateY(4px);
  }
  .itrouble .item:nth-child(6) picture {
    transform: translateY(-1px);
  }
  .itrouble .item:nth-child(7) picture {
    transform: translateY(-1px);
  }
  .ipickup .thead li {
    padding-bottom: 4px;
  }
  .ipickup .tcontent .ijp2 {
    margin-right: 12px;
  }
  .ipickup .tcontent .ijp2 span::before {
    top: 8px;
  }
  .iother .thead li:nth-child(1) {
    padding-left: 15px;
  }
  .iother .thead li:nth-child(2) {
    padding-left: 3px;
  }
  .iother .ijp2 span {
    padding-right: 14px;
  }
  .iother .ijp2 span::before {
    top: 8px;
  }
  .iclinic .ibtn a {
    padding-bottom: 14px;
  }
  .iclinic .ig {
    margin-top: -1px;
    margin-right: -1px;
  }
  .iclinic .time_sheet {
    margin-left: -1px;
  }
  .ifeature .head {
    padding-left: 7px;
  }
  .ipickup .tcontent .ibtn-line {
    padding-right: 23px;
  }
  .ipickup .tcontent .ibtn-line a::before {
    width: 0.7777777778em;
  }
}
@media (min-width: 769px) {
  .ibtn a:hover {
    opacity: 1;
    background-color: #37a38a;
    border-color: #37a38a;
    color: #fff;
  }
  .ibtn a:hover::before {
    filter: brightness(0) invert(1);
  }
  .ibtn-line a:hover {
    opacity: 1;
    color: var(--cl);
  }
  .ibtn-line a:hover::before {
    right: 2px;
  }
  .ibtn-line a:hover::after {
    left: 100%;
  }
  .ipost .box li a:hover {
    background-color: #faf9f9;
    opacity: 1;
    color: var(--cl);
  }
  .itrouble .item:hover {
    background-color: #f7fbfe;
    box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.4);
  }
  .iother .ibnr-box:hover::before {
    opacity: 0.6;
  }
  .iother .ibnr-box .ibnr-tt {
    padding-right: 10px;
  }
  .iopinion .ijp {
    padding-left: 9px;
  }
  .iopinion .ibtn {
    padding-left: 9px;
  }
  .igreet .ijp {
    padding-right: 6px;
  }
  .igreet .desc {
    padding-left: 2px;
  }
  .ifeature .slick-arrow {
    transition: all 0.3s ease;
  }
  .ifeature .slick-arrow:hover {
    opacity: 0.4;
  }
}
@media (min-width: 769px) and (max-width: 1919px) {
  .itrouble .wrap::before {
    width: 14.5833333333vw;
  }
  .itrouble .ien {
    font-size: 6.25vw;
    right: -6.1458333333vw;
  }
  .ipickup .ien {
    font-size: 6.25vw;
    left: -5.3125vw;
  }
  .iother .ien {
    font-size: 6.25vw;
    right: -6.1458333333vw;
  }
  .iopinion {
    margin-top: 5.625em;
    padding: 5.625em 0;
    font-size: 0.8333333333vw;
  }
  .iopinion .ien {
    font-size: 7.5em;
    top: -0.55em;
  }
  .iopinion .ien span {
    margin-top: 1.8em;
  }
  .iopinion .box {
    padding: 4.875em 8.3125em 4.8125em;
  }
  .iopinion .ijp {
    margin-bottom: 0.9761904762em;
    font-size: 2.625em;
    padding-left: 0;
    line-height: 1.2em;
  }
  .iopinion .ijp::before {
    width: 1.5714285714em;
    height: 1.4285714286em;
    margin-bottom: 0.2380952381em;
  }
  .iopinion picture {
    position: absolute;
    top: -0.5em;
    right: 109.2%;
    width: 43.0625em;
  }
  .iopinion .desc {
    margin-bottom: 2.8125em;
    font-size: max(1em, 14px);
  }
  .iopinion .ibtn {
    padding-left: 0;
    font-size: max(1em, 14px);
  }
  .iopinion .ibtn a {
    font-size: 1.125em;
    padding: 0.8333333333em 5.1666666667em 0.7222222222em 1.5em;
  }
  .iopinion .ibtn a::before {
    right: 0.6111111111em;
    width: 0.7777777778em;
  }
  .igreet .wrap::before {
    width: 18.90625vw;
    left: calc(-50vw + 50% - 7.03125vw);
    top: -3.0208333333vw;
  }
  .igreet .ien {
    font-size: 6.25vw;
    right: -6.7708333333vw;
  }
  .iclinic .ien {
    font-size: 6.25vw;
  }
  .iclinic .imap {
    height: 400px;
  }
  .iclinic .icalender {
    padding: 25px 20px 15px;
    height: 27.6041666667vw;
  }
  .ifeature .ien {
    font-size: 6.25vw;
    top: 1.40625vw;
    left: -5.1041666667vw;
  }
}
@media (min-width: 769px) and (max-width: 1560px) {
  .ipost .ipost-wrap::before {
    width: 170px;
  }
  .ipost .ttl {
    font-size: 20px;
  }
  .ipost .box {
    --wtitle: 120px;
    padding: 0 30px 40px;
  }
  .ipost .box ul {
    padding-left: 20px;
    margin-top: 30px;
  }
  .ipost .ibtn-line {
    margin-top: 20px;
  }
  .iclinic {
    padding-top: 5.5769230769vw;
    padding-bottom: 4.4871794872vw;
  }
  .iclinic .ien {
    font-size: 54px;
    transform: translateX(2px);
  }
  .iclinic .iclinic-info {
    font-size: 1.0256410256vw;
    gap: 2.4375em;
    padding-left: 60px;
    padding-right: 60px;
  }
  .iclinic .iclinic-txt {
    width: 38.4615384615vw;
  }
  .iclinic .iadress {
    font-size: 1.0256410256vw;
    margin-bottom: 1.375em;
  }
  .iclinic .iadress dt,
  .iclinic .iadress dd {
    padding-top: 0.875em;
    padding-bottom: 1em;
  }
  .iclinic .iadress dt {
    padding-left: 1.5625em;
    padding-right: 1.125em;
  }
  .iclinic .iadress dd {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
  .iclinic .itel {
    font-size: 1.1538461538vw;
    margin-bottom: 1.8888888889em;
    padding-left: 1.2777777778em;
  }
  .iclinic .itel a {
    font-size: 2.3333333333em;
    margin-left: 0.3095238095em;
    transform: translateY(0.0476190476em);
  }
  .iclinic .ibtn {
    font-size: 1.1538461538vw;
    margin-bottom: 1.8888888889em;
  }
  .iclinic .ibtn a {
    font-size: 1em;
  }
  .iclinic .ibtn a::before {
    right: 0.6111111111em;
    width: 0.7777777778em;
  }
  .iclinic .time_sheet {
    padding: 1.4em 2em 1.9em;
    font-size: 1.1538461538vw;
  }
  .iclinic .time_sheet .note {
    margin-top: 0.7857142857em;
    margin-left: 0.7857142857em;
    font-size: 0.7777777778em;
  }
  .iclinic .ig a {
    width: 17.9487179487vw;
    top: -4.4871794872vw;
  }
  .iclinic .ig picture {
    height: 100%;
  }
  .iclinic .ig picture img {
    height: 100%;
  }
  .iclinic .iclinic-ft {
    margin-top: 40px;
    padding: 0 40px;
  }
  .itrouble .ien {
    top: 148px;
  }
}
@media (min-width: 769px) and (max-width: 1440px) {
  .itrouble .inner {
    max-width: 1400px;
    padding-left: 60px;
    padding-right: 60px;
  }
  .itrouble .ien {
    font-size: 54px;
    top: 140px;
    right: -56px;
  }
  .itrouble .ijp {
    margin-bottom: 30px;
  }
  .itrouble .group {
    font-size: min(1.1111111111vw, 16px);
    --gap: 1.25em;
  }
  .itrouble .item {
    padding: 2.3125em 1.375em 2.75em;
  }
  .itrouble .item::before {
    width: 2.75em;
    bottom: 0.6875em;
    right: 0.75em;
  }
  .itrouble .item:nth-child(1) picture {
    width: 6.4375em;
    height: 5em;
  }
  .itrouble .item:nth-child(2) picture {
    width: 5.9375em;
    height: 5.0625em;
  }
  .itrouble .item:nth-child(3) picture {
    width: 4.375em;
    height: 5em;
  }
  .itrouble .item:nth-child(4) picture {
    width: 4.5em;
    height: 5.0625em;
  }
  .itrouble .item:nth-child(5) picture {
    width: 6.375em;
    height: 4.4375em;
  }
  .itrouble .item:nth-child(6) picture {
    width: 5.6875em;
    height: 5.125em;
  }
  .itrouble .item:nth-child(7) picture {
    width: 4.6875em;
    height: 5.125em;
  }
  .itrouble .item picture {
    margin-bottom: 2.0625em;
  }
  .itrouble .ilist li {
    padding-left: 2.1875em;
    margin-bottom: 0.5em;
    padding-bottom: 0.6875em;
  }
  .itrouble .ilist li::before {
    width: 1.625em;
  }
  .ipickup .inner {
    max-width: 1400px;
    padding-left: 60px;
    padding-right: 60px;
  }
  .ipickup .ien {
    font-size: 54px;
    left: -53px;
    top: 106px;
  }
  .ipickup .ijp {
    margin-bottom: 30px;
  }
  .ipickup-post {
    grid-template-columns: 52% 48%;
  }
  .ipickup-post .ijp2 {
    margin-bottom: 10px;
  }
  .ipickup-post picture::before {
    right: 10px;
  }
  .ipickup-post .desc {
    margin-bottom: 20px;
  }
  .iother .inner {
    max-width: 1400px;
    padding-left: 60px;
    padding-right: 60px;
  }
  .iother .ien {
    font-size: 54px;
    right: -57px;
    top: 106px;
  }
  .iother .ijp {
    margin-bottom: 30px;
  }
  .igreet .inner {
    max-width: 1400px;
    padding-left: 60px;
    padding-right: 60px;
  }
  .igreet .ien {
    font-size: 54px;
    right: -61px;
    top: 0;
  }
  .igreet .ibtn:nth-child(2) a {
    width: 100%;
  }
  .igreet .ibtn a {
    width: 100%;
  }
  .iclinic .icalender-tt {
    font-size: 2.0833333333vw;
    margin-bottom: 1.3194444444vw;
  }
  .ifeature {
    padding: 6.25vw 0 5.4861111111vw;
  }
  .ifeature .ien {
    font-size: 54px;
    left: -20px;
    top: 0;
  }
  .ifeature .head {
    width: 300px;
  }
  .ifeature .ijp {
    margin-bottom: 24px;
  }
  .ifeature .ifeat-txt {
    font-size: 1.1111111111vw;
    margin-left: 6.25em;
    --cp: 11.25em;
  }
  .ifeature .ifeat-txt::before {
    left: -5.25em;
    height: 36em;
  }
  .ifeature .ifeat-tsld {
    padding-top: 5em;
  }
  .ifeature .ifeat-slider {
    width: 30em;
  }
  .ifeature .ifeat-arr {
    top: 1.25em;
    left: 25.5625em;
    width: 14.1875em;
    padding-right: 0.9375em;
  }
  .ifeature .slick-arrow {
    width: 2.75em;
    height: 0.75em;
  }
  .ifeature .ifeat-total {
    font-size: 1.875em;
    transform: translateX(0.5333333333em);
  }
  .ifeature .ifeat-total::before {
    top: -1.1333333333em;
    left: 0.1em;
    height: 2.3333333333em;
  }
  .ifeature .slick-dots {
    padding-bottom: 0.6875em;
  }
  .ifeature .slick-dots li button {
    font-size: 3em;
  }
  .ifeature .slick-slide {
    padding-right: 1.875em;
  }
  .ifeature .item .txt {
    margin-top: -7em;
  }
  .ifeature .item .lb {
    width: 10em;
    height: 2.4em;
    font-size: 1.125em;
    padding: 0 0 0.13em 0;
  }
  .ifeature .item .tt {
    width: 17.0833333333em;
    min-height: 2.6666666667em;
    padding: 0.625em 0.7083333333em 0.625em 0.9166666667em;
    font-size: 1.25em;
    margin-bottom: 1em;
  }
  .ifeature .item .desc p {
    font-size: max(1em, 10px);
  }
}
@media (min-width: 769px) and (max-width: 1280px) {
  .ijp {
    font-size: 36px;
  }
  .ijp2 {
    font-size: 34px;
  }
  .ijp2 span {
    padding-right: 15px;
  }
  .ipost {
    font-size: 1.25vw;
    padding: 5.625em 0;
    margin-top: 5em;
  }
  .ipost .ipost-wrap::before {
    width: 8.75em;
  }
  .ipost .ttl {
    font-size: 1.0625em;
    --wtitle: 5.882352941176471em;
  }
  .ipost .box {
    --wtitle: 6.25em;
    padding: 0 20px 2.5em;
  }
  .ipost .box ul {
    padding-left: 10px;
    margin-top: 1.875em;
  }
  .ipost .box li a {
    --w: 7em;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }
  .ipickup .tab {
    padding: 40px 40px 40px;
  }
  .ipickup .thead {
    margin-bottom: 35px;
  }
  .ipickup .thead li {
    font-size: 20px;
    max-width: 300px;
    height: 3.2em;
  }
  .ipickup .tcontent .ijp2 {
    margin-top: 0;
    margin-bottom: 10px;
  }
  .ipickup .tcontent .desc {
    margin-bottom: 20px;
  }
  .ipickup .tcontent .ibtn-line {
    margin-bottom: 10px;
  }
  .iother .tab {
    padding: 40px 40px 40px;
  }
  .iother .thead {
    margin-bottom: 35px;
  }
  .iother .thead li {
    font-size: 20px;
    max-width: 300px;
    height: 3.2em;
  }
  .iother .tcontent .ijp2 {
    margin-top: 0;
    margin-bottom: 10px;
  }
  .iother .tcontent .txt {
    margin-bottom: 30px;
  }
  .iother .group-bnr {
    font-size: 1.5625vw;
    gap: 1em;
  }
  .iother .ibnr-box {
    height: 11em;
  }
  .iother .ibnr-box::after {
    background-size: 2.8em auto;
  }
  .iother .ibnr-box .ibnr-tt {
    font-size: 1em;
    padding-bottom: 2.1em;
  }
  .iother .ibnr-box .ibnr-tt::before {
    width: 2.2em;
    bottom: 0.5em;
    left: 0.15em;
  }
  .iopinion .box {
    padding-left: 6em;
    padding-right: 6em;
  }
  .iopinion .ien {
    top: 0;
    bottom: 0;
    height: fit-content;
    margin: auto 0;
  }
  .iopinion picture {
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: fit-content;
  }
  .igreet {
    padding: 7.03125vw 0;
  }
  .igreet .ibtn-gr {
    gap: 1.1111111111em;
    font-size: 1.40625vw;
  }
  .igreet .ibtn a {
    font-size: 1em;
    padding: 0.8333333333em 3.6em 0.7222222222em 1.5em;
  }
  .igreet .ibtn a::before {
    right: 0.6111111111em;
    width: 0.7777777778em;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .ibtn a {
    padding: 8px 45px 9px 14px;
    font-size: 16px;
  }
  .ibtn-line a {
    font-size: 16px;
  }
  .ijp {
    font-size: 30px;
  }
  .ijp2 {
    font-size: 28px;
  }
  .itrouble {
    padding: 7.8125vw 0;
  }
  .itrouble .wrap::before {
    right: -80px;
  }
  .itrouble .inner {
    padding-left: 40px;
    padding-right: 40px;
  }
  .itrouble .ien {
    font-size: 44px;
    right: -43px;
  }
  .ipickup {
    padding: 5.859375vw 0 6.8359375vw;
  }
  .ipickup .inner {
    padding-left: 40px;
    padding-right: 40px;
  }
  .ipickup .ien {
    font-size: 44px;
    left: -40px;
  }
  .ipickup-post {
    margin-bottom: 30px;
  }
  .ipickup-post picture {
    padding-right: 32px;
  }
  .ipickup-post .desc {
    padding-right: 10px;
  }
  .ipickup .tcontent .ijp2 {
    font-size: 24px;
  }
  .ipickup .tcontent .ibtn-line a {
    width: 21.25em;
    font-size: 16px;
  }
  .iother {
    padding: 5.859375vw 0;
  }
  .iother .inner {
    padding-left: 40px;
    padding-right: 40px;
  }
  .iother .ien {
    font-size: 44px;
    right: -44px;
  }
  .iother .tcontent .ijp2 {
    font-size: 20px;
  }
  .igreet .inner {
    padding-left: 40px;
    padding-right: 40px;
  }
  .igreet .ien {
    font-size: 44px;
    right: -48px;
  }
  .igreet .ijp {
    margin-top: 0px;
    margin-bottom: 10px;
    padding-right: 0;
  }
  .igreet .desc {
    margin-bottom: 20px;
  }
  .igreet .igreet-info {
    font-size: 1.3671875vw;
    padding: 0.6428571429em 1.0714285714em 0.3571428571em;
  }
  .igreet .igreet-info .lb {
    font-size: 1em;
    padding: 0 0.7142857143em 0.1428571429em;
  }
  .igreet .igreet-info .name {
    font-size: 1.7857142857em;
  }
  .iclinic .ien {
    font-size: 44px;
    transform: translateX(4px);
  }
  .iclinic .iclinic-info {
    gap: 1.8em;
    padding-left: 40px;
    padding-right: 40px;
  }
  .iclinic .iclinic-ft {
    margin-top: 30px;
  }
  .iclinic .iadress {
    font-size: 1.26953125vw;
    margin-bottom: 1.2em;
  }
  .iclinic .iadress dt,
  .iclinic .iadress dd {
    padding-top: 0.775em;
    padding-bottom: 0.7em;
  }
  .iclinic .iadress dt {
    padding-left: 1.2em;
    padding-right: 1em;
  }
  .iclinic .iadress dd {
    padding-left: 1em;
    padding-right: 1em;
  }
  .iclinic .itel {
    margin-bottom: 1.4em;
  }
  .iclinic .ibtn {
    margin-bottom: 1.4em;
  }
  .iclinic .time_sheet {
    padding: 0.8em 1.5em 1.2em;
  }
  .iclinic .ig picture {
    height: auto;
  }
  .iclinic .iclinic-ft {
    gap: 15px;
  }
  .iclinic .icalender {
    padding: 20px 15px 15px;
  }
  .ifeature .head {
    width: 22.4609375vw;
    padding-top: 11.23046875vw;
  }
  .ifeature .ien {
    font-size: 44px;
  }
  .ifeature .ijp {
    margin-bottom: 2.34375vw;
    font-size: 2.9296875vw;
  }
  .ifeature .ibtn a {
    padding-right: 60px;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  .ipickup-post .desc {
    font-size: 13px;
  }
  .ipickup .tab {
    padding: 30px 30px 28px;
  }
  .ipickup .thead {
    margin-bottom: 24px;
  }
  .ipickup .thead li {
    font-size: 16px;
  }
  .ipickup .thead li::before {
    bottom: 3px;
  }
  .ipickup .tcontent .desc {
    font-size: 13px;
  }
  .ipickup .tcontent .ibtn-line a {
    font-size: 1.6129032258vw;
    padding-left: 10px;
  }
  .iother .thead {
    margin-bottom: 24px;
  }
  .iother .thead li {
    font-size: min(1.8604651163vw, 16px);
  }
  .iother .thead li::before {
    bottom: 3px;
  }
  .iother .desc p {
    font-size: 13px;
  }
  .igreet .desc {
    font-size: 13px;
  }
  .ifeature .ifeat-txt {
    margin-left: 5em;
  }
  .ifeature .ifeat-txt::before {
    left: -4em;
  }
  .ifeature .ibtn a {
    font-size: 14px;
  }
}

/*# sourceMappingURL=index_pc.css.map */