@charset "UTF-8";

/*--------------------------------------------------------------*/
/* CSS and Graphics are released under Creative Commons Licence */
/* https://www.webplus.jp/                                      */
/* Copyright (C) Kiyonobu Horita @ WEBPLUS Inc.                 */
/*--------------------------------------------------------------*/


/* ノート */
article .notes {
    padding: 2.0rem;
    border-radius: 1.0rem;
    background-color: rgba(238, 238, 238, 1.00);
}

article .notes h5 {
    margin-bottom: 1.0rem;
    font-size: 1.6rem;
}

article .notes a {
    margin-bottom: 0;
}

article .notes a span {
    display: block;
}

@media only screen and (min-width: 768px) {

    article .notes {
        padding: 2.0rem 4.0rem;
    }

    article .notes p span {
        display: inline;
    }

}

@media only screen and (min-width: 1200px) {

    article .notes {
        padding: 3.0rem 6.0rem;
    }

}


/* ========================================================

　header

=========================================================== */

header {
    position: relative;
    margin-top: calc(18.0vw + 2.0rem); /* navの高さの分、余白調整 */
}

@media only screen and (min-width: 768px) {

    header {
        margin-top: 0;
    }

}

/* グラデーション */
header .grad-filter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.50) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.50)), to(rgba(255, 255, 255, 0.50)));
    background: linear-gradient(rgba(255, 255, 255, 0.50) 0%, rgba(255, 255, 255, 0.50) 100%);
    z-index: 5;
}

header img {
    width: 100%;
    height: auto;
}


/* ========================================================

　article / section

=========================================================== */

/* article余白 */
.c-article {
    margin-top: -18.0vw; /* navの高さをマイナス */
    padding: 7.5rem 0;
    padding-top: calc(7.5rem + 18.0vw);
}

/* articleタイトル */
.s-heading {
    text-align: left;
}

.s-heading h2 {
    margin-bottom: 2.5rem;
    padding-left: 3.0rem;
}

@media only screen and (min-width: 768px) {

    .c-article {
        margin-top: -8.0rem;
        padding: 10.0rem 0;
        padding-top: calc(10.0rem + 8.0rem);
    }

    .s-heading h2 {
        padding-left: 5.0rem;
    }

}

@media only screen and (min-width: 1200px) {

    .s-heading h2 {
        margin-bottom: 5.0rem;
        padding-left: 9.0rem;
    }

}

@media only screen and (min-width: 1920px) {

    .s-heading h2 {
        margin-bottom: 10.0rem;
    }

}


/* ========================================================

　#breadCrumb

=========================================================== */

#breadCrumb {
    padding: 1.0rem 0;
    background-color: rgba(240, 239, 246, 1.00);
}

#breadCrumb p {
    margin-bottom: 0;
    font-size: 1.4rem;
    line-height: 1.8rem;
    word-wrap: normal;
}

#breadCrumb a {
    text-decoration: none;
}


/* ========================================================

　.company

=========================================================== */

.company article p {
    text-align: justify;
}

.company article img {
    width: 100%;
    height: auto;
}

/* 企業理念／当社の特徴 */
#philosophy p,
#feature p {
    font-size: 1.8rem;
    line-height: 180%;
}

/* 会社概要 */
#outline dt {
    padding: 1.0rem;
    border-right: 0.1rem solid rgba(120, 116, 170, 0.30);
    border-bottom: 0.1rem solid rgba(120, 116, 170, 0.30);
    background-color: rgba(153, 150, 196, 0.10);
    letter-spacing: 0.25rem;
}

#outline dd {
    padding: 1.0rem 0 2.0rem 1.6rem;
}

#outline dd div {
    margin-top: 0.5rem;
    margin-left: 1.6rem;
}

#outline dd div h5 {
    display: inline;
    color: rgba(77, 70, 134, 1.00);
    font-size: 1.6rem;
    line-height: 1.6rem;
}

#outline dd ul {
    margin: 0;
}

