@charset "utf-8";

#main_about{padding:0%;background: url(../images/bg_texture.gif); width: 100% !important;}


.kimg_about{
    background-image: url("../about_us/images/kimg_about.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    height: 300px;
    position:relative;
    border-bottom:1px solid #999;
}
.kimg_txt{
    position:absolute;
    bottom: 0;
    width: 100%;
    display: block;
    text-align: center;
    background-color: rgba(152,129,74,0.5);
    font-size: 200%;
    color: #fff;
    padding:2% 0 1% 0;
    line-height: 110%;

}
.kimg_txt span{
    font-family: 'Philosopher', sans-serif;
    display: block;
    width: 100%;
    font-size: 50%;
}
.kimg_txt h1{
    font-weight: 400 !important;
    letter-spacing: 0.5px;
}
@media only screen and (max-width: 767px) {
.kimg_about{
    height: 320px;
}
    
.kimg_txt{
    font-size: 160%;
    padding:4% 0 2% 0;
}
#main_about h2{
    font-size: 140%;
    margin: 0;
    }
#main_about .w980{
    padding: 2% 5% !important;
    }
}


#main_about h2{
    margin: 2% 0;
}
.box_greeting{
    font-size: 100%;
    line-height:200%;
    padding:1% 10% 3% 10%;
    margin:2% 0; 
    border-bottom:1px solid #999;
}

.box_greeting2{
    font-size: 100%;
    line-height:200%;
    padding:1% 10% 1% 10%;
    margin:2% 0 0 0; 
}

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

@media only screen and (max-width: 767px) {
#main_about h2{
    margin: 5% 0 4% 0;
}
    
    .box_greeting{
    font-size:100%;
    line-height:160%;
    padding:1% 0 5% 0 ;
    margin:2% 0; 
    border-bottom:1px solid #999;
}
.box_greeting2{
    font-size: 100%;
    line-height:160%;
    padding:0%;
    margin:2% 0 0 0; 
}
}

.about-table table {
    width: 100%;
    text-align: left;
    font-size: 90%;
}

@media only screen and (max-width: 767px) { .about-table table tr {
    display: block;
  }
.about-table table {
    max-width:330px !important;
}
} 
.about-table table tr th {
  padding:10px 20px;
  vertical-align: middle;
  border-bottom: 1px solid #ebe4d6;
  background: #fffef6;
  font-weight: bold;
white-space: nowrap;
	background-clip: padding-box;
}

@media only screen and (max-width: 767px) {
    .about-table table tr th {
    display: block;
        text-align: center;
  background: #fffef6;
    padding: 4px 0;
  }
}

.about-table table tr td {
    width: 100%;
    padding: 15px 10px;
    vertical-align: middle !important;
    border-bottom: 1px solid #ebe4d6;
    letter-spacing: .025em;
    line-height: 1.5;
    vertical-align: top;
    background-color: #fff;
	background-clip: padding-box;
}

@media only screen and (max-width: 767px) {
    .about-table table tr td {
        display: block;
        background-color: #fff;
    width:96%;
            padding:3% 2%;
        
    }

.about-table table tr td:nth-of-type(1) {
        display: block;
    border-bottom: none;
    overflow: hidden;
 }
}

    
@media only screen and (max-width: 767px) { .about-table table tr td:nth-of-type(2) {
    border-top: 1px solid #d7d7d7;
  }
}


/* ここ後で共通にして消すやつ */

ul.photo_list {
  width: auto;
  display: -webkit-flex;
  -js-display: flex;
  display: flex;
  margin:3% auto;
  align-items: flex-start;
}

ul.photo_list li{
width:50%;
padding:0 0 0 15px;
font-size:12px !important;
}
ul.photo_list li:first-child{
padding:0px !important;
}

ul.photo_list li img{
  width:100%;
}

@media only screen and (max-width: 767px) {
ul.photo_list {
  width: 100%;
}
ul.photo_list li{
font-size:80% !important;
    line-height:140%;
}
}


.table_guide2{font-size:100%; font-weight:500;  margin:3% auto 3% auto !important;}
.table_guide2 .table_cell{ width:auto; padding:0 2% 0 0; line-height:150%; width: 310px;}
.table_guide2 .table_cell img{ width:100%;}

@media only screen and (max-width: 767px) {
.table_guide2 .table_cell{ width:auto; padding:8% 2% 0 0; line-height:150%; width:100%;}
}




.link_guide{ border:1px solid #CCC; background-color:#FFF;  text-align:center; width:600px;height:60px;}
.link_guide ul{ margin:0 auto; max-width:550px; text-align:center;}
.link_guide li { background-image:url(../img/icon_arrow_02.gif); background-position:bottom center; background-repeat:no-repeat; margin:1%; float:left; width:30%; padding:2.5% 0;}
.link_guide a{ text-decoration:none;}
.link_guide li:hover{opacity: 0.7 ;}

#main_about h3{ font-size:120%; text-align:left; border: 0; padding: 0; margin: 0;}
#main_about h3 .stxt{ font-size:70%; font-weight:400}

#main_about .table_cell{ line-height:160%; font-size:90%;}
#main_about .table_cell img{ width:98%; margin:1% 0%;}






nav{
text-align: center;
}
nav ul{
margin-top: 20px;
padding: 30px ;
}
nav li{
list-style: none;
display: inline-block;
width: 20%;
min-width: 100px;
margin-bottom: 10px; 
font-size:110%;   
font-weight:500;  
}
nav li:not(:last-child){
border-right:1px solid #bbb;
}
nav a{
text-decoration: none!important;
color: #333;
}
nav a.current{
color: #00B0F0;
border-bottom:3px solid #00B0F0;
}
nav a:hover{
border-bottom:3px solid #98814A;
}


html { scroll-behavior: smooth;}



@media only screen and (max-width: 767px) {

nav{
text-align: center;
width: 100%!important;
}

nav ul{
margin-top: 20px;
padding: 5px ;
}
    
nav li{
list-style: none;
display: inline-block;
width: 20%;
min-width: 60px;
margin-bottom: 10px;    
}
    
}