@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
html {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 62.5%;
}

body {
    width: 100%;
    color: #000;
    font-family: sans-serif;
    font-weight: 600;
    background:#fff;
    line-height: 1.6;
    margin:0;
    padding:0;
}
h1,h2,h3,h4 {
    font-weight: bold;       
}
img {
    max-width:100%;
    height: auto;/*高さ自動*/
}
a {
    display:inline-block;
    color: #222;
    text-decoration-line: none;
    transition : 1s;
}
a:hover { 
    color: #222;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

h2 {
    font-size: 5vmin; 
    line-height: 2;
    font-weight: bold;
}
figure img {
    max-width: 100%;    
    vertical-align: bottom;
    line-height: 1.0em;
}
p {
    font-size: 1.3rem;
    line-height: 1.8;
}
ul li {
    list-style: none;
}
.ff-os {
    font-family: 'Oswald', sans-serif;
}
.aligncenter {
    text-align: center;
}
mark {
    background-color: #ffffa0;
    color: #222;
}
/*ヘッダー
-------------------------------------*/
.heder__inner {
    width: 90%;
    padding: 16px 0 24px;
}
.header__logo h1 {
    font-weight: normal;
}
.main-title {
    font-size: 13px;
}
.main-logo {
    width: 160px;
}
.header_contact_message {
    font-size: 12px;
    width: 85%;
    top: -9px;
    padding: 4px 16px;
    border-radius: 17px;
    line-height: 1;
}
.header_contact_menu__wrap {
    margin-top: 12px;
}
.header_conact_menu__item {
    width: 160px;
    background: #efefef;
    padding: 20px 8px 4px;
    border-radius: 8px;
    transition: .5s;
    box-shadow: 2px 2px 3px 1px #bfbfbf;
}
.header_conact_menu__item:hover {
    transform: translateY(3px);
    box-shadow: none;
}
@media screen and (max-width: 1024px) {
    .header_contact_menu__wrap {
        display: none;
    }
    .main-title {
        font-size: 8px;
        margin-bottom: 5px;
    }
}

/* スマホ時はMENUボタンを表示 */
#open {
    display: block;
    background: url(/wp-content/themes/amc_theme/img/btn-open.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    border: none;
    position: absolute;
    top: 40px;
    left: 30px;
    transition : 1s;
}
#close  {
    display: block;
    background: url(/wp-content/themes/amc_theme/img/btn-close.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    border: none;
    position: absolute;
    top:40px;
    left: 30px;
    transition : 1s;
}
#navi {display: none; transition: transform .3s; }
#navi li {
    list-style: none;
    text-align: center;
    padding: 30px 0
}
#navi li a {
    font-size: 16px;
    font-weight: bold;
    transition : 1s;    
}

#navi li a:hover {
    color: #efebe1;
}
.nav {transition: transform .3s; }
#navi img.home {
    width: 58px;
    height: 16px;
}
#navi img.about {
    width: 96px;
    height: 16px;
}
#navi img.doctors {
    width: 80px;
    height: 16px;
}
#navi img.menu {
    width: 122px;
    height: 16px;
}
#navi img.price {
    width: 50px;
    height: 16px;
}
#navi img.businessday {
    width: 50px;
    height: 17px;
}
#navi img.access {
    width: 70px;
    height: 16px;
}
#navi img.policy {
    width: 134px;
    height: 19px;
}
#navi img.qa {
    width: 42px;
    height: 16px;
}
#navi img.recruit {
    width: 72px;
    height: 16px;
}

@media screen and (min-width: 1025px) {
    body {
        font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        font-weight: normal;
    }
    p {font-size: 1.5rem;}
    h1,h2 {
        font-weight: bold;
        font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    }
    main {
        margin: 35px auto!important;
        width: 1080px;
        max-width: 100%;
    }
    .bold {
        font-weight: bold;
        font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    }
}
    
/*メイン画像
-------------------------------------*/
.mainimg img {
    width: 100vw;
}

/*メインコンテンツ
-------------------------------------*/
main {
    margin: 10rem 0 0 0;
}

.gray-back {
    background-color: #efebe1;
}
/*top common*/
.top-section_inner {
    padding: 5rem 1.5rem;
}
.top-title {
    margin-bottom: 2rem;
}
/*about us
-------------------------------------*/
/*.about-wrap {
    padding: 6rem 0;
    text-align: center;
}*/
/*.about-wrap h2 {
    padding-bottom: 2rem;
    text-align: center
}*/
.about-wrap .text {
    line-height: 3;
}
.about-wrap .info {
    padding-top: 3rem;
}

/*doctors
-------------------------------------*/
/*.doctors-wrap {
    padding: 6rem 1.5rem;
}*/
/*.doctors-wrap h2 {
    padding-bottom: 1rem;
    text-align: center
}*/
.doctors-wrap .ph {
    margin-left: 2%;
}
.doctors-wrap .prof {
    margin: 2rem 0;
}
.doctors-wrap .prof .name p {
    font-size: 1.2rem;
}
.doctors-wrap .prof .name {
    margin-bottom: 1.5rem;
    display: flex;
}
.doctors-wrap .prof .name .post {
    padding-right: 1rem;
}
.doctors-wrap .prof .ph {
    width: 100px;
    flex: 0 0 100px;
}
.doctors-wrap .prof.row {
    justify-content: space-between;
}
.doctors-wrap .prof .text p {
    font-size: 1.0rem;
    line-height: 1.7;
    margin-bottom: .6rem;
}
/*menu
-------------------------------------*/
/*#menu .head {
    background: #fff;
    border-top: 3px solid #efebe1;
    padding: 5rem 0 3rem;
}*/
.section-menu {
  border-top: 3px solid #efebe1;
}
.menu-wrap ul {
    display: flex;
    flex-wrap: wrap;
}
.menu-wrap ul li {
    list-style: none;
    width: calc(100% / 2);
}
.menu-wrap ul li a {
    font-size: 1.5rem;
    text-align: center;
    list-style: none;
    height: 130px;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.menu-wrap ul li:nth-child(2n+1) {
    border-left: none;
}
.menu-wrap ul li:nth-child(2n) {
    border-right: none;
}
.menu-price-btn img {
    width: 100%;
    height: 17px;
}
.menu-price-btn a {
    display: block;
    width: 100%;
    border-top: 3px solid #fff;
    padding: 2.4rem 0;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
/*menu-item
-------------------------------------*/
.menu-item {
    margin-bottom: 100px;
}
.menu-item .head {
    background: #fff;
    padding: 0 0 1.5rem;
}
.menu-item-wrap {
    margin-top: 2rem;
}
.detail_section h1,
.menu-item h1,
    #policy h1,
    #price h1,
    #qa h1,
    #column h1 {
    padding: 0.3rem 1.8rem 1.5rem;
    font-size: 1.6rem;
    font-weight: bold;
}
.menu-item h2 {
    font-size: 1.4rem;
    padding: 0.5rem 2.8rem;
}
.menu-item dl {
    justify-content: space-between;
    padding: 1.5rem 1.5rem 0;
}
.menu-item dt {
    font-size: 1.1rem;
    width: 20%;
    height: fit-content;
    border: 1px solid #222;
    text-align: center;
    border-radius: 2.5rem
}
.menu-item dd {
    font-size: 1.2rem;
    width: 77%;
}
/*price
-------------------------------------*/
#price {
    margin-bottom: 15rem;
}
.price-wrap .inner {
    margin-top: -6rem;
    padding-top: 6rem;
    margin-bottom: 4rem;
}
.line-title {
    font-size: 3vmin;
    border: 1px solid #999;
    height: 8px;
    line-height: .5;
    margin: 0 .8rem 1.5rem;
}
.line-title.col2-ttl {
    margin: 0 -0.1rem 1.5rem;
}
.line-title span {
    background: #fff;
    padding: 0 .8rem
}
.price-wrap h4 {
    font-size: 2.9vmin;
    border-bottom: 1px solid #999;
    height: 8px;
    line-height: 1.6;
    margin: 1.5rem .8rem;
}
.price-wrap h4.col2-ttl {
    margin: 0 -0.1rem 1.5rem;
}
.price-wrap h4 span {
    background: #fff;
    padding: 0 .8rem
}
.price-wrap .col1 {
    width: 100%;
    padding: 0 1rem;
}
.price-wrap .col2 {
    padding: 0;
}
.price-wrap .col2 > * {
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 .8rem;
    width: calc(100% / 2);
}
.price-wrap .base dl:first-child {
    border-right: 1px solid #222; 
}
.price-wrap .bt-line {
    border-top: 1px solid #222;
    padding-top: 1rem;
    margin-top: 1rem;
}
.price-wrap .bb-line {
    border-bottom: 1px solid #222;
    padding-top: .2rem;
    margin-bottom: .2rem;
}
.price-wrap .br-line {
    border-right: 1px solid #222;
}
.price-wrap .item .row {
    justify-content: space-between;
    align-content: baseline;
    line-height: 1.8;
    flex-wrap: wrap
}
.price-wrap .head-note {
    font-size: 3vmin;
    text-align: right;
    margin-bottom: 5px;
}
.price-wrap .note {
    font-size: 2.6vmin;
    text-indent: -1em;
    padding-left: 1em;
    display: block;
    line-height: 1.7;
}
.price-wrap .col2 .row {
    flex-wrap: wrap; 
}
.price-wrap .col2 .left {
    border-right: 1px solid #222;
}
.price-wrap dt,
.price-wrap dd {
    font-size: 2.7vmin;
    letter-spacing: -.05rem;
}
.price-wrap dt {
    width: 45%;
}
.price-wrap dd.num {
    width: 15%;
    text-align: right
}
.price-wrap dd.price {
    width: 40%;
    text-align: right
}
/*option*/
.price-wrap .option dt {
    width: 51%;
}
.price-wrap .option dd.num {
    width: 14%;
    text-align: right
}
.price-wrap .option dd.price {
    width: 35%;
    text-align: right
}
/*peeling*/
.price-wrap .peeling dt {
    width: 52%;
}
.price-wrap .peeling dd.num {
    width: 15%;
    text-align: right
}
.price-wrap .peeling dd.price {
    width: 33%;
    text-align: right
}
/*picospot*/
.price-wrap .picospot.row .row {
    padding: 0 1rem;
}
.price-wrap .picospot dl {
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 1rem;
    width: calc(100% / 3);
}
.price-wrap .picospot dl:not(:last-child) {
    border-right: 1px solid #222; 
}
.price-wrap .picospot .all {
    width: 50%;
}
.price-wrap .picospot .size {
    width: 43%;
    text-align: right;
}
.price-wrap .picospot .adm {
    width: 27%;
}
.price-wrap .picospot dd.num {
    width: 23%;
    text-align: right;
}
.price-wrap .picospot dd.price {
    width: 50%;
    text-align: right;
}
/*picof*/
.price-wrap .pf-item {
    width: 28%;
}
.price-wrap .part {
    width: 33%;
}
.price-wrap .pf-price {
    width: 44px;
    text-align: right;
}
/*laser*/
.price-wrap .laser dl {
    width: 100%;
    padding: 0;
}
.price-wrap .laser.row  {
    justify-content: space-between;
    padding: 0 1rem;
}
.price-wrap .laser .left  {
    width: 60%;
    border-right: 1px solid #222;
    padding-right: 1rem;
}
.price-wrap .laser .right  {
    width: 38%;
}
.price-wrap .laser .left dt {
    width: 26%;
}
.price-wrap .laser .left .num{
    width: 36%;
}
.price-wrap .laser .left .price {
    width: 27%;
}
.price-wrap .laser sup {
    font-size: 2vim;
    z-index: -1;
}
/*dama*/
.price-wrap .dama dt {
    width: 60%;
}
.price-wrap .dama .num {
    width: 22%;
}
.price-wrap .dama .price {
    width: 17%;
}
/*jenesis*/
.price-wrap .jenesis dl {
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 1rem;
}
.price-wrap .jenesis .left {
    width: 50%;
    flex: 0 0 50%;
}
.price-wrap .jenesis .left dt {
    width: 38%;
}
.price-wrap .jenesis .left .num {
    width: 19%;
}
.price-wrap .jenesis .left .price {
    width: 42%;
}
.price-wrap .jenesis .right dt {
    width: 50%;
}
.price-wrap .jenesis .right .num {
    width: 15%;
}
.price-wrap .jenesis .right .price {
    width: 35%;
}
.price-wrap .info {
    font-size: 2.7vmin;
    padding-left: 1rem;
}
/*aga*/
.price-wrap .aga .right dt {
    width: 50%;
}
.price-wrap .aga .right .date {
    width: 20%;
}
.price-wrap .aga .right .price {
    width: 30%;
}
/*diet*/
.price-wrap .diet dt {
    width: 40%;
}
.price-wrap .diet .date {
    width: 30%;
    text-align: center;
}
.price-wrap .diet .price {
    width: 20%;
}
.price-wrap .diet .diet-trial dt {
    width: 48%;
}
.price-wrap .diet .diet-trial .date {
    width: 24%;
    text-align: center;
}
.price-wrap .diet .diet-trial .price {
    width: 28%;
}
/*mbotox*/
.price-wrap .mbotox dt {
    width: 48%;    
}
.price-wrap .mbotox .item {
    width: 18%;    
}
.price-wrap .mbotox .price {
    width: 32%;    
}
/*hyaluron*/
.price-wrap .hyaluron dt {
    width: 35%;    
}
.price-wrap .hyaluron .num {
    width: 33%;    
}
.price-wrap .hyaluron .price {
    width: 32%;    
}
/*placenta*/
.price-wrap .placenta dt {
    width: 31%;
}
.price-wrap .placenta .level {
    width: 12%;
}
.price-wrap .placenta-wide {
    padding: 0 1rem 0;
}
.price-wrap .placenta-wide .price {
    width: 30%;
}
/*medicalsup*/
.price-wrap .medicalsup dt {
    width: 50%;
}
.price-wrap .medicalsup .num {
    width: 25%;
}
.price-wrap .medicalsup .price {
    width: 25%;
}

