/* ------------------------------
 TYLO
------------------------------ */
#footer_top {
    margin-top:0;
}

#main_contents {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

section * {
    box-sizing:border-box;
    line-height:1.9;
}


@media screen and (min-width:768px) {
    section * {
        font-size:18px;
    }
}

@media screen and (max-width:767px) {
    section * {
        font-size:16px;
    }
}

img {
    max-width:100%;
    height:auto;
}

em {
    font-style:normal;
}

dt, dd {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight:normal;
}


.br_sp {
    display:none;
}

@media screen and (max-width:767px) {
    .br_sp {
        display:block;
    }
    .br_pc {
        display:none;
    }
}



/* -------------------- 
 LAYOUT 
-------------------- */
.l_inner {
    max-width:1280px;
    width:100%;
    margin:0 auto;
}

@media screen and (min-width:768px) {
    .l_inner {
        padding:0 40px;
    }
    .l_flex {
        display:flex;
        justify-content:space-between;
    }
    .l_flex_reverse {
        flex-direction:row-reverse;
    }
}

@media screen and (max-width:767px) {
    .l_inner {
        padding:0 20px;
    }
    .l_flex {
        display:block;
    }
}

.txt_min {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.title_border {
    text-align:center;
    padding-bottom:20px;
    margin-bottom:30px;
    border-bottom:2px solid #000;
    line-height:1.4;
    letter-spacing:2px;
    font-weight:600;
}

#main_contents .title_l,
#main_contents .title_m,
#main_contents .title_s,
#main_contents .title_ss {
    line-height:1.5;
    font-weight:600;
}

@media screen and (min-width:768px) {
    .title_l {
        font-size:36px;
    }
    .title_m {
        font-size:32px;
    }
    .title_s {
        font-size:24px;
    }
    .title_ss {
        font-size:20px;
    }
    .title_border {
        font-size:36px;
        max-width:calc(100% - 80px);
        margin:0 auto;
    }
}

@media screen and (max-width:767px) {
    .title_l {
        font-size:24px;
    }
    .title_m {
        font-size:21px;
    }
    .title_s {
        font-size:19px;
    }
    .title_ss {
        font-size:17px;
    }
    .title_border {
        font-size:24px;
        max-width:calc(100% - 40px);
        margin:0 auto;
    }
}

/* -------------------- 
 MV 
-------------------- */
#mv {
    text-align:center;
    background:url(../images/tylo/main_bg_01.jpg) no-repeat center center;
    background-size:cover;
    position:relative;
}

#mv p {
    line-height:1.8;
}

@media screen and (min-width:768px) {
    #mv {
      padding:140px 0;  
    }
    #mv h1 {
        font-size:38px;
        letter-spacing:2px;
        font-weight:400
    }
    #mv h2 {
        font-size:36px;
        margin-top:60px;
        font-weight:400;
        letter-spacing:2px;
    }
    #mv .txt_wrap {
        margin-top:30px;
    }
    #mv p {
        font-size:28px;
    }
}

@media screen and (max-width:767px) {
    #mv {
      padding:100px 0;  
    }
    #mv h1 {
        font-size:28px;
        line-height:1.2;
    }
    #mv h2 {
        font-size:22px;
        margin-top:40px;
    }
    #mv p {
        font-size:18px;
        margin-top:30px;
    }
}


/* -------------------- 
 BTN_SIDE 
-------------------- */
.btn_side_wrap {
    position:fixed;
    right:0;
    z-index:1;
    top:50%;
}

.btn_side {
    border-radius:10px 0 0 10px;
}

.btn_side_01 {
    background:#7AA56A;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    padding-top:20px;
    transition:.3s;
}

.btn_side_01:before {
    content: '';
    width:20px;
    height:20px;
    display: inline-block;
    background: url(../images/tylo/icon_email_w.svg) no-repeat center center;
    background-size: contain;
    margin-right: 10px;
    position:absolute;
    left:50%;
    margin-left:-10px;
}

.btn_side_02 {
    background:#436038;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.3s;
}

.btn_side_01:hover {
    background:#436038;
}

.btn_side_02:hover {
    background:#7AA56A;
}

@media screen and (min-width:768px) {
    .btn_side_wrap {
        margin-top:-220px;
        width:50px;
    }
    .btn_side {
        width:50px;
        height:210px;
    }
    .btn_side_01:before {
        top:20px;
    }
    .btn_side_02 {
        margin-top:10px;
    }
}

@media screen and (max-width:767px) {
    .btn_side_wrap {
        display:none;
    }
}


/* -------------------- 
 BTN_FOOTER
-------------------- */
#return_top a {
    display:none !important;
}

.btn_footer_wrap {
    display:none;
}

@media screen and (max-width:767px) {
    .btn_footer_wrap {
        display:block;
        position:fixed;
        left:0;
        bottom:0;
        width:100%;
        height:60px;
        z-index:10;
        display:flex;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
    }
    .btn_footer {
        width:calc(100% /2);
        height:60px;
        line-height:60px;
        text-align:center;
        color:#fff;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    .btn_footer_01 {
        background:#7aa56a;
        transition:.3s;
    }
    .btn_footer_01:before {
        content: '';
        display: inline-block;
        background: url(../images/tylo/icon_email_w.svg) no-repeat center center;
        background-size: contain;
        margin-right: 5px;
        width:24px;
        height:20px;
    }
    .btn_footer_02 {
        background:#436038;
        transition:.3s;
    }
    .btn_footer_01:hover {
        color:#ff0;
    }
    .btn_footer_02:hover {
        color:#ff0;
    }
}

/* -------------------- 
 SEC_AGENCY 
-------------------- */
#sec_agency {
    padding:100px 0;
}

#sec_agency .title_l {
    color:#7AA56A;
    text-align:center;
    letter-spacing:2px;
}

#sec_agency .l_flex {
    align-items:center;
}

#sec_agency .l_flex_logo {
    margin-top:60px;
}

#sec_agency .l_flex_logo img {
    max-width:214px;
}


@media screen and (min-width:768px) {
    #sec_agency .l_flex_logo .txt_wrap {
        width:54%;
    }
    #sec_agency .l_flex_logo .logo_wrap {
        width:46%;
        text-align:center;
    }
}

@media screen and (max-width:767px) {
    #sec_agency .logo_wrap {
        margin-top:40px;
        text-align:center;
    }
}

/* -------------------- 
 SEC_CATALOG 
-------------------- */
.sec_catalog {
    border:2px solid #436038;
    padding:20px;
    margin-top:50px;
}

.sec_catalog .l_flex {
    align-items:center;
}

.sec_catalog .title_s {
    color:#436038;
}

.sec_catalog .txt {
    margin-top:20px;
}

.sec_catalog  .btn_download {
    background:#436038;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px;
    line-height:1.2;
    transition:.3s;
}

.sec_catalog  .btn_download:hover {
    background:#7AA56A;
}

.sec_catalog  .btn_download:before {
    content:'';
    display:inline-block;
    background:url(../images/tylo/icon_pdf_w.svg) no-repeat center center;
    background-size:contain;
}

@media screen and (min-width:768px) {
    .sec_catalog {
        padding:40px;
    }
    .sec_catalog  .txt_wrap {
        width:45%;
    }
    .sec_catalog  .btn_download {
        width:45%;
        max-width:503px;
        height:90px;
        font-size:20px;
    }
    .sec_catalog  .btn_download:before {
        width:50px;
        height:50px;
        margin-right:10px;
    }
}
@media screen and (max-width:767px) {
    .sec_catalog {
        padding:30px 20px;
    }
    .sec_catalog h3 {
        text-align:center;
    }
    .sec_catalog  .btn_download {
        max-width:300px;
        height:60px;
        font-size:15px;
        margin:20px auto 0;
    }
    .sec_catalog  .btn_download:before {
        width:30px;
        height:30px;
        margin-right:5px;
    }
}

/* -------------------- 
 SEC_CONTACT 
-------------------- */
.sec_contact {
    background:#E3EADF;
    padding:100px 0;
    text-align:center;
}

.sec_contact .title_m {
    letter-spacing:2px;
}

.sec_contact .lead {
    margin-top:40px;
}

.btn_contact {
    background:#7AA56A;
    color:#fff;
    max-width:770px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:30px auto 0;
    transition:.3s;
}

