@charset "UTF-8";


/* mainImg
------------------------------------*/
#mainImg {
    background: url("../img/index/main_bg_sp.png")no-repeat center bottom/cover;
    color: #fff;
    padding-top: 140px;
}
#mainImg .main_txt {
    position: relative;
    padding-bottom: 280px;
}
#mainImg .main_txt .main_img {
    position: absolute;
    max-width: 80px;
}
#mainImg .main_txt .m01 {
    left: 0;
    top: 45%;
}
#mainImg .main_txt .m02 {
    left: 26%;
  bottom: 30px;
}
#mainImg .main_txt .m03 {
    right: 25%;
  top: 46%;
}
#mainImg .main_txt .m04 {
    right: 0;
  bottom: 30px;
}
#mainImg .main_txt .main_img > div {
    position: relative;
    z-index: 1;
    padding-top: 40px;
}
#mainImg .main_txt .main_img .anime_fuwafuwa {
    position: absolute;
    top: 0;
    z-index: -1;
    left: 35px;
    width: 100%;
}
#mainImg .main_txt .m02 .anime_fuwafuwa {
    left: 0;
}
#mainImg .main_txt .m03 .anime_fuwafuwa, #mainImg .main_txt .m04 .anime_fuwafuwa {
    left: auto;
    right: 5px;
}
#mainImg .main_txt .t {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin-top: 30px;
}
#mainImg .main_txt .y {
    color: #fff000;
}
#mainImg .main_txt .t_dot {
    display: inline-block;
    padding-bottom: 3px;
    position: relative;
}
#mainImg .main_txt .t_dot::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    background-image: url("../img/index/main_txt02.png");
    background-size: contain;
    background-repeat: repeat-x;
    height: 3px;
    left: 0;
}
.contact_bg {
    background: url("../img/index/c08_bg01.png")no-repeat center center/cover;
    height: 170px;
}
#mainImg #side_menu {
    position: absolute;
    top: 65px;
    right: 15px;
  max-width: 100px;
    z-index: 900;
}
#mainImg #side_menu a:hover {
    opacity: 0.6;
}
#mainImg .main_txt .main_ttl {
    margin: 20px auto 0;
  max-width: 820px;
}
#mainImg .main_txt .main_ttl .wrap {
    display: flex;
    align-items: flex-end;
}
#mainImg .main_txt .main_ttl .js-g01:nth-child(4) {
    margin-left: 30px;
    margin-right: -10px;
}
#mainImg .main_txt .sub_ttl {
    margin: 0 auto;
  max-width: 40%;
}

            /* 【スマートフォン用のスタイル記述】 */
            @media screen and (min-width: 760px) {
                #mainImg {
                    padding-top: 100px;
                    background-image: url("../img/index/main_bg.png");
                }
                #mainImg .main_txt .t {
                    font-size: 30px;
                }
                #mainImg .main_txt .t_dot {
                    padding-bottom: 10px;
                }
                #mainImg .main_txt .t_dot::after {
                    height: 8px;
                }
                #mainImg .main_txt {
                    padding-bottom: 330px;
                }
                #mainImg .main_txt .main_img {
                    max-width: 140px;
                }
                #mainImg .main_txt .m01 {
                    left: 0;
                    top: auto;
                    bottom: 80px;
                }
                #mainImg .main_txt .m02 {
                    left: 26%;
                  bottom: 30px;
                }
                #mainImg .main_txt .m03 {
                    right: 25%;
                    top: auto;
                    bottom: 30px;
                }
                #mainImg .main_txt .m04 {
                    right: 0;
                  bottom: 30px;
                }
                #mainImg .main_txt .main_img > div {
                    padding-top: 80px;
                }
                #mainImg .main_txt .main_img .anime_fuwafuwa {
                    left: 35px;
                }
                #mainImg .main_txt .m03 .anime_fuwafuwa, #mainImg .main_txt .m04 .anime_fuwafuwa {
                    right: 35px;
                    left: auto;
                }
                .contact_bg {
                    height: 250px;
                }
                #mainImg #side_menu {
                    top: 90px;
                    max-width: 120px;
                    right: 50px;
                }
                #mainImg .main_txt .main_ttl .js-g01:nth-child(4) {
                    margin-left: 60px;
                    margin-right: -30px;
                }
            }

            /* 【タブレット用のスタイル記述】 */
            @media screen and (min-width: 960px) {
                #mainImg {
                    padding-top: 160px;
                }
                #mainImg .main_txt {
                    padding-bottom: 520px;
                    max-width: 1400px;
                }
                #mainImg .main_txt .main_img {
                    max-width: 23%;
                }
                #mainImg .main_txt .m02 {
                    left: 23%;
                }
                #mainImg .main_txt .m04 {
                    bottom: 55px;
                }
                #mainImg .main_txt .main_img > div {
                    padding-top: 150px;
                }
                #mainImg .main_txt .m02 > div {
                    padding-top: 70px;
                }
                #mainImg .main_txt .main_img .anime_fuwafuwa {
                    left: 35px;
                    top: -20px;
                }
                #mainImg .main_txt .m02 .anime_fuwafuwa {
                    left: 70px;
                }
                #mainImg .main_txt .m03 .anime_fuwafuwa, #mainImg .main_txt .m04 .anime_fuwafuwa {
                    right: 85px;
                    left: auto;
                }
                .contact_bg {
                    height: 610px;
                }
                #mainImg #side_menu {
                    top: 150px;
                    max-width: 100%;
                    right: 60px;
                }
            }



