<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">*{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html{
  font-size: 62.5%;
  overflow-x: hidden;
  scroll-behavior: smooth;
  scroll-padding-top: 110px;
}
body{
  color: #333333;
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 2em;
}

table{
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

ol,
ul{
  list-style: none;
}

li{
  position: relative;
}

button{
  cursor: pointer;
}

a{
  color: #830032;
  position: relative;
  transition: 0.2s ease-in-out;
  text-decoration: none;
}
a:hover{
  opacity: 0.7;
}

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

::before,
::after{
  background-repeat: no-repeat;
  background-size: contain;
  box-sizing: border-box;
  transition: 0.2s ease-in-out;
}

.mincho{
  font-family: "貂ｸ譏取悃", "Yu Mincho", "貂ｸ譏取悃菴�", "YuMincho", "繝偵Λ繧ｮ繝取�譛� Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "MS PMincho", serif;
}

.lb-data .lb-close{
  z-index: 1;
}

.inner{
  margin-left: auto;
  margin-right: auto;
  max-width: 1230px;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}

.flex{
  display: flex;
  justify-content: space-between;
}

.sp{
  display: none;
}

.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow figure{
    margin-bottom: 20px;
}


.wp-block-image.border img{
  border: 1px solid #CCCCCC;
}

/*-- over 782px  -------------------------------------*/
@media screen and (min-width:782px){
  .wp-block-image.size-full.max img{
    width: 100%;
  }
}

/*-- under 767px  -------------------------------------*/
@media screen and (max-width:767px){
  html{
    font-size: 50%;
    scroll-padding-top: 80px;
  }
  .flex{
    display: block;
  }
  .sp{
    display: block;
  }
  .pc{
    display: none;
  }
}

/*-- under 500px  -------------------------------------*/
@media screen and (max-width:500px){
  .wp-block-image.size-full.max img{
    width: 100%;
  }
}


/*==============================================

繝輔ぉ繝ｼ繝峨う繝ｳ

===============================================*/
.js-fadeUp {
  opacity: 0; 
  transform: translateY(30px); 
  transition: opacity .8s, transform .8s;
}

.js-fadeUp.is-inview {
  opacity: 1; 
  transform: translateY(0);
  transition-delay: .5s;
}

.js-opacity{
  opacity: 0; 
  transition: opacity .8s, transform .8s;
}
.js-opacity.is-inview {
  opacity: 1; 
  transition-delay: .5s;
}

/*==============================================

繝代�繝�

===============================================*/
.gold_line{
  border-bottom: 2px solid #C1B400;
}

/*-- TOP -------------------------------*/
#front-page h2{
  font-size: clamp(28px,5vw,6rem);
  line-height: 1em;
  margin-bottom: clamp(4rem,1.79vw,6rem);
  text-align: center;
}
#front-page h2 span.en{
  color: #830032;
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(14px,1.5vw,18px);
  letter-spacing: 0.1em;
}

#front-page .link_btn a::before{
  display: none;
}

/*-- 荳句ｱ､ -------------------------------*/

#page p,
#blog p{
  margin-bottom: 30px;
  letter-spacing: 0.03em;
}
#page p a,
#blog p a{
  text-decoration: underline;
}

/*~~~~~~~~~~~~~~~~~
谿ｵ關ｽ繝ｻ隕句�縺�
~~~~~~~~~~~~~~~~~~*/
h1,
h2,
h3,
h4,
h5,
h6{
  font-family: "貂ｸ譏取悃", "Yu Mincho", "貂ｸ譏取悃菴�", "YuMincho", "繝偵Λ繧ｮ繝取�譛� Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "MS PMincho", serif;
  line-height: 1.5em;
  position: relative;
}

#page h2,
#blog h2{
  font-size: clamp(24px,3.5vw,4.2rem);
  margin-top: clamp(8rem,8.33vw,10rem);
  margin-bottom: clamp(4.5rem,5vw,6rem);
  padding-left: clamp(50px,9.17vw,11rem);
}
#page h2::before,
#blog h2::before{
  background-color: #830032;
  content: "";
  height: 3px;
  position: absolute;
    top: 50%;
    left: 0;
  transform: translateY(-50%);
  width: clamp(40px,3.33vw,8rem);
}

#page h3,
#blog h3{
  border-left: 3px solid #830032;
  font-size: clamp(20px,2.67vw,3.2rem);
  margin-top: clamp(4.5rem,5vw,6rem);
  margin-bottom: 4rem;
  padding-left: clamp(10px,2.08vw,25px);
}

h3 span.box{
  border: 1px solid #830032;;
  color: #830032;
  font-size: 90%;
  margin-right: 15px;
  padding: 5px 25px;
}

#page h4,
#blog h4{
  border-bottom: 1px solid #830032;
  font-size: clamp(19px,1.58vw,2.4rem);
  margin-top: 5rem;
  margin-bottom: 30px;
  padding-bottom: clamp(10px,1.67vw,20px);
}

#page h4.is-style-noborder,
#blog h4.is-style-noborder{
  border: none;
}

#page h5,
#blog h5{
  font-size: clamp(18px,1.97vw,2rem);
  margin: 30px 0;
  padding-bottom: 14px;
}
#page h5::before,
#blog h5::before{
  background-color: #830032;
  content: "";
  height: 2px;
  position: absolute;
    bottom: 0;
    left: 0;
  width: 4rem;
}

#page h6,
#blog h6{
  font-size: 16px;
  margin: 30px 0;
  color: #830032;
}


/*-- under 767px  -------------------------------------*/
@media screen and (max-width:767px){
  h3 span.box{
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
    text-align: center;
  }
}

/*~~~~~~~~~~~~~~~~~
繝ｪ繧ｹ繝�
~~~~~~~~~~~~~~~~~~*/
#page ol,
#blog ol{
  margin: 40px 0;
  counter-reset: ol_list;
}
#page ol li,
#blog ol li{
  padding-top: clamp(2.5px,0.73vw,7.5px);
  padding-bottom:  clamp(2.5px,0.73vw,7.5px);
  padding-left: clamp(45px,5.37vw,55px);
  padding-right: clamp(2.5px,2.93vw,30px);
  margin-bottom: clamp(20px,2.64vw,27px);
}
#page ol li:last-child,
#blog ol li:last-child{
  margin-bottom: 0;
}
#page ol li::before,
#blog ol li::before{
  background-color: #830032;
  color: #ffffff;
  content: counter(ol_list, decimal-leading-zero);
  counter-increment: ol_list;
  font-family: "貂ｸ譏取悃", "Yu Mincho", "貂ｸ譏取悃菴�", "YuMincho", "繝偵Λ繧ｮ繝取�譛� Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "MS PMincho", serif;
  height: clamp(35px,4.39vw,45px);
  line-height: clamp(35px,4.39vw,45px);
  position: absolute;
    top: 0;
    left: 0px;
  text-align: center;
  width: clamp(35px,4.39vw,45px);
}

#page ul,
#blog ul{
  margin: 40px 0;
}
#page ul li,
#blog ul li{
  margin-bottom: 20px;
  padding-left: 38px;
}
#page ul li::before,
#blog ul li::before{
  background-color: #830032;
  border-radius: 999px;
  content: "";
  height: 18px;
  position: absolute;
    top: 0.4em;
    left: 0;
  width: 18px;
}

#page ul.is-style-border li,
#blog ul.is-style-border li{
  border: 1px solid #CCCCCC;
  padding: 22px clamp(20px,2.5vw,30px);
  padding-left: clamp(38px,5.67vw,68px);
}
#page ul.is-style-border li::before,
#blog ul.is-style-border li::before{
  top: calc(22px + 0.4em);
  left: clamp(15px,2.5vw,30px);
}

/*~~~~~~~~~~~~~~~~~
繝��繝悶Ν
~~~~~~~~~~~~~~~~~~*/
#page .table_wrap,
#blog .table_wrap{
  margin: 40px 0;
  width: 100%;
}

#page table tr td,
#blog table tr td{
  border: 1px solid #CCCCCC;
  min-width: 120px;
  padding: clamp(15px,1.83vw,22px);
}
#page table tr td:first-child,
#blog table tr td:first-child{
  background-color: #EFEFEF;
  padding-left: clamp(15px,3.83vw,46px);
  padding-right: clamp(15px,3.83vw,46px);
}


/*-- under 767px  -------------------------------------*/
@media screen and (max-width:767px){
  .scroll-hint-icon{
    line-height: normal;
  }
  
  #page .table_wrap table,
  #blog .table_wrap table{
    width: 700px;
  }
}



/*~~~~~~~~~~~~~~~~~
繝懊ち繝ｳ繝ｻ繝ｪ繝ｳ繧ｯ邉ｻ
~~~~~~~~~~~~~~~~~~*/
.wp-block-buttons{
  margin-bottom: 30px;
}

.link_btn,
#page .wp-block-button,
#blog .wp-block-button{
  margin: clamp(20px,3.33vw,40px) 0;
}

.link_btn a,
#page .wp-block-button a,
#blog .wp-block-button a{
  background-color: #830032;
  border-radius: 0;
  color: #ffffff;
  display: inline-block;
  min-width: 285px;
  padding: 25px;
  padding-right: 30px;
  text-align: center;
}
.link_btn a::before,
#page .wp-block-button a::before,
#blog .wp-block-button a::before{
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  content: '';
  height: 10px;
  position: absolute;
    top: 50%;
    right: 20px;
  transform: rotate(45deg) translateY(-50%);
  width: 10px;
}
#page .wp-block-button.is-style-outline a,
#blog .wp-block-button.is-style-outline a{
  background-color: #ffffff;
  border: 2px solid #830032;
  color: #830032;
}
#page .wp-block-button.is-style-outline a:hover,
#blog .wp-block-button.is-style-outline a:hover{
  background-color: #F4E8EE;
}

#page .wp-block-button.is-style-outline a::before,
#blog .wp-block-button.is-style-outline a::before{
  border-top: solid 2px #830032;
  border-right: solid 2px #830032;
}


