@charset "UTF-8";

/*------------------------------
 mailmagazine
 -------------------------------*/
 .caution {
    font:var(--font);
    line-height: 1.5;
 }

 hr + .caution {
    margin-top:var(--blankM3);
 }
 .form-wrap {
    padding-top:var(--blankS);
    border-top:2px solid rgb(191 191 191 / 0.3);
    margin-top:var(--blankM3);
 }

.form_table {
    display:flex;
    flex-flow: wrap;
    gap:var(--blankS);
    align-items: center;
    max-width:910px;
}
.login_content .form_table,.register_content .form_table,.form_resign-first .form_table{
    max-width:none;
}
.form_table dt {
    font:var(--font);
    font-weight:700;
    line-height: 1.5;
    width:9em;
}
.form_table.confirm dt{
    width:12em;
}
.login_content .form_table dt,.register_content .form_table dt,.form_resign-first .form_table dt{
    width:calc(26% - var(--blankS));
}
.form_table dd {
    width:calc(100% - 9em - var(--blankS));
    max-width:740px;
}
.login_content .form_table dd,.register_content .form_table dd,.form_resign-first .form_table dd{
    width:74%;
    max-width:none;
}
.form_table.confirm dd {
    width:calc(100% - 11em - var(--blankS));
}
.form_table dd input {
    border:1px #707070 solid;
    padding:var(--blankXS) var(--blankS);
}
.form_table dd input::placeholder {
    color:#C7C7C7;
    font-weight:700;
}
.form_table dd.name_td {
    display: flex;
    gap:var(--blankM);
}
.register_content .form_table dd.name_td {
    gap:var(--blankS);
}
.form_table dd.name_td input {
    width:min(45.9%,340px);
}
.form_table dd input[type="email"] {
    width:100%;
}
.form_table + .form_table {
    margin-top:var(--blankM3);
}
.privacy_check {
    margin-top:var(--blankL);
}
.privacy_check label {
    display: flex;
    justify-content: center;
    align-items: center;
    gap:var(--blankXS);
    margin-top:var(--blankM3);
}

.privacy_check label input[type="checkbox"]{
    width:18px;
    height:18px;
    border:#707070 1px solid;
    border-radius: 3px;
}
.submit_btn-wrap{
    margin-top:var(--blankM);
    display: flex;
    justify-content: center;
    gap:var(--blankM3);
}
.submit_btn {
    position:relative;
    width:286px;
    height:78px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #4B4B4B;
    cursor: pointer;
}
.submit_btn button,.submit_btn input[type="submit"],.submit_btn input[type="button"]  {
    border-color:transparent;
    background-color: transparent;
    color:white;
    font:var(--font);
    letter-spacing: 0.05em;
    font-weight:500;
    cursor:pointer;
    width:100%;
    height:100%;
    
}
.submit_btn span.i_arw {
    width: 24px;
    height: 24px;
    border: 0.8px solid white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position:absolute;
    right:25px;
}
.submit_btn span.i_arw img {
    width: 10px;
    height: auto;
    transition: .3s var(--easeout);
    transform: translateX(0);
    filter: invert();
}
.submit_btn:hover span.i_arw img {
     transform: translateX(3px);
}
.form-errors {
    border:1px solid red;
    padding:var(--blankM3);
    margin-top:var(--blankS);
}
.form-errors ul {
    display: flex;
    flex-direction: column;
    gap:10px;
}
.form-errors ul li {
    color:red;
    font:var(--font);
    font-weight:500;
    list-style: disc;
}
.complete-message{
    margin-top:75px;
}
.complete-message p{
    text-align: center;
   font: normal normal 500 14px / 19px "Real Head Pro Medium", "Noto Sans JP";
   line-height: 1.9;
}
#mailmagazine-wrap:has(.thanks){
    padding-bottom:120px;
}
.notop #mailmagazine-wrap.section h2.center.thanks span {
    font:normal normal 600 35px/47px "Noto Sans JP";
    letter-spacing: 0.05em;
}


