@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&family=Sawarabi+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap');

body {
    color: #4F4849;
    font-family: 'Noto Sans JP',sans-serif;
    background: #F5F3EB;
}

.no-scroll {
    overflow: hidden;
}
.scroll {
    overflow-y: scroll;
}
div.wrapper{
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}


header {
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    top:0;
    left: 0;
    width: 100vw;
    z-index: 300;
    position: fixed;
}

header div:first-child {
   height: 32px;
}
header div:last-child {
    padding: 0 16px 0 24px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   height: 104px;
}

header nav ul.isPC li {
    margin-right: 30px;
}

header nav ul.isPC li:last-child {
   margin-right: 56px;
}

header nav ul.isPC li a {
   display: block;
   height: 80px;
   line-height: 80px;
   color: #4F4849;
}

header nav ul.isPC li a:hover {
    border-bottom: 2px solid #F87076;
    color: #F87076;
}

header nav .nav_btn li:first-child {
    margin-right: 6px;
}

header .nav_info{
    display: none;
    width: 100%;
    background-color: rgba(62, 126, 148, 0.9);
    /* background-position: 95% center; */
    /* background-image: url(/images2/icon/arrow_circle_b.svg); */
    height: 56px;
    margin: 0 0 0 0;
    cursor: pointer;
}
header .nav_info .close_button{

    position: absolute;
    top: 6px;
    left: 36px;
    width: 20px;
    height: 20px;
}
header .nav_info::before{
    content: url(/images2/icon/close_w.svg);
    color: #fff;
    position: absolute;
    top: 6px;
    left: 36px;
}
header .nav_info p a::after{
    content: url(/images2/icon/arrow_circle_b.svg);
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    height: 20px;
    width: 20px;
    margin-left: 15px;
}
header .nav_info p{
    margin: 0 auto;
    width: 80%;
    text-align: center;
    line-height: 24px
}
header .nav_info p a{
    font-size: 13px;
    color: #fff;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.header_PC_1 .nav_btn_1 button {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 5px;
    padding: 20px 6px 0 6px;
    text-align: center;
}

.header_PC_1 .nav_btn_1 button.light_beige {
    background: #F5F3EB;
    color: #4F4849;
    margin-right: 6px;
}

.header_PC_1 .nav_btn_1 button.red {
    background: #F87076;
    color: #FFFFFF;
}

.header_PC_1 .nav_btn_1 button.blue {
    background: #3E7E94;
    color: #FFFFFF;
}

.header_PC_1 .nav_btn_1 .light_beige:hover,header .nav_btn_1 .red:hover,header .nav_btn_1 .blue:hover {
    background-color: #727171;
    color: #fff;
}




.header_PC_1 .nav_btn_1 .people::before {
    content: url(/images2/icon/people.svg);
    position: absolute;
    top: 20%;
    left: 30px;
}

.header_PC_1 .nav_btn_1 .pen::before {
    content: url(/images2/icon/pen.svg);
    position: absolute;
    top: 20%;
    left: 30px;
}

.header_PC_2 div:last-child{
    height: 80px !important;
}

.header_PC_2  img {
    width: 230px;
    vertical-align: baseline !important;
}

header .nav_btn_2 {
    display: flex;
    justify-content: center;
    align-items: center;
}

header .nav_btn_2 button {
    position: relative;
    width: 150px;
    height: 40px;
    border-radius: 5px;
    text-align: center;
    padding-left: 30px;
}

header .nav_btn_2 button:first-child {
    margin-right: 6px;
}

header .nav_btn_2 .people::before {
    content: url(/images2/icon/people.svg);
    position: absolute;
    top: 30%;
    left: 30px;
}

/* button.penにcssを変更する必要あり。 */
header .nav_btn_2 button.people:hover::before {
    content: url(/images2/icon/people_hover.svg);
}

header .nav_btn_2 .pen::before {
    content: url(/images2/icon/pen.svg);
    position: absolute;
    top: 25%;
    left: 10px;
}

header .nav_btn_2 .light_beige {
    background-color: #F5F3EB;
    color: #343A40;
}

header .nav_btn_2 .light_beige:hover,header .nav_btn_2 .red:hover,header .nav_btn_2 .blue:hover {
    background-color: #727171;
    color: #fff;
}

header .nav_btn_2 .red {
    background-color: #F87076;
    color: #fff;
}

header .nav_btn_2 .blue {
    background-color: #3E7E94;
    color: #FFFFFF;
}

.header_PC_1 {
    z-index: 1100;
    -moz-animation: cssAnimationDismiss 5s forwards;
    -webkit-animation: cssAnimationDismiss 5s forwards;
    -o-animation: cssAnimationDismiss  5s forwards;
    animation: cssAnimationDismiss  5s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes cssAnimationDismiss {
    0%   {pointer-events: auto; opacity: 1;}
    90%  {pointer-events: auto; opacity: 1;}
    100% {pointer-events: none; opacity: 0;}
}
@-webkit-keyframes cssAnimationDismiss {
    0%   {pointer-events: auto; opacity: 1;}
    90%  {pointer-events: auto; opacity: 1;}
    100% {pointer-events: none; opacity: 0;}
}

.header_PC_2 {
    z-index: 1000;
    -moz-animation: cssAnimationAppear 5s forwards;
    -webkit-animation: cssAnimationAppear 5s forwards;
    -o-animation: cssAnimationAppear  5s forwards;
    animation: cssAnimationAppear  5s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes cssAnimationAppear {
    0%   {pointer-events: none; opacity: 0;}
    90%  {pointer-events: none; opacity: 0;}
    100% {pointer-events: auto; opacity: 1;}
}
@-webkit-keyframes cssAnimationAppear {
    0%   {pointer-events: none; opacity: 0;}
    90%  {pointer-events: none; opacity: 0;}
    100% {pointer-events: auto; opacity: 1;}
}

.slide_card {
    /* width: 372px; */
    height: 88px;
    background: #F5F3EB;
    border: 3px solid #FFFFFF !important;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    background-image: url(/images2/icon/arrow_g.svg);
    background-position: 93% center;
    background-repeat: no-repeat;
}

.slide_card:hover {
    cursor: pointer;
    background-color: #FFFFFF;
}

.slide_card_flex {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 10px 20px;
}

.slide_card_flex img{ 
    width: auto !important;
    margin-right: 20px;
}

.slide_card_flex p {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
}

.slide_card_flex .reha_img img {
    width: 45px !important;
    height: auto;
}

.slide_card_flex .ongaku_img img {
    width: 45px !important;
    height: auto;
}


.slide_card_title {
    font-weight: 500;
    font-size: 21px;
    line-height: 100%;
    margin-top: 30px;
}

 .slider_3 {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 25px;
  }

  .slick-slide {
    margin: 0 5px;
  }

  .slick-slider div { transition: none; }

  .slick-slide img {
    width: 100%;
    height: auto;
  }
  .slider_3 .slick-prev, .slider_3 .slick-next {
    z-index: 1;
  }
  .slider_3 .slick-prev:before, .slider_3 .slick-next:before {
    color: #4F4849;
  }
  .slider_3 .slick-prev:hover:before, .slider_3 .slick-next:hover:before {
    color: #F87076;
  }
  .slider_3 .slick-prev:before{
    display     : inline-block; 
    transform   : scale(1.0, 1.5);
    content:"<";
  }
  .slider_3 .slick-next:before{
    display     : inline-block; 
    transform   : scale(1.0, 1.5);
    content:">";
  }

 .wrap {
     width: 1270px;
     border-radius: 32px;
     background: #fff;
     margin-left: auto;
     margin-right: auto;
 }

 /* 追加部分 */
.main_wrap{
    width: 93%;
    border-radius: 32px;
    background-color: #fff;
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom:100px;
}

.main_wrap h2{
    margin-bottom: 32px;
    font-weight: 500;
    font-size: 34px;
    line-height: 180%;
}
.h2_logo {
    width: 384px;
}

.font_30 {
    font-size: 30px;
}

.font_24 {
    font-size: 24px;
    font-weight: 500;
    line-height: 170%;
}

.font_21 {
    font-weight: 500;
    font-size: 21px !important;
    line-height: 180%;
}

.font_18 {
    font-weight: 400;
    font-size: 18px;
    line-height: 195%;
}

.font_16 {
    font-weight: 400;
    font-size: 16px;
    line-height: 195%;
}

/*  追加部分 */
.hero_img {
    /* height: 680px; */
    position: relative;
}

.hero_background {
    position: relative;
    width: 93%;
    height: 456px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
}

.hero_text_area {
    display: flex;
    position: absolute;
    top: 35%;
    left: 10%;
    text-align: left;
}

[data-ruby] {
    position: relative;
}
[data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -42%;
    left: 22%;
    right: 0;
    margin: auto;
    font-size: 13px;
    font-family: 'Noto Sans JP',sans-serif;
}

.hero_text_area p:nth-child(1) {
    font-size: clamp(46px,calc(46px + ((1vw - 3px) * 2)), 56px);
    font-family: 'Sawarabi Gothic', sans-serif;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.04em;
    white-space: nowrap
}

.hero_text_area p:nth-child(2) {
    writing-mode: vertical-rl;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.04em;
    margin-left: 50px;
}

.hero_img img {
    width: 93%;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.main_points {
    width: 35%;
    display: flex;
    position: absolute;
    bottom: 5%;
    left: 10%;
}

.circle_width {
    width: calc(100%/3);
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0 5px;
}

.circle_height {
    position: relative;
    padding-top: 100%;
    height: 0;
}

.circle_height span:nth-child(1) {
    position: absolute;
    font-size: clamp(18px,calc(18px + ((1vw - 3px) * 2)), 24px);
    top: 20%;
    left: 0;
    right: 0;
    margin: 0;
    text-align: center;
    font-family: 'M PLUS 1p', sans-serif;
}

.circle_height p:nth-child(2) {
    position: absolute;
    font-size: 15px;
    top: calc((100% - 1em)/2);
    left: 0;
    right: 0;
    margin: 0;
    text-align: center;
    line-height: 146%
}

/* 各ページのトップ画像部分 */
.hero_description {
    position: absolute;
    top: 40%;
    left: 10%;
    text-align: left;
}

.hero_description_1 {
    position: absolute;
    top: 50%;
    left: 10%;
    text-align: left;
}

.hero_description_2 {
    position: absolute;
    top: 28%;
    left: 10%;
    text-align: left;
}

.hero_description_2 .width_100 {
    width: 450px;
    bottom: auto;
    left: auto;
}

.hero_description_2 .width_100 .circle_width {
    background-color: #F5F5F5;
}

.hero_description_3 {
    position: absolute;
    top: 60%;
    left: 10%;
    transform: translateY(-60%);
    text-align: left;
}

.hero_description h1,.hero_description_1 h1,.hero_description_2 h1,.hero_description_3 h1 ,p.hero_title{
    font-size: 42px;
}

.hero_description p {
    font-size: 18px;
}


ul.column3 li {
    margin-right: 87px;
}

/* watanabeに追加 */
/* requester3 (追加部分) */
.file_upload_box div:first-child{
    margin-bottom: 35px;
}

.file_upload_box input {
    display: none;
}

.file_upload_box label {
    width: 144px;
    height: 36px;
    background-color: #DDDDDD;
    border: 1px solid #B3B2AD;
    border-radius: 4px;
    padding: 5px 16px;
    margin-right: 15px;
}
.file_upload_box label:hover {
    color: #fff;
    background-color: #727171;
}
@media screen and (min-width: 767px){
    div.wrapper{
        min-width: 1366px;
     }
     header {
        min-width: 1366px;
    }
    .flex_center_pc {
        display: flex;
        justify-content: center;
    }
    .flex_gap {
        display: flex;
        justify-content: center;
        gap: 80px;
    }

    .w944 {
        width: 944px;
        margin-left: auto;
        margin-right: auto;
    } 

    .isSP {
        display: none !important;
    }
}
/* ipad暫定対応 */
@media (min-width: 768px) and (max-width: 1316px){
    .isPad {
        display: block !important;
    }
    div.wrapper{
        min-width: 100%;
     }
    header {
        min-width: 100%;
    }
    header nav ul.isPC li{
        margin-right: 8px;
    }
    header nav ul.isPC li a{
        font-size: 15px;
    }
    .header_PC_1 img{
        width: 180px;
    }
    .header_PC_2 img{
        width: 180px;
    }
    header .nav_btn_2 button {
        width: 120px;
        padding-left: 25px;
    }
    header .nav_btn_2 .people::before {
        left: 10px;
    }
    header .nav_btn_2 .pen::before{
        left: 10px;
    }
    header .nav_btn_2 .free_letter {
        font-size: 12px;
    }
}

ul.column3 li {
    margin-right: 87px;
}

/* 追加部分 */
ul.column3 li figure img{
    width: 250px;
}

.service_lists_sp {
    display:inline-flex;
    margin-right: 18px;
}

.service_lists_sp a {
    color: #4F4849;
}

.service_lists_sp a:hover {
    color: #F87076;    
}

.service_lists_sp img:hover {
    opacity: 0.6;
}

div.column10 li.service_list {
    margin-right: 18px;
}

ul.column3 li:last-child,div.column10 li.service_list:last-child,.service_lists_sp:last-child,.reason li:last-child {
    margin-right: 0;
}

ul.column3 h3,.kaimono_flex h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 155%;
    text-align: center;
    padding-top: 26px;
    padding-bottom: 28px;
}

div.column10 figcaption {
    font-size: 14px;
    line-height: 135%;
    margin-top: 12px;
    text-align: center;
}

.top_img {
    margin-left: calc(-3.5vw + 1px);
    margin-right: calc(-3.5vw - -1px);
}

.top_img2 {
    margin-left: calc(-3.5vw - 18px);
    margin-right: calc(-3.5vw - -19px);
    width: calc(100% /93 * 100 + 40px);
}

.top_img img,.top_img2 img{
    width: 100%;
}

/* 追加部分 */
.menubar_sp {
    display: flex;
    justify-content: center;
    text-align: center;
}

.menubar_sp li{
    width: calc(100%/4);
    border-right: 1px solid #fff;
}

.menubar_sp li a.height100 {
    display: block;
    height: 100%;
}

.menubar_sp li a p:hover {
    color: #F87076;
}

.menubar_sp li .arrow_icon {
    display: inline-block;
    background: url(/images2/icon/arrow.svg) no-repeat right 3px center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #F87076;
    margin: 12px auto;
}

.menubar_sp li .blue {
    background-color: #3E7E94 !important;
}

.arrow_icon_last {
    margin: 35px auto !important;
}


/*タイトル、見出し、リード文、本文*/
.main_title {
    font-family: Mplus 1p;
    font-size: 56px;
    line-height: 150%;
    letter-spacing: 0.05em;    
}

h1 {
    font-size: 42px;
    line-height: 160%;
}

h2 {
    font-weight: 500;
    font-size: 34px;
    line-height: 180%;
}

h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 170%;
}

h4 {
    font-weight: 500;
    font-size: 21px;
    line-height: 180%;
}

h5 {
    font-weight: 500;
    font-size: 18px;
    line-height: 155%;
}

h6 {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
}

p {
    font-size: 18px;
    line-height: 195%;
}

.usage_flex {
    display: flex;
    align-items: start;
}

.lead {
    font-size: 18px;
    line-height: 195%;
}

.usage_flex img{
    width: 30px;
    margin-right: 30px;
    margin-top: 2px;
}

.caption {
    font-size: 15px;
    line-height: 175%;
}

/*タグ*/
    .tag {
        display: inline-block;
        width: 111px;
        height: 25px;
        font-size: 15px;
        line-height: 25px;
        text-align: center;
        border-radius: 4px;
        background: #FFFFFF;
    }

    /* Devに追加 */
    .tag.hover:hover {
        color: #FFFFFF;
        background: #727171;
    }


    .tag.text_gray {
        color: #727171;
    }

    .tag.red {
        color: #FFFFFF;
        background: #F87076;
    }
    .tag.red a{
        color: #FFFFFF;
    }

    .tag.blue {
        color: #FFFFFF;
        background: #3E7E94;
    }

    .tag.gray {
        color: #FFFFFF;
        background: #727171;
    }

    .tag.yellow {
        background: #FFF068;
    }

    .tag.light_gray {
        background: #F5F5F5;
    }

    .tag.red.hover:hover {
        color: #FFFFFF;
        background: #727171;
    }
    .tag.light_gray.hover:hover {
        color: #FFFFFF;
        background: #F87076;
    }


    .btn_order.arrow {
        /* background-position: 169px 17px; */
        background-size: 0.75em;
    }
    .btn_order.arrow:hover {
        /* background-position: 171px 17px!important; */
        background-size: 0.75em!important;
    }

    .btn_order.btn.border_red.arrow,.btn_ss.border_gray.arrow,.btn_s.btn_ss.border_blue.arrow {
        /* background-position: 169px 15px; */
    }

    .text_red {
        color: #F87076;
    }

    .reason h3 {
        font-weight: 400;
        display: flex;
        align-items: center;
    }

    .reason h3 span {
        display: block;
    }
   
    .reason h3 span.number {
        font-size: 36px;
        font-family: Roboto;
        margin-right: 16px;
    }

    .reason h3 span.small {
        font-size: 15px;
        line-height: 240%;
    }

    .reason li {
        margin-right: 55px;
    }

    .reason figure img {
        width: 326px;
        border-radius: 16px;
    }

    .reason h3 {
        margin: 20px 0;
    }

    .reason figcaption {
        width: 326px;
        font-size: 18px;
        line-height: 195%;
    }

    .customer h3,.helper h3 {
        font-weight: 500;
        line-height: 180%;
    }

    .customer,.helper {
        width: 440px;
        margin-right: 64px;
    }

    .customer .flex_center,.helper .flex_center {
        align-items: center;
    }

    .customer .flex_center ul,.helper .flex_center ul {
        margin: 24px 24px 10px 24px;
    }

    .name_list li {
        font-weight: 500;
        font-size: 18px;
        line-height: 155%;
    }

    .none {
        display: none;
    }

    .comment {
        background: #fff;
        border-radius: 32px;
        padding: 32px;
        position: relative;
        margin-top: 20px;
    }

    .comment h4,.comment p {
        width: 360px;
        margin: 0 auto;
    }

    .comment p {
        color: #727171;
    }

    .comment h4 {
        margin-bottom: 24px;
    }

    .comment:before{
        content: "";
        position: absolute;
        right: 0;
        top: -12px;
        left: 0;
        width: 0px;
        height: 0px;
        margin: auto;
        border-style: solid;
        border-color: #fff transparent transparent transparent;
        border-width: 20px 20px 20px 0;
        transform: rotate(45deg);
      }

    /* 追加部分 */
    .customer img,.helper img {
        width: 120px;
    }
    
    .prev,.next {
        background: #fff;
        width: 37px;
        height: 37px;
        border-radius: 20px;
        color: #F87076;
        font-weight: 500;
        font-size: 18px;
        line-height: 37px;
        text-align: center;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
        position: relative;
    }
    .prev:hover,.next:hover {
        background: #727171;
        width: 37px;
        height: 37px;
        border-radius: 20px;
        color: #fff;
        font-weight: 500;
        font-size: 18px;
        line-height: 37px;
        text-align: center;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
        position: relative;
    }

    .next::after {
        content: "";
        position: absolute;
        top: 15px;
        left: 45px;
        width: 12px;
        height: 8px;
        background: url(/images2/icon/bg_prevnext.svg);
    }

    .prev::before {
        content: "";
        position: absolute;
        top: 15px;
        left: -20px;
        width: 12px;
        height: 8px;
        background: url(/images2/icon/bg_prevnext.svg);
        transform: rotateZ(180deg);
    }

    .flow {
        text-align: center;
    }
    

    /* 追加部分 */
    .flow figure {
        position: relative;
    }

    .flow .number1:before {
        position: absolute;
        left: 10%;
        top: 0;
        content: '01';
        font-size: 30px;
        font-weight: 500;
        color: #F87076;
        font-family: 'Roboto', sans-serif;
    }
    .flow .number2:before {
        position: absolute;
        left: 10%;
        top: 0;
        content: '02';
        font-size: 30px;
        font-weight: 500;
        color: #F87076;
        font-family: 'Roboto', sans-serif;
    }
    .flow .number3:before {
        position: absolute;
        left: 10%;
        top: 0;
        content: '03';
        font-size: 30px;
        font-weight: 500;
        color: #F87076;
        font-family: 'Roboto', sans-serif;
    }
    .flow .number4:before {
        position: absolute;
        left: 10%;
        top: 0;
        content: '04';
        font-size: 30px;
        font-weight: 500;
        color: #F87076;
        font-family: 'Roboto', sans-serif;
    }

    .flow ul li figure img{
        width: 160px;
    }

    .flow ul li figcaption {
        color: #727171;
    }

    .flow .btn {
        font-size: 18px;
        width: 368px;
        height: 72px;
        margin-top: 56px;
        background-position: 92% center;
    }

    .flow .register_btn {
        width: 90% !important;
        height: 50px;
    }

    @media screen and (min-width: 768px){
        .flow ul li {
            width: 284px;
            border-right: 2px solid #f5f5f5;
        }

        .flow ul li:last-child {
            border: none;
        }

        .flow h3 {
            font-weight: 500;
            font-size: 20px;
            line-height: 155%;
            padding: 44px 0 16px 0;
            width: 285px;
            background: linear-gradient(90deg, transparent 50%, rgba(255,255,255,1) 50%);
            position: relative;
        }
    
        .flow h3:after {
            content: "";
            position: absolute;
            right: 0;
            top: 30px;
            right: 5px;
            width: 0px;
            height: 0px;
            margin: auto;
            border-style: 2px solid;
            border-color: #f5f5f5 transparent transparent transparent;
            border-width: 12px 0 12px 12px;
            transform: rotate(45deg);
          }
        .flow ul li:last-child h3:after {
            display: none;
        }
    }

.flow figcaption {
    width: 214px;
    text-align: left;
    font-size: 18px;
    line-height: 195%;
    margin: 0 auto;
}

    
 .price_area {
    width: 944px;
    border-radius: 16px;
    background: #F5F3EB;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 16px 32px 16px;
}

.price_area.option {
    background: #F5F5F5;
}

.price_area h3 {
    width: 912px;
    font-size: 21px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 2px solid #fff;
    padding-bottom: 13px;
    text-align: center;
}

.price_area .price_title {
    width: 912px;
    font-size: 21px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 2px solid #fff;
    padding-bottom: 13px;
    text-align: center;
}

.price_area ul {
    margin-top: 32px;
}

.price_area .tag {
    margin: 0 auto 14px auto;
}

.price_area ul li {
    border-right: 2px solid #fff;
    text-align: center;
}

.price_area ul li:last-child {
    border: none;
}

.price_area ul .right_list {
    text-align: left;
    margin-left: 15px;
}

.price_area ul li h4 {
    color: #F87076;
    border: none;
    width: 302px;
    margin-bottom: 16px;
}

.price_area ul li h4.font_black_c0 {
    color: rgba(79, 72, 73, 1);
 }

.price_area.option ul li h4 {
    color:#4F4849;
    font-size: 18px;
    margin-bottom: 16px;
}

.price_area strong {
    font-weight: bold;
    font-size: 40px;
    line-height: 105%;
}

.price_area .wage_increase {
    font-size: 24px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

.short_ratio {
    border-top: 2px solid #fff;
    padding-top: 32px;
}

.short_ratio li:nth-child(1) {
    border-right: none;
}

.short_ratio li:nth-child(2) {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
}

.option_img {
    margin-bottom: 10px;
}

/* 追加部分 */
.option_img img {
    width: 80px;
}

.area_map .btn {
    width: 204px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    margin-right: 16px;
    background-position: 93% center;
}
.area_map .btn:hover {
    background-position: calc(93% + 2px) center !important;
}

.btn_area ul:first-child {
    margin-bottom: 16px;
}

.btn_area h3 {
    display: inline-block;
    font-weight: 500;
    font-size: 16px;
    line-height: 195%;
}

/* 用語集トップ */
.glossary_search_box {
    width: 864px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 80px;
}

.glossary_search_flex {
    display: flex;
    gap: 20px;
}

.glossary_search_flex:nth-child(1) {
    margin-bottom: 20px;
}

.glossary_search_flex li {
    width: calc(100%/5);
    height: 48px;
    line-height: 48px;
}

.glossary_search_box li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #4F4849;
}

.glossary_search_box li a:hover {
    color: #FFFFFF;
}

/* 用語集行一覧（追加部分）*/
.glossary dl {
    width: 864px;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.15);
    border-radius: 16px;
    background-color: #fff;
    margin: 20px auto;
}

.glossary dl dt {
    line-height: 72px;
    padding-left: 30px;
    background: url(/images2/icon/bg_prevnext.svg) no-repeat 808px 32px;
    font-size: 18px;
}

.glossary dl dt.opened {
    background-image: url(/images2/icon/minus.svg);
}

.glossary dl dd {
    display: none;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    border-top: 2px solid #F5F3EB;
    padding: 26px 0 36px 64px;
}


.consultation {
    background: url(/images2/hero_area/7-pc.jpg);
    padding: 100px 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.consultation h2 {
    text-align: center;
    padding:0 0 24px 0;
}

.consultation p {
    text-align: center;
    margin-bottom: 48px;
    font-size: 18px;
}

/* 追加部分 */
.consultation a:nth-child(1) {
    margin-right: 40px;
}

.consultation .btn {
    width: 368px;
    height: 72px;
    line-height: 72px;
    text-align: center;
    background-position: 310px center;
    position: relative;
}

.consultation .btn:last-child {
    margin: 0;
}

.consultation .btn.question::before {
    content: url("/images2/icon/question_g.svg");
    position: absolute;
    top: 7%;
    left: 28px;
}

.tab li {
    width: 188px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    border-bottom: 2px solid #fff;
    margin-bottom: 34px;
    cursor: pointer;
}

.tab li.current {
    border: 3px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 16px 16px 0px 0px;
    border-bottom: none;
    color: #F87076;
}

.tab li.empty {
    width: 96px;
}

.tab li:hover {
    color: #F87076;
}

.info {
    width: 944px;
    margin: 0 auto;
    padding: 14px 102px 14px 96px;
    background: url(/images2/icon/arrow_r.svg) no-repeat 830px 25px;
}

.info p {
    margin-right: 24px;
    color: #727171;
}

.info .tag {
    width: 136px;
}

.date {
    width: 80px;
}

.title {
    width: 456px;
}

.recruitment {
    border: 2px solid #3E7E94;
    box-sizing: border-box;
    border-radius: 32px;
    width: 944px;
    margin: 160px auto 20px auto;
    text-align: center;
    padding: 72px 0 64px 0;
    position: relative;
}

.recruitment_img {
    position: absolute;
    top: -144px;
    left: 0;
    right: 0;
}
.recruitment_img img {
    width: 200px;
}

.recruitment h2 {
    font-weight: 500;
    font-size: 24px;
    line-height: 170%;
    color: #3E7E94;
    margin-bottom: 16px;
}

.recruitment .btn {
    width: 368px;
    height: 48px;
    margin-top: 36px;
    background-position: 92% center;
}

.service_area {
    background: #F87076;
    color: #FFFFFF;
}

.service_area .head {
    background-color: #F87076;
    text-align: center;
}

.service_area h2 {
    background: url(/images2/icon/plus_w.svg) no-repeat 95% center;
    width: 380px;
    margin: 0 auto;
    height: 113px;
    line-height: 113px;
    position: relative;
}

.service_area h2::before {
    content: url("/images2/icon/map.svg");
    position: absolute;
    top:10px;
    left: 0;
}

.service_area h2.opened {
    background: url(/images2/icon/minus_w.svg) no-repeat 95% center;
}

.service_area .head:hover {
    background-color: #727171;
}

.service_area p {
    padding-bottom: 24px;
}

.service_area a {
    color: #fff !important;
}

.service_area a:hover {
    color: #727171 !important;
}

.prefecture {
    padding-top: 24px;
}

.prefecture:last-child {
    padding-bottom: 160px;
}

.prefecture div {
    width: 120px;
    font-weight: 500;
    font-size: 18px;
    margin-top: 24px;
}

.service_area dl dt {
    margin: 24px 0 16px 0;
    font-weight: 500;
    font-size: 18px;
}

.service_area dl dd {
    width: 845px;
}

.service_area dl dd ul {
    border-left: 2px solid #FF9D9D;
    padding-left: 8px;
}

.service_area dl dd ul li {
    margin-left: 16px;
    display: inline-block;
    font-size: 15px;
    margin-bottom: 8px;
    text-decoration: underline;
}

.usage_example p {
    color: #727171;
}

.usage_example .left_column {
    width: 573px;
    margin-right: 96px;
}

.usage_example .right_column {
    width: 275px;
}

.usage_example .right_column .timetable_flex {
    display: flex;
    flex-direction: column;
}

.usage_example .right_column .timetable_flex img:first-child {
    margin-bottom: 20px;
}

.kaimono_example {
    margin-left: 80px;
}

.mission_area {
    width: 80%;
    margin: 0 auto;
}

.mission_area .title {
    color: #F87076;
    font-weight: 600;
    margin: 0 auto;
    font-size: 32px;
}

.mission_area .sub_title {
    color: #727171;
    font-size: 16px;
    font-weight: 400;
}

.mission_area .main_theme1 {
    font-size: 34px;
}
.mission_area .main_theme2 {
    font-size: 24px;
}

/* ボーダー線の追加 */
.mission_area_border {
    position: relative;
}

.mission_area_border::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -20px;
    display: inline-block;
    width: 288px;
    height: 2px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
}


.summary_area {
    width: 60%;
    margin: 0 auto;
}

.summary_img {
    width: 45%;
}

.summary_area ul{
    width: 80%;
    border-top: 2px solid #F5F3EB;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    padding-bottom: 30px;
}
.summary_area ul li{
    padding-bottom: 13px;
    display: flex;
}

.summary_area ul li p.left_side{
    width: 15%;
    color: #727171;
}
.summary_area ul li p.right_side{
    width: 85%;
    color: #727171;
    padding-left: 1em;
}
 .summary_area ul li p.right_side_short{
        width: 70%;
        color: #727171;
        padding-left: 1em;
    }
.summary_area .sharing-economy{
    color: #F87076;
}
.summary_area .sharing-economy-icon{
    width: 55px;
    height: 55px;
    float: right;
}

.introduction_area {
    width: 80%;
    border-radius: 16px;
    background: #F5F3EB;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 16px 40px 16px;
}
.introduction_area h2 {
    margin: auto;
    text-align: center;
}
.introduction_area ul li{
    width: 40%;
    text-align: center;
    margin: 0 auto;
}
.introduction_area h3,h5,p{
    color: #4F4849;
}