#page .anchor_link{
  display: grid;
  grid-template-columns: repeat(auto-fit, 23.5%);
  column-gap: 2%;
  row-gap: 10px;
  justify-content: center;
}

#page .anchor_link a{
  align-content: center;
  background-color: #830032;
  color: #ffffff;
  display: inline-block;
  line-height: normal;
  padding: clamp(15px,2.08vw,25px);
  padding-right: 35px;
  text-align: left;
  width: 100%;
}
#page .anchor_link a::before{
  content: '';
  width: 10px;
  height: 10px;
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  margin-top: -10px;
  position: absolute;
    top: 50%;
    right: 20px;
  transform: rotate(135deg) translateY(-50%);
}

#page .faq_cat ul{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
#page .faq_cat ul li{
  margin-bottom: 0;
  padding-left: 0;
}
#page .faq_cat ul li::before{
  display: none;
}
#page .faq_cat ul li a{
  align-content: center;
  border: 1px solid #CECECE;
  border-radius: 999px;
  color: #333333;
  display: block;
  font-size: clamp(16px,1.5vw,18px);
  font-weight: 500;
  height: 100%;
  line-height: normal;
  padding: 15px 40px 15px 25px;
}
#page .faq_cat ul li a:hover{
  background-color: #F4E8EE;
  color: #830032;
  opacity: 1;
}
#page .faq_cat ul li a::before{
  border-top: solid 2px #830032;
  border-right: solid 2px #830032;
  content: '';
  height: 10px;
  margin-top: -5px;
  position: absolute;
    right: 25px;
    top: 50%;
  transform: rotate(135deg) translateX(-50%);
  width: 10px;
}


/*-- under 1024px -------------------------------------*/
@media screen and (max-width:1024px) {
  #page .anchor_link{
    grid-template-columns: repeat(3, auto);
    column-gap: 15px;
    justify-content: normal;
  }
  
  #page .faq_cat ul{
    grid-template-columns: repeat(3, 1fr);
  }
}

/*-- under 767px  -------------------------------------*/
@media screen and (max-width:767px){
  #page .faq_cat ul{
    grid-template-columns: repeat(2, 1fr);
  }
  #page .anchor_link{
    grid-template-columns: repeat(2, auto);
  }
  #page .faq_cat ul li a{
    border-radius: 20px;
  }
  
  .link_btn a,
  #page .wp-block-button a,
  #blog .wp-block-button a{
    min-width: 200px;
  }
}


/*~~~~~~~~~~~~~~~~~
縺昴�莉�
~~~~~~~~~~~~~~~~~~*/
/* 豕ｨ諢冗せ */
#page .note{
  background-color: #F4E8EE;
  margin-bottom: clamp(50px,13.02vw,10rem);
  padding: clamp(20px,5.86vw,4.5rem);
}
#page .note h3{
  margin-top: 0;
}
#page .note p:last-child,
#page .note ul:last-child{
  margin-bottom: 0;
}


/* 繝輔Ο繝ｼ */
#page .flow_box_wrap{
  counter-reset: flow_box_number;
}
#page .flow_box_wrap .flow_box{
  border: 1px solid #CCCCCC;
  display: flex;
  margin-bottom: 60px;
  padding: clamp(20px,4.17vw,5rem) clamp(20px,3.75vw,4.5rem);
  position: relative;
}
#page .flow_box_wrap .flow_box:not(:last-child)::before{
  border: 38px solid transparent;
  border-top: 38px solid #830032;
  content: "";
  margin-left: -38px;
  position: absolute;
    top: 100%;
    left: 50%;
}

#page .flow_box_wrap .flow_box p{
 margin-bottom: 0; 
}
#page .flow_box_wrap .flow_box .img_box{
  flex-shrink: 0;
  padding-right: 30px;
  width: clamp(200px,23.33vw,280px);
}

#page .flow_box_wrap .flow_box .text_box{
  width: 100%;
}

#page .flow_box_wrap .flow_box .title{
  border-bottom: 1px solid #830032;
  font-family: "貂ｸ譏取悃", "Yu Mincho", "貂ｸ譏取悃菴�", "YuMincho", "繝偵Λ繧ｮ繝取�譛� Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "MS PMincho", serif;
  font-size: clamp(19px,1.58vw,2.4rem);
  font-weight: bold;
  margin-bottom: 25px;
  padding-top: 10px;
  padding-bottom: 15px;
  padding-left: clamp(120px,15.83vw,19rem);
  position: relative;
}
#page .flow_box_wrap .flow_box .title::before{
  background-color: #830032;
  color: #ffffff;
  content: "STEP" counter(flow_box_number,decimal-leading-zero);
  counter-increment: flow_box_number;
  height: 100%;
  position: absolute;
    top: 0;
    left: 0;
  padding: 14px;
  text-align: center;
  width: clamp(110px,13.75vw,16.5rem);
}

/*-- under 767px  -------------------------------------*/
@media screen and (max-width:767px){
  #page .flow_box_wrap .flow_box{
    display: block;
  }
  #page .flow_box_wrap .flow_box .img_box,
  #page .flow_box_wrap .flow_box .img_box img{
    padding: 0;
    width: 100%;
  }
  #page .flow_box_wrap .flow_box .img_box{
    margin-bottom: 20px;
  }
  
  #page .flow_box_wrap .flow_box .title{
    font-weight: bold;
    padding-top: 0;
    padding-left: 0;
  }
  #page .flow_box_wrap .flow_box .title::before{
    display: block;
    margin-bottom: 20px;
    padding: 5px;
    position: static;
    width: 100%;
  }
}


/* 縺雁峅繧贋ｺ� */
#page .worries_box{
  background-color: #ffffff;
  border: 1px solid #CCCCCC;
  margin-bottom: clamp(30px,4.88vw,5rem);
  padding: clamp(40px,5vw,6rem) clamp(20px,3.75vw,4.5rem) 20px;
}
#page .worries_box h3,
#page .worries_box h4{
  margin-top: 0;
}
#page .worries_box ol{
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(3, auto);
  margin-bottom: 0;
}
#page .worries_box.row_02 ol{
  grid-template-rows: repeat(2, auto);
}
#page .worries_box.row_04 ol{
  grid-template-rows: repeat(4, auto);
}

#page .worries_box.column ol{
  grid-auto-flow: row;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
}

#page .worries_box ol li strong{
  font-size: 110%;
}

/*-- under 767px  -------------------------------------*/
@media screen and (max-width:767px){
  #page .worries_box{
    padding-bottom: 40px;
  }
  #page .worries_box ol{
    grid-auto-flow: row;
  }
  #page .worries_box.column ol{
    grid-template-columns: repeat(1, 1fr);
  }
}

/* Before繝ｻAfter 01 */
.before_after{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 clamp(4rem,6.67vw,8rem);
}
.before_after .before_box .img_box,
.before_after .after_box .img_box{
  background-size: cover;
  aspect-ratio: 3 / 2;
  position: relative;
  width: 100%;
}

.before_after .before_box .img_box::after,
.before_after .after_box .img_box::after{
  color: #ffffff;
  display: block;
  font-family: "貂ｸ譏取悃", "Yu Mincho", "貂ｸ譏取悃菴�", "YuMincho", "繝偵Λ繧ｮ繝取�譛� Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "MS PMincho", serif;
  font-size: clamp(20px,2vw,24px);
  padding: clamp(5px,1.25vw,15px);
  position: absolute;
    bottom: 0;
  text-align: center;
  width: 100%;
}
.before_after .before_box .img_box::after{
  background-color: #AAAAAA;
  content: "before";
}
.before_after .after_box .img_box::after{
  background-color: #C1B400;
  content: "after";
}

.before_after .before_box p:first-of-type,
.before_after .after_box p:first-of-type{
  margin-top: 20px;
}


/*-- under 767px  -------------------------------------*/
@media screen and (max-width:767px){
  .before_after{
    display: block;
  }
  .before_after .before_box{
    margin-bottom: 20px;
  }
}

/* 繧医￥縺ゅｋ雉ｪ蝠� */
#page .faq_item{
  background-color: #ffffff;
  border-left: 4px solid #830032;
  margin-bottom: 20px;
  position: relative;
  padding: 20px 45px 20px 20px;
}
#page .faq_item::before,
#page .faq_item::after{
  content: '';
  display: inline-block;
  position: absolute;
  top: 27px;
  right: 25px;
  width: 1px;
  height: 18px;
  background-color: #533D00;
}
#page .faq_item::after{
  transform: rotate(90deg);
}
#page .faq_item.open::before{
  display: none;
}


#page .faq_item .question{
  font-size: clamp(17.5px,1.43vw,20px);
  font-weight: 700;
  margin-bottom: 0;
}
#page .faq_item .answer{
  display: none;
  margin-bottom: 0;
  padding: 20px 0 10px clamp(15px,2.93vw,30px);
}

#page .faq_item .answer p{
  margin-bottom: 15px;
}

#page .faq_item .answer p:last-child{
  margin-bottom: 0;
}


/* 蟾ｦ蜿ｳ繝ｬ繧､繧｢繧ｦ繝� 01 */
#page .left_contents,
#page .right_contents{
  margin-bottom: clamp(50px,13.02vw,10rem);
}

#page .left_contents img,
#page .right_contents img{
  height: 100%;
  object-fit: cover;
  width: 100%;
}

#page .left_contents.type_01,
#page .right_contents.type_01{
  padding: 8rem 0;
  position: relative;
}
#page .left_contents.type_01,
#page .right_contents.type_01{
  margin-right:calc(50% - 50vw);
  margin-left:calc(50% - 50vw);
}

#page .left_contents.type_01 .inner,
#page .right_contents.type_01 .inner{
  align-items: center;
  display: flex;
  justify-content: space-between;
}
#page .left_contents.type_01 .inner{
  flex-flow: row-reverse;
}

#page .left_contents.type_01 .img_box,
#page .right_contents.type_01 .img_box{
  aspect-ratio: 1 / 1;
  width: 48%;
}
#page .left_contents.type_01 .text_box,
#page .right_contents.type_01 .text_box{
  width: 48%;
}

