@charset "utf-8";


#contents_outer {
    background-color: #fff!important;
}

#pg_article * {
    font-family: 'Noto Sans JP', sans-serif;
    box-sizing: border-box;
}
#contents {
    width: 100%;
}
.h1_section,
#path {
    display: none;
}
/* outline
------------------------------*/
.l-page{
    padding-top:34px;
    width: 950px;
    margin: 0 auto;
}

.l-page * {
    font-family: 'Noto Sans JP', sans-serif;
    color:#333333;
    line-height:1.78;
}


.dlg_adv{
    width: 950px;
    padding:42px 75px;
    box-shadow: 0px 5px 11px 0px rgba(0,0,0,0.3);
    margin: 0 auto;
    }
    #pg_article .dlg_adv h1{
        font-size:38px;
        color:#001892;
        text-align:center;
        font-family: 'Noto Serif JP', sans-serif;
        letter-spacing: 3.5px;
    }
    .dlg_adv .result-box{
        border:solid 1px #1750AD;
        margin:22px 0;
    }
        .dlg_adv .result-box .title{
            background-color:#1750AD;
            height:40px;
            line-height:40px;
            color:#fff;
            font-size:20px;
            text-align:center;
        }
        .dlg_adv .result-box .content{
            font-size:20px;
            display:flex;
            align-items:center;
            justify-content:center;
            height:90px;
        }
            .dlg_adv .result-box .content .price{
                font-size:32px;
                font-weight:bold;
                color:#F39800;
                margin-right:4px;
            }
    .dlg_adv table tr td{
        font-size:16px;
    }
        .dlg_adv table tr td.desc{
            font-size:10px;
        }
            .dlg_adv table tr td.checked img{
                position: static;
                margin-right: 5px;
                margin-bottom: 7px;
                margin-right:5px;
            }
#pg_article .desc01{
    font-size:20px;
    text-align:center;
    margin: 57px auto 57px auto;
    font-family: 'Noto Serif JP', sans-serif;
}
.sec_contact{
    background-color:#1750AD;
    padding:60px 0 80px;
}
.inner{
    position: relative;
    width: 950px;
    margin: 0 auto;
}
.sec_contact .desc{
    text-align:center;
    font-size:24px;
    color:#fff;
    margin-bottom: 30px;
    letter-spacing: 2.4px;
    font-weight: 500;
}


.contact_wrap {
    display: flex;
    justify-content: space-between;
    width: 890px;
    margin: 0 auto;
}
.contact_box {
    width: 420px;
    height: 130px;
    background-color: #fff;
    border-radius: 10px;
    padding-top: 25px;
}
.contact_box02 {
    width: 420px;
    height: 130px;
    background-color: #FFFCE6;
    border-radius: 10px;
    padding-top: 15px;
}
.contact_ttl {
    font-size: 22px;
    color: #1750AD;
    text-align: center;
    font-weight: 500;
    letter-spacing: 2.7px;
}
.contact_tel {
    color: #41BFD9;
    font-size: 46px;
    font-weight: 900;
    position: relative;
    text-align: center;
    padding-left: 25px;
    line-height: 1.2;
}
    .contact_tel:before{
        content: url(../images/baikyaku/icn_tel.png);
        position: absolute;
        left: 30px;
        bottom: 3px;
    }

.contact_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 337px;
    height: 59px;
    background-color: #F39800;
    border-radius: 8px;
    box-shadow: 5px 5px #F37100;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    margin: 8px auto 0;
    transition: .2s;
    cursor: pointer;
}
.contact_btn:hover {
    text-decoration: none;
    color: #fff;
    background-color: #f7b74d;
    box-shadow: 1px 1px 0 #F37100;
    transform: translate(4px,4px);
    opacity: 0.7;
}
.sect_reason{
    padding: 83px 0 82px 0;
}
    .sect_reason .title{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content: center;
    }
        #pg_article .sect_reason .title .small{
            font-size:22px;
            color:#001892;
            font-family: 'Noto Serif JP', sans-serif;
            letter-spacing: 2.4px;
        }
        .sect_reason .title .big{
            background-color:#FFFF75;
            height:24px;
            margin-top:29px;
            letter-spacing: 4px;
        }
            #pg_article .sect_reason .title .big .text{
                font-size:38px;
                color:#001892;
                margin-top: -30px;
                position:static;
                font-family: 'Noto Serif JP', sans-serif;
            }

