@charset "utf-8";
.secFormQuestionnaire .mr10{ margin-right:10px;}
.secFormQuestionnaire .mr15{ margin-right:15px;}
.secFormQuestionnaire .mr20{ margin-right:20px;}
.secFormQuestionnaire .mr23{ margin-right:23px;}
.secFormQuestionnaire .mr25{ margin-right:25px;}
.secFormQuestionnaire .mr30{ margin-right:30px;}
.secFormQuestionnaire .mr33{ margin-right:33px;}
.secFormQuestionnaire .mr35{ margin-right:35px;}
.secFormQuestionnaire .mr40{ margin-right:40px;}
.secFormQuestionnaire .mr43{ margin-right:43px;}
.secFormQuestionnaire .mr50{ margin-right:50px;}
.secFormQuestionnaire .mr65{ margin-right:65px;}
.secFormQuestionnaire .mr68{ margin-right:68px;}
.secFormQuestionnaire .mt8{margin-top:8px;}
.secFormQuestionnaire .mt10{ margin-top:10px;}
.secFormQuestionnaire .mt12{ margin-top:12px;}
.secFormQuestionnaire .mt20{ margin-top:20px;}
.secFormQuestionnaire .pb20{ padding-bottom:20px;}
@media only screen and (max-width:767px){
    .secFormQuestionnaire .mrs15{margin-right:15px;}
    .secFormQuestionnaire .mts4{margin-top:4px;}
    .secFormQuestionnaire .mts10{margin-top:10px;}
    .secFormTable .mws150{
        width: 150px;
    }
    .secFormTable .boxAreaList .item .others {
        font-size: 11px;
    }
    .secFormTable .boxAreaList .item.check{
        margin:0;
    }
    .secFormQuestionnaire .mr68,
    .secFormQuestionnaire .mr43{
        margin-right:10px;
    }
}

/* secFormQuestionnaire */
.secForm .boxQuestionnaire{ display: none;}
.secFormQuestionnaire .secFormTable.ann{
    border-top:none;
}
.secFormQuestionnaire .btnQuestionnaire{
    position: relative;
    display: flex;
    width: 100%;
    height: 80px;
    margin: 40px auto 0;
    padding-top: 1px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    background: #facd19;
    color: var(--textColor);
    font-size: 24px;
    transition: .5s;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    border-radius: 3px;
    box-shadow: inset 0px -1px 0px 0px rgba(108, 104, 5, 0.3);
}
.secFormQuestionnaire .btnQuestionnaire::before{
    content: "";
    position: absolute;
    right: 43px;
    top: calc(50% - 3.5px);
    width: 6px;
    background: var(--lightKeyColor);;
    height: 7px;
    clip-path: polygon(0 0, 100% 50%, 0 100%, 30% 50%);
    z-index: 5;
    margin: 0;
    transform: rotate(90deg);
}
.secFormQuestionnaire .btnQuestionnaire.on::before{
    transform: rotate(270deg);
}
.secFormQuestionnaire .btnQuestionnaire::after{
    position: absolute;
    content: "";
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: solid 1px var(--lightKeyColor);;
    top: calc(50% - 16px);
    right: 30px;
}
@media only screen and (max-width: 767px){
    .secFormQuestionnaire .btnQuestionnaire {
        height: 60px;
        margin: 22px auto 0;
        line-height: 20px;
        font-size: 12px;
    }
    .secFormQuestionnaire .btnQuestionnaire::before,
    .secFormQuestionnaire .btnQuestionnaire::after{
        display: none;
    }
    .secFormQuestionnaire .spIcon{
        position: relative;
        padding-right: 25px;
    }
    .secFormQuestionnaire .spIcon::before{
        content: "";
        position: absolute;
        right: 6px;
        top: calc(50% - 3.5px);
        width: 6px;
        background: var(--lightKeyColor);;
        height: 7px;
        clip-path: polygon(0 0, 100% 50%, 0 100%, 30% 50%);
        z-index: 5;
        margin: 0;
        transform: rotate(90deg);
    }
    .secFormQuestionnaire .btnQuestionnaire.on .spIcon::before{
        transform: rotate(270deg);
    }
    .secFormQuestionnaire .spIcon::after{
        position: absolute;
        content: "";
        width: 18px;
        height: 18px;
        top: 1px;
        right: 0;
        border-radius: 50%;
        border: solid 1px var(--lightKeyColor);;
    }
}

