@charset "UTF-8";
/*
Theme Name: keikamotsu

*/
/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */



a {
  word-break: break-all; }

body {
  font-size: 16px;
  line-height: 1.7;
  color: #2b2b2b;
  font-family: "Noto Sans JP",Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,sans-serif; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden; }

.alignleft {
  float: left;
  margin: 0px 15px 15px 0; }

.alignright {
  float: right;
  margin: 0px 0px 15px 15px; }

.aligncenter {
  display: block;
  margin: auto; }


li {
  list-style: none; }

h2, h3 {
  clear: both; }

.bold {
  font-weight: bold; }

caption {
font-size: 1.3em;
font-weight: bold;
caption-side: top;
}




/*********** パーツ*******************/
/*********** グーグルマップのIFLAME*******************/
.google_map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%; }

.google_map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.scroll-table {
  overflow: auto;
  white-space: nowrap; }


/***********ハンバーガーメニュー*******************/



button.navbar-toggler {
  border: none;
  background: transparent;
  outline: none;
}
.menuborder{
  position: absolute;
  display: block;
  width:32px;
    height:2px;
  background-color: rgb(255, 255, 255);
}
.menu{
  position: fixed;
  width:32px;
  top:8px;
  height: 50px;
  z-index: 999;
  right:5px;
}

.menuborder:nth-of-type(1) {
  top:0px;
}
.menuborder:nth-of-type(2) {top:15px;}
.menuborder:nth-of-type(3) {top:30px;}

.Close .menuborder:nth-of-type(1) {
  top:16px;
  transform: rotate(45deg);
  }
  .Close .menuborder:nth-of-type(2) {
  opacity: 0;
  }
  .Close .menuborder:nth-of-type(3) {
  top:16px;
  transform: rotate(-45deg);
  }
  



/*********** ナビゲーション*******************/

.navbar{
  background-color: rgba(113, 113, 113,0.4);
  
}

.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-toggler{
  border-color: #000000;
  
}


#navi{
  position: fixed;
 z-index: 999;

}

#navmenu1 ul li.nav-item{
  padding: 0px  14px;

}

#navmenu1 ul li a{
  color: rgb(255, 255, 255);
  font-size:16px; 
  font-weight: bold;
}

@media (min-width:976px){
  #navmenu1 ul li a{
    font-size:14px; 
  }

}





#navmenu1 ul li span{
  display: block;
  font-size: .5em;
  text-align: center;
  font-weight: normal;
 
}

#navmenu1 .dropdown-menu{
  top:35px;
}

.contact a{
background-color: rgba(113, 113, 113,0.5);
} 



#navmenu1 ul li.inq a{
  color:#fff;
}

/*********** メインイメージ*******************/
#main {
  position: relative;
  background: url(images/bg_main.png) #f4f4f4 no-repeat center/cover;
  padding: 400px 0 400px;
  }

.text-shadow{
 text-shadow    :
  2px  2px 5px rgba(255, 255, 255, 0.83),
-2px  2px 5px rgba(255, 255, 255, 0.83),
 2px -2px 5px rgba(255, 255, 255, 0.83),
-2px -2px 5px rgba(255, 255, 255, 0.83),
 2px  0px 5px rgba(255, 255, 255, 0.83),
 0px  2px 5px rgba(255, 255, 255, 0.83),
-2px  0px 5px rgba(255, 255, 255, 0.83),
 0px -2px 5px rgba(255, 255, 255, 0.83);

}



.text-shadow-white{
 text-shadow    : 
        2px  2px 5px rgba(255, 255, 255, 0.83),
      -2px  2px 5px rgba(255, 255, 255, 0.83),
       2px -2px 5px rgba(255, 255, 255, 0.83),
      -2px -2px 5px rgba(255, 255, 255, 0.83),
       2px  0px 5px rgba(255, 255, 255, 0.83),
       0px  2px 5px rgba(255, 255, 255, 0.83),
      -2px  0px 5px rgba(255, 255, 255, 0.83),
       0px -2px 5px rgba(255, 255, 255, 0.83);      /* 文字の影 */ 
}



