@charset "utf-8";

.ctt_wrapper {
    width: 100%; 
    min-height: 100vh; 
    box-sizing: border-box;
    background-color: #FAFAFA; 
}

.ctt_mainbox {
    width: 100%; 
    background-color: #FAFAFA; 
}

.ctt_centerbox {
    margin: 0 64px;
}

.ctt_subbox {
    background-color: #01203F; 
    margin: 0 auto;
    max-width: 1792px;
}

.ctt_containbox {
    margin: 0 96px;
}

.ctt_a_pad {
    padding-top: 128px;
}

.ctt_b_pad {
    padding-top: 96px;
}

.ctt_c_pad {
    padding-top: 80px;
}

.ctt_e_pad {
    padding-top: 48px;
}

.ctt_f_pad {
    padding-top: 80px;
}

.ctt_1_p {
    font-size: 40px;
    color: #F4F4F4;
    margin: 0;
    font-weight: bold;
}

.ctt_2_p {
    font-size: 40px;
    color: #FBB03B;
    margin: 0;
}

.ctt_3_p {
    font-size: 30px;
    color: #F4F4F4;
    margin: 0;
}

.ctt_4_p {
    font-size: 30px;
    font-weight: bold;
    color: #F4F4F4;
    margin: 0;
}

.ctt_5_p {
    font-size: 30px;
    font-weight: bold;
    color: #F4F4F4;
    margin: 0;
}

.ctt_6_p {
    font-size: 30px;
    font-weight: bold;
    color: #F4F4F4;
    margin: 0;
}

.ctt_6-2_p {
    font-size: 30px;
    font-weight: bold;
    color: #FBB03B;
    margin: 0;
}

.ctt_3_input {
    height: 80px;
    width: calc(100% - 2rem);
    font-size: 30px;
    color: #01203F;
    margin: 0;
    padding: 0 1rem;
    border: none;
    
    
}

.ctt_4_textarea {
    resize: none;
    height: 360px;
    width: calc(100% - 2rem);
    font-size: 30px;
    color: #01203F;
    margin: 0;
    padding: 1rem;
    border: none;
}

.ctt_5_textarea {
    resize: none;
    height: 189px;
    width: calc(100% - 1rem);
    font-size: 18px;
    line-height: 25px;
    color: #01203F;
    margin-bottom: 5px;
    padding: 0.5rem;
    border: none;
    overflow-y: scroll;
    background: #F4F4F4;
}  

.scroll_bar::-webkit-scrollbar{
    width: 7px;
  }
.scroll_bar::-webkit-scrollbar-track{
    background: #F4F4F4;
    border: none;
    border-radius: 0px;
    box-shadow: inset 0 0 2px rgb(160, 160, 160); 
}
.scroll_bar::-webkit-scrollbar-thumb{
    background: #01203F;
    box-shadow: none;
}
.no-spin::-webkit-inner-spin-button,
.no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
    -moz-appearance:textfield !important;
}

.ctt_6_check {
    width:			20px;
	height:			20px;
	-moz-transform:		scale(1.4);
	-webkit-transform:	scale(1.4);
	transform:		scale(1.4);
    margin-right: 10px;
}


.ctt_btn {
    height: 116px;
    width: 300px;
    font-size: 30px;
    background-color: #FBB03B;
    margin: 0;
}
.ctt_btn:hover {
    background: #e38c0b;
}

.ctt_btn:active {
    background: #01203F;
    color: #fafafa;
    border: 2px solid #fafafa;
}

.ctt_btn_p {
    color: #01203F;
}
.error {
    width : 100%;
    padding: 0;
    display: inline-block;
    font-size: 30px;
    color: #FBB03B;
    box-sizing: border-box;
}


/* スマホ用 */


