body,
html,.invite-body {
    font-family: "Noto Serif JP", serif;
    font-family: "Noto Serif JP", "Yu Mincho", "游明朝", serif;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro",
        "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック",
        "MS PGothic", sans-serif;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro",
        "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    color: #606060;
    font-size: 14px;
}
#header {
    height: auto !important;
}
#btm-page-top a {
    display: none;
}
.section {
    margin-bottom: 50px;
}
.normal_font {
    font-family: "Noto Serif JP", serif;
    font-family: "Noto Serif JP", "Yu Mincho", "游明朝", serif;
}
.section .h {
    font-weight: bolder;
    text-align: center;
    margin-bottom: 10px;
}
.shinki .a-btn {
    display: block;
    text-align: center;
    font-size: 1rem;
    padding: 10px 0 10px 0;
}
.login .info {
    text-align: center;
    margin-bottom: 10px;
}
.login .form {
    width: 500px;
    margin: 0 auto;
}
.login .row {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
.login .row .col1 {
    width: 30%;
    text-align: right;
}
.login .row .col1 span {
    display: inline-block;
    padding-right: 10px;
}
.login .row .col2 {
    width: 70%;
}
.login .row .col2 input {
    width: 100%;
}
#main-inner {
    width: 100%;
}
.main-menu {
    width: 100%;
    background-color: #a0936c;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-evenly;
}
.main-menu li a {
    text-decoration: none;
    color: #ffffff;
    padding: 15px 5px;
    display: block;
    font-size: 1.714rem;
    text-align: center;
    line-height: 1.429rem;
    padding-top: 24px;
}
.main-menu li a span {
    font-size: 0.714rem;
    text-align: center;
}
.section__title {
    text-align: center;
}
.section__title_2 {
    background-color: #f5f2e8;
    padding: 40px 0px;
}
.section__title h2 {
    font-size: 3.571rem;
    color: #00578e;
    text-align: center;
    padding-top: 100px;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    line-height: 3.571rem;
    padding-bottom: 5px;
}
.section__title p {
    padding-top: 5px;
    color: #00578e;
    font-weight: 500;
    font-size: 1.571rem;
}
.secction_faq .section__title h2,
.section_story .section__title h2 {
    padding-top: 0px;
}
.secction_faq {
    padding-top: 40px;
}
.section_story .img_text img {
    width: 160px;
    padding-top: 20px;
}
.section_story {
    padding-bottom: 60px;
    padding-top: 60px;
}
.step__story {
    text-align: center;
    font-size: 1.429rem;
    padding-bottom: 20px;
}
.step__story img {
    width: 100%;
    max-width: 100px;
    text-align: center;
}
.img_text {
    text-align: center;
}
.section__left-text {
    text-align: center;
    padding-top: 100px;
}
.section__left-text span {
    line-height: 2.857rem;
    padding: 2px 10px;
    text-align: center;
    color: #4d4d4d;
    font-size: 1.429rem;
    font-weight: bold;
}
.section__content {
    display: flex;
}
.section__left,
.section__right {
    width: 50%;
}
.section__left {
    padding-left: 20px;
    padding-right: 20px;
}
.section__right {
    padding-left: 20px;
    padding-right: 20px;
}
.text1 {
    font-size: 1.429rem;
    text-align: center;
    font-weight: bold;
}
.section__right .img_content.edit {
    text-align: center;
}
.section__right .img_content.edit img {
    max-width: 400px;
    padding: 0px 40px;
    margin: 0 auto;
}
.section__right .img_content.edit2 {
    padding-top: 30px;
}

.section__title2 h2 {
    font-size: 1.071rem;
    color: #9f926c;
    text-align: center;
    font-weight: bold;
}
.section__title2 {
    position: relative;
    display: inline-block;
    text-align: center;
    margin-top: 40px;
}
.section__title_inner {
    text-align: center;
}
.section__title2 p {
    font-size: 1.286rem;
    color: #00578e;
    text-align: center;
    padding-top: 0px;
    font-weight: bold;
}


.spp {
    padding: 0px 20px;
}
.spp p {
    color: #3e3a39;
    text-align: center;
    font-weight: 600;
    font-size: 1.143rem;
    padding-bottom: 10px;
    padding-top: 40px;
}
.point__item_img {
    padding: 2px;
}
.slider_fade .slick-slide img {
    height: 140px;
}
.slider__webinvitation .slick-slide img {
    padding: 0px 8px;
    border-radius: 30px;
}
.slider__webinvitation .swiper--top .fade .js-img-no-create {
    text-align: center;
    font-size: 2.357rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    flex-shrink: 0;
}
.point_step_01 {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 60px;
}
.point_step_01 .point_number {
    width: 50%;
    padding-right: 30px;
}
.point_step_01 .point_img {
    width: 50%;
    padding-left: 30px;
    padding-top: 50px;
}
.point_step_02 {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 40px;
    padding-top: 20px;
}
.point_step_02 .point_number {
    width: 50%;
    padding-left: 30px;
    padding-top: 40px;
}
.point_step_02 .point_img {
    width: 50%;
    padding-left: 30px;
}
.point_step_03 {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 60px;
    padding-top: 60px;
}
.point_step_03 .point_number {
    width: 60%;
    padding-left: 30px;
    padding-top: 40px;
}
.point_step_03 .point_img {
    width: 40%;
    padding-left: 30px;
    text-align: right;
}
.point_step_03 .point_img img {
    width: 100%;
}
.point_step_04 {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 40px;
    padding-top: 60px;
}
.point_step_04 .point_number {
    width: 50%;
    padding-left: 30px;
}
.point_step_04 .point_img {
    width: 50%;
    padding-left: 40px;
    padding-top: 40px;
}
.point_step_04 .point_img img {
    width: 80%;
}
.point_step_05 {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 60px;
}
.point_step_05 .point_number {
    width: 50%;
    padding-right: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.point_step_05 .point_img {
    width: 50%;
    padding-left: 40px;
}
.point_step_06 {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 40px;
    padding-top: 20px;
}
.point_step_06 .point_number {
    width: 50%;
    /*  padding-left: 30px;*/
    padding-top: 40px;
}
.point_step_06 .point_img {
    width: 50%;
    padding-left: 30px;
}
.point_step_07 {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 60px;
    padding-top: 60px;
}
.point_step_07 .point_number {
    width: 50%;
    padding-left: 30px;
    padding-top: 40px;
}
.point_step_07 .point_img {
    width: 50%;
    padding-left: 40px;
}
.point_step_07 .point_img img {
    width: 80%;
}
.point_number .number {
    /*  width: 90px;*/
    font-size: 2.857rem;
    color: #00578e;
}
.point_step_05 .point_number .number,
.point_step_05 .point_number .title,
.point_step_06 .point_number .number,
.point_step_06 .point_number .title,
.point_step_07 .point_number .number,
.point_step_07 .point_number .title {
    color: #a0936c;
}
.point_number .title {
    font-size: 1.714rem;
    color: #00578e;
    line-height: 3rem;
    font-weight: 500;
}
.point_number .text {
    font-size: 1.286rem;
    color: #3e3a39;
    line-height: 2.143rem;
    padding-top: 20px;
}
.banner {
    margin-top: 40px;
}
.banner .line {
    text-align: center;
    padding: 0px 20px;
    max-width: 620px;
    margin: 0 auto;
}
.lineup_wrapper {
    /*  overflow: hidden;*/
    position: relative;
}
.line_item {
    opacity: 0;
}
.lineup-button-next,
.lineup-button-prev {
    width: 40px;
    position: absolute;
}
.btn_lineup {
    width: 100%;
    text-align: center;
    padding-top: 100px;
}
.btn_lineup_all {
    color: #ffffff;
    border-radius: 20px;
    border: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    width: 100%;
    position: relative;
    max-width: 280px;
    margin: 0px 10px;
    background-color: #00578e;
}
.lineup-button-next {
    right: -60px;
    top: calc(50% - 20px);
}
.lineup-button-prev {
    left: -60px;
    top: calc(50% - 20px);
}
.line .line_title {
    font-size: 1.286rem;
    color: #3e3a39;
    font-weight: 500;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 20px;
}
.banner .line p {
    line-height: 2.286rem;
    font-size: 1.143rem;
    color: #3e3a39;
}
.banner .check {
    background-color: #b5ab85;
    color: #ffffff;
    border-radius: 20px;
    padding: 2px 30px;
    display: inline-block;
    margin-bottom: 10px;
}
.banner .line_img {
    /*  max-width: 400px;*/
    margin: 10px auto;
}
.banner .title {
    font-size: 1.714rem;
    color: #606060;
    line-height: 3rem;
    font-weight: bold;
}
.banner .title span {
    color: #ff0000;
}
.banner .text {
    font-size: 1rem;
    color: #4d4d4d;
}
.video__story {
    margin-top: 40px;
}
.section_story_point {
    background-image: url("../../images/background_story_point.jpg");
    background-size: cover;
    background-position: center;
    margin-top: 30px;
}
.clear_box {
    padding-bottom: 100px;
}
.story_bg_inner_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.video__story_01,
.video__story_02 {
    padding-top: 60px;
    padding-bottom: 20px;
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
    background-color: rgba(255, 255, 255, 0.45);
    max-width: 1595px;
    margin: 0 auto;
}
.video__story_01__img,
.video__story_01__null,
.video__story_02__null,
.video__story_02__img {
    width: 50%;
}
.video__story_01__img_sp,
.video__story_02__img_sp {
    display: none;
}
.img_01 {
    width: 105px;
    position: absolute;
    top: -40px;
    right: -50px;
}
.video__story_02__null {
    padding-right: 40px;
    width: 55%;
}
.video__story_02__img {
    width: 45%;
}
.br800 {
    display: none;
}
.video__story_02__null.edit,
.video__story_02__img.edit {
    width: 50%;
}
.video__story_02__img .img_02 {
    width: 100%;
}
.video__story_01__null {
    padding-left: 40px;
}
.icon__next_img {
    width: 40px;
    margin: 60px auto;
}
.video__story_01__null.edit {
    /*  padding-bottom: 40px;*/
    display: flex;
    align-items: center;
}
.video__story_02__null.edit {
    padding-right: 0;
    display: flex;
    align-items: center;
}
.video__story_02__img.edit {
    padding-left: 40px;
}
.story_bg_inner_img img {
    width: 40px;
}
.story_text_p1 {
    color: #00578e;
}
.story_bg_inner_text_wrapper {
    border: 3px solid #a0936c;
    margin-top: 30px;
    padding-bottom: 20px;
    position: relative;
}
.column__text {
    width: 100%;
}
.column__text p {
    line-height: 1.857rem;
    padding: 0px 10px;
}
.column__title {
    padding: 10px 24px;
    text-align: center;
    position: relative;
}
.column__title:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-color: #a0936c;
    color: #ffffff;
    content: "COLUMN";
    padding: 8px 20px;
    font-size: 0.714rem;
}
.column__title p {
    border-bottom: 2px dotted #a0936c;
    padding-bottom: 10px;
    padding-top: 5px;
    font-weight: bold;
}
.story_text_p2 {
    font-size: 1.714rem;
    font-weight: 500;
    color: #3e3a39;
    padding-top: 10px;
    padding-bottom: 10px;
}
.story_text_p3 {
    font-weight: 500;
    color: #3e3a39;
    font-size: 1.214rem;
}
.video__story_01_inner,
.video__story_02_inner {
    max-width: 1300px;
    margin: 0 auto;
}
.story_bg_inner {
    display: flex;
    padding-bottom: 10px;
    flex-direction: column;
}
.point_step_inner {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 2rem;
    margin-top: 20px;
}
.point_text {
    text-align: center;
}
.point_text img {
    width: 100px;
    margin-top: 30px;
}
.webinvitation {
    background-color: #ffffff;
    padding: 10px 0px;
}
.title_spec {
    background-color: #ffffff;
    text-align: center;
    padding-top: 20px;
}
.title_spec p {
    font-size: 2rem;
    color: #00578e;
    text-align: center;
    font-weight: 600;
    padding-bottom: 10px;
    position: relative;
    display: inline-block;
    padding-top: 25px;
}
.title_spec p img {
    position: absolute;
    left: -43px;
    top: 0px;
    width: 80px;
}
.step_pick_inviation {
    background-color: #ffffff;
}
.title_spec2 {
    background-color: #ffffff;
    text-align: center;
    padding-top: 5px;
}
.title_spec2 p {
    font-size: 2rem;
    color: #00578e;
    text-align: center;
    font-weight: 600;
    padding-bottom: 10px;
    position: relative;
    display: inline-block;
    padding-top: 25px;
}
.title_spec2 p img {
    position: absolute;
    left: -55px;
    top: 5px;
    width: 80px;
}
.title_spec4 {
    text-align: center;
    padding-top: 5px;
}
.top__flex {
    display: flex;
    padding: 10px 20px;
    padding-bottom: 30px;
    gap: 10px;
    flex-direction: column;
}
.top__flex .top__flex-item {
    width: calc(50% - 5px);
    width: 100%;
}
.top__flex-item.edit {
    position: relative;
}
.spec0 {
    position: absolute;
    background-color: #9f926c;
    color: #fff;
    border-radius: 50%;
    font-size: 2.143rem;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-weight: bold;
    top: -20px;
    left: -10px;
}
.spec0 span {
    color: #fff;
    font-size: 1rem;
}
.top__flex-item p {
    font-size: 0.714rem;
    color: #3e3a39;
    text-indent: -66px;
    padding-left: 66px;
    padding-top: 5px;
    font-weight: bold;
}
.title_spec4 p {
    font-size: 3.214rem;
    color: #3a3e39;
    text-align: center;
    font-weight: 600;
    position: relative;
    display: inline-block;
    padding-top: 25px;
}
.title_spec4 p span {
    color: #00578e;
}
.title_spec4 .title_spec4_p {
    font-size: 2.143rem;
    padding-top: 0;
    padding-bottom: 10px;
}
.title_spec4 p img {
    position: absolute;
    left: -55px;
    top: 5px;
    width: 80px;
}

