@charset "utf-8";

/*=====================================================================================
	
	Document    : anniversary-s.css
	Description : スマホ用（幅640px以下）
 
=====================================================================================*/

@media screen and (max-width:420px) {
	.anniversary h3 {
		font-size:23px;
	}
}

@media screen and (max-width:360px) {
	.anniversary h3 {
		font-size:18px;
	}
}



/*---------------------------------------------------------------------------

   スタッフ一覧

---------------------------------------------------------------------------*/

@media screen and (max-width:570px) {
.photo02desc {
	left: 62%;
	width: 32%;
}
}

@media screen and (max-width:500px) {
.photo02desc {
	width: 34%;
	padding: 1%;
}
.photo02desc h4 {
	font-size:20px;
	margin-bottom: 8px;
}
.photo02desc p {
	font-size:13px;
}
}

@media screen and (max-width:420px) {
.photo02desc h4 {
	font-size:16px;
}
.photo02desc p {
	font-size:10px;
}
}


@media screen and (max-width:620px) {
.photo03desc h4 {
	font-size:20px;
	margin-bottom: 8px;
}
}

@media screen and (max-width:570px) {
.photo03desc h4 {
	width: 45%;
	top: 70%;
	left: 5%;
}
}

@media screen and (max-width:520px) {
.photo03desc h4 {
	font-size:16px;
	margin-bottom: 0px;
}
}

@media screen and (max-width:420px) {
}

@media screen and (max-width:610px) {
.photo06desc {
	top: 7%;
	left: 62%;
	width: 32%;
}
}

@media screen and (max-width:500px) {
.photo06desc {
	width: 34%;
	padding: 1%;
}
.photo06desc h4 {
	font-size:20px;
	margin-bottom: 8px;
}
.photo06desc p {
	font-size:13px;
}
}


@media screen and (max-width:420px) {
.photo06desc {
	width: 36%;
	left: 61%;
}
.photo06desc {
	top: 9%;
}
}


@media screen and (max-width:400px) {
.photo06desc p {
	font-size:12px;
}
}


@media screen and (max-width:470px) {
.photo07 p {
	top: 9%;
	font-size: 12px;
}
}

@media screen and (max-width:410px) {
.photo07 p {
	width: 32%;
	left: 62%;
}
}

@media screen and (max-width:340px) {
.photo07 p {
	top: 8%;
	width: 35%;
	left: 61%;
}
}

.photo08 {
	padding-bottom: 24%;
}

.photo08desc01,
.photo08desc02 {
	top: 80%;
	width: 45%;
}

.photo08desc01 {
	left: 0%
}

.photo08desc02 {
	left: 50%
}

@media screen and (max-width:550px) {
.photo08 {
	padding-bottom: 30%;
}
.photo08desc01,
.photo08desc02 {
	top: 76%;
}
}

@media screen and (max-width:480px) {
.photo08 {
	padding-bottom: 36%;
}
.photo08desc01,
.photo08desc02 {
	top: 73%;
}
.photo08desc01 h4,
.photo08desc02 h4 {
	font-size:16px;
	margin-bottom: 8px;
}
.photo08desc01 p,
.photo08desc02 p {
	font-size: 12px;
}
}

@media screen and (max-width:400px) {
.photo08 {
	padding-bottom: 50%;
}
.photo08desc01,
.photo08desc02 {
	top: 64%;
}
}

@media screen and (max-width:330px) {
.photo08 {
	padding-bottom: 60%;
}
.photo08desc01,
.photo08desc02 {
	top: 60%;
}
}