@charset "UTF-8";

@media screen and (min-width: 769px) {
  /* ========================================================
ベース設定
=========================================================*/
  :root {
    /* カラー */
    --Text: #2a2a2a;
    --Text_blue: #1a0dab;
    --Main: #db499e;
    --Sub: #77cadd;
    --Accent: #d40000;
    --Back: #f6f6f6;
    --Back_strong: #e7f1f7;
    /* 文字サイズ */
    --FontSizeSP: 10px;
    /* 375px 〜 768px */
    --FontSizeSP2: 4.2666666667vw;
    /* 〜　374px */
  }

  @font-face {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/Noto_Sans_JP_Bold.woff") format("woff");
    font-display: swap;
  }

  @font-face {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/Noto_Sans_JP_Medium.woff") format("woff");
    font-display: swap;
  }

  @font-face {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/Noto_Sans_JP_Regular.woff") format("woff");
    font-display: swap;
  }

  @font-face {
    font-family: "Zen Maru";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/Zen_Maru_Medium.woff") format("woff");
    font-display: swap;
  }

  @font-face {
    font-family: "Zen Maru";
    font-style: bold;
    font-weight: 700;
    src: url("../fonts/Zen_Maru_Bold.woff") format("woff");
    font-display: swap;
  }

  html {
    font-family: "Noto Sans JP";
    line-height: 1.5;
    color: var(--Text);
    font-size: var(--FontSizeSP);
  }

  body {
    font-family: "Noto Sans JP";
    font-size: 1.5rem;
    background-color: #fff;
    color: var(--Text);
    padding: 0;
    margin: 0;
    line-height: 1.5;
    box-sizing: border-box;
    word-break: break-word;
    /* break-wordは非推奨のため、word-breakを使用 */
    font-feature-settings: "palt";
  }

  .forSP {
    display: none;
  }

  .forPC {
    display: block;
  }

  a {
    font-weight: bold;
    text-decoration: underline;
    color: var(--Text_blue);
    transition: all ease 0.3s;
  }

  a:hover {
    opacity: 0.6;
    text-decoration: none;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  /* ========================================================
共通
=========================================================*/

  body {
    background-color: #f6f6f6;
  }

  section {
    width: 750px;
    margin: 0 auto;
  }

  .notes {
  margin: 0 30px;
  font-size: 11px;
}

  /* ========================================================
ヘッダー
=========================================================*/
  .header {
    width: 750px;
    margin: 0 auto;
  }

  .slider.clinicLogo {
    width: 750px;
    margin: 0 auto;
    height: 40px;
    padding-top: 8px;
  }
  .header__logo {
    height: 28px;
  }

  /* ========================================================
ステマ対策
=========================================================*/
  .adTxt {
    text-align: right;
    max-width: 750px;
    /* 横幅 LPに合わせて調整 */
    margin: 0 auto 20px;
    padding: 4px 20px 0;
  }

  .entry .adTxt {
    max-width: 870px;
    /* 横幅 LPに合わせて調整 */
    padding: 0;
  }

  .result_page .adTxt {
    max-width: 640px;
    padding-top: 10px;
  }

  .adTxt span {
    font-size: 18px;
    font-weight: bold;
    border: 1px solid var(--Text);
    /* 枠色 変数名がTextでない場合は変更 */
    padding: 2px 14px;
  }

  .txt--clinicfor {
    text-align: right;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    background-color: #fff;
    padding: 0 20px;
    box-sizing: border-box;
  }

  .result_page .txt--clinicfor {
    max-width: 640px;
    padding: 0;
  }

  .entry__header + .txt--clinicfor {
    background-color: transparent;
  }

  .txt--clinicfor .notes--clinic {
    padding: 0;
  }

  .entry .adTxt,
  .entry .txt--clinicfor {
    background: transparent;
  }

  .entry.clinicfor .entry__header + .adTxt {
    display: none;
  }

  .entry .txt--clinicfor {
    max-width: 870px;
    padding: 0;
  }

  .entry .txt--clinicfor .notes--clinic {
    padding: 0;
  }
  .cost__tab-btn li a {
    font-size: 20px;
  }
  .cost__tab-btn li {
    height: 45px;
  }
  .cost__tab {
    padding: 0 26px;
  }
  .cost__tab-btn {
    margin-top: 6px;
  }
  /* ========================================================
20240606 header ロゴ追加
=========================================================*/
  .header__logo {
    height: 42px;
  }
  .header::before {
    width: 194px;
    height: 42px;
  }

  /* ========================================================
SECTION KINDS
=========================================================*/

  section.kinds {
    margin-top: 0;
    padding: 60px 0 0;
  }
  /* ========================================================
SECTION CAUTION
=========================================================*/
  .caution {
    margin-top: 0px;
    padding-top: 30px;
  }
  /* ========================================================
SECTION TYPE
=========================================================*/

  .type {
    margin-top: 0;
    padding: 0;
  }

  .type_bnr {
    padding-top: 24px;
  }

  .shihan .type {
    padding: 20px 0 0;
  }

  .area .type {
    padding: 24px 0 0;
  }

  .type__bnr.type {
    margin: 0 auto;
    background-color: var(--Back_strong);
  }

  .type-wrap {
    margin-top: 0px;
    padding: 18px 30px 24px;
    gap: 14px;
    align-items: end;
  }
  .type.chiryo {
    padding-top: 50px;
  }
  .type.chiryo .type-wrap {
    padding: 10px 30px;
  }

  .top .type-wrap {
    padding-top: 16px;
  }
  .type__box__head-wrap {
    padding: 10px 0;
  }

  .type__crown-wrap {
    height: 63px;
  }

  .type__crown {
    width: 70px;
    height: auto;
  }

  .type__box:not(:first-of-type) .type__crown {
    width: 60px;
  }

  .type__box:first-of-type .type__crown-wrap::after,
  .area .type__box:first-of-type .type__crown-wrap::after {
    background-size: 100px 57px;
    width: 100px;
    height: 57px;
  }

  .type__box:nth-of-type(2) .type__crown-wrap::after,
  .area .type__box:nth-of-type(2) .type__crown-wrap::after {
    background: url(../img/type_crown02.png) no-repeat center;
    background-size: 58px 43px;
    width: 58px;
    height: 43px;
  }

  .type__box:nth-of-type(3) .type__crown-wrap::after,
  .area .type__box:nth-of-type(3) .type__crown-wrap::after {
    background: url(../img/type_crown03.png) no-repeat center;
    background-size: 58px 43px;
    width: 58px;
    height: 43px;
  }

  .type__box {
    padding: 14px 0;
  }

  .type__box__head-txt {
    font-size: 16px;
  }
  .type__box__head-img {
    width: 70px;
    height: 70px;
    top: -52px;
    left: -55px;
  }
  .type__box__head-img.clinic {
    left: -60px;
  }
  .type__box:nth-of-type(1) .type__box__head::before {
    background-size: 85px;
    width: 85px;
    height: 85px;
    top: -41px;
    left: -79px;
  }
  .type__box:nth-of-type(2) .type__box__head::before {
    background-size: 85px;
    width: 85px;
    height: 85px;
    top: -41px;
    left: -82px;
  }

  .type__box:first-of-type {
    margin-top: 0;
  }
  /* .type__box:nth-of-type(2) .type__logo {
		max-width: 160px;
		margin-top: 14px;
	}

	.type__box:nth-of-type(3) .type__logo {
		max-width: 165px;
		margin-top: 13px;
	} */

  .area .type__box .type__logo-wrap {
    height: 28px;
    margin-top: 10px;
  }

  /* .type__box .type__bnr {
		width: calc(100% - 50px);
	} */

  /* 
	.type__box:not(:nth-of-type(1)) .type__bnr {
		min-height: 110px;
	}

	.type__box:nth-of-type(1) .type__bnr {
		margin-top: 14px;
	} */

  /* .type__box:nth-of-type(2) .type__bnr {
        margin-top: 36px;
    }
*/
  /* .type__box:nth-of-type(3) .type__bnr {
		margin-top: 17px;
	} */

  /* .type__box:nth-of-type(2) .type__txt-wrap {
        margin-top: 26px;
    }

    .type__box:nth-of-type(3) .type__txt-wrap {
        margin-top: 28px;
    } */

  .type__txt-wrap p {
    font-size: 16px;
  }

  .type__txt-wrap small {
    font-size: smaller;
    transform: none;
  }

  .type.cta-btn {
    margin: 0px 24px 0;
    padding: 8px 0;
    font-size: 16px;
    gap: 7px;
  }
  .type.cta-btn::before {
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    border-bottom: solid 2px #fff;
    border-right: solid 2px #fff;
    right: 8%;
    transform: rotate(-45deg);
    top: 17px;
  }

  .ico-arrow {
    margin: 2px 0 0;
  }
  .gairai .type_bnr {
    padding-top: 20px;
  }
  .type.chiryo .type_bnr {
    padding: 10px 60px 0px;
  }
  .type.chiryo .type__box {
    padding: 18px 0 24px;
  }
  .type.chiryo .type__box:not(:first-of-type) {
    margin-top: 42px;
  }
  .type.chiryo .type__box:nth-of-type(1):after,
  .type.chiryo .type__box:nth-of-type(2):after,
  .type.chiryo .type__box:nth-of-type(3):after {
    top: -6%;
  }
  .type.chiryo .type__box .type__bnr {
    max-width: 450px;
  }
  .type.chiryo .type__inside__table-wrap {
    margin-top: 12px;
  }
  .type.chiryo .type__inside__table th {
    font-size: 14px;
    padding: 2px 0;
  }
  .type.chiryo .type__inside__table td {
    font-size: 14px;
  }
  .type.chiryo .type__txt-wrap p {
    font-size: 14px;
  }

  .type.chiryo .type__txt-wrap {
    margin-top: 14px;
  }

  /* ========================================================
SECTION TREATMENT
=========================================================*/
  .treatment {
    margin-top: 0;
    padding-top: 48px;
  }

  /* ========================================================
SECTION EFFECT
=========================================================*/
  section.effect {
    padding-top: 48px;
    margin-top: 0px;
  }

  .effect__head {
    font-size: 20px;
    padding: 12px 0;
  }

  /* ========================================================
SECTION DIFFERENCE
=========================================================*/
  .difference {
    margin-top: 0px;
    background-color: #fff;
    padding: 30px 0 0px;
  }

  .shihan .difference {
    margin-top: 0px;
  }

  .difference > img {
    width: calc(100% - 100px);
    margin: 0 auto;
  }

  .difference__inner {
    padding: 12px 50px 12px;
    margin: 12px 50px 0;
    background-color: var(--Back_strong);
  }

  .difference__txt-wrap {
    margin: 20px 50px 0;
  }

  /* ========================================================
SECTION RECOMMEND
=========================================================*/

  section.recommend {
    max-width: 750px;
    margin: 0px auto 0;
    background-color: #fff;
    padding: 60px 90px;
  }

  .cta-btn.recommend {
    width: calc(100% - 220px);
    margin: 20px auto 0;
  }

  /* ========================================================
SECTION ABOUT
=========================================================*/
  .about {
    margin-top: 0;
    background-color: #fff;
    padding: 40px 56px 0px;
  }

  .about__txt__container {
    padding: 0;
    margin-top: 24px;
  }

  .about__ttl-wrap p {
    font-size: 20px;
  }

  .merit__container {
    padding: 32px 34px;
    margin-top: 32px;
  }

  .merit__lists-wrap {
    padding: 0 120px;
  }

  .merit__summary-wrap {
    width: calc(100% - 240px);
    margin: 12px auto 0;
  }

  /* ========================================================
SECTION FORM
=========================================================*/

  .form {
    background-color: #fff;
    margin-top: 0;
    padding-top: 30px;
  }

  .top_medicine .form {
    margin-top: 0;
  }

  .Refine_Search_Box_Ttl {
    margin: 0 auto;
    width: 100%;
  }

  .Refine_Search_Box_Input {
    margin: 0px auto 0;
    width: calc(100% - 152px);
    padding: 0px 0px 20px;
  }

  .Refine_Search_submit {
    padding-bottom: 40px;
  }

  .form section {
    width: 100%;
  }

  .search__bnr {
    width: 100vw;
  }

  .nayami__list,
  .way__list,
  .price__list,
  .kodawari__list {
    gap: 8px;
  }

  .nayami__list .checkbox_text,
  .radiobtn_text,
  .price__list .checkbox_text,
  .kodawari__list .checkbox_text {
    width: calc((100% - 24px) / 4);
    padding: 8px;
  }

  .radiobtn_text.on,
  .radiobtn_text.on01 {
    width: calc((100% - 24px) / 4);
  }

  .nayami__list .radiobtn_text.on01::after,
  .way__list .radiobtn_text.on::after {
    left: 14px;
  }

  .price__list .radiobtn_text::before {
    left: 38px;
  }

  .price__list .checkbox_text::before,
  .kodawari__list .checkbox_text::before {
    left: 38px;
  }

  .checkbox_icon::before {
    left: -30px;
  }

  .checkbox_text.selected::after,
  .price__list .checkbox_text.selected::after,
  .kodawari__list .checkbox_text.selected::after {
    left: 3px;
    top: 56%;
  }

  .nayami__list .checkbox_text:nth-of-type(3).selected::after,
  .nayami__list .checkbox_text:nth-of-type(4).selected::after {
    top: 56%;
  }

  .top .Refine_Search_cta .cta-btn {
    width: 295px;
    margin: 24px auto 0;
  }
  .Refine_Search_cta input,
  .Refine_Search_cta .noSubmit,
  .Refine_Search_submit input[type="submit"] {
    width: calc(100% - 152px);
    margin-top: 20px;
    font-size: 18px;
    padding: 6px 0;
  }

  /* ========================================================
SECTION CAUTION
=========================================================*/
  .caution__txt {
    font-size: 18px;
    padding: 0 32px;
  }
  .caution__txt:not(:first-of-type) {
    margin-top: 22px;
  }
  /* ========================================================
SECTION MAP
=========================================================*/
  .map__txt {
    font-size: 18px;
    padding: 0 32px;
  }
  .map__txt:not(:first-of-type) {
    margin-top: 20px;
  }

  /* ========================================================
SECTION CHOICE
=========================================================*/
  section.choice {
    margin-top: 0;
    background-color: #fff;
    padding-top: 40px;
  }

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

  .grid__container {
    gap: 20px;
  }

  .choice__kinds__table tr {
    padding: 10px 0;
  }

  .choice__kinds__table th {
    font-size: 20px;
    padding: 6px 0px;
  }

  .choice__kinds__table td {
    font-size: 18px;
  }

  .choice > img {
    margin: 0 auto;
  }

  .choice__container {
    background-color: #fff;
    margin: 20px 60px 0;
  }

  .choice-wrap {
    width: 100%;
    padding: 0;
    gap: 16px;
    background-color: #fff;
    flex-direction: column;
  }

  .choice__txt-wrap {
    padding: 0 18px;
  }

  .choice__img {
    max-height: 200px;
  }

  .choice__box {
    padding: 0px 0px 20px;
    height: 100%;
    width: 100%;
  }

  .choice__box::before {
    width: 60px;
    height: 68px;
    left: 8px;
  }

  .choice__box:nth-of-type(1):before,
  .choice__box:nth-of-type(2):before,
  .choice__box:nth-of-type(3):before {
    background-size: 60px 68px;
  }

  .choice__ttl {
    /* width: calc(100% - 60px); */
    font-size: 20px;
  }

  .choice__txt {
    font-size: 16px;
  }

  .choice__box__table-wrap,
  .choice__box__table {
    width: 100%;
  }

  .choice__box__table-wrap {
    margin-top: 18px;
  }

  .choice__chushaku {
    font-size: 15px;
  }

  /* ========================================================
SECTION RANKING
=========================================================*/
  section.ranking {
    padding: 28px 0 0;
    margin-top: 0;
  }
  section.ranking::before {
    background-size: 100%;
    width: 100%;
    height: 222px;
  }

  .area section.ranking {
    margin-top: 0;
    padding: 54px 0px 0;
  }

  .ranking__box:not(:first-of-type) {
    margin-top: 38px;
  }
  .ranking__bnr {
    background-color: #fff;
  }

  .ranking > img {
    margin: 0 auto;
  }

  .ranking__wrap {
    padding: 30px;
    margin-top: 0;
  }

  .ranking__head {
    padding-left: 80px;
  }

  .ranking__head-wrap {
    margin-top: 20px;
  }

  a.ranking__bnr {
    margin-top: 14px;
  }

  .ranking__head-ttl {
    font-size: 26px;
  }
  .ranking__head::before {
    background-size: 49px 58px;
    width: 49px;
    height: 58px;
  }

  .ranking__box:nth-of-type(1) .ranking__head::before,
  .ranking__box:nth-of-type(2) .ranking__head::before,
  .ranking__box:nth-of-type(3) .ranking__head::before {
    background-size: 69px 55px;
    width: 69px;
    height: 55px;
  }

  .ranking__head-txt {
    font-size: 16px;
  }

  .ranking__bnr__txt-wrap {
    justify-content: center;
  }

  .ranking__box__table {
    margin: 18px auto 0;
  }

  .ranking__box__table tbody {
    width: 100%;
  }

  .ranking__box__table.forSP {
    display: none;
  }

  .ranking__box__table.forPC {
    display: table;
  }

  .razor_ico {
    width: 24px;
    height: 24px;
  }

  .razor__content__exp-body {
    height: 100%;
    justify-content: space-around;
  }

  .razor__content__txt.body {
    margin-top: 2px;
    font-size: 26px;
  }

  .razor__content {
    margin-top: 14px;
  }

  .razor__content__exp {
    grid-template-columns: 47% 1fr;
    margin-top: 6px;
    gap: 20px;
  }

  .razor__content__exp-ttl {
    font-size: 20px;
    border-left: solid 4px #4d3c34;
  }

  .razor__content__exp-txt {
    font-size: 16px;
  }

  .exp-price-wrap {
    margin-top: 0px;
  }

  body .razor__content__exp-price {
    font-size: 18px;
  }

  .razor__content__exp a {
    font-size: 18px;
  }

  .razor__content__head::before,
  .razor__content__head::after {
    background-size: 100%;
    width: 60px;
    height: 60px;
  }

  .ranking___location {
    margin-top: 30px;
  }

  .ranking__bnr__txt {
    font-size: 14px;
  }

  .ranking__point-img-wrap {
    display: flex;
    gap: 14px;
  }

  .ranking___point-wrap {
    margin: 36px auto 0;
  }

  .ranking___point-wrap dl dt {
    font-size: 18px;
    padding-left: 25px;
  }

  .ranking___point-wrap dl dd:first-of-type {
    font-size: 16px;
  }

  .ranking___point-wrap dl dt::before {
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
  }

  .ranking___location__ttl {
    font-size: 18px;
  }

  .ranking___location__ttl::before,
  .ranking___location__ttl::after {
    background-size: 16px 30px;
    width: 16px;
    height: 30px;
  }

  .ranking__cta {
    margin: 24px auto;
  }

  .cta-btn.ranking {
    padding: 20px 64px;
    margin-top: 30px;
    font-size: 20px;
    border-radius: 4px;
  }
  .cta-btn.ranking::after {
    width: 12px;
    height: 12px;
  }

  .ranking__cta-logo.cf {
    padding: 0;
    margin-top: 24px;
  }

  .ranking__box::before {
    margin: 0;
    width: 50%;
  }

  .ranking__box::after {
    margin: 0;
    width: 50%;
  }

  .ranking__ofiicial-wrap {
    width: calc(100% - 152px);
    margin: 8px auto 0;
    font-size: 16px;
  }

  .ranking__price__table {
    width: calc(100% - 152px);
    margin: 24px auto 0;
  }

  .ranking__price__table th {
    padding: 12px 4px;
  }

  .ranking__box__txt__area {
    width: calc(100% - 152px);
    margin: 24px auto 0;
  }

  .ranking__box__table th {
    width: 18%;
    padding: 16px 12px;
    font-size: 14px;
  }

  .ranking__box__table td {
    font-size: 14px;
  }

  .ranking__more-btn {
    width: calc(100% - 360px);
    margin: 60px auto 0;
  }

  .ranking__aco {
    padding: 30px;
    margin-top: 60px;
  }

  .tag__lists__wrap {
    gap: 10px;
  }

  .tag__lists__wrap li {
    font-size: 15px;
  }

  .razor__content__txt.ttl {
    font-size: 22px;
  }

  .ranking__area-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 40px;
    margin-top: 18px;
  }

  /* ========================================================
SECTION HIKAKU
=========================================================*/

  section.hikaku {
    background-color: #fff;
    margin-top: 0;
    padding-top: 20px;
  }

  .hikaku__ttl {
    margin-top: 44px;
  }

  .top_medicine section.hikaku {
    margin-top: 0;
    padding-top: 4px;
  }

  section.hikaku > img {
    margin: 0px auto;
  }

  .hikaku__table-wrap {
    width: calc(100% - 60px);
    margin: 0 auto;
    overflow-x: unset;
  }

  .hikaku__table {
    width: 100%;
    margin: 24px auto 0;
  }

  .gairai .hikaku__table {
    width: 885px;
  }
  .gairai .hikaku__table th {
    width: 110px;
  }

  .hikaku__table th,
  .hikaku__table td {
    font-size: 13px;
  }

  .hikaku__table th {
    width: 15%;
    height: 67px;
  }

  .hikaku__table__eva {
    width: 33px;
  }

  .gairai .hikaku__table td {
    width: auto;
  }

  .hikaku__reserve {
    margin-top: 6px;
  }

  .hikaku__table .cta-btn {
    width: 68%;
    justify-content: center;
  }

  .gairai .hikaku__table .cta-btn {
    width: 78%;
    justify-content: center;
  }

  .hikaku__detail__btn {
    width: 68%;
  }

  .gairai .hikaku__detail__btn {
    width: 78%;
  }

  .hikaku__table .cta-btn::after {
    right: 7px;
  }

  .hikaku__table__logo {
    margin: 0 auto 10px;
  }

  .hikaku__annotation {
    width: 665px;
    margin: 6px auto 0;
  }

  .hikaku__cta__bn {
    margin: 4px auto;
  }

  .cta-btn.hikaku {
    margin: 10px auto 0;
  }

  .hikaku__recommend {
    padding-inline: 30px;
  }

  .difference__table,
  .difference__table th,
  .difference__table td {
    border-collapse: collapse;
    font-size: 12px;
  }

  .difference__table th {
    background-color: var(--Back);
    border: solid 1px var(--Text);
    width: 80px;
    text-align: left;
    padding: 0 8px;
  }

  .difference__table tbody tr:nth-of-type(1) th {
    border: none;
    background-color: unset;
  }

  .difference__table td {
    background-color: #fff;
    border: solid 1px var(--Text);
    width: calc((100% - 80px) / 3);
    padding: 14px;
    vertical-align: baseline;
  }

  .difference__table tbody tr:nth-of-type(1) td {
    border-radius: 8px 8px 0 0;
    border: none;
    background-color: var(--Main);
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-right: solid 4px var(--Back);
    border-left: solid 4px var(--Back);
    vertical-align: middle;
  }

  .difference__table tbody tr:nth-of-type(1) td:nth-of-type(1) {
    border: none;
  }

  .difference__table tbody tr:nth-of-type(1) td:nth-of-type(3) {
    border: none;
  }

  .difference__table tbody tr:nth-of-type(4) td {
    vertical-align: baseline;
  }

  .meds_flex {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .difference__table img {
    margin: 0 auto;
  }

  .difference__table img.meds {
    width: 42.4%;
  }

  .difference__table img.kanpo {
    width: 46%;
  }

  .difference__table img.supplement {
    width: 64%;
  }

  .difference__table td .catch {
    color: var(--Main);
    font-weight: bold;
  }

  /* ========================================================
SECTION SUMMARY
=========================================================*/
  .summary {
    background-color: #fff;
    margin-top: 0;
    padding: 40px 0;
  }

  .summary > img {
    margin: 0 auto;
  }

  .summary-wrap {
    margin-top: 24px;
    padding: 0;
  }

  .summary__txt_wrap {
    width: calc(100% - 110px);
    margin: 0 auto;
  }

  .summary__bnr {
    max-width: 500px;
    margin: 20px auto 0;
  }

  .summary__cta-wrap {
    height: 284px;
  }

  .cta-btn.summary {
    background-color: #e67940;
    padding: 20px 60px;
    width: calc(100% - 110px);
    margin: 20px auto 0;
  }

  /* ========================================================
FOOTER
=========================================================*/

  .footer {
    width: 750px;
    margin-top: 0;
  }

  .top .footer,
  .result_page .footer {
    margin-top: 0;
  }

  .footer__links-wrapper {
    margin: 0 auto;
  }

  .inner.footer__links-inner {
    padding: 0 20px;
    padding-left: 50px;
  }

  .inner.footer__links-inner dl .aco-cont .txt-md {
    margin-top: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  /* ========================================================
検索結果ページ
=========================================================*/
  body.result_page {
    background-color: var(--Back);
  }

  .result_page #CONTENTS {
    width: 750px;
    margin: 0 auto;
    /* padding: 0 54px; */
  }

  #PANKUZU {
    padding: 13px 0;
    background-color: var(--Back);
  }

  .contents.clearfix {
    margin-top: 40px;
  }

  .searchConditions__wrap dl {
    gap: 16px;
  }

  .searchConditions__wrap dt {
    width: 27%;
  }

  .searchConditions__wrap {
    padding: 24px 50px 30px;
  }

  .card__inner::after {
    width: 100%;
    height: 4px;
    top: -33px;
    left: 0;
    margin: 0;
  }

  .result.ng-scope {
    margin-top: 50px;
    padding: 0;
  }

  .imgttl_searchresult,
  .contents.clearfix,
  .card__rank,
  .card__bnr,
  .card__table-container {
    padding: 0 55px;
  }

  .contents.clearfix:last-of-type {
    padding-bottom: 70px;
  }

  .result_page section.ng-scope {
    width: auto;
  }

  /* ========================================================
再検索フォーム
=========================================================*/

  #re_form .radiobtn_text,
  #re_form .checkbox_text {
    width: calc((100% - 136px) / 4);
  }

  .nayami__list,
  .way__list,
  .price__list,
  .kodawari__list {
    margin-top: 14px;
  }

  #re_form .price__list .checkbox_text.selected::after {
    top: 28.5px;
  }

  #re_form .checkbox_text.selected::after {
    left: 8px;
  }

  #re_form .nayami__list .checkbox_text:nth-of-type(3).selected::after,
  #re_form .nayami__list .checkbox_text:nth-of-type(4).selected::after {
    top: 28.5px;
  }

  /* ========================================================
運営者情報
=========================================================*/
  .page-lower .header {
    width: 100%;
  }

  .page-lower h1 {
    font-size: 3.4rem;
  }

  .page-lower h1::before,
  .page-lower h1::after {
    content: "";
    display: block;
    background-image: url(../img/icon_dot_pc.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 26.25rem;
    height: 3.625rem;
    z-index: -1;
  }

  .page-lower h1::after {
    right: 0;
  }

  .page-lower h1::before,
  .page-lower h1::after {
    content: "";
    display: block;
    background-image: url(../img/icon_dot_pc.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 26.25rem;
    height: 3.625rem;
    z-index: -1;
  }

  .page-lower h1::before {
    left: 0;
  }
  .page-lower h2 {
    font-size: 26px;
    padding: 1.3rem 0;
  }

  .page-lower h3 {
    margin-top: 4rem;
    font-size: 1.9rem;
  }

  .page-lower .cm__box {
    margin-top: 2.6rem;
  }

  .page-lower p {
    font-size: unset;
    margin-top: 2rem;
  }

  /* ==========================================================================
entry 記事ページ
=========================================================================== */
  .entry__header h1 {
    font-size: 3.6rem;
  }

  .entry__header {
    margin: 70px auto 100px;
  }

  .pankuzu ul .pankuzu__item {
    line-height: 1;
  }

  .entry h2 {
    border-top: 6px solid #52c3f2;
    position: relative;
    padding: 32px;
    box-sizing: border-box;
    border-bottom: 1px solid #505050;
    margin: 50px auto 0;
    font-size: 2.4rem;
    line-height: 1.5;
  }

  .entry__header h1::before,
  .entry__header h1::after {
    content: "";
    display: block;
    background-image: url(../img/cm_icon_dot_pc.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 26.25rem;
    height: 3.625rem;
    z-index: -1;
  }

  .entry__header h1::before {
    left: 0;
  }

  .entry__header h1::after {
    right: 0;
  }

  .pankuzu ul .pankuzu__item {
    font-size: 1.4rem;
  }

  .table th {
    width: 18%;
  }

  /* ========================================================
地域版
=========================================================*/

  .area__name-wrap {
    width: 170px;
    height: 60px;
    top: 57.7%;
    right: 9.6%;
  }

  .area__name {
    font-size: 3.4rem;
  }

  /* ========================================================
SECTION ONLINE
=========================================================*/
  .top section.online .merit__container {
    background-color: #fff;
    margin-top: 0;
    padding-top: 32px;
  }

  .area section.online {
    margin-top: 0px;
  }

  /* ========================================================
20240830 地域版
=========================================================*/
  .mukokyu .area__name-wrap {
    top: 59.8%;
    right: 11.5%;
  }
  .mukokyu .area__name {
    font-size: 2.8rem;
  }

  /* ========================================================
20241112 検索フォーム地域、ソート追加
=========================================================*/

  .nayami__list .checkbox_text,
  .radiobtn_text,
  .mokuteki__list .checkbox_text {
    width: calc((100% - 24px) / 2);
    padding: 12px 12px 12px 16px;
  }
  .radiobtn_text.on,
  .radiobtn_text.on01 {
    width: calc((100% - 24px) / 2);
  }
  .options_accordion_ul li a {
	font-size: 14px;
  }

  /* ========================================================
  20250515 コラムページ
  =========================================================*/
  .column {
    width: 750px;
    margin: 0 auto;
    background-color: #fff;
  }
  .column__inner {
    margin: 0;
    padding: 40px 30px 40px;
  }
  /* パンくず */
  .breadcrumb {
    width: 750px;
    margin: 0 auto;
    padding: 8px 10px;
  }
  .breadcrumb__item:nth-child(n + 2)::before {
    top: 5px;
    left: 3px;
    width: 9px;
    height: 9px;
  }
  .breadcrumb__icon {
    width: 15px;
  }
  .breadcrumb__link {
    font-size: 12px;
  }
  .breadcrumb__current {
    font-size: 12px;
  }

  /* タイトル */
  .ttl1 {
    padding: 10px 15px;
    font-size: 24px;
  }
  .ttl1::after {
    position: absolute;
    bottom: -11px;
    left: 50%;
    translate: -50% 0;
    width: 47px;
    height: 12px;
    background-color: #1893B2;
    content: "";
    clip-path: polygon(0 0, 100% 0, 50% 100%);
  }
  .ttl2 {
    margin-block: 40px 24px;
    font-size: 22px;
  }
  .ttl3 {
    margin-block: 40px 24px;
    font-size: 20px;
  }
  .ttl3::before {
    top: 11px;
  }

  /* テキスト */
  .txt1 {
    font-size: 16px;
  }

  /* リスト */
  .list1 {
    gap: 12px;
    margin-block: 24px;
  }
  .list1__item {
    font-size: 16px;
  }
  .list1__item::before {
    width: 24px;
    height: 24px;
    font-size: 13px;
  }

  /* ポイント */
  .point-box {
    margin: 40px auto;
    border: 1px solid #20A3AF;
    width: 500px;
  }
  .point-box__ttl {
    font-size: 20px;
  }
  .point-box__body {
    padding: 10px;
  }
  .point-box__txt {
    font-size: 16px;
  }

  /* テーブル */
  .table1 {
    margin-block: 40px;
  }
  .table1__ttl {
    width: 200px;
    padding: 10px;
    font-size: 14px;
  }
  .table1__data {
    font-size: 14px;
  }

  .table2 {
    margin-block: 40px;
  }
  .table2__ttl {
    padding: 10px;
    font-size: 14px;
  }
  .table2__data {
    font-size: 14px;
  }

  /* ボタン */
  .btn-wrap {
    margin-block: 40px;
  }
  .btn-wrap .cta-btn.summary {
    margin-top: 0;
  }

  /* コラムナビ */
  .column-nav {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 20px;
    /* width: 750px; */
    margin: 0 auto;
    background-color: #fff;
  }
  .column-nav__ttl {
    font-size: 14px;
    font-weight: bold;
  }
  .column-nav__list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px 24px;
    margin-top: 10px;
    width: fit-content;
  }
  .column-nav__list--col2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .column-nav__link {
    display: block;
    position: relative;
    padding-left: 18px;
    color: #4D3C34;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
  }
  .column-nav__link::before {
    position: absolute;
    top: 4px;
    left: 0;
    width: 12px;
    height: 12px;
    background-image: url(../img/cm_ico_dots_01.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
  }

  /* ========================================================
  20250520 コラムリスト
  =========================================================*/
  .columns {
    padding: 0 55px 24px;
  }
  .columns__ttl {
    font-size: 16px;
    font-weight: bold;
  }
  .columns__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 4px 24px;
    width: fit-content;
  }

  /* ========================================================
  # 女性いびき
  ======================================================== */
  .woman-here {
    width: 750px;
    margin: 0 auto;
    padding: 20px 0;
  }
  .woman-here__ttl {
    font-size: 18px;
  }
  .woman-here__wrap {
    padding: 12px;
  }
  .woman-here__body {
    gap: 12px;
    padding: 12px 26px 12px 12px;
  }
  .woman-here__txt {
    font-size: 16px;
  }
  .woman-here__btn {
    right: 12px;
    width: 24px;
    height: calc(100% - 24px);
  }
  .woman-here__btn img {
    width: 20px;
    height: 20px;
  }
  .woman-here__link {
    font-size: 16px;
  }

}