#page .left_contents.type_01::before,
#page .right_contents.type_01::before{
  background-color: #F4E8EE;
  content: "";
  height: 100%;
  min-height: 740px;
  position: absolute;
    top: 0;
  z-index: -1;
  width: 65%;
}
#page .right_contents.type_01::before{
  right: 0;
}
#page .left_contents.type_01::before{
  left: 0;
}

/*-- under 767px  -------------------------------------*/
@media screen and (max-width:767px){
  #page .left_contents.type_01 .inner,
  #page .right_contents.type_01 .inner{
    display: block;
  }
  #page .left_contents.type_01 .img_box,
  #page .right_contents.type_01 .img_box,
  #page .left_contents.type_01 .text_box,
  #page .right_contents.type_01 .text_box{
    width: 100%;
  }
  #page .left_contents.type_01 .img_box,
  #page .right_contents.type_01 .img_box{
    aspect-ratio: auto;
  }
  #page .left_contents.type_01 .text_box,
  #page .right_contents.type_01 .text_box{
    background-color: #ffffff;
    padding: 20px 15px 20px;
  }
  
}


/* 蟾ｦ蜿ｳ繝ｬ繧､繧｢繧ｦ繝� 02 */
#page .right_contents.type_02{
  background-color: #F4E8EE;
  display: flex;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  width: 100vw;
}
#page .right_contents.type_02 .img_box{
  width: 50%;
}
#page .right_contents.type_02 .text_box{
  align-content: center;
  background-color: #ffffff;
  font-size: clamp(14px,1.14vw,16px);
  max-width: 680px;
  margin: 10rem 0;
  padding: clamp(3rem,5vw,6rem);
  position: relative;
    left: -8rem;
  width: 50%;
}
#page .right_contents.type_02 .text_box p:last-child{
  margin-bottom: 0;
}

/*-- under 767px  -------------------------------------*/
@media screen and (max-width:767px){
  #page .right_contents.type_02{
    display: block;
  }
  #page .right_contents.type_02 .img_box{
    width: 100%;
  }
  #page .right_contents.type_02 .text_box{
    max-width: 100%;
    margin: 0 auto;
      top: -50px;
      left: 0;
    width: 94%;
  }
}

/*==============================================

繝壹�繧ｸ繝医ャ繝励∈謌ｻ繧�

===============================================*/
#page_top_btn{
  background-color: #830032;
  border: 2px solid #ffffff;
  border-radius: 999px;
  cursor: pointer;
  height: 50px;
  position: fixed;
    right: 10px;
    bottom: 80px;
  z-index: 50;
  width: 50px;
}
#page_top_btn a{
  border: 12px solid transparent;
  border-bottom: 12px solid #ffffff;
  content: "";
  margin-top: 3.5px;
  margin-left: -12px;
  position: absolute;
    top: 0;
    left: 50%;
}

/*-- under 767px  -------------------------------------*/
@media screen and (max-width:767px){
  #page_top_btn{
    bottom: 65px;
  }
}


/*==============================================

繝倥ャ繝繝ｼ

===============================================*/
.header_wrap{
  padding-top: env(safe-area-inset-top);
  padding-left: env(safe-area-inset-left);
  position: fixed;
    top: 0;
    left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  width: 100%;
}

header{
  background-color: rgba(131,0,50,0.8);
  height: 100px;
  width: 100%;
}
header .inner,
header .pc_nav{
  align-items: center;
  display: flex;
  justify-content: space-between;
}
header .logo img{
  max-width: clamp(290px,17.71vw,340px);
  width: 100%;
}
header ul.pc_nav li{
  position: relative;
}
header ul.pc_nav li a{
  color: #ffffff;
  display: block;
  font-size: 14px;
  line-height: normal;
  padding: 14px clamp(10px,1.43vw,20px);
  text-align: center;
}
header ul.pc_nav li a img{
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  width: 50px;
}

header ul.pc_nav li ul.level_02{
  display: none;
}

header ul.pc_nav li.dropdown.column_02:hover ul.level_02{
  display: flex;
  flex-wrap: wrap;
  width: 300px;
}
header ul.pc_nav li.dropdown.column_02 ul.level_02 li{
  align-content: center;
  width: 50%;
}

header ul.pc_nav li.dropdown:hover ul.level_02{
  background-color: rgba(131,0,50,0.8);
  display: block;
  position: absolute;
    top: 100%;
    left: 50%;
  transform: translateX(-50%);
}
header ul.pc_nav li ul.level_02 &gt; li &gt; a{
  padding: 15px 5px;
  width: 150px;
}

header .tel{
  display: flex;
  flex-wrap: wrap;
  max-width: 210px;
}

header .tel p{
  color: #ffffff;
  font-size: clamp(24px,2.5vw,26px);
  font-weight: bold;
  letter-spacing: 0.02em;
  padding-left: 35px;
  position: relative;
  width: 100%;
}

header .tel p::before{
  background-image: url("../img/common/icon_tel_w.png");
  content: "";
  height: 28px;
  position: absolute;
    top: 0;
    left: 0;
  width: 22px;
}

header .tel a{
  background-color: #F4E8EE;
  border-radius: 5px;
  font-size: 14px;
  margin-top: 5px;
  /* max-width: 100px; */
  text-align: center;
  width: 100%;
}

header .tel a::before{
  content: "";
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

header .tel a:first-of-type::before{
  background-image: url(../img/common/icon_pencil.png);
  height: 17px;
  width: 17px;
}

header .tel a:last-of-type::before{
  background-image: url(../img/common/icon_mail.png);
  height: 14px;
  width: 18px;
}

.sp_nav{
  display: none !important;
}

/*-- under 1024px  -------------------------------------*/
@media screen and (max-width:1024px){
  header{
    padding: 5px 0;
    height: 70px;
  }
  header .logo{
    max-width: 200px;
  }
  
  .pc_nav{
    display: none !important;
  }
  .sp_nav{
    display: block !important;
  }
  
/*~~~~~~~~~~~~~~~~~
繝上Φ繝舌�繧ｬ繝ｼ繝｡繝九Η繝ｼ
~~~~~~~~~~~~~~~~~~*/
  header .tel_sp{
    position: absolute;
    right: 70px;
  }
  
  header .tel_sp a{
    background-color: #FFFFFF;
    border-radius: 5px;
    color: #830032;
    display: block;
    font-size: 11px;
    height: 48px;
    text-align: center;
    width: 48px;
  }
  
  header .tel_sp a::before{
    background-image: url(../img/common/icon_tel_r.png);
    content: "";
    display: block;
    height: 22px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 5px;
    width: 18px;
  }
  
  header .hamburger_btn{
    height: 45px;
    position: relative;
    width: 45px;
  }
  header .hamburger_btn::after{
    color: #ffffff;
    content: "MENU";
    font-size: 13px;
    line-height: 1em;
    position: absolute;
      bottom: 0;
    text-align: center;
    width: 40px;
    z-index: 110;
  }
  header .hamburger_btn span{
    background-color: #ffffff;
    display: block;
    height: 2px;
    position: absolute;
    transition: 0.4s all;
    width: 40px;
  }
  
  header .hamburger_btn span:nth-child(1){
    top: 0;
  }
  header .hamburger_btn span:nth-child(2){
    top: 11px;
  }
  header .hamburger_btn span:nth-child(3){
    top: 22px;
  }
  
  /*open譎�*/
  header .hamburger_btn.active span:nth-child(1){
    transform: rotate(45deg);
    top: 12px;
  }
  header .hamburger_btn.active span:nth-child(2){
     opacity: 0;
  }
  header .hamburger_btn.active span:nth-child(3){
    transform: rotate(-45deg);
    top: 12px;
  }
  header .hamburger_btn.active::after{
    content: "\9589\3058\308B";
  }
  
  
  .hamburger_menu{
    background-color: rgba(204,204,204,90%);
    padding-top: 70px;
    height: 100vh;
    position: fixed;
      top: -120%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    transition: 0.6s all;
    width: 100%;
    z-index: 98;
  }
  
  /*open譎�*/
  .hamburger_menu.active{
    top: 0;
  } 
  .hamburger_menu &gt; ul{
    background-color: #ffffff;
    padding-top: 5px;
  }
  .hamburger_menu ul li{
    background-color: #ffffff;
    text-align: center;
  }
  .hamburger_menu &gt; ul &gt; li &gt; span,
  .hamburger_menu &gt; ul &gt; li &gt; a{
    border-bottom: 1px solid #CCCCCC;
    color: #333333;
    display: block;
    padding: 10px;
    padding-left: 45px;
    padding-right: 45px;
    position: relative;
  }

  .hamburger_menu &gt; ul &gt; li &gt; span::before,
  .hamburger_menu &gt; ul &gt; li &gt; span::after{
    content: '';
    display: inline-block;
    position: absolute;
      right: 30px;
    width: 2px;
    height: 30px;
    background-color: #830032;
  }
  .hamburger_menu &gt; ul &gt; li &gt; span::after{
    transform: rotate(90deg);
  }
  .hamburger_menu &gt; ul &gt; li.open &gt; span::before{
     transform: rotate(90deg);
  }

  
  .hamburger_menu ul.level_02{
    display: none;
  }
  .hamburger_menu ul.level_02 li a{
    background-color: #C1B400;
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
    display: block;
    padding: 10px;
  }
}


/*==============================================

繝ｻMV
繝ｻ荳句ｱ､MV
繝ｻ繧ｵ繧､繝峨リ繝�

===============================================*/
#mainvisual{
  height: clamp(600px,71.67vw,860px);
  position: relative;
}
#mainvisual .mv_img{
  height: 100%
}
#mainvisual .mv_img img{
  height: 100%;
  object-fit: cover;
  object-position: left;
  width: 100%;
}

#mainvisual .mv_text{
  color: #830032;
  font-weight: bold;
  position: absolute;
    top: 55%;
    left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
}
#mainvisual .mv_text p.catch_copy{
  font-size: 7rem;
  line-height: 1em;
}

/*~~~~~~~~~~~~~~~~~
荳句ｱ､MV
~~~~~~~~~~~~~~~~~~*/
#page,
#blog{
  margin-top: 100px;
  padding-bottom: 10rem;
}

