@charset "UTF-8";

/* 
----------------------------------------------------*/
.businessLayout .h2_wrap .h2_img {
    background-image: url("../img/business/h2_bg_sp.png");
    background-position: center right;
}
.businessLayout #c01 .h4_wrap, .businessLayout .h3_wrap {
    text-align: center;
}
.businessLayout #c01 .h4_wrap h4, .businessLayout .h3_wrap h3 {
    display: inline-block;
}
#main.businessLayout .inner p {
    line-height: 1.8;
}


        /* 【タブレット用のスタイル記述】 */
        @media screen and (min-width: 760px) {
            .businessLayout .h2_wrap .h2_img {
                background-image: url("../img/business/h2_bg.png");
            }
        }

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



/* c01
----------------------------------------------------*/
.businessLayout #c01 {
    padding-bottom: 0;
    text-align: center;
}
.businessLayout #c01 .bg {
    background-color: #f6f6e7;
    padding: 100px 0;
}
.businessLayout #c01::before {
    content: none;
}
.businessLayout #c01 ul > li {
    text-align: left;
}
.businessLayout #c01 ul > li a {
    text-decoration: underline;
}
.businessLayout #c01 ul > li a:hover {
    opacity: 1;
}
.businessLayout #c01 .inner {
    max-width: 1320px;
}
.businessLayout #c01 .business_link > .flex_box03:nth-child(1) a:hover {
    color: #58c9a3;
}
.businessLayout #c01 .business_link > .flex_box03:nth-child(2) a:hover {
    color: #4dbfcc;
}
.businessLayout #c01 .business_link > .flex_box03:nth-child(3) a:hover {
    color: #baaf72;
}
.businessLayout #c01 .business_link > .flex_box03:nth-child(4) a:hover {
    color: #da9f46;
}




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

        /* 【PC用のスタイル記述】 */
        @media screen and (min-width: 960px) {
            .businessLayout #c01 .bg {
                padding: 160px 0;
            }
        }



/* c02
----------------------------------------------------*/
.businessLayout #c02 .w_box:not(:last-of-type), .businessLayout #c02 .link_area:not(:last-of-type) {
    margin-bottom: 80px;
}
.businessLayout #c02 .link_txt {
    margin-top: 30px;
}
.businessLayout #c02 .link_area > .big_flex {
    margin-top: 40px;
}
.businessLayout #c02 ul > li:not(:first-child) .link_txt {
    margin-top: 10px;
}
.businessLayout #c02 .h3_wrap {
    text-align: left;
}
.businessLayout #c02 #link01 .h3_wrap .title04, .businessLayout #c02 .w_01 .title05,
.businessLayout #c02 .w_01 .link_txt {
    color: #58c9a3;
}
.businessLayout #c02 .w_01 .title05::before {
    background-color: #58c9a3;
}
.businessLayout #c02 #link02 .h3_wrap .title04, .businessLayout #c02 .w_02 .title05,
.businessLayout #c02 .w_02 .link_txt {
    color: #4ebfcd;
}
.businessLayout #c02 .w_02 .title05::before {
    background-color: #4ebfcd;
}
.businessLayout #c02 #link03 .h3_wrap .title04, .businessLayout #c02 .w_03 .title05,
.businessLayout #c02 .w_03 .link_txt {
    color: #baaf73;
}
.businessLayout #c02 .w_03 .title05::before {
    background-color: #baaf73;
}
.businessLayout #c02 #link04 .h3_wrap .title04, .businessLayout #c02 .w_04 .title05,
.businessLayout #c02 .w_04 .link_txt {
    color: #da9f46;
}
.businessLayout #c02 .w_04 .title05::before {
    background-color: #da9f46;
}
.businessLayout #c02 p > .link_txt {
    padding-right: 0;
}
.businessLayout #c02 p > .link_txt::after {
    content: none;
}


        /* 【タブレット用のスタイル記述】 */
        @media screen and (min-width: 760px) {
            .businessLayout #c02 .w_box:not(:last-of-type), .businessLayout #c02 .link_area:not(:last-of-type) {
                margin-bottom: 100px;
            }
        }

        /* 【PC用のスタイル記述】 */
        @media screen and (min-width: 960px) {
            .businessLayout #c02 .w_box:not(:last-of-type) {
                margin-bottom: 160px;
            }
        }