/*acne*/
.price-wrap .acne .left {
    width: 60%;
    flex: 0 0 60%;
}
.price-wrap .acne .left dt {
    width: 55%;
}
.price-wrap .acne .left .date {
    width: 24%;
}
.price-wrap .acne .left .price {
    width: 20%;
}
/*cream*/
.price-wrap .cream .right dt {
  width: 70%;  
}
.price-wrap .cream dt {
    width: 25%;
}
.price-wrap .cream .price {
    width: 25%;
}
/*oral*/
.price-wrap .oral-wide {
    padding: 0 1rem 1rem;
}
.price-wrap .oral-wide dt {
    width: 20%;
    letter-spacing: -.08rem;
}
.price-wrap .oral-wide .detail {
    width: 59%;
    letter-spacing: -.15rem;
}
.price-wrap .oral-wide .date {
    width: 10%;
    letter-spacing: -.08rem;
}
.price-wrap .oral-wide .price {
    width: 8%;
}
.price-wrap .oral .date {
    width: 26%;   
}
.price-wrap .oral .price {
    width: 23%;
}
.price-wrap .oral .right p {
    font-size: 2.7vmin;    
}
.price-wrap .oral .right span {
    letter-spacing: -.15rem;    
}
/*cosme*/
.price-wrap .cosme dt {
    width: 80%;
}
.price-wrap .cosme .price{
    width: 20%;
}
/*hangover*/
.price-wrap .hangover dt {
    width: 40%;
}
.price-wrap .hangover .num{
    width: 40%;
}
.price-wrap .hangover .price{
    width: 20%;
}
/*artmake*/
.price-wrap .artmake dt {
    width: 65%;
}
.price-wrap .artmake .price {
    width: 35%;
}

/*businessday
-------------------------------------*/
/*.businessday-wrap {
    background: #fff;
    padding: 8rem 0;
    text-align: center;
}*/
/*.businessday-wrap h2 {
    font-size: 24px;
    margin-bottom: 1.5rem;
}*/
.businessday-wrap .date {
    font-size: 3.8vmin;
}
/*calendar*/
.calendar-wrapper {
    padding: 2rem 0;
}
.calendar-wrapper .month {
    font-size: 5vmin;
    margin-bottom: 1rem;
}
.calendar {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
    border: 1px solid #efebe1; 
}
.calendar > * {
    border: 1px solid #efebe1;
    padding: 1rem 0;
    font-size: 4vmin;
}
.calendar span {
    display: block;
}
.weekday {
    background: #efebe1;
    color: #222;
    padding: 0;
    font-size: 3.6vmin;
}
.calendar .circle,
.calendar .cross {
    width: 25%;
}
.businessday-wrap .note-wrap {
    padding: 3rem 1.5rem;
}
.businessday-wrap .note-wrap .text {
    font-size: 1.0rem;
    text-align: left;
    padding: 1.5rem 0;
}
.businessday-wrap .note-wrap .checklist li {
    text-align: left;
    position: relative;
    padding-left: 1.2rem;
    margin-bottom: .5rem;
}
.businessday-wrap .note-wrap .checklist li:before {
    position: absolute;
    content: '□';
    font-size: 1rem;
    top: 0;
    left: 0;
}

/*policy
-------------------------------------*/
#policy .head {
    padding: 0 0 3rem;
}
.policy-wrap  {
    padding: 0 1rem 15rem;
}
.policy-wrap p {
    font-size: 1.2rem;
    padding: 0 1.6rem;  
}
.policy-wrap .text {
    margin-bottom: 3rem;
}
.policy-wrap .policy-list li {
    margin-bottom: 4rem;
}
.policy-wrap .title {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    padding: 0 1.5rem;
    position: relative;
    background: #c3d7cb;
    z-index: -1;
}

/*qa
-------------------------------------*/
#qa .head {
    padding: 0 0 3rem;
}
.qa-wrap  {
    padding: 0 1.5rem 15rem;
}
.qa-wrap .q-text {
    font-size: 1.4rem;
    margin-bottom: 0.8rem;
    padding-left: 2rem;
    position: relative;
    z-index: -1;
}
.qa-wrap .q-text::before {
    position: absolute;
    content: '';
    font-size: 1.6rem;
    top: 0.2rem;
    left: 0;
    margin: auto;
    background: url(/wp-content/themes/amc_theme/img/qa-icon-q.svg) no-repeat;
    width: 16px;
    height: 16px;
}
.qa-wrap .a-text {
    margin-bottom: 4rem;
}
.qa-wrap .a-text p {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    padding-left: 2rem;
    position: relative;
    z-index: -1;
}
.qa-wrap .a-text p::before {
    position: absolute;
    content: '';
    font-size: 1.6rem;
    top: 0;
    left: 0;
    margin: auto;
    background: url(/wp-content/themes/amc_theme/img/qa-icon-a.svg) no-repeat;
    width: 16px;
    height: 16px;  
}
.qa-wrap .reserve-btn {
    display: flex;
    padding: .5rem 1.8rem;
}
.qa-wrap .reserve-btn > * {
    width: calc(100% / 2);
    margin-right: 0.5rem;
}
.qa-wrap .reserve-btn .tel a,
.qa-wrap .reserve-btn .line a {
    display: block;
    padding: 1rem;
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
    letter-spacing: .15rem;
}
.qa-wrap .reserve-btn .tel a {
    background: #d4c9b0;
}
.qa-wrap .reserve-btn .line a {
    background: #8bc756;
}
.qa-wrap .price-btn a {
    background: #efebe1;
    display: block;
    padding: 1rem;
    margin: .5rem 1.8rem;
    width: 45%;
    text-align: center;
    font-size: 1.4rem;
    letter-spacing: .15rem;
}
/*recruit
-------------------------------------*/
#recruit .head {
    padding: 5rem 0 3rem;
}
.recruit-wrap  {
    padding: 0 1.5rem 15rem;
}

/*access
-------------------------------------*/
/*.access-wrap {
    background: #fff;
    padding: 2rem 0 5rem;
}*/
/*.access-wrap h2 {
    margin-bottom: 2rem;
}*/
.access-wrap .info {
    padding: 0 2rem 2rem;
}
.access-wrap .map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%;
}
.access-wrap .map iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
/*vieo
-------------------------------------*/
#video {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0rem auto 5rem;
}

