@charset "UTF-8";
h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0;font-size: 100%;}
html {font-size: 62.5%;font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}
body {font-size: 1.4em;background-color: rgb(246, 246, 246,0.6);}
body::before {
content:"";
display:block;
position:fixed;
top:0;
left:50%;
z-index:-1;
width:100%;
max-width: 650px;
height:100vh;
background-repeat:repeat-y;
background-image:url(../img/back.jpg);
background-size: 100% auto;
transform: translateX(-50%);
}
ul,li{list-style-type: none;margin: 0;padding: 0;}
dl,dt,dd{margin: 0;padding: 0;}
input, select {
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #666;
  border-radius: 3px;
  background: #FFF;
}
select::-ms-expand {
  display: none;
}
img{width: 100%;height: auto;vertical-align: middle;}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix:before {
  content: "";
	display: block;
	clear: both;
}

.clearfix {
	display: block;
}
.spinner {
  margin: 0 auto;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 10px; /* サイズ - 可変 - 大きくした場合、上の「.spinner」のサイズも変えないと縦長になる */
  height: 10px; /* サイズ - 可変 */
  background-color: #90969f;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0.2;
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 1;
  }
}

.wrapper{
  max-width: 650px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
/* .footerFixed{
    min-height: 100vh;
    position: relative;
    padding-bottom: 260px;
    box-sizing: border-box;
} */
.footerFixed.page{
    padding-bottom: 200px;
}
.header{width: 100%;text-align: center;background:#FFF;display: flex;align-items: center;padding: 2% 10% 3%;box-sizing: border-box;}
.header .--logo{width: 70%;}
.header .--logo img{padding: 0 10%;box-sizing: border-box;}
.header .--name{width: 30%;text-align: left;color:#666;line-height: 1.3;font-size: min(3vw,18px);}

.chat_wrap{width:90%;max-width:700px;margin: 0 auto;padding:5%;box-sizing: border-box;background: #FFF;}
.question_wrap{width:90%;margin: 0 auto 0 0;display: flex;align-items: center;/*align-items:flex-start;*/}
#q4_question_wrap.question_wrap{align-items:flex-start!important;}
.question_staff{width: 18%;}
.question_txt{width: 77%;background: #F6F6F6;border-radius: 0 15px 15px 15px;margin-left: 5%;padding: 5%;line-height: 1.4;}
.select_wrap{width: 100%;margin-top: 10px;background: #F6F6F6;border-radius: 15px;padding: 5%;box-sizing: border-box;}
.btn{width: 100%;background: #fd7a24;border:0;border-radius: 100px;padding:25px 0;font-weight:bold;font-size: 1.4em;color:#FFF;border-bottom: solid 4px #e0e0e0;}

.select_btn_wrap .select_btn_item:not(:last-of-type) .btn{margin-bottom: 10px;}
.answer_wrap{width:80%;margin: 0 0 0 auto;display: flex;align-items:flex-end;margin-top: 10px;margin-bottom: 10px;}
.already_read{width: 15%;color:#FFF;font-size: 0.8em;text-align: right;padding-right: 2%;box-sizing: border-box;}
.answer_txt{width:85%;background: #ffcc33;border-radius: 15px 0 15px 15px;padding: 5%;line-height: 1.4;}
.txt-red{font-weight: bold;color:red;}

.error{display: block;font-weight: bold;color:red;margin-top: 5px;font-size: 0.9em;}
.mailform{padding: 2% 0;}
.mailform_list dt,.mailform_list dd{display: block;width: 100%;}
.mailform_list dt{margin-bottom: 5px;}
.mailform_list dd:not(:last-child){margin-bottom: 15px;}
.mailform_list_item span.required{width: 18%;margin-right: 2%;background: #eb3030; color:#FFF;float: left;clear: left;text-align: center;font-size: 0.8em;padding: 3px;box-sizing: border-box;}
.mailform_list_item label{width: 80%;float: left;font-weight: bold;}
input,select{width: 100%;padding: 0.5em 0.8em;box-sizing: border-box;margin: 0;line-height: 3em;}
.form_select_wrap {
  margin:0;
  position: relative;
  width: 100%;
}
.form_select_wrap:after {
    content: "";
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 5px;
    width: 9px;
    height: 9px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: auto 0;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #909090 #909090 transparent transparent;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    pointer-events: none;
}
#next-btn{display: block;width: 80%;max-width:500px;background: #00b900;border:0;padding: 0.7em;border-radius: 100px;font-size: 1.4em;font-weight: bold;margin: 7% auto 3%;color: #FFF;}
#next-btn.active{position: relative; top: 3px;background: #fabcbd;}

.page_wrap{width:90%;max-width:700px;margin: 8% auto 0;padding:5% 5% 8%;box-sizing: border-box;background: #FFF;text-align: center;}
.page_wrap:not(:first-child){
    width: 90%;
    max-width: 700px;
    padding: 5%;
    box-sizing: border-box;
    background: #FFF;
    text-align: center;
}
.mside01{padding: 4% 5%;}
.page_ttl{font-size: 1.4em;color:#333;font-weight: bold;text-decoration:underline;margin-bottom: 15px;line-height: 2;}
.company_table{text-align: left;}
.company_table dt,.company_table dd{padding: 4% 5%;}
.company_table dt{background:#ccc;color:#333;font-size: 1.1em;font-weight: bold;}
.company_table dd{line-height: 1.6;}
.privacy_container{text-align: left;line-height: 1.4;}
.privacy_ttl_h3{text-align: center;font-size: 1.2em;margin:20px 0;}
.privacy_ttl_h4,.privacy_ttl_h5,.privacy_item{margin-bottom: 10px;}
.privacy_ttl_h4{font-size:1.1em;}
.privacy_ttl_h5{font-size:1em; }
.privacy_list{margin-top: 10px;}
.privacy_list>li {
    counter-increment: ol;
    position: relative;
    padding-left: 20px;
    list-style-type: none;
}
.privacy_list>li:before {
    content: counters(ol,"-",decimal) ".";
    position: absolute;
    top: 0;
    left: 0;
}
.privacy_linklist{margin: 10px 0;}
.privacy_linklist>li{
  position: relative;
  padding-left: 15px;
}
.privacy_linklist>li:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #333;
}
.thanks_message{text-align: left;}
.thanks_tel{margin-top: 20px;border:2px solid #333;padding: 5%;}
.thanks_tel_h3{color:#333;font-size: 1em;}
.thanks_telblock{margin-top: 10px;}
.thanks_telnum{display: inline-block;color:#00b900;font-size: 1.8em;font-weight: bold;padding-left: 40px;background-image: url(../img/tel.png);background-size: 30px 30px;background-repeat: no-repeat;background-position: left center;}
.thanks_telnum a {pointer-events: none;color:#00b900;text-decoration: none;}
.footer{max-width:650px;width: 100%;padding-top: 5%;margin-top: auto;}
.attention{color:#333;text-align: center;line-height: 1.6;}
.footer_menu{text-align: center;}
.footer_menu ul{margin: 20px auto 30px;font-size: 0;}
.footer_menu li{display: inline;font-size: 14px;padding: 2px 15px;}
.footer_menu li:not(:last-of-type){border-right:1px solid #666;}
.footer_menu a{color: #333;text-decoration: none;font-weight: bold;}
.company_wrap{background:#333;text-align: center;color:#FFF;padding: 30px 0;}
.company_name{margin-bottom: 15px;line-height: 1.6;}
.copyright{font-size: 0.8em;}

img[src^="https://tr.se-as.com/s/"]{width:1px!important;height: 1px!important;}

/*　ローディング　*/
.loader-wrap {
  display: none;
}
.loader-inner {
	position: fixed;
	display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    top:0;
    left: 0;
}
.loader {
  margin: 100px auto;
  font-size: 25px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}

.agree{margin-top: 15px;font-size: 0.8em;text-align: center;}