h1{
   margin-bottom: 50px;
}
main{
   max-width: 860px;
   padding: 120px 15px 150px;
   margin: 0 auto;
   min-height: calc(100vh - 270px);

}
/*-----------------------------------------------------------------------
contact desc
-----------------------------------------------------------------------*/
.contact-desc{
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap :25px;
}
address.tel {
   margin-top: 10px;
}
#reception-time {
   margin-top: 6px;
}
.desc-form {
   font-size: 18px;
}
.contact-desc span.fa-arrow-up{
  display:none;
}

.tel.inForm {
   font-size: 25px;
}
address.tel::before {
   content: '\e91f';
   font-family: 'icons';
   font-size: .8em;
   padding-right: 12px;
}
.contact-tel {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   border: 1px dotted #ccc;
   padding: 17px 30px 13px;
   border-radius: 5px;
   justify-content: center;
}
.contact-tel>p{
   margin:0;
}

.contact-tel span{
   font-size: 14px;
   line-height: 22px;
   display: inline-block;
   margin-top: 6px;
}
/*-----------------------------------------------------------------------
contact
-----------------------------------------------------------------------*/
.online-inContact.flexbox-center{
  align-items: center;
}
.page a.online{
  position:relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align:center;
  background-color: rgb(5 12 34);
  color:#fff;
  max-width:100%;
  height:45px;
  line-height:1.3em;
  z-index: 10;
  padding:0 1.5em;
  margin-left:1em;
}
.page a.online span{
   color:#fff;
 }

.page a.online::before{
border-radius:3px;
}
.page a.online:hover{
box-shadow:none;
}
.radio-container {
   line-height: 2.2em;
}
div.inquiry-container{
  padding: 50px 30px 15px;
}
dl.inquiry{
  width:100%;
  border-top: 1px dotted #cbcbcb;
}
dl.inquiry span.required,
dl.inquiry span.optional{
   padding: 5px 10px;
   font-size: 12px;
}
dl.inquiry dt{
   position: relative;
}
dl.inquiry span.required,
dl.inquiry span.optional{
   color: #fff;
   display: flex;
   margin-right: 0;
   align-items: center;
   justify-content: center;
   transform: translateY(0px);
}
dl.inquiry span.required{
   background-color: #5c1010;
}
dl.inquiry .double-line span.required{
   transform: translateY(-12px);
}