#outline dd li:nth-of-type(n+2) {
    margin-top: 0.5rem;
}

#outline dd li {
    margin-bottom: 0;
}

#history dt {
    color: rgba(77, 70, 134, 1.00);
}

#history dt:nth-of-type(n+2) {
    margin-top: 1.5rem;
}

@media only screen and (min-width: 992px) {

    #outline div[class^="container"]:nth-of-type(2) div[class^="col"]:first-of-type {
        padding-right: 1.5rem;
    }

    #outline div[class^="container"]:nth-of-type(2) div[class^="col"]:last-of-type {
        padding-left: 1.5rem;
    }

    #outline dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
    }

    #outline dt,
    #outline dd {
        margin: 0;
        padding: 3.5rem 1.0rem 0.5rem 1.0rem;
        border: none;
        background: none;
    }

    #outline dt {
        width: 24.0%;
        border-bottom: 0.1rem solid rgba(0, 0, 0, 1.00);
    }

    #outline dd {
        width: calc(100% - 24.0% - 3.0rem);
        margin: 0 0 0 3.0rem;
        border-bottom: 0.1rem solid rgba(0, 0, 0, 0.25);
    }

    #outline dt:last-of-type,
    #outline dd:last-of-type {
        border-bottom: none;
    }

}

@media only screen and (min-width: 1200px) {

    #outline dt {
        width: 30.0%;
    }

    #outline dd {
        width: calc(100% - 30.0% - 3.0rem);
    }

}


/* ========================================================

　.works

=========================================================== */

article[id^="work"]:nth-of-type(even) {
    background-color: rgba(240, 239, 246, 1.00);
}

/* 各事業の見出し */
article[id^="work"] .w-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-bottom: 4.0rem;
}

article[id^="work"] .w-heading img {
    width: 100%;
    height: auto;
}

article[id^="work"] .w-heading h2 {
    position: absolute;
    color: rgba(255, 255, 255, 1.00);
    font-size: 3.0rem;
    font-weight: 700;
    text-align: center;
    text-shadow: 0.15rem 0.15rem 0 rgba(0, 0, 0, 1.00), 0 0 0.5rem rgba(0, 0, 0, 0), 0 0 0.25rem rgba(0, 0, 0, 0);
}

/* 各事業ごとの上余白 */
.works article[id^="work"]:nth-of-type(n+2) .row > div:nth-of-type(n+3) {
    margin-top: 3.0rem;
}

/* 各事業内のコンテンツの上余白 */
article[id="work01"] .row > div:nth-of-type(n+4) {
    margin-top: 3.0rem;
}

/* 各事業内の画像サイズ */
article[id^="work"] img[src*="work0"] {
    width: 100%;
    height: auto;
    margin-bottom: 1.0rem;
}

article[id^="work"] h3 {
    margin-bottom: 1.0rem;
    font-size: 1.8rem;
    font-weight: 700;
}

@media only screen and (min-width: 768px) {

    article[id^="work"] .w-heading {
        margin-bottom: 6.0rem;
    }

    article[id^="work"] .w-heading h2 {
        font-size: 4.8rem;
        text-shadow: 0.2rem 0.2rem 0 rgba(0, 0, 0, 1.00), 0 0 0.5rem rgba(0, 0, 0, 0), 0 0 0.25rem rgba(0, 0, 0, 0);
    }

    .works article[id^="work"]:nth-of-type(n+2) .row > div:nth-of-type(n+3),
    article[id="work01"] .row > div:nth-of-type(n+4) {
        margin-top: 0;
    }

    .works article[id^="work"]:nth-of-type(n+2) .row > div:nth-of-type(n+4) {
        margin-top: 3.0rem;
    }

}

@media only screen and (min-width: 1200px) {

    article[id^="work"] .w-heading {
        margin-bottom: 8.0rem;
    }

    article[id^="work"] .w-heading h2 {
        font-size: 6.4rem;
        text-shadow: 0.3rem 0.3rem 0 rgba(0, 0, 0, 1.00), 0 0 0.5rem rgba(0, 0, 0, 0), 0 0 0.25rem rgba(0, 0, 0, 0);
    }

}

