/* CSS Document */
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-ExtraLight.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-SemiBold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Serif Japanese';
   font-style: normal;
   font-weight: 700;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 900;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Black.otf) format('opentype');
 }
body{
	background-color:#ffffff;
	
}
.imagephoto{
	font-size: 11px;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.contents{
	font-family: 'Noto Serif Japanese', serif;
	font-size:14px;
}
h1{
	margin-top: 115px;
	font-size: 2em;
	letter-spacing: 0.1em;
	line-height: 1.4em;
}
h2{
	font-size:1.2em;
}
.main-text h2{
	padding-top: 40px;
}
p{
	margin-bottom: 40px;
	font-size:1em;
	line-height: 1.7em;
	padding-right: 34px;
}
.under-m{
	margin-top: 20px;
}
.under-m2{
	margin-top: 50px;
}
.h1sub{
	font-size:0.9em;
	padding-left:50px;
}
.main{
	background:url(../img/omotenashi/main_pc.jpg) center center;
	background-size: cover;
	height: 568px;
	position: relative;
}
.main-text{
	float: right;
}
.f-white{
	color: #eee;
}

@media (max-width: 1199px) {
	h1{
		margin-top: 45px;
	}
	.main{
		height: 478px;
	}

}
	
@media (max-width: 991px) {
	.main{
		background:url(../img/omotenashi/main_sp.jpg) center right;
	background-size: cover;
		height: 428px;
	}

	.main-text{
		float: none;
	}
	.under-m2{
		margin-top: 10px;
	}
	h2{
		padding-top: 30px;
	}
	p{
		margin-bottom: 20px;
		font-size:1em;
		line-height: 1.7em;
		padding-right: 0;
	}
}

@media (max-width: 767px) {
	.main{
		height: 300px;
	}
	h1{
		font-size: 5vw;
	}
}
@media (max-width: 450px) {
	.main{
		height: 220px;
	}
	h1{
		font-size: 5vw;
	}
}