#page.back_color,
#blog.back_color{
  padding-bottom: 0;
}

#sub_mv{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 500px;
  position: relative;
}
#sub_mv::before{
  background-color: #cccccc;
  content: "";
  height: 100%;
  mix-blend-mode: multiply;
  position: absolute;
    top: 0;
    left: 0;
  width: 100%;
}
#sub_mv img{
  height: 100%;
  object-fit: cover;
}

#sub_mv .title{
  color: #ffffff;
  font-size: clamp(28px,5.86vw,6rem);
  font-weight: bold;
  line-height: normal;
  padding-bottom: clamp(15px,2.44vw,25px);
  position: absolute;
    top: 50%;
    left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
  width: 100%;
}
#sub_mv .title::before{
  background-color: #ffffff;
  content: "";
  height: 3px;
  position: absolute;
    left: 50%;
    bottom: 0;
  transform: translateX(-50%);
  width: clamp(60px,7.81vw,80px);
}


.blog #sub_mv,
.category #sub_mv,
.single #sub_mv{
  background-image: url("../img/sub-header/img_header_blog.jpg");
}

.post-type-archive-clinic-blog #sub_mv,
.tax-clinic-blog-category #sub_mv,
.single-clinic-blog #sub_mv{
  background-image: url("../img/sub-header/img_header_clinic-blog.jpg");
}

.post-type-archive-news #sub_mv,
.single-news #sub_mv{
  background-image: url("../img/sub-header/img_header_news.jpg");
}

.post-type-archive-case #sub_mv,
.tax-case-category #sub_mv,
.single-case #sub_mv{
  background-image: url("../img/sub-header/img_header_case.jpg");
}


/*-- under 1024px  -------------------------------------*/
@media screen and (max-width:1024px){
  #page,
  #blog{
    margin-top: 70px;
  }
  #sub_mv{
    height: clamp(200px,48.83vw,500px);
  }
}

  
/*~~~~~~~~~~~~~~~~~
繧ｵ繧､繝峨Μ繝ｳ繧ｯ
~~~~~~~~~~~~~~~~~~*/
#side_link{
  display: none;
  flex-flow: column;
  position:fixed;
    top: 50%;
    right: -3px;
  transform: translateY(-50%);
  z-index: 10;
}
#side_link a{
  background-color: #F4E8EE;
  border: 3px solid #830032;
  border-radius: 15px 0 0 15px;
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin: 5px 0;
  padding: 22px;
  padding-top: 50px;
  
  text-orientation: upright;
  writing-mode: vertical-rl;
  width: 80px;  
}

#side_link a::before{
  content: "";
  position: absolute;
    top: 20px;
    left: 50%;
  transform: translateX(-50%);
}
#side_link a:first-child::before{
  background-image: url("../img/common/icon_pencil.png");
  height: 25px;
  width: 25px;
}
#side_link a:nth-child(2)::before{
  background-image: url("../img/common/icon_mail.png");
  height: 26px;
  width: 35px;
}

/*-- under 767px  -------------------------------------*/
@media screen and (max-width:767px){
  #side_link{
    display: flex;
    flex-flow: row;
    top: auto;
    right: 0;
    bottom: 0;
    transform: translateY(0);
    width: 100%;
  }
  #side_link a{
    background-color: #C1B400;
    border: none;
    border-radius:0;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    margin: 0;
    padding: 10px;
    text-align: center;
    width: 100%;
    writing-mode: horizontal-tb;
  }
  #side_link a:not(:last-child){
    border-right: 2px solid #ffffff;
  }
  #side_link a::before{
    display: inline-block;
    margin-right: 10px;
    position: relative;
      top: 7px;
      left: 0;
    transform: translateX(0);
  }
  #side_link a:first-child::before{
    background-image: url("../img/common/icon_sheet.png");
  }
  #side_link a:nth-child(2)::before{
    background-image: url("../img/common/icon_mail_g.png");

  }
}

/*==============================================

繝代Φ縺上★繝ｪ繧ｹ繝�

===============================================*/
#breadcrumb ul li{
  display: inline-block;
  margin-bottom: 0;
  padding-left: 0;
}
#breadcrumb ul li::before{
  display: none;
}
#breadcrumb ul li a{
  color: #333333;
  text-decoration: underline;
}
#breadcrumb ul li a::after{
  content: "/";
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}

/*-- under 767px  -------------------------------------*/
@media screen and (max-width:767px){
  #breadcrumb ul{
    font-size: 14px;
    margin: 20px 0;
  }
}


/*==============================================

繝輔ャ繧ｿ繝ｼ

===============================================*/
footer{
  border-top: 1px solid #CCCCCC;
  padding-top: 8rem;
}
footer #footer_info #info_text,
footer #footer_info #info_map{
  width: 48.5%;
}
footer #footer_info #info_text .info{
  margin-bottom: 20px;
  padding-left: 13.5rem;
  position: relative;
}
footer #footer_info #info_text .info::before{
  background-image: url("../img/common/logo_symbol.png");
  content: "";
  display: block;
  height: clamp(80px,8.33vw,100px);
  position: absolute;
    top: 0;
    left: 0;
  width: clamp(90px,9.17vw,110px);
}
footer #footer_info #info_text .info img{
  margin-bottom: 2rem;
  max-width: 280px;
  width: 100%;
}
footer #footer_info #info_text .info p{
  line-height: normal;
}
footer #footer_info .flex{
  align-items: center;
  justify-content: flex-start;
}
footer #footer_info #info_text .tel{
  color: #830032;
  font-size: clamp(20px,2.5vw,3rem);
  margin-right: clamp(10px,3.42vw,3.5rem);
  padding-left: clamp(26px,2.92vw,35px);
  position: relative;
}
footer #footer_info #info_text .tel::before{
  background-image: url("../img/common/icon_tel_r.png");
  content: "";
  height: 28px;
  position: absolute;
    top: 0;
    left: 0;
  width:22px;
}
footer #footer_info #info_text .map_btn a{
  border: 2px solid #830032;
  border-radius: 999px;
  color: #333333;
  display: block;
  padding: 8px 20px;
  padding-left: clamp(40px,4.88vw,50px);
  
}
footer #footer_info #info_text .map_btn a::before{
  background-image: url("../img/common/icon_map-pin.png");
  content: "";
  height: 26px;
  position: absolute;
    top: 50%;
    left: clamp(15px,1.95vw,20px);
  transform: translateY(-50%);
  width: 18px;
}

footer #footer_info #info_text .consultation{
  margin-top: 5rem;
}
footer #footer_info #info_text .consultation dl{
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  margin-left: 3.5rem;
}
footer #footer_info #info_text .consultation dt{
  font-weight: 700;
  margin-top: 15px;
  width: 90px;
}
footer #footer_info #info_text .consultation dd{
  margin-top: 15px;
  width: calc(100% - 90px);
}

footer #footer_info #info_map iframe{
  height: 100%;
  width: 100%;
}


/*-- under 767px  -------------------------------------*/
@media screen and (max-width:767px){
  footer #footer_info #info_text,
  footer #footer_info #info_map{
    width: 100%;
  }
  footer #footer_info .flex{
    align-items: center;
    display: flex;
  }
  footer #footer_info #info_text .consultation dl{
    margin-left: 0;
    margin-bottom: 20px;
  }
  footer #footer_info #info_map iframe{
    height: 300px;
  }
}



footer #page_top a{
  color: #333333;
  display: block;
  margin-top: clamp(5rem,6.67vw,8rem);
  padding-top: 15px;
  padding-bottom: clamp(30px,4.17vw,5rem);
  text-align: center;
  
}
footer #page_top a::before{
  content: '';
  width: 8px;
  height: 8px;
  border-top: solid 2px #333333;
  border-right: solid 2px #333333;
  position: absolute;
    top: 0;
    left: 50%;
  transform: rotate(-45deg) translateX(-50%);
}


footer #footer_link{
  background-color: #830032;
  color: #ffffff;
  padding: 40px 0;
}
footer #footer_link a{
  color: #ffffff;
}
footer #footer_link a::before{
  content: '';
  width: 6px;
  height: 6px;
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  position: absolute;
    top: 0.55em;
    left: 0;
  transform: rotate(45deg);
}
footer #footer_link .inner &gt; ul &gt; li &gt; a::before{
  width: 10px;
  height: 10px;
}


footer #footer_link .flex{
  align-items: center;
  margin-bottom: 6rem;
}
footer #footer_link .clinic_info a::before{
  display: none;
}
footer #footer_link .clinic_info a,
footer #footer_link .clinic_info p{
  text-align: center;
  width: 32%;
}
footer #footer_link .tel{
  font-size: 3rem;
  font-weight: 500;
}
footer #footer_link .tel::before{
  background-image: url("../img/common/icon_tel_w.png");
  content: "";
  display: inline-block;
  margin-right: 4px;
  position: relative;
    top: 3px;
  height: 28px;
  width: 22px;
}

footer #footer_link .inner &gt; ul{
  display: grid;
  grid-template-columns: repeat(4,auto);
  gap: 4.5rem 5rem;
}
footer #footer_link .inner &gt; ul &gt; li:nth-child(2){
  grid-column: 2 / 4;
  grid-row: 1 / 2;
}
footer #footer_link .inner ul &gt; li:nth-child(2) ul.level_02{
  display: grid;
  gap: 5px 15px;
  grid-auto-flow: column;
  grid-template-rows: repeat(6,auto);
}

footer #footer_link .inner &gt; ul &gt; li span{
  border-bottom: 1px solid #ffffff;
  display: block;
  font-family: "貂ｸ譏取悃", "Yu Mincho", "貂ｸ譏取悃菴�", "YuMincho", "繝偵Λ繧ｮ繝取�譛� Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "MS PMincho", serif;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 2rem;
  padding-bottom: 9.5px;
}
footer #footer_link ul.level_02{
  margin: 0 5px;
}
footer #footer_link ul.level_02 li a{
  font-size: clamp(14px,1.33vw,16px);
  padding-left: 15px;
}
footer #footer_link .inner &gt; ul &gt; li a span{
  padding-left: 20px;
}