/*********** message *******************/
#message{
  background: url(images/bg_left.png) no-repeat left center,#f4f4f4 url(images/bg_right.png) no-repeat right center;
  padding: 5rem 0 5rem;
}

/*********** メインコンテント*******************/

#maincontent{
  background: url(images/bg_content.jpg);
}


/*****************お知らせ*********************/

table.news td a{
  position: relative;
  color: #2b2b2b;
}

table.news th{
  position: relative;
}

table.news th:before{
  position: absolute;
  content: "";
  width:10px;
  height:10px;
  background: url(images/arrow_info.png) no-repeat center /50%;
  top:calc(50% - 5px );
  left:0px;
}

table.news.kasou td {
 border-bottom:#5cc8b2 1px dotted 
}

table.news.kasou th{
  border-bottom:#5cc8b2 1px dotted 
 
}


/*****************お知らせ 下層*********************/






/*****************ボタン*********************/

a.btn-more{
display:inline-block;
position: relative;
padding:.5em 4em;
font-family: 'Lato', sans-serif;
font-size: 16px;
color: #fff;
font-weight: bold;
transition: all .6s ease-in-out;
background-color:#5cc8b2;
text-align: center;
border-radius: 20px;
}



a.btn-more:hover{
background:#17cea9;
color:#fff;
text-decoration: none;
}




/*****************about*********************/






/*****************contact*********************/

#contact{
  background: url(images/bg_contact.jpg) no-repeat center /cover fixed;
  padding:100px 0 100px;
  position: relative;
}

@media(max-width:760px){
  #contact{
    background: url(images/bg_contact.jpg) no-repeat center /cover fixed;
    padding: 26px 0 77px;
  }
}

a.btntel {
  font-family: 'Lato', sans-serif;
    display:block;
    text-decoration: none;
    color: #fff;
    position: relative;
    box-sizing: border-box;
    text-align: center;
    padding: 1.2em 2.5em;
}
#contact:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
}



.tel a{
font-size: 2rem;
color: #fff;

padding: 1rem 1rem;
display: inline-block;
width:350px;
text-decoration: none;
transition: all 1s ease-in;
height: 110px;
}
.tel a span.d-block{
  font-size: 50%;
}




.mail a{
  transition: all 1s ease-in;
  text-decoration: none;
  display: inline-block;
  width:350px;
 padding: 1rem 1rem;
  font-size: 2rem;
    color: #fff;
    height: 110px;    
}

@media(min-width:976px){

table.news{
margin-left: 50px;
}



}




  @media(max-width:576px){

    .mail a,.tel a{
      width:150px;
      font-size: 1rem;
      padding: .9rem 0 0;
      height: 60px;
    }



  }







/**************footer************************/

#footerMenu li{
  display: inline-block;
}

#footer{
  background:#5cc8b2;
  padding-bottom: 2em;
  color: #fff;
}


#company p{
  margin-bottom: .7em;

}



#footer ul li a {
  display: block;
  color:rgb(255, 255, 255);
    margin: 5px;
    padding-left:15px;
    text-decoration: none;
  
    position: relative;
}

#footer ul li a:before {
    position: absolute;
    left: -5px;
    content: "";
    width: 5px;
    height: 15px;
    border-right: 1px solid rgb(255, 255, 255);
    top:7px;    
}





#bottomBtn .yoyaku{
  background: rgba(104,204,199,0.8);
}


#bottomBtn .otameshi{
  background: rgba(206,185,133,0.8);
}



#bottomBtn .otameshi a{
position: relative;
display:inline-block;
padding: 1em 0;
}



#bottomBtn .yoyaku a{
position: relative;
display:inline-block;
padding: 1em 0;
}

