@charset "UTF-8";
/* //////////////////////////////////////////////////////////////////////////////////////////////////

PC

////////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (min-width: 768px) {
  /*
  ========================================================================= */
  /* layout レイアウト
  ========================================================================= */
  .side_btn {
    position: fixed;
    right: 0;
    bottom: calc(var(--var-1) * 30);
    z-index: 1000;
    display: block;
    padding: calc(var(--var-1) * 36) calc(var(--var-1) * 30);
    background: var(--cl-blue);
    color: var(--cl-blue-dark);
    border-radius: calc(var(--var-1) * 30) 0 0 calc(var(--var-1) * 30);
    font: 700 calc(var(--var-1) * 18)/1 var(--family-base);
    overflow: hidden;
    transition: 0.3s;
  }
  .side_btn::before {
    content: "";
    display: inline-block;
    width: calc(var(--var-1) * 20);
    height: calc(var(--var-1) * 22);
    background: url(../img/cmn/side_icon.png) no-repeat top/100%;
    transition: 0.3s;
  }
  .side_btn::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    display: block;
    width: 0;
    height: 100%;
    background: var(--cl-blue-dark);
    border-radius: calc(var(--var-1) * 30) 0 0 calc(var(--var-1) * 30);
    transition: 0.3s;
  }
  .side_btn:hover {
    color: var(--cl-blue);
  }
  .side_btn:hover::before {
    filter: brightness(0) saturate(100%) invert(88%) sepia(22%) saturate(141%) hue-rotate(168deg) brightness(95%) contrast(99%);
  }
  .side_btn:hover::after {
    width: 100%;
  }
  .worry {
    margin-top: calc(var(--var-1) * 60);
    padding-bottom: calc(var(--var-1) * 100);
  }
  .worry .worry_content {
    margin-top: calc(var(--var-1) * 40);
    position: relative;
  }
  .worry .worry_content::before, .worry .worry_content::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    width: calc(var(--var-1) * 50);
    height: calc(var(--var-1) * 10);
    background: var(--cl-blue-dark);
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  }
  .worry .worry_content::before {
    bottom: calc(var(--var-1) * -40);
  }
  .worry .worry_content::after {
    bottom: calc(var(--var-1) * -62);
  }
  .worry .worry_content .worry_figure {
    flex-shrink: 0;
    width: calc(var(--var-1) * 340);
    height: calc(var(--var-1) * 240);
  }
  .worry .worry_content .worry_list {
    gap: calc(var(--var-1) * 30) 0;
    width: calc(var(--var-1) * 730);
    padding: calc(var(--var-1) * 35) calc(var(--var-1) * 50);
    background: var(--cl-white);
    position: relative;
  }
  .worry .worry_content .worry_list::before {
    content: "";
    position: absolute;
    bottom: calc(var(--var-1) * -34);
    left: calc(var(--var-1) * 30);
    display: block;
    width: calc(var(--var-1) * 35);
    height: calc(var(--var-1) * 28);
    background: url(../img/top/worry_hukidasi.png) no-repeat top/100%;
    transform: scale(-1, 1);
  }
  .worry .worry_content .worry_list .worry_item {
    gap: calc(var(--var-1) * 10);
    width: calc(var(--var-1) * 304);
    font-size: calc(var(--var-1) * 18);
    line-height: 1;
  }
  .worry .worry_content .worry_list .worry_item::before {
    content: "";
    display: inline-block;
    width: calc(var(--var-1) * 18);
    height: calc(var(--var-1) * 19);
    background: url(../img/cmn/check.png) no-repeat top/100%;
    transform: translateY(calc(var(--var-1) * 1));
  }
  .cause {
    padding-top: calc(var(--var-1) * 50);
    padding-bottom: calc(var(--var-1) * 120);
  }
  .cause .cause_content {
    gap: calc(var(--var-1) * 40);
  }
  .cause .cause_content .cause_txt .cause_ttl {
    align-items: flex-start;
    line-height: 1.5;
  }
  .cause .cause_content .cause_txt .cause_ttl .cause_ttl_sub {
    margin-top: calc(var(--var-1) * 10);
  }
  .cause .cause_content .cause_txt .cause_desc {
    margin-top: calc(var(--var-1) * 24);
    line-height: 2.1;
  }
  .cause .cause_content .cause_figure {
    flex-shrink: 0;
    width: calc(var(--var-1) * 496);
    height: calc(var(--var-1) * 507);
  }
  .cause .cause_btm {
    margin-top: calc(var(--var-1) * 64);
  }
  .cause .cause_btm .cause_txt {
    padding: calc(var(--var-1) * 30) calc(var(--var-1) * 120);
    background: url(../img/top/about_bg_deco.png) bottom, var(--cl-gray-light);
    border-radius: calc(var(--var-1) * 128);
  }
  .cause .cause_btm .cause_txt .cause_lead {
    font: 700 calc(var(--var-1) * 20) var(--family-base);
    padding: calc(var(--var-1) * 10) 0;
    border: calc(var(--var-1) * 3) solid var(--cl-brown-dark);
    border-width: calc(var(--var-1) * 3) 0;
  }
  .cause .cause_btm .cause_txt .cause_desc {
    margin-left: calc(var(--var-1) * 40);
    line-height: 2.1;
  }
  .feat {
    padding-top: calc(var(--var-1) * 50);
    background: var(--cl-gray-light);
  }
  .feat .inner {
    position: relative;
  }
  .feat .inner::before {
    content: "";
    position: absolute;
    top: calc(var(--var-1) * -48);
    left: calc(var(--var-1) * 32);
    display: block;
    width: calc(var(--var-1) * 184);
    height: calc(var(--var-1) * 204);
    background: url(../img/top/reason_deco.png) no-repeat top/100%;
  }
  .feat .feat_list {
    gap: calc(var(--var-1) * 40);
    margin-top: calc(var(--var-1) * 40);
    counter-reset: number 0;
  }
  .feat .feat_list .feat_item .feat_txt {
    width: calc(var(--var-1) * 600);
    margin-top: calc(var(--var-1) * 16);
    position: relative;
  }
  .feat .feat_list .feat_item .feat_txt .feat_lead_deco {
    position: absolute;
    top: calc(var(--var-1) * -14);
    left: 0;
    z-index: 5;
    display: block;
    width: calc(var(--var-1) * 80);
    height: calc(var(--var-1) * 80);
    padding-top: calc(var(--var-1) * 8);
    background: var(--cl-blue);
    color: var(--cl-blue-dark);
    border-radius: 50%;
    font: 700 calc(var(--var-1) * 16)/1 var(--family-base);
    letter-spacing: 0;
    text-align: center;
  }
  .feat .feat_list .feat_item .feat_txt .feat_lead_deco::before {
    content: "0" counter(number);
    counter-increment: number 1;
    display: inline-block;
    margin-bottom: calc(var(--var-1) * 4);
    font: 700 calc(var(--var-1) * 32)/1 var(--family-base);
    letter-spacing: 0.1em;
  }
  .feat .feat_list .feat_item .feat_txt .feat_lead {
    width: calc(var(--var-1) * 600);
    padding: calc(var(--var-1) * 10) 0;
    padding-left: calc(var(--var-1) * 40);
    text-align: center;
    background: var(--cl-white);
    border-radius: calc(var(--var-1) * 40);
    font: 700 calc(var(--var-1) * 22)/1.3 var(--family-base);
    position: relative;
  }
  .feat .feat_list .feat_item .feat_txt .feat_lead::before {
    content: "";
    position: absolute;
    bottom: calc(var(--var-1) * -10);
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    width: calc(var(--var-1) * 20);
    height: calc(var(--var-1) * 10);
    background: var(--cl-white);
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  }
  .feat .feat_list .feat_item .feat_txt .feat_desc {
    margin-top: calc(var(--var-1) * 40);
  }
  .feat .feat_list .feat_item .feat_figure {
    flex-shrink: 0;
    width: calc(var(--var-1) * 440);
    height: calc(var(--var-1) * 250);
  }
  .menu {
    padding: calc(var(--var-1) * 80) 0 calc(var(--var-1) * 60);
    background: url(../img/cmn/wave_white.png) no-repeat bottom/100%, url(../img/relax/menu_bg.png) no-repeat top/cover;
  }
  .menu .menu_content {
    padding: calc(var(--var-1) * 50);
    background: var(--cl-white);
    box-shadow: calc(var(--var-1) * -2) calc(var(--var-1) * 2) calc(var(--var-1) * 5) 0 rgba(33, 52, 93, 0.2);
  }
  .menu .menu_content .menu_list {
    gap: calc(var(--var-1) * 22);
    width: calc(var(--var-1) * 710);
  }
  .menu .menu_content .menu_list .menu_item {
    padding: 0 calc(var(--var-1) * 20) calc(var(--var-1) * 22) calc(var(--var-1) * 20);
    border-bottom: calc(var(--var-1) * 2) solid var(--cl-gray);
    line-height: 1;
  }
  .menu .menu_content .menu_list .menu_item:last-child {
    padding-bottom: 0;
    border: none;
  }
  .menu .menu_content .menu_list .menu_item .menu_item_fee {
    flex-shrink: 0;
    width: calc(var(--var-1) * 90);
    margin-left: calc(var(--var-1) * 20);
  }
  /*
  ========================================================================= */
  /* title タイトル
  ========================================================================= */
  .cmn_ttl {
    font: 700 calc(var(--var-1) * 40)/1 var(--family-base);
  }
  .cmn_ttl .cmn_ttl_sub {
    margin-top: calc(var(--var-1) * 16);
    color: var(--cl-blue-dark);
    font: 400 calc(var(--var-1) * 18)/1 var(--family-en);
  }
  /*
  ========================================================================= */
  /* text テキスト
  ========================================================================= */
  /*
  ========================================================================= */
  /* list リスト
  ========================================================================= */
  /*
  ========================================================================= */
  /* table テーブル
  ========================================================================= */
  /*
  ========================================================================= */
  /* tel 電話番号
  ========================================================================= */
  /*
  ========================================================================= */
  /* times 営業時間・定休日
  ========================================================================= */
  /*
  ========================================================================= */
  /* btn ボタンの設計 
  ========================================================================= */
  .cmn_btn {
    display: block;
    width: calc(var(--var-1) * 340);
    padding: calc(var(--var-1) * 18) 0;
    background: var(--cl-brown);
    color: var(--txt-sub-white);
    border-radius: calc(var(--var-1) * 30);
    font-weight: 700;
    line-height: 1;
    text-align: center;
    position: relative;
  }
  .cmn_btn::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: calc(var(--var-1) * 20);
    display: block;
    width: calc(var(--var-1) * 16);
    height: calc(var(--var-1) * 12);
    background: url(../img/cmn/arw.png) no-repeat top/100%;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(50deg) brightness(101%) contrast(101%);
  }
  /*
  ========================================================================= */
  /*  cmn_info
  ========================================================================= */
  .cmn_info .business_hours {
    padding: calc(var(--var-1) * 1) calc(var(--var-1) * 26) calc(var(--var-1) * 2) calc(var(--var-1) * 20);
    background: var(--cl-brown);
    color: var(--cl-white);
    border-radius: calc(var(--var-1) * 10);
    font: 500 calc(var(--var-1) * 12) var(--family-base);
    letter-spacing: 0.05em;
  }
  .cmn_info .tel {
    text-align: center;
  }
  .cmn_info .tel .tel_number {
    display: block;
    font: 700 calc(var(--var-1) * 32)/1 var(--family-base);
  }
  .cmn_info .tel .tel_number::before {
    content: "";
    display: inline-block;
    width: calc(var(--var-1) * 30);
    height: calc(var(--var-1) * 30);
    background: url(../img/cmn/tel_icon.png) no-repeat top/100%;
    transform: translateY(calc(var(--var-1) * 4));
  }
  .cmn_info .note {
    gap: calc(var(--var-1) * 5);
    margin-left: calc(var(--var-1) * 20);
  }
  .cmn_info .btn_wrap {
    gap: calc(var(--var-1) * 20);
    margin-left: calc(var(--var-1) * 30);
  }
  .cmn_info .btn_wrap .btn {
    width: calc(var(--var-1) * 40);
    height: calc(var(--var-1) * 40);
  }
}
/* //////////////////////////////////////////////////////////////////////////////////////////////////

SP

////////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 767px) {
  /*
  ========================================================================= */
  /* layout レイアウト
  ========================================================================= */
  .side_btn {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1000;
    display: block;
    width: 100%;
    padding: calc(var(--var-1) * 16) 0;
    background: var(--cl-blue);
    color: var(--cl-blue-dark);
    border-radius: calc(var(--var-1) * 30) calc(var(--var-1) * 30) 0 0;
    font: 700 calc(var(--var-1) * 16)/1 var(--family-base);
    text-align: center;
    writing-mode: horizontal-tb;
  }
  .side_btn::before {
    content: "";
    display: inline-block;
    width: calc(var(--var-1) * 16);
    height: calc(var(--var-1) * 18);
    background: url(../img/cmn/side_icon.png) no-repeat top/100%;
    transform: translateY(calc(var(--var-1) * 2));
  }
  .worry {
    margin-top: calc(var(--var-1) * 60);
  }
  .worry .worry_content {
    flex-direction: column-reverse;
    gap: calc(var(--var-1) * 24);
    margin-top: calc(var(--var-1) * 56);
    position: relative;
  }
  .worry .worry_content::before, .worry .worry_content::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    width: calc(var(--var-1) * 50);
    height: calc(var(--var-1) * 10);
    background: var(--cl-blue-dark);
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  }
  .worry .worry_content::before {
    bottom: calc(var(--var-1) * -40);
  }
  .worry .worry_content::after {
    bottom: calc(var(--var-1) * -62);
  }
  .worry .worry_content .worry_figure {
    flex-shrink: 0;
    width: 80%;
    height: calc(var(--var-1) * 178);
    margin: 0 auto;
  }
  .worry .worry_content .worry_figure .worry_img {
    width: 100%;
    height: calc(var(--var-1) * 178);
  }
  .worry .worry_content .worry_list {
    flex-direction: column;
    gap: calc(var(--var-1) * 30) 0;
    width: 100%;
    padding: calc(var(--var-1) * 24) calc(var(--var-1) * 16);
    background: var(--cl-white);
    position: relative;
  }
  .worry .worry_content .worry_list::before {
    content: "";
    position: absolute;
    bottom: calc(var(--var-1) * -34);
    left: calc(var(--var-1) * 30);
    display: block;
    width: calc(var(--var-1) * 35);
    height: calc(var(--var-1) * 28);
    background: url(../img/top/worry_hukidasi.png) no-repeat top/100%;
    transform: scale(1);
  }
  .worry .worry_content .worry_list .worry_item {
    gap: calc(var(--var-1) * 10);
    font-size: calc(var(--var-1) * 16);
    line-height: 1;
  }
  .worry .worry_content .worry_list .worry_item::before {
    content: "";
    display: inline-block;
    width: calc(var(--var-1) * 14);
    height: calc(var(--var-1) * 15);
    background: url(../img/cmn/check.png) no-repeat top/100%;
    transform: translateY(calc(var(--var-1) * 1));
  }
  .cause {
    padding-top: calc(var(--var-1) * 50);
  }
  .cause .cause_content {
    flex-direction: column;
    gap: calc(var(--var-1) * 40);
  }
  .cause .cause_content .cause_txt .cause_ttl {
    align-items: flex-start;
    line-height: 1.5;
  }
  .cause .cause_content .cause_txt .cause_ttl .cause_ttl_sub {
    margin-top: calc(var(--var-1) * 10);
  }
  .cause .cause_content .cause_txt .cause_desc {
    margin-top: calc(var(--var-1) * 24);
    line-height: 2.1;
  }
  .cause .cause_content .cause_figure {
    flex-shrink: 0;
    width: 80%;
    height: calc(var(--var-1) * 258);
    margin: 0 auto;
  }
  .cause .cause_content .cause_figure .cause_img {
    width: 100%;
    height: calc(var(--var-1) * 258);
  }
  .cause .cause_btm {
    margin-top: calc(var(--var-1) * 64);
  }
  .cause .cause_btm .cause_txt {
    padding: calc(var(--var-1) * 30) calc(var(--var-1) * 120);
    background: url(../img/top/about_bg_deco.png) bottom, var(--cl-gray-light);
    border-radius: calc(var(--var-1) * 128);
  }
  .cause .cause_btm .cause_txt .cause_lead {
    font: 700 calc(var(--var-1) * 20) var(--family-base);
    padding: calc(var(--var-1) * 10) 0;
    border: calc(var(--var-1) * 3) solid var(--cl-brown-dark);
    border-width: calc(var(--var-1) * 3) 0;
  }
  .cause .cause_btm .cause_txt .cause_desc {
    margin-left: calc(var(--var-1) * 40);
    line-height: 2.1;
  }
  .feat {
    padding-top: calc(var(--var-1) * 50);
    background: var(--cl-gray-light);
  }
  .feat .inner {
    position: relative;
  }
  .feat .inner::before {
    content: "";
    position: absolute;
    top: calc(var(--var-1) * 44);
    left: calc(var(--var-1) * 26);
    display: block;
    width: calc(var(--var-1) * 64);
    height: calc(var(--var-1) * 72);
    background: url(../img/top/reason_deco.png) no-repeat top/100%;
  }
  .feat .feat_list {
    gap: calc(var(--var-1) * 56);
    margin-top: calc(var(--var-1) * 40);
    counter-reset: number 0;
  }
  .feat .feat_list .feat_item {
    flex-direction: column;
  }
  .feat .feat_list .feat_item .feat_txt {
    position: relative;
  }
  .feat .feat_list .feat_item .feat_txt .feat_lead_deco {
    position: absolute;
    top: calc(var(--var-1) * 10);
    left: calc(var(--var-1) * 14);
    z-index: 5;
    display: block;
    width: calc(var(--var-1) * 56);
    height: calc(var(--var-1) * 56);
    padding-top: calc(var(--var-1) * 8);
    background: var(--cl-blue);
    color: var(--cl-blue-dark);
    border-radius: 50%;
    font: 700 calc(var(--var-1) * 12)/1 var(--family-base);
    letter-spacing: 0;
    text-align: center;
  }
  .feat .feat_list .feat_item .feat_txt .feat_lead_deco::before {
    content: "0" counter(number);
    counter-increment: number 1;
    display: inline-block;
    margin-bottom: calc(var(--var-1) * 2);
    font: 700 calc(var(--var-1) * 24)/1 var(--family-base);
    letter-spacing: 0.1em;
  }
  .feat .feat_list .feat_item .feat_txt .feat_lead {
    padding: calc(var(--var-1) * 16) 0;
    padding-left: calc(var(--var-1) * 48);
    text-align: center;
    background: var(--cl-white);
    border-radius: calc(var(--var-1) * 40);
    font: 700 calc(var(--var-1) * 16)/1.4 var(--family-base);
    position: relative;
  }
  .feat .feat_list .feat_item .feat_txt .feat_lead::before {
    content: "";
    position: absolute;
    bottom: calc(var(--var-1) * -10);
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    width: calc(var(--var-1) * 20);
    height: calc(var(--var-1) * 10);
    background: var(--cl-white);
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  }
  .feat .feat_list .feat_item .feat_txt .feat_desc {
    margin-top: calc(var(--var-1) * 28);
  }
  .feat .feat_list .feat_item .feat_figure {
    flex-shrink: 0;
    margin-top: calc(var(--var-1) * 48);
    width: 100%;
    height: calc(var(--var-1) * 180);
  }
  .feat .feat_list .feat_item .feat_figure .feat_img {
    width: 100%;
    height: calc(var(--var-1) * 180);
  }
  .menu {
    background: url(../img/cmn/wave_white.png) no-repeat bottom/100%, url(../img/relax/menu_bg.png) no-repeat top/cover;
  }
  .menu .menu_content {
    flex-direction: column;
    padding: calc(var(--var-1) * 30);
    background: var(--cl-white);
    box-shadow: calc(var(--var-1) * -2) calc(var(--var-1) * 2) calc(var(--var-1) * 5) 0 rgba(33, 52, 93, 0.2);
  }
  .menu .menu_content .menu_list {
    gap: calc(var(--var-1) * 22);
    margin-top: calc(var(--var-1) * 48);
  }
  .menu .menu_content .menu_list .menu_item {
    flex-direction: column;
    padding: 0 calc(var(--var-1) * 22) calc(var(--var-1) * 16) calc(var(--var-1) * 22);
    border-bottom: calc(var(--var-1) * 2) solid var(--cl-gray);
    line-height: 1;
  }
  .menu .menu_content .menu_list .menu_item:last-child {
    padding-bottom: 0;
    border: none;
  }
  .menu .menu_content .menu_list .menu_item .menu_item_fee {
    flex-shrink: 0;
    margin-top: calc(var(--var-1) * 12);
  }
  /*
  ========================================================================= */
  /* title タイトル
  ========================================================================= */
  .cmn_ttl {
    font: 700 calc(var(--var-1) * 24)/1.3 var(--family-base);
  }
  .cmn_ttl .cmn_ttl_sub {
    margin-top: calc(var(--var-1) * 16);
    color: var(--cl-blue-dark);
    font: 400 calc(var(--var-1) * 16)/1 var(--family-en);
  }
  /*
  ========================================================================= */
  /* text テキスト
  ========================================================================= */
  /*
  ========================================================================= */
  /* list リスト
  ========================================================================= */
  /*
  ========================================================================= */
  /* table テーブル
  ========================================================================= */
  /*
  ========================================================================= */
  /* tel 電話番号
  ========================================================================= */
  /*
  ========================================================================= */
  /* times 営業時間・定休日
  ========================================================================= */
  /*
  ========================================================================= */
  /* btn ボタンの設計 
  ========================================================================= */
  .cmn_btn {
    display: block;
    width: calc(var(--var-1) * 240);
    padding: calc(var(--var-1) * 12) 0;
    background: var(--cl-brown);
    color: var(--txt-sub-white);
    border-radius: calc(var(--var-1) * 30);
    font-weight: 700;
    line-height: 1;
    text-align: center;
    position: relative;
  }
  .cmn_btn::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: calc(var(--var-1) * 20);
    display: block;
    width: calc(var(--var-1) * 14);
    height: calc(var(--var-1) * 10);
    background: url(../img/cmn/arw.png) no-repeat top/100%;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(50deg) brightness(101%) contrast(101%);
  }
  /*
  ========================================================================= */
  /*  cmn_info
  ========================================================================= */
  .cmn_info {
    text-align: center;
  }
  .cmn_info .business_hours {
    display: inline-block;
    padding: calc(var(--var-1) * 2) calc(var(--var-1) * 12);
    background: var(--cl-brown);
    color: var(--cl-white);
    border-radius: calc(var(--var-1) * 10);
    font: 500 calc(var(--var-1) * 12) var(--family-base);
    letter-spacing: 0.05em;
  }
  .cmn_info .tel {
    text-align: center;
  }
  .cmn_info .tel .tel_number {
    display: block;
    margin-top: calc(var(--var-1) * 4);
    font: 700 calc(var(--var-1) * 24)/1 var(--family-base);
  }
  .cmn_info .tel .tel_number::before {
    content: "";
    display: inline-block;
    width: calc(var(--var-1) * 22);
    height: calc(var(--var-1) * 22);
    background: url(../img/cmn/tel_icon.png) no-repeat top/100%;
    transform: translateY(calc(var(--var-1) * 2));
  }
  .cmn_info .note {
    gap: calc(var(--var-1) * 5);
    margin-top: calc(var(--var-1) * 16);
  }
  .cmn_info .btn_wrap {
    gap: calc(var(--var-1) * 32);
    margin-top: calc(var(--var-1) * 32);
  }
  .cmn_info .btn_wrap .btn {
    width: calc(var(--var-1) * 30);
    height: calc(var(--var-1) * 30);
  }
}
/* //////////////////////////////////////////////////////////////////////////////////////////////////

共通コンポーネント

////////////////////////////////////////////////////////////////////////////////////////////////// */
/*
========================================================================= */
/*  breadcrumb(パンくずリスト)
========================================================================= */
.breadcrumb {
  position: relative;
}
.breadcrumb .inner .breadcrumb_list {
  padding-top: calc(var(--var-1) * 18);
  position: absolute;
  gap: calc(var(--var-1) * 24);
  z-index: 100;
}
.breadcrumb .inner .breadcrumb_list .breadcrumb_top a {
  transition: 0.3s;
}
.breadcrumb .inner .breadcrumb_list .breadcrumb_top a:hover {
  color: var(--cl-blue-dark);
  opacity: 0.8;
}
.breadcrumb .inner .breadcrumb_list .breadcrumb_item_secondary,
.breadcrumb .inner .breadcrumb_list .breadcrumb_third {
  color: var(--cl-brown-dark);
}
.breadcrumb .inner .breadcrumb_list .arrow {
  position: relative;
}
.breadcrumb .inner .breadcrumb_list .arrow::before {
  content: ">";
  width: calc(var(--var-1) * 8);
  height: 100%;
  display: block;
  position: absolute;
  right: calc(-1 * var(--var-1) * 16);
}