.introduction_area ul li h4 {
    color:#4F4849;
    border: none;
    text-align: center;
}
.introduction_area ul li p.indent{
    color: #727171;
   padding-left: 1em;
    text-indent: -1em;
    text-align: left;
}
.introduction_img img{
    height: 120px;
    width: 120px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    border: 5px solid white;
    margin-bottom: 10px;
    object-fit: cover;
}

div.terms{
   width: 70%;
   margin: 0 auto;
}

.terms ul li p.indent{
    color: #727171;
   padding-left: 1em;
    text-indent: -1.2em;
}

.service_list img {
    width: 80px;
}

.service_list div{
    width: 35%;
}

.service_list .emphasis p{
    font-size: 18px;
    font-weight: 500;
    line-height: 195%;
}
.service_list div ul li{
    padding-left: 20px;
    border-left: solid #fdf2f2 2px;
}

.service_list div ul li p {
    font-size: 16px;
}
.service_list div ul li p .title{
    font-size: 16px;
    line-height: 195%;
}
.service_list div ul li h4{
    font-size: 18px;
}
.service_list div ul li h5 p a{
    color: #4F4849;
}
.service_list div ul li p{
    color: #727171;
}
.service_list div ul li p a:hover{
    color: #F87076 !important;
}
 .service_list div ul li p::before{
    display: none;
 }
.service_list div ul li p::after{
    content: "";
    background-image: url(/images2/icon/bg_prevnext.svg);
    background-repeat: no-repeat;
    display: inline-block;
    height: 15px;
    width: 15px;
    vertical-align: middle;
    margin: 10px 10px;
    background-position: center;
    transition-duration: 500ms;
}
.service_list div ul li p:hover::after{
    content: "";
    background-image: url(/images2/icon/bg_prevnext.svg);
    background-repeat: no-repeat;
    display: inline-block;
    height: 15px;
    width: 20px;
    vertical-align: middle;
    margin: 10px 10px!important;
    background-position: center;
    transition-duration: 500ms;
}

.service_list div ul li p a{
    color: #727171;
}

.footer_left{
    width: 30%;
    position: relative;
}
.sharing-economy_pc {
    position: absolute;
    left: 20%;
    bottom: 5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sharing-economy_pc a {
    display: inline-block;
    text-align: center;
}

.sharing-economy_pc img {
    width: 65px;
    height: auto;
}

.sharing-economy_pc p {
    width: 232px;
    height: 42px;
    font-weight: 400;
    font-size: 10px;
    line-height: 140%;
    margin-left: auto;
    margin-right: auto;
}

.footer_right{
    width: 70%;
}
.footer_right .service_list div{
    width: 49%;
}
.sns-links{
    display: flex;
    justify-content: center;
}

.copyright p {
    font-weight: 400;
    font-size: 12px;
    line-height: 175%;
}

.sns-links li a{
    font-size: 22px;
    padding: 5px;
    margin: 8px 8px;
    color:#727171;
}
.sns-links li a:hover{
    color:#F87076;
}

.sns-links li a .circle{
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #727171;
    color: #fff;
    padding: 4px;
}

.sns-links li a .circle:hover{
    background-color:#F87076;
}
.logo_hand{
    width: 232px;
    height: 203px;
}
.phone_num{
    font-size: 30px;
    font-weight: 500;
}
.phone_num_small{
    font-size: 14px;
    font-weight: 400;
}
.phone_icon{
    background: #F87076;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 3px;
    vertical-align: top;
    margin: 5px 10px;
}

.fukidashi_area img {
    width: 120px;
}

.fukidashi_long {
    display: flex;
    justify-content: center;
}

.fukidashi {
    padding: 32px 48px 36px 48px;
    border-radius: 32px;
    width: 672px;
    margin-left: 45px;
    position: relative;
}

.fukidashi p {
    color: #727171;
}

.fukidashi.white {
    background: #fff;
}

.fukidashi.beige {
    background: #F5F3EB;
}

.fukidashi:before{
    content: "";
    position: absolute;
    left: -5px;
    top: 40%;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 20px 20px 20px 0;
    transform: rotate(-45deg);
  }

  .fukidashi.beige:before {
    border-color: #F5F3EB transparent transparent transparent;
}

.fukidashi h4 {
    margin-bottom: 16px;
}

.flow_2column {
    width: 944px;
    margin: 0 auto;
    padding: 48px 0;
    border-bottom: 2px solid #F5F3EB;
}

.flow_2column:last-child {
    border:none;
}

.flow_2column .number  img {
    width: 250px;
}

.flow_2column .number {
    position: relative;
}

.flow_2column .number1:before {
    position: absolute;
    left: -10%;
    top: 0;
    content: '01';
    font-size: 40px;
    font-weight: 500;
    color: #F87076;
    font-family: 'Roboto', sans-serif;
}
.flow_2column .number2:before {
    position: absolute;
    left: -10%;
    top: 0;
    content: '02';
    font-size: 40px;
    font-weight: 500;
    color: #F87076;
    font-family: 'Roboto', sans-serif;
}
.flow_2column .number3:before {
    position: absolute;
    left: -10%;
    top: 0;
    content: '03';
    font-size: 40px;
    font-weight: 500;
    color: #F87076;
    font-family: 'Roboto', sans-serif;
}
.flow_2column .number4:before {
    position: absolute;
    left: -10%;
    top: 0;
    content: '04';
    font-size: 40px;
    font-weight: 500;
    color: #F87076;
    font-family: 'Roboto', sans-serif;
}
.flow_2column .number5:before {
    position: absolute;
    left: -10%;
    top: 0;
    content: '05';
    font-size: 40px;
    font-weight: 500;
    color: #F87076;
    font-family: 'Roboto', sans-serif;
}
.flow_2column .number6:before {
    position: absolute;
    left: -10%;
    top: 0;
    content: '06';
    font-size: 40px;
    font-weight: 500;
    color: #F87076;
    font-family: 'Roboto', sans-serif;
}



.flow_2column h3 {
    margin-bottom: 16px;
}

.flow_2column p {
    color: #727171;
}

.flow_2column button {
    margin: 24px 0 32px 0;
    border-radius: 139px;
    height: 40px;
    line-height: 36px;
    width: 270px;
    text-align: center;
    background-position: 93% center;
}

.flow_right_column {
    width: 616px;
    margin-left: 60px;
}

.inquiry {
    padding: 100px 0;
}

.inquiry h2 {
    margin-bottom: 32px;
}

.inquiry form { 
    width: 752px;
    margin: 0 auto;
    padding-top: 40px;
}

.inquiry dl dt {
    margin-top: 40px;
    font-size: 18px;
}

.inquiry dl dt span {
    color: #F87076;
    margin-left: 16px;
}


.inquiry input[type="text"],.inquiry select,.inquiry input[type="tel"] {
    width: 752px;
    height: 48px;
    margin-top: 20px;
    padding: 8px 16px;
}

.inquiry textarea {
    width: 752px;
    height: 148px;
    margin: 20px 0 0 0;
    padding: 8px 16px;
}

input[type="checkbox"] {
    margin-right: 14px;
}


.inquiry button {
    width: 368px;
    height: 56px;
    margin: 80px auto 0 auto;
    text-align: center;
    display: block;
}

.inquiry .btn.pen::before {
    top: 28%;
}

.interview {
    margin-bottom: 50px;
}

.interview .left_column,.interview .right_column {
    width: 520px;
}

.interview .left_column {
    margin-right: 96px;
}

.interview .img {
    margin-right: 32px;
}

.interview .img img {
    width: 120px;
}

.interview .img img:hover {
    opacity: 0.6;
}

.interview p {
    font-weight: 400;
    font-size: 18px;
    color: #727171;
}

.interview button {
    margin-top: 16px;
    width: 211px;
    height: 40px;
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    padding-left: 15px;
}

.interview button.long {
    width: 250px;
}

.service_details {
    width: 944px;
    margin: 0 auto;
    padding: 0 0 80px 0;
}

.service_details .img {
    margin-right: 56px;
    text-align: center;
}

/* 追加部分 */
.service_details .img img{
    width: 300px;
}

.service_details h2{
    margin-bottom: 24px;
}

/* ベージュのボタン */
.beige_parts{
    text-align: center;
    margin-top: 45px;
    margin-bottom: 45px;
}

.beige_parts h3 {
    display: inline-block;
    background-color: #F5F3EB;
    border-radius: 30px;
    padding: 4px 40px 8px;
    margin-top: 50px;
}

.beige_parts p{
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    background-color: #F5F3EB;
    border-radius: 22px;
    padding: 0 24px 0 28px;
}

/* サービス内容(追加部分) */
ul.service_column{
    margin-bottom: 50px;
}

ul.service_column li{
    margin-right: 87px;
}

ul.service_column li:last-child{
    margin-right: 0;
}

/* 追加部分 */

ul.service_column li picture img{
    width: 260px;
    max-width: 100%;
    height: auto;
}

ul.service_column li picture img:hover {
    opacity: 0.6;
}

ul.service_column h3{
    font-weight: 500;
    font-size: 21px;
    line-height: 180%;
    padding: 16px 0;
}

ul.service_column h3:hover {
    color: #F87076;
}

ul.service_column figcaption {
    font-weight: 500;
    font-size: 18px;
    line-height: 195%;
    text-align: center;
}

.not_accept {
    width: 1136px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 64px;
    border-top: 2px solid #fff;
}

.other_service_flex img:hover {
    opacity: 0.5;
}

.other_service img {
    width: 250px;
}

.other_service img:hover {
    opacity: 0.6;
}

.other_service figcaption {
    margin-top: 15px;
    margin-bottom: 50px;
    font-weight: 400;
    font-size: 18px;
    line-height: 195%;
}

/* サービス詳細(追加部分) */
ul.care_support{
    width: 1136px;
    gap: 80px;
    margin: 0 auto;
    margin-bottom: 30px;
}

ul.care_support li,.option_service li {
    width: calc(100%/3);
}

ul.option_service img:hover {
    opacity: 0.6;
}

ul.care_support li h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 155%;
    text-align: center;
    padding-top: 24px;
    padding-bottom: 28px;
}

ul.option_service {
    width: 1136px;
    gap: 80px;
    margin: 80px auto;
}

ul.option_service li h3 {
    font-weight: 500;
    line-height: 155%;
    text-align: center;
    padding-top: 24px;
    padding-bottom: 28px;
}


ul.service_show_list{
    gap: 30px;
    margin-bottom: 30px;
}

ul.service_show_list li {
    width: calc(100%/3);
    margin-right: 0px;
}

.service_index_column {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.service_index_column li {
    width: 25%;
    display: flex;
    align-items: center;
    margin-right: 40px;
}

.service_index_column li:nth-child(1) {
    margin-right: 40px;
}

.service_index_column li:nth-child(2) {
    margin-right: 40px;
}

.service_index_column li img,.other_service_flex img {
    width: 80px;
}

.service_index_column li h3,.other_service_flex h3 {
    font-weight: 400;
    font-size: 18px;
    line-height: 195%;
    margin-left: 24px;
}
.service_index_column li p:hover{
    color: #F87076;
}

.service_index_column li a,.other_service_flex a {
    color: #4F4849 !important;
}

.service_index_column li a:hover,.other_service_flex a:hover {
    color: #F87076 !important;
}

.service_index_column li img:hover {
    opacity: 0.6;
}

.pink_arrow::after {
    content: "";
    background-image: url(/images2/icon/bg_prevnext.svg);
    background-repeat: no-repeat;
    display: inline-block;
    height: 15px;
    width: 15px;
    vertical-align: middle;
    margin: 10px 10px;
    background-position: center;
    transition-duration: 500ms;
}

.other_service_flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.other_service_flex p {
    margin-left: 15px;
}

/*買い物お助けサービス詳細ページ（追加部分）*/
.kaimono_flex {
    display: flex;
    justify-content: center;
    width: 944px;
}

.kaimono_flex li {
    width: calc(100%/3);
}

.kaimono_flex li:nth-child(1),.kaimono_flex li:nth-child(2) {
    margin-right: 50px;
}

.kaimono_scene {
    background-color: #F5F3EB;
    border-radius: 32px;
    padding: 40px 50px;
}

.kaimono_list {
    width: 944px;
    list-style: disc;
    padding-left: 2em;
    margin-left: auto;
    margin-right: auto;
}

.kaimono_list li {
    font-size: 18px;
    line-height: 195%;
}

.kaimono_notes {
    width: 944px;
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
}

/* オーダーメイド */
.worry_list_flex {
    display: flex;
    justify-content: center;
}

.worry_list_flex li:nth-child(1),.worry_list_flex li:nth-child(2) {
    margin-right: 80px;
}

.worry_list_flex li img {
    width: 300px;
    border-radius: 16px;
}

.worry_list_flex li p {
    padding: 20px 0;
    font-size: 18px;
    font-weight: 500;
}


/* 選ばれる理由(追加部分) */
.prefix {
    font-size: 15px;
    line-height: 175%;
    color: #F87076 !important;
    
}

.reason_number{
    font-weight: 400;
    font-size: 48px;
    line-height: 100%;
    color: #F87076 !important;
    margin-bottom: 16px;
}

.reason_heading {
    margin-bottom: 70px !important;
}

.correct_matching {
    display: flex;
    justify-content: center;
    align-items: center;
}

.correct_matching li {
    width: calc(100%/3);
}

.correct_matching img {
    width: 250px;
}

.correct_matching li figcaption {
    padding: 10px 0;
}

.scene_img img{
    width: 250px;
}

/* ご利用の流れ ヘルパーの評価(追加部分) */
.reputation{
    width: 752px;
    background-color: #F5F3EB;
    border-radius: 32px;
    display: flex;
    padding: 32px 48px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

.reputation_left_column img{
    width: 100px;
    height: 100px;
}

.reputation_right_column {
    margin-left: 30px;
}

.payment_method_container {
    display: flex;
    justify-content: center;
}

.payment_method_container li{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 30%;
    height: 500px;
    padding: 0 30px;
}

.payment_method_container li:nth-child(1) {
    border-right: 2px solid #fff;
}

.payment_method_container li:nth-child(2),.payment_method_container li:nth-child(3) {
    border-right: 2px solid #fff;
}

.payment_method_container li strong {
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 28px;
    line-height: 130%;
    color: #F87076;
}

.payment_name a {
    color: #343A40 !important;
}

.payment_name p:hover {
    color: #F87076;
}

.payment_img {
    height: 158px;
}

.payment_img:nth-child(3) {
    height: 150px !important;
}

/* 料金（追加部分）*/

.fee_simulation form {
    width: 560px;
    margin: 0 auto;
    padding-top: 40px;
}

.fee_simulation .form-group {
    margin-top: 40px;
}

.fee_simulation .form-group label {
    font-size: 18px;
}

.fee_simulation .form-group label span{
    color: #F87076;
    margin-left: 16px;
}

.order_type,.usage_time {
    position: relative;
}

.order_type::before,.form_arrow::before {
    border-bottom: 4.5px solid #343A40;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    content: "";
    position: absolute;
    right: 9px;
    top: 58%;
    width: 0;
  }
  .order_type::after,.form_arrow::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4.5px solid #343A40;
    content: "";
    position: absolute;
    right: 9px;
    top: 68%;
    width: 0;
  }

.order_type select {
    width: 560px;
    height: 40px;
    margin-top: 20px;
    padding: 8px 16px;
}

.wavy_line {
    height: 30px;
    margin-top: 20px;
}

.usage_time_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.usage_time select,.usage_time input {
    width: 250px;
    height: 40px;
    margin-top: 20px;
    padding: 8px 16px;
}

.short_ratio {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
}

.short_ratio label {
    width: 50%;
    padding: 10px;
}

.estimated_account {
    width: 100%;
    margin-top: 40px;
}

.estimated_account .estimated_account_title {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 195%;
}

.estimated_account_group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 5px;
}