/* タブレット用レイアウト */
@media screen and (min-width: 600px) {
    h2 {
        font-size: 2.4rem;
    }
    .menu-wrap ul li {
        width: calc(100% / 3);
    }
    .doctors-wrap .prof .name p {
        font-size: 1.2rem;
    }
    .doctors-wrap .prof .text p {
        font-size: 1.1rem;
    }
.detail_section h1,
    .menu-item h1,
    #policy h1,
    #price h1,
    #qa h1,
    #column h1 {
        font-size: 1.8rem;
        padding: 0.5rem 3rem 1.5rem;
    }
    .menu-item h2 {
        font-size: 1.8rem;
    }
    .menu-item dl {
        padding: 1.5rem 3rem 0;
    }
    .menu-item dt,
    .menu-item dd {
        font-size: 1.4rem;タブレット
    }
    .qa-wrap .q-text::before {
        top: 0.1rem;
        width: 16px;
        height: 16px;
    }
    .qa-wrap .a-text p::before {
        top: 0;
        width: 16px;
        height: 16px;
    }
    .qa-wrap .price-btn a {
        width: 460px;
        font-weight: bold;
    }
    .price-wrap dt, .price-wrap dd {
        font-size: 1.4rem;
        letter-spacing: -.05rem;
    }
    /*
    .price-wrap h2 {
        font-size: 1.6rem;
        height: 12px;
    }
    .price-wrap h2.col2-ttl {
        margin: 0 -1rem 1.5rem;
    }
    */
    .line-title {
        font-size: 1.5rem;
        height: 12px;
    }
    .line-title.col2-ttl {
        margin: 0 -1rem 1.5rem;
    }
    .price-wrap .note {
        font-size: 1.3rem;
    }
    .price-wrap .head-note {
        font-size: 1.5rem;
    }
    .price-wrap dt, .price-wrap dd {
        font-size: 1.4rem;
    }
    .price-wrap .col2 > * {
        padding: 0 2rem;
    }
    .price-wrap .oral .right p {
        font-size: 1.4rem;
    }
    .price-wrap .oral-wide .detail {
        width: 60%;
    }
    .price-wrap .info {
        font-size: 1.4rem;
        padding-left: 2rem;
    }
    .price-wrap .placenta-wide {
        padding: 0 2rem 0;
    }
    .price-wrap .oral-wide {
        padding: 0 2rem 1rem;
    }
    .price-wrap .col1 {
        padding: 0 2rem;
    }
    .price-wrap .picospot.row .row {
        padding: 0 2rem;
    }
    .price-wrap .laser.row  {
        padding: 0 2rem;
    }
    .price-wrap .info {
        font-size: 1.5rem;
        padding-left: 2rem;
    }
    .price-wrap .jenesis dl {
        padding: 0 2rem;
    }
/*    .calendar-wrapper {
        padding: 3rem;
    }*/
    .calendar-wrapper .month {
        font-size: 2rem;
    }
    .calendar .circle, .calendar .cross {
        width: 15%;
    }
    .weekday {
            font-size: 1.6rem;
    }
    .calendar > * {
            font-size: 1.6rem;
    }
    .businessday-wrap .note-wrap {
        padding: 3rem;
    }
    .businessday-wrap .note-wrap .text {
        font-size: 1.2rem;
    }
    .businessday-wrap .note-wrap .checklist li {
        font-size: 1.2rem;
        padding-left: 1.4rem;
    }
    .businessday-wrap .note-wrap .checklist li:before {
        font-size: 1.2rem;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }
    .businessday-wrap .date {
        font-size: 1.6rem;
    }
    #video {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 3rem auto;
    }
    .price-wrap .pf-price {
        width: 30%;
    }
    .price-wrap .diet .diet-trial .date {
        width: 30%;
    }
    .price-wrap .diet .diet-trial .price {
        width: 20%;
    }
}
/* PC用レイアウト */
@media screen and (min-width: 1025px) {
    #navi li a {
        transition : 1s;
    }
    #navi li a:hover {
        color: #ccc;
    }
    .doctors-wrap .prof .name p {
        font-size: 1.5rem;
    }
    .doctors-wrap .prof .ph {
        width: 160px;
        flex: 0 0 160px;
    }
    .doctors-wrap .prof .text p {
        font-size: 1.4rem;
    }
    #menu .head {
        margin-top: 40px;
    }
    .menu-wrap ul li {
        width: calc(100% / 4);
    }
    .detail_section h1,
    .menu-item h1,
    #policy h1,
    #price h1,
    #qa h1,
    #column h1 {
        font-size: 2.4rem;
        padding: 0.5rem 2.8rem 1.4rem;
    }
    .menu-item dl {
        padding: 1.5rem 2.8rem 0;
    }
    .menu-item dt {
        font-size: 1.4rem;
        width: 19%;
        height: fit-content;
        border: 1px solid #222;
        text-align: center;
        border-radius: 2.5rem;
    }
    .menu-item dd {
        font-size: 1.4rem;
    }
    .price-wrap dt, .price-wrap dd {
        font-size: 1.4rem;
        letter-spacing: -.05rem;
    }
    /*
    .price-wrap h2 {
        font-size: 1.6rem;
        font-weight: 500;
        border: 1px solid #999;
        height: 12px;
        margin: 0 1rem 2.5rem;
    }
    .price-wrap h2.col2-ttl {
        font-size: 1.6rem;
        border: 1px solid #999;
        height: 12px;
        line-height: .5;
        margin: 0 -1rem 2.5rem;
    }
    .price-wrap h2.col2-ttl  {
        background: #fff;
        padding: 0 0;
    }
    */
    .price-wrap .oral .right span,
    .price-wrap .oral .right p {
        font-size: 1.4rem;
    }
    .price-wrap .col2 > * {
        padding: 0 2rem;    
    }

.price-wrap .peeling dt {
    width: 45%;
}
.price-wrap .peeling dd.price {
    width: 40%;
}
    .price-wrap .diet .diet-trial dt {
        width: 54%;
    }
    /*hyaluron*/
    .price-wrap .hyaluron dt {
        width: 60%;    
    }
    .price-wrap .hyaluron .num {
        width: 20%;    
    }
    .price-wrap .hyaluron .price {
        width: 15%;    
    }
    .price-wrap .mbotox .item {
        text-align: center;
    }
    .policy-wrap p {
        font-size: 1.5rem;
        padding: 0;
    }
    .policy-wrap .title {
        font-size: 2.2rem;
    }
    .qa-wrap {
        padding: 0 2rem;
    }
    .qa-wrap .q-text {
        font-size: 1.6rem;
        margin-bottom: 1rem;
        padding-left: 2.5rem;
    }
    .qa-wrap .q-text::before {
        top: 0.1rem;
        width: 18px;
        height: 18px;
    }
    .qa-wrap .a-text p {
        font-size: 1.4rem;
        margin-bottom: 1rem;
        padding-left: 2.5rem;
    }
    .qa-wrap .a-text p::before {
        top: 0;
        width: 18px;
        height: 18px;
    }
    .qa-wrap .price-btn a {
        width: 460px;
    }
    .qa-wrap .reserve-btn,
    .qa-wrap .price-btn a {
        padding:  1rem 2.5rem;
    }
    .calender-fl {
        display: flex;
        gap: 8rem;
    }
    /*.calender-fl > * {
        width: calc(100% / 2);
        margin: 0 1rem;
        font-size: 1.6rem;
    }*/
    .weekday {
            font-size: 1.6rem;
    }
    .calendar > * {
            font-size: 1.6rem;
    }
    /*.calendar {
        grid-template-columns: repeat(7, minmax(68px, 1fr));
    }*/
    .calendar .circle, .calendar .cross {
        width: 25%;
    }
    .businessday-wrap .date {
            font-size: 1.6rem;
    }
    .businessday-wrap .note-wrap {
        padding: 3rem;
    }
    .businessday-wrap .note-wrap .title {
        font-size: 1.6rem;
    }
    .businessday-wrap .note-wrap .text {
        font-size: 1.4rem;
    }
    .businessday-wrap .note-wrap .checklist li {
        font-size: 1.4rem;
        padding-left: 1.6rem;
    }
    .businessday-wrap .note-wrap .checklist li:before {
        font-size: 1.4rem;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }
    .calendar-wrapper .month {
        font-size: 2.6rem;
    }
    /*
    .access-wrap {
        padding-top: 60px;
    }*/
    .access-wrap .map {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 56.25%;
    }
    #video {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 3rem auto 5rem;
    }
    .calendar-wrapper {
        padding: 2rem 0;
        width: 50%;
    }
}
@media (max-width: 320px)
{
    p {
    font-size: 1.1rem;
    }
    .price-wrap dt {
        width: 50%;
    }
    .price-wrap dd.num {
        width: 13%;
    }
    .price-wrap dd.price {
        width: 34%;
    }
    .price-wrap .peeling dt {
        width: 46%;
    }
    .price-wrap .peeling dd.num {
        width: 16%;
    }
    .price-wrap .peeling dd.price {
        width: 28%;
    }
    .price-wrap .picospot .all {
        width: 55%;
    }
    .price-wrap .picospot dd.price {
        width: 41%;
    }
    .price-wrap .picospot .size {
        width: 50%;
    }
    .price-wrap .picospot dd.num {
        width: 27%;
    }
    .price-wrap dd.num {
        width: 16%;
    }
    .price-wrap .pf-item {
        width: 32%;
    }
    .price-wrap .part {
        width: 30%;
    }
    .price-wrap .laser .left {
        width: 65%;
        padding-right: .5rem;
    }
    .price-wrap .laser .left .price {
        width: 36%;
    }
    .price-wrap .laser .left .num {
        width: 38%;
    }
    .price-wrap .laser .right {
        width: 35%;
        padding-left: 0.5rem;
    }
    .price-wrap .option dt {
        width: 59%;
    }
    .price-wrap .dama dt {
        width: 69%;
    }
    .price-wrap .dama .num {
        width: 11%;
    }
    .price-wrap .jenesis .left {
        width: 44%;
        flex: 0 0 44%;
    }
    .price-wrap .jenesis .right dt {
        width: 48%;
    }
    .price-wrap .option dd.num {
        width: 12%;
    }
    .price-wrap .aga .right dt {
        width: 51%;
    }
    .price-wrap .aga .right .date {
        width: 23%;
    }
    .price-wrap .aga .right .price {
        width: 24%;
    }
    .price-wrap .diet dt {
        width: 27%;
    }
    .price-wrap .diet .date {
        width: 41%;
    }
    .price-wrap .diet .price {
        width: 23%;
    }
    .price-wrap .diet .diet-trial dt {
        width: 50%;
    }
    .price-wrap .diet .diet-trial .date {
        width: 22%;
        text-align: center;
    }
    .price-wrap .diet .diet-trial .price {
        width: 20%;
    }
    .price-wrap .placenta dt {
        width: 34%;
    }
    .price-wrap .oral-wide dt {
        width: 22%;
    }
    .price-wrap .oral-wide .detail {
        width: 48%;
    }
    .price-wrap .oral-wide .date {
        width: 12%;
    }
    .price-wrap .oral-wide .price {
        width: 10%;
    }
}