@media only screen and (min-width: 1920px) {

    article[id^="work"] .w-heading {
        margin-bottom: 10.0rem;
    }

    article[id^="work"] .w-heading h2 {
        font-size: 7.2rem;
        text-shadow: 0.4rem 0.4rem 0 rgba(0, 0, 0, 1.00), 0 0 0.5rem rgba(0, 0, 0, 0), 0 0 0.25rem rgba(0, 0, 0, 0);
    }

    .works article[id^="work"]:nth-of-type(n+2) .row > div:nth-of-type(n+4) {
        margin-top: 5.0rem;
    }

}


/* ========================================================

　#example

=========================================================== */

/* 背景色 */
#example {
    background-color: inherit;
}

/* タイトル背景、両端の●の色調整 */
#example .s-heading h2 span,
#example .s-heading h2::before,
#example .s-heading h2::after {
    background-color: rgba(255, 255, 255, 1.00);
}

/* 施工事例が０件の場合の文字 */
#exampleNone p {
    font-size: 2.0rem;
}

/* ページャー */
#example .postNav {
    padding-top: 3.0rem;
    text-align: center;
}

#example .postNav .current,
#example .postNav .page {
    display: inline-block;
    width: 4.0rem;
    height: 4.0rem;
    margin: 0 0.5rem;
    background-color: rgba(240, 240, 240, 1.00);
    color: rgba(51, 51, 51, 1.00);
    font-size: 2.0rem;
    line-height: 4.0rem;
}

#example .postNav .page:hover {
    background-color: rgba(220, 220, 220, 1.00);
}

#example .postNav .current {
    background-color: rgba(153, 150, 196, 1.00);
    color: rgba(255, 255, 255, 1.00);
}

#example .postNav .first,
#example .postNav .last,
#example .postNav .previouspostslink,
#example .postNav .nextpostslink {
    color: rgba(77, 70, 134, 1.00);
    font-size: 2.0rem;
}

#example .postNav .first,
#example .postNav .previouspostslink {
    margin-right: 1.5rem;
}

#example .postNav .nextpostslink,
#example .postNav .last {
    margin-left: 1.5rem;
}

#example .postNav .extend {
    margin: 0 0.5rem;
}

@media only screen and (min-width: 1200px) {

    #example .postNav {
        padding-top: 5.0rem;
    }

}

/*　施工事例詳細
/*-------------------------------------------*/
.example #detail .row > div img {
    width: 100%;
    height: auto;
}

/* 各ブロックの余白 */
.example #detail .container > .row > div[class^="col"]:nth-of-type(2) {
    margin: 1.5rem 0;
}

/* タイトル（工事名） */
.example #detail .container > .row > div[class^="col"]:nth-of-type(2) h3 {
    margin-bottom: 1.0rem;
    font-size: 2.0rem;
    font-weight: 400;
}

/* 自由記入欄 */
.example #detail .row > div img {
    width: 100%;
    height: auto;
}

/* ビフォーアフター */
.example #detail .before,
.example #detail .after {
    margin-top: 2.5rem;
}

.example #detail .before h4,
.example #detail .after h4 {
    font-size: 2.4rem;
}

.example #detail .before h4::first-letter,
.example #detail .after h4::first-letter {
    font-size: 200%;
    text-transform: capitalize;
}

.example #detail .before h4 {
    color: rgba(170, 170, 170, 1.00)
}

.example #detail .after h4 {
    color: rgba(77, 70, 134, 1.00)
}

/* 写真の上余白 */
.example #detail .container .row .row div[class^="col"]:nth-of-type(n+2) {
    margin-top: 1.0rem;
}

/* ページャー */
.example #detail .prev-next {
    margin-top: 2.5rem;
    text-align: center;
}