/*-- under 767px  -------------------------------------*/
@media screen and (max-width:767px){
  footer #footer_link .clinic_info a,
  footer #footer_link .clinic_info p{
    width: 100%;
  }
  footer #footer_link .clinic_info p.tel{
    margin-bottom: 20px;
  }
  footer #footer_link .inner &gt; ul{
    display: block;
  }
  footer #footer_link .inner &gt; ul &gt; li{
    margin-bottom: 5rem;
  }
}


footer #copy_right{
  font-size: 14px;
  padding: 30px 15px;
  text-align: center;
}

/*-- under 767px  -------------------------------------*/
@media screen and (max-width:767px){
  footer #copy_right{
    margin-bottom: 50px;
  }
}

/*==============================================

繝医ャ繝�

===============================================*/
/*~~~~~~~~~~~~~~~~~
繝九Η繝ｼ繧ｹ繝�ぅ繝�き繝ｼ
~~~~~~~~~~~~~~~~~~*/
#front-page #top_news{
  background-color: #830032;
  padding: 3.5rem 0;
}
#front-page #top_news .inner{
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}
#front-page #top_news a{
  color: #ffffff;
  display: flex;
}
#front-page #top_news a.news_archive{
  background-color: #ffffff;
  color: #830032;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  padding: 10px 20px;
  padding-left: 60px;
}
#front-page #top_news a.news_archive::before{
  background-image: url("../img/top/icon_list.png");
  content: "";
  height: 18px;
  position: absolute;
    top: 10px;
    left: 20px;
  width: 20px;
}

#front-page #top_news ul li:not(:last-child){
  margin-bottom: 30px;
}
#front-page #top_news ul li .date{
  flex-shrink: 0;
  font-size: 14px;
  margin-right: 20px;
}
#front-page #top_news ul li .category{
  background-color: #ffffff;
  color: #830032;
  flex-shrink: 0;
  font-weight: 700;
  margin-right: 20px;
  text-align: center;
  width: 120px;
}
#front-page #top_news ul li .text{
  max-width: 680px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
}
#front-page #top_news ul li a:hover .text{
  text-decoration: underline;
}

/*-- under 1400px  -------------------------------------*/
@media screen and (max-width:1400px){
  #front-page #top_news .inner{
    display: block;
  }
  #front-page #top_news a.news_archive{
    display: block;
    margin: 20px auto 0 auto;
    padding-left: 20px;
    text-align: center;
    width: 80%;
  }
  #front-page #top_news a.news_archive::before{
    display: inline-block;
    position: relative;
      top: 3px;
      left: 0;
    margin-right: 10px;
  }
}

/*-- under 767px  -------------------------------------*/
@media screen and (max-width:767px){
  #front-page #top_news a{
    flex-wrap: wrap;
  }
  #front-page #top_news ul li .text{
    margin-top: 10px;
  }
}


/*~~~~~~~~~~~~~~~~~
遘√◆縺｡縺ｮ諠ｳ縺�
~~~~~~~~~~~~~~~~~~*/
#front-page #top_thought{
  margin-bottom: 10rem;
  padding-top: 7rem;
  position: relative;
}
#front-page #top_thought::before{
  background-color: #F5E8EE;
  content: "";
  height: 600px;
  position: absolute;
    left: 0;
  bottom: 30px;
  width: 65%;
  z-index: -1;
}
#front-page #top_thought .catch_copy strong{
  color: #830032;
  font-size: 18px;
}
#front-page #top_thought .catch_copy span{
  font-size: clamp(28px,3.33vw,4rem);
  line-height: normal;
  text-decoration: underline; 
  text-decoration-thickness: 0.3em;
  text-decoration-color: #F5E8EE;
  text-underline-offset: -0.3em; 
  text-decoration-skip-ink: none;
}

#front-page #top_thought .stairs{
  padding-top: 20px;
}
#front-page #top_thought .stairs .img_box{
  width: 26%;
}
#front-page #top_thought .stairs .img_box:nth-child(2){
  padding-top: 14rem;
}
#front-page #top_thought .stairs .img_box:last-child{
  font-size: clamp(16px,1.5vw,18px);
  padding-top: 4rem;
  width: 40%;
}
#front-page #top_thought .stairs .link_btn{
  text-align: center;
}


/*-- under 767px  -------------------------------------*/
@media screen and (max-width:767px){
  #front-page #top_thought::before{
    height: 70%;
    bottom: 0;
    width: 82%;
  }
  #front-page #top_thought .stairs .img_box{
    width: 100%;
  }
  #front-page #top_thought .stairs .img_box:nth-child(2){
    padding-top: 5rem;
  }
  #front-page #top_thought .stairs .img_box:last-child{
    display: flex;
    flex-flow: column-reverse;
    width: 100%;
  }
  #front-page #top_thought .stairs .img_box:last-child .text_box{
    margin-top: 10px;
  }
}


/*~~~~~~~~~~~~~~~~~
繧ｯ繝ｪ繝九ャ繧ｯ縺ｮ邏ｹ莉�
~~~~~~~~~~~~~~~~~~*/
#front-page #top_about{
  margin-bottom: 17rem;
  position: relative;
}
#front-page #top_about::before{
  background-color: #F5E8EE;
  content: "";
  height: 600px;
  position: absolute;
    right: 0;
  bottom: 0;
  width: 65%;
  z-index: -1;
}
#front-page #top_about .link_btn{
  padding-bottom: 7rem;
  text-align: center;
}
#front-page #top_about .room_slide .slide_inner{
  font-size: clamp(18px,2.08vw,25px);
  font-weight: 700;
  margin-left: auto;
  margin-right: auto;
  width: calc( 100% - 40px);
}
#front-page #top_about .room_slide ul.slick-dots{
  display: flex;
  justify-content: center;
  margin: 8rem 0;
}
#front-page #top_about .room_slide ul.slick-dots li button{
  border: none;
  background-color: #AAAAAA;
  font-size: 0;
  display: block;
  height: 5px;
  margin: 0 7.5px;
  width: clamp(60px,8.33vw,100px);
}
#front-page #top_about .room_slide ul.slick-dots li.slick-active button{
  background-color: #830032;
}

/*~~~~~~~~~~~~~~~~~
險ｺ逋よ｡亥�
~~~~~~~~~~~~~~~~~~*/
#front-page #top_treatment{
  margin-bottom: 20rem;
}
#front-page #top_treatment .treatment_list{
  display: grid;
  grid-template-columns: repeat(3,auto);
  gap: 3rem 5rem;
}
#front-page #top_treatment .treatment_list .item{
  border: 1px solid #CCCCCC;
  color: #333333;
  display: block;
  padding: 4rem;
  text-align: center;
  transition: 0.2s;
}
#front-page #top_treatment .treatment_list .item:hover{
  background-color: rgba(244,232,238,0.3);
}
#front-page #top_treatment .treatment_list .item .icon{
  background-color: #F4E8EE;
  border-radius: 999px;
  height: clamp(90px,9.17vw,110px);
  line-height: clamp(90px,9.17vw,110px);
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: clamp(90px,9.17vw,110px);
}
#front-page #top_treatment .treatment_list .item .icon img{
  display: inline-block;
  position: absolute;
    top: 50%;
    left: 50%;
  transform: translate(-50%,-50%);
  width: auto;
}
#front-page #top_treatment .treatment_list .item p{
  margin-top: 6px;
  font-size: clamp(16px,1.76vw,18px);
  font-weight: 700;
}
#front-page #top_treatment .treatment_list .item:hover p{
  color: #830032;
  text-decoration: underline;
}

/*-- under 767px  -------------------------------------*/
@media screen and (max-width:767px){
  #front-page #top_treatment .treatment_list{
    display: flex;
    flex-flow: wrap;
    gap: 3rem 0;
    justify-content: space-between;
  }
  #front-page #top_treatment .treatment_list .item{
    padding: 20px 15px;
    width: 48%;
  }
}

/*~~~~~~~~~~~~~~~~~
蛹ｻ髯｢繝悶Ο繧ｰ
~~~~~~~~~~~~~~~~~~*/
#front-page #top_blog{
  background-image: linear-gradient(180deg, #ffffff 22%, #F4E8EE 22%);
  height: 600px;
  overflow: hidden;
}
#front-page #top_blog .flex{
  height: 100%;
 position: relative;
}
#front-page #top_blog .flex::before{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(100% - 36rem);
  display: block;
  z-index: 1;
  width: 100vw;
  background-image: linear-gradient(180deg, #ffffff 22%, #F4E8EE 22%);
}

#front-page #top_blog .top_blog_head{
  height: 100%;
  position: relative;
    z-index: 10;
  width: 36rem;
}
#front-page #top_blog h2{
  font-size: clamp(28px,5vw,5rem);
  text-align: left;
}


#front-page #top_blog .top_blog_slide{
  height: 100%;
  width: calc(100% - 36rem);
}
#front-page #top_blog .slick-list.draggable{
  overflow: visible;
}
#front-page #top_blog .top_blog_slide .slick-track{
  align-items: stretch;
  display: flex;
}
#front-page #top_blog .top_blog_slide .slide{
  color: #333333;
  float: none;
  height: auto;
    
}
#front-page #top_blog .top_blog_slide .slide .slide_inner{
  background-color: #ffffff;
  height: 100%;
  margin: 0 15px;
}
#front-page #top_blog .top_blog_slide .slide .slide_inner .img_box{
  aspect-ratio: 3 / 2;
  overflow: hidden;
  max-width: 390px;
  width: 100%;
}
#front-page #top_blog .top_blog_slide .slide .slide_inner .img_box img{
  object-fit: cover;
  transition: 0.4s;
  width: 100%;
}
#front-page #top_blog .top_blog_slide a:hover .img_box img{
  transform: scale(1.15);
}