/*フッター
-------------------------------------*/
.wrapper {
      display: flex;
      flex-direction: column;
}

/*お問い合わせ
-------------------------------------*/
.contact-box {
    border: 1px solid #ccc;
    text-align: center;
    padding: 2rem 0;
}
.table {
    margin: 4rem 0;
}
.table th {
    width: 250px;
}

/*コピーライト
-------------------------------------*/
.copyright {
    text-align: center;
    color: #fff;
    padding: 1.1rem 0;
    font-family: system-ui;
    font-size: 14px;
}

/*ページトップへ戻るボタン
-------------------------------------*/
#pagetop {
    position: fixed;
    bottom: 0;
    right: 0;
}
#pagetop img {
    width: 50%;
}
#pagetop a {
    display: block;
    background: #000;
    color: #fff;
    width: 50px;
    padding: 10px 5px;
    text-align: center;
}
#pagetop a:hover {
    background: #666;
}

/*grid
-------------------------------------*/
.row {
    display: flex;
    justify-content: center;
    padding: 0;
}

/*common
-------------------------------------*/
.center {
    text-align: center;
}
.alignright {
    text-align: right;
}
.ml20 {margin-left: 20px;}
.mr10 {margin-right: 10px;}
.mt40 {margin-top: 40px;}
.mb15 {margin-bottom: 15px!important;}
.mt15 {margin-top: 15px;}
.mb0  {margin-bottom: 0!important;}
.mlr-auto {margin-left: auto; margin-right: auto;}
.pt5rem {padding-top: 5rem;}

.fs-l {font-size: 1.3rem!important; }
.fs-mpx {font-size: 16px;}
.fw-b {
  font-weight: bold;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

.flex {display: flex;}
.f-column {flex-direction: column;}
.f-wrap   {flex-wrap: wrap;}
.j-center {justify-content: center;}
.j-between{justify-content: space-between;}
.j-around {justify-content: space-around;}
.a-center, .align-center{align-items: center;}
.align-start{align-items: flex-start;}
.f--column{flex-direction: column;}
.gap--ll {gap: 60px;}
.gap--l  {gap: 24px;}
.gap--sm {gap: 16px;}
.gap--s  {gap: 8px;}

.posi--ab {position: absolute;}
.posi--re {position: relative;}

.color-primary   {color: #699b7c;}
.color-secondary {color: #d42e69;}
.color-w {color: #fff}
.bg-lb {background: #2d9ebb;}
.bg-p  {background: #d42e69;}
.bg-g  {background: #699b7c;}
.bg-p_thin {background: #da5584;}
.bg-g_thin  {background: #84ac93;}
.bg-b_thin  {background: #57b4cb;}
.bg-dg {background: #575757;}
.bg-dark {background: #404040;}

@media screen and (max-width: 787px) {
    .gap--ll {gap: 20px;}
    .gap--l {gap: 16px;}
    .gap--sm {gap: 8px;}
    .gap--s {gap: 4px;}
}
@media screen and (max-width: 320px){
    .gap--ll {gap: 20px;}
}

/* common button */
.button-gray {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.5rem 0;
    margin: .5rem auto;
    width: 95%;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    background-color: #404040;
    border-radius: 10px;
}
.button-gray:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 10px;
    right: 1.5em;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}
.button-gray:hover {
    opacity: .7;
    color: #fff;
}
/* PC表示 */
@media screen and (min-width: 1025px) {
    .pc-none {
        display: none;
    }
    .button-gray {
        width: 70%;
        font-size: 1.6rem;
    }
    .fs-l { font-size: 1.8rem!important; }
}
/* タブレット以下 */
@media screen and (max-width: 1024px) {
    .sp-none {
        display: none;
    }
    .top-section {
        width: 95%;
        margin-right: auto;
        margin-left: auto;
    }
}

/*banner slider
-------------------------------------*/
#dc-banner {
    width: 100%;
    max-width: 1080px;
    height: 332px;
    display: flex;
    margin: 20px auto 50px;
    border: 1px solid #ddd;
}
#dc-banner .lead-box {
    font-family: 'Noto Serif JP', serif;
    width: 720px;
    height: 330px;
    background: url(/wp-content/themes/amc_theme/img/atc-bnr-bg.png) top left no-repeat;
    background-size: cover;
    padding: 1.6rem 3rem 1.6rem 4rem;
}
#dc-banner .slider {
    width: 360px;
    height: 0;
}
#dc-banner .title {
    font-family: athelas, serif;
    font-weight: 400;
    letter-spacing: .18rem;
    font-style: normal;
    font-size: 40px;
    line-height: 1.4;
}
#dc-banner .sub-title {
    font-size: 18px;
    padding-bottom: 10px;
}
#dc-banner .lead {
    font-size: 16px;
    line-height: 1.9;
    padding-bottom: 20px;
}
#dc-banner .note {
    font-size: 14px;
    display: block;
    padding-top: 5px;
    text-indent: -1.5rem;
    padding-left: 1.5rem;
}
#dc-banner .btn-wrap a {
    background: #222;
    font-family: athelas, serif;
    letter-spacing: .18rem;
    color: #fff;
    font-size: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 330px;
    height: 55px;
}
/*矢印が右に移動する*/
#dc-banner .btn-arrow{
    position: relative;
    display: inline-block;
    padding: 0 20px;
    color: #333;
    text-decoration: none;
    outline: none;
}
/*矢印と下線の形状*/
#dc-banner .btn-arrow::before{
    content: '';
    position: absolute;
    top: 8px;
    bottom: 0;
    right: 24px;
    margin: auto;
    width: 16%;
    height: 1px;
    background: #fff;
    transition: all .3s;
}
#dc-banner .btn-arrow::after{
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0;
    right: 22px;
    margin: auto;
    width: 15px;
    height: 1px;
    background: #fff;
    transform: rotate(35deg);
    transition: all .3s;
}
/*hoverした際の移動*/
#dc-banner .btn-arrow:hover::before{
    right: -12px;
}
#dc-banner .btn-arrow:hover::after{
    right: -14px;
}
/*slick*/
#dc-banner .slick-next:before,
#dc-banner .slick-prev:before {
    display: none;
}
#dc-banner .slick-img img {
  height: auto;
  width: 100%;
}
#dc-banner .slick-prev {
  left: 0;
  z-index: 1;
}
#dc-banner .slick-next {
  right: 0;
}
#dc-banner .container .slick-num {
  background-color: rgba(255,255,255,.5);
  bottom: 0;
  font-size: 18px;
  left: 0;
  line-height: 2;
  position: absolute;
  right: 0;
  text-align: center;
}
#dc-banner .slick-num {
    position: absolute;
    bottom: 8px;
    right: 8px;
    font-size: 14px;
    font-family: athelas, serif;
}
#dc-banner .slider-badge {
    position: relative;
}
#dc-banner .slider-badge::before {
    position: absolute;
    content: '';
    width: 90px;
    height: 90px;
    background: url(/wp-content/themes/amc_theme/img/atc-bnr-badge.png);
    background-size: contain;
    top: -10px;
    left: -55px;
    z-index: 1;
}

@media screen and (max-width: 1024px) {
    section.banner-wrap {
        padding-top: 10px;
    }
    #dc-banner {
        width: 100%;
        max-width: 1080px;
        height: 332px;
        display: flex;
        margin: 20px auto 40px;
        border: 1px solid #ddd;
    }
    #dc-banner .lead-box {
        width: 70%;
        padding: 1.2rem 2rem 1.6rem 4rem;
    }
    #dc-banner .title {
        font-size: 30px;
    }
    #dc-banner .sub-title {
        font-size: 16px;
    }
    #dc-banner .lead {
        font-size: 14px;
    }
    #dc-banner .note {
        font-size: 13px;
    }
    #dc-banner .lead {
        padding-bottom: 15px;
    }
    #dc-banner .btn-wrap a {
        height: 50px;
    }
}

@media screen and (max-width:767px) {
    section.banner-wrap {
        padding-top: 0px;
    }
    #dc-banner {
        display: block;
        border: none;
        width: 100%;
        height: auto;
        background: url(/wp-content/themes/amc_theme/img/atc-bnr-bg-sp.png) top left no-repeat;
        background-size: cover;
        padding: 0 0 50px;
        margin: 0 auto 40px;
        position: relative;
    }
    #dc-banner .lead-box {
        width: 100%;
        height: auto;
        background: none;
        padding: 1.2rem 2rem;
    }
    #dc-banner .lead {
        font-size: 13px;
    }
    #dc-banner .note {
        font-size: 12px;
    }
    #dc-banner .slider {
        width: 70%;
        margin: 0 auto;
        z-index: 1;
    }
    #dc-banner .slider-badge::before {
        width: 80px;
        height: 80px;
        top: -20px;
        left: -40px;
    }
    #dc-banner .btn-wrap {
        position: absolute;
        bottom: -15px;
        left: 0;
        right: 0;
        margin: auto;
    }
    #dc-banner .btn-wrap a {
        width: 90%;
        margin: 0 auto;
    }
}

.medicalsup-link {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.medicalsup-link-btn {
    width: 50%;
    margin-bottom: 10px;
}
.medicalsup-link-btn a {
    background: #222;
    color: #fff;
    font-size: 15px;
    text-align: center;
    width: 100%;
    position: relative;
    padding: 2px 0;
    margin-bottom: 2px;
}
.medicalsup-link-btn a::before {
    content: '';
    width: 9px;
    height: 9px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
}
@media screen and (max-width:767px) {
    .medicalsup-link {
        justify-content: center;
    }
    .medicalsup-link-btn {
        width: 90%;
    }
    .medicalsup-link-btn a {
        font-size: 3vmin;
        padding: 5px 0;
    }
}
/*case*/
#case .index li {
    font-size: 1.5rem;
    margin-bottom: .4rem;
}
.case-box {
    padding: 20px 15px 40px;
}
.case-box .lead {
    font-size: 1.6rem;
    padding: 0.5rem 1rem;
    margin-bottom: 2rem;
    font-weight: 600;    
}
.case-title {
    font-size: 1.8rem;
    line-height: 2;
    font-weight: 600;
    margin-bottom: 1em;
}
.case-subtitle {
    font-size: 1.6rem;
    padding: .3rem 1rem;  
}
.case-box .text,
.case-box .lead,
.case-box .ph {
    margin-bottom: 2rem;
    line-height: 1.8;
}
.case-box .item {
    font-size: 1.7rem;
    margin-bottom: .5rem;
}
.case-wrap .bd-top {
    border-top: 1px dotted #333;
    padding-top: 15px;
}
.case-wrap .bd-bottom {
    border-bottom: 1px dotted #333;
    margin-bottom: 15px;
}
.case-btn a {
    width: 100px;
    background: #222;
    position: relative;
    padding: .3rem;
    margin: .5rem 3rem;
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
    border-radius: 50vh;
}
.case-btn a::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    right: 10px;
    top: 0;
    bottom: 0;
}
.item-name {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.case-box dl {
    padding: 1rem;
}
.case-box dt {
    font-size: 1.2rem;
    width: 36%;
    height: fit-content;
    border: 1px solid #222;
    text-align: center;
    border-radius: 50vh;
    margin-bottom: .6rem;
}
.case-box dd {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    width: 100%;
}
#case .sejyutu {
    font-size: 1.4rem;
} 