.example #detail .prev-next a {
    color: rgba(153, 150, 196, 1.00);
    font-size: 1.8rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.example #detail .prev-next a::after {
    content: none; /* マウスオーバー時のアンダーラインを解除 */
}

.example #detail .prev-next a:hover {
    color: rgba(77, 70, 134, 1.00);
}

.example #detail .prev-next a[rel="prev"],
.example #detail .prev-next a[rel="next"] {
    position: relative;
    top: -2.0rem;
}

.example #detail .prev-next a[href="https://www.kantokenso.com/example/"] { /* 施工事例ページの完全一致URLをセット */
    margin: 0 5.0rem;
}

@media only screen and (min-width: 768px) {

    .example #detail .container > .row > div[class^="col"]:nth-of-type(2) {
        margin: 5.0rem 0;
    }

    .example #detail .container > .row > div[class^="col"]:nth-of-type(2) h3 {
        font-size: 2.4rem;
    }

    .example #detail .container > .row > div[class^="col"]:nth-of-type(2) p {
        font-size: 1.8rem;
    }

    /* ビフォーアフターの位置調整 */
    .example #detail .before {
        margin-top: 5.0rem;
    }

    .example #detail .after {
        margin-top: 3.0rem;
    }

    /* 写真の上余白調整 */
    .example #detail .container .row .row div[class^="col"]:nth-of-type(n+2) {
        margin-top: 0;
    }

    .example #detail .container .row .row div[class^="col"]:nth-of-type(n+4) {
        margin-top: 1.5rem;
    }

    /* ページャーの位置調整 */
    .example #detail .prev-next {
        margin-top: 8.0rem;
    }

}

/* その他は共通パーツとしてcommon.cssに記述 /*


/* ========================================================

　.information

=========================================================== */

.information #detail h3,
.information #detail h4,
.information #detail h5 {
    margin-top: 2.0rem;
    margin-bottom: 0.5rem;
    padding: 1.0rem;
    border-radius: 0.5rem;
    color: rgba(255, 255, 255, 1.00);
    font-size: 2.4rem;
}

.information #detail h3 {
    background-color: rgba(31, 40, 111, 1.00);
}

.information #detail h4 {
    background-color: rgba(86, 85, 153, 1.00);
    font-size: 1.8rem;
}

.information #detail h5 {
    background-color: rgba(153, 150, 196, 1.00);
    font-size: 1.6rem;
}

@media only screen and (min-width: 768px) {

    .information #detail h3,
    .information #detail h4,
    .information #detail h5 {
        margin-top: 4.0rem;
        margin-bottom: 1.0rem;
    }

}

@media only screen and (min-width: 1200px) {

    .information #detail h3,
    .information #detail h4,
    .information #detail h5 {
        margin-top: 6.0rem;
        margin-bottom: 2.0rem;
    }

}

/* ul, ol, dl */
.information #detail ul {
    margin: 1.5rem 0 1.5rem 3.2rem;
    padding: 0;
}

.information #detail ul li {
    list-style-type: disc;

}

.information #detail ol {
    margin: 1.5rem 0 1.5rem 2.8rem;
    padding: 0;
}

.information #detail ol li {
    list-style-type: decimal;
}

.information #detail dl {
    margin: 1.5rem 0;
}

.information #detail dt {
    font-weight: 500;
}

.information #detail dd {
    margin: 0 0 1.0rem 1.6rem;
}

@media only screen and (min-width: 768px) {

    .information #detail ul {
        margin: 2.0rem 0 2.0rem 3.2rem;
    }

    .information #detail ol {
        margin: 2.0rem 0 2.0rem 2.9rem;
    }

    .information #detail dl {
        margin: 2.0rem 0;
    }

}

@media only screen and (min-width: 1200px) {

    .information #detail ul {
        margin: 3.0rem 0 3.0rem 3.2rem;
    }

    .information #detail ol {
        margin: 3.0rem 0 3.0rem 3.0rem;
    }

    .information #detail dl {
        margin: 3.0rem 0;
    }

}