#front-page #top_blog .top_blog_slide .slide .slide_inner .text_box{
  padding:  2.5rem;
  padding-bottom: 6rem;
}
#front-page #top_blog .top_blog_slide .slide .date{
  font-size: 14px;
}
#front-page #top_blog .top_blog_slide .slide .title{
  font-size: 15px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 陦梧焚 */
}
#front-page #top_blog .top_blog_slide .slide .category{
  display: grid;
  grid-template-columns: repeat(2,auto);
  gap: 5px;
  margin-top: 15px;
}
#front-page #top_blog .top_blog_slide .slide .category li{
  border: 1px solid #CCCCCC;
  font-size: 13px;
  font-weight: 700;
  max-width: 155px;
  padding: 3px 10px;
  text-align: center;
}

#front-page #top_blog .top_blog_slide ul.slick-dots{
  display: none;
  /*display: flex;*/
  justify-content:flex-start;
  margin: 6rem 0 10rem 0;
}
#front-page #top_blog .top_blog_slide ul.slick-dots li button{
  border: none;
  background-color: #AAAAAA;
  font-size: 0;
  display: block;
  height: 5px;
  margin: 0 7.5px;
  width: clamp(60px,8.33vw,100px);
}
#front-page #top_blog .top_blog_slide ul.slick-dots li.slick-active button{
  background-color: #830032;
}

/*-- under 767px  -------------------------------------*/
@media screen and (max-width:767px){
  #front-page #top_blog{
    height: auto;
    padding-bottom: 7rem;
  }
  #front-page #top_blog .flex::before{
    display: none;
  }
  #front-page #top_blog .top_blog_head,
  #front-page #top_blog .top_blog_slide{
    width: 100%;
  }
  #front-page #top_blog .top_blog_head h2{
    text-align: center;
  }
  
  #front-page #top_blog .slick-list.draggable{
    overflow: hidden;
  }
  #front-page #top_blog .top_blog_slide ul.slick-dots{
    justify-content: center;
  }
  
  #front-page #top_blog .link_btn{
    text-align: center;
  }
}

/*==============================================

荳句ｱ､�壼�騾�

===============================================*/
/*~~~~~~~~~~~~~~~~~
繧ｫ繝�ざ繝ｪ繝ｼ荳隕ｧ
~~~~~~~~~~~~~~~~~~*/
#category_box{
  border: 1px solid #CCCCCC;
  padding: 4rem clamp(15px,3.75vw,4.5rem);
  text-align: center;
}
#category_box p{
  font-size: 3.2rem;
  font-weight: bold;
  margin-bottom: 3rem;
}
#category_box .category_wrap{
  display: grid;
  grid-template-columns: repeat(4,25%);
  gap: 15px 10px;
}
#category_box .category_wrap a{
  align-content: center;
  background-color: #830032;
  color: #ffffff;
  font-size: 15px;
  line-height: normal;
  padding: 18px;
}

#category_box.center .category_wrap{
  display: flex;
  grid-template-columns: none;
  justify-content: center;
  flex-flow: wrap;
}
#category_box.center .category_wrap a{
  max-width: calc(25% - 20px);
  width: 100%;
}

/*-- under 1024px  -------------------------------------*/
@media screen and (max-width:1024px){
  #category_box .category_wrap{
    grid-template-columns: repeat(3,33%);
  }
  #category_box.center .category_wrap a{
    max-width: calc(33.3% - 10px);
  }
}

/*-- under 767px  -------------------------------------*/
@media screen and (max-width:767px){
  #category_box .category_wrap{
    grid-template-columns: repeat(2,48.5%);
  }
  #category_box.center .category_wrap a{
    max-width: calc(50% - 5px);
  }
}

/*~~~~~~~~~~~~~~~~~
繧ゅ▲縺ｨ隕九ｋ繝懊ち繝ｳ
~~~~~~~~~~~~~~~~~~*/
.more_btn button{
  border: none;
  background-color: transparent;
  display: block;
  font-size: 16px;
  font-weight: bold;
  height: 100%;
  text-align: center;
  padding-top: clamp(70px,8.33vw,10rem);
  position: relative;
  width: 100%;
}
.more_btn button::before,
.more_btn button::after{
  background-color: #333333;
  content: '';
  display: inline-block;
  position: absolute;
    top: 0;
    left: 50%;
  width: 2px;
  height: clamp(50px,6.67vw,80px);
}

.more_btn button::after{
  transform: rotate(90deg) translateX(-50%);
}
.more_btn button:hover{
  color: #830032;
}
.more_btn button:hover::before,
.more_btn button:hover::after{
  background-color: #830032;
}

.more_btn.is-btn-hidden{
  opacity: 0;
  height: 0;
  width: 0;
}

/*~~~~~~~~~~~~~~~~~
繝壹�繧ｸ繝阪�繧ｷ繝ｧ繝ｳ
~~~~~~~~~~~~~~~~~~*/
nav.pagination{
  display: none;
}
nav.pagination.is-btn-display{
  display: block;
}

nav.pagination .nav-links{
  text-align: center;
}
nav.pagination .nav-links .page-numbers{
  background-color: #830032;
  border: 1px solid #830032;
  color: #ffffff;
  display: inline-block;
  margin: 0 3px;
  padding: 10px 15px;
}
nav.pagination .nav-links .page-numbers.current,
nav.pagination .nav-links .page-numbers.dots{
  background-color: #ffffff;
  color: #830032;
}
nav.pagination .nav-links .page-numbers.dots{
  border: none;
}

/*==============================================

荳句ｱ､�壼崋螳壹�繝ｼ繧ｸ

===============================================*/
#page .wp-block-columns,
#blog .wp-block-columns{
  margin-top: 5rem;
  margin-bottom: 5rem;
}

#page .wp-block-column h3:first-child,
#blog .wp-block-column h3:first-child{
  margin-top: 0;
}
#page .wp-block-column p:last-child,
#blog .wp-block-column p:last-child{
  margin-bottom: 0;
}

.wp-block-columns.stretch{
  align-items: stretch !important;
}

.wp-block-columns h2:first-child,
.wp-block-columns h3:first-child,
.wp-block-columns h4:first-child,
.wp-block-columns h5:first-child,
.wp-block-columns h6:first-child,
.wp-block-columns .wp-block-button:first-child{
  margin-top: 0 !important;
}

.border_box{
  border: 1px solid #CCCCCC;
  padding: clamp(30px,6.51vw,5rem) clamp(20px,5.21vw,4rem);
}

.fs-25{
  font-size: clamp(20px,2.08vw,25px);
}

.gray_back_contents{
  background-color: #EFEFEF;
  margin-top: 8rem;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding: 10rem 0 10rem;
  width: 100vw;
}
.gray_back_contents_inner{
  background-color: #ffffff;
  padding: 5rem 15px;
}

.gray_back_contents_inner h3:first-child,
.gray_back_contents_inner h4:first-child{
  margin-top: 0 !important;
}

.gray_back_contents_inner .case_item:not(:last-child){
  margin-bottom: 8rem;
}

.gray_back_contents_inner table{
  overflow: inherit;
}

.gray_back_contents_inner table tr{
  display: flex;
}

.gray_back_contents_inner table th{
  align-content: center;
  background-color: #EFEFEF;
  border: 1px solid #CCCCCC;
  display: block;
  width: 200px;
}

.gray_back_contents_inner table td{
  display: block;
  width: calc(100% - 200px);
}

.gray_back_contents_inner .link_btn{
  text-align: center;
}

/*-- under 767px  -------------------------------------*/
@media screen and (max-width:767px){
  .gray_back_contents_inner table{
    width: 100% !important;
  }
  
  .gray_back_contents_inner table tr{
    display: block;
  }
  
  .gray_back_contents_inner table th,
  .gray_back_contents_inner table td{
    width: 100%;
  }
}


/*---------------------
縺雁撫縺�粋繧上○髢｢騾｣
---------------------*/
.confirm_wrap, .thanks_wrap, .wpcf7-response-output {
    display: none;
}

.wpcf7{
  background-color: #ffffff;
  padding: clamp(5rem,9.77vw,10rem) 15px;
}
.wpcf7 .form_wrap{
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  width: 100%;
}
#page .wpcf7 .form_wrap table tr{
  display: flex;
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 30px;
}

#page .wpcf7 .form_wrap table th,
#page .wpcf7 .form_wrap table td{
  letter-spacing: normal;
}

#page .wpcf7 .form_wrap table th p,
#page .wpcf7 .form_wrap table td p{
  margin-bottom: 10px;
}

#page .wpcf7 .form_wrap table th{
  margin-right: 15px;
  position: relative;
  text-align: left;
  padding-right: 42px;
  width: 200px;
}
#page .wpcf7 .form_wrap table th span.required{
  border: 1px solid #FE5F55;
  color: #FE5F55;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  padding: 3px 5px;
  position: absolute;
    top: 2px;
    right: 0;
}

#page .wpcf7 .form_wrap table td{
  border: none;
  padding: 0;
  width: calc(100% - 215px);
}

#page .wpcf7 .form_wrap p.bold{
  font-weight: 700;
}

#page .wpcf7 .form_wrap .red{
  color: red;
  font-weight: 500;
}

#page .wpcf7 .form_wrap table td.flex{
  align-items: top;
  justify-content: flex-start;
}

#page .wpcf7 .form_wrap table td input:not([type="radio"]),
#page .wpcf7 .form_wrap table td select,
#page .wpcf7 .form_wrap table td textarea{
  background-color: #EBF0F7;
  border: none;
  font-size: 16px;
  padding: 15px;
  width: 100%;
}
#page .wpcf7 .form_wrap table td select option{
  background-color: #ffffff;
}

::placeholder,
#page .wpcf7 .form_wrap table td select:has(option:checked[value=""]){
  color: #999999;
}
#page .wpcf7 .form_wrap table td select option:not(:first-child){
  color: #333333;
}

#page .wpcf7 .form_wrap .wpcf7-checkbox span.wpcf7-list-item input{
  display: inline-block;
  width: auto;
}


#page .wpcf7 .form_wrap table td.birth .wpcf7-form-control-wrap{
  vertical-align: top;
  display: inline-block;
  width: 80px;
}

#page .wpcf7 .form_wrap table td.birth input{
  padding-left: 10px;
  padding-right: 10px;
}