@media screen and (min-width: 1025px) {
    #case .index li {
        font-size: 1.7rem;
    }
    .flx-box {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .flx-middle {
        align-items: center;
    }
    .case-box {
        width: 60%;
        margin: 0 auto;
    }
    .case-box .lead {
        font-size: 2rem;   
    }
    .case-title {
        font-size: 2.2rem;
    }
    .case-subtitle {
        font-size: 2rem;
        padding: .5rem 1.5rem; 
    }
    .case-btn a {
        width: 160px;
        font-size: 1.5rem;
    } 
    .case-box dt {
        width: 28%;
        font-size: 1.4rem;
    }
    .case-box dd {
        font-size: 1.4rem;
    }
    #case .sejyutu {
        font-size: 1.6rem;
    } 
}
/*colmun*/
#column .head {
    padding: 0 0 3rem;
}
#column h1 {
    padding: 0.3rem 0;
}
#column .column-wrap p, #column .column-wrap ol {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}
#column .column-wrap {
    width: 92%;
    margin: 0 auto 120px;
}
#column .col-left {
    margin-bottom: 60px;
}
#column .hd-colmun {
    font-size: 2rem;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #222;
}
#column .colmun-main {
    margin: 0 auto 30px;
}
#column .colmun-main img {
    width: 100%;
}
#column .column-wrap .column-index-item {
    font-size: 1.8rem;
    margin-top: 2.4rem;
    margin-bottom: 6px;
    padding-left: 28px;
    position: relative;
}
.parent-list:before {
    position: absolute;
    content: "⚪︎";
    font-size: 2.4rem;
    line-height: 1.2;
    left: 0;
    margin: auto;
    text-decoration: none;
}
#column .date {
    text-align: right;
}
#column .column-wrap p, #column .column-wrap ol {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}
#column .column-index-title {
    text-align: center;
    font-size: 1.8rem;
}
#column .column-index-list li {
    position: relative;
    font-size: 1.6rem;
    line-height: 2.4;
}
#column .column-index-list li:before {
    content: "・";
}
.column-index-list-wrap a {
    text-decoration: underline;
}
.readmore {
  position: relative;
  margin: 50px auto;
  padding: 20px 0 100px;
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
}
.readmore label {
  position: absolute;
  display: table;
  left: 50%;
  bottom: 20px;
  text-align: center;
  transform: translateX(-50%);
  cursor: pointer;
  z-index: 2;
}
.readmore label::before{
  content: '';
  background: url(/wp-content/themes/amc_theme/img/column/column-readmore.png) no-repeat;
  width: 66px;
  height: 87px;
  display: block;
  margin: 0 auto;
  background-size: contain;
}
.readmore input[type="checkbox"]:checked ~ label::before {
  content: '';
  background: url(/wp-content/themes/amc_theme/img/column/column-close.png) no-repeat;
  width: 57px;
  height: 87px;
  display: block;
  margin: 0 auto;
  background-size: contain;
}
.readmore input[type="checkbox"]{
  display: none;
}
.readmore-content {
  position: relative;
  height: 260px;
  overflow: hidden;
  transition: .8s;
}
.readmore input[type="checkbox"]:checked ~ .readmore-content {
  height: auto;
/*  padding-bottom: 100px;*/
}
.readmore-content::before {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background: linear-gradient( rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, #fff 100%);
  z-index: 1;
}
.readmore input[type="checkbox"]:checked ~ .readmore-content::before {
  display: none;
  background: none;
}
#column .column-section .title {
    font-size: 2rem;
    border-left: 4px solid #a69862;
    padding: 4px 0 4px 10px;
    margin-top: 70px;
    margin-bottom: 20px;
}
#column .column-section .sub-title {
    font-size: 1.8rem;
    border-bottom: 1px solid #a69862;
    margin-top: 50px;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
#column .column-section .item {
    font-size: 1.6rem;
    margin-bottom: 10px;
    color: #a69862;
}
#column .column-wrap .column-section_ph img {
    width: 100%;
    margin: 0 auto 20px;
}
#column .column-wrap .column-btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.6rem 0;
    margin: 40px 0 0;
    width: 100%;
    color: #222;
    font-size: 1.6rem;
    text-align: center;
    font-weight: bold;
    background-color: #fff;
    border: 1px solid #222;
    border-radius: 50vh;
}
#column .column-btn:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 10px;
    right: 1.5em;
    border-top: 2px solid #222;
    border-right: 2px solid #222;
    transform: rotate(45deg); 
}
#column .column-wrap .apply-lead {
    position: relative;
    text-align: center;
    font-weight: bold;
    line-height: 1.3;
    font-size: 3.5vmin;
    margin-top: 40px;
}
#column .column-wrap .apply-lead:before,
#column .column-wrap .apply-lead:after {
    position: relative;
    display: inline-block;
    content: "";
    background: #222;
    width: 2px;
    height: 2em;
    margin: 0 1em;
    margin-top: -.2em;
    vertical-align: middle;
}
#column .column-wrap .apply-lead:before {
  transform: rotate(-35deg);
}
#column .column-wrap .apply-lead:after {
  transform: rotate(35deg);
}
#column .column-wrap .apply-btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.5rem 0;
    margin: 0 auto;
    width: 100%;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    background-color: #222;
}
#column .apply-btn:after, .btn-more:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 10px;
    right: 1.5em;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg); 
}
#column .apply-btn:hover {
    background: #999;
}
#column .case-item span {
    font-size: 16px;
    display: inline-block;
    padding: 2px 20px;
    margin-top: 40px;
    margin-bottom: 15px;
    background: #f3efe2;
}
#column .case-option {
    font-size: 1.6em;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}
#column .case-option:before {
    content: "\025cf";
    margin-right: 5px;
    font-size: 1.3rem;
}
#column .column-case-ph {
    display: flex;
    justify-content: space-between;
    margin: 20px 0 0;
    flex-wrap: wrap;
    row-gap: 20px;
}
#column .column-case-ph li {
    width: 48%;
}
#column .bdl-yellow {
    background:linear-gradient(transparent 60%, #ffef80 60%);
}
#column .category-list li {
    font-size: 16px;
    margin-bottom: 10px;
}
#column .category-list li a{
    position: relative;
}
#column .category-list li a::after {
    position: absolute;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: #000000;
    bottom: -1px;
    visibility: hidden;
}
#column .category-list li a:hover::after {
visibility: visible;
}
#column .column-list li {
    border: 2px solid #d3d3d3;
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
}
#column .column-list li a:hover {
    opacity: .6;
}
#column .column_list_content {
    padding: 10px 20px 20px;
}
#column .column-list_title {
    font-size: 1.8rem;  
    line-height: 1.7; 
}
#column .column-wrap .column-list_item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
#column .column-case-wrap {
    background: #f9f6ee;
    padding: 2rem;
}
#column .column-wrap .hd-treatment {
    font-size: 1.7em;
    display: flex;
    align-items: center;
}
#column .column-wrap .hd-treatment:before {
  border-top: 2px solid;
  content: "";
  width: 1.5em;
}
#column .column-wrap .hd-treatment:before {
  margin-right: 1em;
}
#column .column-wrap .treatment-list dt,
#column .column-wrap .treatment-list dd {
    font-size: 1.4em;
}
#column .column-wrap .treatment-list dd {
    border-bottom: 1px solid #333;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
#column .column-wrap .date {
    font-size: 13px;
}
#column .category-tag {
    max-width: 60%;
    background: #f3efe2;
    border-radius: 50vh;
    font-size: 13px;
    text-align: center;
    line-height: 1.6;
    padding: 2px 10px;
}
ol.circle-num {
    counter-reset: my-counter;
    list-style: none;
}
.circle-num li {
    display: flex;
    line-height: 1.8;
    align-items: center;
}
.circle-num li:before {
    content: counter(my-counter);
    counter-increment: my-counter;
    border: 1px solid;
    text-align: center;
    height: 16px;
    width: 16px;
    font-size: 1.2rem;
    line-height: 1.2;
    border-radius: 50%;
    margin-right: 3px;
}
#column .right-box_title {
    text-align: center;
    font-size: 2rem;
    border-bottom: 4px solid #f3efe2;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
#column .right-box {
    margin-bottom: 70px;
}