.bubble-outer {
    background: #00578e;
    clip-path: polygon(
    0% 0%, 100% 0%, 100% 90%,
    53% 90%, 50% 97%, 47% 90%, 0% 90%
    );
    padding: 2px;
    padding-top: 1px;
}

.bubble-inner {
    background: #fff;
    clip-path: polygon(
    0% 0%, 100% 0%, 100% 90%,
    53% 90%, 50% 97%, 47% 90%, 0% 90%
    );
    padding: 20px;
}
.step_pi p {
    color: #00578e;
    padding-bottom: 10px;
    font-weight: 500;
}
.step_pi_title {
    font-size: 1.286rem;
    text-align: center;
    color: #3e3a39;
    font-weight: 600;
}
.w_p1 {
    color: #9f926c;
    text-align: center;
    font-size: 1.143rem;
}
.w_p2 {
    color: #3e3a39;
    text-align: center;
    font-size: 1.143rem;
    font-weight: 600;
}
.point_item_text p {
    font-size: 0.857rem;
    color: #00578e;
    font-weight: bold;
}
.point__item.hidden2 {
    visibility: hidden;
}
.pt_1 {
    font-size: 0.786rem;
    color: #000;
    font-weight: bold;
}
.pt_2 {
    font-size: 1rem;
    color: #00578e;
    font-weight: 600;
    padding-bottom: 10px;
    line-height: 1.857rem;
}
.point_item_text {
    text-align: center;
}
.point_text_inner {
    display: flex;
    flex: 1 5 auto;
    height: 100%;
}
.text_title {
    color: #3e3a39;
    font-size: 1.143rem;
    display: flex;
    align-items: center;
    padding-left: 20px;
}
.number_title {
    background-color: #00578e;
    padding: 0px 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.number_title p {
    white-space: nowrap;
}
.number_title .text {
    font-size: 1.857rem;
    white-space: nowrap;
}
.point_img {
    padding: 20px;
    display: flex;
    flex: 1 1 auto;
    height: 100%;
    background-color: #fff;
}
.point_img img {
    object-fit: contain;
    /*  max-width: 320px;*/
    margin: 0 auto;
}
.point_img.edit img {
    max-width: 320px;
}
.point_step {
    width: calc(100% - 2rem);
    border: 2px solid #00578e;
    margin: 20px;
    display: flex;
    height: 100%;
    flex-direction: column;
}
.design_title p {
    font-size: 1.286rem;
    line-height: 2.571rem;
    color: #3e3a39;
    font-weight: 500;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 20px;
}

.lineup_list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0px 10px;
}
.lineup_list .item {
    width: calc(100% / 3);
    padding: 0px 10px;
    font-size: 1rem;
    text-align: center;
    margin-bottom: 10px;
}
.lineup_list .item .name {
    padding-top: 10px;
}
.lineup_list .item.edit {
    width: calc(100% / 3);
}
.guide_list {
    background-color: #dff0f4;
    padding: 30px 60px;
    margin: 40px auto;
}
.guide_list .item {
    border-radius: 25px;
    display: flex;
    padding: 0px 20px;
    background-color: #ffffff;
    max-width: 900px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.step_number {
    width: 80px;
}
.step_content .img {
    width: 140px;
}
.step_number-inner {
    position: relative;
}
.step_number .img_step {
    position: absolute;
    top: 19px;
    color: #ffffff;
    writing-mode: vertical-lr;
    left: 5px;
    padding: 2px;
}
.step_number .img_number {
    color: #ffffff;
    font-size: 3.214rem;
    position: absolute;
    top: 0;
    left: 32px;
    padding: 8px;
    margin-top: 7px;
}
.guide_list .item .step_content {
    width: 100%;
    width: calc(100% - 75px);
    display: flex;
    justify-content: space-between;
    padding-left: 40px;
}
.guide_iner .title {
    font-size: 2.143rem;
    /*  padding-top: 20px;*/
    color: #00578e;
    padding-bottom: 10px;
}
.guide_iner {
    padding-top: 20px;
    padding-bottom: 20px;
}
.guide_iner .text {
    font-size: 1.429rem;
}
.guide_iner .text span {
    display: inline-block;
    line-height: 1.857rem;
    margin-bottom: 5px;
}
.faq_content {
    padding: 20px;
    padding-bottom: 40px;
    padding-top: 0;
}
.faq_q,
.faq_a {
    display: flex;
    align-items: flex-start;
}
.faq_q img,
.faq_a img {
    width: 32px;
    margin-right: 10px;
    margin-top: 8px;
}
.faq_q {
    padding-bottom: 10px;
    padding-top: 10px;
}
.faq_q p,
.faq_a p {
    font-size: 1.143rem;
    line-height: 2.286rem;
}
.faq_title {
    display: flex;
    align-items: center;
    text-align: center;
    color: #3e3a39;
    padding-top: 20px;
    padding-bottom: 10px;
    justify-content: center;
}
.faq_title span {
    padding: 0 60px;
    font-size: 1.214rem;
    font-weight: 600;
}
.slider_text {
    background-color: #ffffff;
    width: 60%;
    padding: 60px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
}
.slide_text {
    position: absolute;
    width: 30%;
    left: 20px;
    top: 20px;
    z-index: 1;
}
.slider_fade {
    width: 100%;
    overflow: hidden;
}
.slider_fade_swiper {
    width: 100%;
    height: calc(100vh - 135px);
}
.slider_fade_swiper .swiper-slide {
    width: 100%;
    height: calc(100vh - 135px);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.slider__top_picture img {
    width: auto;
    height: 100%;
}
.phone_position {
    height: calc(100vh - 300px);
    min-height: 300px;
    margin-top: 80px;
}
.slide_text .phone_position {
    height: calc(100vh - 410px);
    min-height: 200px;
    margin-top: 60px;
}
.slide_text .phone_position img {
    max-width: none;
}
.phone_position_sp {
    display: none;
}
.slider__top-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
}
.slider__top {
    display: block;
    position: relative;
}
.slider__top .slider__top_picture {
    width: 100%;
}
.slider_text_btn .btn_action {
    background-color: #00578e;
    border-radius: 20px;
    color: #ffffff;
    width: 280px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    margin: 0 auto;
    margin-bottom: 20px;
}
.slider_text_btn .btn_login {
    background-color: #ffffff;
    border-radius: 20px;
    color: #00578e;
    width: 280px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    margin: 0 auto;
    border: 1px solid #00578e;
}
.slider_text_btn .btn_login:hover {
    background-color: #00578e;
    color: #ffffff;
}
.slider_text2 {
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0 auto;
    max-width: 400px;
}
.slider_text2 p {
    text-indent: -16px;
    padding: 0px 16px;
    line-height: 2.286rem;
    font-weight: 500;
    color: #3e3a39;
}
.slider_text2 p img {
    width: 20px;
    margin-right: 7px;
    padding-bottom: 7px;
}
.slider_text2 p span {
    font-size: 0.714rem;
    letter-spacing: 0;
}
.flow_content {
    display: flex;
    align-items: stretch;
    margin-top: 40px;
}
.flow_content .item {
    width: 25%;
    padding-bottom: 40px;
}
.flow_content .item.item1 {
    background-color: #f7efef;
}
.flow_content .item.item2 {
    background-color: #e4e9ed;
}
.flow_content .item.item3 {
    background-color: #f7efef;
}
.flow_content .item.item4 {
    background-color: #e9e9ed;
}
.flow_content .item .img1 {
    margin: 0 auto;
    padding: 0px 40px;
}
.flow_content .item .img2 {
    margin: 0 auto;
    margin-top: 40px;
    padding: 0 35px;
}
.flow_content .item .img3 {
    /*  max-width: 170px;*/
    margin: 0 auto;
    padding: 0px 40px;
}
.flow_content .item .img9 {
    padding: 30px 40px 0px 20px;
}
.flow_content .item .item_p1 {
    color: #567f8c;
    text-align: center;
    padding: 20px 0px;
    font-weight: bold;
}
.flow_content .item .item_p2 {
    color: #e38080;
    text-align: center;
    font-weight: bold;
    padding: 20px 0px;
}
.flow_content .item p {
    text-align: center;
    font-size: 1.143rem;
}
.flow_content .item .text_p3 {
    color: #6a698f;
    font-weight: bold;
    padding-top: 20px;
}
.flow_content .item .text_p1 {
    color: #d07775;
    font-weight: bold;
    padding-top: 20px;
}
.flow_content .item .text_p4 {
    color: #6885a6;
    font-weight: bold;
    padding-top: 20px;
}
.flow_content .item .text_p2 {
    text-align: center;
    line-height: 2.214rem;
}
.flow_content .item .img4 {
    max-width: 142px;
    margin: 0 auto;
    margin-top: 40px;
    position: relative;
    margin-right: 90px;
}
.flow_content .item .img5 {
    max-width: 138px;
    margin: 0 auto;
    margin-top: 20px;
    right: 30px;
    position: absolute;
    z-index: 2;
}
.flow_content .item .img6 {
    max-width: 146px;
    margin: 0 auto;
    margin-top: 20px;
    position: absolute;
    left: -62px;
    z-index: 2;
}
.flow_content .item .img7 {
    max-width: 147px;
    margin: 0 auto;
    margin-top: 20px;
    position: relative;
}
.img_phone {
    display: flex;
    position: relative;
}
.next_img p {
    padding-bottom: 20px;
}
.flow_content .item1,
.flow_content .item3,
.flow_content .item4 {
    position: relative;
}
.next_img4,
.next_img5,
.flow_content .item5,
.banner .line2 {
    display: none;
}
.line_lineup {
    height: 20px;
}
.lineup_price_2 .btn button.edit {
    display: none;
}
.header_fix {
    height: 100px;
    width: 100%;
    display: none;
}
.header_fix-inner {
    height: 100px;
    position: fixed;
    background-color: #fff;
    width: 100%;
    z-index: 99999;
}
.menu {
    position: sticky;
    top: 100px;
    z-index: 999;
    z-index: 10;
}
.header_fix-inner,
.header_btn {
    display: flex;
    align-items: center;
}
.logo_header {
    width: 50%;
    width: 30%;
    padding-left: 20px;
}
.header_view img,
.header_login img,
.header_partner img {
    width: 20px;
    position: absolute;
    top: 11px;
    right: 10px;
}
.header_partner:hover {
    background-color: #00578e;
    color: #ffffff;
}
.header_partner {
    background-color: #00578e;
    color: #ffffff;
}
.header_view,
.header_login,
.header_partner {
    border-radius: 4px;
    color: #ffffff;
    border: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    width: 30%;
    position: relative;
    max-width: 280px;
    margin: 0px 10px;
}
.notification_important {
    background-color: #a0936c;
    cursor: pointer;
    position: relative;
}
.notification_important p {
    color: #ffffff;
    font-size: 1.286rem;
    text-align: center;
    padding: 5px 0px;
}
#notification_important_content {
    display: none;
    position: absolute;
    top: 100%;
    width: 100%;
    padding: 10px;
    background: #ffffff;
    text-align: center;
    z-index: 999;
    border: 2px solid #000;
}
#notification_important_content p {
    color: #000;
    text-align: left;
    padding: 0px 40px;
    font-size: 1rem;
    display: inline-block;
}
.btn__footer {
    display: none;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    justify-content: center;
    z-index: 10000;
    background-color: rgba(255, 255, 255, 0.8);
    bottom: 0;
    position: fixed;
    padding: 20px 0px;
}
.btn__footer .btn-footer {
    border-radius: 10px;
    color: #ffffff;
    border: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    width: 100%;
    position: relative;
    max-width: 280px;
    margin: 0px 10px;
    background-color: #00578e;
    color: #ffffff;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
    margin: 0px 20px;
    border: 1px solid #00578e;
}
.btn__footer .btn-footer.edit {
    color: #00578e;
    background-color: #fff;
}
.btn__footer .btn-footer p {
    display: inline-block;
}
.btn__footer .btn-footer span {
    font-size: 0.714rem;
    display: block;
    text-align: left;
}
.btn__footer .btn-footer img {
    width: 16px;
    margin-left: 16px;
}
.title_intro {
    font-size: 2.143rem;
    color: #00578e;
    text-align: center;
    padding-top: 140px;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 2.857rem;
}
.section-intro {
    text-align: center;
}
.sub_intro {
    font-size: 1rem;
    font-weight: bold;
    color: #00578e;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 2.857rem;
    margin: 0 auto;
}
.btn_regis {
    border-radius: 4px;
    color: #ffffff;
    border: 0;
    padding: 12px 20px;
    text-align: center;
    position: relative;
    max-width: 260px;
    margin: 0px 10px;
    background-color: #00578e;
    margin-bottom: 40px;
    width: 100%;
}
.text_intro {
    text-align: center;
    font-size: 1rem;
    line-height: 2rem;
    padding-top: 10px;
    padding-bottom: 20px;
}
.header_btn {
    width: 70%;
}
.header_view {
    background-color: #a0936c;
}
.header_login {
    background-color: #00578e;
    color: #ffffff;
}
.header_login .normal {
    display: none;
}
.header_login:hover {
    background-color: #00578e;
    color: #ffffff;
}
.header_login:hover .normal {
    display: block;
}
.header_login:hover .hover {
    display: none;
}
.header_btn {
    justify-content: end;
}
.slick-menu {
    display: none;
}
.slicknav_menu {
    display: none;
    background: #fff;
}
.modal-preview .preview {
    height: 600px;
}
.modal-preview .preview iframe {
    width: 100%;
    height: 580px;
}
.modal-preview .btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.modal-preview.iziModal {
    z-index: 99999 !important;
}
.secction_flow,
.secction_faq,
.secction_point {
    max-width: 1100px;
    margin: 0 auto;
}
.secction_flow {
    margin-top: -2px;
    padding-bottom: 40px;
    
}

