@charset "UTF-8";
body {
	padding: 0px;
	margin: 0px;
	
}
img {
	vertical-align: bottom;
}

/*---------------------------------------- 801px以上 ----------------------------------------*/
@media all and (min-width:801px){
/*-------------------- 説明 --------------------*/
#about {
	width: 100%;
	max-width: 1500px;
	margin: 0px auto 60px;
}
.about-summary {
	width: 80%;
	max-width: 1000px;
	margin: 0px auto;
}
.about-summary img {
	width: 15%;
	max-width: 150px;
	margin: auto 50px 80px auto;
	float: left;
}
.bigtext {
	font-size: 20px;	
}
.description p {
	font-size: 14px;
	line-height: 2.5;
}

/*-------------------- 写真 --------------------*/
#photo {
	width: 95%;
	max-width: 1500px;
	margin: 0px auto 0px;
}
.photo-topgroup {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.photo-space {
	width: 0.1%;
}
.photo-top-left {
	width: 66.65%;
}
.photo-top-right {
	width: 33.35%;
}
.photo1 {
	width: 100%;
}
.photo1 img {
	width: 100%;
}
.photo2 {
	width: 100%;
}
.photo3 {
	width: 100%;
}
.photo-undergroup {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: -2px;
}
.photo-group {
	width: 66.65%;
}
.photo4 {
	width: 50%;
}
.photo5 {
	width: 50%;
}
.photo6 {
	width: 50%;
}
.photo7 {
	width: 50%;
}
.photo8 {
	width: 33.35%;
}
.photo8 img {
	width: 100%;
}
.companyProfile{ width: 1000px; margin: 0 auto;}
	.companyProfile dl{margin-bottom: 17px; padding-bottom: 17px; border-bottom: 1px dotted #dedede; font-size: 14px;}
	.companyProfile dl dt{float: left; width: 17%; line-height: 1.7em; font-weight: 600;}
	.companyProfile dl dd{float: left; width: 83%; line-height: 1.7em;}
	/*-------------------- しくみ --------------------*/
#howto {
	width: 100%;
	max-width: 1500px;
	margin: 60px auto 60px;
	background-color: #f1ece0;
	text-align: center;
}
#howto img {
	width: 80%;
	max-width: 1000px;
	margin: 60px auto;
}

}

/*---------------------------------------- 1500px以上 ----------------------------------------*/
@media all and (min-width:1500px){
/*-------------------- ヘッダー --------------------*/
.bigtext {
	font-size: 24px;
}
.description p {
	font-size: 14px;
	line-height: 2.5;
}

}

/*---------------------------------------- 800px以下 ----------------------------------------*/
@media all and (max-width:800px){
/*-------------------- 説明 --------------------*/
#about {
	width: 100%;
	max-width: 1500px;
	margin: 0px auto 10vw;
}
.about-summary {
	width: 90%;
	margin: 0px auto;
	text-align: center;
}
#about img {
	width: 25%;
	max-width: 120px;
	margin: 4vw auto 8vw auto;
}
.bigtext {
	font-size: 20px;
	line-height: 1.5em;
	letter-spacing: 0.01em;
	text-align: center;
	display: block;
}
.description p {
	font-size: 13px;
	line-height: 1.9em;
	text-align: center;
	letter-spacing: 0.01em;
}
.description{margin-bottom: 45px;}

/*-------------------- 写真 --------------------*/
#photo {
	width: 90%;
	max-width: 1500px;
	margin: 0px auto 0px;
}
.photo-topgroup {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.photo-space {
	width: 0.1%;
}
.photo-top-left {
	width: 66.7%;
}
.photo-top-right {
	width: 33.3%;
}
.photo1 {
	width: 100%;
}
.photo1 img {
	width: 100%;
}
.photo2 {
	width: 100%;
}
.photo3 {
	width: 100%;
}
.photo-undergroup {
	width: 100%;
	display: flex;
}
.photo-group {
	width: 66.7%;
}
.photo4 {
	width: 50%;
}
.photo5 {
	width: 50%;
}
.photo6 {
	width: 50%;
}
.photo7 {
	width: 50%;
}
.photo8 {
	width: 33.3%;
}
.photo8 img {
	width: 100%;
}
.companyProfile{ width: 90%; margin: 0 auto;}
	.companyProfile dl{margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px dotted #dedede; font-size: 13px;}
	.companyProfile dl dt{float: left; width: 35%; line-height: 1.7em; font-weight: 600;}
	.companyProfile dl dd{float: left; width: 65%; line-height: 1.7em;}
}
/*-------------------- しくみ --------------------*/
#howto {
	width: 80%;
	max-width: 1500px;
	margin: 0px auto;
	background-color: #f1ece0;
	text-align: center;
	margin-top: 20px;
	padding: 5%;
}
#howto img {
	width: 100%;
	margin: 0 auto;
}
}