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


*/
/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
a {
  word-break: break-all; }


/*ページネーション*/
.screen-reader-text{
  display: none;
}

.navigation.pagination{
justify-content: center;
}




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

p {
  font-size: 16px;
  line-height: 1.7; }

li {
  list-style: none; }

h2, h3 {
  clear: both; }

.bold {
  font-weight: bold; }

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


  .single img{
    max-width: 100%;
  }





/*********** ヘッダー*******************/

#navi ul li{
  position: relative;
}

#navi ul li:after{
  content: "";
  width:0px;
  border-bottom:1px solid #8D7036;
  position: absolute;
}

#navi ul li:hover:after{
width:95%;
transition: .4s ease-in;
}


#navi ul li a{
 color:#8D7036;
 font-family: 'Playfair Display','Noto Serif JP',serif;  
}


/*********** main*******************/

#main{
  background: url(images/main.jpg) no-repeat;
background-size:cover; 
padding:6em 0 7em;
   }

#main h2{
 color: #8D7036;  
}

#main p{
  font-size: 1rem;
 color: #8D7036;
    
  text-shadow:  2px  2px 10px #0000,
               -2px  2px 10px #0000 ,
                2px -2px 10px #0000,
               -2px -2px 10px #0000;
}


#navi{
  background-color: rgba(255,255,255,0.8);
}




@media(min-width:1094px){

#catch{
  margin-top: 200px;
}

#vision{
  padding:1.5rem 0 100px;
}

#vision .text_area{
margin-top: 2rem;
}

}





/*********** vision*******************/
#vision h2,#Business h2,#about h2,#contact h2{
    font-family: 'Playfair Display','Noto Serif JP',serif;
    color: #c9b279;
    font-size: 36px;
    letter-spacing: 10px;
    border-bottom: 1px solid #c9b279;
    padding-bottom: 15px;
}


.bg{
  background: #fbf8f0;
}


#about{
  background: url(images/bg_vision.png) no-repeat center;
  background-size: cover;

}

.text_area{
background:rgba(255,255,255,0.8);
padding: 1rem;
}

/*********** Business*******************/
#Business{
  background: url(images/bg_business.jpg) no-repeat center;
  background-size: cover;
}  



/*********** abuot*******************/





a.tellink{
  font-size: 40px;
     font-family: 'Noto Serif JP',serif;
    color: #c9b279;
}


a.btnTop {
   font-family: 'Playfair Display',"Noto Sans JP",serif;
    display: inline-block;
    font-size: 24px;
    border-radius: 40px;
    background: #C9B279;
    text-decoration: none;
    color: #fff;
    position: relative;
    box-sizing: border-box;
    line-height: 40px;
    letter-spacing: 1.4px;
    text-align: center;
    padding:.2em 2.5em;
}

a.btnTop:hover{
 color: #C9B279;
background:#fff;
border:1px solid #C9B279;
transition: .6s ease-in; 
}

/*********** top　info*******************/

/***********フッターエリア *******************/

#footer {
  position: relative; 
  margin-top: 100px;
}


footer {
background: #fbf8f0;
    padding: 3em 0 2em;
  width: 100%;
 
}

#footer li{
  position: relative;
  display: inline-block;

 }

 #footer li:before{
  position:absolute; 
  content: "・";
  display: inline-block;
  color: #fff;
  left:-15px;
  top:-5px;
 }
 


 #footer ul li a{
    display: block;
    font-size: .8em;
     color: #fff; 
   }




ul.fixed-bottom li a {
  display: block;
  color: #fff;
  background: #B0938A;
  border-radius: 5px;
  text-align: center;
  font-size: 0.8em; }




/**************************************/
/*********** 下層ページ*******************/
/**************************************/
/*************下層テンプレート****************/
#kasou {
  padding: 100px 0 300px;
 background: url(images/header_kasou.jpg) no-repeat center 30%;
 background-size: cover;

   }

/*****************************/

.kasou h1{
 font-family: 'Playfair Display','Noto Serif JP',serif;
    color: #c9b279;
    font-size: 36px;
    letter-spacing: 10px;
    border-bottom: 1px solid #c9b279;
    padding-bottom: 15px;
}

.google_map{
  margin-bottom: -10px;
  
}

.google_map iframe{
  width:100%;
}



/*************下層テンプレートタイポグラフィ****************/
.post h2 {
  font-size: 2.25rem;
  background-image: -moz-linear-gradient( -91deg, rgb(214,222,0) 0%, rgb(154,205,50) 100%);
  background-image: -webkit-linear-gradient( -91deg, rgb(214,222,0) 0%, rgb(154,205,50) 100%);
  background-image: -ms-linear-gradient( -91deg, rgb(214,222,0) 0%, rgb(154,205,50) 100%);
  margin: 1em 0 0.4em;
  color: #fff;
  padding: 0.2em 0px .2em 0.5em;
  position: relative;
  border-radius: 5px; 

}


.post h3 {
  margin: 1em 0 0.5em;
  font-size: 1.4rem;
  padding: .2em 0 .3em .2em;
  position: relative;
  color: #9acd32;
  font-weight: bold; 
  border-left:3px  solid #9acd32;
}



.post h4 {
  font-size: 1.2rem;
  margin: 1rem 0;
  border-bottom: 1px dotted #9acd32;
  color:  #9acd32;
  padding-bottom: 5px; }

.post h5 {
  margin: 1rem 0; }

.kasouContent {
  background: #fff;
  border-radius: 5px; }


/*************form****************/
.form {
  width: 70%;
  margin: 2em auto; }

.form input[type="submit"] {
  padding: 0.5em 1rem; }

form table span{
  font-size: 60%;
  color: red;
}


form input[type='text'],form input[type='email'],form input[type='tel'],textarea{
  width:90%;
  padding: 5px;
}

form table th{
  font-weight:normal;
} 



/*# sourceMappingURL=style.css.map */

@media screen and (max-width:767px) {
    /*　画面サイズが767px以下の場合読み込む　*/


.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; }


   #main {
    margin-top: 25px !important;
   padding: 3em 0 1.5em;
    background-size: 100%;
    }

#main h2{
  font-size: 1.2rem;
  font-weight:bold;
}

#main p{
font-size: 16px;

}


#top h2:before{
  content:"";
  position: absolute;
  left:40%;
  
}



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


.company table.table th{
  background: #efefef;
}





#footer li {
    margin-bottom: .3em;
}



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

textarea{
  width:90%;
}




}