@charset "UTF-8";
/* Scss Document */
/* Scss Document */
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
/*$font-family-03: "Josefin Sans", sans-serif;*/
/*layout*/
.mt0 { margin-top: 0px !important; }

.mb0 { margin-bottom: 0px !important; }

.pt0 { padding-top: 0px !important; }

.pl0 { padding-left: 0px !important; }

.pb0 { padding-bottom: 0px !important; }

.mt5 { margin-top: 5px !important; }

.mb5 { margin-bottom: 5px !important; }

.pt5 { padding-top: 5px !important; }

.pl5 { padding-left: 5px !important; }

.pb5 { padding-bottom: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mb10 { margin-bottom: 10px !important; }

.pt10 { padding-top: 10px !important; }

.pl10 { padding-left: 10px !important; }

.pb10 { padding-bottom: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mb15 { margin-bottom: 15px !important; }

.pt15 { padding-top: 15px !important; }

.pl15 { padding-left: 15px !important; }

.pb15 { padding-bottom: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mb20 { margin-bottom: 20px !important; }

.pt20 { padding-top: 20px !important; }

.pl20 { padding-left: 20px !important; }

.pb20 { padding-bottom: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mb25 { margin-bottom: 25px !important; }

.pt25 { padding-top: 25px !important; }

.pl25 { padding-left: 25px !important; }

.pb25 { padding-bottom: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mb30 { margin-bottom: 30px !important; }

.pt30 { padding-top: 30px !important; }

.pl30 { padding-left: 30px !important; }

.pb30 { padding-bottom: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mb35 { margin-bottom: 35px !important; }

.pt35 { padding-top: 35px !important; }

.pl35 { padding-left: 35px !important; }

.pb35 { padding-bottom: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mb40 { margin-bottom: 40px !important; }

.pt40 { padding-top: 40px !important; }

.pl40 { padding-left: 40px !important; }

.pb40 { padding-bottom: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mb45 { margin-bottom: 45px !important; }

.pt45 { padding-top: 45px !important; }

.pl45 { padding-left: 45px !important; }

.pb45 { padding-bottom: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mb50 { margin-bottom: 50px !important; }

.pt50 { padding-top: 50px !important; }

.pl50 { padding-left: 50px !important; }

.pb50 { padding-bottom: 50px !important; }

.mt55 { margin-top: 55px !important; }

.mb55 { margin-bottom: 55px !important; }

.pt55 { padding-top: 55px !important; }

.pl55 { padding-left: 55px !important; }

.pb55 { padding-bottom: 55px !important; }

.mt60 { margin-top: 60px !important; }

.mb60 { margin-bottom: 60px !important; }

.pt60 { padding-top: 60px !important; }

.pl60 { padding-left: 60px !important; }

.pb60 { padding-bottom: 60px !important; }

.mt65 { margin-top: 65px !important; }

.mb65 { margin-bottom: 65px !important; }

.pt65 { padding-top: 65px !important; }

.pl65 { padding-left: 65px !important; }

.pb65 { padding-bottom: 65px !important; }

.mt70 { margin-top: 70px !important; }

.mb70 { margin-bottom: 70px !important; }

.pt70 { padding-top: 70px !important; }

.pl70 { padding-left: 70px !important; }

.pb70 { padding-bottom: 70px !important; }

.mt75 { margin-top: 75px !important; }

.mb75 { margin-bottom: 75px !important; }

.pt75 { padding-top: 75px !important; }

.pl75 { padding-left: 75px !important; }

.pb75 { padding-bottom: 75px !important; }

.mt80 { margin-top: 80px !important; }

.mb80 { margin-bottom: 80px !important; }

.pt80 { padding-top: 80px !important; }

.pl80 { padding-left: 80px !important; }

.pb80 { padding-bottom: 80px !important; }

.mt85 { margin-top: 85px !important; }

.mb85 { margin-bottom: 85px !important; }

.pt85 { padding-top: 85px !important; }

.pl85 { padding-left: 85px !important; }

.pb85 { padding-bottom: 85px !important; }

.mt90 { margin-top: 90px !important; }

.mb90 { margin-bottom: 90px !important; }

.pt90 { padding-top: 90px !important; }

.pl90 { padding-left: 90px !important; }

.pb90 { padding-bottom: 90px !important; }

.mt95 { margin-top: 95px !important; }

.mb95 { margin-bottom: 95px !important; }

.pt95 { padding-top: 95px !important; }

.pl95 { padding-left: 95px !important; }

.pb95 { padding-bottom: 95px !important; }

.mt100 { margin-top: 100px !important; }

.mb100 { margin-bottom: 100px !important; }

.pt100 { padding-top: 100px !important; }

.pl100 { padding-left: 100px !important; }

.pb100 { padding-bottom: 100px !important; }

/* 利用規約
---------------------------------------- */
#contact { padding-top: 150px; padding-bottom: 120px; }
@media screen and (max-width: 959px) { #contact { padding-top: 15.6412930136vw; padding-bottom: 12.5130344108vw; } }
#contact .header { margin-bottom: 60px; }
@media screen and (max-width: 959px) { #contact .header { margin-bottom: 6.2565172054vw; } }
#contact .header h2 { text-align: center; margin-bottom: 40px; line-height: 1; }
@media screen and (max-width: 959px) { #contact .header h2 { margin-bottom: 4.1710114703vw; } }
#contact .header h2 .en { display: inline-block; font-family: "Roboto", sans-serif; font-size: 60px; font-weight: 400; color: #000000; line-height: 1; margin-bottom: 15px; letter-spacing: 5px; }
@media screen and (max-width: 479px) { #contact .header h2 .en { font-size: max(30px, 60 / 479 * 100vw); letter-spacing: 1.0438413361vw; margin-bottom: 3.1315240084vw; } }
#contact .header h2 .jp { display: inline-block; font-size: 26px; }
@media screen and (max-width: 479px) { #contact .header h2 .jp { font-size: max(20px, 26 / 479 * 100vw); } }
#contact .contact_wrapper { max-width: 900px; margin-left: auto; margin-right: auto; }

.custom-select-wrapper { position: relative; display: inline-block; user-select: none; }

.custom-select-wrapper select { display: none; }

.custom-select { position: relative; display: inline-block; width: 900px; background-color: #fff; }
@media screen and (max-width: 940px) { .custom-select { width: 95.7446808511vw; } }
@media screen and (max-width: 767px) { .custom-select { width: 94.7848761408vw; } }
@media screen and (max-width: 479px) { .custom-select { width: 91.6492693111vw; } }

.custom-select-trigger { position: relative; display: block; color: #000; cursor: pointer; }

.custom-select-trigger:after { position: absolute; display: block; content: ''; width: 10px; height: 10px; top: 50%; right: 25px; margin-top: -3px; border-bottom: 1px solid #000; border-right: 1px solid #000; transform: rotate(45deg) translateY(-50%); transition: all .4s ease-in-out; transform-origin: 50% 0; }

.custom-select.opened .custom-select-trigger:after { margin-top: 3px; transform: rotate(-135deg) translateY(-50%); }

.custom-options { position: absolute; display: block; top: 100%; left: 0; right: 0; min-width: 100%; margin: 15px 0; border: 1px solid #969696; border-radius: 4px; box-sizing: border-box; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.07); background: #fff; transition: all .4s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-15px); width: 900px; }
@media screen and (max-width: 940px) { .custom-options { width: 95.7446808511vw; } }
@media screen and (max-width: 767px) { .custom-options { width: 94.7848761408vw; } }
@media screen and (max-width: 479px) { .custom-options { width: 91.6492693111vw; } }

.custom-select.opened .custom-options { opacity: 1; visibility: visible; pointer-events: all; transform: translateY(0); z-index: 1; }

.custom-options:before { position: absolute; display: block; content: ''; bottom: 100%; right: 41px; width: 7px; height: 7px; margin-bottom: -4px; border-top: 1px solid #969696; border-left: 1px solid #969696; background: #fff; transform: rotate(45deg); transition: all .4s ease-in-out; }

.option-hover:before { background: #f9f9f9; }

.custom-option { position: relative; display: block; padding: 5px 17px; border-bottom: 1px solid #969696; color: #000; cursor: pointer; transition: all .4s ease-in-out; }

.custom-option:first-of-type { border-radius: 4px 4px 0 0; }

.custom-option:last-of-type { border-bottom: 0; border-radius: 0 0 4px 4px; }

.custom-option:hover, .custom-option.selection { background: #d9d9d9; }

/*# sourceMappingURL=contact.css.map */