﻿:root{--color1:#07457e;--color2:#a9c0d5;--color3:#3d8fd5;--hover:#0054AD;--text-color:#1f1f1f}@keyframes slide1{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes slide2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}@keyframes AnimationTitle{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}input,select,textarea{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}.contact #content{padding:20px 0 0 0}.contact #content .inner{max-width:900px}.contact #content .contactBox{padding-bottom:50px}.contact #content .contactBox h2{font-size:clamp(16px, calc(0.53vw + 14px), 24px);font-weight:700;border-left:5px solid var(--color1);padding:0px 0 0px 10px;margin:0 0 20px}.contact #content .contactBox .tel{padding:0 0 0 1em;display:flex;justify-content:flex-start;align-items:center;gap:0 20px}@media screen and (max-width: 650px){.contact #content .contactBox .tel{flex-wrap:wrap;padding:0}}.contact #content .contactBox .tel a{font-family:'M PLUS 1p',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;display:flex;justify-content:flex-start;align-items:center;gap:0 5px;font-size:clamp(20px, calc(1.05vw + 16px), 36px);font-weight:700;color:var(--color1)}@media screen and (max-width: 650px){.contact #content .contactBox .tel a{width:100%}}.contact #content .contactBox .tel a:before{content:"";display:block;width:25px;height:25px;background:url("../images/common/head_tel.webp") no-repeat center;background-size:auto 100%}.contact #content .contactBox p{padding:0 0 0.5em 1em !important;line-height:150%}@media screen and (max-width: 520px){.contact #content .contactBox p{text-align:left;font-size:14px}}.contact #content .contactBox p.tx{text-align:center;font-weight:700;padding:0 0 1.5em;font-size:18px}.contact #content .form{padding:25px 20px;border-top:1px solid rgba(12,113,168,0.5);display:flex;justify-content:flex-start;flex-wrap:wrap}.contact #content .form p{padding-bottom:0}.contact #content .form p.title{font-weight:700;width:250px}@media screen and (max-width: 650px){.contact #content .form p.title{width:100%;padding-bottom:5px}}.contact #content .form p:last-child{width:calc(100% - 250px)}@media screen and (max-width: 650px){.contact #content .form p:last-child{width:100%}}.contact #content .wpcf7-response-output{display:none}.contact #content input,.contact #content select,.contact #content textarea{padding:3px}.contact #content input:focus,.contact #content select:focus,.contact #content textarea:focus{outline:none}@media screen and (max-width: 1024px){.contact #content input,.contact #content select,.contact #content textarea{width:100%}}.contact #content input.title,.contact #content select.title,.contact #content textarea.title{display:none}.contact #content input[type="text"],.contact #content input[type="number"],.contact #content input[type="email"],.contact #content input[type="date"],.contact #content input[type="tel"],.contact #content textarea,.contact #content select{width:100%;border:none;background-color:#FBFAF7;padding:10px;border-radius:5px;border:1px solid #CCCCCC;-webkit-appearance:none}@media screen and (max-width: 1024px){.contact #content input[type="text"],.contact #content input[type="number"],.contact #content input[type="email"],.contact #content input[type="date"],.contact #content input[type="tel"],.contact #content textarea,.contact #content select{font-size:12px}}.contact #content input[type="date"]{min-height:38px;text-align:left}.contact #content input[type="number"]{-webkit-appearance:none;width:100px;text-align:center}.contact #content textarea{width:100%}.contact #content textarea.comment{max-height:120px}.contact #content .select{padding:0}.contact #content .select P{display:flex;justify-content:flex-start;gap:0 20px}.contact #content .select P span{display:flex;justify-content:flex-start;align-items:center;gap:0 5px}.contact #content input[type="radio"]{width:auto;margin:0 5px 0 0}.contact #content input[type="checkbox"]{display:inline-block;width:auto;margin:0 !important;width:20px;height:20px;top:5px;position:relative}.contact #content label{margin:0 10px 0 0}@media screen and (max-width: 520px){.contact #content label{margin:0}}.contact #content .hissu,.contact #content .nini{width:auto;margin:0 0 0 5px;padding:3px 10px;line-height:180%;color:#FFF;font-size:12px;border-radius:5px;background-color:#C90508}.contact #content .nini{background-color:#04837D}@media screen and (max-width: 520px){.contact #content .wpcf7-validates-as-date{margin:0 0 5px}}.contact #content .wpcf7-radio .wpcf7-list-item{margin:0 1em 0 0}@media screen and (max-width: 650px){.contact #content .wpcf7-radio .wpcf7-list-item{display:block}}.contact #content .wpcf7-not-valid-tip{font-size:14px}.contact #content .privacyCh{font-size:16px;padding:0 50px 50px}@media screen and (max-width: 520px){.contact #content .privacyCh{font-size:14px;padding:20px}}.contact #content .privacyCh p{padding:0 0 1em;text-align:center}@media screen and (max-width: 768px){.contact #content .privacyCh p{font-size:14px;text-align:left}}.contact #content .privacyCh a{text-decoration:underline}.contact #content .privacyCh .chBox{position:relative;padding:10px 0 0 0}.contact #content .privacyCh .chBox p{display:flex;justify-content:center;align-content:center;line-height:100%}@media screen and (max-width: 520px){.contact #content .privacyCh .chBox p{font-size:12px}}.contact #content .privacyCh .chBox .hissu{-webkit-transform:translate(0%, 0%);-moz-transform:translate(0%, 0%);-ms-transform:translate(0%, 0%);-o-transform:translate(0%, 0%);transform:translate(0%, 0%);position:relative;top:auto;left:auto;right:auto}@media screen and (max-width: 520px){.contact #content .privacyCh .chBox .hissu{font-size:10px}}.contact #content .privacyCh label{position:relative}.contact #content .privacyCh input[type="checkbox"]{width:15px;height:15px;top:3px;margin:0 7px 0 0 !important;position:relative}.contact #content .submitArea{padding:50px 0 100px;display:flex;justify-content:center;align-items:center;gap:0 20px}@media screen and (max-width: 650px){.contact #content .submitArea{padding:0 0 50px}}.contact #content .submitArea .in,.contact #content .submitArea .mo{display:flex;justify-content:center;align-items:center;background-image:none;gap:0 20px}@media screen and (max-width: 640px){.contact #content .submitArea .in,.contact #content .submitArea .mo{width:45%}}@media screen and (max-width: 640px){.contact #content .submitArea .in{width:80%}}.contact #content .submitArea p{display:flex;justify-content:center;padding:0 !important;background:linear-gradient(90deg, #014188 0%, #04aceb 100%);overflow:hidden;border-radius:50px;width:100%}.contact #content .submitArea p .wpcf7-submit,.contact #content .submitArea p .modoru{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;position:relative;display:flex;justify-content:space-around;align-items:center;width:280px;padding:16px 5px;line-height:1.8;text-decoration:none;transition:0.3s ease-in-out;font-weight:500;background-color:transparent;color:#FFF;border:none;letter-spacing:0.2em}@media screen and (max-width: 650px){.contact #content .submitArea p .wpcf7-submit,.contact #content .submitArea p .modoru{width:100%}}@media screen and (max-width: 520px){.contact #content .submitArea p .wpcf7-submit,.contact #content .submitArea p .modoru{padding:19px 5px}}.contact #content .submitArea p .wpcf7-submit:hover,.contact #content .submitArea p .modoru:hover{opacity:0.8;color:#FFF}.contact #content .submitArea p .wpcf7-submit:disabled,.contact #content .submitArea p .modoru:disabled{opacity:0.5;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out}.contact #content .submitArea p .disable{border:2px solid var(--color1)}.contact #content .submitArea p .wpcf7-spinner{display:none}@media screen and (max-width: 640px){.contact.confirm #content .submitArea .in,.contact.confirm #content .submitArea .mo{width:45%}}.contact.thanks #content{min-height:100px}.contact.thanks #content .contactComplete{text-align:center}.contact.thanks #content .contactComplete .title{font-size:60px;font-weight:700;text-align:center;padding:80px 0 50px}@media screen and (max-width: 520px){.contact.thanks #content .contactComplete .title{font-size:24px;padding:30px 0 20px}}.contact.thanks #content .contactComplete .tx{font-size:16px;font-weight:600;line-height:250%;padding:50px 60px}.contact.thanks #content .contactComplete .btn{padding:50px 0;text-align:center;display:flex;justify-content:center;padding-bottom:100px}.contact.thanks #content .contactComplete .btn a,.contact.thanks #content .contactComplete .btn span{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;position:relative;display:flex;justify-content:center;align-items:center;max-width:345px;margin:0 auto;padding:15px 25px 15px 30px;line-height:1.8;letter-spacing:0.07em;text-decoration:none;transition:0.3s ease-in-out;font-weight:600;background-color:var(--color1);color:#FFF;border-radius:50px;font-size:16px;font-weight:700;overflow:hidden}.contact.thanks #content .contactComplete .btn a{width:300px}