dl.inquiry span.optional{
  background-color:#a2afac;
}
.inquiry-container .submitBtn{
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.inquiry-container button{
  width:300px;
  text-align: center;
  height: 55px;
  transition: .3s all;
}
.inquiry-container button:hover{
  background-color:rgb(63, 85, 88);
  box-shadow:none;
}
.usage-questions-wrapper .checkbox{
   margin: 8px 0 0 6px;
   display: inline-block;
   width: 100%;
   font-size: 14px;
}
dl.inquiry .usage-questions-wrapper dt {
   padding: 10px 15px 0 0;
   align-items: flex-start;
}
dl.inquiry .radios-wrapper:not(.whether-tried .radios-wrapper) {
   margin: 0;
}
dl.inquiry .usage-questions-wrapper dt {
   width: 250px;
}
dl.inquiry dt,
dl.inquiry dd{
  margin: 0;
  padding: 20px 0;
}
dl.inquiry dt{
   width: 275px;
   text-align: left;
   padding: 0 15px 0 0;
   font-weight: bold;
   display: flex;
   align-items: center;
   gap: 18px;
}
dl.inquiry .optional-inquiry dt{
  text-align: left;
  padding: 0 15px 0 0;
  font-weight: bold;
}
dl.inquiry .usage-questions-wrapper dd{
   padding: 0 0 0 10px;
}
.date-of-use{
   padding-bottom: 5px;
}
.usage-questions-wrapper>div{
   display: flex;
   margin-bottom: 20px;
}
.usage-questions-wrapper>div label{
   width: 115px;
}
.usage-questions-wrapper>div input::placeholder{
   font-size: 14px;
}
dl.inquiry .optional-inquiry .reason-for-not-trying dt{
   padding: 5px 0 15px;
}
dl.inquiry .about-ai-question dt{
   width: 100%;
}
dl.inquiry .ai-model-in-use dt{
   white-space: nowrap;
}
dl.inquiry dd{
   width: 100%;
}
dl.inquiry>div:not(.free-input, .usage-questions-wrapper){
   display: flex;
   align-items: center;
   border-bottom: 1px dotted #cbcbcb;
}
dl.inquiry>div.free-input{
   border-bottom: 1px dotted #cbcbcb;
}
.optional-inquiry>div>dd:not(.whether-tried dd, .optional-inquiry>div:last-of-type>dd){
   border-bottom: 1px dotted #cbcbcb;
}
dl.inquiry .err-msg{
   margin: 5px 0 0;
}
dl.inquiry>div.category-wrapper,
dl.inquiry>div.optional-inquiry{
   border-bottom: none;
}
dl.inquiry .free-input dt,
dl.inquiry .optional-inquiry dt{
   border-bottom: none;
   padding: 20px 0 15px;
   width: 100%;
}
dl.inquiry .free-input dd,
dl.inquiry .optional-inquiry dd{
   display: block;
   padding: 0 0 15px 0;
}
dl.inquiry dt label{
   text-indent: 0px;
   display: inline-block;
   line-height: 24px;
}
dl.inquiry input[type="text"],
dl.inquiry input[type="email"],
dl.inquiry input[type="tel"],
dl.inquiry textarea {
   width: 100%;
}
p.consent{
  margin: 1.5em 0 1.2em;
  text-align:center;
}
.for-meeting-desc {
   margin: 10px 0 15px;
}
/* recaptcha */
.grecaptcha-badge{
   visibility: hidden;
}
.result{
  text-align: center;
  margin-bottom: 50px;
  line-height: 2em;
  max-width: 430px;
  margin: 0 auto;
}
textarea+p.err-msg,
.multiline-placeholder-wrapper+p.err-msg{
   margin-top: 0;
   margin-left: 0;
}
p.err-msg.prevent-spam{
   text-align: center;
   margin: 20px;
}
.err-msg-wrapper{
   display: flex;
   flex-direction: column;
}
.result-01{
   margin-bottom: 10px;
}
.result-02{
   margin-top: 25px;
}
p.dancing{
  font-size:50px;
  font-weight: 500;
  margin: 0;
}
.about p.dancing{
  font-size:30px;
  font-weight: 500;
}
.about-ai-question{
   margin: 15px 0;
}
.about-ai-question.yes{
   margin: 15px 0 10px;
}
.optional-inquiry-desc{
   margin: 10px 0 15px;
}
.usage-questions-wrapper{
   height: 0;
   display: none;
   overflow: hidden;
   padding: 15px 0 0 15px;
}
.optional-inquiry,
.reason-for-not-trying{
   height: 0;
   display: none;
   overflow: hidden;
   padding-left: 50px;
}
dl.inquiry>div>dd {
  padding: 20px 0 20px 5px;
}

/*-------------------------------------------------------
820px
---------------------------------------------------------*/
@media screen and (max-width:820px) {
   .usage-questions-wrapper>div {
      display: flex;
      flex-direction: column;
      gap: 7px;
      margin-bottom: 18px;
   }
   .usage-questions-wrapper {
      padding-left: 10px;
   }
   .about-ai-wrapper{
      margin-top: 17px;
   }
   .registered-email-br{
      display: none;
   }
   dl.inquiry .usage-questions-wrapper dt {
       width: 100%;
   }
}
/*-------------------------------------------------------
767px
---------------------------------------------------------*/
@media screen and (max-width:767px) {
   .contact-desc{
      flex-direction: column;
   }
   .tool-box {
      flex-direction: column-reverse;
      gap: 20px;
   }
   dl.inquiry>div:not(.free-input, .usage-questions-wrapper > div) {
      flex-direction: column;
      align-items: flex-start;
   }
   dl.inquiry dt,
   dl.inquiry dd{
     width: 100%;
   }
   dl.inquiry>div>dt{
     border-bottom: none;
     padding:20px 0 5px;
   }
   dl.inquiry>div>dd{
     padding:10px 0 20px 5px;
   }
   .usage-questions-wrapper {
      padding: 0 0 0 15px;
   }
   .radio-container {
      margin-top: 5px;
   }
   dl.inquiry .double-line span.required {
       transform: translateY(0px);
   }
}
/*-------------------------------------------------------
599px
---------------------------------------------------------*/
@media screen and (max-width:599px) {
.contents-container.with-top-img {
   padding: 0 15px 100px;
}
.desc-form {
   font-size: 16px;
   font-weight: bold;
   text-align: center;
}
div.inquiry-container{
  padding:20px 0px 40px;
}
a.form {
  margin-right: 0px;
  margin-bottom:18px;
}
.check-seo-for-free h1{
  font-size: 20px!important;
}
.tel.inForm{
  padding-top: 10px;
  font-size:24px;
}
.e-mail{
   transform: rotate(4.1deg) translateY(-3px);
}
.result {
   text-align: left;
   margin-bottom: 50px;
}
p.dancing {
   font-size: 40px;
   line-height: 1em;
}
.contact-tel {
   padding: 10px 20px 5px;
}
.contact-tel-inner .tel.inForm{
   font-size: 25px;
}
.about-check-seo h2,
.other-tools h2{
   font-size: 25px;
}
.optional-inquiry, .reason-for-not-trying {
    margin-left: 20px;
}
.placeholder {
    font-size: 15px;
}
.inquiry .required {
   margin-bottom: 0;
}
}

/*-------------------------------------------------------
460px
---------------------------------------------------------*/
@media screen and (max-width:460px) {
.optional-inquiry, .reason-for-not-trying {
    margin-left: 10px;
}


}