.btn_contact:hover {
    background:#436038;
    color:#fff;
}

.btn_contact:before {
    content:'';
    display:inline-block;
    background:url(../images/tylo/icon_email_w.svg) no-repeat center center;
    background-size:contain;
    margin-right:10px;
}

@media screen and (min-width:768px) {
    .btn_contact {
        height:90px;
        font-size:24px;
    }
    .btn_contact:before {
        width:44px;
        height:34px;
    }
}

@media screen and (max-width:767px) {
    .btn_contact {
        height:60px;
        font-size:18px;
    }
    .btn_contact:before {
        width:34px;
        height:24px;
    }
}

/* -------------------- 
 SEC_ABOUT 
-------------------- */
#sec_about {
    padding:100px 0;
}

#sec_about .title_l {
    color:#7AA56A;
}

#sec_about .sec_detail {
    margin-top:70px;
}

#sec_about .sec_detail .title_m,#sec_about .sec_detail .title_s {
    color:#7AA56A;
    line-height:1.4;
}

#sec_about .sec_detail .title_m {
    letter-spacing:2px;
}

#sec_about .txt {
    margin-top:20px;
}

@media screen and (min-width:768px) {
    #sec_about .sec_detail .txt_wrap {
    width:48%;
    }
    #sec_about .sec_detail .img_wrap {
        width:48%;
    }
    #sec_about .sec_detail_last .img_wrap {
        margin-top:30px;
    }
}

@media screen and (max-width:767px) {
    #sec_about .title_l {
        text-align:center;
    }
    #sec_about .sec_detail .img_wrap {
        margin-top:20px;
    }
}

/* -------------------- 
 SEC_POINT 
-------------------- */
#sec_point .title_m {
    padding:100px 0 0;
    text-align:center;
    color:#7AA56A;
}

.sec_point_detail {
    margin-top:30px;
}

.list_point li .title_s {
    font-weight:bold;
}

.list_point dt p {
    background:#436038;
    color:#fff;
    text-align:center;
    display:flex;
    align-items:center;
    align-content:center;
    align-self:center;
    justify-content:center;
    flex-wrap:wrap;
    line-height:1;
}

.list_point dt small {
    display:block;
    width:100%;
    text-align:center;
    line-height:1.3;
}

.list_point dd p {
    margin-top:10px;
}

@media screen and (min-width:768px) {
    .sec_point_detail {
        padding:60px;
        margin-top:60px;
        border:20px solid #BAC9B2;
    }
    .list_point li {
        margin-top:60px;
    }
    .list_point dl {
        align-items:flex-start;
        display:flex;
        justify-content:space-between;
    }
    .list_point dt {
        width:90px;
    }
    .list_point dd {
        width:calc(100% - 120px);
    }
    .list_point dt p {
        font-size:30px;
        width:90px;
        height:90px;
        border-radius:45px;
    }
    .list_point dt small {
        font-size:20px;
    }
}

@media screen and (max-width:767px) {
    .sec_point_detail {
        padding:24px;
        margin-top:40px;
        border:10px solid #BAC9B2;
    }
    .list_point li {
        margin-top:40px;
    }
    .list_point dl {
        display:block;
    }
    .list_point dt {
        margin: 0 auto;
        display: block;
        width: 60px;
    }
    .list_point dt p {
        font-size:18px;
        width:60px;
        height:60px;
        border-radius:30px;
    }
    .list_point dt small {
        font-size:12px;
    }
    .list_point dd {
        margin-top:20px;
    }
}

/* -------------------- 
 SEC_SAUNA 
-------------------- */
#sec_sauna {
    background:#BAC9B2;
    padding:100px 0;
}

#sec_sauna .title_border {
    color:#fff;
    border-color:#fff;
}

#sec_sauna .sec_item {
    background:#fff;
}

#sec_sauna .sec_item .title_wrap {
    color:#436038;
}

#sec_sauna .sec_item h3 {
    font-weight:600;
}

#sec_sauna .sec_item .txt {
    margin-top:10px;
}

#sec_sauna .sec_item table {
    width:100%;
    margin-top:20px;
    border-bottom:1px solid #6B6B6B;
}

#sec_sauna .sec_item .table_01 th {
    width:150px;
    text-align:left;
    padding:5px;
    border-top:1px solid #6B6B6B;
    font-weight:600;
}

#sec_sauna .sec_item .table_01 td {
    width:calc(100% - 150px);
    padding:5px;
    border-top:1px solid #6B6B6B;
}

#sec_sauna .sec_item .table_02 th {
    text-align:left;
    padding:5px;
    border-top:1px solid #6B6B6B;
    font-weight:600;
}

#sec_sauna .sec_item .table_02 th:first-child {
    width:40%;
}
#sec_sauna .sec_item .table_02 th:last-child {
    width:60%;
}

#sec_sauna .sec_item .table_02 td {
    padding:5px;
    border-top:1px solid #6B6B6B;
}

.btn_catalog {
    background:#436038;
    color:#fff;
    max-width:360px;
    width:100%;
    margin:30px auto 0;
    display:block;
    text-align:center;
    padding:10px;
    transition:.3s;
}

.btn_catalog:hover {
    background:#7AA56A;
    color:#fff;
}

@media screen and (min-width:768px) {
    #sec_sauna .sec_item {
        padding:50px;
        margin-top:50px;
    }
    #sec_sauna .sec_item h3 {
        font-size:28px;
    }
    #sec_sauna .sec_item h4 {
        font-size:21px;
    }
    #sec_sauna .sec_item .img_wrap {
        max-width:40%;
    }
    #sec_sauna .sec_item .txt_wrap {
        max-width:48%;
    }
}

@media screen and (max-width:767px) {
    #sec_sauna .sec_item {
        padding:30px 20px;
        margin-top:50px;
    }
    #sec_sauna .sec_item .title_wrap {
        text-align:center;
    }
    #sec_sauna .sec_item h3 {
        font-size:24px;
    }
    #sec_sauna .sec_item h4 {
        font-size:18px;
        text-align:center;
        margin-top:10px;
    }
    #sec_sauna .sec_item .img {
        text-align:center;
        margin-top:10px;
    }
    #sec_sauna .sec_item .img img {
        max-width:340px;
        width:100%;
    }
}


/* -------------------- 
 SEC_DOC 
-------------------- */
#sec_doc {
    background:#EBF0E9;
    margin-top:60px;
    text-align:center;
}

#sec_doc h3 {
    color:#436038;
    font-weight:normal;
    font-weight:600;
    letter-spacing:2px;
}

#sec_doc .txt {
    margin-top:20px;
}

@media screen and (min-width:768px) {
    #sec_doc {
        padding:50px 40px;
    }
    #sec_doc h3 {
        font-size:30px;
    }
}

@media screen and (max-width:767px) {
    #sec_doc {
        padding:30px 20px;
    }
    #sec_doc h3 {
        font-size:20px;
    }
}

/* -------------------- 
 SEC_SHOWROOM 
-------------------- */
#sec_showroom {
    padding:100px 0;
    background:url(../images/tylo/co_bg_01.jpg) no-repeat center center;
    background-size:cover;
    text-align:center;
    color:#fff;
}

#sec_showroom .title_txt {
    text-align:center;
    margin-bottom:10px;
    color:#fff;
}

#sec_showroom .title_l {
    letter-spacing:2px;
}

#sec_showroom .txt,#sec_showroom .address {
    color:#fff;
    margin-top:20px;
}

#sec_showroom .btn_border_w {
    max-width:367px;
    margin:40px auto 0;
    border:1px solid #fff;
    color:#fff;
    display:block;
    padding:10px;
}

#sec_showroom .title_s {
    margin-top:40px;
}


/* -------------------- 
 SEC_TYLO_FEATURE 
-------------------- */
#sec_tylo_feature {
    padding:100px 0;
    counter-reset: number 0;
}

#sec_tylo_feature .title_l {
    color:#436038;
    text-align:center;
    letter-spacing:2px;
}

#sec_tylo_feature .list_feature_wrap .l_flex {
    flex-wrap:wrap;
    margin-top:40px;
}

#sec_tylo_feature .sec_detail {
    width:31%;
    border:1px solid #754C24;
    padding:40px;
}

#sec_tylo_feature .sec_detail .title_s {
    position:relative;
}

#sec_tylo_feature .sec_detail .title_s:before {
    counter-increment: number 1;
    content: counter(number);
    background:#436038;
    color:#fff;
    display:block;
    text-align:center;
    position:absolute;
    left:0;
    top:50%;
}

#sec_tylo_feature .sec_detail p {
    margin-top:20px;
}

@media screen and (min-width:768px) {
    #sec_tylo_feature .sec_detail {
        padding:30px 20px;
    }
    #sec_tylo_feature .sec_detail:nth-child(n+4) {
        margin-top:40px;
    }
    #sec_tylo_feature .sec_detail .title_s {
        padding-left:60px;
    }
    #sec_tylo_feature .sec_detail .title_s:before {
        width:50px;
        height:50px;
        border-radius:25px;
        line-height:50px;
        margin-top:-25px;
    }
}

@media screen and (max-width:767px) {
    #sec_tylo_feature .sec_detail {
        padding:30px 20px;
    }
    #sec_tylo_feature .sec_detail {
        margin-top:30px;
        width:100%;
        max-width:500px;
        margin:30px auto 0;
    }
    #sec_tylo_feature .sec_detail .title_s {
        padding-left:50px;
    }
    #sec_tylo_feature .sec_detail .title_s:before {
        width:40px;
        height:40px;
        border-radius:20px;
        line-height:40px;
        margin-top:-20px;
    }
}

/* -------------------- 
 SEC_TYLO
-------------------- */
#sec_tylo {
    margin-top:40px;
}
#sec_tylo h3 {
    color:#436038;
    font-weight:600;
    letter-spacing:2px;
}
#sec_tylo .txt {
    margin-top:20px;
}

#sec_tylo .link_txt {
    color:#0F1CB4;
    padding-left:20px;
    position:relative;
    margin-top:5px;
    display:block;
}

#sec_tylo .link_txt:before {
    content:'>';
    position:absolute;
    left:0;
    top:0;
}

#sec_tylo .logo_wrap {
    text-align:center;
}

#sec_tylo .logo_wrap img {
    max-width:214px;
}

@media screen and (min-width:768px) {
    #sec_tylo {
        padding:40px;
        border:20px solid #BAC9B2;
    }
    #sec_tylo h3 {
        font-size:29px;
    }
    #sec_tylo .txt_wrap {
        width:64%;
    }
    #sec_tylo .logo_wrap {
        width:36%;
        margin-top:30px;
    }
}
@media screen and (max-width:767px) {
    #sec_tylo {
        padding:20px;
        border:5px solid #BAC9B2;
    }
    #sec_tylo .l_flex {
        margin-top:30px;
    }
    #sec_tylo h3 {
        font-size:24px;
        text-align:center;
    }
}


/* -------------------- 
 SEC_SAUNA_FEATURE
-------------------- */
#sec_sauna_feature {
    background:#F6F6F6;
    padding:100px 0;
    counter-reset: number 0; 
}

#sec_sauna_feature .lead {
    text-align:center;
    margin-top:30px;
}

#sec_sauna_feature .title_s {
    position:relative;
}

#sec_sauna_feature .title_s:before {
    counter-increment: number 1;
    content: counter(number,decimal-leading-zero);
    position:absolute;
    color:#436038;
    font-style:italic;
    font-family: "Bodoni Moda", serif;
    font-optical-sizing: auto;
    font-weight: 400;
}

#sec_sauna_feature .sec_detail .txt {
    margin-top:20px;
}

@media screen and (min-width:768px) {
    #sec_sauna_feature .title_s {
        padding-left:80px;
    }
    #sec_sauna_feature .title_s:before {
        font-size:70px;
        left:-18px;
        top:-35px;
    }

    #sec_sauna_feature .sec_detail {
        margin-top:60px;
    }
    #sec_sauna_feature .sec_detail .img_wrap {
        width:48%;
    }

    #sec_sauna_feature .sec_detail .txt_wrap {
        width:48%;
        margin-top:30px;
    }
    #sec_sauna_feature .title_s:before {
    }
}

