.lower_page_title_container { position: relative; background-position: center; }
.lower_page_title { margin: 0 auto; height: 100%; }
.lower_page_title_inner { background-image: url('../img/purchase/common/top_title_bg.png'); }
.lower_page_title_inner h1 { position: absolute; top: 47%; transform: translateY(-47%); margin: 0; color: #395087; text-align: center; }
.lower_page_title_inner h1::after { content: url('../img/purchase/common/top_title_bar.png'); position: absolute; left: 50%; transform: translateX(-50%); }
.lower_page_title_inner h1 span { display: block; }
.introduction_inner { padding: 16px; border: #c8ba85 3px solid;box-sizing: border-box; background-image: url('../img/purchase/common/bg_pattern_03.png'); }
.introduction_title { margin: 0 0 16px; text-align: center; }
.service_intro { display: flex; border: #c3c3c3 1px solid; background: #fff;
  background: -moz-linear-gradient(left,  #ffffff 58%, #ffffff 58%, #f9f7ef 100%);
  background: -webkit-linear-gradient(left,  #ffffff 58%,#ffffff 58%,#f9f7ef 100%);
  background: linear-gradient(to right,  #ffffff 58%,#ffffff 58%,#f9f7ef 100%);}
.service_intro_content h3 { margin: 0 0 24px; padding-left: 16px; color: #f49d0e; border-left: #f49d0e 8px solid; }
.service_intro_content p { margin: 0 0 16px; }
.service_intro_content_points { margin: 0; padding: 0; list-style: none; }
.service_intro_content_points li { font-weight: bold; color: #395087; border: #395087 1px solid; border-left: #395087 8px solid; box-sizing: border-box; }
.service_intro_content_points li:not(:last-child) { margin: 0 0 16px; }
.service_intro_content_points li span { position: relative; }
.service_intro_content_points li span::before { content: url('../img/purchase/trip-purchase/arrow_right.png'); position: absolute; top: 50%; left: -20px; transform: translateY(-50%); }

.trip_purchase_point_container { position: relative; }
.trip_purchase_point_inner { box-sizing: border-box; background-color: #fff7ed; background-image: url(../img/background/bg-02_2-min.jpg); }
.trip_purchase_point_wrapper { border: #c3c3c3 1px solid; box-sizing: border-box; background-color: #fff; }
.trip_purchase_point_wrapper h2 { font-weight: bold; color: #fff; text-align: center; background-color: #395087; background-image: url(../img/background/bg-01_min.jpg); }
.trip_purchase_points { display: flex; margin: 0; padding: 0; list-style: none; }
.trip_purchase_points li { padding: 8px; text-align: center; border: #395087 3px solid; box-sizing: border-box; }
.trip_purchase_points li h3 { position: relative; margin: 0 0 16px; padding: 8px 0; color: #395087; background-image: url('../img/purchase/common/bg_pattern_01.png'); }
.trip_purchase_points li h3::before { content: ""; position: absolute; top: 0; left: 0; border-bottom: 48px solid transparent; border-left: 48px solid #395087; }
.trip_purchase_points li h3.point_1::after { content: "1"; position: absolute; top: 2px; left: 4px; color: #fff; }
.trip_purchase_points li h3.point_2::after { content: "2"; position: absolute; top: 2px; left: 4px; color: #fff; }
.trip_purchase_points li h3.point_3::after { content: "3"; position: absolute; top: 2px; left: 4px; color: #fff; }
.trip_purchase_points li img { max-width: 100%; }
.trip_purchase_points li p { text-align: left; }

.trip_purchase_service_flow_container { position: relative; }
.trip_purchase_service_flow_inner { box-sizing: border-box; background-color: #fff7ed; background-image: url(../img/background/bg-02_2-min.jpg); }
.trip_purchase_service_flow_wrapper { border: #c3c3c3 1px solid; box-sizing: border-box; background-color: #fff; }
.trip_purchase_service_flow_step { position: relative; }
.trip_purchase_service_flow_step h3 { position: relative; margin: 0 0 8px; color: #fff; background-color: #395087; }
.trip_purchase_service_flow_step_content_wrapper { position: relative; display: flex; border: #c8ba85 3px solid; box-sizing: border-box; }
.trip_purchase_service_flow_step:not(.step_4)::after { content: url('../img/purchase/trip-purchase/arrow_down.png'); position: absolute; left: 50%; bottom: -27px; transform: translateX(-50%); }
.trip_purchase_service_flow_step_content ul { display: flex; margin: 0; padding: 0; list-style: none; }
.trip_purchase_service_flow_step_content ul li { color: #394f87; text-align: center; }
.trip_purchase_service_flow_step_content ul li h4 { padding: 8px; text-align: center; border: #394f87 2px solid; box-sizing: border-box; }
.trip_purchase_service_flow_step_content_text { margin: 0 auto 24px;}
.trip_purchase_service_flow_step_content_point { position: relative; width: fit-content; color: #394f87; border: #394f87 2px solid; box-sizing: border-box; }
.trip_purchase_service_flow_step_content_point::before { content: ""; position: absolute; top: 0px; left: -1px; background: url(../img/purchase/trip-purchase/point.png) no-repeat; background-size: contain; width: 25%; height: 100%; display: block;}

.preparation_content_container { background-image: url('../img/purchase/common/bg_pattern_02.png'); }
.preparation_content_container h3 { position: relative; margin: 0; padding: 8px; color: #395087; text-align: center; border: #395087 1px solid; background-color: #fff; }
.preparation_content_container h3::before { content: ""; position: absolute; top: 0; left: 0; width: 30px; height: 30px; border-left: solid 3px #395087; border-top: solid 3px #395087; }
.preparation_content_container h3::after { content: ""; position: absolute; bottom: 0; right: 0; width: 30px; height: 30px; border-right: solid 3px #395087; border-bottom: solid 3px #395087; }
.preparation_content_wrapper { border: #f49d10 2px solid; box-sizing: border-box; background-color: #f5f5f5; }
.preparation_content { display: flex; border: #c3c3c3 1px solid; box-sizing: border-box; background-color: #fff; }
.preparation_content_01 { margin-bottom: 16px; }
.preparation_content_01 img { width: 100%; max-width: 380px; }
.preparation_content_02 img { max-width: 100%; }
.preparation_content_inner h4 { position: relative; margin: 0; padding: 8px; text-align: center; color: #fff; background-color: #f49d10; }
.preparation_content_inner h4::after { content: ""; position: absolute; left: 0; bottom: -6px; width: 100%; height: 2px; background-color: #f49d10; }
.preparation_items { margin-bottom: 16px; padding: 8px; border: #f49d0e 2px solid; box-sizing: border-box; }
.preparation_items h5 { margin: 0 0 6px; padding: 8px; font-size: 18px; color: #f49d0e; text-align: center; background-color: #fff5e6; }
.preparation_items p { margin: 0; padding: 0 5px;}
.preparation_items small { display: block; }

.service_main_content_inner { box-sizing: border-box; background-color: #fff7ed; background-image: url(../img/background/bg-02_2-min.jpg); }
.service_main_content_row { border: #c3c3c3 1px solid; box-sizing: border-box; background-color: #fff; }
.service_main_content_row h2 { margin: 0; padding: 8px; font-weight: bold; color: #fff; text-align: center; background-color: #395087; background-image: url(../img/background/bg-01_min.jpg); }
.memento_compare_wrapper { position: relative; display: flex; }
.memento_compare_wrapper::after { content: url('../img/purchase/memento-purchase/arrow_down.png'); position: absolute; left: 50%; transform: translateX(-50%); }
.memento_compare_content { border: #395087 2px solid; box-sizing: border-box; }
.memento_compare_content h3 { margin: 0; padding: 8px; font-size: 24px; color: #395087; text-align: center; border-top: #395087 5px double; border-bottom: #395087 5px double; }
.memento_compare_content img { width: 100%; }
.memento_compare_content ul { margin: 0; padding: 0; list-style: none; }
.memento_compare_content ul li { border: #c8ba85 2px solid; border-left: #c8ba85 8px solid; box-sizing: border-box; }
.memento_compare_content ul li:not(:last-child) { margin-bottom: 16px; }

.memento_contact_container { border: #c8ba85 3px solid; box-sizing: border-box; background-image: url('../img/background/bg-05.jpg');}
.memento_contact_inner { display: flex; }
.memento_contact_title { background-image: url('../img/purchase/memento-purchase/title_bg.jpg'); background-position: center; background-size: contain; background-repeat: no-repeat; }
.memento_contact_sub_title { text-decoration: underline; text-decoration-color: #baa865; text-decoration-thickness: 1px; text-underline-offset: 8px;}

.recommendation_inner { box-sizing: border-box; background-color: #fff7ed; background-image: url(../img/background/bg-02_2-min.jpg); }
.recommendation_explaination_wrapper { border: #395087 3px solid; border-top: #395087 10px solid; box-sizing: border-box; background-color: #fff; }
.recommendation_banner { text-align: center; background-color: #e7eeff; }
.recommendation_banner a { display: block; }
.recommendation_banner img { width: 100%; }

@media screen and ( min-width: 320px ) {
    .lower_page_title_container { margin-top: 60px; height: 91px; }
    #tripPurchase.lower_page_title_container { background-image: url('../img/purchase/trip-purchase/top_bg_trip_purchase_sp.jpg'); background-repeat: no-repeat; background-size: cover; }
    #mementoPurchase.lower_page_title_container { background-image: url('../img/purchase/memento-purchase/top_bg_memento_purchase_sp.jpg'); background-repeat: no-repeat; background-size: cover; }
    #column.lower_page_title_container { background-image: url('../img/column/column_bg_sp.jpg'); background-repeat: no-repeat; background-size: cover; }
    #example.lower_page_title_container { background-image: url('../img/example/jirei_bg_sp.jpg'); background-repeat: no-repeat; background-size: cover; }
    
    .lower_page_title_inner { width: 50%; height: 92px; background-size: contain; }
    .lower_page_title_inner h1 { width: 50%; font-size: 18px; }
    .lower_page_title_inner h1::after { bottom: -10px; }
    .lower_page_title_inner h1 span { font-size: 12px; }
    main.purchase_service { padding: 0 8px; }
    main.column { padding: 0 8px; }

    .introduction { margin-bottom: 24px; }
    .introduction_inner { padding: 4px; }
    .introduction_title { font-size: 22px; }
    .introduction_sub_title { font-size: 16px; }
    .service_intro { flex-direction: column; padding: 8px; }
    .introduction_explaination img.is-show-pc { display: none; }
    .service_intro_content img.is-show-sp { display: block; margin-bottom: 10px; width: 100%; }
    .service_intro_content_points li { padding: 8px 8px 8px 32px; }
    .trip_purchase_point_inner { padding: 6px; }
    .trip_purchase_point_wrapper { padding: 4px; }
    .trip_purchase_point_wrapper h2 { margin: 0 0 8px; padding: 4px 0; }
    .trip_purchase_points { flex-direction: column; }
    .trip_purchase_points li { margin-bottom: 10px; }

    .trip_purchase_service_flow_inner { padding: 8px; }
    .trip_purchase_service_flow_wrapper { padding: 4px; }
    .trip_purchase_service_flow_container { margin-bottom: 24px; }
    .trip_purchase_service_flow_step { margin: 0 0 32px; }
    .trip_purchase_service_flow_step h3 { padding: 30px 16px 27px 86px; font-size: 18px; text-align: center; }
    .trip_purchase_service_flow_step h3 br.is-show-sp { display: block; }
    .trip_purchase_service_flow_step h3::before { content:""; display: block; width: 16%; height:100%; position: absolute; top: 0; left: 0; }
    .trip_purchase_service_flow_step.step_1 h3::before { background: url('../img/purchase/trip-purchase/flow_num_01_sp.png') no-repeat; background-size: cover; }
    .trip_purchase_service_flow_step.step_2 h3::before { background: url('../img/purchase/trip-purchase/flow_num_02_sp.png') no-repeat; background-size: cover; }
    .trip_purchase_service_flow_step.step_3 h3::before { background: url('../img/purchase/trip-purchase/flow_num_03_sp.png') no-repeat; background-size: cover; }
    .trip_purchase_service_flow_step.step_4 h3::before { background: url('../img/purchase/trip-purchase/flow_num_04_sp.png') no-repeat; background-size: cover; }
    .trip_purchase_service_flow_step_content_point { padding: 9px 7px 9px 80px; width: 100%; font-size: 14px; }
    .trip_purchase_service_flow_step_content_wrapper img.is-show-pc { display: none; }
    .trip_purchase_service_flow_step_content img.is-show-sp { display: block; width: 100%; }
    .trip_purchase_service_flow_step_content_wrapper { flex-direction: column; padding: 4px; }
    .trip_purchase_service_flow_step_content ul { margin-top: 0; flex-direction: column; }

    .preparation_content { flex-direction: column; padding: 4px; }
    .preparation_content_container { margin-top: 24px; padding: 4px; }
    .preparation_content_container h3 { margin-bottom: 8px; }
    .preparation_content_wrapper { padding: 4px; }

    .service_main_content_container { margin-bottom: 24px; }
    .service_main_content_inner { padding: 4px; }
    .service_main_content_row { padding: 4px; }
    .service_main_content_row h2 { margin-bottom: 8px; font-size: 20px; }
    .memento_compare_wrapper { flex-direction: column; margin-bottom: 32px; }
    .memento_compare_content { padding: 6px; margin-bottom: 10px; }
    .memento_compare_content ul li { margin: 0 0 16px; padding: 12px; font-size: 14px; }
    .memento_compare_wrapper::after { bottom: -32px; }

    .memento_contact_container { padding: 8px; }
    .memento_contact_inner { flex-direction: column; }
    .memento_contact_inner img.is-show-pc { display: none; }
    .memento_contact_inner img.is-show-sp { display: block; width: 100%; margin-bottom: 10px; }
    .memento_contact_content h3 { font-size: 22px; text-align: center; margin: 0 auto 10px; }
    .memento_contact_content h3 br.is-show-pc { display: none; }
    .memento_contact_content h3 br.is-show-sp { display: block; }
    .memento_contact_title { margin: 0 0 10px; font-size: 20px; padding: 14px 0px; text-align: center; font-weight: bold; background-repeat: no-repeat; background-size: cover; }
    .memento_contact_sub_title { margin: 0 auto 10px; line-height: 1.7; text-align: center; font-size: 20px; font-weight: bold; }
    .memento_contact_sub_title br.is-show-sp { display: block; }

    .recommendation { margin-bottom: 24px; }
    .recommendation_inner { padding: 4px; }
    .recommendation_explaination_wrapper { padding: 10px; }
    .recommendation_explaination > div { width: 100%; }
    .recommendation_explaination h2 { margin: 0; font-size: 24px; border-bottom: #394f87 1px solid; }
    .recommendation_explaination h2 br.is-show-sp { display: block; }
    .recommendation_explaination h2 { background-image: url('../img/purchase/memento-purchase/ihin_bg_sp.jpg'); background-position: right; background-size: contain; background-repeat: no-repeat; padding: 0 0 8px; }
    .recommendation_banner { padding: 4px; }
    .recommendation_banner img.is-show-pc { display: none; }
    .recommendation_banner img.is-show-sp { display: block; }
}
@media screen and ( min-width: 768px ) {
    .lower_page_title_container { margin-top: 154px; height: 275px; }
    #tripPurchase.lower_page_title_container { background-image: url('../img/purchase/trip-purchase/top_bg_trip_purchase_pc.jpg'); background-size: cover; }
    #mementoPurchase.lower_page_title_container { background-image: url('../img/purchase/memento-purchase/top_bg_memento_purchase_pc.jpg'); background-size: cover; }
    #column.lower_page_title_container { background-image: url('../img/column/column_bg_pc.jpg'); background-size: cover; }
    #example.lower_page_title_container { background-image: url('../img/example/jirei_bg_pc.jpg'); background-size: cover; }
    
    .lower_page_title_inner h1 { width: 100%; }
    .lower_page_title_inner h1::after { bottom: -32px; }
    .lower_page_title_inner h1 span { font-size: 14px; }
    .lower_page_title { max-width: 1200px; }
    .lower_page_title_inner { position: relative; width: 443px; height: 100%; }
    .lower_page_title_inner h1 { font-size: 32px; }

    main.purchase_service { padding: 0; }
    main.column { padding: 0; }

    .introduction { margin-bottom: 64px; }
    .introduction_inner { padding: 16px; }
    .service_intro { flex-direction: row; justify-content: space-around; align-items: center; padding: 24px 48px; }
    .introduction_explaination img.is-show-pc { display: block; }
    .service_intro_content img.is-show-sp { display: none; }
    .introduction_title { font-size: 48px; }
    .introduction_sub_title { font-size: 36px; }
    .service_intro_content { padding-right: 48px; }
    .service_intro_content h3 { font-size: 32px; }
    main.contact .service_intro_content h3 { font-size: 24px; }
    .service_intro_content_points li { padding: 8px 8px 8px 64px; font-size: 14px; }

    .trip_purchase_point_container { margin-bottom: 64px; }
    .trip_purchase_point_inner { padding: 24px; }
    .trip_purchase_point_wrapper { padding: 16px; }
    .trip_purchase_point_wrapper h2 { margin: 0 0 24px; padding: 10px 0; font-size: 32px; }
    /* .trip_purchase_points { flex-direction: row; justify-content: space-between; } */
    /* .trip_purchase_points li { width: calc(100%/3 - 8px); } */
    .trip_purchase_points li div { display: flex; flex-direction: row; }
    .trip_purchase_points li h3 { font-size: 24px; }
    .trip_purchase_points li h3 br { display: none; }
    .trip_purchase_points li h3 span { font-size: 16px; color: #000; }
    .trip_purchase_points li h3.point_1::after { font-size: 24px; }
    .trip_purchase_points li h3.point_2::after { font-size: 24px; }
    .trip_purchase_points li h3.point_3::after { font-size: 24px; }

    .trip_purchase_service_flow_inner { padding: 24px; }
    .trip_purchase_service_flow_wrapper { padding: 16px; }
    .trip_purchase_service_flow_container { margin-bottom: 64px; }
    .trip_purchase_service_flow_step { margin: 0 0 48px; }
    .trip_purchase_service_flow_step h3 { padding: 17px 32px 17px 100px; font-size: 24px; text-align: left; }
    .trip_purchase_service_flow_step h3 br.is-show-sp { display: none; }
    .trip_purchase_service_flow_step h3::before { width: 70px; }
    .trip_purchase_service_flow_step.step_1 h3::before { background: url('../img/purchase/trip-purchase/flow_num_01_pc.png') no-repeat; background-size: cover;}
    .trip_purchase_service_flow_step.step_2 h3::before { background: url('../img/purchase/trip-purchase/flow_num_02_pc.png') no-repeat; background-size: cover; }
    .trip_purchase_service_flow_step.step_3 h3::before { background: url('../img/purchase/trip-purchase/flow_num_03_pc.png') no-repeat; background-size: cover; }
    .trip_purchase_service_flow_step.step_4 h3::before { background: url('../img/purchase/trip-purchase/flow_num_04_pc.png') no-repeat; background-size: cover; }
    .trip_purchase_service_flow_step_content img.is-show-pc { display: block; }
    .trip_purchase_service_flow_step_content img.is-show-sp { display: none; }
    .trip_purchase_service_flow_step_content_wrapper { justify-content: space-between; flex-direction: row; align-items: center; padding: 16px 32px; }
    .trip_purchase_service_flow_step_content { width: 60%; }
    .trip_purchase_service_flow_step_content ul { margin-top: 16px; flex-direction: row; align-items: baseline; justify-content: space-between; }
    .trip_purchase_service_flow_step_content ul li { width: calc(100%/2 - 16px); }
    .trip_purchase_service_flow_step_content_point { padding: 7px 8px 7px 100px; font-size: 15px; }
    .trip_purchase_service_flow_step_content_wrapper img.is-show-pc { display: block; }
    .preparation_content_container { margin-top: 48px; padding: 16px; }
    .preparation_content_container h3 { margin-bottom: 16px; font-size: 28px; }
    .preparation_content_wrapper { padding: 16px; }
    .preparation_content { flex-direction: row; justify-content: space-between; align-items: center; padding: 24px; }
    .preparation_content_inner { width: 50%; }
    .preparation_content_inner h4 { margin-bottom: 32px; font-size: 24px; }

    .service_main_content_inner { margin-bottom: 64px; padding: 24px; }
    .service_main_content_row { padding: 16px; }
    .service_main_content_row h2 { margin-bottom: 16px; font-size: 32px; }
    .memento_compare_wrapper { flex-direction: row; justify-content: space-between; margin-bottom: 64px; }
    .memento_compare_content { padding: 16px; width: calc(100%/2 - 16px); }
    .memento_compare_content ul li { padding: 12px 60px; font-size: 16px; }
    .memento_compare_wrapper::after { bottom: -48px; }

    .memento_contact_container { padding: 24px; }
    .memento_contact_inner { flex-direction: row; justify-content: space-between; margin-bottom: 24px; align-items: flex-start; }
    .memento_contact_inner img.is-show-pc { display: block; width: 35%; margin-right: 14px;}
    .memento_contact_inner img.is-show-sp { display: none; }
    .memento_contact_content h3 { text-align: left; font-size: 36px; margin: 0 0 16px; line-height: 1.5; }
    .memento_contact_content h3 br.is-show-pc { display: block; }
    .memento_contact_content h3 br.is-show-sp { display: none; }
    .memento_contact_title { margin: 0 auto 12px; padding: 14px 0px; font-size: 24px; text-align: center; font-weight: bold; background-size: contain; }
    .memento_contact_sub_title { margin: 0 auto; text-align: center; font-size: 24px; font-weight: bold; }
    .memento_contact_sub_title br.is-show-sp { display: none; }

    .recommendation { margin-bottom: 64px; }
    .recommendation_inner { padding: 24px; }
    .recommendation_explaination_wrapper { padding: 16px; }
    .recommendation_explaination { background-image: url('../img/purchase/memento-purchase/ihin_bg_pc.jpg'); background-position: right; background-repeat: no-repeat; }
    .recommendation_explaination > div { width: 64%; }
    .recommendation_explaination h2 { margin: 0; font-size: 36px; border-bottom: #394f87 1px solid; }
    .recommendation_explaination h2 br.is-show-sp { display: none; }
    .recommendation_explaination h2 { background-image: none; }
    .recommendation_banner { padding: 12px; }
    .recommendation_banner img.is-show-pc { display: block; }
    .recommendation_banner img.is-show-sp { display: none; }
}
@media screen and ( min-width: 1024px ) {
  .trip_purchase_points { flex-direction: row; justify-content: space-between; }
  .trip_purchase_points li { width: calc(100%/3 - 8px); }
  .trip_purchase_points li h3 {  }
  .trip_purchase_points li h3 br { display: block; }
  .trip_purchase_points li div { flex-direction: column; }
  .trip_purchase_service_flow_step_content_point { padding: 7px 8px 7px 100px; font-size: 16px; }
}

@media screen and ( min-width: 320px ) {
    .trip_purchase_service_flow_step_content ul { padding: 10px; }
    .trip_purchase_service_flow_step_content ul li.tel { margin-bottom: 10px; }
    .trip_purchase_service_flow_step_content ul li img { width: 100%; }
    .trip_purchase_service_flow_step_content ul li img.is-show-pc { display: none; }
    .trip_purchase_service_flow_step_content ul li img.is-show-sp { display: block; }
}
@media screen and ( min-width: 768px ) {
    .trip_purchase_service_flow_step_content ul { padding: 0px; }
    .trip_purchase_service_flow_step_content ul li.tel { margin-bottom: 0px; }
    .trip_purchase_service_flow_step_content ul li img { width: 100%; }
    .trip_purchase_service_flow_step_content ul li img.is-show-pc { display: block; }
    .trip_purchase_service_flow_step_content ul li img.is-show-sp { display: none; }
}
@media screen and (min-width: 569px) and (max-width: 1279px) {
  .memento_contact_inner { justify-content: space-around; }
  .memento_contact_content h3 { font-size: calc(17px + 12 * (100vw - 569px) / 710); margin-bottom: 8px; }
  .memento_contact_title { font-size: calc(14px + 8 * (100vw - 569px) / 710); }
  .memento_contact_sub_title { font-size: calc(15px + 8 * (100vw - 569px) / 710); }
  .recommendation_explaination h2 { font-size: calc(24px + 12 * (100vw - 569px) / 710); }
}

@media screen and (min-width: 569px) and (max-width: 1024px) {
  .service_intro_content { width: 60%; }
  .introduction { margin: 0 2vw 64px; }
  .introduction_explaination img.is-show-pc { width: 40%; }
  .introduction_title { font-size: calc(34px + 8 * (100vw - 569px) / 455); }
  .introduction_sub_title { font-size: calc(30px + 6 * (100vw - 569px) / 455); }
  .shucchou-kaitori-title { font-size: calc(38px + 8 * (100vw - 569px) / 455); }

}
@media screen and (min-width: 569px) and (max-width: 768px) {
  .service_intro_content { width: 100%; padding: 0 10px 0 0; }
  .service_intro { padding: 2vw 3vw; }
  .service_intro_content h3 { font-size: 22px; }
  .service_intro_content p { margin: 0 0 8px; }
  .service_intro_content_points li { padding-left: 35px; }
  .introduction_explaination img.is-show-pc { width: 40%; }
  main.category .service_intro_content h3 { font-size: 24px; transform: translateY(6px); margin-bottom: 14px; }
  
  .lower_page_title_container { margin-top: 140px; height: 200px; }
  .lower_page_title_inner { width: 350px; margin-left: 2vw; }
  .purchase_flow_content { padding: 6px; }
  .purchase_flow_content p { font-size: 14px; }
  .preparation_content { padding: 12px;}
  .preparation_content_inner { width: 62%;}
  .preparation_content_inner h4 {font-size: 20px; margin-bottom: 20px; }
  .preparation_content_inner p { font-size: 14px; }
  .preparation_content_01 img { width: 35%; }
  .preparation_content_02 img { width: 35%; }
  
  .category_appraiser_content_right h3 { font-size: 20px; }
  .category_appraiser_content_right h3::before { height: 64px; }
  .shucchou_intro_content h3 { font-size: 24px; }
  
  .shucchou_intro img { width: 45%; }
  .shucchou_intro_content { width: 52%; }
  .service_intro_content h3 { font-size: 22px; }
  .trip_purchase_points li h3 { font-size: 24px; }
  .trip_purchase_points li h3::after { font-size: 20px !important; }
  .trip_purchase_points li h3::before { border-bottom: 38px solid transparent; border-left: 38px solid #395087; }
  .trip_purchase_service_flow_step_content_wrapper { padding: 16px 16px; }
  .trip_purchase_service_flow_step_content { padding-right: 10px; }
  .trip_purchase_service_flow_step_content_wrapper img.is-show-pc { width: 40%; }
  .trip_purchase_service_flow_step_content ul li { width: calc(100%/2 - 5px); }
  .trip_purchase_service_flow_step_content ul li.tel img { width: 100%; }
  .memento_compare_content ul li { padding: 10px 10px; }
  .recommendation_explaination { background-size: 50%; }
  
}

@media screen and ( max-width: 568px ) {
  .lower_page_title { padding-left: 8px; }
  main.category .introduction_title { margin-bottom: 10px; }
  .service_intro_content h3 { padding-left: 8px; border-left: #f49d0e 5px solid; margin-bottom: 12px;}
  .trip_purchase_service_flow_step_content_point { padding: 9px 4px 9px 76px; width: 98%; margin: 0 auto 8px;}
  .trip_purchase_service_flow_step_content_text { padding: 0 10px; margin: 0 auto 10px; }
  .trip_purchase_service_flow_step h3 { padding: 14px 16px 15px 66px; }
  /* .trip_purchase_service_flow_step h3::before { content: ""; background: url(../img/purchase/trip-purchase/flow_num_01_sp.png) no-repeat; background-size: cover; height: 100%; width: 16%; } */
}