*{
  box-sizing: border-box;
}

main{
	padding-top: 13px;	
}
.main_img{
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.main_img img{
	width: 100%;	
}

#concept,#information,#staff{
    width:1024px;
	margin: 0 auto;
	padding-top:100px;
	margin-bottom:120px;
	height: auto;
	overflow: hidden;
}

#menu,#instagram{
    width:100%;
	margin: 0 auto;
	padding:100px 0 120px 0;
	height: auto;
	overflow: hidden;
	position: relative;
	z-index: 5;
	background-color:rgba(244,242,239,1.00);
}

#menu{
    text-align: center;
}

.con{
    width:1024px;
    margin: 0 auto;
}


/*コンセプト*/

.news_img{
    text-align: center;
    margin-top: -20px;
}

#aboutus{
    padding-top: 50px;
}

#concept .left{
	float: left;
	width: 72%;
	margin-right: -12%;
}

#concept .left img{
	width: 100%;
}

#concept .right{
    margin-top: 140px;
	float: right;
	width: 35%;
    background: #fff;
    opacity: 0.9;
    padding: 20px 20px 30px 40px;
}

#concept h2{
	font-size: 150%;
    text-align: left;
}

#concept h3{
	margin-top: 10px;
}

#concept p{
	letter-spacing: 0.05em;
	font-size: 110%;
	margin-top: 20px;
}

/*メニュー*/

#menu .col_3{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	justify-content: space-between;
	margin-top: 50px;
}
#menu .col_3 div{
	width: 30%;
    text-align: left;
}

#menu .col_3 div img{
	width: 100%;
}

#menu .menu_p{
	margin-top: 10px;
	margin-bottom: 10px;
}
#menu h4{
	font-size: 150%;
	letter-spacing: 0.1em;
    margin-top: 10px;
    margin-bottom: 3px;
    color: #a07e64;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}


/*information*/

#information h2{
	margin-bottom: 50px;
}

#information .left{
	float:left;
	width:45%;
	font-size: 110%;
}

#information .right{
	float:right;
	width:53%;
	margin-top: 7px;
}

#information h4{
	font-size:180%;
	letter-spacing: 0.05em;
	line-height: 1.6em;
}

#information h4 .s_font{
	font-size:55%;
}

#information p b{
	font-size:110%;
}
#information .tel{
	font-size: 150%;
	line-height: 1.2em;
	margin-bottom: 8px;
}

#information .tel a{
	font-size:140%;
	letter-spacing: 0.1em;
	font-weight: 600;	
}

#information .left table{
	text-align:left;
    font-size: 110%;
    line-height: 1.6em;
}
#information .left table tr{
	font-size: 100%;		
}

#information .left table tr th{
	width:85px;
	height: auto;
	margin-bottom: 8px;
    font-weight: normal;
}

#information .left .ad{
	margin-top:10px;
	font-size: 110%;
    line-height: 1.4em;
}


.btn {	
    display: block;
    position: relative;
    padding: 0.3em;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background: #1B1B1B;
    font-size: 120%;
    margin-top: 18px;
    width: 85%;
    border:1px solid #1B1B1B;
}
.btn:hover { 
    background: #fff;
    color: #1B1B1B;
    cursor: pointer;
    text-decoration: none;
}


.btn_r {	
    display: block;
    position: relative;
    padding: 0.3em;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background: #a07e64;
    font-size: 120%;
    margin-top:10px;
    width: 85%;
    border:1px solid #a07e64;
}
.btn_r:hover { 
    background: #fff;
    color: #a07e64;
    cursor: pointer;
    text-decoration: none;
}

#instagram h2{
    margin-bottom: 40px;
    
}

#instagram .fab{
    font-size: 100%;
    margin-right: 10px;   
}

/*フッター*/
#Copyright {
  color: #333;
  font-size:11px;
text-align: center;
	opacity: .6;
	margin-bottom: 5px;
}

#footer{
	overflow:hidden;
	background-color: #F4F4F4;
}


@media screen and (max-width: 1023px) {
#concept,#information,#staff{
    width:96%;
	padding-top:80px;
	margin-bottom:80px;
}

#menu,#instagram{
    width:100%;
	padding-top:80px;
	padding-bottom:80px;
}
  
.con{
	width: 96%;
	margin: 0 auto;
}

.news_img img{
   width: 70%;
    margin-top: -20px;
}


/*コンセプト*/

.news_img{
    text-align: center;
    margin-top: -20px;
}

#aboutus{
    padding-top: 40px;
}

#concept .left{
	float: left;
	width: 65%;
	margin-right: -10%;
}

#concept .right{
    margin-top: 140px;
	width: 45%;
    padding: 15px 15px 20px 30px;
}

#concept h2{
	font-size: 140%;
    text-align: left;
}

#concept h3{
      font-size: 200%;
}

#concept p{
	font-size: 100%;
	margin-top: 15px;
}
    
/*information*/


#information .left{
	float:left;
	width:45%;
	font-size: 100%;
}

#information .right{
	float:right;
	width:53%;
	margin-top: 7px;
}

#information h4{
	font-size:160%;
    margin-bottom: 5px;
}

#information .tel{
	margin-bottom: 15px;
}

#information .left .ad{
	margin-top:10px;
}
    
.btn {	
    font-size: 110%;
    margin-top: 15px;
    width: 90%;
}
    
#instagram {
    padding-bottom: 0;   
}
}


@media screen and (max-width: 680px) {
    
#concept,#information,#staff{
    width:90%;
	padding-top:50px;
	margin-bottom:50px;
}

#menu,#instagram{
    width:100%;
	padding-top:50px;
	padding-bottom:50px;
}
    
.con{
	width: 90%;
}
    
main {
    padding-top: 0;
}
    
.news_img img{
   width: 70%;
    margin-top: 0;
}

#aboutus{
    padding-top: 5px;
}

#concept .left{
	float: none;
	width: 100%;
	margin-right: 0;
}

#concept .right{
    margin-top: 0;
	float: none;
	width: 100%;
    padding: 0;
}

#concept h3{
      font-size: 160%;
}

#concept p{
	font-size: 100%;
	margin-top: 15px;
}
    
/*メニュー*/

#menu .col_3{
	margin-top: 20px;
}
    
#menu .col_3 div{
	width: 100%;
    text-align: none;
    margin-top: 25px;
}

#menu .menu_p{
	margin-top: 10px;
	margin-bottom: 10px;
}
    
#menu h4{
	font-size: 140%;
    margin-top: 10px;
    margin-bottom: 5px;
}

/*information*/
    
#information h2{
    margin-bottom: 30px;   
}
    
#information .left{
	float:none;
	width:100%;
	font-size: 100%;
}

#information .right{
	float:none;
	width:100%;
	margin-top: 7px;
}
#information .tel{
	margin-bottom: 15px;
    font-size: 140%;
}
    
#information .left table tr th{
	width:22%;

} 
.btn {	
    margin-top: 13px;
    width: 99.5%;
} 
.btn_r {	
    margin-top: 13px;
    width: 99.5%;
    margin-bottom: 30px;
}
}