/* 
------------------------------------*/
.indexLayout #c01 .t_center {
    text-align: center;
    max-width: 1100px;
    margin: 0 auto 40px;
    font-weight: bold;
}
.indexLayout #c01 .w_box {
    text-align: center;
}
.indexLayout #c01 .flex {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.indexLayout #c01 .flex_box03, .indexLayout #c05 .flex_box03  {
    width: 48%;
    background-color: #aed1e6;
    border-radius: 40px;
    text-align: center;
    color: #598e4c;
    position: relative;
    font-weight: bold;
}
.indexLayout #c01 .flex_box03 img, .indexLayout #c05 .flex_box03 img {
    max-height: 80px;
}
.indexLayout #c01 .flex_box03 > div, .indexLayout #c05 .flex_box03 > div {
    padding: 60px 10px 30px;
}
.indexLayout #c01 .flex_box03::before, .indexLayout #c01 .flex_box03::after,
.indexLayout #c05 .flex_box03::before, .indexLayout #c05 .flex_box03::after {
    position: absolute;
    color: #fff;
}
.indexLayout #c01 .flex_box03::before, .indexLayout #c05 .flex_box03::before {
    content: "";
    background-color: #397091;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    top: 15px;
    right: 15px;
}
.indexLayout #c01 .flex_box03::after, .indexLayout #c05 .flex_box03::after {
    top: 25px;
  right: 26px;
}
.indexLayout #c01 .flex_box03:nth-child(1)::after, .indexLayout #c05 .flex_box03:nth-child(1)::after {
    content: "01";
}
.indexLayout #c01 .flex_box03:nth-child(2)::after, .indexLayout #c05 .flex_box03:nth-child(2)::after {
    content: "02";
}
.indexLayout #c01 .flex_box03:nth-child(3)::after, .indexLayout #c05 .flex_box03:nth-child(3)::after  {
    content: "03";
}
.indexLayout #c01 .flex_box03:nth-child(4)::after, .indexLayout #c05 .flex_box03:nth-child(4)::after {
    content: "04";
}
.indexLayout #c01 .flex_box03 .ttl, .indexLayout #c05 .flex_box03 .ttl {
    margin-top: 20px;
}
.indexLayout #c01 .flex_box03, .indexLayout #c05 .flex_box03 {
    margin-bottom: 10px;
}
.indexLayout #c01 .flex_box03:nth-child(odd), .indexLayout #c05 .flex_box03:nth-child(odd) {
    margin-right: 2%;
}
.indexLayout #c01 .w_box {
    margin-top: 20px;
}
.indexLayout #c01 h4 > span {
    position: relative;
    padding: 5px 0 5px 50px;
    color: #397091;
    display: inline-block;
    margin: 0 auto;
}
.indexLayout #c01 h4 .en {
    font-size: 12px;
    display: block;
}
.indexLayout #c01 h4 > span::before, .indexLayout #c01 h4 > span::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.indexLayout #c01 h4 > span::before {
    content: "";
    background-color: #397091;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    left: 0;
}
.indexLayout #c01 h4 > span::after {
    content: "？";
    color: #fff;
    left: 11px;
}



            /* 【スマートフォン用のスタイル記述】 */
            @media screen and (min-width: 760px) {
                .indexLayout #c01 .flex_box03:nth-child(2), .indexLayout #c05 .flex_box03:nth-child(2) {
                    margin-right: 0;
                }
                .indexLayout #c01 .flex_box03, .indexLayout #c05 .flex_box03 {
                    margin-bottom: 20px;
                }
                .indexLayout #c01 .flex_box03::before, .indexLayout #c05 .flex_box03::before {
                    width: 55px;
                    height: 55px;
                }
                .indexLayout #c01 .flex_box03::after, .indexLayout #c05 .flex_box03::after {
                    top: 30px;
                    right: 30px;
                }
                .indexLayout #c01 .flex_box03 img, .indexLayout #c05 .flex_box03 img {
                    max-height: 130px;
                }
                .indexLayout #c01 h4 .en {
                    font-size: 14px;
                    display: inline-block;
                    padding-left: 20px;
                }
                .indexLayout #c01 h4 > span {
                    padding: 20px 0 20px 50px;
                }
                .indexLayout #c01 h4 > span::after {
                    left: 10px;
                }
                .indexLayout #c01 .w_box {
                    margin-top: 40px;
                }
            }

            /* 【タブレット用のスタイル記述】 */
            @media screen and (min-width: 960px) {
                .indexLayout #c01 .flex_box03, .indexLayout #c05 .flex_box03 {
                    margin-bottom: 0;
                }
                .indexLayout #c01 .flex_box03:nth-child(2), .indexLayout #c05 .flex_box03:nth-child(2) {
                    margin-right: 2%;
                }
                .indexLayout #c01 .flex_box03 {
                    width: 23%;
                    font-size: 22px;
                }
                .indexLayout #c01 .flex_box03 > div, .indexLayout #c05 .flex_box03 > div {
                    padding: 80px 10px 40px;
                }
                .indexLayout #c01 .flex_box03 .ttl, .indexLayout #c05 .flex_box03 .ttl {
                    margin-top: 40px;
                }
                .indexLayout #c01 .flex_box03::after, .indexLayout #c05 .flex_box03::after {
                    top: 25px;
                    right: 27px;
                }
                .indexLayout #c01 h4 .en {
                    font-size: 15px;
                }
                .indexLayout #c01 .w_box {
                    margin-top: 120px;
                }
            }



