@charset "utf-8";
                /* Common
------------------------- */
                
                .bg-color {
                    background-color: #cd244b;
                }
                
                .sp-br {
                    display: none;
                }
                /* Override
------------------------------------------------------------*/
                
                #footer_sitemap {
                    display: none;
                }
                
                #footer #footer_navi,
                #footer #footer_navi ul li {
                    background-color: #4b3938;
                }

                .footer_logo{
                    width: 13%;
                }
                @media screen and (max-width: 640px) {
                .footer_logo{
                    width: 40%;
                }
                }
                /* block_title
------------------------------------------------------------*/
                
                .block_title {
                    width: 780px;
                    margin: 40px auto 40px;
                }
                
                .block_title h2,
                .block_title p {
                    text-align: center;
                    font-size: 18px;
                    color: #cd244b;
                }
                
                .block_title h2 {
                    margin-bottom: 20px;
                }
                
                .block_title h2 img,
                .block_title p img {
                    display: inline-block;
                }
                /* link_block
------------------------------------------------------------*/
                
                .link_block p {
                    text-align: center;
                }
                
                .link_block p img {
                    display: inline-block;
                }
                
                .link_block .link_catch {
                    margin-bottom: 20px;
                }
                
                .link_block .action-btn a {
                    display: block;
                    position: relative;
                    overflow: hidden;
                    width: 510px;
                    margin: 30px 10px;
                    padding: 20px 35px;
                    border-radius: 5px;
                    background-color: #9dc700;
                    box-shadow: 0 6px #88a80f;
                    text-align: right;
                }
                
                .link_block .action-btn a:before {
                    content: "";
                    background-image: linear-gradient( 30deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%);
                    width: 200%;
                    height: 200%;
                    position: absolute;
                    top: -100%;
                    left: -200%;
                    transition: all 0.5s;
                }
                
                .link_block .action-btn a:hover:before {
                    top: 0%;
                    left: 100%;
                }
                /*------------------------------------------------------------
##############################################################
■ Layout
##############################################################
------------------------------------------------------------*/
                
                .lp_contents {
                    /* margin: 0 auto;
    width: 1200px; */
                }
                /*------------------------------------------------------------
##############################################################
■ Contents
##############################################################
------------------------------------------------------------*/
                /* page_header_block
------------------------------------------------------------*/
                
                #logo {
                    margin-bottom: 1px;
                }
                
                #page_header_block #header_btn_block {
                    z-index: 10;
                }
                
                #page_header_block #line_header #header_btn {
                    position: absolute;
                    right: 0;
                    top: -35px;
                }
                
                #page_header_block #content_header {
                    padding-top: 0px;
                    /* padding-bottom: 40px; */
                    background-color: #cd244b;
                }
                
                #page_header_block #header_img,
                #page_header_block h1,
                #page_header_block #catch,
                #page_header_block #header_copy {
                    text-align: center;
                }
                /* #page_header_block #header_img img,
#page_header_block h1 img,
#page_header_block #catch img,
#page_header_block #header_copy img {
    display: inline-block;
} */
                
                #page_header_block h1 {
                    margin-top: 20px;
                    margin-bottom: 20px;
                }
                
                #page_header_block #catch {
                    padding: 10px 0;
                    background-color: #ffebf1;
                }
                /* recommend_block
------------------------------------------------------------*/
                
                #recommend_block {
                    border-top: 1px solid #cd244b;
                    background-color: #f2f1f4;
                }
                
                #recommend_block .lp_contents {
                    margin-top: -70px;
                    padding-left: 40px;
                    padding-right: 40px;
                    padding-bottom: 70px;
                    background: url(../images/bg_recommend.png) right 20px top -30px no-repeat;
                }
                
                #recommend_block .lp_contents .block_title {
                    padding-top: 70px;
                }
                
                #recommend_block .recommend_offer.bottom {
                    margin-bottom: 50px;
                }
                
                #recommend_block .recommend_offer_block {
                    padding: 5px;
                    border: 1px solid #f2f1f4;
                    background-color: #fff;
                }
                
                #recommend_block .recommend_offer_block .lead {
                    /* padding: 20px 30px; */
                    border-top: 5px solid #cd244b;
                    color: #4b3938;
                    font-size: 18px;
                    font-weight: bold;
                }
                
                #recommend_block .recommend_offer_block dl {
                    margin: 0 30px 30px;
                }
                
                #recommend_block .recommend_offer_block dt,
                #recommend_block .recommend_offer_block dd {
                    margin-bottom: 5px;
                    padding-bottom: 5px;
                    border-bottom: 1px dotted #cccccc;
                    font-size: 16px;
                }
                
                #recommend_block .recommend_offer_block dt {
                    font-weight: bold;
                }
                /* about_block
------------------------------------------------------------*/
                
                #about_block {
                    margin-bottom: 70px;
                    position: relative;
                }
                
                #about_block .circle_img {
                    position: absolute;
                    top: -120px;
                    left: -80px;
                }
                
                #about_block #career_style {
                    /* display: table;
    width: 1200px; */
                    margin: 80px 0 0;
                    border-collapse: separate;
                    border-spacing: 26px;
                }
                
                #about_block #career_style p {
                    /* display: table-cell; */
                    /* width: 270px; */
                }
                
                #about_block #offering_job {
                    margin: 0 0 50px;
                    padding: 50px;
                    background: url(../images/bg_offering_job.jpg) center bottom no-repeat #fef0f4;
                }
                
                #about_block #offering_job h3 {
                    width: 580px;
                    margin: 0 auto 20px;
                    text-align: center;
                    font-weight: bold;
                    font-size: 22px;
                    background: url(../images/bg_offering_job_title.png) left center repeat-x;
                    color: #4b3938;
                }
                
                #about_block #offering_job h3 span {
                    background-color: #fef0f3;
                    padding: 10px;
                }
                
                #about_block #offering_job p {
                    width: 580px;
                    margin: 0 auto 20px;
                    text-align: center;
                    font-size: 18px;
                    line-height: 1.8;
                    color: #4b3938;
                }
                /* problem_block
------------------------------------------------------------*/
                
                #problem_block {
                    /* padding-top: 60px; */
                    padding-bottom: 70px;
                    background-color: #f2f1f4;
                }
                
                #problem_block .lp_contents {
                    position: relative;
                }
                
                #problem_block .block_title {
                    margin-top: 30px;
                    margin-bottom: 80px;
                }
                
                #problem_block .circle_img {
                    position: absolute;
                    /* bottom: 20px; */
                    right: -110px;
                }
                
                #problem_block .qa {
                    margin: 0 0 40px;
                }
                
                #problem_block .qa_block {
                    float: right;
                    width: 580px;
                    display: table;
                }
                
                #problem_block .qa_block:first-child {
                    float: left;
                    margin-right: 40px;
                }
                
                #problem_block .qa_block dt,
                #problem_block .qa_block dd {
                    width: 580px;
                    display: table-cell;
                    padding: 10px;
                    vertical-align: top;
                    position: relative;
                }
                
                #problem_block .qa_block dt {
                    font-size: 16px;
                    line-height: 1.6;
                    font-weight: bold;
                    background: url(../images/bg_qa.gif) left top repeat;
                    color: #fff;
                    height: 170px;
                }
                
                #problem_block .qa_block dd {
                    font-size: 14px;
                    line-height: 1.6;
                    background-color: #fff;
                }
                
                #problem_block .qa_block dt .icon {
                    position: absolute;
                    top: 10px;
                    left: 10px;
                }
                
                #problem_block .qa_block dd .icon {
                    position: absolute;
                    bottom: 10px;
                    right: 10px;
                }
                
                #problem_block .qa_block dt .text,
                #problem_block .qa_block dd .text {
                    display: block;
                    padding: 10px 20px;
                    position: relative;
                }
                
                #problem_block .qa_block dd .text a.arrow {
                    display: inline-block;
                    margin-top: 16px;
                    padding-left: 20px;
                    background: url(../images/arrow.png) left center no-repeat;
                    color: #d43a5d;
                }
                /* msjapan_block
------------------------------------------------------------*/
                
                #msjapan_block {
                    margin-bottom: 70px;
                    position: relative;
                }
                
                #msjapan_block .circle_img {
                    position: absolute;
                    top: -120px;
                    left: 15px;
                }
                
                #msjapan_block #strong_point {
                    margin: 10px 0 60px;
                }
                
                #msjapan_block .strong_point_con {
                    float: left;
                    position: relative;
                }
                
                #msjapan_block .strong_point_con:first-child {
                    /* margin-left: 0; */
                }
                
                #msjapan_block .strong_point_con p {
                    margin-bottom: 30px;
                    text-align: center;
                }
                
                #msjapan_block .strong_point_con p img {
                    display: inline-block;
                }
                
                #msjapan_block .strong_point_con dt {
                    display: table;
                    margin-bottom: 15px;
                    font-size: 16px;
                    font-weight: bold;
                    color: #4b3938;
                }
                
                #msjapan_block .strong_point_con dt .icon,
                #msjapan_block .strong_point_con dt .text {
                    display: table-cell;
                    vertical-align: middle;
                    height: 100px;
                }
                
                #msjapan_block .strong_point_con dt .icon img {
                    margin-right: 30px;
                }
                
                #msjapan_block .strong_point_con dd {
                    margin: -20px 0 40px;
                    font-size: 16px;
                }
                /* bottom_
------------------------------------------------------------*/
                
                #bottom_image {
                    margin-bottom: 50px;
                    text-align: center;
                }
                
                #bottom_image img {
                    display: inline-block;
                }
                
                .bottom_text-area {
                    /* background-color: #cd244b; */
                    padding: 30px 0;
                    width: max-content;
                }
                
                #bottom_text {
                    border-top: solid #4b3938 .5px;
                    font-size: 18px;
                    font-weight: bold;
                    padding: 10px 0;
                    text-align: center;
                }
                
                #footer-box {
                    margin: 0 auto;
                    /* width: 1200px; */
                    padding: 10px 0;
                    /* background-color: #cd244b; */
                }
                /* SP.ver */
                
                @media screen and (max-width: 1024px) {
                    img {
                        width: 100%;
                    }
                    .sp-br {
                        display: block;
                    }
                    /* Override
------------------------------------------------------------*/
                    #footer_sitemap {
                        display: none;
                    }
                    #footer #footer_navi,
                    #footer #footer_navi ul li {
                        background-color: #fff;
                        margin-bottom: 0.2em;
                        box-sizing: border-box;
                    }
                    #footer #footer_navi ul li a {
                        background-color: #4b3938;
                        width: 100%;
                    }
                    .circle_img {
                        display: none;
                    }
                    /* block_title
------------------------------------------------------------*/
                    .block_title {
                        margin: 0 auto 20px;
                    }
                    .block_title h2,
                    .block_title p {
                        text-align: center;
                        font-size: 16px;
                        color: #cd244b;
                    }
                    .block_title h2 {
                        margin: 10px 20px 20px;
                    }
                    .block_title h2 img {
                        width: 90%;
                    }
                    /* Link_block */
                    .link_block .action-btn a {
                        margin: 0;
                        width: auto;
                    }
                    /*------------------------------------------------------------
##############################################################
■ Contents
##############################################################
------------------------------------------------------------*/
                    /* page_header_block
------------------------------------------------------------*/
                    #logo {
                        width: 35%;
                    }
                    #page_header_block #line_header {
                        position: relative;
                    }
                    #page_header_block #line_header .lp_contents {
                        position: relative;
                    }
                    #page_header_block #header_btn_block {
                        z-index: 10;
                    }
                    #page_header_block #line_header #header_btn {
                        position: absolute;
                        right: 10px;
                        top: -120px;
                        text-align: right;
                    }
                    #page_header_block #line_header #header_btn img {
                        width: 70%;
                    }
                    #page_header_block h1 {
                        margin-top: 10px;
                        margin-bottom: 10px;
                    }
                    #page_header_block #catch {
                        padding: 10px 5%;
                        background-color: #ffebf1;
                    }
                    /* anchor_block
------------------------------------------------------------*/
                    #anchor_block {
                        padding-top: 30px;
                        padding-left: 10px;
                        padding-right: 10px;
                        padding-bottom: 30px;
                    }
                    #anchor_block li {
                        float: left;
                        width: 49%;
                        margin-bottom: 10px;
                    }
                    #anchor_block li:nth-child(even) {
                        float: right;
                    }
                    #anchor_block li a {
                        display: block;
                        position: relative;
                        padding: 5% 5% 20px;
                        border-radius: 5px;
                        background: url(../images/arrow_sp.png) center bottom no-repeat #cd244b;
                        background-size: 10px;
                        box-shadow: 0 2px #b92547;
                        text-align: center;
                        color: #fff;
                        font-weight: bold;
                    }
                    /* recommend_block
------------------------------------------------------------*/
                    #recommend_block .lp_contents {
                        margin-top: 0;
                        padding: 0;
                        background: url(../images/bg_recommend.png) right 20px top -30px no-repeat;
                    }
                    #recommend_block {
                        padding: 0;
                    }
                    #recommend_block .recommend_offer_block {
                        float: none;
                        padding: 1px;
                        margin: 0;
                        width: 100%;
                    }
                    #recommend_block>div>div>div:nth-child(2),
                    #recommend_block>div>div>div:nth-child(4),
                    #recommend_block>div>div>div:nth-child(6) {
                        border-left: 15px solid #f2f1f4;
                    }
                    #recommend_block>div>div>div:nth-child(3),
                    #recommend_block>div>div>div:nth-child(5),
                    #recommend_block>div>div>div:nth-child(7) {
                        border-right: 15px solid #f2f1f4;
                    }
                    #recommend_block .recommend_offer_block .lead {
                        padding: 10px 15px;
                        font-size: 16px;
                    }
                    #recommend_block .recommend_offer_block dl {
                        margin: 0 15px 15px;
                    }
                    #recommend_block .recommend_offer_block dt,
                    #recommend_block .recommend_offer_block dd {
                        font-size: 12px;
                    }
                    #recommend_block .recommend_offer_block dt {
                        font-weight: bold;
                    }
                    /* about_block
------------------------------------------------------------*/
                    #about_block {
                        padding: 10px 10px;
                        position: relative;
                        margin: 0;
                    }
                    #about_block #career_style {
                        margin: 20px 0 0;
                    }
                    #about_block #career_style .col {
                        /* display: table;
        width: 100%;
        margin-bottom: 10px; */
                    }
                    #about_block #career_style .col p {
                        display: table-cell;
                        width: 50%;
                    }
                    #about_block #career_style .col p img {
                        width: 95%;
                    }
                    #about_block #offering_job {
                        margin: 0 0 30px;
                        padding: 20px 10px;
                        background: url(../images/bg_offering_job.jpg) center bottom no-repeat #fef0f4;
                    }
                    #about_block #offering_job h3 {
                        margin-bottom: 10px;
                        text-align: center;
                        font-weight: bold;
                        font-size: 18px;
                        background: url(../images/bg_offering_job_title.png) left center repeat-x;
                        color: #4b3938;
                    }
                    #about_block #offering_job h3 span {
                        background-color: #fef0f3;
                        padding: 5px;
                    }
                    #about_block #offering_job p {
                        margin: 0 auto 10px;
                        text-align: center;
                        font-size: 14px;
                        line-height: 1.8;
                        color: #4b3938;
                    }
                    /* problem_block
------------------------------------------------------------*/
                    #problem_block {
                        padding-top: 10px;
                        padding-bottom: 30px;
                        padding-left: 10px;
                        padding-right: 10px;
                        position: relative;
                        background-color: #f2f1f4;
                        /* width: fit-content; */
                    }
                    #problem_block .block_title {
                        margin: 0;
                    }
                    #problem_block .qa_block {
                        margin-bottom: 15px;
                        display: inherit;
                        width: 100%;
                    }
                    #problem_block .qa_block dl {
                        border-width: 0 1 1 1;
                        border-style: solid;
                        border-color: black;
                        width: 40%;
                    }
                    #problem_block .qa_block dt,
                    #problem_block .qa_block dd {
                        font-size: 12px;
                        padding: 10px;
                        vertical-align: middle;
                        position: relative;
                        line-height: 1.6;
                    }
                    #problem_block .qa_block dt {
                        background: url(../images/bg_qa.gif) left top repeat;
                        color: #fff;
                        width: 100%;
                        border-style: solid;
                        border-color: black;
                        border-width: 1px 0;
                        font-weight: bold;
                        text-indent: 5px;
                        display: inherit;
                        height: unset;
                    }
                    #problem_block .qa_block dd {
                        background-color: #fff;
                        border-width: 1px 0;
                        border-style: solid;
                        border-color: black;
                        padding: 5px;
                    }
                    #problem_block .qa_block:first-child {
                        float: none;
                        margin-right: 0;
                    }
                    #problem_block .qa_block dt .icon {
                        position: absolute;
                        top: 10px;
                        left: 10px;
                    }
                    #problem_block .qa_block dd .icon {
                        position: absolute;
                        bottom: 10px;
                        right: 10px;
                    }
                    #problem_block .qa_block .icon img {
                        width: 50%;
                    }
                    #problem_block .qa_block dd .icon img {
                        margin-left: 50%;
                    }
                    #problem_block .qa_block dt .text,
                    #problem_block .qa_block dd .text {
                        display: block;
                        padding: 10px;
                        position: relative;
                    }
                    #problem_block .qa_block dd .text a.arrow {
                        display: inline-block;
                        margin-top: 16px;
                        padding-left: 20px;
                        background: url(../images/arrow.png) left center no-repeat;
                        color: #d43a5d;
                    }
                    #problem_block .link_block {
                        margin-top: 15px;
                    }
                    /* msjapan_block
------------------------------------------------------------*/
                    #msjapan_block {
                        padding: 10px 10px;
                        position: relative;
                        margin: 0;
                    }
                    #msjapan_block #strong_point {
                        margin: 0 0 30px;
                    }
                    #msjapan_block .strong_point_con {
                        position: relative;
                        margin: 0px;
                    }
                    #msjapan_block .strong_point_con p {
                        margin-bottom: 15px;
                        text-align: center;
                    }
                    #msjapan_block .strong_point_con p img {
                        display: inline-block;
                        width: 110px;
                    }
                    #msjapan_block .strong_point_con dt {
                        display: table;
                        margin: 0px;
                        font-size: 12px;
                        font-weight: bold;
                        color: #4b3938;
                    }
                    #msjapan_block .strong_point_con dt .icon,
                    #msjapan_block .strong_point_con dt .text {
                        font-size: larger;
                    }
                    #msjapan_block .strong_point_con dt .icon img {
                        margin-right: 15px;
                        width: 22px;
                    }
                    #msjapan_block .strong_point_con dd {
                        font-size: 12px;
                        line-height: 1.5;
                    }
                    /* bottom_
------------------------------------------------------------*/
                    #bottom_image {
                        padding-left: 10px;
                        padding-right: 10px;
                        padding-bottom: 30px;
                        text-align: center;
                    }
                }