#page .wpcf7 .form_wrap table td span.text{
  vertical-align: text-top;
  margin: 0px 5px;
}

#page .wpcf7 .form_wrap table .postcode{
  display: inline-block;
  margin-bottom: 10px;
}

#page .wpcf7 .form_wrap table #pref{
  margin-bottom: 10px;
}

#page .wpcf7 .form_wrap table td .p-postal-code{
  display: inline-block;
  width: auto!important;
}


#page .wpcf7 .form_wrap table td .age_box{
  display: inline-block;
  position: relative;
  margin-right: 10px;
  padding-right: 20px;
}
#page .wpcf7 .form_wrap table td .age_box::after{
  content: "\6B73";
  position: absolute;
    top: 8px;
    right: 0;
}
#page .wpcf7 .form_wrap table td .age_box input{
  margin-right: 10px;
  width: 90px;
}
#page .wpcf7 .form_wrap table td .age_box p{
  display: inline-block;
}
#page .wpcf7 .form_wrap table td .age_box .wpcf7-list-item{
  margin-right: 20px;
}

#page .wpcf7 .form_wrap table td .gender_box{
  display: inline-block;
  margin-top: 8px;
}

#page .wpcf7 .form_wrap table td.tel_box #timepicker{
  margin-top: 10px;
  width: auto;
}
#page .wpcf7 .form_wrap table td input:focus-visible{
  border: 1.5px solid #9EAAAD;
  outline: none;
}

#page .wpcf7 .form_wrap table td .calendar,
#page .wpcf7 .form_wrap table td select{
  display: inline-block;
  width: auto;
}

#page .wpcf7 .form_wrap table td .calendar{
 margin-right: 10px;
margin-bottom: 10px;
}

#page .wpcf7 .form_wrap table td .hearing-2_box input{
  margin-left: 5px;
  margin-right: 10px;
  width: auto;
}

#page .wpcf7 .form_wrap .privacy_box{
  border: 1px solid #333333;
  margin-bottom: 5rem;
  padding: clamp(20px,3.91vw,4rem);
  text-align: center;
}
#page .wpcf7 .form_wrap .privacy_box p{
  letter-spacing: normal !important;
}
#page .wpcf7 .form_wrap .privacy_box p:last-of-type{
  margin-bottom: 0 !important;
}

#page .wpcf7-acceptance label{
  font-weight: 700;
}

#page .wpcf7 .form_wrap input.back_button,
#page .wpcf7 .form_wrap input.confirm_button,
#page .wpcf7 .form_wrap input[type="submit"]{
  background-color: #830032;
  border: none;
  border-radius: 999px;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 18px;
  font-weight: 500;
  max-width: 400px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 3rem 15px;
  text-align: center;
  transition: 0.2s ease-in-out;
  width: 100%;
}

#page .wpcf7 .form_wrap input.back_button{
  background-color: #707070 !important;
}

#page .wpcf7 .form_wrap input.confirm_button:disabled{
  background-color: #707070;
  cursor: not-allowed;
}

#page .wpcf7 .form_wrap input[type="submit"]:hover{
  opacity: 0.7;
}

/*-- under 767px  -------------------------------------*/
@media screen and (max-width:767px){
  #page .wpcf7 .form_wrap table{
    width: 100%;
  }
  #page .wpcf7 .form_wrap table tr{
    display: block;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  #page .wpcf7 .form_wrap table th{
    color: #830032;
    margin-bottom: 10px;
    margin-right: 0;
  }
  #page .wpcf7 .form_wrap table th,
  #page .wpcf7 .form_wrap table td{
    display: block;
    width: 100%;
  }
  
  #page .wpcf7 .form_wrap table td.birth .wpcf7-form-control-wrap{
    width: 70px;
  }
}

/*---------------------
髯｢髟ｷ繝ｻ繧ｹ繧ｿ繝�ヵ邏ｹ莉�
---------------------*/
.staff_list{
  border: 1px solid #BEBEBE;
  height: 100%;
  padding: 30px;
}
.staff_list .img_box img{
  margin-left: auto;
  margin-right: auto;
}
.staff_list .name{
  font-size: clamp(20px, 2.67vw, 3.2rem);
  font-weight: bold;
  margin-top: 28px;
  text-align: center;
}
.staff_list dl dt{
  font-size: clamp(18px,1.95vw,20px);
  font-weight: 700;
  margin-top: 20px;
}

.staff_list dl dd.side{
  display: flex;
}

.staff_list dl dd span.year{
  flex-shrink: 0;
  margin-right: 2rem;
  min-width: 68px;
}

/*==============================================

荳句ｱ､�壽ｭｯ遘第ュ蝣ｱ繝悶Ο繧ｰ

===============================================*/
#article-list .box{
  display: grid;
  grid-template-columns: repeat(3,33.3%);
  gap: 5rem 3rem;
  padding-bottom: 8rem;
}
#article-list .box .item{
  color: #333333;
  max-width: 380px;
}
#article-list .box .item.is-hidden{
  display: none;
}

#article-list .box .thumbnail{
  aspect-ratio: 3 / 2;
  overflow: hidden;
}
#article-list .box .thumbnail.no_image{
  border: 1px solid #CCCCCC;
}

#article-list .box .thumbnail img{
  transition: 0.4s ease-in-out;
  object-fit: cover;
}

#article-list .box .date{
  color: #AAAAAA;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 0;
  margin-right: 15px;
  padding-top: 3px;
}
#article-list .box .date_cat{
  justify-content: flex-start;
  margin-top: 2rem;
}
#article-list .box .date_cat ul{
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0;
}
#article-list .box .date_cat ul li{
  background-color: #830032;
  color: #ffffff;
  font-size: clamp(14px,1.33vw,16px);
  line-height: 1.2em;
  margin: 0 5px 10px 0;
  padding-top: 10px;
  padding-right: 18px;
  padding-bottom: 10px;
  padding-left: 18px;
}
#article-list .box .date_cat ul li::before{
  display: none;
}
#article-list .box .item:hover .title{
  text-decoration: underline;
}
#article-list .box .item:hover .thumbnail img{
  transform: scale(1.1);
}

/*-- under 1024px  -------------------------------------*/
@media screen and (max-width:1024px){
  #article-list .box{
    grid-template-columns: repeat(2,50%);
  }
}

/*-- under 767px  -------------------------------------*/
@media screen and (max-width:767px){
  #article-list .box{
    grid-template-columns: repeat(1,100%);
  }
}

/*==============================================

荳句ｱ､�壽兜遞ｿ繝ｻ繧ｫ繧ｹ繧ｿ繝�謚慕ｨｿ縲隧ｳ邏ｰ

===============================================*/
#blog .single-blog .article{
  margin-bottom: 8rem;
}

#blog .single-blog .head_info h1{
  border-bottom: 3px solid #830032;
  font-size: clamp(26px,3.5vw,42px);
  padding-bottom: 27px;
}

#blog .single-blog .head_info .date{
  color: #AAAAAA;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 0;
  margin-right: 15px;
  padding-top: 3px;
}
#blog .single-blog .head_info .date_cat{
  justify-content: flex-start;
  margin: 3rem 0;
}
#blog .single-blog .head_info .date_cat ul{
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0;
}
#blog .single-blog .head_info .date_cat ul li{
  margin-bottom: 0;
  padding-left: 0;
}
#blog .single-blog .head_info .date_cat ul li a{
  background-color: #830032;
  color: #ffffff;
  display: inline-block;
  font-size: clamp(14px,1.33vw,16px);
  line-height: 1.2em;
  margin: 0 5px 5px 0;
  padding-top: 10px;
  padding-right: 18px;
  padding-bottom: 10px;
  padding-left: 18px;
}

#blog .single-blog .head_info .date_cat ul.pink li a{
  background-color: #F4E8EE;
  border-radius: 999px;
  color: #333333;
  font-size: 14px;
  padding-left: 15px;
  padding-right: 15px;
}

#blog .single-blog .head_info .date_cat ul li::before{
  display: none;
}
#blog .single-blog .head_info .thumbnail img{
  width: 100%;
}

#article-list.related_article .box{
  padding-bottom: 0;
}

/*--  逶ｮ谺｡  --*/
#ez-toc-container{
  background-color: #F4E8EE;
  counter-reset: toc;
  font-family: "貂ｸ譏取悃", "Yu Mincho", "貂ｸ譏取悃菴�", "YuMincho", "繝偵Λ繧ｮ繝取�譛� Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "MS PMincho", serif;
  margin-top: 4rem;
  padding: clamp(20px,4.17vw,5rem);
}
#ez-toc-container a{
  color: #333333;
  font-weight: bold;
}
#ez-toc-container a:hover{
  text-decoration: underline;
}

#ez-toc-container .ez-toc-title-container .ez-toc-title {
  font-size: clamp(26px,3.5vw,42px);
  font-weight: bold;
  line-height: normal;
  text-align: center;
}

#blog #ez-toc-container ul.ez-toc-list-level-1{
  margin-bottom: 0;
}
#blog #ez-toc-container li.ez-toc-heading-level-2{
  counter-increment: toc;
  margin-bottom: 30px;
  padding-left: 0;
}
#blog #ez-toc-container li.ez-toc-heading-level-2::before{
  display: none;
}

#blog #ez-toc-container li.ez-toc-heading-level-2 &gt; a{
  border-bottom: 1px solid #830032;
  font-size: clamp(20px,2vw,24px);
  display: block;
  padding: clamp(8px,1.25vw,15px);
  padding-left: clamp(55px,6.25vw,75px);
}
#blog #ez-toc-container li.ez-toc-heading-level-2 &gt; a::before{
  align-items: center;
  background-color: #830032;
  border-radius: 0;
  content: counter(toc);
  color: #ffffff;
  display: grid;
  font-size: clamp(22px,2.67vw,32px);
  height: 100%;
  justify-content: center;
  position: absolute;
    top: 0;
    left: 0;
  width: clamp(45px,5vw,60px);
}