/* c02
------------------------------------*/
.indexLayout #c02 {
    background-color: #f3cc30;
    padding-bottom: 0;
}
.indexLayout #c02 .bg {
    height: 180px;
    background: url("../img/index/c02_bg01.png")no-repeat center center/cover;
}
.indexLayout #c02 h3 {
    color: #696767;
}
.indexLayout #c02 .t_b {
    color: #98862e;
}
.indexLayout #c02 .w_box {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    max-width: 1450px;
}
.indexLayout #c02 .w_box .icon_t {
    display: inline-block;
    padding-right: 35px;
    position: relative;
}
.indexLayout #c02 .w_box .icon_t::after {
    position: absolute;
    right: 0;
    top: 15px;
    content: "";
    background: url("../img/index/c02_icon01.png")no-repeat center center/cover;
    width: 30px;
    height: 30px;
    animation: poyopoyo 2s ease-out infinite;
}
@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.8);
  }
}
.indexLayout #c02 .w_box .equal_t {
    display: inline-block;
    transform: rotate(-90deg);
}
.indexLayout #c02 .w_box .s_t {
    display: inline-block;
    position: relative;
    padding-bottom: 10px;
}
.indexLayout #c02 .w_box .s_t::after {
    position: absolute;
    left: 0;
    bottom: 2px;
    font-size: 8px;
    font-weight: 500;
    content: "※ベストプラン";
}
.indexLayout #c02 .service_box .flex_box01 {
    font-size: 15px;
    background-color: #ffeda5;
    color: #696767;
    font-weight: normal;
    text-align: left;
    position: relative;
}
.indexLayout #c02 .service_box .flex_box01::after {
    position: absolute;
    content: "";
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    top: -30px;
    right: 20px;
}
.indexLayout #c02 .service_box .flex_box01:nth-child(1)::after {
    background-image: url("../img/index/c02_img03.png");
    width: 107px;
  height: 86px;
}
.indexLayout #c02 .service_box .flex_box01:nth-child(2)::after {
    background-image: url("../img/index/c02_img04.png");
    width: 95px;
  height: 129px;
    top: -50px;
}
.indexLayout #c02 .service_box .flex_box01:nth-child(3)::after {
    background-image: url("../img/index/c02_img05.png");
    width: 121px;
  height: 88px;
}
.indexLayout #c02 .service_box .flex_box01:nth-child(4)::after {
    background-image: url("../img/index/c02_img06.png");
    width: 110px;
  height: 129px;
    top: -50px;
}
.indexLayout #c02 .service_box .flex_box01 .icon {
    background-color: #696767;
    text-align: center;
    padding: 5px 0;
    max-width: 190px;
    border-radius: 50px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 18px;
}
.indexLayout #c02 .service_box .flex_box01 h4 {
    font-size: 22px;
}
.indexLayout #c02 .flex {
    margin-top: 60px;
}
.indexLayout #c02 .service_box .flex_box01 {
    margin-bottom: 80px;
}


            /* 【スマートフォン用のスタイル記述】 */
            @media screen and (min-width: 760px) {
                .indexLayout #c02 .w_box {
                    font-size: 36px;
                }
                .indexLayout #c02 .w_box .equal_t {
                    transform: rotate(0deg);
                }
                .indexLayout #c02 .w_box .s_t {
                    padding-bottom: 20px;
                }
                .indexLayout #c02 .w_box .s_t::after {
                    bottom: 9px;
                    font-size: 10px;
                }
                .indexLayout #c02 .service_box {
                    flex-wrap: wrap;
                }
                .indexLayout #c02 .service_box .flex_box01:nth-child(2n) {
                    margin-right: 0;
                }
                .indexLayout #c02 .flex {
                    margin-top: 100px;
                }
                .indexLayout #c02 .service_box .flex_box01 .icon {
                    margin-bottom: 30px;
                    font-size: 24px;
                }
                .indexLayout #c02 .service_box .flex_box01 h4 {
                    font-size: 28px;
                }
                .indexLayout #c02 .service_box .flex_box01 {
                    margin-bottom: 120px;
                }
                .indexLayout #c02 .bg {
                    height: 270px;
                }
                .indexLayout #c02 .service_box .flex_box01:nth-child(1)::after {
                    width: 117px;
                    height: 94px;
                    top: -40px;
                }
                .indexLayout #c02 .service_box .flex_box01:nth-child(2)::after {
                    width: 95px;
                    height: 124px;
                    top: -70px;
                }
                .indexLayout #c02 .service_box .flex_box01:nth-child(3)::after {
                    width: 136px;
                    height: 99px;
                    top: -60px;
                }
                .indexLayout #c02 .service_box .flex_box01:nth-child(4)::after {
                    width: 102px;
                    height: 124px;
                    top: -70px;
                }
            }

            /* 【タブレット用のスタイル記述】 */
            @media screen and (min-width: 960px) {
                .indexLayout #c02 .w_box {
                    font-size: 48px;
                }
                .indexLayout #c02 .w_box .icon_t {
                    padding-right: 55px;
                }
                .indexLayout #c02 .w_box .icon_t::after {
                    width: 44px;
                    height: 44px;
                }
                .indexLayout #c02 .w_box .s_t::after {
                    font-size: 14px;
                    bottom: -10px;
                }
                .indexLayout #c02 .w_box .s_t {
                    padding-bottom: 0;
                }
                .indexLayout #c02 .service_box .flex_box01 h4 {
                    font-size: 36px;
                }
                .indexLayout #c02 .bg {
                    height: 610px;
                }
                .indexLayout #c02 .service_box .flex_box01:nth-child(1)::after {
                    width: 187px;
                    height: 144px;
                    top: -40px;
                }
                .indexLayout #c02 .service_box .flex_box01:nth-child(2)::after {
                    width: 135px;
                    height: 179px;
                    top: -80px;
                }
                .indexLayout #c02 .service_box .flex_box01:nth-child(3)::after {
                    width: 181px;
                    height: 132px;
                    top: -40px;
                }
                .indexLayout #c02 .service_box .flex_box01:nth-child(4)::after {
                    width: 150px;
                    height: 179px;
                    top: -70px;
                }
            }



