@charset "UTF-8";
 .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 .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;
}
}