@charset "UTF-8";
/**
 * レイアウト
 */

/* page
----------------------------------------------- */
#page {
	width: 100%;
	margin:0 auto;
	text-align: left;
}
@media screen and (max-width: 800px) {
	#page {
		width:100vw;
		width: 100%;
	}
}

/* contents
----------------------------------------------- */
#contents {
}
#contentsBody {
	margin:0 auto;
}
/* article
----------------------------------------------- */
article{
	width: 900px;
	margin: auto;
}
@media screen and (max-width: 900px) {
	article{
		width: 90%;
		margin: auto;
		overflow: hidden;
	}
}
/* alfa, beta
----------------------------------------------- */
/* #alfa,
#beta {
	position: relative;
	float:left;
	display: inline;
}
#alfa {
	width:646px;
	left:0px;
	padding-bottom:50px;
}
#beta {
	width:234px;
	left:0px;
	padding-left:20px;
	padding-bottom:50px;
} */
/* header
----------------------------------------------- */
#header {
	/*width:900px;
	margin:0 auto;*/
	text-align: left;
	/*background: url(images/bg_header.jpg) no-repeat;*/
}
.logo{
	width: 60px;
    position: fixed;
    z-index: 101;
    margin: 10px;
}
.logo img{
	width: 60px;
}
.mein_visual{
	background-color:rgba(255, 179, 0, 1);
	margin-top: 80px;
}
.mein_img ing{
	width: 50%;
	margin-left: 35%;
	margin-right: 25%;
}
.maininfo{
    position: absolute;
    background-color: rgba(94, 66, 56, 0.8);
    padding: 15px 15px 17px 17px;
	left: 77%;
	top: 37vw;
}
.maininfo p {
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
    font-size: 1vw;
    font-family: 'Noto Sans JP','游ゴシック', 'ヒラギノ角ゴ Pro W3',sans-serif;
    letter-spacing: 0.07em;
    line-height: 1.8;
}
.mein_img{
	padding: 25px;
}
.mein_img img{
	width: 80%;
}
.mein_img_s{
	display: none;
}
@media screen and (max-width: 900px) {
	.mein_visual{
		/*height: 560px;*/
	}
	.logo{
		/*width: 90px;*/
		margin: 15px;
	}
	.logo img{
		width: 50px;
	}
	.mein_visual{
		margin-top: 80px;
	}
	.mein_img{
		display: none;
	}
	.mein_img_s{
		display: unset;
	}
	.mein_img_s img{
		width: 100%;
	}
	/*
	.mein_img_s ing{
		width: 50%;
		margin-left: 35%;
		margin-right: 25%;
	}*/
	.maininfo_s{
		position: relative;
		background-color:  rgba(94, 66, 56, 0.9);
		padding: 17px 17px 19px 23px;
		width: 300px;
		margin: 0 0 0 auto;
		top: 30px;
	}
	.maininfo_s p {
		font-weight: 600;
		color: rgba(255, 255, 255, 0.9);
		font-size: 15px;
		font-family: 'Noto Sans JP','游ゴシック', 'ヒラギノ角ゴ Pro W3',sans-serif;
		letter-spacing: 0.07em;
		line-height: 1.6;
	}
	.mein_img_s{
		/*padding: 25px;*/
	}
}
/* footer
----------------------------------------------- */
html,
body,
#page {
	height: 100%;
}
body > #page {
	height: auto;
	min-height: 100%;
}
#contents {
	padding-bottom: 135px;
	margin: auto;
	margin-top: 80px;
}  
/* must be same height as the footer */
/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	/*display: inline-block;*/
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */