@charset "UTF-8";

/* top_screen */

/* Larger than mobile */
@media (min-width: 300px) {
	
.top_screen {
	height: 600px;
	margin: 0;
	padding: 0;
	background: url(https://shokuchika.jp/message/images/main_img_sp.png) right top;
	background-size: cover;
	position: relative;
	text-align: center;
	color: #FFF;
}
	
}

/* Larger than tablet */
@media (min-width: 750px) {

.top_screen {
	height: 600px;
	margin: 0;
	padding: 0;
	background: url(https://shokuchika.jp/message/images/main_img.jpg) center top;
	background-size: cover;
	position: relative;
	text-align: center;
	color: #FFF;
}

}

/* info_content */

.info_content {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

/* message */

/* Larger than mobile */
@media (min-width: 300px) {

.ms_text {
	display: none;
}

.wp {
	margin: 0;
	padding: 30px 0 80px 0;
	overflow: hidden;
	background: #333333;
	position: relative;
}

.message_area {
	margin: 20px 0 0 0;
	padding: 0 0 550px 0;
	background: url(https://shokuchika.jp/message/images/fukuhara_img1.jpg) bottom center no-repeat;
	-webkit-background-size: 380px auto;
	background-size: 380px auto;
	overflow: hidden;
}

.message_area h2 {
	margin: 0 0 30px 0;
	padding: 0 20px;
	font-size: 20px;
	line-height: 1.3;
	color: #FFF;
	font-weight: normal;
	text-align: center;
}

.giza {
	margin: 0 0 25px 0;
	padding: 0;
	text-align: center;
}

.message_area p.jp {
	margin: 0 30px 50px 30px;
	padding: 0;
	font-size: 12px;
	line-height: 1.8;
	color: #FFF;
}

.message_area p.en {
	margin: 0 30px 75px 30px;
	padding: 0;
	font-size: 11px;
	line-height: 1.8;
	color: #C9C9C9;
}

.ceo {
	margin: 20px 20px 0 20px;
	padding: 0;
	overflow: hidden;
}

.ceo h3 {
	width: 230px;
	height: auto;
	margin: 0 auto 20px auto;
	padding: 0;
}

.ceo h3 img {
	width: 100%;
	height: auto;
}

.ceo p {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #CCCCCC;
	font-family: 'Montserrat', sans-serif;
	clear: both;
	text-align: center;
}


}

/* Larger than tablet */
@media (min-width: 750px) {

.wp {
	margin: 0;
	padding: 30px 0 130px 0;
	overflow: hidden;
	background: #333333;
	position: relative;
}

.message_area {
	margin: 0;
	padding: 0;
	background: url(https://shokuchika.jp/message/images/fukuhara_img1.jpg) bottom left no-repeat;
	-webkit-background-size: 380px auto;
	background-size: 380px auto;
	overflow: hidden;
}

.message_area h2 {
	margin: 50px 0 40px 0;
	padding: 0 20px;
	font-size: 30px;
	line-height: 1.3;
	color: #FFF;
	font-weight: normal;
	text-align: center;
}

.giza {
	margin: 0 0 50px 0;
	padding: 0;
	text-align: center;
}


.message_area p.jp {
	width: 580px;
	margin: 0 auto 70px auto;
	padding: 0;
	font-size: 13px;
	line-height: 2;
	color: #FFF;
}

.message_area p.en {
	width: 580px;
	margin: 0 auto 75px auto;
	padding: 0;
	font-size: 12px;
	line-height: 2;
	color: #C9C9C9;
}

.ceo {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.ceo h3 {
	width: 305px;
	height: 40px;
	margin: 0 auto 20px auto;
	padding: 0;
}

.ceo h3 img {
	width: 100%;
	height: auto;
}

.ceo p {
	margin: 0;
	padding: 0;
	font-size: 15px;
	color: #CCCCCC;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
}

}


/* Larger than tablet */
@media (min-width: 1000px) {
	
.message_area {
	width: 1200px;
	margin: 0 auto;
	padding: 0;
	background: url(https://shokuchika.jp/message/images/fukuhara_img1.jpg) bottom left no-repeat;
	-webkit-background-size: 380px auto;
	background-size: 380px auto;
	overflow: hidden;
}

.message_area h2 {
	display: none;
}

.ms_text {
	display: inherit;
	width: 100px;
	height: 535px;
	margin: 0 0 0 390px;
	padding: 0;
	position: absolute;
	top: 500px;
	left: 50%;
	z-index: 1;
}

.ms_text img {
	width: 100%;
	height: auto;
}

.ceo {
	width: 845px;
	margin: 0 auto;
}

.ceo h3 {
	width: 305px;
	height: 40px;
	margin: 0 auto 20px auto;
	padding: 0;
	float: right;
}

.ceo p {
	clear: both;
	text-align: right;
}

}

/* profile */

/* Larger than mobile */
@media (min-width: 300px) {

dl.profile {
	margin: 70px 0 50px 0;
	padding: 0;
	overflow: hidden;
}

dl.profile dt.icon {
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
}

dl.profile dt.photo {
	margin: 0 0 50px 0;
}

dl.profile dt.photo img {
	width: 100%;
	height: auto;
}

dl.profile dt.title {
	margin: 0 0 20px 0;
	line-height: 1;
	font-size: 13px;
	text-align: center;
}

dl.profile dt.sub {
	margin: 0 0 10px 0;
	line-height: 1;
	font-size: 25px;
	text-align: center;
	font-family: 'Courgette', cursive;
	color: #2A92BE;
}

dl.profile dd.jp {
	margin: 0 40px 20px 40px;
	line-height: 1.8;
	font-size: 12px;
}

dl.profile dd.en {
	margin: 0 40px 0 40px;
	line-height: 1.6;
	font-size: 11px;
}

}

/* Larger than tablet */
@media (min-width: 750px) {
	
dl.profile {
	width: 580px;
	margin: 100px auto;
	padding: 0;
	overflow: hidden;
}

dl.profile dt.icon {
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
}

dl.profile dt.photo {
	width: 580px;
	height: 380px;
	margin: 0 auto 30px auto;
}

dl.profile dt.title {
	margin: 0 0 20px 0;
	line-height: 1;
	font-size: 13px;
	text-align: center;
}

dl.profile dt.sub {
	margin: 0 0 10px 0;
	line-height: 1;
	font-size: 25px;
	text-align: center;
	font-family: 'Courgette', cursive;
	color: #2A92BE;
}

dl.profile dd.jp {
	margin: 0 0 20px 0;
	line-height: 2;
	font-size: 13px;
}

dl.profile dd.en {
	margin: 0 0 50px 0;
	line-height: 2;
	font-size: 13px;
}
	
}

/* Larger than tablet */
@media (min-width: 1000px) {

dl.profile {
	width: 1000px;
	margin: 100px auto;
	padding: 0;
	overflow: hidden;
}

dl.profile dt.icon {
	margin: 0 630px 20px 0;
	padding: 0;
	text-align: center;
}

dl.profile dt.photo {
	width: 580px;
	height: 380px;
	float: right;
}

dl.profile dt.title {
	margin: 0 630px 20px 0;
	line-height: 1;
	font-size: 13px;
	text-align: center;
}

dl.profile dt.sub {
	margin: 0 630px 10px 0;
	line-height: 1;
	font-size: 25px;
	text-align: center;
	font-family: 'Courgette', cursive;
	color: #2A92BE;
}

dl.profile dd.jp {
	margin: 0 630px 20px 0;
	line-height: 2;
	font-size: 13px;
}

dl.profile dd.en {
	margin: 0 630px 0 0;
	line-height: 2;
	font-size: 13px;
}

}