@charset "utf-8";
/* CSS Document */

/******
あいさつ
*********/

#aisatu_wrap {
    background-image: url("../img/info/aisatu_back.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0 0 10px 0;
}

.aisatu_cont h5,
#tenpo_wrap h5{
	margin: 0 auto;
	display: block;
	width: 400px;
	margin: 40px auto;
	padding: 20px 0;
	
}

.aisatu_cont{
	width: 1000px;
	margin:0 auto;
	
}

.aisatu_cont ul{
	display: flex;
    /*justify-content: space-between;*/
	    justify-content: space-evenly;
	margin: 0 auto 100px;

}
.aisatu_cont li {
    display: flex;
    line-height: 2em;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
.aisatu_cont li:nth-child(1){
	width: 200px;

}.aisatu_cont li:nth-child(1) img{
	width: 100%;
	max-width: 100%;

}
.aisatu_cont li:nth-child(2){
	width: 680px;
}


/*************
店舗案内
************/

#tenpo_wrap{
	width: 1100px;
	margin: 0 auto;
}

.tenpo_cont{
	width: 1100px;
	margin: 0 auto;
	display: flex;
	justify-content: space-evenly;
    align-items: center;
}


.tenpo_cont tbale{
}

.tenpo_guide tbale tr{
	margin: 10px auto;
}

.tenpo_guide th,.tenpo_cont td{
	border:1px solid #FF6D70;
	padding: 20px ;
}
.tenpo_guide th{
	width: 260px;
	font-size: 16px;
	color: #FFFFFF;
	background-color: #f4b2b9;
}


.tenpo_cont ul{
	width: 240px;
}
.tempo_map{
	margin: 0 auto 100px;
}

.tempo_map iframe{
	width: 100%;
	height: 300px;
	margin: 0 auto;
	
	
}


/****
体験談
*****/

.takiendan_wrap{
	width: 1000px;
	margin: 0  auto;
}

.takiendan_wrap ul{
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
	justify-content: space-between;
	margin: 0 auto 40px;

}

.takiendan_wrap ul li{
	display: flex;
	width: calc(90% / 3);	
	background-color: #FFFFFF;
	padding: 30px 20px;
	margin: 10px; 
	background-image: url("../img/gallery/qa/taiken_back.png");
	   background-size: cover;
	background-position: center;
	 box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
	text-align: center;
	align-items: center;
    justify-content: space-around;
	

}

.takiendan_wrap ul li:hover{
opacity: 0.8;
}

.takiendan_wrap ul li a{
	display: flex;
	text-align: center;
	color: #e4677e;
}



/************SP用**************/
@media screen and (max-width:500px) {
	
	.aisatu_cont {
		width: 90%;
}
	
	.aisatu_cont ul {
		display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
	}
	
	.aisatu_cont li:nth-child(1){
		width: 50%;
	}
	
	.aisatu_cont li:nth-child(2){
    width: 100%;
}
	
	.aisatu_cont h5, #tenpo_wrap h5 {
    margin: 0 auto;
		width: 90%;
	}
	
	#tenpo_wrap {
    width: 100%;
    margin: 0 auto;
}
	
	.tenpo_cont {
    width: 90%;
		   align-items: center;
    flex-direction: column;
	}
	
.tenpo_cont ul {
    width: 100%;
	margin: 12vw auto;
}
	
	.tenpo_guide table{
        display: flex;
        flex-direction: column;
		border: none;
		text-align: center;
		
	}
	
	

	.tenpo_guide tr{
		    display: flex;
    flex-direction: column;
    align-items: center;
		
	}

	.tenpo_guide th, .tenpo_cont td {
    border: 1px solid #FF6D70;
    padding: 4vw 3vw;
}
	.tenpo_cont td {
  
		margin: -1px 0  ;
		width: 100%;
}
	
	
	.tenpo_guide th {
    width: 100%;
    font-size: 5vw;
		font-weight: 400;
    color: #FFFFFF;
    background-color: #f4b2b9;
}
	
	
.tempo_map iframe{
	width: 100%;
	height: 400px;
	margin: 0 auto;
	display: block;
}

	.tempo_map{
		width: 90%;
}
	
	

/*体験談*/

.takiendan_wrap{
	width: 90%;
	margin: 0  auto;
}

.takiendan_wrap ul{
	margin: 0 auto 5vw;

}

.takiendan_wrap ul li{
	width: calc(90% / 2 );
	        padding: 6vw 2vw;
        margin: 4vw 1vw;

}

.takiendan_wrap ul li:hover{
opacity: 0.8;
}

.takiendan_wrap ul li a{
	display: flex;
	text-align: center;
	color: #e4677e;
}	
	
	
	
	
	
}