/* c03
------------------------------------*/
.indexLayout #c03 {
    background-color: #47cbad;
}
.indexLayout #c03 h3 {
    padding-left: 60px;
    position: relative;
    display: inline-block;
}
.indexLayout #c03 .h3_wrap {
    text-align: center;
    margin-bottom: 20px;
}
.indexLayout #c03 h3::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url("../img/index/c03_icon01.png")no-repeat center center/cover;
    width: 51px;
    height: 95px;
    content: "";
}
.indexLayout #c03 .box {
    max-width: 1100px;
    margin: 0 auto;
}
.indexLayout #c03 .box:not(:last-of-type) {
    margin-bottom: 40px;
}
.indexLayout #c03 .icon {
    width: 255px;
    text-align: center;
    padding: 10px 0;
    border-radius: 50px;
    color: #fff;
    background-color: #696767;
}
.indexLayout #c03 .box .ttl, .indexLayout #c03 .box .price {
    font-size: 20px;
    font-weight: 500;
    color: #696767;
}
.indexLayout #c03 .b_02 .box_01 {
    font-size: 18px;
}
.indexLayout #c03 .box_01 {
    color: #397091;
    width: 90%;
  max-width: 960px;
    margin: 20px auto 0;
}
.indexLayout #c03 .b_02 .ttl_sub {
    min-width: 140px;
}
.indexLayout #c03 .b_02 .ttl, .indexLayout #c03 .b_02 .price {
    color: #de5151;
}
.indexLayout #c03 .b_02 .icon {
    background-color: #de5151;
}
.indexLayout #c03 .b_02 .w_box {
    position: relative;
}
.indexLayout #c03 .b_02 .w_box::before, .indexLayout #c03 .b_02 .w_box::after {
    position: absolute;
    color: #fff;
}
.indexLayout #c03 .b_02 .w_box::before {
    content: "";
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #de5151;
    left: 0;
    top: -30px;
}
.indexLayout #c03 .b_02 .w_box::after {
    content: "オススメ";
    top: -7px;
    font-size: 10px;
    left: 8px;
}
.indexLayout #c03 .box .price .s {
    font-size: 60%;
}

            /* 【スマートフォン用のスタイル記述】 */
            @media screen and (min-width: 760px) {
                .indexLayout #c03 .box:not(:last-of-type) {
                    margin-bottom: 60px;
                }
                .indexLayout #c03 .w_box > div {
                    padding: 40px 40px;
                    align-items: center;
                }
                .indexLayout #c03 .box .ttl, .indexLayout #c03 .box .price {
                    font-size: 28px;
                }
                .indexLayout #c03 .b_02 .cirlce_li {
                    display: flex;
                    justify-content: space-between;
                    flex-wrap: wrap;
                }
                .indexLayout #c03 .b_02 .cirlce_li > li {
                    width: calc(48% - 20px);
                    padding-left: 30px;
                }
                .indexLayout #c03 .b_02 .box_01 {
                    font-size: 20px;
                }
            }

            /* 【タブレット用のスタイル記述】 */
            @media screen and (min-width: 960px) {
                .indexLayout #c03 .w_box > div {
                    padding: 40px 80px;
                }
                .indexLayout #c03 .box .ttl, .indexLayout #c03 .box .price {
                    font-size: 36px;
                }
                .indexLayout #c03 .b_02 .box_01 {
                    font-size: 24px;
                }
                .indexLayout #c03 .b_02 .ttl_sub {
                    min-width: 170px;
                }
                .indexLayout #c03 .b_02 .w_box::before, .indexLayout #c03 .b_02 .w_box::after {
                    top: 50%;
                    transform: translateY(-50%);
                }
                .indexLayout #c03 .b_02 .w_box::before {
                    left: -50px;
                    width: 90px;
                    height: 90px;
                }
                .indexLayout #c03 .b_02 .w_box::after {
                    left: -40px;
                    font-size: 16px;
                }
            }