.estimated_account_group:nth-child(5) {
    padding-bottom: 20px;
}
.estimated_account_group:nth-child(6) {
    padding-top: 20px;
}

.estimated_account_group .total_charge {
    font-size: 24px;
    font-weight: 500;
    line-height: 170%;
}

.link_pink {
    color: #F87076;
    font-weight: 400;
    text-decoration: underline;
    text-decoration-color: #F87076;
}

.link_pink:hover {
    color: #4F4849;
    text-decoration-color: #4F4849;
}

#price_table {
    width: 560px;
    margin: 0 auto;
}


.carfare {
    width: 242px;;
    padding: 10px 0px 10px 22px;
    border-radius: 139px;
    text-align: center;
    position: relative;
    background: url(/images2/fee_button.png) no-repeat 8% center;
    background-color: #F5F3EB;
    margin: 30px auto;
}

/* .carfare::before {
    position: absolute;
    content: url(/images2/fee_button.png);
    top: 0;
    left: 0;
} */

/* ヘルパーインタビュー(追加部分) */ 
.helper_requit_menu{
    display: flex;
    justify-content: center;
    align-items: center;
}

.helper_requit_menubar{
    display: flex;
}

.helper_requit_menubar li{
    margin: 0 30px;
    color: #4F4849;
}

.helper_requit_menubar li:hover {
    color: #F87076;
}

.helper_license:first-child{
    margin-right: 30px;
}

.helper_requit_menubar_sp{
    display: flex;
    justify-content: center;
    text-align: center;
}

.helper_requit_menubar_sp li{
    width: 25%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 0 15px;
    border-right: 2px solid #fff;
}

.helper_requit_menubar_sp li:last-child {
    border: none;
}

.helper_requit_menubar_sp li p {
    margin-bottom: 12px;
}

.helper_requit_menubar_sp li p:nth-child(2) {
    background-image: url(/images2/icon/bg_prevnext.svg);
    background-repeat: no-repeat;
    display: inline-block;
    height: 15px;
    vertical-align: middle;
    margin: 10px 10px;
    background-position: center;
    transition-duration: 500ms;
}

.helper_merit li {
    width: calc(100%/3);
}

.helper_merit li img{
    width: 250px;
}

.helper_license ul{
    display: flex;
    flex-direction: column;
}

.helper_license ul li{
    line-height: 26.25px;
    color: #727171;
}

/* ヘルパーインタビュー詳細（追加部分）*/
.helper_interview{
    width: 864px;
    background: url(/images2/icon/q.svg) no-repeat 32px 19px;
    background-color: #fff;
    margin: 20px auto;
}

.helper_interview_1{
    line-height: 72px;
    padding-left: 96px;
    font-size: 18px;
}
.helper_interview_2{
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    border-top: 2px solid #F5F3EB;
    padding: 26px 0 36px 64px;
}
.helper_interview_2 .helper_interview_heading{
    font-weight: 500;
    font-size: 18px;
    line-height: 155%;
    color: #F87076;
}

/* よくある質問（追加部分）*/
.often_question{
    width: 864px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
}

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

/* よくある質問詳細（追加部分）*/
.often_question_column{
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.often_question_column a {
    color: #4F4849;  
}

.often_question_column a:hover {
    color: #F87076;
}

.often_question_column li {
    display: flex;
    align-items: center;
    margin-right: 87px;
}

.service_index_column li p{
    margin-left: 15px;
}
.service_index_column li p:hover{
    color: #F87076;
}


/* サイトマップ(追加部分) */
.sitemap_list div {
    width: 35%;
}
.sitemap_list div ul li{
    padding-left: 20px;
    border-left: solid #fdf2f2 2px;
}

.sitemap_list .emphasis p{
    font-size: 18px;
    font-weight: 500;
    line-height: 195%;
}

.sitemap_list div ul li p .title{
    font-size: 16px;
    line-height: 195%;
}
.sitemap_list div ul li h4{
    font-size: 18px;
}
.sitemap_list div ul li h5 p a{
    color: #4F4849;
}
.sitemap_list div ul li p{
    color: #727171;
    font-size: 16px;
}
.sitemap_list div ul li p a:hover{
    color: #F87076 !important;
}
.sitemap_list div ul li p::before{
    display: none;
 }
 .sitemap_list div ul li p::after{
    content: "";
    background-image: url(/images2/icon/bg_prevnext.svg);
    background-repeat: no-repeat;
    display: inline-block;
    height: 15px;
    width: 15px;
    vertical-align: middle;
    margin: 10px 10px;
    background-position: center;
    transition-duration: 500ms;
}
.sitemap_list div ul li p:hover::after{
    content: "";
    background-image: url(/images2/icon/bg_prevnext.svg);
    background-repeat: no-repeat;
    display: inline-block;
    height: 15px;
    width: 20px;
    vertical-align: middle;
    margin: 10px 10px!important;
    background-position: center;
    transition-duration: 500ms;
}

.sitemap_list div ul li p a{
    color: #727171;
}

/* サービス提供地域（追加部分） */
.service_region h3 a:hover {
    color: #F87076 !important;
}

.area_title {
    width: 380px;
    margin: 0 auto;
    position: relative;
}

.area_title_2 {
    width: 500px;
    margin: 0 auto;
    position: relative;
}

.area_title_3 {
    width: 800px;
    margin: 0 auto;
    position: relative;
    padding-left: 40px;
}

.area_title::before,.area_title_2::before,.area_title_3::before {
    position: absolute;
    content: url(/images2/map_p.png);
    top: 10px;
    left: -20px;
}

.area_index {
    background-color: #fff;
    color: #4F4849;
}

.area_index a {
    color: #4F4849 !important;
}

.area_index dl dd ul {
    border-left: 2px solid #F5F3EB;
}

.area_index dl dd ul a {
    color: #727171 !important;
}

.area_index dl a:hover,.area_index dl dd ul a:hover {
    color: #F87076 !important;
}
.area_sub_detail{
    width: 80%;
    margin: 0 auto;
}

/* お問い合わせ */
.inquiry_box {
    text-align: center;
    padding-top: 30px;
}
.telephone_number {
    font-weight: 500;
    font-size: 46px;
    line-height: 105%;
    position: relative;
    width: 380px;
    margin: auto;
    padding-left: 20px;
}

.telephone_number::before {
    position: absolute;
    content: url(/images2/telephone.svg);
    top: 0;
    left: 0;
}

.inquiry_btn_box {
    text-align: center;
    padding-top: 64px;
}

.inquiry_flex {
    display: flex;
    justify-content: center;
    padding-top: 64px;
}

/* .inquiry_flex button:nth-child(1) {
    margin-right: 87px;
} */

.inquiry_flex a{
    padding: 0 30px;
}

/* ニュース個別エントリ */
.tab_menu {
    cursor: pointer;
}

.tab_menu a {
    color: #4F4849;
}

.tab_menu a:hover {
    color: #F87076 !important;
}

.tab_menu li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 224px;
    height: 80px;
    font-weight: 500;
    font-size: 21px;
    line-height: 180%;
    background: #F5F3EB;
    border-radius: 16px 16px 0px 0px;
    padding: 5px 16px 0px;
}

.tab_menu li:nth-child(2),.tab_menu li:nth-child(3),.tab_menu li:nth-child(4) {
    margin-left: 20px;
}

.tab_menu li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.tab_menu .current {
    background-color: #FFFFFF;
}

.tab_menu .current a {
    color: #F87076 !important;
}

.tab_menu .empty {
    width: 60px;
}

.news_container {
    width: 864px;
    margin: 0 auto;
}

.paginate {
    width: 320px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 56px;
}

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

.page-item {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #F5F5F5;
    text-align:center;
    line-height: 40px;
}

 /* 追加部分 */
.b_border_white{
    border-bottom: 2px solid #fff !important;
}
.t_border_white{
    border-top: 2px solid #fff;
}
.t_border_beige{
    border-top: 2px solid #F5F3EB;
}

.t_border_black{
    border-top: 2px solid #4F4849;
}

.b_border_beige{
    border-bottom: 2px solid #F5F3EB;
}