@media (max-width:768px){
 hr + .caution {
    margin-top:15px;
 }
 .form-wrap {
    margin-top:30px;
    padding-top:20px;
 }
 .form_table {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap:15px;
 }
 .form_table.confirm {
    gap:5px
 }
 .form_table dt,.login_content .form_table dt,.form_resign-first .form_table dt{
   width:100%;
}
 .form_table dd,.login_content .form_table dd,.form_resign-first .form_table dd {
    width:100%;
    max-width: none;
    flex-direction: column;
  }
 .form_table.confirm dt {
    font:normal normal 600 13px/18px "Noto Sans JP";
    width:100%;
 }
 .form_table.confirm dd {
    padding-bottom:15px;
    border-bottom:1px solid #E5E5E5;
    margin-bottom:10px;
    width:100%;
    font:normal normal 600 14px/19px "Noto Sans JP";
 }
   .form_table dd.name_td input,.form_table dd input {
    width:100%;
    height:60px;
    font:normal normal 600 16px/22px "Noto Sans JP";
    letter-spacing: 0.05em;
    padding:10px 30px;
   }
   .form_table dd.name_td{
    gap:20px;
    }
    .form_table + .form_table {
        margin-top:45px;
    }
    .privacy_check p {
        text-align: left;
        text-indent: -1em;
        padding-left:1em;
    }
    .privacy_check label {
         justify-content: flex-start;
         font:normal normal 500 16px/22px "Real Head Pro Medium", "Noto Sans JP";
         letter-spacing: 0.05em;
         margin-top:25px;
    }
    .submit_btn-wrap {
        margin-top:45px;
        flex-direction: column;
    }
    .submit_btn {
        width:100%;
    }
    .submit_btn button {
        font:normal normal 600 16px/22px "Real Head Pro Medium", "Noto Sans JP";
    }
    .submit_btn span.i_arw img {
        filter: none;
    }
    .complete-message{
        margin-top:1.5em;
    }
    .complete-message p{
    text-align: left;
    font: normal normal 500 13px / 25px "Real Head Pro Medium", "Noto Sans JP";
    line-height: 1.9;
    }
    #mailmagazine-wrap:has(.thanks){
        padding-bottom:133px;
        padding-top:200px;
    }
    .notop #mailmagazine-wrap.section h2.center.thanks {
        justify-content:flex-start;
        align-items: flex-start;
        margin-bottom:0;
    }
    .notop #mailmagazine-wrap.section h2.center.thanks span {
        font:normal normal 600 25px/36px "Noto Sans JP";
    }
    .submit_btn button, .submit_btn input[type="submit"], .submit_btn input[type="button"] {
        font:normal normal 600 16px/22px "Noto Sans JP";
        letter-spacing: 0.05em;
    }
    .privacy_check {
        margin-top: 50px;
    }
    .privacy_check p a.text-link:before {
        content:"弊社";
    }
}

.inquiry_wrap-content p{
    font:var(--font2);
    letter-spacing: 0.05em;
    line-height: 1.91;
    font-weight:500;
}
.inquiry_wrap-content hr {
    height:1px;
    background-color: #707070;
    margin-top:45px;
}
.inquiry_wrap-content.login_content hr {
    margin-top:90px;
}
.contact-info {
    margin-top:35px;
}
.contact-info .tel .telnum {
    font:normal normal normal 24px/33px "Real Head Pro Medium";
    letter-spacing: 0.05em;
}
.contact-info + hr {
    margin-top:35px;
}
.inquiry_wrap-content .form-wrap {
    padding-top:0;
    border-top:none;
    margin-top:45px;
}
.subtit_form {
    display: flex;
    align-items: baseline;
    gap:5px;
    margin-bottom:20px;
}
.subtit_form h4 {
    font:normal normal 700 20px/27px "Noto Sans JP";
    letter-spacing: 0.05em;
}
.form_inquiry-first .form_table {
    max-width:none
}
.form_inquiry-first .form_table dt, .form_inquiry-confirm .form_table dt {
    width:14em;
}
.form_inquiry-first .form_table dd, .form_inquiry-confirm .form_table dd  {
    width: calc(100% - 14em - var(--blankS));
    max-width: 822px;
}
.form_inquiry-first .form_table dd.name_td, .form_inquiry-confirm .form_table dd.name_td,.form_register-first .form_table dd.name_td {
    gap:30px;
}
.form_register-confirm .form_table dd.name_td {
    gap:1em;
}
.form_inquiry-first .form_table + .form_table,.form_register-first .form_table + .form_table {
    margin-top: 15px;
}
.form_inquiry-first .form_table dd:not(.name_td) input,.login_content .form_block .form_table dd:not(.name_td) input,.form_register-first .form_table dd:not(.name_td) input,.form_resign-first .form_table dd input{
    width:100%;
}
.form_table dt small, .form_table dd small,.form_inquiry-first .form_table dt small,.form_inquiry-confirm .form_table dt small{
    display: block;
    font:normal normal normal 13px/18px "Noto Sans JP";
    letter-spacing: 0.05em;
}
.form_table dd small {
    margin-top:1em;
}
.form_table dd table small {
    margin-top:0;
}
.form_inquiry-first .form_table dd textarea {
    width:100%;
    height:208px;
    border: 1px #707070 solid;
    padding: var(--blankXS) var(--blankS);
}
.form_inquiry-first .form_table.last_child,.form_inquiry-confirm .form_table.last_child {
    align-items: flex-start;
}
.form_inquiry-first .form_table.last_child dt {
    padding-top:10px;
}
.form_inquiry-confirm{
    margin-top:50px;
}
.form_inquiry-confirm .form_table, .form_register-confirm .form_table{
    border-bottom:1px solid rgb(112 112 112 / 0.3 );
    padding-bottom:30px;
}
.form_inquiry-confirm .form_table +  .form_table,.form_register-confirm .form_table +  .form_table {
    margin-top:30px;
}
.form_inquiry-first .submit_btn-wrap{
    margin-top:90px;
}
.form_inquiry-confirm .submit_btn-wrap{
    margin-top:80px;
}
.FLACE_FORM_BLOCK {
	display: none;
}
div.CONFIRM-DIV {
	display: inline;
    white-space: nowrap;
}
.text_12_red {
	color:#FF0000;
    font-weight:normal!important;
}	
#inquiry-wrap{
    padding-bottom:60px;
}

