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

h3 {
	margin:0 auto;
	padding: 60px 0px;
}

.begi_content {
	margin:0 1.5rem;
	text-align: center;
}

.text_01 {
	max-width: 450px;
}


.text-area {
	/*text-align: center;*/
	margin:20px 0px;
}


.begi_main {
	text-align: center;
	max-width: 1100px;
	margin:0 auto;
}

.kaikata li {
	display:flex;
}

.kaikata li:nth-child(even) {
	flex-direction: row-reverse;
}

figure {
	width: 500;
	padding:0px;
	margin:30px 0px;
}

figure img {
	width: 55%;
	padding-bottom: 20px;
	vertical-align: middle;
}

/*.owner img {
	width: 100%;
}*/

.owner .text-area {
	max-width: 600px;
	margin:0 auto;
	line-height: 2em;
}

.begi_mov {
	text-align: center;
	padding-top:180px;
}

.begi_mame {
	padding-top:180px;
	padding-bottom:180px;
	text-align: center;
}

.begi_mame_text .text-area {
	max-width: 600px;
	margin-left:auto;
	margin-right: auto;
	margin-top:40px;
}

.begi_mame h4 span {
	padding: 10px 10px;
	background-color:#641212;
	border-radius: 40px;
	color:#fff;
}

/*.begi_mame_p {
	padding-top:30px;
	text-align: center;
	overflow-wrap: normal;
}*/

/*.begi_mame .begi_mame_p {
	padding-bottom: 30px;
}*/

.mamechishiki ul li img {
	width: 300px;
	height: 300px;
}

.mamechishiki ul {
	list-style-type: none;
	margin-top:50px;
}

.irijikan{
	padding-top: 60px;
	display: flex;
	justify-content: center;
	font-size: 20px;
}

.iri{
	max-width: 750px;
	display: flex;
	justify-content: center;
	padding:20px 20px 0px 20px;
	margin:0 auto;
}

.iri .asairi {
	flex-grow:1;
}

.iri .nakairi {
	flex-grow: 1;
}

.iri .fukairi {
	flex-grow: 1;
}

.iri .asairi{
	color: #FFFFFF;
	padding: 30px 20px;
	background-color: #C78F6A;
	margin:0px 20px 0px 0px;
	border-radius: 7%;
}

.iri .nakairi{
	color: #FFFFFF;
	padding: 30px 20px;
	background-color: #BE6529;
	margin:0px 20px 0px 0px;
	border-radius: 5%;
}

.iri .fukairi{
	color: #FFFFFF;
	padding: 30px 20px;
	background-color: #3B1800;
	border-radius: 7%;
}

.asa_text .asairi_h5 {
	max-width: 400px;
	padding: 10px;
	margin: auto 20px;
	background-color:#C78F6A;
	border-radius: 40px;
	color:#fff;
}

.naka_text .nakairi_h5 {
	max-width: 400px;
	padding: 10px;
	margin:auto 20px;
	background-color:#BE6529;
	border-radius: 40px;
	color:#fff;
}

.fuka_text .fukairi_h5 {
	max-width: 400px;
	padding: 10px;
	margin:auto 20px;
	background-color:#3B1800;
	border-radius: 40px;
	color:#fff;
}	
	
/*固定フッターメニューここまで*/

@media(max-width:767px){

	.text_01 {
		margin:0 auto;
	}
	
	.begi_mov iframe {
		width: 80%;
	}
	
	.begi_mov {
		text-align: center;
		padding-top:100px;
	}

	.begi_mame {
		padding-top:100px;
		padding-bottom:100px;
		text-align: center;
	}
	
	.naka {
		margin-top: 60px;
	}
	
	.fuka {
		margin-top: 60px;
	}
	
	figure img {
		width: 65%;
		padding-bottom: 20px;
		vertical-align: middle;
	}
}

@media(min-width:767px){
	
	/*.mamechishiki .text-area {
		text-align: center;		
	}*/
		
	.iri {
		display: flex;
	}
	
	.asa {
		display:flex;
		justify-content: center;
	}
		
	.asa_text {
		display:flex;
		align-items: center;
	}
	
	.asa .asa_img {
		margin:0px 10px 0px 20px;
	}
		
	.naka {
		display:flex;
		justify-content: center;
	}
	
	.naka_text {
		display:flex;
		align-items: center;
	}

	.naka .naka_img {
		margin:0px 10px 0px 20px;
	}
	
	.fuka {
		display:flex;
		justify-content: center;
	}
	
	.fuka_text {
		display:flex;
		align-items: center;
	}
	
	.fuka .fuka_img {
		margin:0px 10px 0px 20px;
	}
	
	.mamechishiki .naka_img {
		width: 300px;
		height:300px;
	}
	
	.mamechishiki ul li {
		margin-top:80px;
	}
	
	.owner img {
		margin:0 auto;
		width: 75%;
		margin-top:80px;
	}
}

@media(min-width:1025px){
		
	.kaikata ul {
		display:flex;
		justify-content:space-evenly;
		flex-wrap:wrap;
		list-style:none;
		margin-top: 40; 
		padding:0;
	} 
	
	.kaikata li {
		width:100%;
		height:270px;
		margin:2% 0;
		position:relative;
	}
	
	.kaikata li:nth-child(odd){
   		bottom:30px; 
	}
	
	.kaikata li:nth-child(even){
   		bottom:30px; 
	 }
	
	.owner img {
		margin:0 auto;
		width: 70%;
		margin-top:200px;
	}
	
	.owner .text-area {
		max-width: 600px;
		margin:0 auto;
		line-height: 2em;
	}

	
	.begi_mov img {
		width: 90%;
	}
}