.secction_faq {
    margin-top: 0;
    padding-bottom: 10px;
}
.secction_point {
    max-width: 1400px;
    margin-top: 100px;
}
.section_design {
    width: 100%;
    margin: 0 auto;
}
.section_design_inner {
    padding: 0px 40px;
    max-width: 795px;
    margin: 0 auto;
}
.section_design .img_content p {
    font-size: 1rem;
    line-height: 2rem;
    margin-bottom: 10px;
}
.space_item1 {
    background-color: #fdfafa;
    height: 30px;
    margin-top: 20px;
}
.space_item2 {
    background-color: #f6f8fa;
    height: 30px;
    margin-top: 20px;
}
.space_item3 {
    background-color: #fdfafa;
    height: 30px;
    margin-top: 20px;
    line-height: 2.214rem;
    text-align: center;
}
.space_item4 {
    background-color: #f7f7f9;
    height: 30px;
    margin-top: 20px;
}
.flow_content .item .space_item1 {
    position: relative;
}
.flow_content .item .space_item1 p {
    position: absolute;
    right: -30px;
    top: 4px;
}
.flow_content .item .img7 .next_img img {
    width: 20px;
    padding: 2px;
}
.next_img {
    position: absolute;
    top: calc(50% - 20px);
    right: -28px;
}
.next_img img {
    width: 20px;
    padding: 2px;
}
.next_img2 {
    right: -24px;
    top: calc(50% - 20px);
}
.next_img3 {
    right: inherit;
    left: -40px;
    top: calc(50% - 20px);
}
.modal-preview .iziModal-header {
    display: none !important;
}
.modal-preview.iziModal .in {
    padding: 0;
}
.iziModal.modal-preview {
    max-width: 100% !important;
    height: 100% !important;
}
.iziModal.modal-preview .iziModal-wrap {
    height: 100% !important;
}
.iziModal.modal-preview .iziModal-content {
    width: 100%;
    height: 100%;
}
.iziModal.modal-preview .in {
    height: 100%;
}
.modal-preview .preview {
    height: calc(100% - 40px);
}
.modal-preview .preview iframe {
    width: 100%;
    height: 100%;
}
.fast_invitation_btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: beige;
    z-index: 9999;
    border: 1px solid #bdbdbd;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.text-l,
.text-r {
    min-height: 34px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.text-r {
    justify-content: end;
}
.gifts .line {
    width: 175px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: end;
}
.secction_webinvitation .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}
.secction_webinvitation .swiper-wrapper {
    transition-timing-function: linear !important;
    position: relative;
}
.slider__webinvitation, .slider__paperinvitation {
    margin-top: 40px;
    margin-bottom: 20px;
}
.slider__webinvitation .casual_image-inner, .slider__paperinvitation .casual_image-inner {
    overflow: hidden;
}
.secction_webinvitation .swiper--top, .slider__paperinvitation .swiper--top2 {
    width: 100%;
}
.slider__webinvitation .swiper-slide {
    text-align: center;
    font-size: 2.357rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    position: relative;
    overflow: hidden;
    width: 200px !important;
    width: 240px !important;
    padding: 0px 10px;
    box-sizing: border-box;
}
.slider__paperinvitation .swiper-slide {
    text-align: center;
    font-size: 2.357rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    position: relative;
    overflow: hidden;
    width: 244px !important;
    padding: 0px 10px;
    box-sizing: border-box;
}
.slider__paperinvitation .fade {
    height: 100%;
    padding: 10px;
}
.slider__paperinvitation .slick-slide img {
    padding: 0px 8px;
}
.slider__paperinvitation .slick-slide img {
    height: 100%;
    object-fit: cover;
}
.secction_webinvitation .btn p {
    font-size: 1.2rem;
    line-height: 2;
    padding-bottom: 40px;
}
.secction_webinvitation {
    padding-bottom: 20px;
}
.section_card-list .swiper-slide {
    padding: 0 4px;
}
@-webkit-keyframes line-slide {
    0% {
        background-position: -5% 0;
    }
    100% {
        background-position: 100% 0;
    }
}
@keyframes line-slide {
    0% {
        background-position: -5% 0;
    }
    100% {
        background-position: 100% 0;
    }
}
.logo_header .cls-1 {
    fill: #00578e;
}
.logo_header .cls-2 {
    font-size: 1.571rem;
    fill: #3e3a39;
    font-family: "Noto Serif JP", "Yu Mincho", "游明朝", serif;
    letter-spacing: 0.02em;
}
.slider_text_img .cls-1,
.slider_text_img .cls-2,
.slider_text_img .cls-3 {
    fill: #00578e;
}
.slider_text_img .cls-2,
.slider_text_img .cls-3 {
    font-size: 2.657rem;
    letter-spacing: 0.02em;
}
.slider_text_img .cls-2 {
    font-family: "Noto Serif JP", "Yu Mincho", "游明朝", serif;
    font-weight: 300;
}
.slider_text_img .cls-3 {
    font-family: "Noto Serif JP", "Yu Mincho", "游明朝", serif;
}


.video_wrapper {
    text-align: center;
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    position: relative;
    margin-top: 5px;
}
.btn__video {
    border: 0;
    outline: none;
    background-color: transparent;
    width: calc(100% - 80px);
    margin: 0 auto;
    position: relative;
}
.section__video {
    width: 100%;
    margin: 0 auto;
    padding-top: 30px;
    background-color: #e0f1f4;
}
.t_story p {
    font-size: 1.929rem;
    text-align: center;
    color: #9f926c;
    color: #00578e;
    padding-top: 20px;
}


.a1 {
    text-align: center;
    color: #9f926c;
    font-weight: bold;
    font-size: 1.5rem;
}
.a1 .a1_p1 span {
    font-size: 1.143rem;
    color: #3e3a39;
}
.a1 .a1_p1 {
    position: relative;
}
.a1_img {
    margin-top: -10px;
}
.section__a2 {
    background-color: #f5f2e9;
    padding: 20px 30px;
}
.a1 .a1_p2 {
    position: relative;
    color: #00578e;
}
.a2_item {
    background-color: #ffff;
    padding: 10px 20px;
    text-align: center;
    position: relative;
    margin-top: 20px;
    font-weight: 500;
    color: #3e3a39;
    height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.214rem;
}
.a2_item:before {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 7px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../../images/phet1.png");
    width: 27px;
    height: 18px;
    background-size: contain;
}
.a2_item:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 7px;
    right: 7px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../../images/phet2.png");
    width: 27px;
    height: 18px;
    background-size: contain;
}
.a2_t1 {
    text-align: center;
    max-width: 120px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.cls-1_weddinginvitation {
    fill: #9f926c;
    font-family: Gabriola, sans-serif;
    font-size: 0.714rem;
}
.a2_t2 {
    color: #3e3a39;
    text-align: center;
    font-size: 1.214rem;
    font-weight: 500;
}
.btn__video_icon_play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 37px;
}
.closePopup__video {
    position: absolute;
    top: -50px;
    right: 0px;
    padding: 10px 10px;
    cursor: pointer;
    border-radius: 5px;
    border: 0;
}
.modal__video-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    align-items: center;
    justify-content: center;
    z-index: 99999;
}
.modal__video {
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    max-width: 820px;
    aspect-ratio: 16 / 9;
    width: 100%;
    position: relative;
}
.video_wrapper iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    /*    display: none;*/
}
.story_wrapper {
    padding-top: 100px;
    max-width: 1600px;
    margin: 0 auto;
}
.story_item-text {
    text-align: center;
    margin-top: 20px;
}
.story_item-text h3 {
    color: #00578e;
    font-size: 1rem;
    font-weight: 500;
    position: relative;
    display: inline-block;
}
.story_item-text h3:before {
    content: "";
    display: block;
    width: 25px;
    height: 1px;
    position: absolute;
    left: -30px;
    background-color: #00578e;
    top: 10px;
}
.story_item-text h3:after {
    content: "";
    display: block;
    width: 25px;
    height: 1px;
    position: absolute;
    right: -30px;
    background-color: #00578e;
    top: 10px;
}
.story_item-text p {
    font-size: 1rem;
    padding-top: 15px;
    line-height: 1.714rem;
}
.story_wrapper .story_item {
    display: flex;
    flex-direction: column;
    /*  max-width: 260px;*/
    position: relative;
    margin: 0 10px;
    align-items: center;
    width: calc(30% - 35px) !important;
    padding: 0px 10px;
}
.story_wrapper .story_item.edit {
    /*  max-width: 500px;*/
    width: calc(40% - 90px) !important;
}
.story_wrapper .story_item.edit2 {
    padding-left: 20px;
    padding-right: 0;
}
.story_item-imgs {
    display: flex;
}
.story_item-imgs-img {
    width: 50%;
}
.story_item .arrow {
    width: 30px;
}
.story_wrapper .swiper-wrapper {
    justify-content: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.story_wrapper .arrow img {
    position: absolute;
    width: 30px;
    top: 215px;
    top: 60%;
    right: -38px;
    z-index: 10;
}
.story_item_inner {
    position: relative;
}
.story-button-prev,
.story-button-next {
    display: none;
}
.secction_point .title__ {
    text-align: center;
}
.secction_point .title2 {
    font-size: 1.714rem;
    color: #3e3a39;
    font-weight: 500;
    text-align: center;
    padding: 20px 20px;
    padding-top: 60px;
    position: relative;
    display: inline-block;
}
.secction_point .title2:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 12px;
    left: 0;
    background-color: #dff0f4;
    width: 100%;
    height: 25px;
    z-index: -1;
    border-radius: 60%;
}
.secction_point .title3 {
    font-size: 1.714rem;
    color: #3e3a39;
    font-weight: 500;
    text-align: center;
    padding: 60px 90px;
    padding-top: 160px;
    position: relative;
    display: inline-block;
}
.secction_point .title3:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 50px;
    left: 0;
    background-color: #dff0f4;
    width: 100%;
    height: 25px;
    z-index: -1;
    border-radius: 60%;
}
.point_step_02 .point_img img,
.point_step_01 .point_img img,
.point_step_05 .point_img img,
.point_step_06 .point_img img {
    width: 80%;
}
.guide_iner .text a {
    color: #ffffff;
    background-color: #00578e;
    border-radius: 20px;
    padding: 5px 10px;
    margin-left: 10px;
    text-decoration: none;
    white-space: nowrap;
    line-height: 3.571rem;
}
.guide_iner .title.edit {
    padding-bottom: 0;
}

.law-btn {
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}
.law-btn a {
    border-radius: 30px;
    color: #ffffff;
    border: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    width: 40%;
    position: relative;
    max-width: 280px;
    margin: 0px 10px;
    background-color: #00578e;
    background-color: #a0936c;
    color: #ffffff;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
}
.law-btn a {
    display: block;
    padding: 12px 0 12px 0;
    width: 70%;
    margin: 0 auto;
    margin-bottom: 10px;
}
.pc-hide {
    display: none;
}
.bg__top {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../../images/bg__top.jpg");
}
.accordion-item {
    background-color: #fff;
    margin: 1rem 0;
    border-radius: 0.5rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}
.accordion-item-header {
    padding: 0.5rem 3rem 0.5rem 1rem;
    min-height: 3.5rem;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}
.accordion-item-header::after {
    content: "\002B";
    font-size: 2rem;
    position: absolute;
    right: 1rem;
}
.accordion-item-header.active::after {
    content: "\2212";
}
.accordion-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.accordion-item-body-content {
    padding: 1rem;
}

@keyframes moveSlider {
    from {
        transform: translateX(40vw);
    }
    to {
        transform: translateX(0);
    }
}

.t1 .t1-2 {
    font-weight: bold;
    font-size: 2.8rem;
    line-height: 2.8rem;
}
.t2 .t2-2 {
    font-weight: 600;
    font-size: 1.286rem;
    max-width: 100px;
}

