@media screen and (min-width: 769px), print {
  .intro {
    padding: 130px 0 134px;
    background: url("/takenoko/about/images/intro_bg.png") center 30px/968px no-repeat;
  }
  .intro-ttl {
    text-align: center;
    margin-bottom: 27px;
  }
  .intro-ttl img {
    width: 461px;
  }
  .intro-text {
    text-align: center;
    font-size: 1.8rem;
    line-height: 2.555;
    font-weight: 500;
    letter-spacing: 0.1em;
  }
  .intro-text .highlight {
    line-height: 1;
    background: #f6da66;
  }
  .time {
    background: #58bc86;
    padding: 79px 0 130px;
    position: relative;
    -webkit-perspective: 1px;
       -moz-perspective: 1px;
            perspective: 1px;
  }
  .time:before {
    content: '';
    display: block;
    width: 100%;
    height: 27px;
    background: url("/takenoko/about/images/time_before.png") center/425px repeat-x;
    position: absolute;
    top: -26px;
    left: 0;
  }
  .time::after {
    content: '';
    display: block;
    width: 1196px;
    height: 100%;
    position: absolute;
    top: 45px;
    left: 48.5%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    opacity: 0.08;
    z-index: -1;
    background: url("/takenoko/about/images/time_bg.png") 0 0/100% no-repeat;
  }
  .time-ttl {
    background: #ffd43e;
    -moz-border-radius: 99px;
         border-radius: 99px;
    font-size: 2.2rem;
    line-height: 2;
    padding: 2px 20px 8px;
    -webkit-transform: translateY(50%);
       -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%);
    text-align: center;
    margin: 0 40px;
    position: relative;
    z-index: 5;
  }
  .time-list {
    position: relative;
    z-index: 1;
    -moz-border-radius: 25px;
         border-radius: 25px;
    overflow: hidden;
    background: #fff;
  }
  .time-list:before {
    content: '';
    display: block;
    width: 5px;
    background: url("/takenoko/about/images/time_line.png") 0 0/100% repeat-y;
    position: absolute;
    top: 70px;
    bottom: 50px;
    left: 90px;
    z-index: 1;
  }
  .time-list dl {
    padding: 21px 40px 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .time-list dl dt {
    display: block;
    width: 110px;
    height: 101px;
    clip-path: polygon(94.348% 70.685%, 94.348% 70.685%, 93.578% 72.082%, 91.99% 74.656%, 89.573% 78.094%, 86.318% 82.082%, 82.214% 86.305%, 77.25% 90.452%, 71.418% 94.207%, 64.705% 97.259%, 57.103% 99.292%, 48.601% 99.995%, 48.601% 99.995%, 42.24% 99.529%, 36.166% 98.276%, 30.42% 96.308%, 25.043% 93.694%, 20.077% 90.508%, 15.563% 86.82%, 11.543% 82.702%, 8.057% 78.226%, 5.147% 73.462%, 2.854% 68.482%, 2.854% 68.482%, 0.602% 60.445%, 0.006% 52.769%, 0.752% 45.55%, 2.521% 38.883%, 5.001% 32.865%, 7.873% 27.59%, 10.823% 23.156%, 13.535% 19.657%, 15.693% 17.19%, 16.982% 15.85%, 16.982% 15.85%, 18.327% 14.53%, 20.102% 12.882%, 22.301% 11.008%, 24.922% 9.01%, 27.959% 6.988%, 31.411% 5.045%, 35.272% 3.283%, 39.538% 1.802%, 44.207% 0.705%, 49.274% 0.094%, 49.274% 0.094%, 56.582% 0.223%, 63.285% 1.419%, 69.352% 3.436%, 74.75% 6.029%, 79.448% 8.953%, 83.415% 11.962%, 86.617% 14.811%, 89.023% 17.256%, 90.601% 19.051%, 91.32% 19.95%, 91.32% 19.95%, 95.564% 26.812%, 98.255% 33.733%, 99.647% 40.541%, 99.995% 47.067%, 99.551% 53.138%, 98.57% 58.584%, 97.306% 63.233%, 96.011% 66.913%, 94.941% 69.454%, 94.348% 70.685%);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
    background: #ffa93e;
    z-index: 5;
    font-size: 2.4rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.05em;
    font-family: "Zen Maru Gothic", serif;
  }
  .time-list dl dt:before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    background: url("/takenoko/about/images/icon_clock.png") 0 0/100% no-repeat;
  }
  .time-list dl dt.clock_9h:before {
    background-image: url("/takenoko/about/images/icon_clock_9h.png");
  }
  .time-list dl dt.clock_10h:before {
    background-image: url("/takenoko/about/images/icon_clock_10h.png");
  }
  .time-list dl dt.clock_10h45:before {
    background-image: url("/takenoko/about/images/icon_clock_10h45.png");
  }
  .time-list dl dt.clock_11h30:before {
    background-image: url("/takenoko/about/images/icon_clock_11h30.png");
  }
  .time-list dl dt.clock_13h:before {
    background-image: url("/takenoko/about/images/icon_clock_13h.png");
  }
  .time-list dl dt.clock_13h20:before {
    background-image: url("/takenoko/about/images/icon_clock_13h20.png");
  }
  .time-list dl dt.clock_14h:before {
    background-image: url("/takenoko/about/images/icon_clock_14h.png");
  }
  .time-list dl dt.clock_16h:before {
    background-image: url("/takenoko/about/images/icon_clock_16h.png");
  }
  .time-list dl dd {
    width: 100%;
    padding-left: 20px;
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1.7272;
    letter-spacing: 0.08em;
  }
  .time-list dl dd ul li {
    position: relative;
    padding-left: 32px;
  }
  .time-list dl dd ul li:before {
    content: '';
    display: block;
    width: 9px;
    height: 3px;
    -moz-border-radius: 99px;
         border-radius: 99px;
    background: #ffa93e;
    position: absolute;
    top: 17px;
    left: 0;
  }
  .time-list dl:nth-child(even) {
    background: #fbf9f7;
  }
  .time-list dl:nth-child(even) dt {
    background: #ffd43e;
  }
  .time-list dl:nth-child(even) dd ul li:before {
    background: #ffd43e;
  }
  .time .balloon {
    position: absolute;
    z-index: 10;
  }
  .time-box {
    position: relative;
    max-width: 805px;
    margin-left: auto;
    margin-right: auto;
  }
  .time-box + * {
    margin-top: 30px;
  }
  .time-box01 dl:first-child {
    padding-top: 32px;
  }
  .time-box01 dl:last-child {
    padding-bottom: 38px;
  }
  .time-box01 .balloon_01 {
    left: -214px;
    top: 88px;
    width: 236px;
    height: 182px;
  }
  .time-box01 .balloon_02 {
    right: -176px;
    top: 295px;
    width: 216px;
    height: 185px;
  }
  .time-box02 dl:first-child {
    padding-top: 63px;
  }
  .time-box02 dl:last-child {
    padding-bottom: 30px;
  }
  .time-box02 .balloon_01 {
    left: -195px;
    top: 7px;
    width: 206px;
    height: 178px;
  }
  .time-box02 .balloon_02 {
    right: -208px;
    top: 234px;
    width: 236px;
    height: 182px;
  }
  .time-desc {
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2;
    margin-top: 69px;
    color: #fff;
  }
  .time-desc:before, .time-desc:after {
    content: '';
    display: block;
  }
  .time-desc:before {
    width: 34px;
    height: 115px;
    background: url("/takenoko/about/images/time_desc01.png") 0 0/100% no-repeat;
    -webkit-transform: translate(-15px, 36px);
       -moz-transform: translate(-15px, 36px);
        -ms-transform: translate(-15px, 36px);
            transform: translate(-15px, 36px);
  }
  .time-desc:after {
    width: 39px;
    height: 107px;
    background: url("/takenoko/about/images/time_desc02.png") 0 0/100% no-repeat;
    -webkit-transform: translate(-3px, 23px);
       -moz-transform: translate(-3px, 23px);
        -ms-transform: translate(-3px, 23px);
            transform: translate(-3px, 23px);
  }
  .treatment {
    padding: 83px 0 85px;
    background: url("/takenoko/about/images/treatment_bg.jpg") 0 0/16px repeat;
    position: relative;
  }
  .treatment:before {
    content: '';
    display: block;
    width: 100%;
    height: 27px;
    background: url("/takenoko/about/images/treatment_before.png") center/425px repeat-x;
    position: absolute;
    top: -26px;
    left: 0;
  }
  .treatment:after {
    content: '';
    display: block;
    background: #f00;
    width: 284px;
    height: 75px;
    background: url("/takenoko/about/images/treatment_bg.jpg") 0 0/16px repeat;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    position: absolute;
    bottom: -74px;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .treatment-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 605fr 469fr;
        grid-template-columns: 605fr 469fr;
    gap: 26px;
  }
  .treatment-item {
    -moz-border-radius: 20px;
         border-radius: 20px;
    background: #fff;
    padding: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .treatment-item .item-img {
    width: 235px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 30px;
  }
  .treatment-item .item-ttl {
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 1.2;
    letter-spacing: 0.15em;
    margin-bottom: 11px;
    color: #ffa93e;
  }
  .treatment-item .item-text {
    width: 100%;
  }
  .treatment-item .item-flex {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    gap: 25px 27px;
    margin-top: 30px;
  }
  .treatment-item .item-flex p {
    position: relative;
    padding-left: 22px;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.666;
    letter-spacing: 0.15em;
  }
  .treatment-item .item-flex p span {
    display: block;
    font-size: 1.4rem;
  }
  .treatment-item .item-flex p:before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    -moz-border-radius: 50%;
         border-radius: 50%;
    background: #ffa93e;
    position: absolute;
    top: 12px;
    left: 5px;
  }
  .treatment-item--full {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-row: 1/4;
    grid-column: 2/3;
    position: relative;
    -webkit-perspective: 1px;
       -moz-perspective: 1px;
            perspective: 1px;
  }
  .treatment-item--full:after {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: 7px;
    right: 7px;
    bottom: 7px;
    border: 1px solid #ffa93e;
    z-index: -1;
    -moz-border-radius: 15px;
         border-radius: 15px;
  }
  .treatment-item--full .item-box__text {
    position: relative;
    background: #fff;
    margin-right: 38px;
    padding: 0 0 6px 0;
    margin-top: -35px;
  }
  .treatment-item--full .item-box__copy {
    padding-top: 10px;
  }
  .treatment-item--full .item-img {
    width: 100%;
    margin: 0 0 22px;
  }
  .flow {
    padding: 132px 0 28px;
  }
  .flow .c-ttl {
    margin-bottom: 77px;
  }
  .flow .row:after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: url("/takenoko/about/images/flow_after.jpg") 0 0/9px repeat-x;
    margin-top: 80px;
  }
  .flow-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 372fr 16px 390fr 16px 354fr;
        grid-template-columns: 372fr 16px 390fr 16px 354fr;
  }
  .flow-item {
    position: relative;
    -ms-grid-row: 1;
        grid-row: 1;
  }
  .flow-item .item-number {
    width: 105px;
    height: 96px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    color: #fff;
    font-weight: 600;
    padding-top: 14px;
    line-height: 1.1;
    font-family: "Josefin Sans", sans-serif;
    clip-path: polygon(94.348% 70.685%, 94.348% 70.685%, 93.578% 72.082%, 91.99% 74.656%, 89.573% 78.094%, 86.318% 82.082%, 82.214% 86.305%, 77.25% 90.452%, 71.418% 94.207%, 64.705% 97.259%, 57.103% 99.292%, 48.601% 99.995%, 48.601% 99.995%, 42.24% 99.529%, 36.166% 98.276%, 30.42% 96.308%, 25.043% 93.694%, 20.077% 90.508%, 15.563% 86.82%, 11.543% 82.702%, 8.057% 78.226%, 5.147% 73.462%, 2.854% 68.482%, 2.854% 68.482%, 0.602% 60.445%, 0.006% 52.769%, 0.752% 45.55%, 2.521% 38.883%, 5.001% 32.865%, 7.873% 27.59%, 10.823% 23.156%, 13.535% 19.657%, 15.693% 17.19%, 16.982% 15.85%, 16.982% 15.85%, 18.327% 14.53%, 20.102% 12.882%, 22.301% 11.008%, 24.922% 9.01%, 27.959% 6.988%, 31.411% 5.045%, 35.272% 3.283%, 39.538% 1.802%, 44.207% 0.705%, 49.274% 0.094%, 49.274% 0.094%, 56.582% 0.223%, 63.285% 1.419%, 69.352% 3.436%, 74.75% 6.029%, 79.448% 8.953%, 83.415% 11.962%, 86.617% 14.811%, 89.023% 17.256%, 90.601% 19.051%, 91.32% 19.95%, 91.32% 19.95%, 95.564% 26.812%, 98.255% 33.733%, 99.647% 40.541%, 99.995% 47.067%, 99.551% 53.138%, 98.57% 58.584%, 97.306% 63.233%, 96.011% 66.913%, 94.941% 69.454%, 94.348% 70.685%);
    position: absolute;
    top: -50px;
    left: -14px;
    z-index: 5;
  }
  .flow-item .item-number span {
    display: block;
    font-size: 4rem;
  }
  .flow-item .flow-box {
    height: 100%;
    padding: 48px 60px 34px 74px;
    background: url("/takenoko/about/images/step_bg.jpg") 0 0/16px repeat;
    clip-path: polygon(-webkit-calc(100% - 43px) 0%, 100% 50%, -webkit-calc(100% - 43px) 100%, 0% 100%, 43px 50%, 0% 0%);
    clip-path: polygon(-moz-calc(100% - 43px) 0%, 100% 50%, -moz-calc(100% - 43px) 100%, 0% 100%, 43px 50%, 0% 0%);
    clip-path: polygon(calc(100% - 43px) 0%, 100% 50%, calc(100% - 43px) 100%, 0% 100%, 43px 50%, 0% 0%);
  }
  .flow-item:nth-child(1) {
    grid-column: 1/3;
  }
  .flow-item:nth-child(1) .flow-box {
    padding-left: 33px;
    padding-right: 65px;
    clip-path: polygon(0% 0%, -webkit-calc(100% - 43px) 0%, 100% 50%, -webkit-calc(100% - 43px) 100%, 0% 100%);
    clip-path: polygon(0% 0%, -moz-calc(100% - 43px) 0%, 100% 50%, -moz-calc(100% - 43px) 100%, 0% 100%);
    clip-path: polygon(0% 0%, calc(100% - 43px) 0%, 100% 50%, calc(100% - 43px) 100%, 0% 100%);
  }
  .flow-item:nth-child(1) .item-number {
    background: #3fb26d;
    left: -30px;
  }
  .flow-item:nth-child(2) {
    grid-column: 2/5;
  }
  .flow-item:nth-child(2) .item-number {
    background: #3fb28b;
  }
  .flow-item:nth-child(3) {
    grid-column: 4/6;
  }
  .flow-item:nth-child(3) .flow-box {
    padding-right: 33px;
    clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 43px 50%, 0% 0%);
  }
  .flow-item:nth-child(3) .item-number {
    background: #3fb26d;
  }
  .flow-item .item-ttl {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: 0.15em;
  }
  .flow-item .item-tel {
    margin-top: 26px;
    display: block;
    background: #fff;
    padding: 13px 20px 15px 36px;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 500;
    text-align: center;
    -moz-border-radius: 5px;
         border-radius: 5px;
    position: relative;
  }
  .flow-item .item-tel:after {
    content: '';
    display: block;
    width: 39px;
    height: 43px;
    background: url("/takenoko/about/images/icon_phone.png") 0 0/100% no-repeat;
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .flow-item .item-tel span {
    font-size: 3rem;
    font-weight: 600;
    font-family: "Jost", sans-serif;
    display: block;
  }
  .flow-item .item-contact {
    margin-top: 26px;
    text-align: center;
  }
  .flow-item .item-contact__ttl {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    position: relative;
    font-size: 1.8rem;
    line-height: 1;
    font-weight: 500;
    color: #ffa93e;
    letter-spacing: 0.1em;
  }
  .flow-item .item-contact__ttl:before, .flow-item .item-contact__ttl:after {
    content: '';
    display: block;
    width: 14px;
    height: 11px;
    margin: 0 4px;
  }
  .flow-item .item-contact__ttl:before {
    background: url("/takenoko/about/images/contact_before.png") 0 0/100% no-repeat;
  }
  .flow-item .item-contact__ttl:after {
    background: url("/takenoko/about/images/contact_after.png") 0 0/100% no-repeat;
  }
  .flow-item .item-contact__text {
    font-size: 2.2rem;
    font-weight: 700;
  }
  .flow-item .item-contact__text:after {
    content: '';
    display: block;
    width: 245px;
    height: 4px;
    border-top: 3px solid #f6da66;
    border-bottom: 3px solid #f6da66;
    margin: 4px auto 0;
  }
  .access {
    padding: 50px 0 153px;
    position: relative;
    -webkit-perspective: 1px;
       -moz-perspective: 1px;
            perspective: 1px;
  }
  .access::before {
    content: '';
    display: block;
    width: 1316px;
    height: 311px;
    background: url("/takenoko/about/images/access_bg.png") 0 0/100% no-repeat;
    position: absolute;
    top: -140px;
    left: 53%;
    z-index: -1;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .access .c-ttl {
    margin-bottom: 30px;
  }
  .access-desc {
    text-align: center;
    font-weight: 500;
    font-size: 2rem;
    margin-bottom: 35px;
    letter-spacing: 0.15em;
  }
  .access-maps {
    height: 500px;
    position: relative;
    -moz-border-radius: 20px;
         border-radius: 20px;
    overflow: hidden;
    -moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.07);
         box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.07);
  }
  .access-maps iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0;
  }
}