/* c04
------------------------------------*/
.indexLayout #c04 {
    background-color: #63d5bb;
}
.indexLayout #c04 h2 {
    position: relative;
}
.indexLayout #c04 h2::after {
    left: 80%;
    top: 50%;
    transform: translate(-50%, -20%);
    position: absolute;
    content: "";
    background: url("../img/index/c04_img01.png")no-repeat center center/cover;
    width: 105px;
    height: 52px;
}
.indexLayout #c04 .pro_flex {
    color: #397091;
    line-height: 2;
}
.indexLayout #c04 .pro_flex .name_t {
    display: flex;
    align-items: center;
    font-size: 26px;
    margin-bottom: 20px;
}
.indexLayout #c04 .pro_flex .en {
    display: inline-block;
    font-size: 15px;
    margin-left: 20px;
}
.indexLayout #c04 .kei_box {
    margin-top: 30px;
}
.indexLayout #c04 .btn {
    text-align: center;
    background-color: #397091;
    margin-top: 60px;
}
.indexLayout #c04 .btn:hover {
    background-color: #fb6841;
}
.indexLayout #c04 .btn span::before {
    position: absolute;
    content: "";
    background: url("../img/index/c04_icon01.png")no-repeat center center/cover;
    width: 42px;
    height: 32px;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}


            /* 【スマートフォン用のスタイル記述】 */
            @media screen and (min-width: 760px) {
                .indexLayout #c04 h2::after {
                    left: 80%;
                    top: 50%;
                    transform: translate(-50%, -20%);
                    width: 225px;
                    height: 110px;
                }
                .indexLayout #c04 .pro_flex > .flex_box01:first-child {
                    width: 30%;
                }
                .indexLayout #c04 .pro_flex > .flex_box01:last-child {
                    width: 66%;
                }
                .indexLayout #c04 .pro_flex .name_t {
                    font-size: 30px;
                }
                .indexLayout #c04 .btn {
                    margin-top: 80px;
                }
            }

            /* 【タブレット用のスタイル記述】 */
            @media screen and (min-width: 960px) {
                .indexLayout #c04 h2::after {
                    left: 70%;
                    top: 50%;
                    transform: translate(-50%, -30%);
                    width: 225px;
                    height: 110px;
                }
                .indexLayout #c04 .pro_flex > .flex_box01:first-child {
                    width: 20%;
                }
                .indexLayout #c04 .pro_flex > .flex_box01:last-child {
                    width: 76%;
                }
                .indexLayout #c04 .pro_flex .name_t {
                    font-size: 36px;
                }
            }