.lineup_list {
    padding: 0;
}
.line_t2 {
    padding: 0px 40px 30px 40px;
    margin: 0 auto;
    max-width: 480px;
}
.price_tax {
    font-size: 0.857rem;
    font-size: 1rem;
}
.right_content_title2 {
    font-weight: bold;
    font-size: 1.071rem;
    padding-top: 10px;
}
.right_content_title {
    font-size: 1rem;
}
.p_right_1 {
    padding-top: 10px;
    padding-bottom: 30px;
    color: #cccccc;
}
.p_right_2 {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 0.857rem;
}
.p_right_3 {
    font-size: 0.857rem;
}
.p_right_4 {
    font-size: 1rem;
    padding-top: 10px;
}
.p_right_5 {
    font-size: 0.857rem;
    padding-bottom: 10px;
}
.accordion-item-body-content {
    background-color: #ffffff;
}
.right_content_flex-img img {
    width: 160px;
    margin-right: 10px;
    border: 1px solid #ccc;
}
.right_content_flex {
    display: flex;
    padding-top: 10px;
    padding-bottom: 20px;
}



.bg_edit {
    background-color: #fff;
    padding: 30px 0px;
    position: relative;
    margin-top: 20px;
    clip-path: polygon(0% 0%, 47% 0%, 50% 10%, 53% 0%, 100% 0%, 100% 100%, 0% 100%)
}


.point__title {
    background-color: #00578e;
    color: #fff;
    font-size: 1.714rem;
    text-align: center;
    padding-top: 2px;
    margin-bottom: 30px;
}
.point__sub {
    text-align: center;
    color: #00578e;
    font-size: 1.429rem;
    font-weight: 600;
}
.btn__more_point a {
    width: 160px;
    display: block;
    height: 24px;
    border-radius: 20px;
    text-align: center;
    font-size: 0.714rem;
    color: #000;
    background: #b8d0df;
    text-decoration: none;
    padding-top: 5px;
    margin: 0 auto;
    margin-bottom: 40px;
}
.btn__more_point2 a {
    width: 180px;
    display: block;
    height: 24px;
    border-radius: 20px;
    text-align: center;
    font-size: 0.714rem;
    color: #000;
    background: #b8d0df;
    text-decoration: none;
    padding-top: 5px;
    margin: 0 auto;
    margin-bottom: 40px;
}
.point__img_sample {
    padding: 10px;
}
.section_point .t1 {
    text-align: center;
    max-width: 120px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.section_point .t2 {
    color: #006697;
    text-align: center;
    font-size: 1.286rem;
    font-weight: 500;
}
.section_point {
    background-color: #ffffff;
}
.point__inner {
    margin-top: 20px;
}
.point__inner .flex {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    height: 100%;
}
.point__inner .flex .point__item {
    width: calc(50% - 10px);
    background-color: #fff;
    border-radius: 4px;

    display: flex;
    flex-direction: column;
    position: relative;
}
.point__inner .flex .point__item_inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 2px;
}
.point__inner .flex .point__item:before {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    border-bottom: 2px dashed #9f926c;
}
.point__inner .flex .point__item:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    border-right: 2px dashed #9f926c;
}
.point__inner .flex .point__item_inner:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 60%;
    height: 2px;
    border-top: 2px dashed #9f926c;
}
.point__inner .flex .point__item_inner:after {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 2px;
    height: calc(100% - 50px);
    border-left: 2px dashed #9f926c;
}
.point_item_img {
    margin-bottom: 10px;
}
.point__item p span {
    color: #3e3a39;
    font-size: 1.143rem;
}
.point__item_text {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    padding: 5px 0px;
}
.point__item_number img {
    width: 18px;
}
.point__item_number {
    position: absolute;
    top: -16px;
    left: 10px;
}
.poin__next {
    position: relative;
    margin: 40px auto;
    z-index: 1;
}
.poin__next-img {
    width: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.poin__next p {
    color: #3e3a39;
    font-size: 1.286rem;
    text-align: center;
    font-weight: 600;
}
.point__inner2 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.point__item2 {
    background-color: #ffffff;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
}
.point__item2:before {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    border-bottom: 2px dashed #9f926c;
}
.point__item2:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    border-right: 2px dashed #9f926c;
}
.point__item2_inner:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 60%;
    height: 2px;
    border-top: 2px dashed #9f926c;
}
.point__item2_inner:after {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 2px;
    height: calc(100% - 50px);
    border-left: 2px dashed #9f926c;
}
.point__item2-img {
    position: absolute;
    top: -10px;
    left: 10px;
    width: 20px;
}
.point__item2-img2 {
    position: absolute;
    top: -10px;
    left: 10px;
    width: 40px;
}
.point__item2 .t3 {
    color: #9f926c;
    font-size: 0.786rem;
    padding-top: 10px;
    font-weight: bold;
}
.point__item2_inner {
    padding: 10px;
}
.point__item2 .p1 {
    color: #3e3a39;
    font-size: 1.143rem;
    font-weight: 600;
    padding: 10px 0px;
}
.kitene {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.kitene img {
    width: 80px;
}
.kitene p {
    height: 2px;
    width: calc(100% - 90px);
    background-color: #00578e;
}
.accordion-item-header3 p {
    font-size: 1.429rem;
    color: #00578e;
    font-weight: bold;
    width: calc(100% - 40px);
    padding: 10px 0px;
}
.accordion-item-header3 {
    position: relative;
}
.accordion-item-header3:before {
    content: "";
    display: block;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../../images/minus.png");
    width: 20px;
    height: 5px;
    right: 15px;
    top: 35px;
}
.active.accordion-item-header3:before {
    content: "";
    display: block;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../../images/plus.png");
    width: 20px;
    height: 20px;
    right: 15px;
    top: 28px;
}
.accordion-item-body3 {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.accordion-item-body3 p {
    color: #3e3a39;
    font-weight: 500;
    font-size: 1.071rem;
}
.accordion-item-body3 p span {
    color: #00578e;
    font-weight: bold;
    font-size: 1.071rem;
}
.accordion-item-body3 img {
    margin: 10px auto;
}
#lineup {
    background-color: #fff;
    padding-top: 20px;
}
.secction_faq {
    background-color: #fff;
}
.secction_faq .t1 {
    text-align: center;
    max-width: 115px;
    margin: 0 auto;
    margin-bottom: 5px;
}
.secction_faq .t2 {
    color: #006697;
    text-align: center;
    font-size: 2rem;
    font-weight: 500;
}
.secction_flow .t1 {
    text-align: center;
    max-width: 90px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.secction_flow .t2 {
    color: #006697;
    text-align: center;
    font-size: 2rem;
    font-weight: 500;
    padding-top: 30px;
}

.flow_item {
    margin-bottom: 60px;
}
.flow_item-content {
    text-align: center;
    position: relative;
}
.flow_item__text {
    display: inline-block;
    text-align: left;
}
.flow_item__text p {
    padding-bottom: 5px;
    padding-top: 5px;
    text-indent: -20px;
    padding-left: 20px;
    font-weight: bold;
}
.flow_item-content p svg {
    width: 20px;
    margin-bottom: -3px;
}
.flow_item {
    border: 2px solid #00578e;
    background-color: #fff;
}
.flow__inner {
    padding: 20px 40px;
    padding-bottom: 0;
}
.flow_item-top {
    display: flex;
}
.flow_item-top .l {
    width: 110px;
    background-color: #00578e;
    color: #fff;
    
}
.flow_item-top .l p {
    padding:0px;
    text-align: center;
    font-size: 2.4rem;
    line-height: 0.8;
}
.flow_item-top .l p span {
    font-size: 1.1rem;
    font-weight: bold;
}
.flow_item-top .r {
    width: calc(100% - 80px);
    padding-left: 5px;
    padding-right: 10px;
    display: flex;
    align-items: center;
}
.flow_item-top .r p {
    font-weight: bold;
    color: #3E3A39;
    font-size: 1.357rem;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 6px;
}
.flow_item-content .arrow {
    width: 36px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + 20px);
}
.flow__inner2 p {
    text-align: center;
    color: #00578e;
    font-size: 1.286rem;
    font-weight: bold;
    padding-bottom: 20px;
}
#footer-inner .fr {
    border-top: 1px solid #ccc;
}
#footer-inner .fr .free {
    /* margin-top: 10px; */
}
#footer-inner .mail {
    /* margin-top: 10px; */
}
#footer-inner .fr .free .img {
    display: block;
    float: left;
    padding-right: 3px;
}
#footer-inner .fr .free .tel {
    font-size: 1.429rem;
    display: block;
    font-weight: 500;
}
#footer-inner .s {
    text-align: center;
}
.flow__inner2 img {
    padding: 0px 20px;
}
.flow__inner2 {
    padding-bottom: 20px;
}

.slider_fade .slick-slider {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: auto;
}

.slider_fade .slick-track {
    display: flex !important;
}

.slider_fade .slick-slider > div {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.slider__top-flex .l p {
    font-weight: bold;
    color: #3a3e39;
    font-size: 1.429rem;
    text-align: right;
}
.slider__top-flex .l p span {
    color: #00578e;
    font-weight: bold;
    font-size: 1.429rem;
}
.slider__top-flex .r p {
    font-weight: bold;
    color: #3a3e39;
    font-size: 1.429rem;
}
.slider__top-flex .r p span {
    color: #00578e;
    font-weight: bold;
    font-size: 1.429rem;
}
.slider__top-flex .l p img {
    width: 25px;
}
.slider__top-flex .r p img {
    width: 25px;
}
.slider__top-flex .c {
    margin-left: 10px;
    margin-right: 10px;
}
.top__1_p1 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #00578e;
    text-align: center;
}
.top__1_p1 span {
    color: #231815;
    font-weight: 600;
    font-size: 1.071rem;
}
.top__1_p2 {
    color: #231815;
    font-weight: 600;
    font-size: 2.286rem;
    text-align: center;
}
.js-anchor-link {
    cursor: pointer;
}
.top__1-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 20px;
}
.top__2-inner {
    width: 65%;
    margin-left: auto;
    margin-top: 30px;
}
.top__2-inner2 {
    background-color: #ffffff;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;

    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.special {
    width: 100%;
    position: relative;
}
.special p {
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
    padding-bottom: 5px;
}
.special p span{
    font-size: 1rem;
}
.ad {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
}
.ad img {
    width: 96%;
    margin: 0 auto;
}
.special_close {
    border: 0;
    background: transparent;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 2;
}
.special_close img {
    width: 100%;
}
.section__top {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../../images/bg__top.jpg");
}
.slider__top {
    background-color: #fff;
}
.top__2-inner2 {
    padding: 40px 20px;
}
.top__2-inner p {
    color: #797052;
    font-weight: 600;
    font-size: 0.857rem;
    text-align: center;
    padding: 10px 0px;
}
.slider__top {
    padding-top: 60px;
}
.top__2-inner2 {
    position: relative;
}
.top__2-inner2:before {
    content: "";
    display: block;
    position: absolute;
    top: 25px;
    left: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../../images/phet1.png");
    width: 27px;
    height: 18px;
    background-size: contain;
}
.top__2-inner2:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 25px;
    right: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../../images/phet2.png");
    width: 27px;
    height: 18px;
    background-size: contain;
}
.top_btn {
    border-radius: 10px;
    color: #ffffff;
    border: 0;
    padding: 3px 7px 3px 7px;
    padding-top: 12px;
    padding-bottom: 12px;
    position: relative;
    width: 130px;
    text-decoration: none;
    margin: 0px auto;
    background-color: #9f926c;
    font-weight: bold;
}

.custom_radio .radio-input {
    visibility: hidden;
    width: 0;
    height: 0;
}
.custom_radio .radio-label {
    position: relative;
    padding-left: 35px;
}
.custom_radio .radio-border {
    width: 20px;
    height: 20px;
    display: inline-block;
    outline: solid 1px #797052;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 0px;
}
.custom_radio .radio-label:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 2px;
    top: 2px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.custom_radio .radio-input2:after {
    transition: all 0.5s;
    background-color: #9f926c;
}
.custom_radio .radio-label {
    color: #9f926c;
}
.custom_radio {
    margin-bottom: 10px;
}
.top__2 {
    position: relative;
}
.top__2-img {
    position: absolute;
    top: 67px;
    left: -62px;
    width: 330px;
    z-index: 2;
    transform: rotate(5deg);
}
.top__2-inner {
    position: relative;
}
.top__2-inner:before {
    content: "";
    position: absolute;
    top: 30%;
    left: 0;
    transform: translateX(-50%);
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 18px solid #fff;
	}
	
	.scroll__sp {
		background:#fff;
    max-width: 640px;
    margin: 0 auto;
}