#blog #ez-toc-container ul.ez-toc-list-level-3{
  margin: clamp(20px,3.33vw,4rem) 0;
  margin-left: clamp(30px,2.5vw,8rem);
}
#blog #ez-toc-container ul.ez-toc-list-level-3 li{
  margin-bottom: 10px;
}
#blog #ez-toc-container ul.ez-toc-list-level-3 li a{
  font-size: 18px;
}

/*--  繝壹�繧ｸ繝翫ン  --*/
#blog .page_nav{
  display: flex;
  justify-content: center;
}
#blog .page_nav .page_nav_btn{
  margin: 0 10px;
  max-width: 285px;
  width: 100%;
}

#blog .page_nav .page_nav_btn a{
  background-color: #830032;
  border: 1px solid #830032;
  border-radius: 0;
  color: #ffffff;
  display: inline-block;
  line-height: normal;
  padding: 25px;
  text-align: center;
  width: 100%;
}
#blog .page_nav .page_nav_btn a::before{
  border-top: solid 2px;
  border-right: solid 2px;
  border-color: #ffffff;
  content: '';
  height: 10px;
  position: absolute;
    top: 50%;
    right: 20px;
  transform: rotate(45deg) translateY(-50%);
  width: 10px;
}

#blog .page_nav .page_nav_btn.prev a,
#blog .page_nav .page_nav_btn.next a{
  border: 1px solid #830032;
  background-color: #ffffff;
  color: #830032;
}
#blog .page_nav .page_nav_btn.prev a:hover,
#blog .page_nav .page_nav_btn.next a:hover{
  background-color: #F4E8EE;
}
#blog .page_nav .page_nav_btn.prev a::before,
#blog .page_nav .page_nav_btn.next a::before{
  border-color: #830032;
}
#blog .page_nav .page_nav_btn.prev a::before{
  border-top: none;
  border-right: none;
  border-bottom: solid 2px;
  border-left: solid 2px;
  margin-left: -10px;
    left: 20px;
    right: auto;
}
/*-- under 767px  -------------------------------------*/
@media screen and (max-width:767px){
  #blog .page_nav{
    flex-wrap: wrap;
  }
  #blog .page_nav .page_nav_btn{
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
  }
}

/*==============================================

荳句ｱ､�壹け繝ｪ繝九ャ繧ｯ繝悶Ο繧ｰ
荳句ｱ､�壹♀遏･繧峨○

===============================================*/
#article-list .custom_box{
  padding-bottom: 8rem;
}
#article-list .custom_box .item{
  border-top: 1px solid #C5C5C5;
  padding: 25px clamp(15px,4.17vw,5rem);
}
#article-list .custom_box .item:last-child{
  border-bottom: 1px solid #C5C5C5;
}
#article-list .custom_box .item .date_cat{
  display: flex;
}

#article-list .custom_box .item .date_cat li{
  background-color: #F4E8EE;
  border-radius: 999px;
  font-size: 14px;
  padding-left: 15px;
  padding-right: 15px;
}
#article-list .custom_box .item .date_cat li::before{
  display: none;
}

#article-list .custom_box .item .date_cat p{
  color: #C5C5C5;
  margin-right: 3rem;
}
#article-list .custom_box .item .date_cat ul,
#article-list .custom_box .item .date_cat li,
#article-list .custom_box .item .date_cat p{
  margin-top: 0;
  margin-bottom: 0;
}

#article-list .custom_box .item .title{
  font-size: clamp(18px,1.67vw,20px);
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 10px;
}
#article-list .custom_box .item a{
  background-color: #830032;
  color: #ffffff;
  display: block;
  margin-left: auto;
  margin-right: 0;
  padding: 12px;
  text-align: center;
  width: 200px;
}

#article-list .custom_box .item.is-hidden{
  display: none;
}

/*-- under 767px  -------------------------------------*/
@media screen and (max-width:767px){
  #article-list .custom_box .item a{
    margin-right: auto;
  }
}

/*==============================================

荳句ｱ､�夂裸萓狗ｴｹ莉�

===============================================*/
#article-list{
  padding-bottom: 10rem;
}

#article-list.gray_back{
  background-color: #EFEFEF;
}

#case_box{
  margin-top: 10rem;
  padding-top: 1px;
  padding-bottom: 10rem;
}

#case_box .item{
  background-color: #ffffff;
  margin-bottom: 6rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 1330px;
  padding: clamp(20px,5.86vw,6rem) clamp(20px,4.88vw,5rem);
  width: calc(100% - 30px);
}
#case_box .item:last-child{
  margin-bottom: 0;
}
.orthodontics #case_box .item{
  width: 100%;
}
.orthodontics #case_box .wp-block-columns{
  margin-bottom: 0;
}

#case_box .item.is-hidden{
  display: none;
}

#case_box .item .date_cat,
.single-case .date_cat{
  justify-content: flex-start;
}
#case_box .item .date_cat ul,
.single-case .date_cat ul{
  margin: 0;
}
#case_box .item .date_cat ul li::before,
.single-case .date_cat ul li::before{
  display: none;
}
#case_box .item .date_cat ul li,
.single-case .date_cat ul li a{
  background-color: #830032;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 7px;
  margin-right: clamp(5px,0.98vw,10px);
  padding: clamp(4px,0.78vw,8px) clamp(8px,1.37vw,14px) !important;
}

#case_box .item .date_cat p,
.single-case .date_cat p{
  margin-right: 20px;
  margin-bottom: 0;
}

#case_box .item table tr,
.single-case table tr{
  border: 1px solid #CCCCCC;
}
#case_box .item table th,
.single-case table th{
  background-color: #EFEFEF;
  font-weight: 400;
  padding: 20px 3rem;
  text-align: left;
  width: clamp(150px,29.3vw,300px);
}
#case_box .item table td,
.single-case table td{
  border-left: none !important;
}

#case_box .item .link_btn{
  text-align: center;
}

#case_box.related_article{
  margin: 0;
}
#case_box.related_article .item{
  border: 1px solid #CCCCCC;
  color: #333333;
  display: block;
  margin: 0;
  padding: clamp(20px,3.91vw,4rem);
  width: 100%;
}
#case_box.related_article .item .date{
  font-weight: bold;
}
#case_box.related_article .item .title{
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 0;
}
#case_box .item .date_cat .date{
  margin-top: 10px;
}
#case_box.related_article .item .date_cat ul li{
background-color: #830032;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 7px;
  margin-right: clamp(5px,0.98vw,10px);
  padding: clamp(4px,0.78vw,8px) clamp(8px,1.37vw,14px) !important;
}
  
/*-- under 767px  -------------------------------------*/
@media screen and (max-width:767px){
  #case_box .item .date_cat p{
    margin-bottom: 15px;
  }
}
/*-- under 500px  -------------------------------------*/
@media screen and (max-width:500px){
   #case_box .item table{
    width: 500px;
  }
}

/*==============================================

荳句ｱ､�壽侭驥題｡ｨ

===============================================*/

#page table.price_table thead{
  border: 1px solid #CCCCCC;
}

#page table.price_table thead th{
  background-color: #EFEFEF;
  font-weight: 400;
  padding: 20px;
}

#page table.price_table tbody tr{
  width: 100%;
}

#page table.price_table tbody td{
  line-height: 1.5em;
  padding: 20px;
}

#page table.price_table tr td:first-child{
  background-color: #fff;
  width: 22%;
}

#page table.price_table tr td:nth-child(2){
  width: 10%;
}

#page table.price_table tr td:nth-child(3){
  width: 30%;
}

#page table.price_table tr td:nth-child(4),
#page table.price_table tr td:nth-child(5){
  font-size: 30px;
  text-align: center;
  width: 8%;
}

#page table.price_table tr td:nth-child(4) small,
#page table.price_table tr td:nth-child(5) small{
  display: block;
  font-size: 14px;
  line-height: 1.6em;
}

#page table.price_table tr td:nth-child(6){
  width: 22%;
}


#page table.price_table.no-mark tr td:nth-child(3){
  width: 46%;
}

#page table.price_table.no-mark tr td:nth-child(4){
  font-size: 16px;
  text-align: left;
  width: 22%;
}


/*-- under 767px  -------------------------------------*/
@media screen and (max-width:767px){
  #page .table_wrap table.price_table{
    width: 100%;
  }
  
  #page table.price_table thead{
    display: none;
  }
  
  #page table.price_table tr{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
  
  #page table.price_table tbody tr:last-child{
    margin-bottom: 0;
  }
  
  #page table.price_table tr td{
    border-color: #DBDBDB;
    display: block;
    min-width: 0;
    position: relative;
  }
  
  #page table.price_table tr td::before{
    background-color: #EFEFEF;
    display: block;
    font-size: 14px;
    line-height: 1.5em;
    padding: 10px 5px;
    position: absolute;
      top: 0;
      left: 0;
    text-align: center;
    width:100%;
  }
  
  #page table.price_table tr td:first-child{
    background-color: #F4E8EE;
    width: 100%;
  }
  
  #page table.price_table tr td:nth-child(2){
    align-content: center;
    width: 120px;
  }
  
  #page table.price_table tr td:nth-child(3),
  #page table.price_table.no-mark tr td:nth-child(3){
    width: calc(100% - 120px);
  }
  
  #page table.price_table tr td:nth-child(4),
  #page table.price_table tr td:nth-child(5){
    padding-top: 60px;
    width: 85px;
  }
  #page table.price_table tr td:nth-child(4)::before{
    content: "\7F8E\3057\3055";
  }
  #page table.price_table tr td:nth-child(5)::before{
    content: "\8010\4E45\6027";
  }  
  
  #page table.price_table tr td:nth-child(6){
    padding-top: 60px;
    width: calc(100% - 170px);
  }
  #page table.price_table tr td:nth-child(6)::before{
    content: "\4FA1\683C\FF08\7A0E\8FBC\FF09";
  }
  
  #page table.price_table.no-mark tr td:nth-child(4){
    width: 100%;
  }
  #page table.price_table.no-mark tr td:nth-child(4)::before{
    content: "\4FA1\683C\FF08\7A0E\8FBC\FF09";
  }
  
}</pre></body></html>