/* c05
------------------------------------*/
.indexLayout #c05 {
    background: url("../img/index/c05_bg01.png")no-repeat center center/cover;
}
.indexLayout #c05 .flex_box03 {
    background-color: #e4ddd5;
    width: 100%;
}
.indexLayout #c05 .flex_box03:nth-child(odd) {
    margin-right: 0;
}
.indexLayout #c05 .flex_box03::before{
    background-color: #696767;
}
.indexLayout #c05 .flex_box03:nth-child(5)::after {
    content: "05";
}
.indexLayout #c05 .flex_box03:nth-child(6)::after {
    content: "06";
}
.indexLayout #c05 .flex_box03 p {
    color: #696767;
    text-align: left;
}
.indexLayout #c05 .flex_box03 .ttl span {
    color: #9fa10f;
}
.indexLayout #c05 .flex_box03 .s {
    font-size: 12px;
    margin-top: 20px;
}


            /* 【スマートフォン用のスタイル記述】 */
            @media screen and (min-width: 760px) {
                .indexLayout #c05 .flex{
                    display: flex;
                    justify-content: center;
                    flex-wrap: wrap;
                }
                .indexLayout #c05 .flex_box03 {
                    width: 48%;
                }
                .indexLayout #c05 .flex_box03 .s{
                    font-size: 14px;
                }
                .indexLayout #c05 .flex_box03:nth-child(odd) {
                    margin-right: 2%;
                }
                .indexLayout #c05 .flex_box03:nth-child(2n) {
                    margin-right: 0;
                }
            }

            /* 【タブレット用のスタイル記述】 */
            @media screen and (min-width: 960px) {
                .indexLayout #c05 .flex_box03 > div {
                    padding: 80px 40px 40px;
                }
                .indexLayout #c05 .flex_box03 {
                    width: 30%;
                    font-size: 22px;
                    margin-bottom: 20px;
                }
                .indexLayout #c05 .flex_box03:nth-child(2n) {
                    margin-right: 2%;
                }
                .indexLayout #c05 .flex_box03:nth-child(3n) {
                    margin-right: 0;
                }
                .indexLayout #c05 .flex_box03 .s{
                    font-size: 16px;
                }
            }



