@charset "utf-8";
/* ========================
   bootstrap reset
   ======================== */
/* common */
@media (max-width:1200px) {
}
@media (max-width:991px) {
}
@media (max-width:767px) {
}

body{
  line-height: 1.5;
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  color:#333;
  font-size: 18px;
}
.contents {
  padding: 100px 0;
  position: relative;
}
.alpha {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.alpha:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
a.alpha {
  display: inline-block;
  width: 100%;
}
.Page-top {
    position: fixed;
    right: 0;
    bottom: 40%;
    right: 0%;
}
.pt-100{
  padding-top:100px;
}
.pb-100{
  padding-bottom:100px;
}
img.img-responsive {
    display: inline-block;
}
.ttl01{
  background-color:#fff;
}
.ttl01 .container {
    padding: 50px 0px 30px;
}
.ttl02{
  background-color:#00797d;
}
.ttl02 .container {
    padding: 50px 0px 30px;
}
.arrow{
  padding-bottom: 20px;
}
/* header */
header{
  padding: 15px 0;
}
#gnavi{
}
#navi {
    margin:10px 0;
    padding:0;
    height:30px;
    overflow:hidden;
    float:right;
}

#gnavi a {
      color: #fff;
    text-decoration: none;
  position: relative;
  display: inline-block;
}
#gnavi a:hover{
  color: #fff;
  text-decoration: none;
}
#gnavi a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #fff;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
#gnavi a:hover::after {
  transform: scale(1, 1);
}
#navi li { list-style:none; margin-left:50px; float:left; }

@media (max-width:1200px) {
  #navi li { list-style:none; margin-left:35px; float:left; }
  .tab-left-45{
    padding-left: 50px;
  }
  .tab-width-95{
    width:95%;
  }
}
/* mv */
#mv {
  background-image: url('../images/mv.jpg');
  background-size: cover;
}
@media (max-width:767px) {
  .mv.container{
    padding-left: 0px;
    padding-right: 0px;
    }
  .ttl01 .container {
    padding: 40px 10px 20px;
}
.content {
    padding: 50px 5px 50px !important;
}
}

/* rank */
div#rank {
    background-color: #00a3a5;
}
.content{
  padding:100px 0 100px;
}
.card.container{
  position:relative;
}
.cardimg{
  position:absolute;
  top:-170px;
}
.rank-item{
  position: relative;
  padding-bottom:50px;
}
.rank-item .button-posi{
  position: absolute;
  bottom:7%;
  left: 1%;
}
@media (max-width:767px) {
  .card{
    display: none;
  }
  .sp-pb-20{
    padding-bottom: 20px;
  }
  .Page-top {
    position: fixed;
    right: 0;
    bottom: 0%;
    right: 0%;
    /* background-color: #333; */
    background: rgba(0,0,0,0.5);
    padding: 9px 0 10px 0;
}
}
/*悩み*/
#nayami .content {
  background-image: url('../images/nayami_bg.jpg');
  background-size: cover;
  background-position: right;
}
#nayami .content{
  padding:100px 0 30px;
}
.fp_arrow{
  text-align: center;
  margin: 0 auto;
}
@media (max-width:767px) {
#nayami .content {
    padding: 50px 0px 0px !important;
}
.genkin .container{
  padding-right: 0px;
  padding-left: 0px;
}
#kanren .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
}
}
/*qa*/
#qa{
  background-color: #00797d;
}
.cp_actab {
position: relative;
overflow: hidden;
width: 100%;
margin: 0 auto;
color: #333;
padding-bottom:5px;
}
.cp_actab input {
position: absolute;
z-index: -1;
opacity: 0;
}
.cp_actab label {
font-weight: bold;
line-height: 3;
position: relative;
display: block;
padding: 0 0 0 1em;
cursor: pointer;
margin: 0 0 1px 0;
background: #fff;
}
.cp_actab .cp_actab-content {
overflow: hidden;
max-height: 0;
-webkit-transition: max-height 0.35s;
transition: max-height 0.35s;
color: #333333;
background: #fff;
}
.cp_actab .cp_actab-content p {
margin: 1em;
}
.cp_actab label {
  padding-left:5px !important;
  padding-top:10px;
  padding-bottom:10px;
}
.qa_a{
  padding: 15px 0 15px 5px;
}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
max-height: 20em;
}
/* Icon */
.cp_actab label::after {
line-height: 3;
position: absolute;
top: 0;
right: 0;
display: block;
width: 3em;
height: 3em;
-webkit-transition: all 0.35s;
transition: all 0.35s;
text-align: center;
}
.cp_actab input[type=checkbox] + label::after {
content: '∨';
color:#d10d21;
font-size:125%;
}
.cp_actab input[type=checkbox]:checked + label::after {
transform: rotate(180deg);
}
.cp_actab .col-xs-11{
  padding-right: 5%;
  line-height:1.5em;
}
@media (max-width:767px) {
.cp_actab .col-xs-11 {
    padding-right: 10%;
    font-size:84%;
}
.cp_actab .col-xs-1 {
    padding-right:0px;
    padding-left:0px;
}

/* form */
#contact_form .title{
  background:#93ba61;
  padding:30px 0;
}
#contact_form{
  background:#ededed;
  padding-bottom:70px;
}
#contact_form .cf{
  background:#fff;
}
#contact_form .input_item dl {
    border: 0px solid #333;
}
#contact_form .input_item dl dd {
    background: none;
}
#contact_form .input_item dl dd input[type="text"], #contact_form .input_item dl dd input[type="number"], #contact_form .input_item dl dd input[type="email"], #contact_form .input_item dl dd input[type="tel"] {
    border: 1px solid #d6d6d6;
    background-color: #fff;
}
#contact_form .input_item dl dd textarea {
    border: 1px solid #d6d6d6;
    background-color: #fff;
}
}
@media screen and (max-width: 767px) {
  #contact_form .col-xs-12{
    padding-left:0px;
    padding-right:0px;
  }
  #contact_form .input_item dl dd {
    padding: 30px 0 0px 10px;
}
  }
/* footer */
footer {
  background-color: #00797d;
  color:#fff;
  padding: 20px 0;
  text-align:center;
}
@media (max-width:991px) {
  footer {
    font-size: 12px;
  }
}
@media (max-width:480px) {
  footer {
    font-size: 10px;
    padding-bottom:100px;
  }
}