/*　画像配置
----------------------------------------------------------- */
.information #detail img[class*="wp-image"] {
    max-width: 100%;
    height: auto;
    margin: 0.5rem auto;
}

.information #detail img.alignleft,
.information #detail img.aligncenter,
.information #detail img.alignright {
    float: inherit;
    margin-left: 0;
}


/* ========================================================

　.recruit

=========================================================== */

/* タイトル */
#recruit dt {
    padding: 1.0rem;
    border-right: 0.1rem solid rgba(120, 116, 170, 0.30);
    border-bottom: 0.1rem solid rgba(120, 116, 170, 0.30);
    background-color: rgba(153, 150, 196, 0.10);
    letter-spacing: 0.25rem;
}

/* 項目 */
#recruit dd {
    padding: 1.0rem 0 2.0rem 1.6rem;
}

#recruit dd span {
    display: block;
}

#recruit dd ul {
    margin: 0;
}

#recruit dd li:nth-of-type(n+2) {
    margin-top: 0.5rem;
}

#recruit dd li {
    margin-bottom: 0;
}

#recruit dd p {
    margin-bottom: 0;
}

#recruit dd .att {
    color: rgba(255, 0, 0, 1.00);
}

#recruit .entry-button a {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 28.0rem;
    height: 6.0rem;
    margin-top: 2.0rem;
    border-radius: 4.0rem;
    background-color: rgba(120, 116, 170, 1.00);
    color: rgba(255, 255, 255, 1.00);
    font-size: 1.8rem;
    font-weight: 500;
}

#recruit .entry-button a::after {
    content: none;
}

#recruit .entry-button a:hover {
    background-color: rgba(153, 150, 196, 1.00);
}

@media only screen and (min-width: 992px) {

    #recruit dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
    }

    #recruit dt,
    #recruit dd {
        margin: 0;
        padding: 3.5rem 1.0rem 0.5rem 1.0rem;
        border: none;
        background: none;
    }

    #recruit dt {
        width: 24.0%;
        border-bottom: 0.1rem solid rgba(0, 0, 0, 1.00);
    }

    #recruit dd {
        width: calc(100% - 24.0% - 3.0rem);
        margin: 0 0 0 3.0rem;
        border-bottom: 0.1rem solid rgba(0, 0, 0, 0.25);
    }

    #recruit dt:last-of-type,
    #recruit dd:last-of-type {
        border-bottom: none;
    }

    #recruit .entry-button a {
        max-width: 34.0rem;
        font-size: 2.0rem;
    }

}

@media only screen and (min-width: 1200px) {

    #recruit dt {
        width: 30.0%;
    }

    #recruit dd {
        width: calc(100% - 30.0% - 3.0rem);
    }

}


/* ========================================================

　Forms

=========================================================== */

/* 電話でお問い合わせ部 */
#contact .notes ul {
    margin: 1.5rem 0 1.5rem 3.2rem;
    padding: 0;
    color: rgba(255, 0, 0, 1.0);
}

/*　フォーム
/*-------------------------------------------*/
#contact #mailformpro .att {
    color: rgba(255, 0, 0, 1.00);
    font-size: 1.4rem;
}

#contact #mailformpro dl {
    margin-top: 3.0rem;
}

#contact #mailformpro dt {
    padding-top: 1.0rem;
    width: 100%;
    font-size: 1.6rem;
    font-weight: 400;
    text-align: left;
}

/* 必須項目 */
#contact #mailformpro dt .must {
    float: right;
    padding: 0 1.0rem;
    background: rgba(255, 0, 0, 1.0);
    border-radius: 0.6rem;
    color: rgba(255, 255, 255, 1.0);
    font-size: 1.2rem;
}

#contact #mailformpro dd {
    padding-bottom: 1.0rem;
    padding-left: 0;
    padding-right: 0;
}