/* 
------------------------------------*/
.indexLayout #c06, .indexLayout #c07 {
    background-color: #9a8673;
}
.indexLayout #c06 {
    padding-bottom: 0;
}
.indexLayout #c06 .w_box {
    position: relative;
}
.indexLayout #c06 .w_box > div {
    padding: 80px 20px 40px;
}
.indexLayout #c06 .w_box .icon {
    padding: 2px 0;
    text-align: center;
    color: #fff;
    background-color: #696767;
    width: 180px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    top: 20px;
    right: 20px;
}
.indexLayout #c06 .voice_box img {
    margin-bottom: 20px;
}
.indexLayout #c06 .voice_box .ttl {
    color: #9fa10f;
    font-size: 18px;
    font-weight: bold;
}
.indexLayout #c06 .voice_box  {
    margin-bottom: 15px;
}


            /* 【スマートフォン用のスタイル記述】 */
            @media screen and (min-width: 760px) {
                .indexLayout #c06 .w_box .icon {
                    font-size: 20px;
                }
                .indexLayout #c06 .voice_box .ttl {
                    font-size: 20px;
                }
            }

            /* 【タブレット用のスタイル記述】 */
            @media screen and (min-width: 960px) {
                .indexLayout #c06 .w_box > div {
                    padding: 80px 80px 60px;
                }
                .indexLayout #c06 .voice_box img {
                    margin-bottom: 0;
                    margin-right: 30px;
                    margin-left: 0;
                }
                .indexLayout #c06 .voice_box {
                    align-items: center;
                    display: flex;
                    justify-content: space-between;
                    margin-bottom: 30px;
                }
                .indexLayout #c06 .voice_box .ttl {
                    font-size: 24px;
                    width: 80%;
                }
            }



