@charset "utf-8";

/*-----------------------------------------------
    secForm
-----------------------------------------------*/
.secFormTable{width: 100%;}
.secFormTable tr th{display: flex;}
.secFormTable tr{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-top: 0.1rem solid var(--grayColor);
}
.secFormTable tr:last-child{
    border-bottom: 0.1rem solid var(--grayColor);
}
.secFormTable tr th{
    width: 18.6rem;
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_30);
    letter-spacing: var(--pcLetterSpacing15_150);
    padding: 3.4rem 0;
    vertical-align: top;
    position: relative;
	font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.secFormTable tr th .must{
    font-size: var(--pcFontSize11);
    font-weight: bold;
    color: var(--whiteColor);
    background-color: var(--mustColor);
    width: 4rem;
    height: 2.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.secFormTable tr td {
	width:calc(100% - 26.2rem);
	font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_30);
	padding: 2.2rem 0;
    vertical-align: top;
	position:relative;
}
.secFormTable tr td .box{
    height: 5.4rem;
    display: flex;
    align-items: center;
}
.secFormTable tr:last-child td {
    padding: 2rem 0;
}
.secFormTable label {
    margin-right: 4.8rem;
}
.secFormTable label input {
    height: 1.8rem;
    width: 1.8rem;
    margin: 0.7rem 0.8rem 0 0;
}
.secFormTable input[type="radio"] {
    visibility: hidden;
    position: absolute;
}
.secFormTable .inner{
    position: relative;
    padding-left: 2.6rem;
    font-size: var(--pcFontSize15);
}
.secFormTable input[type="radio"] + .inner::before{
    content: '';
    height: 18px;
    width: 18px;
    display: inline-block;
    vertical-align: middle;
    background: var(--whiteColor);
    border: 2px solid var(--grayColor);
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
.secFormTable input[type="radio"]:checked + .inner::before{
    border: 2px solid var(--orangeColor);
}
.secFormTable input[type="radio"]:checked + .inner::after{
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: var(--orangeColor);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 4px;
    margin: auto;
}
.secFormTable .boxZip{
    display: flex;
    align-items: center;
}
.secFormTable .boxZip + .boxZip{
    margin-top: 1.3rem;
}
.secFormTable .btnZip{
    width: 13.5rem;
    height: 4.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--grayColor);
    border-radius: 1.5rem;
    font-size: var(--pcFontSize14);
    margin-left: 1.2rem;
}
.secFormTable input[type="text"],
.secFormTable input[type="tel"],
.secFormTable input[type="email"],
.secFormTable input[type="number"],
.secFormTable input[type="password"],
.secFormTable select {
    height: 5.4rem;
    border: 0.1rem solid var(--gray3Color);
    font-size: var(--pcFontSize14);
    letter-spacing: var(--pcLetterSpacing14_05);
    padding: 0 2rem;
    background: var(--whiteColor);
    font-family: inherit;
}
.secFormTable input[type="text"].inputRequired,
.secFormTable input[type="tel"].inputRequired,
.secFormTable input[type="email"].inputRequired,
.secFormTable input[type="number"].inputRequired,
.secFormTable input[type="password"].inputRequired,
.secFormTable textarea.inputRequired,
.secFormTable select.inputRequired {
    background: var(--must_bg_Color);
}
.secFormTable textarea {
	height: 23rem;
	border: 0.1rem solid var(--gray3Color);
	font-size: var(--pcFontSize15);
	letter-spacing: var(--pcLetterSpacing15_05);
	padding: 1.5rem;
	background: var(--whiteColor);
	font-family: inherit;
	width:100%;
	resize: none;
}
.secFormTable .txt{
    font-size: var(--pcFontSize11);
    margin-top: 1rem;
    line-height: 1;
}
.secFormTable .w180 {width: 18rem;}
.secFormTable .w200 {width: 20rem;}
.secFormTable .w385 {width: 38.5rem;}
.secFormTable .w530 {width: 52.9rem;}
.secFormTable .w100 {width: 100%;}
.secFormTable .mr5 {margin-right: 0.5rem;}
.secFormTable .mt10{margin-top: 1.3rem;}
.secFormTable .otherTxt{
    height: 15rem;
    resize: none;
}
@media only screen and (max-width:1215px){
    .secFormTable,tbody{
        width: 100%;
        display: block;
    }
    .secFormTable tr th{display: flex;}
    .secFormTable tr{
        flex-direction: column;
    }
    .secFormTable tr th{
        width: 100%;
        font-size: var(--spFontSize14);
        line-height: 1;
        letter-spacing: var(--spLetterSpacing14_50);
        padding: 2rem 0 1rem;
        align-items: center;
        justify-content: flex-start;
    }
    .secFormTable tr th .must{
        font-size: var(--spFontSize10);
        width: 3.5rem;
        height: 2rem;
        margin-left: 1.5rem;
    }
    .secFormTable tr td {
        width: 100%;
        font-size: var(--spFontSize14);
        line-height: 3.2rem;
        padding: 0 0 2rem 0;
    }
    .secFormTable tr td .box{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        height: auto;
    }
    .secFormTable tr:last-child td {
        padding: 0;
    }
    .secFormTable input[type="radio"]:checked + .inner::after{
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .secFormTable label {
        margin-right: 0;
    }
    .secFormTable .inner{
        font-size: var(--spFontSize14);
    }
    .secFormTable .boxZip{
        flex-wrap: wrap;
    }
    .secFormTable .boxZip + .boxZip,
    .secFormTable .boxZip + .boxZip input{
        margin-top: 0.8rem;
    }
    .secFormTable .btnZip{
        width: 40%;
        height: 4.5rem;
        margin-left: 1.2rem;
    }
    .secFormTable input[type="text"],
    .secFormTable input[type="tel"],
    .secFormTable input[type="email"],
    .secFormTable input[type="number"],
    .secFormTable input[type="password"],
    .secFormTable select {
        height: 5rem;
        font-size: var(--spFontSize16);
        padding: 0 1.5rem;
    }
    .secFormTable textarea {
        height: 11.5rem;
        font-size: var(--spFontSize16);
    }
    .secFormTable .txt{
        font-size: var(--spFontSize11);
        margin-top: 1rem;
        line-height: 1;
    }
    .secFormTable .w180 {width: 54%;}
    .secFormTable .ws100p {width: 100%;}
}

.secFormTable .txtError {
    color: var(--redColor);
    font-size: var(--pcFontSize12);
    background: url(../img/common/iconError.png) left 0.2rem no-repeat;
    background-size: 1.4rem;
    padding: 0 0 0 1.7rem;
    margin-top: 1rem;
    line-height: 1.5;
    text-align: left;


    display: none;
}
.secForm .memoBox {
    margin: 6rem auto 1.5rem;
    text-align: center;
}
.secForm .memoBox .memoTop{
    font-size: var(--pcFontSize20);
}
.secForm .memoBox .memo{
    font-size: var(--pcFontSize15);
}
.secForm .memoBox .memoTop + .memo{
    line-height: 1.8;
    margin-top: 3rem;
}
.secForm .memoBox .memo a{
    color: var(--linkColor);
    text-decoration: underline;
}
.secCmnFormBtn a{
    margin: 1.5rem auto 0;
    width: 38rem;
    height: 8.2rem;
    color: var(--whiteColor);
    background-color: var(--orangeColor);
    box-shadow: inset 0px -0.5rem 0.3rem 0 var(--orange2Color);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--pcFontSize24);
    font-weight: bold;
}
.secCmnFormBtn a + a,
.secCmnFormBtn .btnBack{
    width: 30rem;
    height: 7.2rem;
    margin: 2rem auto 0;
    color: var(--textColor);
    background-color: var(--gray2Color);
    box-shadow: inset 0px -0.5rem 0.3rem 0 var(--gray3Color);
}
@media only screen and (max-width:1215px){
    .secForm .memoBox {
        margin: 4rem auto 2rem;
    }
    .secForm .memoBox .memoTop{
        font-size: var(--spFontSize18);
    }
    .secForm .memoBox .memo{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_25);
    }
    .secCmnFormBtn a{
        width: 86.96%;
        height: 6rem;
        font-size: var(--spFontSize17);
        letter-spacing: var(--spLetterSpacing17_100);
    }
    .secCmnFormBtn a + a,
    .secCmnFormBtn .btnBack{
        width: 68.96%;
        height: 5.5rem;
        margin: 1.5rem auto 0;
    }
}
#contactForm{
    margin-top: 6rem;
}
@media only screen and (max-width:1215px){
    #contactForm{
        margin-top: 2.5rem;
    }
}