#bottomBtn .yoyaku a:before{
  display: inline-block;
/*position: absolute;
left:-5px;*/
/*content:"";*/
width:53px;
height:30px;
/*background: url(images/aic_yoyaku.png) no-repeat center;*/
background-size: 60%;
padding-top:5px; 
}


/****************下層ページ**********************/




/****************下層ページヘッダーテンプレート**********************/
#headerbg{
overflow: hidden;
padding:150px 0 150px;
position: relative;
background: url(images/header_common.jpg) no-repeat center 0px/cover;
margin-bottom: 1.5rem;
z-index: 2;
}



#headerbg.flow{
background: url(images/header_flow.jpg) no-repeat center 0px/cover;

}
#headerbg.guidehelper-2{
background: url(images/header_guidehelper-2.jpg) no-repeat center 0px/cover;

}
#headerbg.voice{
background: url(images/header_voice.jpg) no-repeat center 0px/cover;

}
#headerbg.company{
background: url(images/header_company.jpg) no-repeat center 0px/cover;

}
#headerbg.mail{
background: url(images/header_mail.jpg) no-repeat center 0px/cover;

}






#headerbg .h1_area{
  position: relative;
  z-index: 3;
}

#headerbg:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 1;
}


#headerbg h1{
  display: inline-block;
  color: #fff;
background:#5cc8b293;
}
#headerbg h1 span{
  padding: .5em 1em .5em 1em;
    display: block;
  }

.heading{
 text-align: center;
 position: relative;
  margin-bottom: 2rem;
}


.heading h2{
font-size: 2rem;
display: inline-block;
position: relative;
color: #5cc8b2;

}


.heading h2:after{
  content: "";
  width:100%;
  height:15px;
  background:url(images/h3_line.png)repeat-x 0px 0px;
  bottom:-20px;
  z-index: 1;
  position: absolute;
  font-weight: bold;
  left:0;
}






.head-3 h3{
font-size:1.5rem;
  color: #5cc8b2;
  padding:.1em 0 .1em .5em;
  margin-bottom: 1rem;
  position: relative;
  display: inline-block;
border-bottom: 2px dotted #5cc8b2;
}

.head-3 h3:before{
 position: absolute;
content: "";
width:15px;
height:15px;
/* background: url(images/arrow_info.png) repeat-x center /10%; */
left:0px;
top:-14px;

}

.kasou h3:after{
  content: "";
  }






/*************numarea****************/

.numArea h5{
  padding: .5em 0 .5em 1.7em;
  position: relative;
  color: #5cc8b2;
  }

 span.number{
    position: absolute;
    background: #5cc8b2;
    border-radius: 50%;
    font-size: 1.1em;
    color: #fff;
    border:#5cc8b2 1px solid;
    display: inline-block;
    padding:2px .35em 0;
    font-family: 'Libre Baskerville', serif;
    left:0em;
    top:.4em;
  }



/* ulタグ */
.pulse-ul {
  list-style: none;
}

/* liタグ */
.pulse-ul li {
  position: relative;
  padding-left: 20px;
  line-height: 2;
}

/* liタグの丸の共通スタイル */
.pulse-ul li::before,
.pulse-ul li::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  left: 5px;
  top: calc(1em - 4px);
}

/* liタグの丸1のスタイル */
.pulse-ul li::before {

  background-color:#ba4d32;
  animation: pulsate 2s infinite;
}

/* liタグの丸2のスタイル */
.pulse-ul li::after {

  background-color: #aa2200;
}

/* 脈動アニメーション */
@keyframes pulsate {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}


#sidebar h3{
  
 background-color:#5cc8b2;
  padding: .5em;
  text-align: center;
  font-weight: normal;
  font-size: 1.4rem;
  color: #fff;

}


/***************下層ページのレイアウト***********************/



/***********パンくず調整***************************/
.post.post-page,.post.post-post{
  padding:0; 
}