.secFormQuestionnaire .btnQuestionnaire:not(.on) .txtQuestionnaireOn,
.secFormQuestionnaire .btnQuestionnaire.on .txtQuestionnaireOff,
.secFormQuestionnaire input[name="isQuestionnaire"]{
    display: none;
}
/* 内部アンケート */
.secFormQuestionnaire tr:last-child{
    border-bottom: none;
}
.secFormQuestionnaire tr:first-child th{
    padding-top: 14px;
}
.secFormQuestionnaire tr:first-child td{
    padding-top: 2px;
}
.secFormQuestionnaire .innerSub{
    font-size:12px;
}
.secFormQuestionnaire .w80{ width: 80px;}
.secFormQuestionnaire .w160{ width: 160px;}
.secFormQuestionnaire .w200{ width: 200px;}
.secFormQuestionnaire .mw235{ min-width: 235px;}
.secFormQuestionnaire .w250{ width: 250px;}
.secFormQuestionnaire .w360{ width: 360px;}
.secFormQuestionnaire .wc360{
    width:calc(100% - 300px);
}
.secFormQuestionnaire .ml10{
    margin-left: 10px;
}
@media only screen and (max-width: 767px){
    .secFormQuestionnaire th{
        padding: 13px 0 0;
    }
    .secFormQuestionnaire tr:first-child td{
        padding: 8px 0 19px;
    }
    .secFormQuestionnaire tr:first-child th{
        padding-top: 0;
    }
    .secFormQuestionnaire .ws120{width: 120px;}
    .secFormQuestionnaire .w160{ width: 120px;}
    .secFormQuestionnaire .ws160{
        width: 160px;
        max-width: calc(100% - 143px);
    }
    .secFormQuestionnaire .w235{ min-width: 120px;}
    .secFormQuestionnaire .ws235{ width: 235px;}
    .secFormQuestionnaire .w360{ width: 235px;}
}

/* more */
.secFormQuestionnaire .boxMore{
    display: none;
    padding-top: 20px;
}
.secFormQuestionnaire .titMore{
    font-size: 15px;
    font-weight: 700;
}
.secFormQuestionnaire .txtMore{ 
    font-size: 15px;
    font-weight: 700;
    padding: 18px 0 0 38px;
}
.secFormQuestionnaire .boxMoreContent{
    padding: 12px 0 0 38px;
}
.secFormQuestionnaire textarea.free{
    height: 100px;
}
@media only screen and (max-width: 767px){
    .secFormQuestionnaire .boxMore{
        padding-top: 15px;
    }
    .secFormQuestionnaire .titMore{
        font-size: 14px;
        line-height: 1.57;
    }
    .secFormQuestionnaire .txtMore{ 
        font-size: 14px;
        line-height: 1.57;
        padding: 7px 0 0 35px;
    }
    .secFormQuestionnaire .boxMoreContent{
        padding: 5px 0 0 35px;
    }
    .secFormQuestionnaire textarea.free{
        height: 80px;
    }
}