#pg_article .go-contact{
    background: url('../images/baikyaku/bg-poligon.svg') center no-repeat;
    background-size: cover;
    width:100%;
    height: 164px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    line-height: 1.58;
    font-size:25px;
    text-align:center;
    padding-bottom: 18px;
    font-family: 'Noto Serif JP', sans-serif;
    margin-bottom: 40px;
}
.sect_reason .reason-list{
    display:flex;
    flex-direction:row;
    align-items:flex-start;
    justify-content:center;
    margin: 46px 0 0 0;
}
    .sect_reason .reason-list .reason-item{
        width:calc((100% - 27px * 2) / 3);
    }
        .sect_reason .reason-list .reason-item .head-part{
            display:flex;
            flex-direction:row;
            align-items:center;
            justify-content:flex-start;
        }
        .sect_reason .reason-list .reason-item .head-part span{
            font-size:20px;
            font-weight:bold;
            line-height:1.3;
            margin-left:18px;
        }
        .sect_reason .reason-list .reason-item .detail{
            position:relative;
            height: 378px;
            border-radius:15px;
            padding: 79px 35px 8px 35px;
            font-size:16px;
            line-height: 1.77;
            color:#fff;
            margin-top: 122px;
            letter-spacing: 0.7px;
        }
            .sect_reason .reason-list .reason-item .detail img{
                position: absolute;
            }

    .sect_reason .reason-list .reason-item:nth-of-type(3n+1) .head-part span{
        color:#41BFD9;
    }
    .sect_reason .reason-list .reason-item:nth-of-type(3n+1) .detail{
        background-color:#41BFD9;
    }
        .sect_reason .reason-list .reason-item:nth-of-type(3n+1) .detail img{
            top: -110px;
            left: 50%;
            margin-left: -88px;
        }
.sect_reason .reason-list .reason-item:nth-of-type(3n+2){
    margin-left:27px;
}
    .sect_reason .reason-list .reason-item:nth-of-type(3n+2) .head-part span{
        color:#3489D4;
    }
    .sect_reason .reason-list .reason-item:nth-of-type(3n+2) .detail{
        background-color:#3489D4;
    }
        .sect_reason .reason-list .reason-item:nth-of-type(3n+2) .detail img{
            top: -100px;
            left: 46%;
            margin-left: -96px;
        }
.sect_reason .reason-list .reason-item:nth-of-type(3n){
    margin-left:27px;
}
    .sect_reason .reason-list .reason-item:nth-of-type(3n) .head-part span{
        color:#2FBCBC;
    }
    .sect_reason .reason-list .reason-item:nth-of-type(3n) .detail{
        background-color:#2FBCBC;
    }
        .sect_reason .reason-list .reason-item:nth-of-type(3n) .detail img{
            top: -102px;
            left: 50%;
            margin-left: -112px;
        }
/*フォームの部品*/
#baikyakuInput {
    margin-bottom: 80px;
}
input[type="text"],
select,
textarea {
    border-radius: 3px;
    border:1px solid #bbb;
    box-shadow: inset 1px 1px 1px #eee;
    margin: 5px 3px 5px 0;
    padding: 0 0 0 7px;
    vertical-align: middle;
    height:32px;
    font-size: 15px;
    line-height: 1;
}

select{
    cursor:pointer;
}

option {
    line-height: 21px;
    cursor:pointer;
}

input:hover,
select:hover,
textarea:hover {
    background: #fff7b5!important;
    box-shadow: inset 1px 1px 1px #eee;
}
input:focus,
textarea:focus {
    background: #fffbdb;
}

td label {
    margin: 5px 30px 5px 0;
    font-size: 15px;
}
#nameKanjiGroup input,
#nameKanaGroup input,
#staffId select {
    width: 380px;
    margin: 0 20px 0 0;
}
#email input,
#addressStr2 input,
#addressStr3 input,
#companyNameKanji input,
#addressStr4 input,
#companyNameKana input,
#now_address input{
    width: 380px;
}

#addressCode1 select,
#age input{
    width:100px;
}
#addressStr.baikayku_addrresStr {
    width: 200px;
}

#email select,
#kyojunensu input,
#zipCode input,
#birthdayYear input,
#birthdayMonth select,
#birthdayDay select,
#annualIncome input {
    width: 180px;
}
#phone input,
#fax input,
#genjyukyo select,
#mobile input,
#receiveTime input,
#receiveTime select,
#job select,
#staffId select {
    width: 240px;
}
textarea {
    width: 565px;
    height: 100px;
    padding:5px 7px;
}
#requestGroup label {
    margin: 3px 5px 3px 0;
    width: 190px;
    display: inline-block;
    cursor:pointer;
}
#howToReturn label {
    display: inline-block;
    cursor:pointer;
}

#sex label:hover,
#requestGroup label:hover,
#howToReturn label:hover {
    background: #fff7b5;
}

#genkyo input[type="radio"],
#assessmentWay input[type="radio"],
#bknDetail input[type="checkbox"] ,
#sex input,
#requestGroup input,
#howToReturn input {
    vertical-align: -3px;
    cursor:pointer;
}

#contact-section input[type="checkbox"] {
    height:17px;
    width:17px;
    box-shadow: none;
}
#contact-section input[type="checkbox"]:hover {
    box-shadow: none;
}