@media screen and (max-width: 768px) {
  .intro {
    padding: 11.45833vw 0 19.92188vw;
    background: url("/takenoko/about/images/intro_bg_sp.png") center 0/100% no-repeat;
  }
  .intro-ttl {
    text-align: center;
    margin-bottom: 4.6875vw;
  }
  .intro-ttl img {
    width: 77.86458vw;
  }
  .intro-text {
    text-align: center;
    font-size: 3.64583vw;
    line-height: 2.214;
    font-weight: 500;
  }
  .intro-text .highlight {
    line-height: 1;
    background: #f6da66;
  }
  .time {
    background: #58bc86;
    padding: 12.23958vw 0 16.92708vw;
    position: relative;
    -webkit-perspective: 1px;
       -moz-perspective: 1px;
            perspective: 1px;
  }
  .time:before {
    content: '';
    display: block;
    width: 100%;
    height: 3.51563vw;
    background: url("/takenoko/about/images/time_before.png") center/55.33854vw repeat-x;
    position: absolute;
    top: -3.38542vw;
    left: 0;
  }
  .time::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 5.33854vw;
    left: 0;
    z-index: -1;
    background: url("/takenoko/about/images/time_bg_sp.png") 0 0/100% no-repeat;
  }
  .time-ttl {
    background: #ffd43e;
    -moz-border-radius: 12.89063vw;
         border-radius: 12.89063vw;
    font-size: 3.64583vw;
    line-height: 2;
    padding: 0.65104vw 2.60417vw 1.17188vw;
    -webkit-transform: translateY(50%);
       -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%);
    text-align: center;
    margin: 0 4.55729vw;
    position: relative;
    z-index: 5;
  }
  .time-list {
    position: relative;
    z-index: 1;
    -moz-border-radius: 3.25521vw;
         border-radius: 3.25521vw;
    overflow: hidden;
    background: #fff;
  }
  .time-list:before {
    content: '';
    display: block;
    width: 0.91146vw;
    background: url("/takenoko/about/images/time_line.png") 0 0/100% repeat-y;
    position: absolute;
    top: 9.11458vw;
    bottom: 9.11458vw;
    left: 12.5vw;
    z-index: 1;
  }
  .time-list dl {
    padding: 4.81771vw 2.60417vw 4.81771vw 4.81771vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .time-list dl dt {
    display: block;
    width: 16.40625vw;
    height: 15.10417vw;
    clip-path: polygon(94.348% 70.685%, 94.348% 70.685%, 93.578% 72.082%, 91.99% 74.656%, 89.573% 78.094%, 86.318% 82.082%, 82.214% 86.305%, 77.25% 90.452%, 71.418% 94.207%, 64.705% 97.259%, 57.103% 99.292%, 48.601% 99.995%, 48.601% 99.995%, 42.24% 99.529%, 36.166% 98.276%, 30.42% 96.308%, 25.043% 93.694%, 20.077% 90.508%, 15.563% 86.82%, 11.543% 82.702%, 8.057% 78.226%, 5.147% 73.462%, 2.854% 68.482%, 2.854% 68.482%, 0.602% 60.445%, 0.006% 52.769%, 0.752% 45.55%, 2.521% 38.883%, 5.001% 32.865%, 7.873% 27.59%, 10.823% 23.156%, 13.535% 19.657%, 15.693% 17.19%, 16.982% 15.85%, 16.982% 15.85%, 18.327% 14.53%, 20.102% 12.882%, 22.301% 11.008%, 24.922% 9.01%, 27.959% 6.988%, 31.411% 5.045%, 35.272% 3.283%, 39.538% 1.802%, 44.207% 0.705%, 49.274% 0.094%, 49.274% 0.094%, 56.582% 0.223%, 63.285% 1.419%, 69.352% 3.436%, 74.75% 6.029%, 79.448% 8.953%, 83.415% 11.962%, 86.617% 14.811%, 89.023% 17.256%, 90.601% 19.051%, 91.32% 19.95%, 91.32% 19.95%, 95.564% 26.812%, 98.255% 33.733%, 99.647% 40.541%, 99.995% 47.067%, 99.551% 53.138%, 98.57% 58.584%, 97.306% 63.233%, 96.011% 66.913%, 94.941% 69.454%, 94.348% 70.685%);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
    background: #ffa93e;
    z-index: 5;
    font-size: 3.64583vw;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.05em;
    font-family: "Zen Maru Gothic", serif;
  }
  .time-list dl dt:before {
    content: '';
    display: block;
    width: 3.25521vw;
    height: 3.25521vw;
    background: url("/takenoko/about/images/icon_clock.png") 0 0/100% no-repeat;
  }
  .time-list dl dt.clock_9h:before {
    background-image: url("/takenoko/about/images/icon_clock_9h.png");
  }
  .time-list dl dt.clock_10h:before {
    background-image: url("/takenoko/about/images/icon_clock_10h.png");
  }
  .time-list dl dt.clock_10h45:before {
    background-image: url("/takenoko/about/images/icon_clock_10h45.png");
  }
  .time-list dl dt.clock_11h30:before {
    background-image: url("/takenoko/about/images/icon_clock_11h30.png");
  }
  .time-list dl dt.clock_13h:before {
    background-image: url("/takenoko/about/images/icon_clock_13h.png");
  }
  .time-list dl dt.clock_13h20:before {
    background-image: url("/takenoko/about/images/icon_clock_13h20.png");
  }
  .time-list dl dt.clock_14h:before {
    background-image: url("/takenoko/about/images/icon_clock_14h.png");
  }
  .time-list dl dt.clock_16h:before {
    background-image: url("/takenoko/about/images/icon_clock_16h.png");
  }
  .time-list dl dd {
    width: 100%;
    padding-left: 2.73438vw;
    font-size: 3.64583vw;
    font-weight: 500;
    line-height: 1.928;
    letter-spacing: 0.08em;
  }
  .time-list dl dd ul li {
    position: relative;
    padding-left: 4.16667vw;
  }
  .time-list dl dd ul li:before {
    content: '';
    display: block;
    width: 1.5625vw;
    height: 0.52083vw;
    -moz-border-radius: 12.89063vw;
         border-radius: 12.89063vw;
    background: #ffa93e;
    position: absolute;
    top: 3.51563vw;
    left: 0;
  }
  .time-list dl:nth-child(even) {
    background: #fbf9f7;
  }
  .time-list dl:nth-child(even) dt {
    background: #ffd43e;
  }
  .time-list dl:nth-child(even) dd ul li:before {
    background: #ffd43e;
  }
  .time .balloon {
    position: absolute;
    z-index: 10;
  }
  .time-box {
    position: relative;
    max-width: 104.81771vw;
    margin-left: auto;
    margin-right: auto;
  }
  .time-box + * {
    margin-top: 10.80729vw;
  }
  .time-box01 dl:first-child {
    padding-top: 6.38021vw;
    padding-bottom: 3.25521vw;
  }
  .time-box01 dl:last-child {
    padding-bottom: 7.55208vw;
  }
  .time-box01 .balloon_01 {
    left: -2.47396vw;
    top: -19.79167vw;
    width: 30.72917vw;
    height: 23.69792vw;
  }
  .time-box01 .balloon_02 {
    right: -2.34375vw;
    top: 68.35938vw;
    width: 28.125vw;
    height: 24.08854vw;
  }
  .time-box02 dl:first-child {
    padding-top: 8.20313vw;
    padding-bottom: 7.29167vw;
  }
  .time-box02 dl:last-child {
    padding-top: 5.59896vw;
    padding-bottom: 6.38021vw;
  }
  .time-box02 .balloon_01 {
    left: -2.60417vw;
    top: -8.20313vw;
    width: 26.82292vw;
    height: 23.17708vw;
  }
  .time-box02 .balloon_02 {
    right: -2.60417vw;
    top: 36.97917vw;
    width: 30.72917vw;
    height: 23.69792vw;
  }
  .time-desc {
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 3.38542vw;
    font-weight: 500;
    margin: 0 -3.90625vw;
    line-height: 2;
    margin-top: 11.06771vw;
    color: #fff;
    position: relative;
  }
  .time-desc:before, .time-desc:after {
    content: '';
    display: block;
  }
  .time-desc:before {
    width: 4.42708vw;
    height: 18.61979vw;
    background: url("/takenoko/about/images/time_desc01_sp.png") 0 0/100% no-repeat;
    position: absolute;
    top: 7.42188vw;
    left: 1.30208vw;
  }
  .time-desc:after {
    width: 4.29688vw;
    height: 18.22917vw;
    background: url("/takenoko/about/images/time_desc02_sp.png") 0 0/100% no-repeat;
    position: absolute;
    top: 5.85938vw;
    right: 1.30208vw;
  }
  .treatment {
    padding: 9.89583vw 0 16.01563vw;
    background: url("/takenoko/about/images/treatment_bg.jpg") 0 0/2.08333vw repeat;
    position: relative;
  }
  .treatment:before {
    content: '';
    display: block;
    width: 100%;
    height: 3.51563vw;
    background: url("/takenoko/about/images/treatment_before.png") center/55.33854vw repeat-x;
    position: absolute;
    top: -3.38542vw;
    left: 0;
  }
  .treatment:after {
    content: '';
    display: block;
    background: #f00;
    width: 36.97917vw;
    height: 9.76563vw;
    background: url("/takenoko/about/images/treatment_bg.jpg") 0 0/2.08333vw repeat;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    position: absolute;
    bottom: -9.63542vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .treatment .c-ttl {
    margin-bottom: 6.51042vw;
  }
  .treatment-item {
    -moz-border-radius: 2.60417vw;
         border-radius: 2.60417vw;
    background: #fff;
    padding: 6.51042vw 4.55729vw 7.55208vw;
  }
  .treatment-item:not(:last-child) {
    margin-bottom: 6.51042vw;
  }
  .treatment-item .item-img {
    margin-bottom: 4.42708vw;
  }
  .treatment-item .item-ttl {
    font-weight: 700;
    font-size: 4.16667vw;
    line-height: 1.2;
    letter-spacing: 0.15em;
    margin-bottom: 1.82292vw;
    color: #ffa93e;
  }
  .treatment-item .item-text {
    width: 100%;
  }
  .treatment-item .item-flex {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    gap: 4.6875vw 2.73438vw;
    margin-top: 1.95313vw;
  }
  .treatment-item .item-flex p {
    position: relative;
    padding-left: 3.77604vw;
    font-size: 3.38542vw;
    line-height: 1.807;
    font-weight: 500;
    letter-spacing: 0.15em;
  }
  .treatment-item .item-flex p span {
    display: block;
    font-size: 3.125vw;
    line-height: 1.1;
    -moz-font-feature-settings: "palt" 1;
         font-feature-settings: "palt" 1;
  }
  .treatment-item .item-flex p:before {
    content: '';
    display: block;
    width: 1.30208vw;
    height: 1.30208vw;
    -moz-border-radius: 50%;
         border-radius: 50%;
    background: #ffa93e;
    position: absolute;
    top: 2.60417vw;
    left: 0.26042vw;
  }
  .treatment-item--full {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-row: 1/4;
    grid-column: 2/3;
    position: relative;
    -webkit-perspective: 1px;
       -moz-perspective: 1px;
            perspective: 1px;
    padding-bottom: 10.67708vw;
  }
  .treatment-item--full:after {
    content: '';
    display: block;
    position: absolute;
    top: 1.17188vw;
    left: 1.17188vw;
    right: 1.17188vw;
    bottom: 1.17188vw;
    border: 1px solid #ffa93e;
    z-index: -1;
    -moz-border-radius: 2.60417vw;
         border-radius: 2.60417vw;
  }
  .treatment-item--full .item-box__text {
    position: relative;
    background: #fff;
    padding: 0 0 1.04167vw 0;
    margin-top: -6.25vw;
    margin-right: 11.84896vw;
  }
  .treatment-item--full .item-box__copy {
    padding-top: 2.86458vw;
  }
  .flow {
    padding: 19.92188vw 0 3.64583vw;
  }
  .flow .c-ttl {
    margin-bottom: 13.02083vw;
  }
  .flow .row:after {
    content: '';
    display: block;
    height: 0.39063vw;
    background: url("/takenoko/about/images/flow_after.jpg") 0 0/1.17188vw repeat-x;
    margin: 10.41667vw 4.55729vw 0;
  }
  .flow-list {
    margin: 0 4.55729vw;
  }
  .flow-item {
    position: relative;
    -ms-grid-row: 1;
        grid-row: 1;
  }
  .flow-item .item-number {
    width: 20.3125vw;
    height: 18.75vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    color: #fff;
    font-weight: 600;
    padding-top: 1.82292vw;
    line-height: 1.1;
    font-size: 3.125vw;
    font-family: "Josefin Sans", sans-serif;
    clip-path: polygon(94.348% 70.685%, 94.348% 70.685%, 93.578% 72.082%, 91.99% 74.656%, 89.573% 78.094%, 86.318% 82.082%, 82.214% 86.305%, 77.25% 90.452%, 71.418% 94.207%, 64.705% 97.259%, 57.103% 99.292%, 48.601% 99.995%, 48.601% 99.995%, 42.24% 99.529%, 36.166% 98.276%, 30.42% 96.308%, 25.043% 93.694%, 20.077% 90.508%, 15.563% 86.82%, 11.543% 82.702%, 8.057% 78.226%, 5.147% 73.462%, 2.854% 68.482%, 2.854% 68.482%, 0.602% 60.445%, 0.006% 52.769%, 0.752% 45.55%, 2.521% 38.883%, 5.001% 32.865%, 7.873% 27.59%, 10.823% 23.156%, 13.535% 19.657%, 15.693% 17.19%, 16.982% 15.85%, 16.982% 15.85%, 18.327% 14.53%, 20.102% 12.882%, 22.301% 11.008%, 24.922% 9.01%, 27.959% 6.988%, 31.411% 5.045%, 35.272% 3.283%, 39.538% 1.802%, 44.207% 0.705%, 49.274% 0.094%, 49.274% 0.094%, 56.582% 0.223%, 63.285% 1.419%, 69.352% 3.436%, 74.75% 6.029%, 79.448% 8.953%, 83.415% 11.962%, 86.617% 14.811%, 89.023% 17.256%, 90.601% 19.051%, 91.32% 19.95%, 91.32% 19.95%, 95.564% 26.812%, 98.255% 33.733%, 99.647% 40.541%, 99.995% 47.067%, 99.551% 53.138%, 98.57% 58.584%, 97.306% 63.233%, 96.011% 66.913%, 94.941% 69.454%, 94.348% 70.685%);
    position: absolute;
    top: -0.52083vw;
    left: -4.55729vw;
    z-index: 5;
  }
  .flow-item .item-number span {
    display: block;
    font-size: 7.8125vw;
  }
  .flow-item .flow-box {
    height: 100%;
    padding: 9.63542vw 6.51042vw 19.53125vw 6.51042vw;
    text-align: center;
    background: url("/takenoko/about/images/step_bg.jpg") 0 0/2.08333vw repeat;
    clip-path: polygon(100% 0%, 100% -webkit-calc(100% - 10.41667vw), 50% 100%, 0% -webkit-calc(100% - 10.41667vw), 0% 0%, 50% 10.41667vw);
    clip-path: polygon(100% 0%, 100% -moz-calc(100% - 10.41667vw), 50% 100%, 0% -moz-calc(100% - 10.41667vw), 0% 0%, 50% 10.41667vw);
    clip-path: polygon(100% 0%, 100% calc(100% - 10.41667vw), 50% 100%, 0% calc(100% - 10.41667vw), 0% 0%, 50% 10.41667vw);
  }
  .flow-item:nth-child(1) .flow-box {
    clip-path: polygon(0% 0%, 100% 0%, 100% -webkit-calc(100% - 10.41667vw), 50% 100%, 0% -webkit-calc(100% - 10.41667vw));
    clip-path: polygon(0% 0%, 100% 0%, 100% -moz-calc(100% - 10.41667vw), 50% 100%, 0% -moz-calc(100% - 10.41667vw));
    clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 10.41667vw), 50% 100%, 0% calc(100% - 10.41667vw));
  }
  .flow-item:nth-child(1) .item-number {
    top: -10.80729vw;
    background: #3fb26d;
  }
  .flow-item:nth-child(2) {
    margin-top: -5.20833vw;
  }
  .flow-item:nth-child(2) .flow-box {
    padding-top: 19.40104vw;
    padding-bottom: 18.22917vw;
  }
  .flow-item:nth-child(2) .item-number {
    background: #3fb28b;
  }
  .flow-item:nth-child(3) {
    margin-top: -5.20833vw;
  }
  .flow-item:nth-child(3) .flow-box {
    padding-top: 20.3125vw;
    padding-bottom: 11.71875vw;
    clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%, 50% 10.41667vw);
  }
  .flow-item:nth-child(3) .item-number {
    background: #3fb26d;
  }
  .flow-item .item-ttl {
    font-size: 4.16667vw;
    font-weight: 700;
    text-align: center;
    margin-bottom: 1.69271vw;
    letter-spacing: 0.15em;
  }
  .flow-item .item-tel {
    margin-top: 5.07813vw;
    display: block;
    background: #fff;
    padding: 2.47396vw 2.60417vw 3.51563vw 8.20313vw;
    font-size: 3.38542vw;
    line-height: 1.2;
    font-weight: 500;
    text-align: center;
    -moz-border-radius: 0.65104vw;
         border-radius: 0.65104vw;
    position: relative;
  }
  .flow-item .item-tel:after {
    content: '';
    display: block;
    width: 9.11458vw;
    height: 10.15625vw;
    background: url("/takenoko/about/images/icon_phone.png") 0 0/100% no-repeat;
    position: absolute;
    top: 50%;
    left: 6.51042vw;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .flow-item .item-tel span {
    font-size: 7.03125vw;
    font-weight: 600;
    font-family: "Jost", sans-serif;
    display: block;
  }
  .flow-item .item-contact {
    margin-top: 5.07813vw;
    text-align: center;
  }
  .flow-item .item-contact__ttl {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    position: relative;
    font-size: 4.03646vw;
    line-height: 1;
    font-weight: 500;
    color: #ffa93e;
    letter-spacing: 0.1em;
  }
  .flow-item .item-contact__ttl:before, .flow-item .item-contact__ttl:after {
    content: '';
    display: block;
    width: 2.86458vw;
    height: 2.47396vw;
    margin: 0 1.04167vw -0.52083vw;
  }
  .flow-item .item-contact__ttl:before {
    background: url("/takenoko/about/images/contact_before.png") 0 0/100% no-repeat;
  }
  .flow-item .item-contact__ttl:after {
    background: url("/takenoko/about/images/contact_after.png") 0 0/100% no-repeat;
  }
  .flow-item .item-contact__text {
    font-size: 4.94792vw;
    line-height: 1.6;
    font-weight: 700;
  }
  .flow-item .item-contact__text:after {
    content: '';
    display: block;
    width: 55.72917vw;
    height: 0.78125vw;
    border-top: 0.65104vw solid #f6da66;
    border-bottom: 0.65104vw solid #f6da66;
    margin: 1.30208vw auto 0;
  }
  .access {
    padding: 6.51042vw 0 30.07813vw;
    position: relative;
  }
  .access::before {
    content: '';
    display: block;
    width: 100%;
    height: 41.66667vw;
    background: url("/takenoko/about/images/access_bg_sp.png") 0 0/100% no-repeat;
    position: absolute;
    top: -19.40104vw;
    left: 2.60417vw;
  }
  .access .c-ttl {
    margin-bottom: 8.85417vw;
  }
  .access-desc {
    text-align: center;
    font-weight: 500;
    margin-bottom: 5.07813vw;
    letter-spacing: 0.15em;
  }
  .access-maps {
    height: 65.10417vw;
    position: relative;
    -moz-border-radius: 2.60417vw;
         border-radius: 2.60417vw;
    overflow: hidden;
    -moz-box-shadow: 0 0.52083vw 1.30208vw 0 rgba(0, 0, 0, 0.07);
         box-shadow: 0 0.52083vw 1.30208vw 0 rgba(0, 0, 0, 0.07);
  }
  .access-maps iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0;
  }
}