@media screen and (max-width:767px) {
    #sec_sauna_feature .title_s {
        padding-left:55px;
    }
    #sec_sauna_feature .title_s:before {
        font-size:40px;
        left:-10px;
        top:-16px;
    }
    #sec_sauna_feature .lead {
        margin-bottom:40px;
    }
    #sec_sauna_feature .sec_detail {
        max-width:500px;
    }

    #sec_sauna_feature .sec_detail + .sec_detail {
        margin-top:60px;
    }

    #sec_sauna_feature .sec_detail .txt_wrap {
        margin-top:10px;
    }
}

/* -------------------- 
 SEC_INSTALL
-------------------- */
#sec_install {
    padding:100px 0;
}

#sec_install .title_border {
    color:#436038;
    border-color:#436038;
}

#sec_install .lead {
    text-align:center;
    margin-top:40px;
}

#sec_install .lead + .l_flex {
    margin-top:40px;
}

#sec_install .sec_detail {
    width:48%;
}

#sec_install .sec_detail h3 {
    text-align:center;
}

#sec_install .sec_detail .title_wrap p {
    text-align:center;
}

#sec_install .sec_detail .img_wrap {
    margin-top:10px;
}

#sec_install .sec_detail .txt {
    margin-top:10px;
}

@media screen and (max-width:767px) {
    #sec_install .sec_detail {
        max-width:500px;
        width:100%;
        margin:40px auto 0;
    }
}

/* -------------------- 
 SEC_FLOW
-------------------- */
#sec_flow {
    padding:100px 0;
    background:#BAC9B2;
}

#sec_flow .flow_wrap {
    background:#fff;
    margin-top:40px;
}

.list_flow li {
    position:relative;
}
.list_flow li + li:before {
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    border-top: 12px solid #436038;
    border-bottom: 0;
    position:absolute;
}

.list_flow dl {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
}

.list_flow dt {
    display:flex;
    justify-content:space-between;
    align-items:42px;
    border:1px solid #436038;
}

.list_flow dt em {
    text-align:center;
    background:#436038;
    color:#fff;
}

.list_flow dd h3 {
    font-weight:normal;
}

@media screen and (min-width:768px) {
    #sec_flow .flow_wrap {
        padding:60px 100px;
    }

    .list_flow li + li {
        margin-top:60px;
    }

    .list_flow li + li:before {
        top:-30px;
        left:51px;
    }
    .list_flow dt {
        font-size:19px;
        width:125px;
        padding-left:20px;
    }
    .list_flow dt em {
        width:40px;
    }
    .list_flow dd {
        width:calc(100% - 125px);
        padding-left:50px;
    }
    .list_flow dd h3 {
        font-size:22px;
    }
}

@media screen and (max-width:767px) {
    #sec_flow .flow_wrap {
        padding:30px 20px;
    }

    .list_flow li + li {
        margin-top:50px;
    }

    .list_flow li + li:before {
        top:-30px;
        left:50%;
        margin-left:-9px;
    }
    .list_flow dt {
        font-size:17px;
        width:84px;
        padding-left:4px;
        margin-top:3px;
    }
    .list_flow dt em {
        width:30px;
    }
    .list_flow dd {
        width:calc(100% - 100px);
    }
    .list_flow dd h3 {
        font-size:18px;
    }
}

/* -------------------- 
 SEC_SUPPORT
-------------------- */
#sec_support {
    padding:100px 0;
}

#sec_support .sec_detail {
    margin-top:60px;
}

@media screen and (min-width:768px) {
    #sec_support .sec_detail .txt {
        margin-top:5px;
        padding-left:20px;
    }
}

@media screen and (max-width:767px) {
    #sec_support .sec_detail .txt {
        margin-top:5px;
        padding-left:10px;
    }
}

/* -------------------- 
 SEC_GUIDE
-------------------- */
#sec_guide {
    padding:40px;
    margin-top:60px;
}

#sec_guide .title_m {
    text-align:center;
    color:#436038;
    letter-spacing:2px;
}

#sec_guide .lead {
    margin-top:30px;
}

#sec_guide .sec_box {
    border:1px solid #707070;
}

#sec_guide .title_ss {
    color:#436038;
    text-align:center;
}

#sec_guide .sec_box .txt {
    margin-top:20px;
}

#sec_guide .btn_detail {
    background:#436038;
    color:#fff;
    max-width:360px;
    width:100%;
    margin:20px auto 0;
    display:block;
    text-align:center;
    padding:10px;
    transition:.3s;
}