.fixed_left {
    width: calc((100% - 640px) / 2);
    height: calc(100vh - 100px);
    height: 100vh;
    position: fixed;
    z-index: 10;
    top: 100px;
    top: 0;
    left: 0;
    background-color: #999999;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../../images/bg__top_left.jpg");
    box-shadow: -10px 0px 40px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
}
.fixed_right {
    z-index: -1;
    position: fixed;
    top: 100px;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - 100px);
    height: 100vh;
    width: calc(100% - 640px);
    right: -20px;
    left: inherit;
}
/* task178368 p7 QR追加 start */
.fixed_right-overlay {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    height: 30%;
    padding: 1em 0;
    box-sizing: border-box;
    background-color: #E7F1F0;
}
.fixed_right-overlay img {
    grid-column: 2;
    justify-self: center;
    display: block;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    transform: translateX(-1em);
    object-fit: contain;
}
/* task178368 p7 QR追加 end */
.fixed__logo {
    /* max-width: 140px;
    margin-bottom: 30px; */
    max-width: 240px;
    margin-bottom: 30px;
}
.fixed_left {
    padding: 40px;
}
.fixed_left .p1 {
    color: #9f926c;
    font-size: 1.286rem;
}
.fixed_left .p2 {
    color: #3e3a39;
    font-size: 1.143rem;
    font-weight: bold;
    padding-bottom: 20px;
    font-family: "Noto Sans JP", sans-serif;
}
.fixed_left-inner {
    height: 100%;
    min-height: 625px;
}
.fixed_left-inner2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 100px);
}
.all-btn {
    display: flex;
    flex-direction: column;
}
.all-btn .btn-login,
.all-btn .btn-view,
.all-btn .btn-partner {
    width: 220px;
    height: 36px;
    border: 1px solid #00578e;
    color: #00578e;
    background-color: #fff;
    border-radius: 40px;
    position: relative;
    font-size: 1rem;
    line-height: 1.929rem;
    margin-bottom: 10px;
    font-weight: bold;
}
.all-btn .btn-login svg,
.all-btn .btn-view svg,
.all-btn .btn-partner svg {
    width: 8px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
#footer {
    max-width: 640px;
    margin: 0 auto;
}
#footer-inner {
    width: 96%;
    margin-bottom: 20px;
}
#footer-inner .fl {
    width: 100%;
    float: none;
    margin-bottom: 20px;
}
#footer-inner .fr {
    width: 100%;
    float: none;
}
.fixed_right-inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.custom_border {
    color: #3e3a39;
    font-size: 1.214rem;
    font-weight: bold;
}
.custom-border {
    position: relative;
    padding: 0.5rem 1.5rem;
    border-radius: 9999px;
    border: 4px solid #9f926c;
    position: relative;
    background-color: #ffffff;
    text-align: center;
}
.custom-border:before {
    content: "";
    display: block;
    position: absolute;
    top: -4px;
    right: 25px;
    width: 10px;
    height: 4px;
    background: #fff;
}
.custom-border:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -4px;
    left: 25px;
    width: 10px;
    height: 4px;
    background: #fff;
}
.custom-border2:before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    right: 25px;
    width: 8px;
    height: 4px;
    background: #9f926c;
    z-index: 1;
    border-radius: 40px;
}
.custom-border2:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    right: 36px;
    width: 8px;
    height: 4px;
    background: #9f926c;
    z-index: 1;
    border-radius: 40px;
}

.custom-border3:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 25px;
    width: 8px;
    height: 4px;
    background: #9f926c;
    z-index: 1;
    border-radius: 40px;
}
.custom-border3:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 36px;
    width: 8px;
    height: 4px;
    background: #9f926c;
    z-index: 1;
    border-radius: 40px;
}
.custom-border4 {
    position: relative;
    width: 140px;
}
.top__1-p {
    font-size: 1.071rem;
    color: #3e3a39;
    font-weight: bold;
    padding-left: 5px;
}
.top__1-img {
    margin-left: 4px;
    margin-right: 4px;
}
.slider_right .slick-slide img {
    object-fit: cover;
    object-position: center;
    height: calc(100vh - 100px);
    height: 100vh;
    width: 100%;
}
.step_pick_inviation {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../../images/bg__top.jpg");
}
.step_pi3 .step__condung_p {
    padding-top: 40px;
}
.step_pick_inviation .step_pi,
.step_pick_inviation .step__condung_p3,
.step_pi3 ,
.point__list,
.spp {
    background-color: #fff;
}

.step_pick_inviation .btn {
    text-align: center;
}
.step_pick_inviation .btn .btn_more {
    font-size: 0.857rem;
    color: #ffffff;
    background-color: #9f926c;
    border-radius: 20px;
    padding: 5px 30px;
    border: none;
    outline: none;
    margin-bottom: 10px;
    margin-top: 30px;
}
.title_spec3 {
    text-align: center;
}
.title_spec3 div {
    font-size: 1.286rem;
    color: #3e3a39;
    text-align: center;
    font-weight: 600;
    position: relative;
    display: inline-block;
    padding-top: 25px;
    padding-bottom: 0px;
}
.title_spec3 img {
    padding-left: 0px;
    width: 210px;
}
.title_spec3 p {
    font-size: 2rem;
    text-align: center;
    padding-top: 20px;
    display: block;
    color: #9f926c;
    padding-bottom: 20px;
}
.point__listA {
    border-top: 2px solid #00578e;
    position: absolute;
    width: calc(100% - 60px);
    left: 50%;
    transform: translateX(-50%);
}
.point__listA:before {
    content: '';
    position: absolute;
    top: -3px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 10px solid #fff;
    z-index: 2;
}
.point__listA:after {
    content: '';
    position: absolute;
    top: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 12px solid #00578e;
    z-index: 1;
}
.point__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0px 20px;
    position: relative;
}
.point__list .point__item {
    margin-bottom: 20px;
    flex-direction: column;
    display: flex;
    height: 100%;
    padding: 0px 20px;
}
.point__list .point__item .point_item_img {
    position: relative;
}
.point__list .point__item .point_item_img a {
    display: block;
    position: relative;
}
.point__list .point__item .point_item_img a .img_d {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    padding-bottom: 70%;
}
.img_d {
    display: flex;
    align-items: baseline;
    margin-top: 20px;
}
.point__list .point__item .point_item_img a .img_d1 {
    position: absolute;
    inset: 0px;
}
.point__list .point__item .point_item_img a .img_d1 img {
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0px;
    color: transparent;
}
.section__A {
    background-color: #fff;
    width: 100%;
}
.section__A-anchor {
    display: flex;
    justify-content: center;
}
.section__A-anchor a {
    text-decoration: none;
    color: #000;
    width: calc(25% - 10px);
    text-align: center;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}
.section__A-anchor a:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #000;
}
.section__A-anchor a:last-child:before {
    display: none;
}
.section__A-btn {
    display: flex;
    justify-content: center;
    padding-bottom: 40px;
}
.section__A-btn .btn_sample,
.section__A-btn .btn_create {
    border-radius: 15px;
    color: #ffffff;
    border: 0;
    padding-top: 6px;
    padding-bottom: 6px;
    position: relative;
    max-width: 280px;
    margin: 0px 15px;
    background-color: #00578e;
    text-decoration: none;
    width: 100%;
    max-width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    border: 1px solid #00578e;
    /* box-shadow: rgba(27, 58, 91, 1) 0px 6px 2px 0px; */
}
.section__A-btn .btn_sample img,
.section__A-btn .btn_create img {
    width: 20px;
    padding-left: 10px;
}
.btn-footer .btn-footer_d span {
    display: block;
    font-size: 0.714rem;
}
.section__A-btn .btn_sample {
    color: #00578e;
    background-color: #fff;
}
.section__A-btn .btn_create span {
    display: block;
    font-size: 0.714rem;
}
.section__top2 .section__A-btn {
    margin-top: 20px;
}
.section__top2 .section__A-btn .btn_sample,
.section__top2 .section__A-btn .btn_create {
    border-radius: 10px;
    font-weight: bold;
    font-size: 1rem;
}
.section__story {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../../images/bg__top.jpg");
    padding-top: 40px;
}
.section__story1 {
    position: relative;
}
.section__story1:before {
    position: absolute;
    z-index: 0;
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.5;
}
.section__story1-inner {
    position: relative;
}
.section__story1 img {
    max-width: 300px;
    display: block;
    margin: 0px auto;
    padding: 30px 0px;
}
.section__story1 .flex_img img {
    padding-top: 0;
    padding-bottom: 0;
}
.section__story1-inner .flex_a,
.section__story1-inner .flex_b {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0px 30px;
    width: 100%;
}
.section__story1-inner .flex_b {
    padding-bottom: 20px;
}
.section__story1-inner .flex_a .flex_text {
    width: calc(100% - 200px);
    font-size: 1rem;
    font-weight: 600;
}
.section__story1-inner .flex_b .flex_text {
    width: calc(100% - 160px);
    font-size: 1rem;
    font-weight: 600;
}
.section__story1-inner .flex_a .flex_img {
    max-width: 200px;
}
.section__story1-inner .flex_b .flex_img {
    max-width: 160px;
    padding-right: 20px;
}
.story__title {
    color: #9f926c;
    font-size: 1.857rem;
    text-align: center;
    font-weight: 600;
}
.story__title_sub {
    color: #000;
    font-size: 1rem;
    text-align: center;
    font-weight: 600;
    line-height: 2rem;
}
.section__story2 {
    padding-top: 40px;
}
.section__story2-step {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    padding: 25px 15px;
}
.section__story2-step .flex_c {
    display: flex;
    border: 1px solid #9f926c;
    width: calc(50% - 3px);
}
.flex_c_step {
    background-color: #9f926c;
    color: #fff;
    text-align: center;
    padding: 10px;
}
.flex_c_step_text {
    line-height: 1rem;
    font-size: 0.714rem;
    font-weight: 600;
}
.flex_c_step_number {
    line-height: 1.429rem;
    font-size: 1.429rem;
    font-weight: 600;
}
.flex_c_text {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.857rem;
    font-weight: bold;
    color: #231815;
    width: 100%;
    letter-spacing: 0.05rem;
    background-color: #fff;
}
.section__story2-s {
    padding: 0px 15px;
    padding-bottom: 40px;
}
.section__story2-s__item {
    background-color: #fff;
    width: 100%;
    border: 1px solid #9f926c;
    padding: 40px 10px;
}
.step__title {
    font-size: 1.143rem;
    font-weight: 600;
    color: #9f926c;
    text-align: center;
    padding-bottom: 5px;
    width: 100%;
}
.step__title2 p {
    font-size: 1.714rem;
    font-weight: 600;
    color: #231815;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
}
.step__title2 {
    text-align: center;
    margin-bottom: 10px;
}
.step__title2 p:before,
.step__title2 p:after {
    content: "";
    flex: 1;
    height: 1px;
    background: #3e3a39;
    margin: 0 10px;
}
.section__story2.edit .step__title {
    color: #00578e;
}
.step__text {
    font-size: 1.143rem;
    line-height: 1.714rem;
    letter-spacing: 0.08rem;
    text-align: center;
    padding-bottom: 20px;
    color: #3d3a39;
    font-weight: 600;
}
.step__text.edit {
    padding-bottom: 0px;
    text-align: center;
}
.step__img_phone {
    width: 50%;
    padding-right: 10px;
}
.step__img_s {
    width: 80%;
}
.step__img {
    display: flex;
    align-items: center;
}
.step__img.edit {
    flex-direction: column;
}
.section__story2-s__item {
    margin-bottom: 20px;
}
.btn_more_design {
    border-radius: 10px;
    color: #ffffff;
    border: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    width: 100%;
    position: relative;
    max-width: 300px;
    margin: 0px 10px;
    background-color: #9f926c;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    letter-spacing: 0.08rem;
    padding-left: 40px;
}
.btn_more_guide {
    border-radius: 10px;
    color: #ffffff;
    border: 0;
    padding-top: 5px;
    padding-bottom: 7px;
    width: 100%;
    position: relative;
    max-width: 320px;
    margin: 0px 10px;
    background-color: #00578e;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    letter-spacing: 0.08rem;
    font-weight: bold;
    margin-bottom: 40px;
    font-size: 18px;
    box-shadow: rgba(27, 58, 91, 1) 0px 4px 2px 0px;
}
.section__story2-s__item .btn {
    margin-top: 10px;
    text-align: center;
}
.btn_more_design img {
    width: 20px;
    padding-left: 10px;
    margin-left: 40px;
    
}
.step__img_s ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.step__img_s ul li {
    padding: 2px;
    text-align: left;
    font-size: 0.714rem;
    letter-spacing: 0;
}
.step__img_s p {
    font-size: 0.714rem;
    padding-top: 5px;
    padding-bottom: 5px;
}
.step__text2 {
    font-size: 0.786rem;
    line-height: 1.571rem;
    letter-spacing: 0.08rem;
    text-align: center;
    color: #060001;
    padding-top: 5px;
    padding-bottom: 20px;
}
.section__story2.edit {
    padding-top: 0;
}
.section__story2.edit .story__title {
    color: #00578e;
}
.section__story2.edit .flex_c_step {
    background-color: #00578e;
}
.section__story2.edit .flex_c {
    border-color: #00578e;
}
.section__story2.edit .section__story2-s__item:last-child {
    margin-bottom: 0;
    position: relative;
}
.section__story2.edit .section__story2-s {
    padding-bottom: 0;
}
.section__story2.edit .section__story2-s__item {
    border-color: #00578e;
}
.img_story__top {
    margin-top: -20px;
    padding-top: 40px;
    background-color: #fff;
}
.img_story__top img {
    width: 100%;
}
.top__flex1 {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 0px 15px;
}
.top__flex1-item {
    width: calc(50% - 3px);
    text-align: center;
    color: #fff;
    text-decoration: none;
}
.top__flex1-item__bottom {
    background-color: #00578e;
    padding-bottom: 10px;
}
.top__flex1-item__bottom img {
    width: 25px;
    padding-top: 5px;
}
.top__flex1-item__bottom p {
    font-size: 2.286rem;
    margin-top: -25px;
}

