﻿@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-bottom:100px}@media screen and (max-width: 520px){.contact #content{padding-bottom:50px}}.contact #content .inner{max-width:800px}.contact #content .catchBox p{font-size:20px;text-align:center;width:100%;margin:0 auto 20px}.contact #content .catchBox p span.type1{padding:0 0 20px;display:block;text-align:center}.contact #content .catchBox p span.type2{color:#333;font-size:16px;line-height:28px}.contact #content .catchBox p a{text-decoration:underline}.contact #content .contactBox{border-radius:20px;padding:25px 50px;background-color:#F1F1F1}@media screen and (max-width: 520px){.contact #content .contactBox{padding:20px;margin:0 0 20px}}.contact #content .contactBox h2{font-size:24px;padding:20px 0 20px}@media screen and (max-width: 520px){.contact #content .contactBox h2{font-size:18px}}.contact #content .contactBox p{padding:0 0 0.5em;line-height:200%}@media screen and (max-width: 520px){.contact #content .contactBox p{text-align:left;font-size:14px;line-height:160%}}.contact #content .contactBox p.tx{text-align:center;font-weight:700;padding:0 0 1.5em;font-size:18px}.contact #content .contactBox ul li{line-height:24px;padding:10px 0 10px 1.5em;position:relative}@media screen and (max-width: 520px){.contact #content .contactBox ul li{font-size:14px;line-height:150%}}.contact #content .contactBox ul li:before{content:"・";position:absolute;top:10px;left:0}.contact #content .contactBox .btn{padding:20px 0 30px}.contact #content .contactBox .btm{border-top:1px solid #A7A7A7;padding:20px 0 0 0}.contact #content .contactBox .btm p{line-height:170%}.contact #content .contactBox .btm p br{display:block}@media screen and (max-width: 520px){.contact #content .contactBox .btm p br{display:block}}.contact #content .cation{border-radius:20px;margin:50px 0 30px;padding:50px;background-color:#F0F3F5}@media screen and (max-width: 520px){.contact #content .cation{margin:20px 0;padding:20px}}.contact #content .cation .title{text-align:center;font-size:32px;font-weight:600;padding:0 0 30px;color:#0362a8;position:relative;margin:0 0 50px}@media screen and (max-width: 520px){.contact #content .cation .title{font-size:18px;margin:0 0 20px;padding:0 0 20px}}.contact #content .cation .title:after{content:"";position:absolute;bottom:0px;left:50%;-webkit-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);-o-transform:translate(-50%, 0%);transform:translate(-50%, 0%);width:60px;height:2px;background-color:#0362a8}@media screen and (max-width: 520px){.contact #content .cation .title:after{width:40px}}.contact #content .cation ul li{padding:10px 0 10px 1.2em !important;position:relative;font-size:16px !important;font-weight:500;list-style:none !important}@media screen and (max-width: 520px){.contact #content .cation ul li{font-size:14px !important}}.contact #content .cation ul li:before{content:"●";color:#0362a8;position:absolute;top:10px;left:0}.contact #content .form{padding:50px 0 0 0}.contact #content .formBox{padding:60px 0 0 0}@media screen and (max-width: 520px){.contact #content .formBox{padding:20px 0px 0}}@media screen and (max-width: 520px){.contact #content .formBox .inner{padding:0}}.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{border:none;background-color:#F8F8F8;border-radius:5px;padding:10px;-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{width:100%;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:70%}@media screen and (max-width: 1024px){.contact #content textarea{width:100%}}.contact #content textarea.comment,.contact #content textarea.mokuteki,.contact #content textarea.yosan,.contact #content textarea.sankou_site,.contact #content textarea.soudan,.contact #content textarea.kadai{max-height:120px}@media screen and (max-width: 520px){.contact #content .postcode{width:30% !important}}.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}@media screen and (max-width: 520px){.contact #content .wpcf7-list-item{display:block;width:100%;margin:3px 0}}@media screen and (max-width: 520px){.contact #content .checkbox span{display:block;width:100%}}.contact #content label{margin:0 10px 0 0}@media screen and (max-width: 520px){.contact #content label{margin:0;display:block;width:100%}}.contact #content .hissu,.contact #content .nini{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%);left:auto;width:auto;right:10px;padding:0px 10px;line-height:180%;color:#FFF;font-size:12px;background-color:#B11F1F}@media screen and (max-width: 520px){.contact #content .hissu,.contact #content .nini{right:0px !important}}.contact #content .nini{background-color:#04837D}@media screen and (max-width: 1240px){.contact #content .form{padding:0 20px}}@media screen and (max-width: 520px){.contact #content .form{padding:0}}.contact #content table{margin:0 auto 50px;border:none;width:100%}@media screen and (max-width: 1260px){.contact #content table{width:100%}}.contact #content table th{text-align:left;color:#333;font-size:16px;font-weight:500;position:relative;width:30%;background-color:#FFF;border:none}@media screen and (max-width: 1110px){.contact #content table th{width:30%}}@media screen and (max-width: 768px){.contact #content table th{width:100%;border-bottom:none;padding:20px 10px 0 0px}.contact #content table th p{font-size:14px !important}.contact #content table th p br{display:none}}.contact #content table td{font-size:16px;width:70%;border:none}@media screen and (max-width: 1110px){.contact #content table td{width:70%}}@media screen and (max-width: 520px){.contact #content table td{width:100%;font-size:14px;padding:5px 10px !important}}.contact #content table td p{line-height:180%}.contact #content table td p.mini{font-size:14px;padding:0}.contact #content table td .in{display:flex;justify-content:flex-start;align-items:center;padding:3px 0}.contact #content table td .in p{padding:0 5px}.contact #content table td .in:first-child p:first-child,.contact #content table td .in:nth-child(2) p:first-child{min-width:100px}.contact #content table tr th,.contact #content table tr td{padding:20px;border-bottom:1px solid #D8D8D8}@media screen and (max-width: 768px){.contact #content table tr th,.contact #content table tr td{border-bottom:none;display:block;width:100%;padding:5px 0}}.contact #content table tr:last-child th,.contact #content table tr:last-child td{border-bottom:none}@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}.contact #content .wpcf7-checkbox.kikkake{display:flex;justify-content:flex-start;flex-wrap:wrap}.contact #content .wpcf7-checkbox.kikkake .wpcf7-list-item{width:25%;margin:0;padding:5px 0}@media screen and (max-width: 1024px){.contact #content .wpcf7-checkbox.kikkake .wpcf7-list-item{padding:0 0 2px;width:100%;font-size:15px}}.contact #content .kakunin th{padding:15px}.contact #content .wpcf7-not-valid-tip{font-size:14px}.contact #content .privacyCh{font-size:16px;padding:50px;border-top:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9}@media screen and (max-width: 520px){.contact #content .privacyCh{font-size:14px;padding:20px}}.contact #content .privacyCh h2,.contact #content .privacyCh h3{text-align:center;font-size:24px;padding:0 0 30px}@media screen and (max-width: 768px){.contact #content .privacyCh h2,.contact #content .privacyCh h3{font-size:18px}}.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;flex-wrap:wrap}}.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 .wpcf7-list-item{margin:0 0 0 1em}.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{display:flex;justify-content:center;align-items:center;padding:50px 0 0 0}.contact #content .submitArea .in,.contact #content .submitArea .mo{width:300px;margin:0 10px}@media screen and (max-width: 520px){.contact #content .submitArea .in,.contact #content .submitArea .mo{width:100%;margin:5px 0 0}}.contact #content .submitArea p{display:flex;justify-content:center}.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;border:2px solid #0362a8;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:#0362a8;color:#FFF;border-radius:50px}@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:1;background:#fff;color:#0362a8;letter-spacing:0.15em}.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 #0362a8}.contact #content .submitArea p .wpcf7-spinner{display:none}.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 .tx1{font-size:16px;font-weight:600;line-height:250%}.contact.thanks #content .contactComplete .btn{text-align:center}.contact.thanks #content .contactComplete .btn a{display:inline-block;width:300px}.contact.thanks .inner{max-width:1000px}.contact.thanks .inner .btn{text-align:center}.contact.thanks .inner .btn a{display:inline-block;width:300px;height:auto}