/* type */
.secFormQuestionnaire #boxMore5,.secFormQuestionnaire #boxMore6{
    padding-bottom: 20px;
}
.secFormQuestionnaire .moreCover{
    border-top: solid 1px #e5e5e5;
    margin-top: 30px;
    padding-top: 30px;
}
.secFormQuestionnaire .owningList,.secFormQuestionnaire .rentalList{
    padding: 17px 0 0 38px;
}
.secFormQuestionnaire .owningItem,.secFormQuestionnaire .rentalItem{
    display: flex;
    align-items: center;
}
.secFormQuestionnaire .owningItem:nth-child(n+2),.secFormQuestionnaire .rentalItem:nth-child(n+2){
    margin-top: 10px;
}
.secFormQuestionnaire .innerWidth103{
    width: 103px;
    line-height: 1.46;
}
.secFormQuestionnaire .pt0{
    padding-top: 0;
}
@media only screen and (max-width: 767px){
    .secFormQuestionnaire #boxMore5,.secFormQuestionnaire #boxMore6{
        padding-bottom: 20px;
    }
    .secFormQuestionnaire .moreCover{
        margin-top: 20px;
        padding-top: 20px;
    }
    .secFormQuestionnaire .owningList,.secFormQuestionnaire .rentalList{
        padding: 10px 0 0 35px;
    }
    .secFormQuestionnaire .owningItem:nth-child(n+2),.secFormQuestionnaire .rentalItem:nth-child(n+2){
        margin-top: 10px;
    }
    .secFormQuestionnaire .innerWidth103{
        width: 95px;
        line-height: 1.57;
    }
    .secFormQuestionnaire .ws52{
        width: 52px;
    }
    .secFormQuestionnaire .mr10{
        margin-right: 5px;
    }
    .secFormQuestionnaire .pt0{
        padding-top: 0;
    }
}

/* child */
.secFormQuestionnaire .innerColor{
    color: #be1b1b;
}
.secFormQuestionnaire .family .item{
    display: flex;
    align-items: center;
}
.secFormQuestionnaire .family .item:nth-child(n+2){
    margin-top: 15px;
}
.secFormQuestionnaire .innerWidth150{
    width: 150px;
}
.secFormQuestionnaire .txtMonth{
    margin-right: 12px;
}
.secFormQuestionnaire .familyOther{
    margin: 15px 0 0 38px;
}
@media only screen and (max-width: 767px){
    .secFormQuestionnaire .innerWidth150{
        width: 125px;
    }
    .secFormQuestionnaire .txtMonth{
        margin-right: 5px;
    }
    .secFormQuestionnaire .wsc186{
        width: calc(100% - 186px);
        max-width: 160px;
    }
}

/* income */
.secFormQuestionnaire .income .item{
    display: flex;
    align-items: center;
}
.secFormQuestionnaire .income .item:nth-child(n+2){
    margin-top: 15px;
}
.secFormQuestionnaire .innerWidth70{
    width: 70px;
    display: inline-block;
}
.secFormQuestionnaire .innerWidth100{
    width: 100px;
}
.secFormQuestionnaire .innerWidth125{
    width: 125px;
}
@media only screen and (max-width: 767px){
    .secFormQuestionnaire .income .item:nth-child(n+2){
        margin-top: 10px;
    }
    .secFormQuestionnaire .innerWidth125{
        width: 100px;
    }
    .secFormQuestionnaire .innerWidth70{
        width: 40px;
    }
}
@media only screen and (max-width: 359px){
    .secFormQuestionnaire .innerWidth100{
        width: 80px;
    }
}