#contact #mailformpro dd:last-child {
    border-bottom: 0.1rem solid rgba(204, 204, 204, 1.0);
}

/* 種別チェック */
#contact #mailformpro .type {
    font-size: 1.6rem;
    line-height: 3.2rem;
}

/* 連絡方法チェック */
#contact #mailformpro .method {
    font-size: 1.6rem;
    line-height: 3.2rem;
}

/* 送信前確認チェック */
#contact #mailformpro .lastCheck {
    font-size: 1.6rem;
    line-height: 3.2rem;
}

#contact #mailformpro label.mfp_not_checked em {
    color: rgba(77, 70, 134, 1.0);
    font-size: 1.6rem;
    font-style: normal;
}

#contact #mailformpro label.mfp_checked em {
    color: rgba(230, 90, 0, 1.0);
    font-size: 1.6rem;
    font-weight: 500;
    font-style: normal;
}

/* 各入力ボックス設定 */
#contact #mailformpro input {
    width: 100%;
    height: 4.0rem;
    font-size: 1.6rem;
    font-weight: 300;
}

#contact #mailformpro textarea {
    padding-top: 1.0rem;
    padding-bottom: 1.0rem;
    width: 100% !important;
    height: 20.0rem !important;
    font-size: 1.6rem;
    font-weight: 300;
}

#contact #mailformpro input.check {
    position: relative;
    top: -0.1rem;
    width: 2.0rem;
    height: 2.0rem;
}

/* 内容をリセットボタン・確認画面へボタン */
#contact .mfp_buttons button {
    width: 22.0rem;
    height: 6.0rem;
    padding: 0;
    font-size: 2.4rem;
    cursor: pointer;
}

#contact .mfp_buttons button:first-child {
    margin-bottom: 1.0rem;
    color: rgba(51, 51, 51, 1.00);
    background: rgba(0, 0, 0, 0.1);
}

#contact .mfp_buttons button:first-child:hover {
    color: rgba(255, 255, 255, 1.0);
    background: rgba(0, 0, 0, 0.3);
}

#contact .mfp_buttons button:last-child {
    color: rgba(255, 255, 255, 1.0);
    background: rgba(153, 150, 196, 1.0);
}

#contact .mfp_buttons button:last-child:hover {
    background: rgba(86, 85, 153, 1.0);
}

/* キャンセルボタン・送信するボタン */
div.mfp_buttons button {
    width: 22.0rem !important;
    height: 6.0rem;
    padding: 0;
    font-size: 2.4rem;
    cursor: pointer;
}

div.mfp_buttons button:first-child {
    margin-bottom: 1.0rem !important;
    color: rgba(51, 51, 51, 1.00);
    background: rgba(0, 0, 0, 0.1);
}

div.mfp_buttons button:first-child:hover {
    color: rgba(255, 255, 255, 1.0);
    background: rgba(0, 0, 0, 0.3);
}

div.mfp_buttons button:last-child {
    color: rgba(255, 255, 255, 1.0);
    background: rgba(153, 150, 196, 1.0);
}

div.mfp_buttons button:last-child:hover {
    background: rgba(86, 85, 153, 1.0);
}

@media only screen and (min-width: 768px) {

    #contact #mailformpro dt {
        padding-left: 1.0rem;
        width: 24.0rem;
    }

    #contact #mailformpro dd {
        padding-left: 28.0rem;
        padding-right: 1.0rem;
        padding-bottom: 1.0rem;
        border-top: 0.1rem solid rgba(204, 204, 204, 1.0);

    }

    #contact #mailformpro dd:last-child {
        border-bottom: 0.1rem solid rgba(204, 204, 204, 1.0);
    }

    .contact #contact #mailformpro .type,
    .contact #contact #mailformpro .kana,
    .contact #contact #mailformpro .mailconf,
    .contact #contact #mailformpro .company,
    .contact #contact #mailformpro .lastCheck {
        background-color: rgba(205, 170, 115, 0.05);
    }

    .entry #contact #mailformpro .method,
    .entry #contact #mailformpro .kana,
    .entry #contact #mailformpro .mail,
    .entry #contact #mailformpro .content {
        background-color: rgba(205, 170, 115, 0.05);
    }

    #contact .mfp_buttons {
        margin-top: 4.0rem;
    }

    #contact .mfp_buttons button:first-child {
        margin-right: 2.0rem;
        margin-bottom: 0;
    }

    div.mfp_buttons {
        margin-top: 4.0rem;
    }

    div.mfp_buttons button {
        margin-right: 2.0rem !important;
        margin-bottom: 0 !important;
    }

}