.btnSendCo.no_tap,
.btnSendCoBack.no_tap{
    opacity: 0.3!important;
    pointer-events: none!important;
    transition: none!important;
}
.btnSendCo.no_tap{
    background: url(../img/common/iconLoader.png) center center / 32px auto no-repeat,var(--orangeColor)!important;
    font-size: 0!important;
}


/*-----------------------------------------------
    co
-----------------------------------------------*/
.co .secFormTable tr:last-child td{
    padding: 2.9rem 0;
}
.co .secFormTable tr th{
    align-items: center;
}
.co .secFormTable tr th,
.co .secFormTable tr td{
    padding: 3.1rem 0;
}
.co .secCmnFormBtn{
    margin-top: 5rem;
}
.ok .secCmnFormBtn{
    margin-top: 5rem;
}
@media only screen and (max-width:1215px){
    .co .secFormTable tr th{
        padding: 2rem 0 1rem;
    }
    .co .secFormTable tr:last-child td,
    .co .secFormTable tr td{
        padding: 0 0 2rem 0;
    }
    .co .secCmnFormBtn{
        margin-top: 3rem;
    }
    .ok .boxTopTit .txt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_20);
        letter-spacing: var(--spLetterSpacing13_40);
    }
}

/*-----------------------------------------------
    secDownload
-----------------------------------------------*/
.secDownload{
    padding-top: 5rem;
}
/* boxBtnForm */
.secDownload .boxBtnForm .btn{
    background-size: contain;
    margin: 0 auto;
    width: 66%;
    height: 9.9rem;
    justify-content: center;
}
.secDownload .boxBtnForm .txtBtn02 {
    font-size: var(--pcFontSize30);
    letter-spacing: var(--pcLetterSpacing43_30);
}
@media only screen and (max-width:1215px){
    .secDownload{
        padding-top: 3rem;
    }
    /* boxBtnForm */
    .secDownload .boxBtnForm .btn{
        width: 100%;
        height: 11rem;
        padding: 0 0 0.5rem 0;
    }
    .secDownload .boxBtnForm .txtBtn02 {
        font-size: var(--spFontSize18);
        letter-spacing: var(--spLetterSpacing16_60);
    }
}