input[type="radio"] {
    height: 17px;
    width:17px;
    box-shadow: none;
}
input[type="checkbox"]:hover {
    box-shadow: none;
}

#contact-section p.center{
    text-align: center;
}
#noSubmit{
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    padding: 26px 24px 0;
    border-radius: 45px;
    width: 265px;
    height: 46px;
    line-height: 1;
    margin: 3px auto;
    background-color: #ccc;
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #dfdfdf, #b0b0b0) repeat scroll 0 0;
    display: none;
}
button {
    background: none;
    border: none;
    cursor: pointer;
    margin: 0 auto;
}

/*必須・任意・OKアイコン*/
.requiredmark{
    background-color: rgb(240, 39, 39);
    border-radius: 3px;
    margin-right: 10px;
    padding: 4px 0;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    display: inline-block;
    width: 37px;
    text-align: center;
    line-height: 1;
}
.optionalmark{
    background-color: rgb(121, 178, 217);
    border-radius: 3px;
    margin-right: 10px;
    padding: 4px 0;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    display: inline-block;
    width: 37px;
    text-align: center;
    line-height: 1;
}

/*レイアウト*/

#contact-section {
    width: 948px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ddd;
    margin: auto;
    padding: 42px 0 0 0;
    border: 1px solid #ccc;
    border-top: 5px solid #130975;
}
.bukken-request {
    padding: 20px 0 0 0!important;
}
#contact-section h2 {
    text-align: center;
}
#contact-section table {
    width: 790px;
    margin: auto;
    border-collapse: collapse;
    border: 1px solid #ccc;
}
#contact-section tr#nameKanjiGroup th {
    border-radius: 5px 0 0 0;
}
#contact-section tr#nameKanjiGroup td {
    border-radius: 0 5px 0 0;
}
#contact-section tr#message th {
    border-radius: 0 0 0 5px;
}
#contact-section tr#message td {
    border-radius: 0 0 5px 0;
}
#contact-section th,
#contact-section td.need {
    background: #eee;
    padding: 0;
    text-align: center;
}
#contact-section th {
    font-weight: normal;
    text-align: right;
    width: 184px;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
    height: 40px;
    background: -moz-linear-gradient(top, #f2f2f2, #ededed);　/* Firefox用 */
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ededed));　/* Safari,Google Chrome用 */
}
#contact-section th .item-name {
    font-size:14px;
    float: left;
    padding-left: 10px;
    padding-top: 3px;
    line-height: 1;
    vertical-align: middle;
}
#contact-section th img {
    vertical-align: -3px;
    margin: 0 0 0 5px;
}
#contact-section tr#howToReturn th,
#contact-section tr#receiveTime th,
#contact-section tr#requestGroup th {
    height: 50px;
}
#contact-section tr#message p {
    margin: 3px 0 0px;
}
#contact-section td {
    padding: 5px 5px 5px 12px;
    border-bottom: 1px solid #ccc;
    background: #fff;
    vertical-align: middle;
    background: #fbfbfb;
}
#contact-section td.need {
    border-right: 1px dotted #ccc!important;
    width: 20px;
}
#contact-section td span {
    color: #ff0000;
    display: block;
    font-size: 80%;
    display: none;
}

#contact-section td.op span {
    color: #333;
    display: block;
    font-size: inherit;
    width: 165px;
    float: left;
}

#contact-section td span.required {
    display: inline;
}

#contact-section #requestGroup th,
#contact-section td.hissu {
    vertical-align: middle;
}
#contact-section td.hissu {
    padding: 8px 5px 0;
}

#message td {
    padding: 5px 5px 5px 12px;
}

#contact-section .agreement{
    text-align: center;
    margin-top: 10px;
}

#contact-section p.center {
    text-align: center;
    padding: 20px 0;
}
ul#setsumei {
    text-align: center;
    margin: 0 0 30px;
}

div.bkn {
    margin:10px 0;
}
div.bkn table th {
    background: #F2F2F2;
    text-align: center;
    padding: 5px 0 5px;
    border: 1px solid #c6c6c6;
    line-height: 1.6;
    font-weight: normal;
}

div.bkn table td {
    padding: 5px 10px 5px;
    border: 1px solid #c6c6c6;
    line-height: 1.6;
    text-align: center;
}

#remain,
#fixed{
    background-color: #555555;
    border-radius: 5px;
    height: 90px;
    opacity: 0.9;
    position: absolute;
    right: 136px;
    text-align: center;
    width: 100px;
}

#fixed{
    position:fixed;
    top:70px;
}

#remain p,
#fixed p{
    color: #fff;
}
#remain p.submit_ok,
#fixed p.submit_ok{
    display: none;
    height: 90px;
    vertical-align: middle;
    width: 100px;
}
#remain .emphasis,
#fixed .emphasis{
    font-size: 40px;
    letter-spacing: 3px;
}