/**
* Fonts
*/
@font-face {
font-family:"YakuHanJPs";
font-style:normal;
font-weight:400;
src:url("../fonts/YakuHanJPs/YakuHanJPs-Regular.woff2") format("woff2"), url("../fonts/YakuHanJPs/YakuHanJPs-Regular.woff") format("woff");
}

@font-face {
font-family:"YakuHanJPs";
font-style:normal;
font-weight:700;
src:url("../fonts/YakuHanJPs/YakuHanJPs-Bold.woff2") format("woff2"), url("../fonts/YakuHanJPs/YakuHanJPs-Bold.woff") format("woff");
}

.contact .pageHeader {
background:url(../img/contact/contact_pageheader.png) no-repeat center center/cover;
}
.contact_title {
margin-bottom:64px;
font-size:4rem;
font-weight:600;
letter-spacing:0.1em;
}
@media screen and (max-width:1366px) {
.contact_title {
margin-bottom:4.6852122987vw;
font-size:2.9282576867vw;
}
}
@media screen and (max-width:828px) {
.contact_title {
margin-bottom:9.6618357488vw;
font-size:6.7632850242vw;
letter-spacing:0.02em;
left:1.9323671498vw;
}
}
@media screen and (max-width:828px) {
.contact_title.commonTitle .commonTitle_main {
font-size:6.7632850242vw;
letter-spacing:0.1em;
}
}
@media screen and (max-width:828px) {
.contact_title.commonTitle .commonTitle_sub {
font-size:2.8985507246vw;
}
}
.contact_section {
z-index:2;
}
.contact_section ~ .contact_section {
margin-top:120px;
}
@media screen and (max-width:1366px) {
.contact_section ~ .contact_section {
margin-top:8.78477306vw;
}
}
@media screen and (max-width:828px) {
.contact_section ~ .contact_section {
margin-top:19.3236714976vw;
}
}
.contactContainer {
background:#fff;
padding:80px 0 0px;
font-family:YakuHanJPs,noto-sans,'Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,sans-serif;
/*
&::before {
content:"";
background:url(../img/common/logo_x.svg) no-repeat center center / 100%;
width:549px;
height:529px;
position:absolute;
top:0;
right:0;
@include bp( max, 1366px ) {
width:vw_pc( 549 );
height:vw_pc( 529 );
}
@include bp( max, 828px ) {
width:vw_sp( 220 );
height:vw_sp( 212 );
}
}
*/
/*
&::after {
content:"";
background:$lightGray;
width:140%;
height:46%;
position:absolute;
bottom:0;
left:-40%;
@include bp( max, 1366px ) {
}
@include bp( max, 828px ) {
width:111%;
height:61%;
left:-10%;
}
}
*/
}
@media screen and (max-width:1366px) {
.contactContainer {
padding:5.8565153734vw 0 0vw;
}
}
@media screen and (max-width:828px) {
.contactContainer {
padding:11.5942028986vw 0 19.3236714976vw;
}
}
@media screen and (max-width:828px) {
.contactInner.commonWidth-narrow {
width:93.5828877005%;
}
}
.contact_navi {
margin-top:56px;
border:1px solid #1D1D1F;
display:flex;
height:64px;
}
@media screen and (max-width:1366px) {
.contact_navi {
height:4.6852122987vw;
margin-top:4.0995607613vw;
}
}
@media screen and (max-width:828px) {
.contact_navi {
height:15.4589371981vw;
margin-top:11.5942028986vw;
}
}
.contact_navi_item {
width:calc(100%/3);
display:flex;
align-items:center;
justify-content:center;
text-align:center;
letter-spacing:0.2em;
}
.contact_navi_item:not(:last-child)::before {
content:"";
background:url(../img/contact/contact_navi_arrow-line.svg) no-repeat center center/100% 100%;
z-index:2;
position:absolute;
top:0;
right:-16px;
bottom:0;
margin:auto;
width:17px;
height:64px;
}
@media screen and (max-width:1366px) {
.contact_navi_item:not(:last-child)::before {
width:1.2445095168vw;
height:4.6852122987vw;
right:-1.1713030747vw;
}
}
@media screen and (max-width:828px) {
.contact_navi_item:not(:last-child)::before {
width:4.1062801932vw;
height:15.4589371981vw;
right:-3.8647342995vw;
}
}
.contact_navi_item-current {
background:#1D1D1F;
color:#fff;
}
.contact_navi_item-current::before {
background:url(../img/contact/contact_navi_arrow-black.svg) no-repeat center center/cover !important;
z-index:3;
}
.contact_navi_title {
margin-right:auto;
font-weight:600;
min-width:200px;
}
@media screen and (max-width:1366px) {
.contact_navi_title {
min-width:14.6412884334vw;
}
}
@media screen and (max-width:828px) {
.contact_navi_title {
min-width:auto;
}
}
.contact_navi_body {
width:100%;
margin-left:80px;
line-height:2;
}
@media screen and (max-width:1366px) {
.contact_navi_body {
margin-left:5.8565153734vw;
}
}
@media screen and (max-width:828px) {
.contact_navi_body {
margin:1.9323671498vw 0 0 0;
}
}
.contact_navi_body * ~ * {
margin-top:16px;
}
@media screen and (max-width:1366px) {
.contact_navi_body * ~ * {
margin-top:1.1713030747vw;
}
}
@media screen and (max-width:828px) {
.contact_navi_body * ~ * {
margin-top:3.8647342995vw;
}
}
.contact_navi_body br {
margin-top:0;
}
.contact_navi_text ~ .contact_navi_text {
margin-top:40px;
}
@media screen and (max-width:1366px) {
.contact_navi_text ~ .contact_navi_text {
margin-top:2.9282576867vw;
}
}
@media screen and (max-width:828px) {
.contact_navi_text ~ .contact_navi_text {
margin-top:9.6618357488vw;
}
}
.contact_navi_bullets_item {
padding-left:24px;
}
.contact_navi_bullets_item:not(:first-child) {
margin-top:8px;
}
.contact_navi_bullets_item::before {
content:"";
width:8px;
height:8px;
background:#1D1D1F;
border-radius:8px;
position:absolute;
top:0;
left:0;
bottom:0;
margin:auto;
}
.contactForm {
margin-top:48px;
/*
&_confirm {
padding:20px 30px;
font-weight:100;
@include bp( max, 1366px ) {
padding:vw_pc( 20 ) vw_pc( 30 );
}
@include bp( max, 828px ) {
padding:vw_sp( 20 ) vw_sp( 30 );
}
}
*/
}
@media screen and (max-width:1366px) {
.contactForm {
margin-top:3.513909224vw;
}
}
@media screen and (max-width:828px) {
.contactForm {
margin-top:5.7971014493vw;
}
}
.contactForm_item {
border-bottom:1px solid #1D1D1F;
padding:40px;
display:flex;
align-items:center;
}
@media screen and (max-width:1366px) {
.contactForm_item {
padding:2.9282576867vw;
}
}
@media screen and (max-width:828px) {
.contactForm_item {
display:block;
padding:7.729468599vw 0;
}
}
.contactForm_title {
min-width:214px;
display:flex;
align-items:center;
}
@media screen and (max-width:1366px) {
.contactForm_title {
min-width:15.6661786237vw;
}
}
@media screen and (max-width:828px) {
.contactForm_title {
min-width:auto;
}
}
.contactForm_title_main {
font-weight:600;
}
.contactForm_title_required {
margin-left:auto;
background:#9E0400;
padding:4px 16px;
color:#fff;
font-size:1.2rem;
letter-spacing:0.2em;
font-weight:600;
}
@media screen and (max-width:1366px) {
.contactForm_title_required {
padding:0.2928257687vw 1.1713030747vw;
font-size:0.878477306vw;
}
}
@media screen and (max-width:828px) {
.contactForm_title_required {
padding:0.9661835749vw 3.8647342995vw;
font-size:2.8985507246vw;
}
}
.contactForm_body {
margin-left:64px;
width:100%;
}
@media screen and (max-width:1366px) {
.contactForm_body {
margin-left:4.6852122987vw;
}
}
@media screen and (max-width:828px) {
.contactForm_body {
margin:5.7971014493vw 0 0 0;
}
}
.contactForm_form {
line-height:2;
}
.contactForm_form input[type=text],
.contactForm_form input[type=email],
.contactForm_form input[type=tel],
.contactForm_form textarea {
width:100%;
display:block;
background:#F2F2F2;
padding:16px 24px;
font-family:"Hiragino Mincho ProN", "Yu Mincho", serif;
font-size:1.6rem;
line-height:1.8;
}
@media screen and (max-width:1366px) {
.contactForm_form input[type=text],
.contactForm_form input[type=email],
.contactForm_form input[type=tel],
.contactForm_form textarea {
padding:1.1713030747vw 1.756954612vw;
font-size:1.1713030747vw;
}
}
@media screen and (max-width:828px) {
.contactForm_form input[type=text],
.contactForm_form input[type=email],
.contactForm_form input[type=tel],
.contactForm_form textarea {
padding:3.8647342995vw 5.7971014493vw;
font-size:3.6231884058vw;
}
}
.contactForm_form input[type=text]::placeholder,
.contactForm_form input[type=email]::placeholder,
.contactForm_form input[type=tel]::placeholder,
.contactForm_form textarea::placeholder {
color:#999;
}
.contactForm_form textarea {
resize:vertical;
min-height:200px;
max-height:600px;
}
@media screen and (max-width:1366px) {
.contactForm_form textarea {
min-height:14.6412884334vw;
max-height:43.9238653001vw;
}
}
@media screen and (max-width:828px) {
.contactForm_form textarea {
min-height:77.2946859903vw;
max-height:193.2367149758vw;
}
}
.contactForm_form-input {
max-width:500px;
}
@media screen and (max-width:828px) {
.contactForm_form-input {
max-width:100%;
}
}
.contactForm_form-radio {
/*
& ~ & {
margin-top:8px;
@include bp( max, 1366px ) {
margin-top:vw_pc( 8 );
}
@include bp( max, 828px ) {
margin-top:vw_sp( 8 );
}
}
*/
}
.contactForm_form-radio > span {
display:block;
margin:0 !important;
}
.contactForm_form-radio label {
margin-left:8px;
}
@media screen and (max-width:1366px) {
.contactForm_form-radio label {
margin-top:0.5856515373vw;
}
}
@media screen and (max-width:828px) {
.contactForm_form-radio label {
margin-top:1.9323671498vw;
}
}
@media screen and (max-width:828px) {
.contactForm_form-tel input {
max-width:30%;
}
}
.contactForm_buttonContainer {
background:#f5f5f5;
margin-top:80px;
padding:56px 0;
display:flex;
align-items:center;
justify-content:center;
}
@media screen and (max-width:1366px) {
.contactForm_buttonContainer {
margin-top:5.8565153734vw;
padding:4.0995607613vw;
}
}
@media screen and (max-width:828px) {
.contactForm_buttonContainer {
display:block;
margin-top:15.4589371981vw;
padding:5.7971014493vw 5.7971014493vw;
}
}
.contactForm input {
position:relative;
}
.contactForm input.contactForm_button {
/* display:flex; */
align-items:center;
width:376px;
height:80px;
padding:0 32px;
cursor:pointer;
font-size:1.6rem;
font-weight:600;
letter-spacing:0.16em;
text-align:center;
/*
&::before,
&::after {
content:"aaaa";
z-index:1;
pointer-events:none;
}
&::before {
background:url(../img/common/arrow_white.svg) no-repeat center top / contain;
width:30px;
height:4px;
position:absolute;
top:0;
bottom:0;
right:0px;
margin:auto;
@include bp( max, 1366px ) {
width:vw_pc( 30 );
height:vw_pc( 4 );
right:vw_pc( 24 );
}
@include bp( max, 828px ) {
width:vw_sp( 30 );
height:vw_sp( 4 );
right:vw_sp( 24 );
}
}
&::after {
background:url(../img/common/circle_orange.svg) no-repeat center top / contain;
width:18px;
height:18px;
position:absolute;
top:0;
bottom:0;
right:20px;
margin:auto;
@include bp( max, 1366px ) {
width:vw_pc( 18 );
height:vw_pc( 18 );
right:vw_pc( 20 );
}
@include bp( max, 828px ) {
width:vw_sp( 18 );
height:vw_sp( 18 );
right:vw_sp( 20 );
}
}
*/
}
@media screen and (max-width:1366px) {
.contactForm input.contactForm_button {
width:27.5256222548vw;
height:5.8565153734vw;
padding:0vw 2.3426061493vw;
font-size:1.1713030747vw;
}
}
@media screen and (max-width:828px) {
.contactForm input.contactForm_button {
width:100%;
height:19.3236714976vw;
padding:0vw 7.729468599vw;
font-size:3.8647342995vw;
}
}
.contactForm input.contactForm_button-back {
background:#fff;
border:1px solid #1D1D1F;
margin-right:32px;
}
@media screen and (max-width:1366px) {
.contactForm input.contactForm_button-back {
margin-right:2.3426061493vw;
}
}
@media screen and (max-width:828px) {
.contactForm input.contactForm_button-back {
margin:0 0 3.8647342995vw 0;
}
}
.contactForm input.contactForm_button-back::before {
background:url(../img/common/arrow_black.svg) no-repeat center top/contain !important;
}
.contactForm input.contactForm_button-submit {
background:#1D1D1F;
color:#fff;
}
.contactForm .error {
display:block;
color:#9E0400 !important;
margin-top:5px !important;
font-size:1.2rem !important;
}
@media screen and (max-width:1366px) {
.contactForm .error {
font-size:0.878477306vw !important;
margin-top:0.3660322108vw !important;
}
}
@media screen and (max-width:828px) {
.contactForm .error {
font-size:2.8985507246vw !important;
margin-top:1.9323671498vw !important;
}
}
.contact_thanks {
background:#f5f5f5;
margin-top:64px;
padding:64px;
letter-spacing:0.1em;
text-align:center;
}
@media screen and (max-width:1366px) {
.contact_thanks {
margin-top:4.6852122987vw;
padding:4.6852122987vw;
}
}
@media screen and (max-width:828px) {
.contact_thanks {
margin-top:15.4589371981vw;
padding:11.5942028986vw 5.7971014493vw;
}
}
.contact_thanks_title {
margin-bottom:32px;
font-size:2.6rem;
font-weight:600;
letter-spacing:0.1em;
}
@media screen and (max-width:1366px) {
.contact_thanks_title {
font-size:1.9033674963vw;
}
}
@media screen and (max-width:828px) {
.contact_thanks_title {
font-size:6.2801932367vw;
}
}
.contact_thanks_text {
line-height:2;
}
@media screen and (max-width:828px) {
.contact_thanks_text {
line-height:1.7;
}
}
.contact_thanks_text ~ .contact_thanks_text {
margin-top:32px;
}
@media screen and (max-width:1366px) {
.contact_thanks_text ~ .contact_thanks_text {
margin-top:2.3426061493vw;
}
}
@media screen and (max-width:828px) {
.contact_thanks_text ~ .contact_thanks_text {
margin-top:7.729468599vw;
}
}
.contact_backButton {
margin-top:80px;
}
@media screen and (max-width:1366px) {
.contact_backButton {
margin-top:5.8565153734vw;
}
}
@media screen and (max-width:828px) {
.contact_backButton {
margin-top:19.3236714976vw;
}
}

/*
.contactPage {
.footer {
//margin-top:80px;
@include bp( max, 1366px ) {
//margin-top:vw_pc( 80 );
}
@include bp( max, 828px ) {
margin-top:vw_sp( 0 );
}
}
}
*/

/* ▼ add */
a {
text-underline-offset:.25em;
}

.btm8 {
margin-bottom:8px;
}

.center {
text-align:center;
}

.kome {
padding-left:1em;
text-indent:-1em;
}

.policy-txt {
margin:16px 32px 0;
line-height:1.7;
}

.policy-txt a {
display:inline;
color:#ea5513;
text-decoration:underline;
text-underline-offset:.25em;
}

.policy-txt a:hover {
text-decoration:none;
}

.contactForm input.contactForm_button-submit[disabled] {
background:#ccc;
cursor:default;
}

.contactForm input.contactForm_button-submit[disabled]:hover {
opacity:1;
}

.contactForm_buttonContainer {
margin-top:3rem;
}

@media (max-width:828px) {
.policy-txt {
margin:16px 0 0;
}

.center {
text-align:left;
}
}