#column .ranking-inner {
    display: flex;
    justify-content: space-between;
}
#column .ranking-thumbnail img {
    width: 120px;
    height: 90px;
    margin-left: 10px;
    margin-right: 15px;
    object-fit: cover;
}
#column .ranking-title {
    flex: 1;
    font-size: 1.4rem;
}
#column .ranking-list li {
    position: relative;
    margin: 15px 0;
}
#column p.ranking-num {
    position: absolute;
    width: 45px;
    height: 45px;
    font-family: 'Oswald', sans-serif;
    font-size: 2rem;
    text-align: center;
    line-height: 2.2;
    border-radius: 50%;
    background: #a69862;
    color: #fff;
    top: -10px;
}
#column p.ranking-num_sub {
    position: absolute;
    width: 40px;
    height: 40px;
    font-family: 'Oswald', sans-serif;
    font-size: 1.8rem;
    text-align: center;
    line-height: 2.2;
    border-radius: 50%;
    background: #e6e6e6;
    color: #222;
    top: -10px;
}
#column .supervise {
    background: #f3efe2;
    padding: 10px 15px 15px;
    margin-top: 60px;
}
#column .hd-supervise {
    font-size: 1.8rem;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #222;
}
#column .supervise-prof_ph {
    width: 60%;
    margin: 0 auto;
}
#column .supervise-prof_content p {
    font-size: 1.4rem;    
}
#column .supervise-prof_content .name {
    font-size: 1.6rem;
}
#column .pager-list {
    display: flex;
    justify-content: space-between;
    gap: 1em;
    margin-top: 50px;
}
#column .pager-list li {
    font-size: 1.6rem;
}
#column .pager-item {
    min-width: 80px;
    text-align: center;
}
#column .notes {
    color: #ec2626;
    font-weight: bold;
    margin-top: 40px;
}
#column .article-more {
    border: 1px solid #888;
    padding: .6rem;
}
#column .article-more-inner {
    display: flex;
    align-items: center;
}
#column .article-more-inner .date {
    color: #888;
}
#column .article-more-thumbnail img {
    width: 160px;
    height: 120px;
    object-fit: cover;
    vertical-align:top;
}
#column .article-more-content {
    margin-left: 10px;
}
ol.circle-num {
  counter-reset: my-counter;
  list-style: none;
}
.circle-num li {
    display: flex;
    line-height: 1.8;
    align-items: center;
}
.circle-num li:before {
    content: counter(my-counter);
    counter-increment: my-counter;
    border: 1px solid;
    text-align: center;
    height: 16px;
    width: 16px;
    font-size: 1.2rem;
    line-height: 1.2;
    border-radius: 50%;
    margin-right: 3px;
}
@media screen and (min-width:767px) {
    #column .column-wrap {
        margin: 0 auto;
    }
    #column .column-wrap .apply-lead {
        font-size: 1.7rem;
    }
    #column .supervise-prof_ph {
        width: 30%;
        margin: 0 auto;
    }
    #column .column-wrap .treatment-list {
        display: flex;
        flex-wrap: wrap;
    }
    #column .column-wrap .treatment-list dt,
    #column .column-wrap .treatment-list dd {
        font-size: 1.4em;
        border-bottom: 1px solid #333;
        margin-bottom: 5px;
        padding-bottom: 5px;
    }
    #column .column-wrap .treatment-list dt {
        width: 20%;
    }
    #column .column-wrap .treatment-list dd {
        width: 80%;
    }
}
@media screen and (min-width: 1025px) {
    #column .hd-colmun {
        font-size: 3rem;
    }
    #column .column-wrap {
        width: 100%;
        display: flex;
    }
    #column .col-left {
        flex: 1;
    }
    #column .col-right {
        width: 320px;
        margin-left: 40px;
    }
    #column .column-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #column .column-list li {
        width: 48%;
    }
    #column .hd-colmun {
        font-size: 24px;
    }
    #column .column-section .title {
        font-size: 2.2rem;
        border-left: 5px solid #a69862;
        padding: 5px 0 5px 15px;
    }
    #column .column-section .sub-title {
        font-size: 2rem;
    }
    #column .column-section .item {
        font-size: 1.7rem;
    }
    #column .column-wrap .column-btn {
        width: 80%;
		margin: 0 auto;
        font-size: 18px;
    }
    #column .column-wrap .case-item span {
        font-size: 18px;
    }
    #column .supervise {
        padding: 25px 30px 30px;
    }
    #column .hd-supervise {
        font-size: 2rem;
    }
    #column .supervise-prof {
        display: flex;
        justify-content: space-between;
    }
    #column .supervise-prof_ph {
        width: 30%;
        margin: 0;
    }
    #column .supervise-prof_content {
        width: 67%;
    }
    #column .pager-list li {
        font-size: 1.8rem;
    }
    #column .article-more-thumbnail img {
        width: 160px;
        height: 120px;
        object-fit: cover;
        vertical-align:top;
    }
    #column .column-wrap .apply-btn {
        width: 90%;
    }
    #column .column-wrap .hd-treatment {
        font-size: 1.7em;
    }
}
.column-tbl-01,
.column-tbl-02,
.column-tbl-03 {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  max-width: 700px;
  text-align: center;
  margin-bottom: 1.5rem;
}
.column-tbl-02 {
    text-align: left;
}
.column-tbl-01 th, .column-tbl-01 td,
.column-tbl-02 th, .column-tbl-02 td,
.column-tbl-02 th, .column-tbl-03 td {
  border: 1px solid #d4c9b0;
  font-size: 1.4rem;
  padding: .4em;
  overflow-wrap: anywhere;
}
.column-tbl-02 th, .column-tbl-02 td {
    padding: .4em 1em;
}
.column-tbl-01 thead th,
.column-tbl-02 thead th {
  background-color: #beae88;
  color: #fff;
  border: 1px solid #beae88;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.column-tbl-01 thead th:last-of-type,
.column-tbl-02 thead th:last-of-type {
  border-right: 1px solid #beae88;
}
.column-tbl-01 tbody th,
.column-tbl-02 tbody th {
  color: #beae88;
  font-weight: bold;
  text-align: center;
}

.column-tbl-03 tbody th {
  font-size: 1.4rem;
  background-color: #beae88;
  color: #fff;
  border: 1px solid #beae88;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

@media screen and (max-width: 787px) {
  .column-tbl-01,
  .column-tbl-02 {
    text-align: left;
  }
  .column-tbl-01 thead,
  .column-tbl-02 thead {
    display:none;
  }
  .column-tbl-01 th, .column-tbl-01 td,
  .column-tbl-02 th, .column-tbl-02 td {
    display: block;
    border: 0;
    border-bottom: 1px solid #beae88;
  }
  .column-tbl-01 tbody th,
  .column-tbl-02 tbody th  {
    background: #beae88;
    color:#fff;
  }
  .column-tbl-01 td::before,
  .column-tbl-02 td::before{
    content: attr(data-label);
    color: #beae88;
    font-weight: bold;
    display: inline-block;
    width: 20%;
    min-width: 4em;
  }
  .column-tbl-02 td::before {
    width: 100%;
    display: block;
  }
}

/*top column list*/
.card-wrapper {
    --duration: 0.3s;
    --gap-row: 5px;
    --grid-row: span 4;

    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
    gap: max(20px, 30px);
    max-inline-size: 1080px;
    margin-inline: auto;
}
.card, .card a {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: var(--grid-row);
    row-gap: var(--gap-row);
}
.thumbnail {
    display: block;
    grid-row: 1 / 2;
    min-inline-size: 0;
    aspect-ratio: 16 / 9;
    contain: strict;
}
.thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: scale var(--duration);

    &:where(.card:has(.article-link:focus-visible) *) {
      scale: 1.1;
    }

    @media (any-hover: hover) {
      &:where(.card:has(.article-link:hover)
        *, .card:not([data-link-hovered]):hover *) {
      scale: 1.1;
    }
  }
}
.category-tag {
    background: #f3efe2;
    border-radius: 50vh;
    font-size: 12px;
    text-align: center;
    line-height: 1.6;
    padding: 4px 10px;
}
.column-list_title {
    order: 4;
    font-size: 1.5rem;
    line-height: 1.8;
    font-weight: normal;
}
.column-list_date {
    font-size: 12px;
    text-align: right;
}
.visually-hidden {
    position: fixed !important;
    inset: 0 !important;
    display: block !important;
    inline-size: 4px !important;
    block-size: 4px !important;
    padding: 0 !important;
    margin: 0 !important;
    contain: strict !important;
    pointer-events: none !important;
    visibility: visible !important;
    border: none !important;
    opacity: 0 !important;
}
.btn-more {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 0;
    width: 350px;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    background-color: #222;
    transition: 1s;
}
.btn-more:hover {
    background: #999;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

/*column 追加202406*/
.check-list li{
    padding-left: 32px;
    font-size: 1.6rem;
    position: relative;
    margin-bottom: .8rem;
}         
.check-list li:before{
    position: absolute;
    content: '';
    display: block;
    width: 16px;
    height: 10px;
    border-left: 3px solid #404040;
    border-bottom: 3px solid #404040;
    transform: rotate(-45deg);
    left: 5px;
    top: 5px;
}    
/**form**/
.form-wrap {
    max-width: 800px;
    margin: auto;
}
.detail_section {
    width: 95%;
    margin: auto;
    padding: 40px 0 70px;
    min-height: calc(100svh - 546px);
}
.progressbar {
  display: flex;
  flex-wrap: wrap;
  max-width: 800px;
  margin: 30px auto;
  font-size: 1.25rem;
}
.progressbar .item {
    position: relative;
    width: 33%;
    text-align: center;
    position: relative;
    align-items: center;
    justify-content: center;
    padding: 13px 0;
    line-height: 1.5;
    background: #F5F5F5;
    color: #999999;
}
.progressbar .item:first-child {
    border-radius: 9px 0 0 9px;
}
.progressbar .item:last-child {
    border-radius: 0 9px 9px 0;
}
.progressbar .item:not(:last-child)::before,
.progressbar .item:not(:last-child)::after {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 100%;
    content: '';
    border: 31px solid transparent;
    border-left: 23px solid #F5F5F5;
    margin: auto;
}
.progressbar .item:not(:last-child)::before {
    margin-left: 1px;
    border-left-color: #FFF;
}

@media screen and (max-width: 767px) {
	.progressbar .item {
		font-size: 11px;
		line-height: 1.4;
		padding: 10px 0;
	}
	.progressbar .item:not(:last-child)::before,
	.progressbar .item:not(:last-child)::after {
		border-width: 25px;
		border-left-width: 12px;
	}
}

.progressbar .item.active {
    z-index: 1;
    background: #2980B9;
    color: #FFF;
}
.progressbar .item.active:not(:last-child)::after {
    border-left-color: #2980B9;
}
.progressbar .item.active:not(:last-child)::before {
    border-left: none;
}

.form-dl_wrap dt {
    background: #bbdbc7;
    border-radius: 9px 9px 0 0;
    padding: 2%;
    color: #404040;
    font-weight: bold;
}
.form-dl_wrap {
    margin-top: 15px;
    border: 1px solid #bbdbc7;
    border-radius: 10px;
}
.full_dt {
    width: 100%;
}
.form-dl_wrap dd {
    border-radius: 0 0 10px 10px;
    padding: 2%;
}
.form_btn_wrap {
    width: fit-content;
    position: relative;
}
.form_btn_wrap:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 10px;
    right: 1.5em;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    top: 37%;
}
.form_btn_wrap input {
    width: fit-content;
    min-width: 180px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
    padding: 8px 16px;
    border-radius: 8px;
    position: relative;
}
.form-wrap select {
    border: 1px solid #ddd;
    padding: 8px 30px 8px 16px;
    border-radius: 4px;
}
.form-wrap .custom-select {
    -webkit-appearance: auto;
	padding: 10px 30px 10px 16px;
}
.select-arrow .wpcf7-form-control-wrap:after {
    content: "\025bc";
    position: absolute;
    color: #8cbd9e;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
}
.wpcf7-list-item {
	margin-top: .05em;
	margin-bottom: .05em;
}
.return {
    background: #8b8b8b;
}
.wpcf7-submit {
    background: #2980B9;
}
.form-dl_wrap input, .form-dl_wrap textarea {
    border: 1px solid #cfcfcf;
    padding: 4px 8px;
    border-radius: 4px;
}
.form_btn_wrap p {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-around;
}
.wpcf7-spinner {
    display: none;
}
.required {
    margin-left: 16px;
    background: #d42d69;
    padding: 2px 8px;
    border-radius: 4px;
    color: #fff;
    font-size: 1.1rem;
    display: inline-block;
}
.modalArea {
    display: none;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.modalBg {
    width: 100%;
    height: 100%;
    background-color: rgba(30,30,30,0.9);
}
.modalWrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
    width: 90%;
    max-width: 1000px;
    padding: 10px 30px;
    background-color: #fff;
    height: 70svh;
    overflow: auto;
}
.customModalWrapper {
  width: 70%;
  max-width: 450px;
  padding: 50px 15px 15px;
  height: auto;
}
.customModalWrapper .case-btn {
  text-align: center;
}
.customModalWrapper .case-btn a {
  width: 25rem;
  margin: 15px auto 5px;
  padding: .75rem;
}
.closeModal {
    position: absolute;
    top: 0;
    right: 1.5rem;
    cursor: pointer;
    font-size: 40px;
    font-weight: normal;
} 
/* 以下ボタンスタイル */
.modalopen-btn, .accept_btn p {
    font-size: 1.8rem;
}
.modalopen-btn button {
    padding: 10px  16px;
    background-color: #d42e69;
    border-radius: 7px;
    cursor: pointer;
    color: #fff;
    gap: 10px;
}
.modalopen-btn button:after {
    content: '';
    width: 11px;
    height: 11px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    line-height: 1.5;
}

/*policy*/
#policy h2 {
    font-size: 1.5rem;
    background: #c3d7cb;
    padding: 0 1.2rem;
    margin-bottom: 2.2rem;
}
#policy .title01 {
    color: #699b7c;
    font-size: 1.4rem;
    margin-bottom: 2rem;
    padding-bottom: .7rem;
    border-bottom: 1px solid #699b7c;
}
#policy .title02 {
    font-size: 1.3rem;
    margin-bottom: .9rem;
}
#policy h4 {
    font-size: 1.4rem;
    margin-bottom: .9rem;
}
#policy h5 {
    font-size: 1.3rem;
    margin-bottom: .9rem;
}
#policy .button-wrap {
    margin: 1rem auto;
}
#policy .inner {
    margin: 0 1.5rem 5rem;
}
#policy .apply-lead {
    position: relative;
    text-align: center;
    font-weight: bold;
    line-height: 1.3;
    font-size: 1.2rem;
    margin-top: 40px;
}
#policy .apply-lead:before, #policy .apply-lead:after {
    position: relative;
    display: inline-block;
    content: "";
    background: #222;
    width: 2px;
    height: 2em;
    margin: 0 1em;
    margin-top: -.2em;
    vertical-align: middle;
}
#policy .apply-lead:before {
    transform: rotate(-35deg);
}
#policy .apply-lead:after {
    transform: rotate(35deg);
}
#policy .item-list {
    padding: 0 2rem 2rem;
}
#policy .need-list {
    padding: 1rem 4rem;
    margin: 2rem 0;
    background: #f5f5f5;
    border-radius: 10px;
}
#policy .need-list li,
#policy .item-list li {
    font-size: 1.3rem;
    line-height: 1.7;
    list-style: disc;
    margin-bottom: .5rem;
}
@media screen and (min-width: 1025px) {
    #policy .item-list {
        padding: 0 4rem 3rem;
    }
    #policy h2 {
        font-size: 2.2rem;
        padding: 0 1.5rem;
    }
    #policy .title01 {
        font-size: 2rem;
    }
    #policy .title02 {
        font-size: 1.8rem;
    }
    #policy h4 {
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
    }
    #policy h5 {
        font-size: 1.6rem;
        margin-bottom: 1.5rem;
    }
    #policy .inner {
        margin:0 0 5rem;
    }
    #policy .item-list {
        padding: 0 3.2rem 2rem;
    }
    #policy .need-list {
        padding: 2rem 4rem;
    }
    #policy .need-list li,
    #policy .item-list li {
        font-size: 1.7rem;
    }
    #policy .apply-lead {
        font-size: 1.8rem;
    }
}