.icottoniha {
    max-width: 220px;
    position: relative;
}
.anchor2_title1 {
    font-size: 1.6rem;
}
.anchor2_title2 {
    font-size: 0.7rem;
}
.step_pi .anchor2_title3 {
    color: #9f926c;
    font-size: 1.2rem;
    position: relative;
    display: inline-block;
}
.anchor2_title3:before {
    position: absolute;
    content: "";
    top: 0px;
    left: -25px;
    width: 18px;
    height: 20px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../../images/top/line01.png");
}
.anchor2_title3:after {
    position: absolute;
    content: "";
    top: 0px;
    right: -25px;
    width: 18px;
    height: 20px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../../images/top/line02.png");
}

.anchor2_title4-inner {
    display: flex;
    justify-content: center;
}
.anchor2_title {
    text-align: center;
}
.anchor2_title4 {
    position: relative;
    margin-top: 0px;
    max-width: 280px;
}
.anchor2_title4 img {
    position: relative;
}
.anchor2_title4:before {
    content: "";
    background: linear-gradient(to right, #bbd3d7 0%, #bcc39f 100%);
    display: block;
    width: calc(100% + 40px);
    height: 16px;
    position: absolute;
    bottom: 34px;
    z-index: 0;
    margin-left: -20px;
    opacity: 0.4;
}
.step_pi3 .step__condung_p {
    position: relative;
}
.anchor2_title5 {
    font-size: 1.6rem;
    padding-bottom: 10px;
    font-weight: 500;
    color: #3E3A39;
    text-align: center;
    position: relative;
}
.anchor2_title5 span{
    color: #9F926C;
}
.anchor2_title6,
.anchor2_title7 {
    font-size: 1.6rem;
    font-weight: 500;
    color: #3E3A39;
    text-align: center;
    position: relative;
    z-index: 1;
}
.anchor2_title_div {
    margin-top: -10px;
}
.anchor2_title7:before {
    content: "";
    display: block;
    width: calc(100% + 20px);
    background-color: #9f926c;
    height: 10px;
    position: absolute;
    z-index: -1;
    opacity: 0.4;
    background: linear-gradient(to right, #bbd3d7 0%, #bcc39f 100%);
    bottom: 0px;
    left: -10px;
}

.section__B-step_p1 {
    font-weight: 600;
    font-size: 1.714rem;
    color: #00578e;
    text-align: center;
    position: relative;
    display: inline-block;
    z-index: 1;
    letter-spacing: 0;
    padding: 0px 4px;
    margin-bottom: 10px;
}
.section__B-step_p1:before {
    content: "";
    display: block;
    width: calc(100% + 10px);
    background-color: #9f926c;
    height: 12px;
    position: absolute;
    bottom: 2px;
    z-index: -1;
    /* margin-left: -10px; */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.4;
}

.section__B-step_p2 {
    font-weight: 600;
    font-size: 1.429rem;
    color: #00578e;
    text-align: center;
    position: relative;
    display: inline-block;
    z-index: 1;
    letter-spacing: 0;
    padding: 0px 4px;
    margin-bottom: 10px;
}
.section__B-step_p2:before {
    content: "";
    display: block;
    width: calc(100% + 10px);
    background-color: #9f926c;
    height: 12px;
    position: absolute;
    bottom: 2px;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.4;
}

.section__B-step {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.section__B-step_p {
    font-size: 2.1rem;
    color: #fff;
    width: 100%;
    background-color: #00578e;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 40px;
}
.section__B-step_p p {
    position: relative;
    display: inline-block;
}
.section__B-step_p p:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 15px;
    background: #fff;
    left: -35px;
    top: 50%;
}
.section__B-step_p p:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 15px;
    background: #fff;
    right: -35px;
    top: 50%;
}
.section__B-step_p span {
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    vertical-align: middle;
}
.secction_webinvitation .section__title2 {
    width: 100%;
    padding: 0px 20px;
    margin-top: 20px;
}
.section__title2 p {
    display: flex;
    align-items: center;
    text-align: center;
}
.section__title2 p:before,
.section__title2 p:after {
    content: "";
    flex: 1;
    height: 1px;
    margin: 0 10px;
    background: #3e3a39;
}
.section__title3 p {
    display: flex;
    align-items: center;
    text-align: center;
    color: #3e3a39;
    font-size: 1.2rem;
    margin-bottom: 20px;
}
.section__title3 p:before,
.section__title3 p:after {
    content: "";
    flex: 1;
    height: 1px;
    margin: 0 10px;
    background: #3e3a39;
}
.section_card .section__title2 {
    width: 100%;
    padding: 0px 20px;
}
.section_card .section__title2 p:before {
    margin-right: 40px;
}
.section_card .section__title2 p:after {
    margin-left: 40px;
}
.section_card-list {
    padding: 20px;
    height: 100%;
}
.section_card-list a {
    width: calc(25% - 3px);
}


.point__list .point__item:nth-child(odd) {
    background-color: rgba(0, 87, 142, 0.12);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
}
.point__list .point__item:nth-child(even) {
    background-color: rgba(159, 146, 108, 0.12);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.point__item .t {
    text-align: center;
    padding: 26.5px 0px;
}
.point__item-img-kitene {
    width: 140px;
    text-align: center;
    margin: 0 auto;
    display: block;
    padding: 20px 0px;
}
.point_item_text p.edit {
    position: relative;
}
.point_item_text p.edit:before {
    position: absolute;
    content: "";
    top: 8px;
    left: 2px;
    width: 18px;
    height: 20px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../../images/top/line01.png");
}
.point_item_text p.edit:after {
    position: absolute;
    content: "";
    top: 8px;
    right: 2px;
    width: 18px;
    height: 20px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../../images/top/line02.png");
}
.section__c,
.section__f {
    background-color: #fff;
}
.btn_more_gift {
    border-radius: 8px;
    color: #ffffff;
    border: 0;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 100%;
    position: relative;
    max-width: 280px;
    margin: 0px 10px;
    background-color: #9f926c;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-top: 20px;
}
.btn_more_gift img {
    width: 20px;
    padding-left: 10px;
}
.btn_more_gift2 {
    border-radius: 8px;
    color: #ffffff;
    border: 0;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 100%;
    position: relative;
    max-width: 280px;
    margin: 0px 10px;
    background-color: #9f926c;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-top: 20px;
}
.btn_more_gift2 img {
    width: 20px;
    padding-left: 10px;
}
.section__c .step__img_phone {
    width: 100%;
}
.section__c .step__img_s {
    width: 60%;
}
.section__c .step__img {
    padding: 20px;
    flex-direction: column;
    align-items: end;
}
.section__B-step_p3 {
    font-size: 1.429rem;
}
.section__B-step_p4 {
    font-size: 2.143rem;
}
.section__B-step_p5 {
    font-size: 1.714rem;
}
.section__d {
    background-color: #fff;
}
.section__c .p1,
.section__d .p1,
.section__e .p1,
.section__f .p1 {
    letter-spacing: 0;
    text-align: center;
    font-size: 0.857rem;
    font-size: 1.143rem;
    line-height: 1.714rem;
    padding-bottom: 30px;
    font-weight: 600;
    color: #413d3c;
}
.section__c .p2 {
    letter-spacing: 0;
    text-align: center;
    font-size: 0.857rem;
    font-size: 1.143rem;
    line-height: 1.714rem;
    padding-bottom: 0px;
    font-weight: 600;
    color: #413d3c;
    padding-top: 30px;
}
.yottsu .anchor2_title3{
    color: #9F926C;
    font-size: 1.2rem;
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    font-weight: 500;
}
.yottsu {
   padding-top: 20px;
   text-align: center;
   padding-bottom: 25px;
}
.yottsu .anchor2_title3 img {
    padding: 0px 10px;
    max-width: 180px;
}
.yottsu_p3 {
    font-size: 1.6rem;
    color: #006697;
}
.yottsu .anchor2_title3:before {
    position: absolute;
    content: "";
    top: 0px;
    left: -25px;
    width: 18px;
    height: 20px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../../images/top/line01.png");
}
.yottsu  .anchor2_title3:after {
    position: absolute;
    content: "";
    top: 0px;
    right: -25px;
    width: 18px;
    height: 20px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../../images/top/line02.png");
}

.catagoru {
    display: flex;
    gap: 20px;
    padding: 20px 40px;
}
.catagoru__item {
    border: 1px solid #9f926c;
    border-radius: 10px;
    width: calc(50% - 10px);
    padding: 40px 10px;
}
.catagoru__item p img {
    max-width: 220px;
    padding: 0px 20px;
    text-align: center;
    z-index: 1;
    position: relative;
    padding-top: 10px;
}
.catagoru__item p img.edit {
    max-width: 250px;
}
.catagoru__item .catagoru__item_img {
    position: relative;
    text-align: center;
}
.catagoru__item .catagoru__item_img:before {
    content: "";
    display: block;
    width: calc(100% - 20px);
    background-color: #D8D1C0;
    height: 12px;
    position: absolute;
    bottom: 0px;
    z-index: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
}
.catagoru__item_p {
    padding-top: 30px;
}
.step__img2 {
    display: flex;
    align-items: stretch;
    gap: 4px;
    padding: 0px 10px;
}
.step__img2_left {
    width: 54.5%;
    text-align: center;
}
.step__img2_right {
    width: 45.5%;
    text-align: center;
}
.step__img2_left p,
.step__img2_right p {
    position: relative;
    text-align: center;
    padding: 10px 0px;
    display: inline-block;
    color: #9f926c;
    font-size: 1.143rem;
    font-weight: 600;
}
.step__img2_left p:before,
.step__img2_right p:before {
    position: absolute;
    content: "";
    top: 8px;
    left: -30px;
    width: 20px;
    height: 24px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../../images/top/line01.png");
}
.step__img2_left p:after,
.step__img2_right p:after {
    position: absolute;
    content: "";
    top: 8px;
    right: -30px;
    width: 20px;
    height: 24px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../../images/top/line02.png");
}
.section__d .p2 {
    text-align: center;
    padding: 0px 10px;
    padding-top: 10px;
    font-size: 0.714rem;
    letter-spacing: 0.04rem;
    font-weight: bold;
    color: #494645;
}
.section__d .p3 {
    text-align: right;
    padding-right: 10px;
    font-size: 0.714rem;
    font-weight: bold;
    color: #494645;
}
.section__e {
    background-color: #fff;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../../images/bg__top.jpg");
}
.section__e-list-item {
    width: 100%;
    position: relative;
    padding-bottom: 5px;
}
.section__e-list-item img {
    width: 100%;
}
.section__e-list-item .label__name {
    position: absolute;
    width: 220px;
    font-size: 1.429rem;
    color: #fff;
    font-weight: 500;
    left: 0;
    bottom: 40px;
    padding-left: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
    background: linear-gradient(to right, #9f926c 0%, transparent 100%);
}
.section__e-list-item .label__name span {
    font-size: 1.286rem;
}
.section__e_img04 {
    width: 100%;
}
.section__f {
    background-color: #fff;
}
.step__img .slick-next.slick-arrow,
.step__img .slick-prev.slick-arrow {
    display: none !important;
}
.section__A-1 .slick-next.slick-arrow,
section__A-1 .slick-prev.slick-arrow {
    display: none !important;
}
.modal-okurumadai.iziModal {
    z-index: 99999 !important;
}
.okurumadai .o_t3 {
    text-align: center;
    padding-top: 20px;
}
.okurumadai .okurumadai__img {
    padding: 20px 40px;
}
.o_link {
    padding-top: 10px;
}
.o_link p {
    font-size: 0.714rem;
    text-align: center;
}
.good__news {
    padding: 0px 60px;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    font-size: 1.1rem;
    margin-top: 20px;
}
.good__news.edit {
    margin-top: 60px;
}
.good__news_img {
    padding: 10px 20px;
    max-width: 240px;
    margin: 0 auto;
}
.good__news-wrapper {
    position: relative;
    border: 2px dashed #9F926B;
    border-radius: 10px;
    width: 100%;
    padding: 10px;
}
.good__news_t {
    width: 100%;
    text-align: center;
}
.good__news_t img {
    max-width: 195px;
    position: relative;
    margin: 5px 0px;
}
.good__news_t p {
    position: relative;
    display: inline-block;
}
.good__news_t p:before {
    content: "";
    display: block;
    width: calc(100% + 10px);
    background-color: #9f926c;
    height: 12px;
    position: absolute;
    bottom: 5px;
    z-index: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.4;
}
.good__news_p {
    padding-top: 20px;
    font-size: 1rem;
}
.line {
    max-width: 480px;
    width: 80%;
    margin: 0 auto;
}
.anchor3__nara_img {
    margin: 20px auto;
    margin-top: 30px;
    text-align: center;
}
.anchor3__nara_img img {
    max-width: 160px;
}
.anchor3__nara p {
    color: #9F926C;
    font-size: 1.4rem;
    text-align: center;
    font-weight: 500;
    padding-bottom: 20px;
}
.anchor3__nara p span{
    font-size: 1rem;
}
.okurumadai-wrapper {
    background-color: #f3f0e6;
    padding: 30px 40px;
    color: #3d3a39;
}
.sarani {
    width: 80px;
    position: absolute;
    top: -30px;
    left: -30px;
}
.kitene_deha {
    max-width: 150px;
    margin: 0 auto;
    margin-bottom: 20px;
}
.okurumadai .o_p1 {
    text-align: center;
    line-height: 1.571rem;
}
.okurumadai-inner {
    background-color: #fff;
    border-radius: 10px;
    margin-top: 30px;
    padding: 40px 25px;
}
.okurumadai .o_title1 {
    text-align: center;
    font-size: 1.286rem;
    color: #9e916a;
    font-weight: bold;
    padding: 8px 5px 5px 5px;
    border-top: 2px solid #9e916a;
    border-bottom: 2px solid #9e916a;
    margin-bottom: 30px;
}
.o_img1 {
    padding-top: 10px;
}
.o_img1 p {
    text-align: center;
    font-size: 0.714rem;
}
.okurumadai .o_title2 {
    color: #9e916a;
    font-size: 1.286rem;
    padding-top: 40px;
    text-align: center;
    padding-bottom: 10px;
}
.okurumadai ul {
    padding-left: 0;
    list-style: none;
    line-height: 1.714rem;
    padding-bottom: 30px;
}
.okurumadai ul li p {
    text-indent: -10px;
    padding-left: 24px;
    letter-spacing: 0;
    font-size: 0.857rem;
}
.o_p2 {
    font-size: 0.857rem;
    line-height: 1.714rem;
}
.o_t1 {
    color: #9e916a;
    font-weight: 600;
    padding-top: 30px;
    text-indent: -7px;
}
.o_t1.edit {
    padding-top: 0px;
}
.o_flex {
    display: flex;
    align-items: center;
    padding-top: 30px;
}
.o_flex-l {
    width: 49%;
    text-align: center;
}
.o_flex-l img {
    padding: 5px 20px;
}
.o_flex-l p {
    font-size: 0.929rem;
}

.o_flex-r p {
    font-size: 0.714rem;
    padding-left: 12px;
    text-indent: -12px;
    padding-top: 20px;
    line-height: 1.429rem;
}
.o_btn a {
    border-radius: 20px;
    color: #ffffff;
    border: 0;
    padding-top: 8px;
    padding-bottom: 5px;
    width: 100%;
    position: relative;
    max-width: 370px;
    margin: 0px 10px;
    background-color: #9f926c;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-top: 20px;
    text-decoration: none;
}
.o_btn a img {
    width: 20px;
    padding-left: 10px;
}
.slider__paperinvitation .fade {
    height: 100%;
    padding: 10px;
}
.slider__paperinvitation .slick-slide img {
    height: 100%;
    object-fit: cover;
}
.mfp-content img.mfp-img {
    width: 80vh;
}
.login_mobile {
    display: none;
}
.sp {
    display: none;
}
.icotto_logo {
    text-align: center;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
}
.icotto_logo p {
    font-size: 1.2rem;
    font-weight: 600;
    color: #00578E;
    position: relative;
}
.icotto_logo img {
    width: 220px;
    margin-top: -20px;
}
.section__top2 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../../images/bg__top.jpg");
}
.section__top2 .title_top2 {
    font-size: 1.7rem;
    color: #00578E;
    font-weight: 600;
    text-align: center;
    background: linear-gradient(to right, 
    rgba(255, 0, 0, 0) 0%, 
    rgba(255, 255, 255, 1) 25%,
    rgba(255, 255, 255, 1) 50%,
    rgba(255, 255, 255, 1) 75%, 
    rgba(255, 0, 0, 0) 100%
  );
    padding: 20px 0px 30px 0px;
    display: inline-block;
    width: 100%;
    letter-spacing: 0.2em;
}
.section__top2 .title_top2 span{
    font-size: 2.4rem;
    color: #9F926C;
}
.section__top2-flex {
    display: flex;
    align-items: center;
    padding: 0px 20px;
}
.section__top2-flex.edit {
    justify-content: center;
    padding: 0;
}
.section__top2-img {
    width: 40%;
    text-align: center;
}
.section__top2-img img {
    max-width: 210px;
    margin-top: -10px;
}
.section__top2-text {
    width: 60%;
    line-height: 2.2rem;
    color: #00578E;
    font-size: 1.2rem;
    padding-top: 10px;
}
.section__top2-bottom {
    margin-top: -200px;
    position: relative;
    z-index: 1;
}
.circle {
    border-radius: 50%;
    background-color: #fff;
    width: 100%;
    min-height: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.circle:before {
    content: "";
    float: left;
    width: 1px;
    margin-left: -1px;
    padding-top: 100%;
}
.circle:after {
    content: "";
    display: table;
    clear: both;
}
.circle__inner {
    width: 25%;
    margin: 0 10px;
}
.circle p {
    color: #00578E;
    font-weight: 600;
    text-align: center;
    font-size: 1.2rem;
    line-height: 2rem;
}
.circle p span {
    font-size: 2.6rem;
    line-height: 2.6rem;
}
.section__top2 .top__flex-item {
    position: relative;
}
.section__top2 .top__flex-item p {
    padding-left: 0;
    text-indent: 0;
    padding-top: 0;
    white-space: nowrap;
}
.section__B-item .top__flex-item img {
    padding: 20px;
}
.section_animation {
    opacity: 0;
    transition: opacity 0.8s ease, transform 0.8s ease;
    transform: translateY(50px);
}
.section_animation.fade-in {
    opacity: 1;
    transform: translateY(0);
}
.title_animation {
    padding-left: 10px;
    padding-right: 10px;
    
}

.title_animation p {
    font-size: 2rem;
    color: #9E916C;
    text-align: center;
    padding-top: 0px;
    font-weight: bold;
    display: flex;
    align-items: center;
    text-align: center;
}
.title_animation p:before, .title_animation p:after {
    content: "";
    flex: 1;
    height: 2px;
    margin: 0 10px;
    background: #9E916C;
}
.title_animation span {
    padding: 0px 30px;
}
.p1_sub {
    font-weight: 500;
    font-size: 1.4rem;
    color: #00578e;
    text-align: center;
    position: relative;
    display: inline-block;
    z-index: 1;
    padding-left: 20px;
    padding-right: 20px;
}
.p1_sub:before {
    content: "";
    display: block;
    width: 100%;
    background-color: #f7f1aa;
    height: 10px;
    position: absolute;
    bottom: 0;
    z-index: -1;
    margin-left: -20px;
    opacity: 1;
}
.p3_sub {
    font-weight: 500;
    font-size: 1.4rem;
    color: #00578e;
    text-align: center;
    position: relative;
    display: inline-block;
    z-index: 1;
    padding-left: 20px;
    padding-right: 20px;
}
.sub_text {
    text-align: center;
}
.p2_sub {
    font-weight: 500;
    font-size:1.2rem;
    color: #3E3A39;
    text-align: center;
    position: relative;
    display: inline-block;
    z-index: 1;
}
.step_img01 {
    width: 60px;
}
.step_img02 {
    width: 28px;
}
.step_img03 {
    width: 38px;
}
.step_img04 {
    width: 24px;
}
.step__flex {
    display: flex;
    background: #006697;
    padding: 5px 10px;
    border-radius: 10px;
    color: #fff;
    align-items: center;
    justify-content: space-between;
    min-height: 45px;
}
.step__flex.edit {
    background: #EB80AF;
}
.step__flex.edit2 {
    background: linear-gradient(to right,#006697 0%, #096798 40%, #EB80AF 60%, #EB80AF 100%);
}
.step__flex p {
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: 0;
}
.step__flex_div {
    width: 60px;
    text-align: center;
    position: relative;
}
.step__flex_div-absolute {
    position: absolute;
    bottom: -25px;
    font-size: 10px !important;
    font-weight: 400 !important;
    color: red;
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%);
}
.all__step {
    max-width: 400px;
    margin: 0 auto;
    margin-top: 40px;
}
.step__flex-content .arrow {
    text-align: center;
    padding: 10px 0px;
}
.step__flex-content .arrow img{
    width: 36px;
}
.p3 {
    color: #006697;
    font-size: 1.2rem;
    font-weight: 500;
    padding-top: 30px;
    padding-bottom: 5px;
}
.p4 {
    color: #3E3A39;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
}
.flex_fukushi {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #fff;
    padding: 20px;
    border-radius: 15px;
}
.flex_fukushi .step_pi1 {
    width: 60%;
    
}
.flex_fukushi .step_pi2 {
    width: 40%;
    padding-left: 20px;
}
#lineup {
    background-color: #fff;
    padding-top: 20px;
}
.cources {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 20px;
    gap: 20px;
}
.cource_item {
    width: calc(50% - 10px);
    overflow: hidden;
    border-radius: 50px;
    background-color: #F2D9cb;
}
.cource_item svg {
    max-width: 60%;
}
.cource_item .name {
    font-size: 2rem;
    font-weight: bold;
    color: #3a3e39;
}
.cource_item .price {
    font-size: 2.2rem;
    font-weight: bold;
    color: #3a3e39;
    text-align: right;
}
.cource_item .price span {
    font-size: 1.4rem;
}
.cource_flex {
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
}

.cource_flex-l p,.cource_flex-r p {
    color: #000;
    font-size: 0.875rem;
}
.cource_flex-r p span {
    font-size: 0.7rem;
    line-height: 4px;
    display: block;
}
.cource_flex-r {
    display: flex;
    padding-left: 10px;
}
.cource_flex-r .p5 {
    text-align: center;
}
.cource_flex-r p span.edit {
    font-size: 1rem;
    line-height: inherit;
    visibility: hidden;
}
.cource_flex-l p {
    padding-bottom: 3px;
}
.btn_cource {
    border-radius: 10px;
    color: #ffffff;
    border: 0;
    padding-top: 6px;
    padding-bottom: 6px;
    position: relative;
    max-width: 280px;
    margin: 0px auto;
    background-color: #00578e;
    text-decoration: none;
    width: 100%;
    max-width: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    border: 1px solid #00578e;
    box-shadow: rgba(27, 58, 91, 1) 0px 4px 2px 0px;
    margin-top: 10px;
}
.cource_item-info {
    
    padding: 15px;
    padding-top: 30px;
    padding-bottom: 20px;
}
.cource_item-img {
    padding: 0px 15px;
    padding-bottom: 30px;
}
.bgcource_3 {
    background-color: #efd7c9;
}
.bgcource_4 {
    background-color: #d5dadf;
}
.bgcource_5 {
    background-color: #efead7;
}
.bgcource_6 {
    background-color: #e8e4e8;
}
.bgcource_7 {
    background-color: #ebd7d5;
}
.bgcource_8 {
    background-color: #e4eee6;
}
.bgcource_9 {
    background-color: #f9e9e8;
}
.bgcource_10 {
    background-color: #cedeed;
}
.menu_faq {
  display: flex;
  justify-content: space-between;
  padding: 0px 40px;
}
.faq-item {
  flex: 1;
  text-align: center;
  
  border-left: 1px solid #000;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.faq-item:last-child {
  border-right: 1px solid #000;
}
.faq-item a {
    text-decoration: none;
    color: #000;
    padding:0px 10px;
    display: block;
}
.p6 {
    font-size: 1.1rem;
    text-align: center;
    color: #3E3A39;
    padding: 10px 10px;
    font-weight: 500;
}

.title4 {
    color: #006697;
    font-size: 1.4rem;
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    font-weight: bold;
}
.title4:after {
    position: absolute;
    content: "";
    top: 0px;
    right: -25px;
    width: 18px;
    height: 20px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../../images/top/line05.png");
}
.title4:before {
    position: absolute;
    content: "";
    top: 0px;
    left: -25px;
    width: 18px;
    height: 20px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../../images/top/line04.png");
}
.choice_title {
    text-align: center;
    padding-bottom: 10px;
}
.choice {
    padding-top: 20px;
}
.choice_flex {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 30px;
    padding: 0px 40px;
    margin: 0 auto;
    padding-bottom: 20px;
}
.choice-item {
    width: calc(50% - 15px);
    border: 2px solid #006697;
}
.choice-item p {
    text-align: center;
    font-size: 1.4rem;
    color: #3E3A39;
    font-weight: 500;
    padding-top: 15px;
    padding-bottom: 30px;
}
.choice-item img {
    width: 80px;
    margin: 0 auto;
    display: block;
}
.section_qa {
    padding: 20px;
}
.qa {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 20px;
}
.qa-l {
    width: calc(50% - 15px);
    display: flex;
   justify-content: center;
}
.qa-r {
    width: calc(50% + 15px);
    display: flex;
    align-items: center;
}
.qa-l .img1 {
    width: 60px;
}
.qa-r .img2 {
    width: 30px;
}
.qa-r .img3 {
    width: 60px;
}
.qa-r2 {
    display: flex;
    width: calc(100% - 30px);
    justify-content: center;
}

.qa2 {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 40px;
}

.qa2-l .img1 {
    width: 50px;
}
.qa2-l {
    width: calc(50% - 15px);
    display: flex;
    align-items: center;
}
.qa2-r {
    width: calc(50% + 15px);
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 1rem;
    color: #3E3A39;
}
.qa2-r .img2 {
    width: 30px;
    
}
.qa2-l .p8 {
    font-weight: bold;
    font-size: 1.2rem;
    color: #3E3A39;
    padding-left: 16px;
}
.qa2-r2 {
    display: flex;
    width: calc(100% - 30px);
    justify-content: center;
    flex-direction: column;
}
.qa2-r2 p{
    font-size: 1.1rem;
    padding-left: 16px;
    letter-spacing: 0rem;
}
.line_dot {
    width: calc(100% - 80px);
    margin: 0 auto;
    background-image: radial-gradient(circle, black 40%, transparent 40%);
    background-size: 8px 3px;
    background-position: 0 100%;
    background-repeat: repeat-x;
    padding-bottom: 0px;
    margin-bottom: 15px;
}
.section_more {
    background-color: #fff;
    padding: 20px 10px;
    padding-bottom: 40px;
}
.more_list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 10px;
}
.more-item {
    width: calc(100%/3 - 7px);
    padding: 10px;
    background-color: #DEEFF2;
    border-radius: 10px;
}
.more-item .m1 {
    text-align: center;
    font-size: 1rem;
    color: #3E3A39;
    padding-top: 5px;
    letter-spacing: 0;
}
.more-item .m2 {
    text-align: center;
    font-size: 1.4rem;
    color: #006697;
    font-weight: 500;
    letter-spacing: 0;
}
.more-item .btn_more{
    border-radius: 5px;
    color: #ffffff;
    padding-top: 3px;
    padding-bottom: 3px;
    position: relative;
    margin: 0px auto;
    background-color: #00578e;
    text-decoration: none;
    width: 100%;
    max-width: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.8rem;
    border: 1px solid #00578e;
    box-shadow: rgba(27, 58, 91, 1) 0px 4px 2px 0px;
    margin-top: 10px;
}
.section_a0 {
    padding: 0px 20px;
    padding-bottom: 20px;
}
.section_a0 .t2 {
    color: #9E916C;
    text-align: center;
    font-size: 2rem;
    font-weight: 500;
    padding-top: 30px;
}
.section_a0 .t2_sub {
    text-align: center;
    font-weight: 500;
    color: #3E3A39;
    font-size: 1.2rem;
}
.a0_list {
    display: flex;
    max-width: 600px;
    margin: 0 auto;
    padding-left: 100px;
    padding-top: 10px;
}
.a0_list ul {
    list-style: none;
    padding-left: 10px;
}
.a0_list ul li {
    padding-bottom: 20px;
    color: #3E3A39;
    font-weight: 400;
}
.a0_list ul li:last-child {
    padding-bottom: 10px;
}
.a0_list ul li p{
    display:inline-block;
    padding-left: 10px;
}
.a0_list ul li img {
    width: 20px;
}
.a0_line {
    background-color: #006697;
    width: 5px;
    border-radius: 8px;
}
.section_a1 {
    background-color: #fff;
    padding: 0px 20px;
    padding-bottom: 20px;
}
.section_a1 .t2 {
    color: #006697;
    text-align: center;
    font-size: 2rem;
    font-weight: 500;
    padding-top: 30px;
}
.btn_a1 {
    border-radius: 5px;
    color: #ffffff;
    padding-top: 3px;
    padding-bottom: 3px;
    position: relative;
    margin: 0px auto;
    background-color: #00578e;
    text-decoration: none;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    border: 1px solid #00578e;
    box-shadow: rgba(27, 58, 91, 1) 0px 4px 2px 0px;
    margin-top: 10px;
}
.a1_flex {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 20px;
}
.a1_flex-l,.a1_flex-r {
    width: 50%;
}
.a1_flex-r.edit {
    padding-left: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.a1_flex-l.edit {
    padding-right: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.a1_flex p {
    font-size: 1.2rem;
    color: #3E3A39;
}
.btn_other {
    border-radius: 10px;
    color: #ffffff;
    border: 0;
    padding-top: 5px;
    padding-bottom: 7px;
    width: 100%;
    position: relative;
    max-width: 360px;
    margin: 0px 10px;
    background-color: #00578e;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    letter-spacing: 0.08rem;
    font-weight: bold;
    margin-bottom: 40px;
    font-size: 18px;
    box-shadow: rgba(27, 58, 91, 1) 0px 4px 2px 0px;
}
.btn_clsoe_modal {
    border-radius: 10px;
    color: #ffffff;
    border: 0;
    padding-top: 3px;
    padding-bottom: 5px;
    width: 100%;
    position: relative;
    max-width: 100px;
    margin: 0px 10px;
    background-color: #00578e;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    letter-spacing: 0.08rem;
    font-weight: bold;
    margin-top: 20px;
    font-size: 12px;
    box-shadow: rgba(27, 58, 91, 1) 0px 4px 2px 0px;
}
.title_t1 {
    color: #006697;
    font-weight: bold;
    text-align: center;
    font-size: 2rem;
    padding-top: 20px;
}
.title_t2 {
    color: #006697;
    font-weight: bold;
    text-align: center;
    font-size: 1.6rem;
    padding-top: 20px;
    padding-bottom: 20px;
}
.web-wrapper{
    background-color: #f3f0e6;
    padding: 30px 20px;
    padding-top: 0;
    color: #3d3a39;
}
.freemenu-wrapper {
    background-color: #f3f0e6;
    padding: 30px 20px;
    color: #3d3a39;
}
.bag-wrapper {
    background-color: #f3f0e6;
    padding: 30px 20px;
    color: #3d3a39;
}
.web-wrapper .w3 {
    color: #006697;
    font-weight: bold;
    font-size: 1.2rem;
    text-indent: -24px;
    padding-left: 24px;
    padding-bottom: 10px;
    padding-top: 20px;
}

.modal-web .w1 {
    font-size: 1rem;
    color: #3E3A39;
    padding-top: 10px;
}
.web-conent_first {
    padding: 0px 20px;
    padding-bottom: 40px;
}
.web_flex{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.web_flex-item {
    width: calc(50% - 10px);
    border: 2px dashed #9E916C;
    border-radius: 10px;
    position: relative;
}
.web_flex-item .web_img_fixed {
    position: absolute;
    top: -20px;
    left: -10px;
    width: 120px;
}
.web_flex-item .web_img_text {
    padding-top: 65px;
    max-width: 220px;
    width: 100%;
    margin: 0 auto;
    display: block;
}
.web_flex .w2 {
    padding: 20px 10px;
    font-size: 0.85rem;
    color: #3E3A39;
    line-height: 1.6;
}
.web-conent_first ul{
    list-style: none;
}
.web-conent_first ul li img {
    width: 20px;
}
.web-conent_first ul li p {
    position: relative;
    font-size: 1.2rem;
    color: #3E3A39;
    display: inline-block;
    padding-top: 10px;
    padding-left: 5px;
}
.web-conent_first ul li p span:before {
    content: "";
    display: block;
    width: 100%;
    background-color: #f7f1aa;
    height: 10px;
    position: absolute;
    bottom: 0;
    z-index: -1;
    opacity: 1;
}
.web-conent_first ul li p span{
    position: relative;
    display: inline-block;
    z-index: 1;
}
.web_bg {
    position: relative;
}
.web_05 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 40px);
    z-index: -1;
}
.iziModal.isAttached {
    z-index: 9999 !important;
}
.freemenu-conent_first .f1 {
    color: #3E3A39;
    font-weight: bold;
    font-size: 1.4rem;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    line-height: 1.5;
}
.freemenu-conent_first .f2 {
    color: #006697;
    font-weight: bold;
    font-size: 1.2rem;
    padding-left: 20px;
    padding-bottom: 10px;
    padding-top: 20px;
}
.freemenu-conent_first .f3 {
    color: #3E3A39;
    font-size: 1.2rem;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-top: 10px;
}
.freemenu-conent_first {
    padding: 20px;
    padding-bottom: 0;
}
.freemenu_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: stretch;
}
.freemenu_flex-item {
    width: calc(25% + 30px);
    position: relative;
    display: flex;
    flex-direction: column;
}
.freemenu_flex-item.edit {
    width: calc(49% - 60px);
    padding-left: 5px;
}
.freemenu-wrapper .f4 {
    text-align: center;
    font-size: 0.7rem;
    padding-right: 40px;
    padding-top: 10px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.freemenu-wrapper .freemenu_flex-item.edit .f4 {
    padding-right: 0;
}
.freemenu_item-img {
    position: relative;
}
.arrow_freemenu {
    position: absolute;
    top: 50%;
    right: 8px;
    width: 21px;
    z-index: 1;
}
.freemenu_item-img .menu_01 {
    width: calc(100% - 40px);
}
.arrow_freemenu2 {
    display: none;
}
.iziModal.modal-web .iziModal-header,
.iziModal.modal-tag .iziModal-header,
.iziModal.modal-bag .iziModal-header,
.iziModal.modal-okurumadai .iziModal-header,
.iziModal.modal-freemenu .iziModal-header,
.iziModal.modal-kagaku .iziModal-header {
    background-color: #146290 !important;
}

.iziModal.modal-web .iziModal-button-close,
.iziModal.modal-tag .iziModal-button-close,
.iziModal.modal-bag .iziModal-button-close,
.iziModal.modal-okurumadai .iziModal-button-close,
.iziModal.modal-freemenu .iziModal-button-close,
.iziModal.modal-kagaku .iziModal-button-close{
    background: url("../../images/top/modal_close.png") no-repeat 50% 50%;
    opacity: 1 !important;
}

.photo-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 165px);
    gap: 15px;
    position: relative;
}
.photo-item {
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.photo-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.photo-item:nth-child(1) {
    grid-column: 1 / 2;
    grid-row: 1 / 4;
}
.photo-item:nth-child(2) {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
}
.photo-item:nth-child(3) {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
}
.photo-item:nth-child(4) {
    grid-column: 2 / 3;
    grid-row: 3 / 4;
}
.photo-item:nth-child(5) {
    grid-column: 3 / 4;
    grid-row: 2 / 4;
}
.bag-conent_first {
    padding: 0px 10px;
}
.bag-conent_first .b1 {
    color: #3E3A39;
    font-weight: bold;
    font-size: 1.4rem;
    padding-bottom: 10px;
    padding-top: 20px;
    text-align: center;
    line-height: 1.5;
}
.bag-wrapper .b2 {
    color: #3E3A39;
    font-size: 1.4rem;
    padding-bottom: 20px;
    padding-top: 0px;
    text-align: center;
    line-height: 1.5;
}
.good__news_t img.edit {
    max-width: 375px;   
    margin-top: 40px;
}
.good__news.edit {
    max-width: 600px;
    font-size: 0.8rem;
    letter-spacing: 0;
    line-height: 1.5;
    margin-top: 10px;
    margin-bottom: 20px;
}
.bag_bg {
    position: relative;
}
.bag_bg .title_t2 {
    line-height: 1.6;
    padding-bottom: 80px;
}
.bg_04 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 40px);
    z-index: -1;
}
.bag_flex {
    display: flex;
    flex-wrap: wrap;
}
.bag_flex-item {
    width: calc(100%/3);
}
.bag_flex-item.edit {
    padding: 10px 20px 10px 15px;
    display: flex;
    align-items: center;
}
.bag_hr {
    height: 1px;
    background-color: #646464;
    margin-bottom: 10px;
}
.kagaku-conent_first {
    padding: 0px 10px;
}
.kagaku-conent_first .k1 {
    color: #3E3A39;
    font-size: 1.4rem;
    padding-bottom: 10px;
    padding-top: 20px;
    text-align: center;
    line-height: 1.5;
}
.kagaku-wrapper {
    padding: 30px 20px;
    color: #3d3a39;
}
.kagaku_flex {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.kagaku_flex-item {
    width: calc(100%/3 - 9px);
}
.kagaku_flex-item .k3 {
    text-align: center;
    font-size: 0.8rem;
    line-height: 1.5;
    color: #3E3A39;
    padding-top: 5px;
}
.kagaku_bg {
    position: relative;
}
.kagaku_bg .title_t2 {
    line-height: 1.6;
    padding-bottom: 60px;
}
.kagaku_01 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 40px);
    z-index: -1;
}
.kagaku_table {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.kagaku_table tr:nth-child(odd) {
    background-color: #E4EDF7;
}
.kagaku_table tr:nth-child(even) {
    background-color: #FEFEF5;
}
.kagaku_table tr td {
    height: 42px;
    text-align: center;
    vertical-align: middle;
    font-size: 1.3rem;
    font-weight: bold;
    color: #323232;
}
.kagaku_table tr td.edit1 {
    text-align: right;
    font-size: 1.8rem;
}
.kagaku_table tr td.edit2 {
    font-weight: 400;
    text-align: left;
    font-size: 1.1rem;
}

.kagaku_table tr td.edit3 {
    line-height: 1;
    padding-bottom: 5px;
}

.kagaku_table tr td span.edit1 {
    font-size: 0.8rem;
}
.kagaku_table tr td span.edit2 {
    font-size: 1.4rem;
}
.kagaku_table tr td span.edit3 {
    font-size: 1.1rem;
}
.kagaku_table tr td span.edit4 {
    font-size: 1.4rem;
}
.kagaku_table tr.edit {
    background-color: #006697;
}
.kagaku_table tr.edit td {
    color: #fff;
}
.kagaku_table tr.edit td.edit1 {
    font-size: 2rem;
    text-align: left;
    padding-left: 20px;
}
.dots3 {
    text-align: center;
    display: block;
    margin: 2px auto;
}
.dots-3 {
    position: relative;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #3E3A39;
    display: inline-block;
  }

.dots-3::before,
.dots-3::after {
    content: '';
    position: absolute;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #3E3A39;
}

.dots-3::before { top: -7px; }
	.dots-3::after  { top:  7px; }
	
	
	video {
  width: 100%; /* 動画をレスポンシブ化 */
  max-width: 400px; /* 動画の最大幅 */
}