.b_border_gray{
    border-bottom: 2px solid #F5F5F5;
}
.border_yellow{
    background: linear-gradient(transparent 80%, #FFF068 80%);
}

.font_big {
    font-size: 57px;
}

.inquiry_button_pc {
    position: fixed;
    bottom: 20px;
    right: 15px;
    cursor: pointer;
    width: 120px;
    border-radius: 50%;
    background-color: #FFF068;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.15);
}

/* .inquiry_button .circle_width {
    width: 120px;
    border-radius: 50%;
    background-color: #FFF068;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.15);
} */
.inquiry_button_pc:hover {
    background: #727171 !important;
    border: none!important;
}

.inquiry_button_pc:hover .circle_height .inquiry_button_pc_img {
    background-image: url(/images2/coolicon_wh.svg);
}

.inquiry_button_pc:hover .circle_height p {
    color: #fff !important;
}

.inquiry_button_pc .circle_height {
    position: relative;
    padding-top: 100%;
    height: 0;
}

/* .inquiry_button .circle_height img {
    position: absolute;
    display: inline-block;
    text-align: center;
    top: 20%;
    left: 0;
    right: 0;
    margin: 0 auto;
} */

.inquiry_button_pc_img {
    width: 24px;
    height: 24px;
    background-image: url(/images2/coolicon_br.svg);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    display: inline-block;
    text-align: center;
    top: 20%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.inquiry_button_pc .circle_height p {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 160%;
    z-index: 20;
}

/* .inquiry_button .circle_width:hover {
    color: #fff !important;
    background: #727171 !important;
    border: none!important;
}

.inquiry_button .circle_width .circle_height {
    position: relative;
    padding-top: 100%;
    height: 0;
    z-index: 0;
}

.inquiry_button .circle_width .circle_height img {
    position: absolute;
    display: inline-block;
    text-align: center;
    top: 20%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.inquiry_button .circle_width .circle_height p {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 160%;
    z-index: -10;
} */

/* コンビニ・ペイジーのお支払いについて（追加部分） */
.border_section {
    width: 900px;
    border-bottom: 2px solid #F5F3EB;
    margin-left: auto;
    margin-right: auto;
}

.border_section:nth-child(2) {
    padding-top: 50px;
}

.convenience_kinds {
    padding: 50px 0;
}

.convenience_kinds_2 {
    padding-top: 50px;
}

.convenience_kinds_method:nth-child(1),.convenience_kinds_method:nth-child(2),.convenience_kinds_method:nth-child(3) {
    margin-bottom: 50px;
}

.convenience_notes {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
}

/* 用語集詳細（追加部分）*/
.glossary_detail {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.glossary_detail_description {
    padding: 30px 0;
}

.glossary_detail_description p:nth-child(1) {
    margin-bottom: 15px;
}

.glossary_point {
    background-color: #F5F3EB;
    border-radius: 32px;
    padding: 40px 50px;
}

.glossary_point_title{
    font-size: 18px;
    color: #F87076;
    font-weight: 500;
}

/* 特定商取引に関する法律に基づく表記 */
.specified_commercial_table  {
    width: 944px;
    margin-left: auto;
    margin-right: auto;
}

.specified_commercial_table li {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 2px solid #F5F3EB;
}

.table_lable {
    width: 40%;
}

.table_description {
    width: 60%;
}

.table_description .not_select {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}

/* 個人情報保護方針 */
.dot_list li {
    padding: 5px 0;
    line-height: 195%;
}

.use_purpose {
    width: 944px;
    margin-left: auto;
    margin-right: auto;
}

.use_purpose_title {
    background-color: #F5F5F5;
}

.use_purpose th {
    padding: 20px 10px;
}

.use_purpose td {
    padding: 5px 0;
}

.use_purpose_label {
    width: 60%;
}

.use_purpose td{
    width: 40%;
}

.use_purpose .use_purpose_pt {
    padding-top: 20px;
}

.use_purpose .use_purpose_pb {
    padding-bottom: 25px;
}

/* シェアリングエコノミー認証マーク */
.sharing-economy_flex {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px !important;
}

.sharing-economy_flex img {
    width: 200px;
    margin-right: 70px;
}

/* 映画館付き添いサービス */
.movie_attendant_logo {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.movie_attendant_logo img:nth-child(1) {
    width: 30%;
    margin-right: 1em;
}

.movie_attendant_logo img:nth-child(2) {
    width: 30%;
    margin-left: 1em;
}

.movie_campaign {
    width: 70%;
    margin: 0 auto;
    border: 2px solid #f87076;
    padding: 20px;
    margin-top: 15px;
}

.movie_campaign .campaign_title {
    font-size: 22px;
    color: #f87076;
    margin-bottom: 10px;
}

.eligible_movie_theaters p{
    color: #F87076;
}

.eligible_movie_theaters p:hover {
    color: #4F4849;
}


.syoutiku_logo {
    width: 30%;
}

.movie_btn {
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
}

.notes {
    width: 70%;
    margin: 0 auto 30px auto;
}

.notes h3 {
    margin-bottom: 15px;
}

.reservation_ticket h3{
    border-left: solid 6px #f87076;
    padding-left: 2em;
    margin-bottom: 30px;
}

.reservation_ticket h4 {
    background: #F5F5F5;
    padding: 0.5em 1em;
    margin-bottom: 20px;
}

.purchase_schedule {
    margin-top: 30px;
    margin-bottom: 45px;
}

.purchase_schedule_table {
    font-size: 18px;
    width: 100%;
}

.purchase_schedule_table th,.purchase_schedule_table td {
    padding: 0.5em;
    border: 1px solid #4F4849;
    text-align: center;
    vertical-align: middle;
}

.helper_ticket {
    margin-top: 60px;
}

.movie_caution h3 {
    border-left: solid 6px #f87076;
    padding-left: 2em;
}

.theater_list.qa dl {
    background: none !important;
}

.theater_list.qa dl dt {
    font-size: 20px;
}

.theater_table {
    font-size: 18px;
    width: 100%;
}

.theater_table th {
    width: 12em;
    padding: 0.5em;
    background-color: #F5F3EB;
    border: 1px solid #4F4849;
    text-align: center;
    vertical-align: middle;
}

.theater_table td {
    padding: 0.5em;
    border: 1px solid #4F4849;
}

.theater_list li{
    display: flex;
}

.theater_list li p:nth-child(1) {
    margin-right: 20px;
}




/* 訪問音楽サービス */
.music_logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.music_logo img{
    width: 100px;
    margin-right: 15px;
}

.music_logo .reha_logo {
    width: 300px;
}

/* .music_logo:before {
    position: absolute;
    top: 50%;
    content: '';
    display: inline-block;
    width: 200px;
    height: 200px;
    background-image: url(../images/ongaku/logo.png) 93% center;
    background-repeat: no-repeat;
    background-size: contain;
} */

.music_feature_box {
    width: 1100px;
    margin: 30px auto 0 auto;
}

.music_feature li {
    position: relative;
    padding: 40px 0 40px 80px;
    border-bottom: 2px solid #F5F5F5;
}

.music_feature li:last-child {
    border: none;
}

.music_feature li h4 {
    margin-bottom: 15px;
}

.music_feature .num1::before {
    position: absolute;
    left: 0;
    top: 17%;
    content: '01';
    font-size: 40px;
    font-weight: 500;
    color: #F87076;
    font-family: 'Roboto', sans-serif;
}
.music_feature .num2::before {
    position: absolute;
    left: 0;
    top: 17%;
    content: '02';
    font-size: 40px;
    font-weight: 500;
    color: #F87076;
    font-family: 'Roboto', sans-serif;
}
.music_feature .num3::before {
    position: absolute;
    left: 0;
    top: 17%;
    content: '03';
    font-size: 40px;
    font-weight: 500;
    color: #F87076;
    font-family: 'Roboto', sans-serif;
}
.music_feature .num4::before {
    position: absolute;
    left: 0;
    top: 17%;
    content: '04';
    font-size: 40px;
    font-weight: 500;
    color: #F87076;
    font-family: 'Roboto', sans-serif;
}
.music_feature .num5::before {
    position: absolute;
    left: 0;
    top: 17%;
    content: '05';
    font-size: 40px;
    font-weight: 500;
    color: #F87076;
    font-family: 'Roboto', sans-serif;
}
.music_feature .num6::before {
    position: absolute;
    left: 0;
    top: 17%;
    content: '06';
    font-size: 40px;
    font-weight: 500;
    color: #F87076;
    font-family: 'Roboto', sans-serif;
}

.music_program_detail {
    width: 944px;
    margin: 40px auto 40px auto;
}

.music_program_detail span {
    font-weight: 500;
    font-size: 18px;
}

/* 訪問リハビリ */
.reha_menu_title {
    margin-top: 70px;
    margin-bottom: 50px;
}

.reha_video video {
    width: 960px;
    margin-bottom: 60px;
}

.youtube{
    position: relative;
    width: 80%;
    overflow: hidden;
    padding-bottom: 56.25%;
    margin: 0 auto;
}

.youtube iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none; /*境界線の打ち消し*/
}

.reha_feature_box {
    padding-bottom: 50px;
}

.reha_menu {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

.reha_menu li {
    display: flex;
    justify-content: center;
}

.reha_menu li:first-child {
    margin-bottom: 50px;
}

.reha_menu li .left_item {
    padding: 0 30px 0 30px;
}

.reha_menu li img {
    width: 326px;
    border-radius: 16px;
}

.reha_menu li .right_item {
    margin-left: 20px;
}

.reha_menu li .right_item .heading {
    font-size: 20px;
    font-weight: 500;
    line-height: 195%;
    margin-bottom: 15px;
}

.reha_media {
    width: 93%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
}
.reha_media li {
    display: flex;
    width: 50%;
}

.reha_media li:first-child {
    margin-right: 30px;
}

.reha_media .right_list {
    margin-left: 20px;
}

.reha_media .right_list p:first-child {
    font-size: 22px;
    font-weight: 500;
}

.reha_media img {
    width: 250px;
    border-radius: 16px;
}

.reha_media .wt {
    display: block;
    padding: 40px 40px;
    background-color: #FFFFFF;
    border-radius: 16px;
}

.reha_media .wt .head {
    font-size: 22px;
    font-weight: 500;
    line-height: 195%;
    text-align: center;
    margin-bottom: 15px;
}

.reha_price ul{
    display: flex;
}
.reha_price ul li {
    width: 50%;
}
.reha_price ul li h4{
    color: #4F4849;
    border: none;
    width: auto;
    margin-bottom: 16px;
}

.reha_area {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.budget {
    width: 100%;
    background-color: #FFFFFF;
    padding: 15px 5%;
    margin: 0 auto 0px auto;
}
.budget ol {
    margin-bottom: 0px;
}
.budget ol li {
    margin: 0 10px 8px 0;
    display: inline-block;
    list-style-type: none;
}

.budget ol li:after {
    font-family: "FontAwesome";
    content: '\f101';
    margin-left: 15px;
}

.budget ol li:last-child:after {content:  "";}

.article_main{
    overflow: auto;
    overflow-wrap: break-word;
}
.article_main figure figcaption {
    text-align: center;
    margin-top: 1rem;
    font-size: 14px;
    opacity: .7;
}

/* watanabeに追加 */
button.login-logout{
    color:#FFF;
}


.w88 {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
}

.isPad {
    display: none;
}

/* あいらいふ相談室 */
.ilife_flex {
    width: 1100px;
    display: flex;
    margin: 10px auto;
}

.ilife_flex .ilife_flex_left_item {
    width: 50%;
}

.ilife_flex .ilife_flex_right_item {
    width: 50%;
    text-align: center;
}

.ilife_flex .ilife_flex_right_item img{
    width: 90%;
}

.ilife_flow_box {
    width: 1100px;
    margin: 20px auto;
}

.ilife_flow_item {
    display: flex;
    margin-bottom: 40px;
}
.ilife_flow_left {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 100px;
    background-color: #fdebd3;
    text-align: center;
    padding: 10px;
    font-weight: 500;
}
.ilife_flow_left::after {
    content: ' ';
    width: 0;
    height: 0;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-top: 20px solid #fdebd3;
    position: absolute;
    bottom: -20px;
    left: 0;
}

.ilife_flow_right {
    width: 900px;
    margin-left: 1rem;
}

.ilife_example_box {
    width: 93%;
    margin: 0 auto 50px auto;
}

.ilife_example_item{
    display: flex;
    justify-content: center;
}

.ilife_example_item .left{
    width: 30%;
    text-align: center;
}

.ilife_example_item .left img {
    width: 30%;
}
.ilife_example_item .right{
    width: 70%;
}

/* スマート家族信託 */
.family_support_plan{
    padding: 20px 0;
}
.family_support_plan p{
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px;
}

/* カラオケ付き添い */
.karaoke_price_img{
    width: 944px;
    margin: 0 auto;
    text-align: left;
}

.price_area .crowdcare img{
    width: 200px;
    text-align: center;
}
.price_area .joysound img{
    width: 200px;
    text-align: center;
}

.price_area.karaoke ul{
    display: flex;
    align-items: center;
}
.price_area.karaoke .text_left{
    width: 35%;
}
.price_area.karaoke .right_list span{
    font-size: 16px;
}
.price_area.karaoke .right_list{
    padding-left: 30px;
}


/* 初回訪問時のみ表示のモーダル */
.bg_campaign_modal {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}

.bg_campaign_modal.open_modal {
    opacity: 1;
    visibility: visible;
}

.campaign_modal {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 30%;
    left: 40%;
    width: 315px;
    height: 315px;
    border-radius: 16px;
    background-color: #f87076;
    color: #FFF;
}

.campaign_modal_title {
    position: relative;
    height: 210px;
    text-align: center;
    padding: 30px 10px;
}

.campaign_modal_title img {
    width: 30px;
    height: auto;
    position: absolute;
    top: -5%;
    right: -5%;
}

.campaign_modal_title p {
    color: #FFF;
    font-size: 18px;
    line-height: 160%;
}

.campaign_modal_title p.big {
    font-size: 47px;
}

.campaign_modal_content {
    height: 105px;
    background-color: #F5F5F5;
    border-radius: 0 0 16px 16px;
    color: #4F4849;
    padding: 10px;
}

.campaign_modal_content p {
    font-size: 16px;
    line-height: 150%;
}


.flow_design03 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    margin-top: 30px;
  }
  
  .flow_design03 ul {
    padding: 0;
  }
  
  .flow_design03 dd {
    margin-left: 0;
  }
  
  .flow03 {
    position: relative;
  }

  .flow03::before {
    content: "";
    width: 15px;
    height: 100%;
    background: #eee;
    display: block;
    position: absolute;
    top: 0;
    left: -5%;
    border-radius: 20px;
  }
  
  .flow03 > li {
    position: relative;
  }
  
  .flow03 > li:not(:last-child) {
    margin-bottom: 60px;
  }
  
  .flow03 > li .icon03 {
    font-size: 0.8em;
    width: 2em;
    height: 2em;
    line-height: 2;
    text-align: center;
    font-weight: bold;
    border-radius: 100vh;
    color: #fff;
    background: #e96f04;
    display: inline-block;
    margin-right: 0.3em;
  }
  
  .flow03 > li dl {
    padding-left: 40px;
    position: relative;
  }
  
  .flow03 > li dl::before,
  .flow03 > li dl::after {
    content: "";
    display: block;
    position: absolute;
    top: 15px;
  }
  
  .flow03 > li dl::before {
    width: 7px;
    height: 7px;
    margin-top: -3px;
    background: #e96f04;
    border-radius: 50%;
    left: -3%;
  }
  
  .flow03 > li dl::after {
    width: 50px;
    border-bottom: 1px dashed #999;
    position: absolute;
    left: 5px;
  }
  
  .flow03 > li dl dt {
    font-size: 1.3em;
    font-weight: 600;
    color: #e96f04;
    margin-bottom: 0.5em;
    display: flex;
    align-items: center;
  }

/* お困りごと */
.trouble_list_box 
{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin: 0 auto;
    padding: 30px 60px;
}

.trouble_list_box .trouble_list_item
{
    background-color: #FFF;
    box-shadow: 0 8px 32px 0 rgba(0,0,0,.16), 0 1px 1px 0 rgba(0,0,0,.04);
    border-radius: 18px;
    width: calc(20% - 30px * 4 / 5);
    text-align: center;
    margin-bottom: 20px;
}

.trouble_list_box .trouble_list_item:hover
{
    transform: translateY(-10px);
}

.trouble_list_box .trouble_list_item a
{
    display: block;
    height: 100%;
    padding: 20px;
}

.trouble_list_box .trouble_list_item a img
{
    width: 40%;
}

.trouble_list_box .trouble_list_item a p
{
    color: #4F4849;
    font-size: 18px;
    font-weight: 500;
    padding: 10px;
    margin-top: 15px;
}

.trouble_list_box .trouble_list_item a p:hover{
    color: #F87076;
}




.trouble_check_list 
{
    width: 50%;
    margin: 0 auto;
}

.trouble_check_list ul li
{
    margin-right: 0;
}

.trouble_check_list ul li p
{
    font-size: 20px;
    position: relative;
    text-align: left;
    padding: 10px 0 10px 30px;
}

.trouble_check_list ul li p::before
{
    position: absolute;
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(/images3/check.svg);
    background-size: contain;
    vertical-align: middle;
    left: 0;
    top: 30%;

}

.usage_table_box
{
    width: 120%;
    border: 2px solid #F87076;
    background-color: #FFF;
    border-radius: 18px;
    padding: 20px;
}

.usage_table_item
{
    display: flex;
    margin-bottom: 5px;
}
.usage_table_item:last-child
{
    margin-bottom: 0;
}

.usage_table_item p
{
    font-size: 16px;
    font-weight: 500;
}
.usage_table_item .time
{
    color: #F87076;
    margin-right: 20px;
}

.usage_fee
{
    padding: 20px;
}

.usage_fee_table
{
    width: 100%;
    background-color: #FFF;
    border-radius: 18px;
    text-align: center;
}
.usage_fee_table td
{
    font-size: 18px;
    padding: 20px 10px;
    vertical-align: middle;
    border-left: 2px solid #F5F3EB;
    border-bottom: 2px solid #F5F3EB;
}

.usage_fee_table td .tax
{
    font-size: 14px;
}

.usage_fee_table .total
{
    font-size: 22px;
    font-size: bold;
}

.caremusubi_reha_article {
    display: flex;
    justify-content: center;
    padding-top: 1rem;
}
.caremusubi_reha_article_box {
    text-align: center;
    flex: 1;
}
.caremusubi_reha_article_box:first-child {
    margin-right: 2rem;
}
.caremusubi_reha_article_box img {
    width: 70%;
    border-radius: 16px;
}
.caremusubi_reha_article_box .article_title {
    margin: 2rem 0;
    font-weight: 500;
}
/* サービス紹介動画 */
.service_explain_movie {
    max-width: 900px;
    /* 任意（親幅に合わせたいなら外してOK） */
    margin: 2rem auto;
}

.service_explain_movie iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    /* 4/3 等に変えてもOK */
    height: auto;
    border: 0;
    display: block;
}

/*スマホ*/
@media screen and (max-width: 767px){
    body {
        box-sizing : border-box;
        width: 100%;
        margin: 0;
    }

    .flex_center_sp {
        display: flex;
        justify-content: center;
    }

    .flex_left_sp {
        display: flex;
        justify-content: left;
    }

    .text_center_sp {
        text-align: center;
    }

    .isPC {
        display: none;
    }

    #nav_first {
        background: rgba(255, 255, 255, 0.8);
        -moz-animation: cssAnimationDismiss 5s forwards;
        -webkit-animation: cssAnimationDismiss 5s forwards;
        -o-animation: cssAnimationDismiss  5s forwards;
        animation: cssAnimationDismiss  5s forwards;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }
    @keyframes cssAnimationDismiss {
        0%   {pointer-events: auto; opacity: 1;}
        90%  {pointer-events: auto; opacity: 1;}
        100% {pointer-events: none; opacity: 0;}
    }
    @-webkit-keyframes cssAnimationDismiss {
        0%   {pointer-events: auto; opacity: 1;}
        90%  {pointer-events: auto; opacity: 1;}
        100% {pointer-events: none; opacity: 0;}
    }

    #nav_second {
        /* padding: 0px 12px; */
        position: fixed;
        height: 56px;
        left: 0px;
        top: 0px;
        background: rgba(255, 255, 255, 0.7);
        backdrop-filter: blur(12px);
        z-index: 1000;
        -moz-animation: cssAnimationAppear 5s forwards;
        -webkit-animation: cssAnimationAppear 5s forwards;
        -o-animation: cssAnimationAppear  5s forwards;
        animation: cssAnimationAppear  5s forwards;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }
    @keyframes cssAnimationAppear {
        0%   {pointer-events: none; opacity: 0;}
        90%  {pointer-events: none; opacity: 0;}
        100% {pointer-events: auto; opacity: 1;}
    }
    @-webkit-keyframes cssAnimationAppear {
        0%   {pointer-events: none; opacity: 0;}
        90%  {pointer-events: none; opacity: 0;}
        100% {pointer-events: auto; opacity: 1;}
    }

    #nav_first .nav_btn_1 button {
        position: relative;
        width: 56px;
        height: 56px;
        border-radius: 8px;
        font-weight: 500;
        font-size: 11px;
        line-height: 100%;
        text-align: center;
        padding-top: 25px;
    }

    #nav_first .nav_btn_1 button:first-child {
        margin-left: 8px;
        margin-right: 8px;
    }

    #nav_first .nav_btn_1 button.people::before {
        content: url(/images2/icon/people.svg);
        position: absolute;
        top: 20%;
        left: 20px;
    }
    #nav_first .nav_btn_1 button.pen::before {
        content: url(/images2/icon/pen.svg);
        position: absolute;
        top: 20%;
        left: 20px;
    }

    #nav_first .nav_btn_1 button.light_beige {
        background: #F5F3EB;
        color: #4F4849;
    }

    #nav_first .nav_btn_1 button.blue {
        background: #3E7E94;
        color: #FFFFFF;
    }

    #nav_first .nav_btn_1 button.red {
        background: #F87076;
        color: #FFFFFF;
    }

    #nav_first .nav_btn_1 button.light_beige:hover,#nav_first .nav_btn_1 button.blue:hover,#nav_first .nav_btn_1 button.red:hover {
        background: #727171;
        color: #FFFFFF;
    }

    #nav_mypage {
        position: fixed;
        height: auto;
        left: 0px;
        top: 0px;
        backdrop-filter: blur(12px);
        z-index: 1000;
    }
    #nav_mypage div:last-child {
        width: 100%;
        height: 56px;
        background: rgba(248, 112, 118, 0.7);
    }

    #nav_mypage button.menu_img {
        background-image: url(/images2/mypage/sp_mypage_menu.svg) !important;
    }

    #nav_sp {
        display: none;
        width: 100%;
        height: 100%;
        padding: 0px 12px;
        position: fixed;
        left: 0px;
        top: 110px;
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(12px);
        z-index: 1000;
    }
    .top54 {
        top: 54px !important;
    }

    header {
        padding: 0px;
        background: none;
    }
    header .nav_info::before{
        content: url(/images2/icon/close_w.svg);
        color: #fff;
        position: absolute;
        top: 18px;
        left: 16px;
    }
    header .nav_info .close_button{

        position: absolute;
        top: 18px;
        left: 16px;
        width: 20px;
        height: 20px;
    }
    /* header .nav_info::after{
        content: url(/images2/icon/arrow_circle_b.svg);
        background-color: #fff;
        border-radius: 50%;
        position: absolute;
        top: 18px;
        right: 16px;
        height: 20px;
        width: 20px;
    } */
    header .nav_info p a::after{
        content: url(/images2/icon/arrow_circle_b.svg);
        background-color: #fff;
        border-radius: 50%;
        position: absolute;
        top: 18px;
        right: 16px;
        height: 20px;
        width: 20px;
    }
    #nav_first div:first-child {
        height: 56px;
     }
     #nav_first div:last-child {
        height: 72px;
        background-color: rgba(255, 255, 255, 0.0);
     }
     #nav_second div:first-child {
        height: 56px;
     }
     #nav_second div:last-child {
         width: 100%;
        height: 56px;
        background-color: rgba(255, 255, 255, 0.9);
     }
   
    header p img{
        width: 50vw;
    }
    

    header p img.logo_img{
        width: auto;
        height: 56px;
    }
    header button.menu_img{
        background-image: url("/images2/menu.png");
        background-repeat: no-repeat;
        background-position: center;
        width: 56px;
        height: 56px;
    }
    header button.menu_img.opened{
        background-image: url("/images2/icon/close.svg");
        background-repeat: no-repeat;
        background-position: center;
        width: 56px;
        height: 56px;
    }

    header ul li img {
        width: 15vw;
    }
    ul.nav_list li{
        background: url(/images2/icon/arrow_r.svg) no-repeat right 5px center;
        height: 48px;
        text-align: center;
    }
    ul.nav_list li p{
        
        margin: auto;
        padding: 12px 0px; 
    }
    ul.nav_list li p a{
        color: #4F4849;
        font-size: 16px;
    }