@media (max-width:768px){
.inquiry_wrap-content p {
    font: normal normal 500 13px/25px "Noto Sans JP";
    letter-spacing: 0.05em;
    line-height: 1.92;
}
.inquiry_wrap-content.login_content {
    padding-top:20px;
}
.inquiry_wrap-content p {
    line-height: 1.75;
}
.inquiry_wrap-content p + p{
    margin-top:15px;
}
.inquiry_wrap-content hr,.inquiry_wrap-content.login_content hr  {
    margin-top: 30px;
}
.contact-info {
    margin-top: 25px;
}
.inquiry_wrap-content .contact-info p {
    line-height: 2;
}
.contact-info p + p{
    margin-top:0;
}
.contact-info p:last-child span.sp {
    line-height: 1.5;
    display: block;
}
.contact-info + hr {
    margin-top:25px;
}
.inquiry_wrap-content .form-wrap {
    margin-top: 30px;
}
.subtit_form {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
}
.form_inquiry-confirm {
    margin-top: 20px;
}
.form_inquiry-first .form_table dt, .form_inquiry-confirm .form_table dt,.form_register-first .form_table dt, .form_register-confirm .form_table dt{
     width: 100%;
}
.form_inquiry-first .form_table dd,.form_register-first .form_table dd {
    width: 100%;
    max-width: none;
}
.form_inquiry-confirm .form_table dd,.form_inquiry-confirm .form_table dd.name_td {
    width: 100%;
    max-width: none;
    flex-flow: row wrap;
    gap:1em;
}
.form_inquiry-first .form_table dd.name_td,.form_register-first .form_table dd.name_td {
    gap:15px;
}
 .form_table dt small,.form_inquiry-confirm .form_table dt small,.form_table dd small{
    font: normal normal 500 11px/15px "Noto Sans JP";
    letter-spacing: 0.05em;
    display: inline-block;
    margin-left:1em;
}
.form_inquiry-confirm .form_table dd div {
    font:normal normal 600 14px/19px "Noto Sans JP";
    letter-spacing: 0.05em;
}
.form_inquiry-first .form_table {
    gap:10px;
}
.form_inquiry-confirm .form_table {
    border-bottom:1px solid #E5E5E5;
    padding-bottom:15px;
    gap:5px;
}
.form_inquiry-confirm .form_table.last-child {
    border-bottom:none;
    padding-bottom:0;
}
.form_inquiry-first .form_table + .form_table, .login_content .form_table + .form_table,.form_register-first .form_table + .form_table {
    margin-top: 30px;
}
.form_inquiry-confirm .form_table + .form_table,.form_register-confirm .form_table + .form_table  {
        margin-top: 15px;
}
.form_inquiry-confirm .submit_btn-wrap,.form_register-confirm .submit_btn-wrap  {
    margin-top: 45px;
}
#inquiry-wrap {
    padding-bottom: 73px;
}
.form_inquiry-first .form_table dd textarea{
    font:normal normal 600 16px/22px "Noto Sans JP";
    letter-spacing: 0.05em;
    height:163px;
}
.form_inquiry-first .submit_btn-wrap,.form_register-first .submit_btn-wrap {
    margin-top: 45px;
}

}
.notop #thanks-wrap{
    padding-bottom:120px;
}
.notop #thanks-wrap.section h2.center.thanks span {
    font:normal normal 600 35px/47px "Noto Sans JP";
    letter-spacing: 0.05em;
}