/* loan */
.secFormQuestionnaire .loan .item{
    display: flex;
    align-items: center;
}
.secFormQuestionnaire .loan .item:nth-child(n+2){
    margin-top: 15px;
}
.secFormQuestionnaire .innerWidth145{
    width: 145px;
}
.secFormQuestionnaire .loanRight{
    display: flex;
    align-items: center;
}
.secFormQuestionnaire .ml15mr10{
    margin: 0 10px 0 15px;
}
.secFormQuestionnaire .ml0{
    margin-left: 0;
}
.secFormQuestionnaire .rightWrapper{
    display: flex;
    align-items: center;
}
.secFormQuestionnaire .rightWrapper:nth-child(2){
    margin-left: 38px;
}
@media only screen and (max-width: 767px){
    .secFormQuestionnaire .loan .item{
        align-items: flex-start;
    }
    .secFormQuestionnaire .innerWidth145{
        width: 120px;
    }
    .secFormQuestionnaire .ml15mr10{
        margin: 0 5px;
    }
    .secFormQuestionnaire .loanRight{
        display: block;
    }
    .secFormQuestionnaire .loan .item:nth-child(n+2){
        margin-top: 10px;
    }
    .secFormQuestionnaire .loan .item:last-child{
        margin-top: 15px;
    }
    .secFormQuestionnaire .rightWrapper:nth-child(2){
        margin: 5px 0 0;
    }
    .secFormQuestionnaire .loanRight{
        width: calc(100% - 120px);
    }
    .secFormQuestionnaire .loan .w160{
        width: calc(100% - 66px);
    }
    .secFormQuestionnaire .loan .labelCheck{
        margin-top: 17px;
    }
    .secFormQuestionnaire .loan .item:last-child .labelCheck{
        margin-top: 0;
    }
}

/* rank */
.secFormQuestionnaire .rank .item:nth-child(n+2){
    margin-top: 20px;
}
.secFormQuestionnaire .rankSelect{
    display: flex;
    align-items: center;
}
.secFormQuestionnaire .rankTxt{
    margin-right: 15px;
    flex-shrink: 0;
}
@media only screen and (max-width: 767px){
    .secFormQuestionnaire .rankTxt{
        margin-right: 8px;
    }
    .secFormQuestionnaire .rankSelect{
        flex-wrap: wrap;
    }
    .secFormQuestionnaire .ws100p{
        width: 100%;
    }
    .secFormQuestionnaire .rank .mts10{
        margin: 10px 0 0;
    }
    .secFormQuestionnaire .wsc31{width: calc(100% - 31px);}
}

/* secFormCoTitQuestion */
.secFormCoTitQuestion{
    display: block;
    width: 100%;
    padding: 20px 0;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    background-image: linear-gradient(90deg, rgb(240,101,24) 0%, rgb(237,167,22) 100%);
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 33px;
}
@media only screen and (max-width:767px){
    .secFormCoTitQuestion{
    font-size: 14px;
    line-height: 1.3;
    padding: 15px 0;
    margin-bottom: 20px;
    }
}

/* co */
.co.secForm .boxQuestionnaire{
    display: block;
}
.co .secFormQuestionnaire .btnQuestionnaire::before,.co .secFormQuestionnaire .btnQuestionnaire::after{
    display: none;
}
.co .secFormQuestionnaire tr:last-child{
    border-bottom: 1px solid var(--textColor);
}

.secFormQuestionnaire .fs0{
    flex-shrink: 0;
}

/* 追記0807 */
.secFormQuestionnaire .questionnaireTh{
    padding-top: 27px;
}
.secFormQuestionnaire .questionnaireTh34{
    padding-top: 34px;
}
@media only screen and (max-width:767px){
    .secFormQuestionnaire .questionnaireTh,.secFormQuestionnaire .questionnaireTh34{
        padding-top: 13px;
    }
}