/**************************************/
/*********** 下層ページ*******************/
/**************************************/
/*************下層テンプレート****************/
/*************料金表****************/
.rounder{
  border-radius: 15xp;
}

.bg-creame{
  background-color: #fbffe0;
}

.time_title{
  font-size: 1.5rem;
  font-family: 'Bebas Neue', cursive;
  color: #5cc8b2;
  text-align: center;
}


/*****************先輩の声*********************/


.fkidashi-voice3,.fkidashi-voice4{
  background-color: #fff;
  padding: 1.5rem;
  position: relative;
}


.fkidashi-voice3:before{
  position: absolute;
  content: "";
  border-style: solid;
  width: 0;
height: 0;
border-width: 10px 20px 10px 0;
border-color: transparent #ffffff transparent transparent;
left:-20px;
top:calc(50% - 10px);
}


.fkidashi-voice4:before{
  position: absolute;
  content: "";
  border-style: solid;
border-width: 10px 0 10px 20px;
border-color: transparent transparent transparent #ffffff;
  right:-20px;
  top:calc(50% - 10px);
}

@media (max-width:576px){
  .fkidashi-voice3:before{
  transform: rotate(-90deg);
  left:calc(50% - 10px);
  top:-20px;
  }

  .fkidashi-voice4:before{
    transform: rotate(90deg);
    right:calc(50% - 10px);
    top:-20px;
    }


}



/*****************問い合わせフォーム*********************/

form table input[type='text'],form table input[type='tel'],form table input[type='email']{
  width:90%;
}

textarea{
 width:90%;
}

form table th,form table td{
  padding:10px 10px 10px 10px;
}

input[type="text"],input[type="tel"],input[type="email"],textarea{
  background-color: #efefef;
  border: 1px solid #b4b4b4;
}





form table span.btn-danger{
  background: #ff4d4d;
  border-radius: 5px;
  color: #fff;
  font-size: .4em;
  font-weight: normal;
  float: right;
  padding: 4px 8px 5px;
  margin: -2px 0 0;
}


form table span.btn-info{
  background: #3bc5f4;
  border-radius: 5px;
  color: #fff;
  font-size: .4em;
  font-weight: normal;
  float: right;
  padding: 4px 8px 5px;
  margin: -2px 0 0;

}

@media (max-width:740px){
 
form table span.btn-danger,form table span.btn-info{
  font-size: .7em;
  float: none;
  margin-left: 5px;
}

}



/***********pagenation*******************/


ul.page-numbers{
  border:none;
}

ul.page-numbers li{
   margin-right: 10px;
  display: inline-block;

}

ul.page-numbers li .page-numbers {
    padding: 1px 10px;
    color: #000;
    font-size: 1.19em;
    border: 1px solid #000;
    display: inline-block;
  }



ul.page-numbers li .page-numbers.current {
    padding: 1px 10px;
    color: #ffffff;
    font-size: 1.19em;
    background-color: #000;
    border: 1px solid #000;
    display: inline-block;
  }


.screen-reader-text{
  display: none;
}




@media(min-width:992px){
.headerBg h1{
  font-size:48px; 
}

} 




.blogcol img{
  max-width: 100%;
  height: auto;
}




/***********質問 *******************/



/*質問項目*/
#faq dl dt { 
  padding:1rem 1.5rem 1rem 2.4rem; 
  position: relative;
  background:url(images/Q.png)no-repeat 10px 50% #E2F2F2;
  border-radius: 8px;
}


#faq dl dd { 
  background:url(images/A.png)no-repeat 5px 15px;
  padding:0 1rem;
    margin-bottom: 0; 
  position: relative; 
  /* height:0px; */
  overflow: hidden;
  /* opacity: 0; */
  /* border-bottom: 1px solid #ED5E93; 
  border-left: 1px solid #ED5E93; 
  border-right: 1px solid #ED5E93; */
  transition: all .6s ease-in-out;
  padding:1rem 1rem 1rem 2.4rem; 