@media (max-width:768px){
    .notop #thanks-wrap{
        padding-bottom:133px;
        padding-top:200px;
    }
    .notop #thanks-wrap.section h2.center.thanks {
        justify-content:flex-start;
        align-items: flex-start;
        margin-bottom:0;
    }
    .notop #thanks-wrap.section h2.center.thanks span {
        font:normal normal 600 25px/36px "Noto Sans JP";
    }
}

.index_member_register {
    margin-top: 35px;
}
.index_member_register p + p {
    margin-top: 30px;
}
.caution-msg {
    text-align: center;
    margin-top:20px;
}
select.form_imput2 {
    width:100%;
    border: 1px #707070 solid;
    padding: var(--blankXS) var(--blankS);
    font-weight:bold;
}
.register_content .form_table dd table {
    width:100%;
}
.register_content .form_table dd .job_table .tr{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content:flex-start;
    gap:10px 30px;
}
.register_content .form_table dd .job_table .tf_job1.job-other {
    flex:1;
}
.register_content .form_table dd .job_table .tf_job1.job-other input[type=text] {
    width:100%;
}
.register_content .form_table dd .job_table .tf_job1 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap:10px;
}
.register_content .form_table dd .job_table .tf_job1 label{
    font-weight:bold;
    white-space: nowrap;
}
.register_content .form_table dd .tf_job1 input[type=radio] {
    width:16px !important;
    height:16px !important;
    padding:0 !important;
}
.register_content .form_table dd .tf_job1 input[type=text] {
    width:auto;
    flex:1;
}
@media (min-width:1335px){
.register_content .form_table dd .tf_job1.job-other  input[type=text] {
    max-width:220px;
}
}
.register_content .form_table dd .tf_job1 .d_flex {
    display: flex;
    align-items: center;
    gap:20px
}
/* .register_content .form_table dd .job_table .tr > .tf_job1:not(:last-child) {
    padding-right:30px;
} */

.register_content .form_table dd .job_table .tf_job1 {
    font-weight:bold;
}
.register_content .form_table dd .job_table .tf_job1 small {
    font-weight:normal;
    margin-top:0;
}
.register_content .form_table dd table tbody > tr:not(:first-child) td{
    padding-top:15px;
}
select.form_imput2.todoufuken, .register_content .form_table dd table td.tf_job1 input.zip[type=text] {
    width: 217px;
}
.register_content .form_table dd table td.tf_job1 input.add[type=text] {
    width:476px;
}
.register_content .form_table dd table.add_table tr > td.tf_job1:first-child {
    padding-right:10px;
    width:6em;
}
.CONFIRM-jobTypeText:before {
    content:"：";
}

@media (max-width:768px){
select.form_imput2{
        width: 100%;
        height: 60px;
        font: normal normal 600 16px / 22px "Noto Sans JP";
        letter-spacing: 0.05em;
        padding: 10px 30px;
    }
.register_content .form_table dd table.job_table tr,.register_content .form_table dd table.add_table tr {
    display: flex;
    flex-wrap: wrap;
    gap:10px 20px
}
.register_content .form_table dd table.job_table, .register_content .form_table dd table.add_table,.register_content .form_table dd table.job_table tbody, .register_content .form_table dd table.add_table tbody {
    display: block;
}
.register_content .form_table dd table.job_table tr td, .register_content .form_table dd table.add_table tr tds {
    display: block;
}
.register_content .form_table dd table.job_table td.tf_job1 .d_flex {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
}
.register_content .form_table dd table.job_table tr > td.tf_job1:last-child,
.register_content .form_table dd table.job_table td.tf_job1 input[type=text] {
    width: 100%;
}
.register_content .form_table dd .job_table .tf_job1.job-other {
    width:100%;
    flex:auto;
    flex-wrap: wrap;
}
.register_content .form_table dd table.add_table tr td {
    width:100%;
}
.register_content .form_table dd table tbody > tr:not(:first-child) td {
    padding-top: 0;
}
.register_content .form_table dd table tbody > tr:not(:first-child) > td:first-child {
    padding-top:15px;
}
.register_content .form_table dd table td.tf_job1 input.zip[type=text] {
    width:32%;
}
.register_content .form_table dd table tr > td.tf_job1:not(:last-child) {
    padding-right:16px;
}
select.form_imput2.todoufuken{
    width:100%;
}
.register_content .form_table dd table td.tf_job1 input.add[type=text] {
    width: 100%;
}
.register_content .form_table dd table.add_table tr > td.tf_job1:first-child {
    width:100%;
}
.register_content .form_table dd .tf_job1 .d_flex {
   flex-direction: column; 
   gap:10px;
   align-items: flex-start;
}
.register_content .form_table dd .job_table .tf_job1.job-other input[type=text] {
    flex:auto;
}
}