/* floaing btn & contact */
.fix_contact__btn {
    position: fixed;
    font-size: 22px;
    line-height: 1.5;
    bottom: 120px;
    right: 30px;
    width: 190px;
    height: 190px;
    padding: 0 0 20px;
    border-radius: 50%;
    transition: .5s;
    background-image: linear-gradient(150deg, rgb(222 34 102), rgba(168, 37, 83, 1));
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
    outline: 1px solid #fff;
    outline-offset: -3px;
    font-weight: 600;
}
/*.fix_contact__btn:before {
    position: absolute;
    content: '';
    width: 170px;
    height: 55px;
    background: url(/wp-content/themes/amc_theme/img/contact-btn-txt.png) no-repeat;
    background-size: contain;
    top: -24px;
    left: 0;
    right: 0;
    margin: auto;
}*/
.fix_contact__btn:after {
    position: absolute;
    content: '';
    width: 38px;
    height: 10px;
    background: url(/wp-content/themes/amc_theme/img/contact-btn-arrow.png) no-repeat;
    background-size: contain;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
}
.fix_contact__btn .sub {
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    padding: 20px 0 0;
    font-size: 13px;
}
.fix_contact__btn .sub::before {
    content: "";
    width: 20px;
    height: 1px;
    transform: rotate(60deg);
    box-sizing: border-box;
    background-color: #fff;

}
.fix_contact__btn .sub::after {
    content: "";
    width: 20px;
    height: 1px;
    transform: rotate(-60deg);
    box-sizing: border-box;
    background-color: #fff;
}

.fix_contact__btn:hover {
/*    box-shadow: 2px 2px 4px 0px #9f7483;
    transform: translateY(-4px);*/
    transition: .3s;
    width: 200px;
    height: 200px;
}
.fix_contact__btn .icon {
    display: block;
}
#openContact a:hover{
background: #777;
}
#openContact {
position: fixed;
right: 16px;
z-index: 2;
opacity: 0;
display: block;
}
#openContact.UpMove{
animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
    from {
        opacity: 0;
		transform: translateY(60px);
    }
    to {
        opacity: 1;
		transform: translateY(0);
    }
}

#openContact.DownMove{
    animation: DownAnime 0.5s forwards;
    display: none;
}
@keyframes DownAnime{
    from {
        opacity: 1;
		transform: translateY(0);
    }
    to {
        opacity: 0;
		transform: translateY(60px);
    }
}
.modalContact_wrap {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 900px;
    padding: 10px 30px;
    background: #fff;
    height: 320px;
    overflow: auto;
    border-radius: 8px;
}
.modalContact {
    height: 280px;
}
.modal_conact_menu__item {
    background: #f5f5f5;
    width: 140px;
    border-radius: 17px;
    box-shadow: 2px 2px 3px 1px #ddd;
    transition: .5s;
    padding: 36px 8px 8px;
}
.modal_conact_menu__item:hover {
    box-shadow: 4px 5px 4px 1px #ddd;
    transform: translateY(-10px);
    transition: .5s;
}
.modal_contact_message {
    line-height: 1;
    padding: 5px 16px;
    border-radius: 17px;
    top: -7px;
    width: 100%;
}
.modal_contact_text {
    margin-top: 8px;
}
.modal_contact_message:after, .header_contact_message:after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
}
.modal_contact_message:after {
    bottom: -7px;
    border-width: 8px 4px 0 4px;
}
.header_contact_message:after {
    bottom: -5px;
    border-width: 6px 3px 0 3px;
}

