@charset "UTF-8";
input, button, select, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; border-radius: 0; font: inherit; outline: none;}
textarea { resize: vertical;}
input[type='radio'] { display: none;} input[type='submit'], input[type='button'], label, button, select { cursor: pointer;}
select::-ms-expand { display: none;}

#contact { background: #eee;}
#contact h1 { font-size: 17px!important; text-align: center!important; line-height: 1.8!important;}
#contact .post_content { max-width: 1030px; margin: auto; padding: 30px 20px 0;}
#contact .thanks-area { max-width: 1030px; margin: 30px auto 0; padding: 30px 20px; background: #fff; border-radius: 8px}
@media print, (min-width: 768px) {
  #contact h1 { font-size: 28px!important; text-align: center!important; line-height: 1.5!important;}
  #contact .post_content { padding: 60px 0;}
}

.ss_contents { max-width: 1030px; margin: auto; padding: 30px 20px; background: #fff; border-radius: 8px}
.ss_contents fieldset { margin-bottom: 30px;}
.ss_rightComment { display: block; margin-top: 10px;}
.ss_bottomComment { margin-top: 5px; color: #e6342b; font-size: 12px;}
.ss_user_notnull { display: inline-block; height: 18px; line-height: 18px; margin-left: 5px; color: #e6342b; background: #e6342b; border-radius: 2px;}
.ss_user_notnull:after { margin-left: -1em; color: #fff; font-size: 12px; content: "必須";}
.ss_upComment { margin-bottom: 20px; line-height: 1.5!important}
.ss_upComment a { display: inline-block; text-decoration: underline;}
.ss_contents input[type='email'], .ss_contents input[type='text'], .ss_contents textarea { width: 100%; height: 50px; padding: 0 20px!important; border: 1px solid #dcdcdc;}
.ss_contents textarea { min-height: 200px;}
.ss_contents select { position: relative; width: 70%; height: 50px; padding: 0 20px; background: url("../img/common/icon-arrow-down.png") no-repeat right 10px center/13px auto; border: 1px solid #ccc;}
.ss_enquete_field:nth-of-type(8), .ss_enquete_field:nth-of-type(9) { line-height: 1.8!important}
.ss_enquete_field:nth-of-type(9) { margin-bottom: 100px; font-size: 14px;}
.ss_btnArea { margin-top: 60px; text-align: center;}
.ss_btnArea input[type='button'] { width: 80%; min-with: 200px; height: 50px; color: #fff; background: #000; border-radius: 3px;}
.ss_btnArea input[type='button']:hover { color: #000; background: #999;}
@media print, (min-width: 768px) { 
  .ss_btnArea input[type='button'] { max-width: 300px;}
}
.ss_error_msg, .errorMsg { display: inline-block; margin: 0 0 10px 3px; color: #f89406; font-size: 12px;}
@media only screen and (max-width: 768px) {
  .ss_container { padding: 0 20px;}
  .ss_contents input[type='email'], .ss_contents input[type='text'], .ss_contents select { margin-top: 10px;}
  .ss_upComment a { margin-top: 20px;}
}
@media print, (min-width: 768px) { 
  .ss_contents { padding: 50px;}
  .ss_contents fieldset { display: flex; justify-content: space-between; align-items: center;}
  .ss_grid { width: 70%;}
}

/* Spinner */
.ss_submit_loader { position: absolute; width: 100%; min-height: 100%!important;  top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 100;}
.spinner::before { content: ""; position: absolute; bottom: 20%; left: 50%; height: 100px; width: 100px; margin-left: -50px; border-radius: 50%; border: 0.5em solid #FFFFFF; border-top-color: rgba(0, 0, 0, 0); -webkit-animation: spinner 1s infinite infinite; animation: spinner 1s linear infinite;  z-index: 101;}
@-webkit-keyframes spinner { 
  100% {   -webkit-transform: rotate(360deg);   transform: rotate(360deg);}
}
@keyframes spinner { 
  100% {   -webkit-transform: rotate(360deg);   transform: rotate(360deg);}
}