#sec_guide .btn_detail:hover {
    background:#7AA56A;
}

#sec_guide .l_flex + .txt {
    text-align:center;
}


@media screen and (min-width:768px) {
    #sec_guide {
        padding:60px 50px;
        border:20px solid #BAC9B2;
    }
    #sec_guide .l_flex {
        margin-top:40px;
    }
    #sec_guide .lead {
        text-align:center;
    }
    #sec_guide .sec_box {
        width:48%;
        padding:40px;
    }
    #sec_guide .l_flex + .txt {
        margin-top:40px;
    }
}

@media screen and (max-width:767px) {
    #sec_guide {
        padding:30px 20px;
        border:5px solid #BAC9B2;
    }
    #sec_guide .l_flex {
        margin-top:30px;
    }
    #sec_guide .sec_box {
        padding:30px 20px;
        margin-top:20px;
    }
    #sec_guide .l_flex + .txt {
        margin-top:30px;
    }
}



/* -------------------- 
 SEC_SAUNA_CONTACT
-------------------- */
#sec_support + .sec_contact {
    background:url(../images/tylo/main_bg_01.jpg) no-repeat center center;
    background-size:cover;
}




/* -------------------- 
 SEC_TYLO_FORM
-------------------- */
#sec_tylo_form {
    padding:120px 0;
}

#sec_tylo_form .title_l {
    text-align:center;
    color:#436038;
    font-weight:normal;
    font-weight:600;
    letter-spacing:2px;
}

#sec_tylo_form .lead {
    max-width:800px;
    margin:50px auto 0;
}

#sec_tylo_form .list_form {
    margin-top:50px;
}

#sec_tylo_form .list_form li {
    padding:20px 10px;
    border-top:1px solid #707070;
}

#sec_tylo_form .txt {
    margin:30px auto;
}

#sec_tylo_form .txt + p {
    text-align:center;
}

#sec_tylo_form .btn_wrap {
    margin:40px auto 0;
    text-align:center;
}

#sec_tylo_form .btn_wrap input[type="submit"]{
    max-width:360px;
    width:100%;
    height:50px;
    font-weight:normal;
    border:1px solid #707070;
    cursor:pointer;
}

#sec_tylo_form .btn_wrap .btn_back {
    max-width:200px !important;
}

#sec_policy {
    border-top:1px solid #707070;
    border-bottom:1px solid #707070;
    padding:40px 0;
}

#sec_policy .title_s {
    color:#436038;
}

#sec_policy .list_dot {
    margin-top:20px;
}

#sec_policy .list_dot li {
    position:relative;
    padding-left:20px;
}

#sec_policy .list_dot li:before {
    content:'・';
    position:absolute;
    left:0;
    top:0;
}

form input[type=email],
form input[type=tel],
form input[type=text],
form select,
form textarea {
  width: 100%;
  min-height: 50px;
  letter-spacing: .07em;
  border: none;
  border-radius: 0;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:1px solid #707070;
  padding:0 10px;
  font-weight:normal;
}

form .required {
    font-size:16px;
    background:#742C33;
    border-radius:3px;
    margin-left:10px;
    color:#fff;
    padding:1px 6px;
    display:inline-block;
    line-height:1.4;
}

@media screen and (min-width:768px) {
    #sec_tylo_form .list_form dl {
        display:flex;
        align-items:center;
    }
    #sec_tylo_form .list_form dt {
        width:300px;
    }
    #sec_tylo_form .list_form dd {
        width:calc(100% - 300px);
    }
}

@media screen and (max-width:767px) {
    #sec_tylo_form .list_form dl {
        display:block;
    }
    #sec_tylo_form .list_form dd {
        margin-top:10px;
    }
}


#sec_thanks {
    margin-top:40px;
    text-align:center;
}

#sec_thanks .title_s {
    margin-bottom:40px;
}

#sec_thanks .btn_home {
    background: #436038;
    color: #fff;
    max-width: 360px;
    width:100%;
    margin: 40px auto 0;
    display: block;
    text-align: center;
    padding: 10px;
    transition:.3s;
}

#sec_thanks .btn_home:hover {
    background:#7AA56A;
}