.secFormQuestionnaire .flItem{
    display: flex;
    align-items: center;
}
.secFormQuestionnaire{
    padding-top: 68px;
}
.secFormQuestionnaire .titQuestionnaire{
    font-size: 22px;
    text-align: center;
    font-weight: 700;
}
.secFormQuestionnaire .spanLine{
    background: linear-gradient(transparent 70%, #fcff00 70% ,#fcff00 90%,transparent 90%);
}
.secFormQuestionnaire .pointList{
    margin-top: 54px;
    display: flex;
}
.secFormQuestionnaire .pointItem{
    width: 31.356%;
    margin-right: 2.966%;
    position: relative;
    border: solid 1px var(--textColor);
    background: #feffce;
    border-radius: 3px;
    padding: 29px 0 22px 38px;
}
.secFormQuestionnaire .pointItem:last-child{
    margin-right: 0;
}
.secFormQuestionnaire .pointItem::after{
    position: absolute;
    content: "";
    width: 127px;
    height: 115px;
    right: 21px;
    top: -16px;
}
.secFormQuestionnaire .pointItem.lazyloaded::after{
    background: url(../img/common/iconPoint01.png) center top no-repeat;
}
.secFormQuestionnaire .pointItem:nth-child(2):after{
    width: 80px;
    height: 115px;
    right: 44px;
    top: -16px;
}
.secFormQuestionnaire .pointItem:nth-child(2).lazyloaded::after{
    background: url(../img/common/iconPoint02.png) center top no-repeat;
}
.secFormQuestionnaire .pointItem:nth-child(3):after{
    width: 131px;
    height: 116px;
    right: 19px;
    top: -16px;
}
.secFormQuestionnaire .pointItem:nth-child(3).lazyloaded::after{
    background: url(../img/common/iconPoint03.png) center top no-repeat;
}
.secFormQuestionnaire .pointNum{
    width: 70px;
    height: 31px;
    background: var(--brandColor);
    border-radius: 15.5px;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    left: 20px;
    top: -15px;
}
.secFormQuestionnaire .pointTxt{
    font-size: 15px;
    line-height: 1.6;
}
.secFormQuestionnaire .spanBig{
    font-size: 21px;
    font-weight: 700;
}
.secFormQuestionnaire .spanRed{
    color: #ff0000;
}
@media only screen and (max-width:767px){
    .secFormQuestionnaire{
        padding-top: 6px;
    }
    .secFormQuestionnaire .titQuestionnaire{
        font-size: 14px;
        line-height: 1.71;
    }
    .secFormQuestionnaire .spanLine{
        background: none;
    }
    .secFormQuestionnaire .spanLineSp{
        background: linear-gradient(transparent 70%, #fcff00 70% ,#fcff00 90%,transparent 90%);
    }
    .secFormQuestionnaire .pointList{
        margin-top: 27px;
    }
    .secFormQuestionnaire .pointItem{
        width: 31.595%;
        margin-right: 2.6075%;
        padding: 14px 0 80px;
    }
    .secFormQuestionnaire .pointItem::after{
        width: 63px;
        height: 58px;
        right: calc(50% - 31.5px);
        top: auto;
        bottom: 16px;
    }
    .secFormQuestionnaire .pointItem.lazyloaded::after,.secFormQuestionnaire .pointItem:nth-child(2).lazyloaded::after,.secFormQuestionnaire .pointItem:nth-child(3).lazyloaded::after{
        background-size: cover;
    }
    .secFormQuestionnaire .pointItem:nth-child(2):after{
        width: 39px;
        height: 57px;
        right: calc(50% - 20.5px);
        top: auto;
        bottom: 16px;
    }
    .secFormQuestionnaire .pointItem:nth-child(3):after{
        width: 65px;
        height: 58px;
        right: calc(50% - 32.5px);
        top: auto;
        bottom: 16px;
    }
    .secFormQuestionnaire .pointNum{
        width: 25px;
        height: 25px;
        border-radius: 12.5px;
        font-size: 10px;
        left: calc(50% - 12.5px);
        top: -12.5px;
    }
    .secFormQuestionnaire .pointTxt{
        font-size: 11px;
        line-height: 1.36;
        text-align: center;
    }
    .secFormQuestionnaire .spanBig{
        font-size: 14px;
        display: block;
        margin-top: 4px;
    }
    .secFormQuestionnaire .ws100{
        width: 100px !important;
    }
}


/* なしの場合追記 */
.secFormQuestionnaire .chengeOn .hideInput{
    opacity: 0.7;
    pointer-events: none;
}