@charset "UTF-8";

@media only screen and (max-width: 768px) {
    .sp_none {display: none !important;}
    .pc_none {display: block !important;}


    /* TOP */
    /* ----------------------------------------- */
    #top_main {
        background: url("../images/navi_bg.png") 0 0 repeat;
        width: 100%;
        height: auto;
    }
    .top_main_box {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 530px;
    }
    .top_main_left {
        position: absolute;
        top: 10px;
        left: 0;
        border-top: 9px solid #fff;
        border-bottom: 9px solid #fff;
        border-right: 9px solid #fff;
        box-shadow: 3px 1px 5px 3px rgba(0, 0, 0, 0.35);
        width: 92%;
        height: 510px;
    }
    .top_main_img {
        background: url("../images/top_main_sp.jpg") right center no-repeat;
        background-size: cover;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        width: 100%;
        height: 100%;
    }
    .top_main_right {
        position: absolute;
        top: 30px;
        right: 0;
        width: 67%;
        z-index: 1;
    }
    .top_main_right h1,
    .top_main_right h2 {
        background: #fff;
        font-size: 1.4em;
        line-height: 1.2;
        font-weight: 500;
        letter-spacing: 0;
        margin-bottom: 8px;
        padding: 12px 3px 15px 12px;
        box-shadow: 3px 1px 5px 3px rgba(0, 0, 0, 0.25);
        opacity: 0.9;
    }
    .top_main_right h2 {
        margin-bottom: 15px;
    }
    .top_main_right h1 b,
    .top_main_right h2 b {
        font-weight: 400;
    }
    .top_main_right h1 strong,
    .top_main_right h2 strong {
        font-weight: 400;
        background: linear-gradient(transparent 80%, #cdc49b 70%);
    }
    .top_main_right h1 span,
    .top_main_right h2 span {
        font-size: 0.7em;
    }
    .top_main_right div {
        position: relative;
        background: #fff;
        margin-bottom: 15px;
        padding: 12px 3px 15px 12px;
        box-shadow: 3px 1px 5px 3px rgba(0, 0, 0, 0.25);
        opacity: 0.9;
    }
    .top_main_right div p {
        font-size: 0.95em;
        line-height: 1.7;
        font-weight: 400;
        letter-spacing: 0.1em;
        color: #4e4e4e;
        max-width: 740px;
    }
    .top_main_right div::after {
        position: absolute;
        bottom: -30px;
        left: -80px;
        background: url("../images/chara1.png") 0 0 no-repeat;
        content: "";
        display: block;
        margin-top: 20px;
        width: 97px;
        height: 141px;
        z-index: 2;
    }
    .top_main_right div p b {
        background: linear-gradient(transparent 82%, #cdc49b 70%);
    }
    .top_problem {
        position: relative;
        background: #fff;
        margin: 20px auto 15px;
        border: 2px solid #a39556;
        border-radius: 7px;
        width: 96%;
        display: block;
    }
    .top_problem_title {
        margin: 0 auto;
        padding: 15px 0;
        width: 188px;
    }
    .top_problem_box {
        margin-right: 0;
        flex: 1;
    }
    .top_problem_box ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-top: 1px solid #a39556;
        padding: 10px 0;
        width: 100%;
    }
    .top_problem_box li {
        font-size: 0.9em;
        line-height: 1.2;
        font-weight: 500;
        padding: 5px 0;
        text-align: center;
        border-left: 1px dashed #4e4e4e;
        width: 25%;
    }
    .top_problem_box li:first-child {
        border-left: none;
    }
    .problem_img {
        margin-bottom: 7px;
    }
    .top_catch {
        text-align: center;
    }
    .top_catch h3 {
        font-size: 1.5em;
        line-height: 1.2;
        font-weight: 500;
        letter-spacing: 0;
        color: #4e4e4e;
        margin-bottom: 10px;
    }
    .top_catch h4 {
        font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro',"メイリオ","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","Osaka", "Helvetica","Verdana","Arial",sans-serif;
        font-size: 1.05em;
        line-height: 1.2;
        font-weight: 400;
        letter-spacing: 0;
        color: #4e4e4e;
        padding-bottom: 20px;
        margin-bottom: 0;
    }
    #top_contents1 {
        background: #f0f0e1;
        padding: 40px 0;
        width: 100%;
    }
    .top_cont1 {
        width: 94%;
        margin: 0 3%;
    }
    .top_cont1 ul {
        display: block;
        width: 100%;
    }
    .top_cont1 li {
        width: 100%;
    }
    .cont1_img {
        position: relative;
        margin-bottom: 15px;
        width: 100%;
    }
    .cont1_img img {
        width: 100%;
    }
    .top_cont1 li .topc_no {
        position: absolute;
        bottom: -30px;
        right: 0;
        font-family: "Noto Serif JP","Times New Roman","Yu Mincho","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro",serif;
        font-size: 4.6em;
        line-height: 1.0;
        font-weight: 300;
        letter-spacing: 0.1em;
        color: #fff;
        z-index: 2;
    }
    .top_cont1 ul li h5 {
        font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro',"メイリオ","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","Osaka", "Helvetica","Verdana","Arial",sans-serif;
        font-size: 1.1em;
        line-height: 1.0;
        font-weight: 500;
        letter-spacing: 0.1em;
        color: #403503;
        margin-bottom: 15px;
    }
    .top_cont1 ul li h4 {
        font-size: 2em;
        line-height: 1.0;
        font-weight: 500;
        letter-spacing: 0.1em;
        color: #403503;
        margin-bottom: 14px;
    }
    .top_cont1 ul li h4 span {
        font-size: 0.7em;
    }
    .top_cont1 ul li p {
        font-size: 1.05em;
        line-height: 1.5;
        font-weight: 400;
        color: #403503;
        margin-bottom: 25px;
    }
    .top_cont1 ul li a {
        background: #fff url("../images/bot_arrow.png") right 7px center no-repeat;
        font-size: 1.05em;
        line-height: 1.0;
        font-weight: 400;
        text-align: center;
        color: #2e2e2e;
        border: 2px solid #a09255;
        border-radius: 5px;
        margin-bottom: 25px;
        padding: 14px 10px;
        width: 100%;
        display: block;
    }
    #top_contents2 {
        background: #f7f7f0;
        padding: 40px 0;
        width: 100%;
    }
    .top_cont2 {
        width: 94%;
        margin: 0 3%;
    }
    .top_cont2 h2,
    .top_cont3 h2,
    .about_cont1 h2,
    .about_cont2 h2,
    .service_cont1 h2,
    .service_cont1 h2,
    .service_cont2 h2,
    .service_cont3 h2,
    .service_cont4 h2,
    .service_cont5 h2,
    .service_cont6 h2,
    .result_cont1 h2,
    .flow_cont1 h2,
    .company_cont1 h2,
    .company_cont2 h2,
    .company_cont3 h2,
    .contact_cont1 h2 {
        position: relative;
        font-size: 1.6em;
        line-height: 1.1;
        font-weight: 500;
        letter-spacing: 0.1em;
        color: #4e4e4e;
        margin-bottom: 60px;
        text-align: center;
    }
    .top_cont2 h2::before,
    .top_cont3 h2::before,
    .about_cont1 h2::before,
    .about_cont2 h2::before,
    .service_cont1 h2::before,
    .service_cont2 h2::before,
    .service_cont3 h2::before,
    .service_cont4 h2::before,
    .service_cont5 h2::before,
    .service_cont6 h2::before,
    .result_cont1 h2::before,
    .flow_cont1 h2::before,
    .company_cont1 h2::before,
    .company_cont2 h2::before,
    .company_cont3 h2::before,
    .contact_cont1 h2::before {
        position: absolute;
        border-bottom: 1px solid #c4a40f;
        top: 130%;
        left: 50%;
        transform: translateX(-50%);
        width: 250px;
        content: '';
    }
    .top_cont2 ul {
        display: block;
        margin: 0 auto 45px;
        width: 80%;
    }
    .top_cont2 ul li {
        background: #fff;
        padding: 18px 10px;
        border: 1px solid #a09255;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
        width: 100%;
    }
    .cont2_img1 {
        margin: 0 auto 15px;
        width: 115px;
    }
    .top_cont2 ul li h4 {
        font-size: 1.4em;
        line-height: 1.0;
        font-weight: 500;
        letter-spacing: 0.1em;
        color: #a09255;
        margin-bottom: 10px;
        text-align: center;
    }
    .top_cont2 ul li h4 p {
        font-size: 0.9em;
        line-height: 1.0;
        font-weight: 400;
        color: #4e4e4e;
    }
    .top_cont2 ol {
        display: block;
        margin: 0 auto;
        width: 80%;
    }
    .top_cont2 ol li {
        background: #fff;
        padding: 15px 10px;
        border: 1px solid #a09255;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35);
        width: 100%;
    }
    .cont2_img2 {
        margin: 0 auto 15px;
        width: 101px;
    }
    .top_cont2 ol li h4 {
        font-size: 1.8em;
        line-height: 1.0;
        font-weight: 500;
        letter-spacing: 0.1em;
        color: #b70404;
        margin-bottom: 10px;
        text-align: center;
    }
    .top_cont2 ol li h5 {
        font-size: 1.2em;
        line-height: 1.0;
        font-weight: 500;
        letter-spacing: 0.1em;
        color: #2e2e2e;
        margin-bottom: 10px;
        text-align: center;
    }
    #top_contents3 {
        background: #fff;
        padding: 40px 0;
        width: 100%;
    }
    .top_cont3 {
        width: 90%;
        margin: 0 5%;
    }
    .top_cont3 ul {
        display: block;
        margin-bottom: 0;
        width: 100%;
    }
    .top_cont3 ul li {
        width: 100%;
    }
    .cont3_img {
        margin-bottom: 25px;
        width: 100%;
    }
    .cont3_img img {
        width: 100%;
    }
    .top_cont3 ul li h4 {
        background: #fcfcf6;
        font-size: 1.35em;
        line-height: 1.0;
        font-weight: 500;
        text-align: center;
        color: #2e2e2e;
        border: 3px solid #a09255;
        border-radius: 35px;
        margin-bottom: 25px;
        padding: 14px 10px;
        width: 100%;
        display: block;
    }


    /* Contact Approach */
    /* ----------------------------------------- */

    #contact_approach {
        background: url("../images/contact_approach_bg.png") left center repeat-x;
        margin-bottom: 40px;
        padding: 20px 0;
        width: 100%;
    }
    .contact_approach_box {
        background: #fff;
        outline: 3px solid #a09255;
        outline-offset: -3px;
        margin: 0 auto;
        width: 96%;
    }
    .contact_approach_inner {
        background: #fff;
        padding: 60px 30px;
        outline: 1px solid #ccc499;
        outline-offset: -11px;
        width: 100%;
    }
    .contact_approach_inner h3 {
        font-size: 1.6em;
        line-height: 1.0;
        font-weight: 500;
        letter-spacing: 0.05em;
        color: #2e2e2e;
        margin-bottom: 35px;
        text-align: center;
    }
    .contact_approach_inner h4 {
        font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro',"メイリオ","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","Osaka", "Helvetica","Verdana","Arial",sans-serif;
        font-size: 1.5em;
        line-height: 1.0;
        font-weight: 500;
        letter-spacing: 0.05em;
        color: #2e2e2e;
        margin-bottom: 45px;
        text-align: center;
    }
    .contact_approach_inner h4 a {
        font-size: 1.5em;
        font-weight: 400;
        color: #2e2e2e;
        border-bottom: 1px solid #a09255;
    }
    .contact_approach_bot {
        background: #ffba00;
        margin: 0 auto;
        width: 100%;
    }
    .contact_approach_bot a {
        background: url("../images/contact_approach_arrow.png") left 15px center no-repeat;
        font-size: 1.15em;
        line-height: 1.0;
        font-weight: 400;
        letter-spacing: 0;
        color: #fff;
        text-align: center;
        padding: 15px 5px;
        display: block;
    }

    /* Contents 共通 */
    /* ----------------------------------------- */

    #content_main {
        position: relative;
        border-top: 5px solid #fff;
        border-bottom: 5px solid #fff;
        width: 100%;
        height: 310px;
    }
    .main_title {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #fff;
        text-align: center;
        padding: 20px 5px;
        width: 70%;
        opacity: 0.9;
        z-index: 9;
    }
    .main_title h1 {
        font-size: 1.8em;
        line-height: 1.00;
        font-weight: 400;
        letter-spacing: 0.05em;
        color: #2e2e2e;
    }
    .main_title h1 span {
        font-size: 0.4em;
        line-height: 1.2;
        font-weight: 500;
        letter-spacing: 0.3em;
        color: #a09255;
    }

    /* About */
    /* ----------------------------------------- */

    .about_main {
        position: relative;
        background: url("../images/about_main.jpg") center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 300px;
    }
    .about_main::after {
        position: absolute;
        top: 0;
        left: 0;
        background: url("../images/contents_main_dot.png") 0 0 repeat;
        content: "";
        width: 100%;
        height: 300px;
        display: block;
    }

    #about_contents1 {
        padding: 40px 0;
        width: 100%;
    }
    .about_cont1,
    .about_cont2 {
        width: 94%;
        margin: 0 auto;
    }
    .about_cont1_img {
        outline: 9px solid #ccc499;
        outline-offset: -9px;
        margin: 0 auto 35px;
        width: 100%;
    }
    .about_cont1_img img {
        width: 100%;
    }
    .about_cont1 p {
        font-size: 1.15em;
        line-height: 1.8;
        font-weight: 400;
        text-align: center;
        color: #2e2e2e;
        margin-bottom: 25px;
    }
    .about_cont1 p b {
        background: linear-gradient(transparent 70%, #fffb86 70%);
        font-weight: 400;
    }
    #about_contents2 {
        background: #f0f0e1;
        padding: 60px 0;
        width: 100%;
    }
    .about_cont2 dl {
        background: #fff;
        margin: 0 auto 15px;
        width: 90%;
        height: auto;
        display: block;
    }
    .about_cont2 dl dt {
        width: 100%;
    }
    .about_cont2 dl dt img {
        width: 100%;
    }
    .about_cont2 dl dd {
        background: #fff;
        padding: 15px 10px;
        width: 100%;
        display: block;
    }
    .about_cont2 dl dd h3 {
        font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro',"メイリオ","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","Osaka", "Helvetica","Verdana","Arial",sans-serif;
        font-size: 1.2em;
        line-height: 1.0;
        font-weight: 600;
        letter-spacing: 0.1em;
        color: #2e2e2e;
        margin-bottom: 20px;
    }
    .about_cont2 dl dd p {
        font-size: 1.1em;
        line-height: 1.6;
        font-weight: 400;
    }
    .about_cont2 dl dd p b {
        background: linear-gradient(transparent 70%, #fffb86 70%);
        font-weight: 500;
    }
    .about_cont2 dl dd p span {
        font-weight: 500;
    }

    /* Service */
    /* ----------------------------------------- */

    .service_main {
        position: relative;
        background: url("../images/service_main.jpg") center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 300px;
    }
    .service_main::after {
        background: url("../images/contents_main_dot.png") 0 0 repeat;
        content: "";
        width: 100%;
        height: 300px;
    }
    #service_contents1 {
        background: url("../images/service_bg1.png") 0 0 repeat;
        padding: 40px 0;
        width: 100%;
    }
    .service_cont1 {
        width: 94%;
        margin: 0 auto;
    }
    .service_cont1 dl {
        width: 100%;
        display: block;
    }
    .service_cont1 dl dt {
        background: url("../images/service_img1.jpg") center left no-repeat;
        background-size: cover;
        margin-bottom: 15px;
        border: 7px solid #fff;
        width: 100%;
        height: 240px;
    }
    .service_cont1 dl dd {
        padding: 0 1%;
        width: 100%;
    }
    .service_cont1 dl dd h3 {
        font-size: 1.4em;
        line-height: 1.0;
        font-weight: 500;
        letter-spacing: 0.1em;
        color: #2e2e2e;
        margin-bottom: 20px;
    }
    .service_cont1 dl dd p {
        font-size: 1.0em;
        line-height: 1.6;
        font-weight: 400;
        color: #2e2e2e;
        margin-bottom: 15px;
    }
    .service_cont1 dl dd h4 {
        font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro',"メイリオ","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","Osaka", "Helvetica","Verdana","Arial",sans-serif;
        font-size: 1.0em;
        line-height: 1.4;
        font-weight: 600;
        color: #2e2e2e;
        margin-top: 35px;
    }
    .service_cont1 dl dd h4 b {
        background: #b70404;
        line-height: 1.0;
        font-weight: 500;
        color: #fff;
        margin-right: 0.5em;
        padding: 1px 7px 2px;
    }
    .service_cont2 {
        margin: 0 auto;
        padding: 40px 0 20px;
        width: 94%;
    }
    .service_cont2_box {
        background: url("../images/service_bg2.png") 0 0 repeat;
        margin: 0 auto;
        padding: 25px 10px;
        border: 1px solid #ddd;
        border-radius: 9px;
        width: 100%;
    }
    .service_cont2 h2 {
        margin-bottom: 35px;
    }
    .service_cont2_box ul {
        position: relative;
        background: #fff;
        padding: 20px 35px 20px 20px;
        margin: 0 auto;
        width: 82%;
    }
    .service_cont2_box ul::before {
        position: absolute;
        bottom: -35px;
        right: -40px;
        background: url("../images/chara1.png") 0 0 no-repeat;
        content: "";
        display: block;
        margin-top: 20px;
        width: 97px;
        height: 141px;
        z-index: 2;
    }
    .service_cont2_box ul li {
        background: url("../images/service_list_icon.png") 0 0 no-repeat;
        font-size: 1.1em;
        line-height: 28px;
        text-indent: 35px;
        letter-spacing: 0;
        font-weight: 400;
        color: #2e2e2e;
        margin-bottom: 12px;
    }
    .service_cont2_box ul li:last-child {
        margin-bottom: 0;
    }
    .service_cont2_box p {
        font-size: 1.1em;
        line-height: 1.6;
        font-weight: 500;
        letter-spacing: 0.05em;
        color: #2e2e2e;
        text-align: center;
        margin: 30px auto 0;
        width: 100%;
    }
    #service_contents3 {
        background: #f0f0e1;
        padding: 40px 0;
        width: 100%;
    }
    .service_cont3 {
        margin: 0 auto;
        width: 80%;
    }
    .service_cont3 ol {
        display: block;
        margin-bottom: 0;
        width: 100%;
    }
    .service_cont3 ol li {
        background: #fff;
        margin: 0 auto 20px;
        width: 100%;
        max-width: 285px;
    }
    .service_cont3_box {
        padding: 15px 12px;
        width: 100%;
        min-height: auto;
    }
    .service_cont3_box h3 {
        font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro',"メイリオ","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","Osaka", "Helvetica","Verdana","Arial",sans-serif;
        font-size: 1.1em;
        line-height: 1.0;
        font-weight: 500;
        color: #2e2e2e;
        margin-bottom: 12px;
    }
    .service_cont3_box h3 span {
        background-color: #a09255;
        line-height: 1.0;
        color: #fff;
        font-weight: 400;
        margin-right: 0.5em;
        padding: 2px 6px;
        display: inline-block;
    }
    #service_contents4 {
        padding: 40px 0;
        width: 100%;
    }
    .service_cont4 {
        margin: 0 auto;
        width: 80%;
    }
    .service_cont4 h2 {
        margin-bottom: 30px;
    }
    .service_cont4 p {
        font-size: 1.0em;
        line-height: 1.0;
        font-weight: 400;
        letter-spacing: 0;
        text-align: center;
        color: #2e2e2e;
        margin-bottom: 20px;
    }
    .service_cont4 ul {
        display: block;
        margin-bottom: 0;
        width: 100%;
    }
    .service_cont4 ul li {
        background: #fcfbf2;
        text-align: center;
        padding: 12px 10px 10px;
        border: 1px solid #a09255;
        width: 100%;
    }
    .service_cont4_img {
        margin-bottom: 10px;
    }
    .service_cont4 ul li h4 {
        font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro',"メイリオ","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","Osaka", "Helvetica","Verdana","Arial",sans-serif;
        font-size: 1.0em;
        line-height: 1.2;
        font-weight: 500;
        color: #2e2e2e;
        margin-bottom: 0;
    }
    #service_contents5 {
        background: #f2f2e6;
        padding: 40px 0;
        width: 100%;
    }
    .service_cont5 {
        width: 94%;
        margin: 0 auto;
    }
    .service_cont5 h2 {
        margin-bottom: 40px;
    }
    .service_cont5 p {
        font-size: 1em;
        line-height: 1.0;
        font-weight: 400;
        letter-spacing: 0.05em;
        text-align: center;
        color: #2e2e2e;
        margin-bottom: 30px;
    }
    .price_table {
        margin: 0 auto;
        width: 100%
    }
    .price_table table {
        margin-bottom: 15px;
        width: 100%;
        border-collapse: collapse;
    }
    .price_table th, .price_table td {
        font-size: 0.9em;
        line-height: 1.2;
        font-weight: 400;
        border: 1px solid #f2f2e6;
        padding: 20px 8px;
        text-align: center;
    }
    .service_cont5 p.price_note {
        font-size: 0.8em;
        line-height: 1.6;
        color: #2e2e2e;
        text-align: left;
    }
    .price_bot {
        margin: 0 auto;
        width: 100%;
    }
    .price_bot a {
        background: #ffba00 url("../images/contact_approach_arrow.png") left 25px center no-repeat;
        font-size: 1.1em;
        line-height: 1.0;
        font-weight: 400;
        letter-spacing: 0;
        color: #fff;
        text-align: center;
        padding: 12px 5px;
        display: block;
    }
    #service_contents6 {
        background: #f7f7f0;
        padding: 40px 0;
        width: 100%;
    }
    .service_cont6 {
        margin: 0 auto;
        width: 94%;
    }
    .service_cont6 dl dt {
        margin-bottom: 10px;
        padding: 10px 15px;
        width: 100%;
    }
    .service_cont6 dl dt ul,
    .service_cont6 dl dd ul {
        display: flex;
        justify-content: start;
        align-items: start;
        width: 100%;
    }
    .service_cont6 dl dt ul li.q_title,
    .service_cont6 dl dd ul li.a_title {
        font-family: "Noto Serif JP","Times New Roman","Yu Mincho","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro",serif;
        font-size: 2.0em;
        line-height: 1.0;
        font-weight: 500;
        letter-spacing: 0;
        width: 1.5em;
    }
    .service_cont6 dl dt ul li.q_txt {
        font-size: 1.1em;
        line-height: 1.2;
        font-weight: 500;
        padding-top: 8px;
    }
    .service_cont6 dl dt ul li.q_title {
        color: #a39556;
    }
    .service_cont6 dl dd ul li.a_title {
        color: #b70404;
    }
    .service_cont6 dl dd {
        background: #fff;
        margin-bottom: 10px;
        padding: 10px 15px;
        width: 100%;
    }
    .service_cont6 dl dd ul li.a_txt {
        font-size: 1.0em;
        line-height: 1.6;
        font-weight: 400;
    }

    /* Result */
    /* ----------------------------------------- */

    .result_main {
        position: relative;
        background: url("../images/result_main.jpg") center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 300px;
    }
    .result_main::after {
        position: absolute;
        top: 0;
        left: 0;
        background: url("../images/contents_main_dot.png") 0 0 repeat;
        content: "";
        width: 100%;
        height: 300px;
        display: block;
    }
    #result_contents1 {
        padding: 40px 0;
        width: 100%;
    }
    .result_cont1 {
        margin: 0 auto;
        width: 94%;
    }
    .result_cont1 h2 {
        margin-bottom: 30px;
    }
    .result_cont1 h3 {
        font-size: 1.25em;
        line-height: 1.2;
        letter-spacing: 0.1em;
        font-weight: 400;
        text-align: center;
        color: #2e2e2e;
        margin-bottom: 20px;
    }
    .result_cont1 p {
        font-size: 1.0em;
        line-height: 1.8;
        font-weight: 400;
        text-align: center;
        color: #2e2e2e;
    }
    #result_contents2,
    #result_contents4,
    #result_contents6 {
        background: url("../images/service_bg2.png") 0 0 repeat;
        padding: 40px 0;
        width: 100%;
    }
    #result_contents3,
    #result_contents5,
    #result_contents7 {
        padding: 40px 0;
        width: 100%;
    }
    .result_cont2 {
        margin: 0 auto;
        width: 94%;
    }
    .result_cont2 dl {
        width: 100%;
        display: block;
    }
    .result_cont2 dl dt {
        margin-bottom: 15px;
        width: 100%;
    }
    .result_cont2 dl dd {
        width: 100%;
    }
    .result_cont2 h2 {
        font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro',"メイリオ","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","Osaka", "Helvetica","Verdana","Arial",sans-serif;
        font-size: 1.2em;
        line-height: 1.6;
        font-weight: 400;
        color: #2e2e2e;
        margin-bottom: 10px;
    }
    .result_cont2 h2 b {
        background: #b70404;
        font-size: 0.95em;
        font-weight: 400;
        color: #fff;
        margin-right: 0;
        padding: 1px 9px 2px;
    }
    .result_cont2 h2 b.owner {
        background: #317aff;
    }
    .result_after {
        position: relative;
        margin-bottom: 20px;
        width: 100%;
    }
    .after_txt {
        position: absolute;
        bottom: -10px;
        right: 5px;
        font-family: "Rock Salt", cursive;
        font-size: 2em;
        line-height: 1.0;
        font-weight: 400;
        color: #b70404;
        font-style: normal;
        z-index: 2;
    }
    .result_cont2 dl dd h3 {
        background: url("../images/result_point.png") 0 0 no-repeat;
        font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro',"メイリオ","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","Osaka", "Helvetica","Verdana","Arial",sans-serif;
        font-size: 1.2em;
        line-height: 25px;
        text-indent: 45px;
        font-weight: 600;
        color: #2e2e2e;
        margin-bottom: 10px;
        padding-top: 10px;
    }
    .result_cont2 dl dd p {
        background: #fff;
        font-size: 1.0em;
        line-height: 1.8;
        font-weight: 400;
        color: #2e2e2e;
        padding: 15px 20px;
        width: 100%;
    }
    #result_contents3 .result_cont2 dl dd p,
    #result_contents5 .result_cont2 dl dd p,
    #result_contents7 .result_cont2 dl dd p {
        background: #f5f5ec;
    }
    .result_before {
        position: relative;
        margin-bottom: 40px;
        width: 100%;
    }
    .result_after img,
    .result_before img {
        width: 100%;
    }
    .before_txt {
        position: absolute;
        bottom: -12px;
        right: 3px;
        font-family: "Rock Salt", cursive;
        font-size: 2em;
        line-height: 1.0;
        font-weight: 400;
        color: #317aff;
        font-style: normal;
        z-index: 2;
    }
    .result_cont2 dl table {
        border-bottom: 1px solid #a39556;
        width: 100%;
        border-collapse: collapse;
    }
    .result_cont2 dl table th,
    .result_cont2 dl table td {
        font-size: 1.0em;
        line-height: 1.3;
        font-weight: 400;
        padding: 25px 10px;
        border-top: 1px solid #a39556;
    }
    .result_cont2 dl table th {
        font-weight: 500;
        width: 30%;
    }
    .result_cont2 dl table td span {
        font-size: 0.8em;
    }

    /* Flow */
    /* ----------------------------------------- */

    .flow_main {
        position: relative;
        background: url("../images/flow_main.jpg") center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 300px;
    }
    .flow_main::after {
        position: absolute;
        top: 0;
        left: 0;
        background: url("../images/contents_main_dot.png") 0 0 repeat;
        content: "";
        width: 100%;
        height: 300px;
        display: block;
    }
    #flow_contents1 {
        padding: 40px 0;
        width: 100%;
    }
    .flow_cont1 {
        margin: 0 auto;
        width: 94%;
    }
    .flow_cont1 h2 {
        margin-bottom: 30px;
    }
    .flow_cont1 p {
        font-size: 1.0em;
        line-height: 1.8;
        font-weight: 400;
        text-align: center;
        color: #2e2e2e;
        margin-bottom: 25px;
    }
    .service_flow {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        width: 100%;
    }
    .service_no_box {
        position: relative;
        background: url("../images/flow_line.png") center top 5px repeat-y;
        width: 75px;
    }
    .fbgno {
        background: none !important;
    }
    .service_no {
        background-color: #a39556;
        border-radius: 50%;
        text-align: center;
        box-sizing: border-box;
        width: 75px;
        height: 75px;
    }
    .service_no h5 {
        font-family: "Noto Serif JP","Times New Roman","Yu Mincho","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro",serif;
        font-size: 2.2em;
        line-height: 1.1;
        font-weight: 400;
        color: #fff;
    }
    .service_no span {
        font-family: "Noto Serif JP","Times New Roman","Yu Mincho","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro",serif;
        font-size: 0.8em;
        line-height: 1.05;
        font-weight: 500;
        letter-spacing: 0.15em;
        text-align: center;
        color: #fff;
        padding-top: 15px;
        display: block;
    }
    .service_flow_box {
        background: #fff;
        padding: 15px 0 12px 20px;
        flex: 1;
    }
    .service_flow_box dl {
        display: block;
        width: 100%;
    }
    .service_flow_box dt {
        flex:1;
    }
    .service_flow_box dt h3 {
        font-size: 1.6em;
        line-height: 1.2;
        letter-spacing: 0;
        font-weight: 500;
        margin-bottom: 15px;
        padding-right: 0;
    }
    .service_flow_box dt p {
        font-size: 1.0em;
        line-height: 1.8;
        font-weight: 400;
        text-align: left;
        color: #2e2e2e;
        margin-bottom: 15px;
    }
    .flow_point {
        font-size: 1em;
        line-height: 1.8;
        font-weight: 600;
        color: #2e2e2e;
        margin-bottom: 15px;
    }
    .flow_point b {
        background: #b70404;
        line-height: 1.0;
        color: #fff;
        margin-right: 0.5em;
        padding: 1px 9px 2px;
    }
    .service_flow_box dd {
        width: 100%;
        max-width: 306px;
    }
    .service_flow_box dd img {
        width: 100%;
    }

    /* Company */
    /* ----------------------------------------- */

    .company_main {
        position: relative;
        background: url("../images/company_main.jpg") center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 300px;
    }
    .company_main::after {
        position: absolute;
        top: 0;
        left: 0;
        background: url("../images/contents_main_dot.png") 0 0 repeat;
        content: "";
        width: 100%;
        height: 300px;
        display: block;
    }
    #company_contents1,
    #company_contents3 {
        padding: 40px 0;
        width: 100%;
    }
    .company_cont1 {
        margin: 0 auto;
        width: 94%;
    }
    .company_cont1 p {
        font-size: 1.0em;
        line-height: 2.0;
        font-weight: 400;
        text-align: center;
        color: #2e2e2e;
        margin-bottom: 20px;
    }
    .company_sign {
        margin: 0 auto;
        max-width: 245px;
        width: 70%;
    }
    #company_contents2 {
        background: url("../images/service_bg1.png") 0 0 repeat;
        padding: 30px 0;
        width: 100%;
    }
    #company_contents2 ul {
        display: block;
        margin: 0 auto;
        width: 94%;
    }
    #company_contents2 ul li.company_img {
        background: url("../images/company_img.jpg") center center no-repeat;
        background-size: cover;
        margin-bottom: 15px;
        width: 100%;
        height: 300px;
    }
    #company_contents2 ul li.company_cont2 {
        padding: 0;
        width: 100%;
    }
    #company_contents2 ul li.company_cont2 h2 {
        position: relative;
        font-size: 1.6em;
        line-height: 1.0;
        font-weight: 500;
        letter-spacing: 0;
        color: #4e4e4e;
        margin-bottom: 30px;
        text-align: center;
    }
    #company_contents2 ul li.company_cont2 h2::before {
        position: absolute;
        border-bottom: 1px solid #c4a40f;
        top: 130%;
        left: 50%;
        transform: translateX(-50%);
        width: 250px;
        content: '';
    }
    #company_contents2 ul li.company_cont2 dl {
        margin-bottom: 12px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: start;
    }
    #company_contents2 ul li.company_cont2 dl dt {
        font-size: 1.1em;
        line-height: 1.5;
        font-weight: 400;
        text-align: right;
        width: 25%;
    }
    #company_contents2 ul li.company_cont2 dl dd {
        font-size: 1.1em;
        line-height: 1.5;
        font-weight: 400;
        padding-left: 15px;
        width: 75%;
    }
    .company_cont3 {
        margin: 0 auto;
        width: 94%;
    }
    .company_cont3 h2 {
        margin-bottom: 30px;
    }
    .company_map {
        margin: 0 auto 15px;
        width: 100%;
    }
    .company_map iframe {
        width: 100%;
    }
    .company_cont3 table {
        width: 100%;
    }
    .company_cont3 th {
        font-size: 1.0em;
        font-weight: 500;
        color: #2e2e2e;
        padding: 1.2em 5px;
        border-bottom: 1px dashed #aaa;
        width: 30%;
    }
    .company_cont3 th.ctrt {
        border-top: 4px solid #a39556;
    }
    .company_cont3 td.ctrt {
        border-top: 1px dashed #a39556;
    }
    .company_cont3 td {
        font-size: 1.0em;
        font-weight: 400;
        color: #2e2e2e;
        padding: 1.2em 5px;
        border-bottom: 1px dashed #aaa;
        width: 70%;
    }

    /* Contact */
    /* ----------------------------------------- */

    .contact_main {
        position: relative;
        background: url("../images/contact_main.jpg") center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 300px;
    }
    .contact_main::after {
        position: absolute;
        top: 0;
        left: 0;
        background: url("../images/contents_main_dot.png") 0 0 repeat;
        content: "";
        width: 100%;
        height: 300px;
        display: block;
    }
    #contact_contents1 {
        padding: 40px 0 60px;
        width: 100%;
    }
    .contact_cont1 {
        margin: 0 auto;
        width: 94%;
    }
    .contact_cont1 p {
        font-size: 1em;
        line-height: 1.8;
        font-weight: 400;
        text-align: center;
        color: #2e2e2e;
        margin-bottom: 30px;
    }
    .contact_cont1 table {
        width: 100%;
    }
    .contact_cont1 th {
        font-size: 0.9em;
        font-weight: 500;
        color: #2e2e2e;
        padding: 1.2em 10px;
        border-bottom: 1px dashed #aaa;
        width: 40%;
    }
    .contact_cont1 th.ctrt {
        border-top: 4px solid #a39556;
    }
    .contact_cont1 td.ctrt {
        border-top: 1px dashed #a39556;
    }
    .contact_cont1 td {
        font-size: 0.9em;
        font-weight: 400;
        color: #2e2e2e;
        padding: 1.2em 10px;
        border-bottom: 1px dashed #aaa;
        width: 60%;
    }
    .contact_cont1 th span {
        float: right;
        background-color: #b70404;
        font-size: 0.9em;
        line-height: 1.0;
        font-weight: 400;
        color: #fff;
        margin-right: 5px;
        padding: 2px 8px 3px 8px;
        display: inline-block;
    }
    .contact_cont1 td input,
    .contact_cont1 td textarea {
        font-size: 1.0em;
        font-weight: 400;
        color: #2e2e2e;
        padding: 10px 10px;
        border: 1px solid #999;
        width: 100%;
    }
    .contact_cont1 td textarea {
        height: 150px;
        resize: vertical;
    }
    .contact_cont1 td input[type="radio"] {
        margin-right: 0.5em;
        width: auto;
    }
    .ctr_check {
        text-align: center;
        margin: 15px 0 0;
        width: 100%;
    }
    .ctr_check input[type="checkbox"] {
        position: relative;
        width: 23px;
        height: 23px;
        border: 1px solid #000;
        margin-right: 15px;
        vertical-align: -4px;
    }
    .ctr_check label {
        font-size: 0.9em;
        font-weight: 400;
    }
    .ctr_submit {
        margin: 20px auto 0;
        width: 100%;
    }
    .ctr_submit input[type="submit"] {
        background: #ffba00 url("../images/bot_arrow1.png") right 8px center no-repeat;
        font-size: 1.1em;
        font-weight: 400;
        letter-spacing: 0.05em;
        color: #fff;
        padding: 0.6em 5px;
        border: 0;
        width: 100%;
        display: inline-block;
    }
}