display: none;  
}

  
#faq dl dd.show{
  padding:1rem 1rem 1rem 2.4rem; 
  /* height:100%;
  opacity: 1; */
  display: block;

}


#faq dl dt:before { content: ""; 
  font-size: 18px; 
  color: #fff; 
  background: #68CCC7; 
  width: 2px; 
  height: 15px; 
  position: absolute; 
  right: 5%; 
  top: 40%; 
  text-align: center; 
  display: inline-block; 
  line-height: 1.3; 
  transition: all .6s ease-in-out;
}


#faq dl dt.show:before {
  transform: rotate(90deg);
}


  #faq dl dt:after { content: ""; 
    font-size: 18px; 
    color: #fff; 
    background: #68CCC7; 
    width: 2px; 
    height: 15px; 
    position: absolute; 
    right: 5%; 
    top: 40%; 
    text-align: center; 
    display: inline-block; 
    line-height: 1.3;
  transform: rotate(90deg);
  }


#faq dl { margin-bottom:1rem;
    }




/***********スマホ*******************/
@media (max-width: 575.98px) {

.navbar-brand img{
  width:180px;
}



#main {
  position: relative;
  padding-top: 0px;
}

#main img{
  max-width: 100%;

}


.navbar-light .navbar-toggler {
  color: rgba(255, 255, 255, 1);
  border-color: rgba(255, 255, 255, 1);
}
/*トップページ*/


#navmenu1 ul{
  background:rgb(21, 21, 21);
}


#navmenu1 ul li.nav-item {
 text-align: center;
  padding: 10px 0px;
}

#navmenu1 ul li a {
   display: block;
  
}



form table.table input[type="text"],form table.table input[type="email"],
form table.table input[type="tel"]{
width:90%;
padding: .4em;
}

textarea{
  width:90%;
}
.form {
     width: 100%;
 
}

.thumbnail img {
  height:auto;
} 


form .table th,form .table td{
  display: block;
}



#headerbg {
  padding: 103px 0 150px;
  background: url(images/header_common.jpg) no-repeat center 0px/cover;
}

#headerbg h1{
  font-size: 1.8rem;
}

}/*end*/






@media (max-width: 575.98px) {

  #main {
    position: relative;
    background: url(images/bg_main.png) #f4f4f4 no-repeat top/contain;
    padding: 60px 0 60px;
    }
  
    #message{
      background: url(images/bg_left.png) no-repeat left center/50%,#f4f4f4 url(images/bg_right.png) no-repeat right center/50%;
      padding: 1.5rem 0 1.5rem;
    }


}




.bg-img:before{
  content: "";
  background-image: -moz-linear-gradient( -176deg, rgb(230,184,0) 0%, rgba(230,184,0,0.98) 2%, rgba(255,255,255,0) 100%);
  background-image: -webkit-linear-gradient( -176deg, rgb(230,184,0) 0%, rgba(230,184,0,0.98) 2%, rgba(255,255,255,0) 100%);
  background-image: -ms-linear-gradient( -176deg, rgb(230,184,0) 0%, rgba(230,184,0,0.98) 2%, rgba(255,255,255,0) 100%);
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 3;
}


.bg-img{
position:relative;
z-index: 1;
}



.bg-img2:before{
  content: "";
  background-image: -moz-linear-gradient( -176deg, rgb(230,184,0) 0%, rgba(230,184,0,0.98) 2%, rgba(255,255,255,0) 100%);
  background-image: -webkit-linear-gradient( -176deg, rgb(230,184,0) 0%, rgba(230,184,0,0.98) 2%, rgba(255,255,255,0) 100%);
  background-image: -ms-linear-gradient( -176deg, rgb(230,184,0) 0%, rgba(230,184,0,0.98) 2%, rgba(255,255,255,0) 100%);
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 3;
}


.bg-img2{
position:relative;
z-index: 1;
}