@media screen and (max-width: 767px) {
  .breadcrumb {
    position: relative;
  }
  .breadcrumb .inner .breadcrumb_list {
    width: 84%;
    position: absolute;
    padding-top: calc(var(--var-1) * 24);
    gap: calc(var(--var-1) * 24);
    z-index: 100;
    overflow-x: scroll;
  }
  .breadcrumb .inner .breadcrumb_list .breadcrumb_item {
    display: inline-block;
    font-size: calc(var(--var-1) * 12);
    flex-shrink: 0;
  }
  .breadcrumb .inner .breadcrumb_list .breadcrumb_item:first-child {
    margin: 0;
  }
  .breadcrumb .inner .breadcrumb_list .breadcrumb_item_secondary,
  .breadcrumb .inner .breadcrumb_list .breadcrumb_third {
    color: var(--cl-brown-dark);
  }
  .breadcrumb .inner .breadcrumb_list .arrow {
    position: relative;
  }
  .breadcrumb .inner .breadcrumb_list .arrow::before {
    content: ">";
    width: calc(var(--var-1) * 8);
    height: 100%;
    display: block;
    position: absolute;
    right: calc(-1 * var(--var-1) * 16);
  }
}
/*
========================================================================= */
/*  no_post
========================================================================= */
.no_post {
  font-size: calc(var(--var-1) * 56);
  font-weight: 700;
  text-align: center;
}

/*
========================================================================= */
/*  copy
========================================================================= */
.copy {
  margin-top: calc(var(--var-1) * 20);
  font: 500 calc(var(--var-1) * 12) var(--family-base);
  text-align: center;
}
.copy .copy_link {
  transition: 0.3s;
}
.copy .copy_link:hover {
  color: var(--cl-blue-dark);
}

@media screen and (max-width: 767px) {
  .copy {
    margin-top: calc(var(--var-1) * 20);
    font: 500 calc(var(--var-1) * 8) var(--family-base);
    text-align: center;
  }
}