@media only screen and (min-width: 992px) {

    #contact #mailformpro .name input,
    #contact #mailformpro .kana input,
    #contact #mailformpro .tele input {
        width: 50%;
    }

}

@media only screen and (min-width: 1200px) {

    #contact #mailformpro dt {
        width: 30.0rem;
    }

    #contact #mailformpro dd {
        padding-left: 36.0rem;
    }

}

/*　送信完了
/*-------------------------------------------*/

/* ナンバリング */
#mfp_thanks {
    padding-bottom: 3.0rem;
    border-bottom: 0.5rem dotted rgba(170, 170, 170, 1.0);
    font-size: 2.0rem;
    text-align: center;
}

#mfp_thanks strong {
    display: block;
    margin: 1.0rem 0;
    color: rgba(230, 90, 0, 1.0);
    font-size: 3.0rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

/* 「ありがとうございました」部 */
.thanksMessage h3 {
    margin-top: 3.0rem;
    margin-bottom: 3.0rem;
    color: rgba(77, 70, 134, 1.0);
    font-size: 2.4rem;
    font-weight: 500;
}

.thanksMessage ul {
    margin: 3.0rem 0 3.0rem 2.4rem;
    color: rgba(255, 0, 0, 1.0);
    font-weight: 400;
}

@media only screen and (min-width: 768px) {

    #mfp_thanks strong {
        display: inline;
        position: relative;
        top: 0.3rem;
    }

}


/* ========================================================

　.privacy-policy

=========================================================== */

#policy p,
#policy dt,
#policy dd {
    text-align: justify;
}

#policy dl {
    margin-top: 6.0rem;
}

/* タイトル */
#policy dt {
    color: rgba(0, 0, 0, 1.00);
    font-weight: 500;
}

/* 項目 */
#policy dd {
    margin: 1.0rem 0 5.0rem;
    color: rgba(51, 51, 51, 0.80);
}

#policy ul {
    margin: 1.0rem 0;
}

#policy li {
    margin-bottom: 0;
}

#policy dl + p {
    text-align: right;
}

/* プライバシーポリシーに関するお問い合わせ */
#policy h3 {
    margin-top: 5.0rem;
    margin-bottom: 2.0rem;
    font-size: 2.0rem;
    text-align: center;
}

/* 個人情報保護に関するお問い合わせは下記まで */
#policy h3 + p {
    margin-bottom: 3.0rem;
    text-align: center;
}

#policy h3 span,
#policy h3 + p span {
    display: block;
}

@media only screen and (min-width: 768px) {

    #policy dd {
        margin: 2.0rem 0 5.0rem;
    }

    #policy ul {
        margin: 2.0rem 0 2.0rem 1.6rem;
    }

    #policy h3 span,
    #policy h3 + p span {
        display: inline;
    }

}

@media only screen and (min-width: 1200px) {

    #policy dd {
        margin: 3.0rem 0 6.0rem;
    }

    #policy ul {
        margin: 3.0rem 0 3.0rem 1.6rem;
    }

    #policy h3 {
        font-size: 2.4rem;
    }

}


/* ========================================================

　#err404

=========================================================== */

#err404 h3 {
    margin-bottom: 2.0rem;
    color: rgba(255, 0, 0, 1.00);
}

#err404 hr {
    margin: 2.0rem 0;
}


/* ---- End of file --------------------------------------- */