@charset "utf-8";
body{
  max-width: 1200px;
  margin: 0 auto;
}
.header{
  padding: 20px 2.5%;
  background: #fff;
}
.header a{
  display: block;
  width: 240px;
}
.FL_contwrap{
  width: calc(100% - 400px - 2.5%);
  margin-right: 400px;
  padding-right: 2.5%;
}
.FL_contwrap .cont_inner{
  padding: 0 2.5%;
}
.Fl_footer{
  width: 100%;
  background: #eee;
  color:#666;
  font-size: 12px;
  padding: 20px 10px;
  box-sizing: border-box;
}
.Fl_footer p{
  margin: 0;
}
.ttl-lv01{
  font-size: 24px;
  font-weight: bold;
  background: #00B2CA;
  color:#fff;
  padding: 10px 16px;
  line-height: 1.4;
  margin:0 0 30px;
}

.ttl-lv02{
  font-size: 20px;
  font-weight: bold;
  color:#00B2CA;
  padding: 8px 0px 10px;
  line-height: 1;
  border-bottom: 2px solid #00B2CA;
  margin:40px 0 20px;
}

.ttl-lv03{
  font-size: 18px;
  font-weight: bold;
  color:#333;
  padding: 8px 0px 10px;
  line-height: 1;
  margin:30px 0 20px;
  border-bottom: 1px dashed #333;
}

.ttl-lv03{
  font-size: 16px;
  font-weight: bold;
  color:#333;
  padding: 8px 0px 10px;
  line-height: 1;
  margin:20px 0 10px;
}

.txt{
  margin-bottom: 16px;
  line-height: 1.8;
  font-size: 16px;
  color:#333;
  text-align: justify;
}
.txt.strong{
  color:#F98700;
  font-weight: bold;
  font-size: 18px;
  line-height: 2;
  padding: 10px 0;
}
.txt.bold{
  font-weight: bold;
}
.txtlink{
  display: inline-block;
  font-size: 16px;
  color:#00B2CA;
  text-decoration: underline;
  text-align: justify;
  transition: 0.8s;
}
.txtlink:hover{
  opacity: 0.8;
}
.mv{
  width: 100%;
  margin-bottom: 40px;
}
.img{
  width: 90%;
  margin: 0 auto 20px;
  max-width: 800px;
}
.img a{
  display: block;
  cursor: pointer;
  transition: 0.5s;
}
.img a:hover{
  opacity: 0.8;
}
.img img{
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.img.pc img{
  display: block;
}
.img.sp img{
  display: none;
}
.list01{
  padding: 20px 0 10px;
}
.list01 dd{
  margin:10px 0 20px 0;
}
.list02{
  font-size: 16px;
  line-height: 1.4;
  padding: 0 0px;
  list-style: none;
}
.list02 li{
  list-style: none;
  margin-bottom: 16px;
}
.list02 span{
  list-style: none;
  display: block;
  padding: 0 0 0 20px;
}

.linkarea{
  background: #fff;
  border: 1px solid #00B2CA;
  border-radius: 5px;
}
.linkarea .lead{
  font-size: 16px;
  font-weight: bold;
  background: #00B2CA;
  color:#fff;
  padding: 20px ;
  margin: 0;
}
.linkarea ul{
  padding: 30px 20px;
  list-style: none;
  margin: 0;
}
.linkarea li{
  list-style: none;
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 20px;
  transition: 0.8s;
}
.linkarea li:last-of-type{
  margin-bottom: 0;
}
.linkarea li a{
  color:#00B2CA;
  display: inline-block;
  transition: 0.8s;
}
.linkarea li a:hover{
  opacity: 0.8;
}
.FL_formwrap{
  position: fixed;
  top: 20px;
  right: 0px;
  overflow-y: scroll;
  height: 100%;
  scrollbar-color: #ddd #fff;
}
.scrollwrap{
  width: 400px;
  padding: 30px 30px 20px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #eee;
  position: relative;
  z-index: 100;
  /*box-shadow: 0 0 10px #ddd;*/
}
.FL_formwrap .form_ttl{
  font-size: 16px;
  font-weight: bold;
  color:#00B2CA;
  padding: 0px 0px 0px;
  line-height: 1;
  text-align: center;
}
.ss_contents{
  width: 100% !important;
}
.FL_formwrap #ss_header,
.FL_formwrap .navbar,
.breadcrumb,
.FL_formwrap #ss_footer{
  display: none;
}
.FL_formwrap table,
.FL_formwrap tbody,
.FL_formwrap tr,
.FL_formwrap th,
.FL_formwrap td{
  display: block;
}
.FL_formwrap table{
  border: none;
}
.FL_formwrap tr{
  width: 100% !important;
  background: #fff !important;
  border: none;
}
.FL_formwrap th{
  width: 100% !important;
  background: #fff !important;
  border: none;
  padding: 0 0 6px 0;
  font-size: 12px;
}

.FL_formwrap td{
  width: 100% !important;
  background: #fff !important;
  margin-bottom: 16px;
  border: none;
  padding: 0;
}
.FL_formwrap label{
  font-size: 12px;
}

.FL_formwrap .validate2 input{
  width: 60px;
}

.ss_bottomComment .txtlink{
  font-size: 12px;
}

@media screen and (max-width: 960px) {
  .img.pc img{
    display: none;
  }
  .img.sp img{
    display: block;
  }
  .img{
    width: 100%;
    margin: 0 auto 20px;
    max-width: 700px;
  }
  body{
    width: 100%;
    margin: 0 auto;
  }
  .FL_contwrap{
    width: 100%;
    margin-right: 0px;
    padding: 0 2.5%;
    box-sizing: border-box;
  }
  .FL_formwrap{
    position: static;
    box-sizing: border-box;
    margin: 40px auto;
  }
  .scrollwrap{
    margin: 0 auto;
    width: 100%;
    max-width: 400px;
  }
  .ss_input {
    margin-right: 10px;
  }
  .ss_rightComment{
    display: inline-block;
  }
}
@media screen and (max-width: 420px) {
  
  .FL_formwrap {
    width: 95%;
    padding: 40px 10px 20px;
    box-sizing: border-box;
  }
  .FL_formwrap input[type="text"]{
    width: 100%;
  }
  .FL_formwrap .validate2 input[type="text"]{
    width: 60px;
  }
}