/* レスポンシブ */
@media screen and (max-width: 799px) {
    .ctt_centerbox {
        margin: 0 16px;
    }
    .ctt_containbox {
        margin: 0 20px;
    }
    .ctt_a_pad {
        padding-top: 40px;
    }
    .ctt_b_pad {
        padding-top: 0px;
    }
    .ctt_c_pad {
        padding-top: 34px;
    }
    .ctt_e_pad {
        padding-top: 32px;
    }
    .ctt_f_pad {
        padding-top: 40px;
    }
    .ctt_1_p {
        font-size: 20px;
    }
    .ctt_2_p {
        font-size: 12px;
    }
    .ctt_3_p {
        font-size: 15px;
    }
    .ctt_4_p {
        font-size: 16px;
    }
    .ctt_5_p {
        font-size: 16px;
    }
    .ctt_6_p {
        font-size: 12px;
        font-weight: 100;
    }
    .ctt_6-2_p {
        font-size: 12px;
        font-weight: 100;
    }
    .ctt_3_input {
        height: 46px;
        font-size: 16px;
    }
    .ctt_4_textarea {
        height: 149px;
        font-size: 16px;
    }
    .ctt_5_textarea {
        height: 149px;
        font-size: 12px;
        line-height: 14px;
    }
    .scroll_bar::-webkit-scrollbar{
        width: 7px;
      }
    .scroll_bar::-webkit-scrollbar-track{
        border-radius: 0px;
        box-shadow: inset 0 0 2px rgb(160, 160, 160); 
    }
    .ctt_6_check {
        width:			16px;
        height:			16px;
        -moz-transform:		scale(1.6);
        -webkit-transform:	scale(1.6);
        transform:		scale(1.6);
        margin-right: 10px;
    }
    .ctt_btn {
        height: 62px;
        width: 100%;
        font-size: 16px;
    }
    .error {
        font-size: 14px;
    }
}
@media screen and (min-width: 800px) and (max-width: 959px) {
    .ctt_centerbox {
        margin: 0 32px;
    }
    .ctt_containbox {
        margin: 0 40px;
    }
    .ctt_a_pad {
        padding-top: 80px;
    }
    .ctt_b_pad {
        padding-top: 32px;
    }
    .ctt_c_pad {
        padding-top: 48px;
    }
    .ctt_e_pad {
        padding-top: 32px;
    }
    .ctt_f_pad {
        padding-top: 40px;
    }
    .ctt_1_p {
        font-size: 30px;
    }
    .ctt_2_p {
        font-size: 15px;
    }
    .ctt_3_p {
        font-size: 20px;
    }
    .ctt_4_p {
        font-size: 20px;
    }
    .ctt_5_p {
        font-size: 20px;
    }
    .ctt_6_p {
        font-size: 20px;
    }
    .ctt_6-2_p {
        font-size: 20px;
    }
    .ctt_3_input {
        height: 66px;
        font-size: 20px;
    }
    .ctt_4_textarea {
        height: 256px;
        font-size: 16px;
    }
    .ctt_5_textarea {
        height: 149px;
        font-size: 12px;
        line-height: 16px;
    }
    .ctt_6_check {
        width:			15px;
        height:			15px;
        -moz-transform:		scale(1.4);
        -webkit-transform:	scale(1.4);
        transform:		scale(1.4);
        margin-right: 10px;
    }
    .ctt_btn {
        height: 62px;
        width: 100%;
        font-size: 16px;
    }
    .error {
        font-size: 16px;
    }
}
@media screen and (min-width: 960px) and (max-width: 1200px) {
    .ctt_centerbox {
        margin: 0 40px;
    }
    .ctt_containbox {
        margin: 0 40px;
    }
    .ctt_a_pad {
        padding-top: 112px;
    }
    .ctt_b_pad {
        padding-top: 64px;
    }
    .ctt_c_pad {
        padding-top: 48px;
    }
    .ctt_e_pad {
        padding-top: 32px;
    }
    .ctt_f_pad {
        padding-top: 40px;
    }
    .ctt_1_p {
        font-size: 35px;
    }
    .ctt_2_p {
        font-size: 22px;
    }
    .ctt_3_p {
        font-size: 25px;
    }
    .ctt_4_p {
        font-size: 26px;
    }
    .ctt_5_p {
        font-size: 15px;
    }
    .ctt_6_p {
        font-size: 26px;
    }
    .ctt_6-2_p {
        font-size: 26px;
    }
    .ctt_3_input {
        height: 66px;
        font-size: 26px;
    }
    .ctt_4_textarea {
        height: 256px;
        font-size: 26px;
    }
    .ctt_5_textarea {
        height: 149px;
        font-size: 15px;
        line-height: 21px;
    }
    .ctt_6_check {
        width:			16px;
        height:			16px;
        -moz-transform:		scale(1.4);
        -webkit-transform:	scale(1.4);
        transform:		scale(1.4);
        margin-right: 10px;
    }
    .ctt_btn {
        font-size: 16px;
    }
    .error {
        font-size: 16px;
    }
}
@media screen and (min-width: 1201px) and (max-width: 1500px)  {
    .ctt_centerbox {
        margin: 0 56px;
    }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 799px) {
.pc { display: none !important; }
.sp { display: block !important; }
}