header nav .nav_btn li:first-child {
    margin-right: 8px;
}



    /* マイページ */
    /* SP用ボタン */
    .sp_btn_box {
        margin-top: 80px;
    }
    .order_btn_sp {
        padding: 0px 16px;
        width: 92vw;
        height: 80px;
        background: #F87076;
        color: #FFFFFF;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
        border-radius: 8px;
        text-align: center;
        margin-bottom: 15px;
    }
    .message_btn_sp {
        width: 44vw;
        height: 64px;
        background: #F5F3EB;
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
        border-radius: 8px;
        text-align: center;
        padding-left: 20px;
    }
    .not_register_box {
        flex-direction: column;
    }

    .gray_outer {
        border: none;
        border-radius: 0;
        border-top: 2px solid #DDDDDD;
        border-bottom: 2px solid #DDDDDD;
        padding: 0;
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .gray_outer .heading_box {
        display: block;
        text-align: center;
    }

    .gray_outer .heading_flex {
        flex-direction: column;
    }

    .gray_outer .heading_box .heading {
        font-weight: 500;
        font-size: 20px;
        line-height: 160%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .order_wrap {
        flex-direction: column;
    }
    
    .order_wrap .order_box {
        width: 100%;
        margin-bottom: 15px;
    }

    .order_wrap .order_box a{
        display: block;
        text-align: right;
    }

    .order_wrap .order_box .order_info {
        font-weight: 400;
        font-size: 14px;
        line-height: 160%;
    }

    .account_info_box,.account_info_box .name {
        flex-direction: column;
    }

    .account_info_box .email,.account_info_box .name .name1  {
        margin-bottom: 20px;
    }


    /*タイトル、見出し、リード文、本文*/
    .main_title {
        font-size: 44px;
    }
    .main_visual {
        width: 90%;
        height: auto;
    }

    h1 {
        font-size: 36px;
    }

    h2 {
        font-size: 24px;
        line-height: 155%;
    }

    h3 {
        font-size: 21px;
        line-height: 150%;
    }

    h4 {
        font-size: 18px;
        line-height: 160%;
    }

    p {
        font-size: 16px;
        line-height: 160%;
    }

    .lead {
        font-size: 15px;
        line-height: 160%;
        margin-top: 5px;
    }

    .caption {
        font-size: 13px;
        line-height: 135%;
    }

    /* 追加部分 */
    .text_sp p{
        width: 72vw;
        margin-left: auto;
        margin-right: auto;
    }

    .wrap,.mypage_wrap {
        width: 92vw;
    }

    .main_wrap {
        width: 92vw;
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .font_30 {
        font-size: 15px;
    }

    .font_24 {
        display: block;
        font-size: 16px;
        line-height: 160%;
    }

    .font_21 {
        font-size: 18px;
        line-height: 160%;
    }

    .font_18 {
        font-size: 16px;
        line-height: 160%;
    }

    .mb20_sp {
        margin-bottom: 20px;
    }
    
    /* 追加部分 */
    .hero_text_area {
        left: 15%;
        top: 30%;
    }

    .hero_text_area p:nth-child(2) {
        font-size: 17px;
        margin-left: 0;
    }

    .main_points {
        width: 100%;
        left: 0%;
        bottom: 3%;
    }

    .circle_width {
        background-color: rgba(255, 255, 255, 0.75);
        margin: 0;
    }

    .circle_height p:nth-child(2) {
        font-size: 13px;
    }

    .hero_img_sp {
        margin-top: 52px;
    }

    div #info_spacer_1 {
        display: none;
        width: 100%;
        height: 56px;
        z-index: -10;
        transition-duration: 500ms;
    }

    div #info_spacer_2 {
        display: block;
        width: 100%;
        height: 20px;
        transition-duration: 500ms;
    }

    .hero_background {
        width: 100%;
        height: 134px;
        border-radius: 0%;
    }

    .hero_description {
        top: 35%;
    }

    .hero_description_1,.hero_description_2 {
        top: 35%;
        left: 10%;
    }

    .hero_description_3 {
        top: 40%;
        left: 5%;
    }

    .hero_description h1,.hero_description_1 h1,.hero_description_2 h1,.hero_description_3 h1 ,p.hero_title{
        font-size: 18px;
    }

    /* .hero_img {
        height: 600px;
    } */

    .hero_img_sp img{
        width: 100%;
        border-radius: 0%;
    }

    .main_wrap h2 {
        font-size: 24px;
        line-height: 155%;
    }

    .h2_logo {
        width: 60vw;
    }

    .slide_card {
        width: 100%;
        height: 80px;
        margin-top: 20px;
    }

    .slide_card_title {
        font-size: 18px;
    }
    

    .slider_3 {
        width: 100%;
        margin: 0 auto;
        padding: 0 px;
      }

    .slick-dots {
        width: 85vw;
    }

    .slick-dots li button::before {
        font-size: 6px;
        color: #FFFFFF;
        opacity: 1;
    }

    .slick-dots li.slick-active button::before {
        color: #727171;
    }

    .kaimono_flex {
        display: block;
        width: 75vw;
        margin-left: auto;
        margin-right: auto;
    }

    /* 追加部分 */
    ul.column3 li,.kaimono_flex li:nth-child(1),.kaimono_flex li:nth-child(2){
        margin-right: 0;
    }

    ul.column3 li:nth-child(1),ul.column3 li:nth-child(2),ul.service_list li:nth-child(1),ul.service_list li:nth-child(2),.kaimono_flex li:nth-child(1),.kaimono_flex li:nth-child(2),.helper_merit li:nth-child(1), .helper_merit li:nth-child(2){
        margin-bottom: 30px;
    }

    ul.column3 li figure,ul.column3 li figure img,.helper_merit li img{
        width: 48vw;
        margin-left: auto;
        margin-right: auto;
    }
    
    ul.column3 h3 {
        font-weight: normal;
        font-size: 15px;
        line-height: 160%;
        padding-top: 10px;
        padding-bottom: 6px;
    }
 
    ul.service_lists_sp {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
        margin-right: 0px;
    }

    div.column10 {
        display: block;
    }

    div.column10 figcaption {
        font-size: 14px;
    }

    span.small {
        font-size: 14px;
        line-height: 160%;
    }

    .reason, .customer,.helper,.flow,.price_area,.area_map,.tab,.info,.recruitment,.fukidashi_area,.flow_2column,.not_accept,.other_service,.service_index_column,.payment_method_container,.prefecture,.service_area dl dd,.interview .left_column,.interview .right_column,header div,.header_backside {
        width: 92vw;
        margin-left: auto;
        margin-right: auto;
    }

    .reason li {
        margin-right: 0;
        margin-bottom: 35px;
    }

    .reason figure img {
        width: 92vw;
    }

    .reason h3 {
        margin: 11px 0;
        font-size: 18px;
    }

    .reason h3 span.number {
        font-size: 28px;
        margin-right: 10px;
    }

    .reason h3 span.small {
        font-size: 15px;
    }

    /* 追加 */
    .slider_voice1{
        margin-bottom: 40px;
    }

    .reason h3,.reason figcaption,.comment h4,.comment p,.flow,.flow figcaption,.price_area ul li,.price_area h3,.price_area .price_title,.consultation ul,.flow_2column .number,.flow_right_column,.inquiry form,.inquiry input[type="text"],.inquiry select,.inquiry textarea,.inquiry .btn,.service_details,.service_details img,.flow_2column button,.care_support,.service_show_list,.fee_simulation form,.order_type select,.usage_time input,.usage_time select {
        width: 75vw;
        margin-left: auto;
        margin-right: auto;
    }

    .fee_simulation .form-group label {
        font-size: 16px;
    }
 
    .estimated_account_group td{
        width: 100%;
    }

    .estimated_account_group .total_charge {
        font-size: 16px;
    }

    #price_table {
        width: 85vw;
    }

    .usage_time_box {
        flex-direction: column;
    }

    .reason figcaption {
        font-size: 16px;
        line-height: 160%;
        color: #727171;
    }

    .name_list li {
        font-size: 16px;
        line-height: 160%;
    }

    .flow ul li {
        background: url(/images2/bg_flow.svg) no-repeat center bottom;
        padding-bottom: 24px;
        margin-bottom: 30px;
    }

    .flow ul li:last-child {
        background: none;
        margin-bottom: 0;
    }

    .flow h3 {
        font-size: 18px;
        padding: 20px 0 12px 0;
    }

    .flow figcaption {
        font-size: 16px;
        line-height: 160%;
        margin-bottom: 24px;
    }

    /* 追加部分 */
    .flow .number1:before,.flow .number2:before,.flow .number3:before,.flow .number4:before {
        left: 0;
    }
        
    .flow .btn {
        width: 75vw;
        height: 64px;
        margin-top: 0px;
        font-size: 15px;
    }

    .tag {
        width: auto;
        font-size: 15px;
        line-height: 25px;
        padding: 0 10px;
    }

    /* .price_area .flex_left_sp div {
        width: 45%;
    } */

    .price_area {
        padding: 10px 16px 10px 16px;
    }

    .price_area .tag {
        margin-right: 8px;
        font-size: 14px;
        padding: 0 10px;
        white-space:nowrap;
    }

    .price_area ul {
        margin-top: 0;
    }

    .price_area ul li h4,.price_area.option ul li h4 {
        padding-top: 2px;
        /* width: 40vw; */
        font-weight: 500;
        font-size: 15px;
        line-height: 160%;
    }

    .price_area ul li h4 {
        text-align: left;
        width: 100%;
        margin-bottom: 0px;
    }

    .price_area.option ul li h4 {
        text-align: center;
        margin-bottom: 8px;
    }

    .price_area ul li {
        border-right: none;
        border-bottom: 2px solid #fff;
        padding: 16px 8px;
    }

    .price_area ul .right_list {
        margin-left: 0;
    }

    .price_area strong {
        font-size: 36px;
        line-height: 100%;
        font-family: Roboto;
    }

    .price_area .wage_increase {
        font-size: 22px;
        line-height: 50px;
    }

    .short_ratio {
        padding-top: 0;
    }

    .short_ratio li:nth-child(2) {
        border-left: none;
        border-right: none;
    }

    .option_img {
        margin-bottom: 8px;
        
    }

    .price_area ul li.f_left_sp {
        float: left;
        width: 50%;
        border-bottom: none;
    }

    .clearfix::after {
        content: "";
        display: block;
        clear: both;
     }

     .area_map .btn {
        width: 44vw;
        height: 44px;
        line-height: 44px;
        background-position: 85% 19px;
        background-image: url(/images2/icon/arrow_g.svg);
        background-size: 0.66em;
        font-size: 14px; 
    }

    .mr0_sp {
        margin: 0 !important;
    }

    .btn_area p {
        text-align: center;
    }

    .map,.area_map img  {
        width: 43vw;
        margin: 16px auto;
    }

    /* 用語集トップ */
    .glossary_search_box_sp {
        width: 85vw;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 20px;
        border-bottom: 2px solid #F5F3EB;
    }
    .glossary_search_flex_sp {
        display: flex;
        gap: 20px;
        justify-content: center;
    }
    .glossary_search_box_sp li {
        width: calc(100%/3);
        height: 48px;
        line-height: 48px;
    }

    .glossary_search_box_sp li a {
        display: inline-block;
        width: 100%;
        height: 100%;
        color: #4F4849 !important;
    }

    .glossary_search_box_sp li a:hover {
        color: #FFFFFF !important;
    }

    .glossary_search_box_sp li:nth-child(1),.glossary_search_box_sp li:nth-child(2),.glossary_search_box_sp li:nth-child(3) {
        margin-bottom: 20px;
    }

    .glossary_title {
        width: 85vw;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
    }

    /* 用語集あ行一覧（追加部分）*/
    .glossary dl {
        width: 85vw;
        margin-left: auto;
        margin-right: auto;
        background-position: 16px 23px;
    }

    .glossary dl dt {
        line-height: 160%;
        padding: 16px 66px 19px 54px;
        background: url(/images2/icon/bg_prevnext.svg) no-repeat 92% center;
        margin: 0 auto;
        font-size: 15px;
    }
    
    .glossary dl dt.opened {
        background-image: url(/images2/icon/minus.svg);
    }
    
    .glossary dl dd {
        width: 84vw;
        border-top: 2px solid #F5F3EB;
        padding: 16px 0 24px 16px;
    }

    .glossary dl dd h5 {
        margin-bottom: 8px;
        padding: 0 16px;
        font-size: 15px;
    }

    .glossary dl dd p {
        padding: 0 16px;
    }

    .consultation {
        background: url(/images2/hero_area/7-sp.jpg);
        padding: 48px 0 47px 0;
        background-size: cover;
    }

    .consultation .btn {
        width: 75vw;
        height: 64px;
        line-height: 64px;
        background-position: 85% center;
        background-image: url(/images2/icon/arrow_g.svg);
        background-size: 0.66em;
        margin: 0 0 16px 0;
        font-size: 15px;
    }

    .consultation .btn:last-child {
        margin: 0;
    }
    
    .consultation p {
        margin-bottom: 40px;
        font-size: 16px;
    }

    .consultation .btn.question::before {
        top: 12%;
    }

    .tab {
        width: 92vw;
        display: table!important;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 24px;
    }
        
    .tab li{
        width: 25%;
        height: 56px;
        font-weight: 500;
        font-size: 13px;
        line-height: 135%;
        display: table-cell;
        vertical-align: middle;
    }

    .tab li.current {
        border: 2px solid #FFFFFF;
        border-radius: 8px 8px 0px 0px;
        border-bottom: none;
    }

    .tab li.empty {
        display: none;
    }

    .tab li.current {
        border-radius: 8px 8px 0px 0px;
        border-bottom: none;
    }

    .info {
        padding: 16px 0;
        background: url(/images2/icon/arrow_r.svg) no-repeat right 20px;
    }

    .info p {
        margin-right: 0;
    }

    .info .tag {
        width: 32vw;
        font-size: 14px;
        margin-right: 10px;
    }

    .date {
        width: 57vw;
        font-size: 13px;
    }

    .title {
        width: 92vw;
        margin-top: 12px;
    }

    .recruitment {
        border-radius: 24px;
        margin: 150px auto 20px auto;
        padding: 54px 8vw 58px 8vw;
    }

    .recruitment h2 {
        font-size: 21px;
        line-height: 150%;
    }
    
    .recruitment_img {
        top: -126px;
        width: 43vw;
        margin: 0 auto;
    }

    .recruitment_img img {
        width: 43vw;
    }    
    
    .recruitment .btn {
        width: 75vw;
        height: 64px;
        margin-top: 32px;
        font-size: 15px;
    }

    .service_area h2,.service_area h2.opened {
        background-position: 85vw center;
        color: #FFFFFF;
        width: 100%;
        height: 80px;
        line-height: 80px;
        font-size: 18px;
    }

    .service_area .head:hover {
        background-color: #F87076;
    }
    
    .service_area h2::before {
        top:10px;
        left: 3vw;
    }
    
    .prefecture:last-child {
        padding-bottom: 48px;
    }
    
    .prefecture div {
        text-align: center;
        width: 92vw;
    }
    
    .service_area dl dt {
        margin: 4px 0 16px 0;
        font-size: 15px;
    }
    
    .service_area dl dd ul {
        border-left: none;
        padding-left: 0;
    }
    
    .service_area dl dd ul li {
        margin-left: 8px;
        padding-left: 8px;
        display: inline-block;
        font-size: 14px;
        margin-bottom: 8px;
        border-left: 1px solid #fff;
    }
    
    /* 追加部分 */
    .usage_example .left_column,.usage_example .right_column,.right_column img {
        width: 85vw;
        margin-left: auto;
        margin-right: auto;
    }
    /* .usage_example .left_column {
        margin-right: 0;
    } */

    .usage_example .right_column {
        margin-top: 40px;
        text-align: center;
    }

    .kaimono_example {
        width: 85vw;
        margin-left: auto;
        margin-right: auto;
    }

    .mission_area {
        width: 90%;
        margin: 0 auto;
    }
    
    .mission_area .title {
        width: 100%;
        font-size: 20px;
    }
    .mission_area .main_theme1 {
        font-size: 18px;
    }
    .mission_area .main_theme2 {
        font-size: 18px;
    }
    .summary_area {
        width: 90%;
        margin: 0 auto;
    }

    .summary_img {
        width: 70%;
    }

    .summary_area ul{
        width: 90%;
        border-top: 2px solid #f5f5f5;
        margin-left: auto;
        margin-right: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .summary_area ul li{
        padding-bottom: 10px;
        /*display: inline-block;*/
    }

    .summary_area ul li p.left_side{
        width: 25%;
        color: #727171;
    }
    .summary_area ul li p.right_side{
        width: 80%;
        color: #727171;
        padding-left: 1em;
    }
    .summary_area ul li p.right_side_short {
        width: 55%;
        color: #727171;
        padding-left: 1em;
    }

    .introduction_area{
        width: 92vw;
    }

    .introduction_area ul li {
        width: 95%;
    }

    .introduction_area ul li:first-child {
        margin-bottom: 40px;
    }

    div.terms{
        width: 95%;
        margin: 0 auto;
    }

    /* 追加部分 */
    .indent{
        padding: 5px 0;
    }
    /* サイトマップ(追加部分)*/
    .sitemap_list div{
        width: 95%;
        margin: 0 auto;
    }
    .sitemap_list div h4.for-sp{
        font-size: 16px;
        line-height: 160%;
        padding: 14px 0 16px 0;
        background: url(/images2/icon/plus.svg) no-repeat 98% 14px;
        width: 100%;
        margin: 0 auto;
    }
    .sitemap_list div h4.for-sp.opened {
        background-image: url(/images2/icon/minus.svg);
    }

    .sitemap_list div ul{
        margin: 0 auto;
        overflow: hidden;
        border-top: none;
        padding-top: 1px;
    }
    .sitemap_list div ul li{
        width: 100%;
        float: left;
        margin-right: 1%;
        padding-left: 0px;
        border-left: none;
    }
    .sitemap_list div ul li.no-left{
        width: 98%;
        clear: left;
    }
    .sitemap_list div ul li p .title{
        font-size: 13px;
        line-height: 150%;
    }
    .sitemap_list div ul li h5 p a{
        font-size: 12px;
        color: #4F4849;
    }
    .sitemap_list div ul li p{
        padding-left:24px;
        position:relative;
        margin-bottom: 10px;
    }

    .sitemap_list div ul li p::before{
        content: "";
        background-image: url(/images2/icon/bg_prevnext.svg);
        background-repeat: no-repeat;
        display: inline-block;
        height: 15px;
        width: 15px;
        position:absolute;
        left:0;
        top:0;
        vertical-align: middle;
        margin: 3px 6px;
        background-position: center;
    }
    .sitemap_list div ul li p::after{
        display: none;
    }
    .sitemap_list div ul li p:hover::after{
        display: none;
    }
    .sitemap_list div ul li p a{
        font-size: 12px;
        color: #727171;
    }


    .service_list div{
        width: 95%;
        margin: 0 auto;
    }
    .service_list div h3.for-sp{
        font-size: 16px;
        line-height: 160%;
        padding: 14px 0 16px 0;
        background: url(/images2/icon/plus.svg) no-repeat 98% 14px;
        width: 100%;
        margin: 0 auto;
    }
    .service_list div h3.for-sp.opened {
        background-image: url(/images2/icon/minus.svg);
    }

    .service_list div ul{
        display: none;
        margin: 0 auto;
        overflow: hidden;
        border-top: none;
        padding-top: 1px;
    }
    .service_list div ul li{
        width: 49%;
        float: left;
        margin-right: 1%;
        padding-left: 0px;
        border-left: none;
    }
    .service_list div ul li.no-left{
        width: 98%;
        clear: left;
    }
    .service_list div ul li p .title{
        font-size: 13px;
        line-height: 150%;
    }
    .service_list div ul li h5 p a{
        font-size: 12px;
        color: #4F4849;
    }
    .service_list div ul li p{
        padding-left:24px;
        position:relative;
        margin-bottom: 10px;
    }

    .service_list div ul li p::before{
        content: "";
        background-image: url(/images2/icon/bg_prevnext.svg);
        background-repeat: no-repeat;
        display: inline-block;
        height: 15px;
        width: 15px;
        position:absolute;
        left:0;
        top:3px;
        vertical-align: middle;
        margin: 3px 6px;
        background-position: center;
    }
    .service_list div ul li p::after{
        display: none;
    }
    .service_list div ul li p:hover::after {
        display: none;
    }
    .service_list div ul li p a{
        font-size: 14px;
        color: #727171;
    }

    .footer .logo_img{
        width: 70%;
        margin: 0 auto;
    }
    .footer .logo_img img{
        width: 100%;
    }
    .footer_left{
        width: 50%;
    }
    .footer_right{
        width: 50%;
    }

    .footer_btn {
        position: relative;
        width: 167px;
        height: 52px;
        border-radius: 8px;
        text-align: center;
        padding-left: 20px;
    }

    .footer_btn.people {
        background-color: #F5F3EB;
    }
    .footer_btn.people::before {
        position: absolute;
        content: url(/images2/icon/people.svg);
        left: 24%;
    }
    .footer_btn.pen {
        background-color: #F87076;
        color: white;
    }
    .footer_btn.pen.blue {
        background-color: #3E7E94;
        color: white;
    }
    .footer_btn.pen:before {
        position: absolute;
        content: url(/images2/icon/pen.svg);
        left: 10%;
        top: 30%;
    }

    .footer_all{
        width: 100%;
    }
    .footer button{
        position: relative;
        width: 95%;
        height: 44px;
        margin: 20px auto 0 auto;
        text-align: center;
        display: block;
        font-size: 14px;
    }
    .footer button.btn.login{
        width: 95%;
        height: 52px;
        border-radius: 5%;
        margin: 0px auto 0 auto;
        background-image: url(/images2/login_button.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-color: rgba(255,255,255,0);

    }
    .footer button.btn.register{
        width: 95%;
        height: 52px;
        border-radius: 5%;
        margin: 0px auto 0 auto;
        background-image: url(/images2/register_button.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-color: rgba(255,255,255,0);
    }
    .footer .btn.pen::before {
        top: 25%;
    }
    .footer .btn.people::before {
        top: 25%;
    }
    .footer button.btn.question {
        height: 52px;
    }
    .footer .btn.question::before {
        content: url(/images2/icon/question_g.svg);
        position: absolute;
        top: 25%;
        left: 28px;
    }
    .phone_icon{
        margin: 0px 10px;
    }
    .footer .sharing-economy {
        width: 90%;
        height: 60px;
        margin: 30px auto;
    }
    .footer .sharing-economy .sharing-economy-icon{
        height: 100%;
        width: auto;
    }
    .footer .sharing-economy .sharing-economy-text{
        font-size: 10px;
    }
    .footer .copyright {
        width: 90%;
        margin: 30px auto;
        font-size: 11px;
    }
    .footer .copyright p{
        text-align: center;
        font-size: 11px;
        color: #727171;
    }
    .footer .input_area{
        position: relative;
    }
    .footer input.search{
        width: 100%;
        height: 52px;
        background: #FFFFFF;
        border: 2px solid #F5F5F5;
        box-sizing: border-box;
        box-shadow: inset 2px 2px 4px rgba(10, 8, 8, 0.1);
        border-radius: 130px;
        padding-inline-start: 50px;
        position: relative;
    }
    .footer input.search::placeholder{
        color: #B2B2AD;
        font-size: 15px;
    }

    .footer .search_icon{
        left: 20px;
        position: absolute;
        top: 35%;
    }

    .sns-links li a{
        font-size: 30px;
    }

    .sns-links li a .circle {
        position: relative;
        width: 30px;
        height: 30px;
    }

    /* .fa-facebook:before {
        position: absolute;
        left: 20%;
    } */

   
.fukidashi_area img {
    width: 20vw;
}
    
.fukidashi {
    padding: 30px;
    border-radius: 32px;
    width: 70vw;
    margin-left: 30px;
    position: relative;
}

.fukidashi:before{
    left: -2px;
    top: 40%;
}

.fukidashi_column {
    width: 80vw;
    margin-top: 30px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.fukidashi_column::before{
    left: 45%;
    top: -2%;
    transform: rotate(45deg);
}

.flow_2column {
    padding: 48px 0;
    text-align: center;
}

.flow_2column:last-child {
    border:none;
}

.flow_2column .number img{
    width: 50vw;
}

.flow_2column h3 {
    padding: 20px 0 12px 0;
}
.number {
    margin-right: 30px;
}

.inquiry {
    padding: 50px 0;
}

.inquiry form { 
    padding-top: 0;
}

.inquiry .btn {
    margin-top: 40px;
}

.interview .left_column {
    margin-bottom: 50px;
}

.interview .img {
    margin-right: 20px;
}

.interview .img img {
    width: 25vw;
}

.interview p {
    font-size: 16px;
}

.interview button {
    width: 100%;
    font-size: 15px;
    text-align: center;
    padding-left: 0;
}

.service_details {
    padding: 0 0 50px 0;
}

.service_details .img {
    margin-right: 0;
}

.service_details h2{
    margin: 16px 0;
}

/* ボタン配置（追加部分） */
.btn_box{
    margin-top: 48px;
}

/* サービス内容(追加部分) */
ul.service_column {
    display: block;
    width: 48vw;
    margin-left: auto;
    margin-right: auto;
}

ul.care_support,ul.option_service{
    display: block;
    width: 75vw;
    margin-left: auto;
    margin-right: auto;
    gap: 0;
}

ul.option_service {
    margin: 50px auto;
}

ul.care_support li {
    margin-bottom: 30px;
}

ul.option_service li {
    margin-bottom: 50px;
}

ul.care_support li,ul.service_show_list li,ul.option_service li {
    width: auto;
}

ul.care_support li h3,ul.option_service {
    font-size: 18px;
    line-height: 160%;
    padding-top: 10px;
    padding-bottom: 6px;
}

ul.service_column li figure,ul.service_column li figure img,.service_show_list li img,.other_service img {
    width: 48vw;
}

ul.service_column li:nth-child(1) {
    margin-bottom: 50px;
}

ul.service_column li:nth-child(2) {
    margin-bottom: 50px;
}

ul.service_column li h3{
    font-size: 18px;
    line-height: 160%;
    padding: 10px 0 0 0 ;
}

ul.service_column figcaption {
    font-weight: normal;
    font-size: 15px;
    line-height: 160%;
    padding-top: 10px;
}

.not_accept {
    padding-top: 46px;
}

.other_service figcaption {
    font-weight: normal;
    font-size: 15px;
    line-height: 160%;
    padding-top: 10px;
}

.other_service_flex img {
    width: 60px;
}

/* サービス詳細(追加部分) */
.service_details .img img {
    width: 50vw;
}

.service_details .txt h2{
    text-align: center;
}

.beige_parts h3 {
    margin-top: 0px;
    font-size: 18px;
    padding:4px 20px 8px;
}

.service_show_list li {
    width: auto;
    margin-bottom: 15px;
}

.service_index_column {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.service_index_column li {
    width: 80%;
    justify-content: flex-start;
    margin: 0 auto;
    margin-bottom: 15px;
}

.service_index_column li h3,.other_service_flex h3 {
    font-size: 14px;
    margin-left: 20px;
}

.service_index_column li:nth-child(1),.service_index_column li:nth-child(2) {
    margin-right: auto;
}

.service_index_column li img {
    width: 60px;
}

.fukidashi_sp,.wrap_price_area {
    width: 82vw;
}

.fukidashi_long {
    flex-direction: column;
}

/* 買い物お助けサービス詳細ページ（追加部分）*/
.kaimono_flex li {
    width: auto;
}

.kaimono_flex h3 {
    font-weight: 500;
    font-size: 15px;
    line-height: 160%;
}

.kaimono_flex .des {
    text-align: left;
}

.kaimono_scene {
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 40px;
}

.kaimono_list {
    width: 92vw;
}

.kaimono_list li {
    font-size: 15px;
    line-height: 160%;
}

.kaimono_notes {
    width: 92vw;
    margin-left: auto;
    margin-right: auto;
}

/* オーダーメイド */
.worry_list_flex {
    flex-direction: column;
}

.worry_list_flex li:nth-child(1),.worry_list_flex li:nth-child(2) {
    margin-right: 0;
    margin-bottom: 20px;
}

.worry_list_flex li img {
    width: 72vw;
}

.worry_list_flex li p {
    font-size: 16px;
}

/* 選ばれる理由（追加部分） */
.reason_heading {
    margin-bottom: 30px !important;
}
.correct_matching {
    margin-bottom: 20px;
    width: 92vw;
    align-items: baseline;
}

.correct_matching img {
    width: 25vw;
}

.correct_matching .matching_img {
    width: 30vw;
}

.correct_matching figcaption {
    font-size: 14px;
}

.reason_img img {
    width: 92vw;
}

.reputation {
    width: 80vw;
    flex-direction: column;
    justify-content: center;
    padding: 20px 10px;
    text-align: center;
}

.reputation_right_column {
    margin-left: 0;
}

.scene_img {
    width: 48vw;
    margin-left: auto;
    margin-right: auto;
}
.scene_img img {
    width: 48vw;
}

.payment_method_container{
    display: block;
}

.payment_method_container li{
    width: auto;
    height: auto;
    padding-bottom: 30px;
}

.payment_method_container li:nth-child(1) {
    border-right: none;
    border-bottom: 2px solid #fff;
}

.payment_method_container li:nth-child(2),.payment_method_container li:nth-child(3) {
    border-right: none;
    border-bottom: 2px solid #fff;
    padding-top: 30px;
}

.payment_method_container li:nth-child(4) {
    padding-top: 30px;
}

/* ご利用の流れ(追加部分) */
.flow_2column .number1:before,.flow_2column .number2:before,.flow_2column .number3:before,.flow_2column .number4:before,.flow_2column .number5:before,.flow_2column .number6:before {
    left: 0;
}

/* ヘルパー採用(追加部分) */
.helper_requit_menu{
    flex-direction: column;
}

.helper_requit_menubar li{
    margin: 0 5px;
    text-align: center;
}

.helper_merit,ul.column3 {
    display: block;
    width: 72vw;
    margin-left: auto;
    margin-right: auto;
}

.helper_merit li {
    width: auto;
}

.helper_license{
    text-align: center;
}

.helper_license:first-child{
    margin-right: 0;
}

.helper_license ul li{
    padding: 5px 0;
}

/* ヘルパーインタビュー詳細（追加部分） */
.helper_interview{
    width: 75vw;
    margin-left: auto;
    margin-right: auto;
    background-position: 16px 23px;
}
.helper_interview_1{
    line-height: 160%;
    padding: 16px 50px 19px 54px;
    margin: 0 auto;
    font-size: 15px;
}

.helper_interview_2{
    width: 67vw;
    border-top: 2px solid #F5F3EB;
    padding: 16px 0 24px 16px;
}

/* よくある質問（追加部分）*/
.often_question {
    width: 92vw;
    margin-bottom: 50px;
}

.often_question_title {
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

/* よくある質問詳細(追加部分) */
.often_question_column {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.often_question_column li {
    justify-content: center;
    margin-right: 0;
    margin-bottom: 15px;
}


/* 地域一覧 */
.area_title {
    width: 92vw;
    margin: 0;
}

.area_title_sp {
    width: 75vw;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.area_title_sp img {
    width: 80px;
    margin-bottom: 15px;
}

.area_title::before,.area_title_2::before {
    top: 0;
    left: 0;
}
.area_sub_detail{
    width: 75vw;
    padding: 0 0 50px 0;
    margin: 0 auto;
}

.service_region,.service_region h3,.area_index dl,.area_index dd,.area_index dl dd ul {
    width: 75vw;
}

.prefecture_title {
    width: 82vw !important;
}

.prefecture_title_2 {
    width: 75vw !important;
}

/* お問い合わせ */
.inquiry_box {
    padding-top: 0px;
}

.telephone_number {
    font-size: 36px;
    padding-left: 50px;
    margin-bottom: 5px;
}

.telephone_number::before {
    left: 15vw;
    top: 3px;
}
.inquiry_flex {
    flex-direction: column;
    padding-top: 30px;
}

.inquiry_flex button:nth-child(1) {
    margin-right: 0;
    margin-bottom: 20px;
}

/* ニュース一覧 */
.news_container {
    width: 82vw;
}
.news_container h1 {
    font-size: 24px;
    padding-bottom: 15px;
}

/* ニュース個別エントリ */
.tab_menu {
    width: 92vw;
    display: table!important;
    margin-left: auto;
    margin-right: auto;
}

.tab_menu li {
    width: 20%;
    display: table-cell;
    height: 56px;
    font-size: 13px;
    line-height: 135%;
    vertical-align: middle;
    text-align: center;
    padding: 0;
}

.detail_info,.detail_info .title {
    width: 85vw;
}

.detail_info .tag {
    font-size: 12px;
}

.tab_menu .empty {
    width: 10px;
}

.font_big {
    font-size: 48px;
}

.inquiry_button_sp {
    position: fixed;
    width: 80px;
    right: 3px;
    bottom: 10px;
    border-radius: 50%;
    background-color: #FFF068;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.15);
}

.inquiry_button_sp:hover {
    background: #727171 !important;
    border: none !important; 
}

.inquiry_button_sp .circle_height {
    position: relative;
    padding-top: 100%;
    height: 0;
}
.inquiry_button_sp .circle_height p {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0;
    text-align: center;
    font-weight: 500;
    font-size: 13px;
    line-height: 160%;
    z-index: 20;
}
.inquiry_button_sp:hover .circle_height p {
    color: #FFF !important;
}

.inquiry_button_sp_img {
    position: absolute;
    display: inline-block;
    text-align: center;
    top: 20%;
    left: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background-image: url(/images2/coolicon_br.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.inquiry_button_sp:hover .inquiry_sp_img {
    background-image: url(/images2/coolicon_wh.svg);
}

/* 電話するボタン */
.telephone_button_sp_img {
    width: 35px;
    height: 35px;
    background-size: contain;
    background-image: url(https://crowdcare-test-bucket.s3.ap-northeast-1.amazonaws.com/upload/2022/6/telephone_btn.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: inline-block;
    text-align: center;
    top: 15%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.inquiry_button_sp:hover .circle_height .telephone_button_sp_img {
    background-image: url(https://crowdcare-test-bucket.s3.ap-northeast-1.amazonaws.com/upload/2022/6/telephone_btn_hover.svg);
}

/* 登録ボタン (テスト中) */
.register_button {
    position: fixed;
    right: 3px;
    bottom: 95px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #F87076;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.15);
    width: 80px;
}
.register_button:hover {
    background: #727171 !important;
    border: none !important;
}
.register_button.blue {
    background-color: #3E7E94;
}


.register_button:hover .circle_height .inquiry_button_img {
    background-image: url(../images2/coolicon_wh.svg);
}

.register_button:hover .circle_height p {
    color: #fff !important;
}

.register_button .circle_height {
    position: relative;
    padding-top: 100%;
    height: 0;
}


.register_button_img {
    width: 20px;
    height: 20px;
    background-image: url(../images2/icon/pen.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    display: inline-block;
    text-align: center;
    top: 20%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.register_button .circle_height p {
    color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0;
    text-align: center;
    font-weight: 500;
    font-size: 13px;
    line-height: 120%;
    z-index: 20;
}

.register_button .circle_height p span {
    font-size: 11px;
}

/* コンビニ・ペイジーのお支払いについて（追加部分） */
.border_section,.convenience_notes {
    width: 75vw;
}

.convenience_kinds_method:nth-child(1),.convenience_kinds_method:nth-child(2),.convenience_kinds_method:nth-child(3) {
    margin-bottom: 50px;
}

/* 用語集詳細 */
.glossary_detail {
    width: 75vw;
}

.glossary_detail h3 {
    font-size: 20px;
    padding-bottom: 20px;
}

.glossary_point {
    padding: 30px 40px;
}

.glossary_point_title {
    margin-bottom: 15px;
}

.statement p{
    line-height: 2;
}
/* 特定商取引 */

.specified_commercial_table {
    width: 85vw;
}

.specified_commercial_table li {
    flex-direction: column;
}

.table_label {
    width: auto;
    margin-bottom: 10px;
}
.table_description {
    width: auto;
}

/*個人情報保護法 */
.dot_list li {
    font-size: 16px;
    line-height: 160%;
}

.use_purpose {
    width: 75vw;
    font-size: 14px;
    line-height: 160%;
}

.use_purpose th {
    vertical-align: middle;
}

/* シェアリングエコノミー認証マーク */
.sharing-economy_flex {
    flex-direction: column;
    margin-bottom: 30px !important;
}

.sharing-economy_flex img {
    width: 150px;
    margin-right: 0px;
    margin-bottom: 30px;
}

/* 映画館付き添いサービス */
.movie_attendant_logo{
    margin-top: 10px;
}
.movie_attendant_logo img:nth-child(1) {
    width: 40%;
}

.movie_attendant_logo img:nth-child(2) {
    width: 30%;
}

.movie_campaign {
    width: 90%;
}

.movie_campaign .campaign_title {
    font-size: 20px;
}

.syoutiku_logo {
    width: 70%;
}

.notes {
    width: 85vw;
}

.reservation_ticket h3 {
    padding-left: 1em;
    margin-bottom: 15px;
}

    .purchase_schedule {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .purchase_schedule_table {
        font-size: 16px;
    }

    .purchase_schedule_table th {
        width: 40%;
    }

    .helper_ticket {
        margin-top: 30px;
    }

    .movie_caution h3 {
        border-left: solid 6px #f87076;
        padding-left: 1em;
    }

.theater_list.qa dl dt{
    font-size: 16px;
}

.theater_list.qa dl dd{
    padding: 16px 0;
}

.theater_table {
    font-size: 14px;
    width: 82vw;
    word-break: break-all;
    text-align: center;
}

.theater_table th {
    width: 30vw;
}

/* 訪問音楽サービス */
.music_logo {
    flex-direction: column;
}
.music_logo img {
    margin-right: 0;
    margin-bottom: 10px;
}

.music_feature_box {
    width: 82vw;
}

.music_feature_box li {
    padding: 80px 0 20px 0;
}

.music_feature .num1::before,.music_feature .num2::before,.music_feature .num3::before,.music_feature .num4::before,.music_feature .num5::before {
    font-size: 36px;
    top: 10%;
}

.music_wrap_sp,.music_program_detail {
    width: 85vw;
    margin-left: auto;
    margin-right: auto;
}

/* 訪問リハビリ */
.reha_video video{
    width: 82vw;
    margin-bottom: 20px;
}

.youtube {
    width: 100%;
}

.reha_menu {
    width: 82vw;
}
.reha_menu li {
    flex-direction: column;
}
.reha_menu li .left_item {
    padding: 0;
}
.reha_menu li .left_item img {
    width: 82vw;
}
.reha_menu li .right_item .heading {
    margin-top: 15px;
}
.reha_menu li .right_item {
    margin-left: 0;
}

.reha_media {
    width: 85vw;
    flex-direction: column;
}
.reha_media img {
    width: 82vw;
}
.reha_media li {
    width: auto;
    flex-direction: column;
}
.reha_media li:first-child {
    margin-right: 0;
    margin-bottom: 20px;
}
.reha_media li .right_list {
    margin-left: 0;
}
.reha_media li .right_list p:first-child {
    font-weight: 500;
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.reha_media .wt {
    padding: 20px 30px;
}
.reha_media .wt .head {
    line-height: 150%;
}
.reha_area {
    display: block;
}
.reha_price ul li h4 {
    color: #4F4849;
    text-align: center;
    margin-bottom: 8px;
}

.reha_price ul{
    display: block;
}
.reha_price ul li {
    width: auto;
}

.w88 {
    width: 100%;
}

/* 初回訪問時のみ表示のモーダル */
.campaign_modal {
    width: 85vw;
    left: 8%;
}

/* あいらいふ相談室 */
.ilife_flex {
    width: 93%;
    flex-direction: column-reverse;
}

.ilife_flex .ilife_flex_left_item {
    width: 100%;
}

.ilife_flex .ilife_flex_right_item {
    width: 100%;
    margin-bottom: 15px;
}

.ilife_flex .ilife_flex_right_item img{
    width: 90%;
}


.ilife_flow_box {
    width: 93%;
    margin: 20px auto;
}

.ilife_flow_item {
    display: flex;
    margin-bottom: 40px;
}
.ilife_flow_left {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 100px;
    background-color: #fdebd3;
    text-align: center;
    padding: 10px;
    font-weight: 500;
}
.ilife_flow_left::after {
    content: ' ';
    width: 0;
    height: 0;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-top: 20px solid #fdebd3;
    position: absolute;
    bottom: -20px;
    left: 0;
}

.ilife_flow_right {
    width: 900px;
    margin-left: 1rem;
}

.ilife_example_box {
    width: 93%;
    margin: 0 auto;
}

.ilife_example_item{
    flex-direction: column;
    justify-content: center;
}

.ilife_example_item .left{
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

.ilife_example_item .left img {
    width: 30%;
}
.ilife_example_item .right{
    width: 100%;
}

/* カラオケ付き添い */
.price_area .crowdcare img{
    width: 50vw;
}
.price_area .joysound img{
    width: 50vw;
}

.price_area.karaoke ul{
    flex-direction: column;
}
.price_area.karaoke .text_left{
    width: 100%;
}
.price_area.karaoke .text_left p{
    margin-bottom: 0;
}
.price_area.karaoke .right_list{
    margin-top: 10px;
    padding-left: 15px;
}

.family_support_plan p{
    text-align: center;
}

/* お困りごと */

.hero_description.long_description
{
    top: 15%;
}

.trouble_list_box 
{
    gap: 20px;
    padding: 15px;
}

.trouble_list_box .trouble_list_item
{
    width: calc(50% - 20px * 1 / 2);
    text-align: center;
    margin-bottom: 20px;
}

.trouble_list_box .trouble_list_item a{
    padding: 15px;
}

.trouble_list_box .trouble_list_item a img
{
    width: 50%;
}

.trouble_list_box .trouble_list_item a p
{
    color: #4F4849;
    font-size: 16px;
    font-weight: 500;
    padding: 10px;
}

.trouble_check_list
{
    width: 100%;
}

.trouble_check_list ul li p::before
{
    top: 15%;
}

.main_wrap .price_area 
{
    width: 82vw;
}

.usage_table_box
{
    width: 100%;
}
.usage_table_box p
{
    text-align: left;
}
.usage_fee_table_sp
{
    width: 92vw;
    background-color: #FFF;
    border-radius: 10px;
}
.usage_fee_table_sp td{
    padding: 20px 10px;
    vertical-align: middle;
    line-height: 130%;
}
.usage_fee_table_sp .border
{
    border-bottom: 2px solid #F5F3EB;
}
.usage_fee_table_sp .total
{
    font-size: 20px;
}
.usage_fee_table_sp .tax
{
    font-size: 14px;
}

.caremusubi_reha_article {
    flex-direction: column;
}
.caremusubi_reha_article_box {
    text-align: center;
    flex: 1;
}
.caremusubi_reha_article_box:first-child {
    margin-right: 0;
    margin-bottom: 4rem;
}
.caremusubi_reha_article_box img {
    width: 92vw;
}
.caremusubi_reha_article_box .article_title {
    margin: 2rem 0;
    font-weight: 500;
}

}