.modal_contact_message.bg-lb:after, .header_contact_message.bg-lb:after { border-color: #2d9ebb transparent transparent transparent;}
.modal_contact_message.bg-g:after, .header_contact_message.bg-g:after { border-color: #699b7c transparent transparent transparent;}
.modal_contact_message.bg-p:after, .header_contact_message.bg-p:after { border-color: #d42e69 transparent transparent transparent;}
.header_contact_text {
    font-size: 1.3rem;
    margin-top: 2px;
}

@media screen and (max-width: 1024px) {
    .header_contact_menu__wrap {
        display: none;
    }
    .fix_contact__btn {
        font-size: 15px;
        right: 10px;
        width: 135px;
        height: 135px;
    }
    .fix_contact__btn .icon img {
        width: 24%;
    }
/*    .fix_contact__btn:before {
        width: 140px;
        height: 35px;
        top: -16px;
    }*/
    .fix_contact__btn:after {
        width: 28px;
        bottom: 20px;
    }
    .fix_contact__btn:hover {
        width: 140px;
        height: 140px;
    }
    .fix_contact__btn .sub {
        font-size: 9px;
    }
    .fix_contact__btn .sub::before {
        width: 15px;
        transform: rotate(63deg);
    }
    .fix_contact__btn .sub::after {
        width: 15px;
        transform: rotate(-63deg);
    }

}
@media screen and (max-width: 787px) {
    .modal_conact_menu__item {
        width: calc(100% / 3 - 20px * 2/3);
    }
    .modal_contact_message {
        width: 100%;
        padding: 5px;
        font-size: 10px;
    }
    .modalContact_wrap {
        padding: 10px 15px;
        height: 240px;
    }
    .modalContact {
        height: 220px;
    }
    .modal_conact_menu__item {
        border-radius: 16px;
        padding: 28px 5px 5px;
    }
    .modal_conact_menu__item img {
        width: 35px;
    }
    .modal_contact_text {
        font-size: 12px;
        margin-top: 4px;
    }
    .modalContact .fs-l {
        font-size: 16px!important;
    }
    .closeModal {
        top: 0;
        right: 1.5rem;
    } 
    .dispnone {
        display: none;
    }
}

/*----pc_nav----*/
.pc_nav {
    width: 100%;
    background: #404040;
    z-index: 10;
  }
  .pc_nav.fixed {
    position: fixed;
    top: 0;
  }
  .pc_nav__ul {
    row-gap: 8px;
    margin: auto;
  }
  .pc_nav a {
    padding: 10px 30px;
    color: #fff;
    font-size: 14px;
  }
  a.star {
    background: #ffffff;
    color: #404040;
  }
  .pc_nav a:hover, .pc_nav a.is_now, .have_grandchild.is_now {
    background: #fff;
    text-decoration: none;
    transition: 1s;
    color: #404040;
    opacity: .8;
  }
  .nav_inner {
    visibility: hidden;
    opacity: 0;
    background: #404040;
    position: fixed;
    left: 50%;
    transition: .5s;
    max-width: 1200px;
    width: 80%;
    transform: translateX(-50%);
    padding: 2% 3%;
    min-height: 285px;
    z-index: 3;
    display: flex;
}
  .nav_inner.show {
    display: flex;
    visibility: visible;
    transition: .5s;
    opacity: 1;
}
.inner_nav {
    width: calc(100% / 2 - 20px * 1/2);
    margin: unset;
}
.main_content a {
    display: inline-block;
    width: 100%;
}
.menu_sub__title {
    font-size: 18px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid;
}
@media screen and (max-width:1200px) {
  .pc_nav a {
    padding: 10px 20px;
  }
}
@media screen and (max-width: 1024px) {
    .pc_nav {
        display: none;
    }
}
  /*----/pc_nav----*/
  /*----sp_nav----*/
  .overlay {
    content: "";
    display: block;
    width: 0;
    height: 0;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0;
    transition: opacity .5s;
}
.overlay.-active {
    width: 100%;
    height: 100%;
    opacity: 1;
}
.humberger {
    display: none;
}
.humberger {
    height: 60px;
    position: fixed;
    z-index: 100;
    width: 60px;
    background: none;
    border: none;
    cursor: pointer;
    top: 3%;
    right: 2%;
}
.humberger.-active .humberger__line {
    background-color: transparent;
}
.humberger.-active .humberger__line::before {
    top: 0;
    transform: rotate(45deg);
}
.humberger.-active .humberger__line::after {
    top: 0;
    transform: rotate(-45deg);
}
.humberger.-active .humberger__text::before {
    content: '閉じる';
}
.humberger__line {
    display: block;
    height: 3px;
    position: absolute;
    top: 23px;
    left: 50%;
    transform: translateX(-50%);
    width: 36px;
    background-color: #141414;
    transition: 0.4s;
}
.humberger__line:before,
.humberger__line:after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    background-color: #141414;
    transition: inherit;
}
.humberger__line:before {
    top: -10px;
}
.humberger__line:after {
    top: 10px;
}
.header__nav-area {
    visibility: hidden;
    opacity: 0;
    z-index: 3;
    background: #f5f5f5;
    position: fixed;
    right: -10%;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    transition: all ease .3s;
    font-size: 14px;
    padding: 90px 0 70px;
}
.header__nav-area.-active {
    visibility: visible;
    opacity: 1;
    right: 0;
}

.accordion__list {
    position: relative;
}
.accordion__list li:before {
    content: "-";
    position: absolute;
    left: 75px;
}
  .accordion.open_nav {
    height: auto;
    visibility: visible;
  }
  .sp_nav_item {
    list-style: none;
    border-bottom: 1px solid #bfbfbf;
}
.js-acc {
    width: 100%;
    text-align: left;
    padding: 14px 34px;
    position: relative;
}
.js-acc:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 15px;
    height: 1px;
    background: #222;
    transition: all .2s ease-in-out;
}
.js-acc:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 15px;
    height: 1px;
    transform: rotate(90deg);
    background: #070c47;
    transition: all .3s ease-in-out;
}
.js-acc.open_nav:before {
    transform: rotate(180deg);
}
.js-acc.open_nav:before, .js-acc.open_nav:after {
    background: #fff;
}
.sp_sub_btn.open_nav {
    background: #5b5b5b;
    color: #fff;
    transition: .4s;
}
.sp_nav_item a {
    padding: 14px 20px;
}
.sp_sub_btn {
    padding-left: 70px;
    border-top: 1px solid #bfbfbf;
}
.accordion__list a {
    padding: 0;
}
.accordion__list li {
    padding: 10px 23px 10px 86px;
}
.accordion__list li:not(:last-child) {
    border-bottom: 1px solid #ddd;
}
.sp_nav_contact__wrap {
    padding: 42px 3%;
    gap: 15px;
}

.full_item {
    width: 100%;
}
.half_item {
    width: calc(100% / 2 - 16px * 1/2);
}
.sp_nav_contact__item a {
    height: 5rem;
    padding: 8px 16px;
    border-radius: 32px;
    font-size: 13px;
    box-shadow: 0px 4px 4px -2px #ccc;
}
.accordion {
    height: 0;
    overflow: hidden;
    visibility: hidden;
    transition: 0.4s;
  }
  .accordion.open_nav {
    animation: slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
  }
  @keyframes slideIn {
    0% {
      transform: translateY(-10px);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
    }
    40%,100% {
      opacity: 1;
    }
  }

@media screen and (max-width: 1024px) {
    .humberger {
        display: block;
      }
      .heder__inner {
        position: fixed;
        top: 0;
        z-index: 100;
        background: #fff;
        width: 100%;
        padding: 8px 24px;
        justify-content: center;
        box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
    }
    .header__logo {
        align-items: center;
    }
}
  /*----/sp_nav----*/
  /*----footer----*/
footer li a {color: #fff}
.footer_inner {
    max-width: 1080px;
    margin: auto;
    padding: 34px 24px;
    display: flex;
    justify-content: space-between;
    gap: 40px;
}
.footer_nav {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    font-size: 13px;
    grid-gap: 24px;
}
.footer_nav__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 42px;
    padding: 0 8px;
}
.footer_nav__title {
    font-size: 18px;
    border-bottom: 1px solid;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.footer_nav li {
    line-height: 2;
}
.footer_nav__inner_item li:before {
    content: "-";
    margin-right: 5px;
}
.footer_nav__inner_item li {
    font-size: 14px;
}
.sp_footer_nav_contact__wrap {
    display: none;
}
.footer_nav a:hover {
    color: #fff;
    opacity: .6;
}

@media screen and (max-width: 787px) {
    .footer_inner {
        flex-wrap: wrap;
        padding: 24px 24px 32px;
    }
    .sp_footer_nav_contact__wrap {
        display: flex;
        width: 100%;
        gap: 16px;
        padding: 24px;
        background: #f5f5f5;
    }
    .footer_logo {
        width: 100%;
        height: 24px;
        text-align: center;
    }
    .footer_nav {
        display: block;
    }
    .footer_nav li {
        line-height: 3;
        position: relative;
        padding-left: 35px;
        font-size: 12px;
    }
    .footer_nav li:before {
        content: "";
        height: 25px;
        width: 25px;
        background-size: contain;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .footer_nav li.icon_treatment:before {
        background: url(/wp-content/themes/amc_theme/img/icon_treatment_w.svg)no-repeat;
    }
    .footer_nav li.icon_case:before {
        background: url(/wp-content/themes/amc_theme/img/icon_case_w.svg)no-repeat;
    }
    .footer_nav li.icon_about:before {
        background: url(/wp-content/themes/amc_theme/img/icon_about_w.svg)no-repeat;
    }
    .footer_nav li.icon_price:before {
        background: url(/wp-content/themes/amc_theme/img/icon_price_w.svg)no-repeat;
    }
    .footer_nav li.icon_docter:before {
        background: url(/wp-content/themes/amc_theme/img/icon_docter_w.svg)no-repeat;
    }
    .footer_nav li.icon_column:before {
        background: url(/wp-content/themes/amc_theme/img/icon_column_w.svg)no-repeat;
    }
    .footer_nav li.icon_qa:before {
        background: url(/wp-content/themes/amc_theme/img/icon_qa_w.svg)no-repeat;
    }
    .footer_nav li.icon_calender:before {
        background: url(/wp-content/themes/amc_theme/img/icon_calender_w.svg)no-repeat;
    }
    .footer_nav li.icon_access:before {
        background: url(/wp-content/themes/amc_theme/img/icon_access_w.svg)no-repeat;
    }
    .footer_nav li.icon_cancel:before {
        background: url(/wp-content/themes/amc_theme/img/icon_cancel_w.svg)no-repeat;
    }
    .footer_nav li.icon_policy:before {
        background: url(/wp-content/themes/amc_theme/img/icon_policy_w.svg)no-repeat;
    }
    .footer_nav li.icon_under18:before {
        background: url(/wp-content/themes/amc_theme/img/icon_under18_w.svg)no-repeat;
    }
}
/*----/footer----*/
/*----sns link----*/
.sns_link__wrap {
    display: flex;
    gap: 30px;
    width: 90%;
    margin: -5px auto 0;
}
.sns_link__wrap figure {
    text-align: center;
    width: calc(100% / 2 - 30px *1/2);
    align-items: center;
    justify-content: center;
    display: flex;
    overflow: hidden;
    aspect-ratio: 1 / 1;
}
.sns_title {
    font-size: 18px;
}
.officisal_sns_banner {
    background: #efefef;
    padding: 8px 16px;
    border-radius: 7px;
}
.officisal_sns_banner a {
    width: 100%;
}
.icon_followme {
    margin-left: 3%;
    width: 120px;
}
.instagram_banner {
    width: 50%;
    margin-top: 32px;
}
.sns_link__wrap figure a:hover,
.instagram_banner a:hover {
    opacity: .8;
}
.sp_nav_sns__wrap {
    width: 92%;
    margin: auto;
}

@media screen and (max-width:787px) {
    .icon_followme {
        width: 90px;
        margin-left: 0;
        margin-top: 5px;
    }
    .sns_link__wrap {
        width: 100%;
        margin-top: 0;
        gap: 20px;
    }
    .sns_link__wrap figure {
        width: calc(100% / 2 - 20px *1/2);
    }
    .sns_title {
        font-size: 16px;
    }
    .instagram_banner, .instagram_banner img {
        width: 100%;
    }
}

@media screen and (min-width:768px){
    .instagram_banner {
        width: 50%!important;
        margin-top: 32px;
    }
}

/*----/sns link----*/itle {
        font-size: 16px;
    }
    .instagram_banner, .instagram_banner img {
        width: 100%;
    }
}
/*----/sns link----*/