/* c07
------------------------------------*/
.indexLayout #c07 .w_box:not(:last-child) {
    margin-bottom: 20px;
}
.indexLayout #c07 .w_box > div {
    position: relative;
    padding-top: 70px;
}
.indexLayout #c07 .w_box > div::before, .indexLayout #c07 .w_box > div::after {
    position: absolute;
    color: #fff;
}
.indexLayout #c07 .w_box > div::before {
    content: "";
    background-color: #696767;
    width: 40px;
    height: 40px;
    top: 20px;
    border-radius: 50%;
    left: 20px;
}
.indexLayout #c07 .w_box > div::after {
    top: 25px;
    font-size: 18px;
    left: 30px;
}
.indexLayout #c07 .q01 > div::after {
    content: "01";
}
.indexLayout #c07 .q02 > div::after {
    content: "02";
}
.indexLayout #c07 .q03 > div::after {
    content: "03";
}
.indexLayout #c07 .q04 > div::after {
    content: "04";
}
.indexLayout #c07 .q_t {
    color: #9fa10f;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
}



            /* 【スマートフォン用のスタイル記述】 */
            @media screen and (min-width: 760px) {
                .indexLayout #c07 .w_box:not(:last-child) {
                    margin-bottom: 40px;
                }
                .indexLayout #c07 .w_box > div {
                    padding-top: 60px;
                    padding-left: 140px;
                }
                .indexLayout #c07 .w_box > div::after, .indexLayout #c07 .w_box > div::before {
                    top: 50%;
                    transform: translateY(-50%);
                }
                .indexLayout #c07 .w_box > div::after {
                    left: 61px;
                }
                .indexLayout #c07 .w_box > div::before {
                    width: 70px;
                    height: 70px;
                    left: 40px;
                }
                .indexLayout #c07 .w_box > div::after, .indexLayout #c07 .q_t {
                    font-size: 20px;
                }
            }

            /* 【タブレット用のスタイル記述】 */
            @media screen and (min-width: 960px) {
                .indexLayout #c07 .w_box > div::after, .indexLayout #c07 .q_t {
                    font-size: 24px;
                }
            }



/* c08
------------------------------------*/
.indexLayout #c08 .inner > p {
    text-align: center;
    margin-bottom: 40px;
}
.indexLayout #c08 .alert-danger {
    color: #de5151;
    border: 1px solid #de5151;
    padding: 5px;
  margin-top: 20px;
  text-align: left;
}
.indexLayout #c08 td input[type="text"], .indexLayout #c08 td textarea,
.indexLayout #c08 td input[type="email"], .indexLayout #c08 td input[type="tel"]{
    width: 100%;
    font-size: 100%;
    padding: 10px 0;
}
.indexLayout #c08 td .form-check label {
    display: block;
    margin-bottom: 5px;
}
.indexLayout #c08 td .form-check label input {
    display: inline-block;
    font-size: 100%;
    margin-right: 5px;
}
.indexLayout #c08 .btn , .confirmLayout .btn {
    border: none;
    padding: 20px 0;
}
.confirmLayout #c01 .w_box td {
    text-align: left;
}

            /* 【スマートフォン用のスタイル記述】 */
            @media screen and (min-width: 760px) {
                .indexLayout #c08 .inner > p {
                    margin-bottom: 60px;
                }
            }

            /* 【タブレット用のスタイル記述】 */
            @media screen and (min-width: 960px) {
            }