body {background-size:contain;}
#site-container {overflow:hidden;}
.mainimg {}
#about {max-width:740px; margin:12rem auto 6rem; padding:0 2rem;}
#about-in {max-width:740px; border-bottom:1px solid #12467b;}
#about-in h1 {max-width:650px; margin:0 auto;}
#about-in p {max-width:550px; margin:3rem auto; color:#1f94a8; font-size:1.7rem; letter-spacing:.3rem; line-height:3rem;}
#about-in div {max-width:650px; margin:0 auto;}

@media screen and (max-width:414px) {
	#about {margin:8rem auto 3rem; padding:0 1rem;}
	#about-in p {margin:2rem auto 2rem; font-size:1.4rem; letter-spacing:.1rem; line-height:2.2rem; text-align:justify;}
}

/*代表 高橋正祥*/
#masa {background:#ebffff; padding:1rem 0;}
#masa-in {
	max-width:740px; margin:3rem auto; padding:0 2rem;
	display:-webkit-flex; display:flex;
}
#masa-in div.masaimg {width:43%;}
#masa-in div.masaprofile {width:57%;}
#masa-in h1 {font-size:1.5rem; font-weight:bold; letter-spacing:.5rem;}
#masa-in h1 span {
	font-size:1.3rem; font-weight:normal; display:inline-block;
	padding-left:1.5rem; letter-spacing:.2rem; font-family: 'Anton', sans-serif;
}
#masa-in p {font-size:1.3rem; line-height:2.1rem; margin:.8rem 0;}
#masa-in p a {color:#1f94a8; font-weight:bold;}
#masa-in p.greeting {padding:1rem 0; line-height:2.4rem; text-align:left;}
#masa-in p.link {padding:.8rem 0 0; text-align:left; border-top:1px solid #aaa;}
#masa-in p.link a { line-height:2.8rem; letter-spacing:.5rem; font-size:1.4rem; display:block;}
#masa-in p.link a span {font-size:1.1rem; padding-left:.5rem;} 
 
@media screen and (max-width:768px) {
	#masa-in h1 span {display:block; padding-left:0;}
}
@media screen and (max-width:500px) {
	#masa-in {margin:2rem auto 1rem; -webkit-flex-direction:column; flex-direction:column;}
	#masa-in div.masaimg {width:70%; margin:0 auto;}
	#masa-in div.masaprofile {width:100%; margin-top:2rem;}
	#masa-in h1 {text-align:center;}
}

/*石巻海さくらのアクション*/
#action {padding: 0 2rem;}
#action-in {max-width:740px; margin:5rem auto;}
#action-in h1 {margin:5rem 0; font-size:2.5rem; font-weight:bold; letter-spacing:.8rem; text-align:center; color:#1f94a8;}
#action-in h1 span {display:block; font-size:1.5rem; font-family: 'Dancing Script', cursive; color:#1f94a8; letter-spacing:.2rem;}
#action-in > div {
	margin-top: 5rem;
	padding-top: 4rem;
	border-top: 1px solid #eee;
}
#action-in h2 {
	font-size:2rem; font-weight:bold; font-family: Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;
	letter-spacing:.5rem; text-align:center; color:#1f94a8;
}
#action-in > div > div {
	display:-webkit-flex; display:flex;
	margin-top: 3rem;
}
#action-in > div > div > div { /*画像*/
	width: 260px;
	margin-right: 4rem;
}
#action-in > div > div > p {
	flex: 1;
	text-align: justify; color:#555555; font-size:1.4rem; letter-spacing:.2rem; line-height:2.5rem;
}

@media screen and (max-width:768px) {
	#action-in h1 {margin:4rem 0; font-size:2.2rem; letter-spacing:.5rem;}
	#action-in h2 {}
	#action-in > div > div > div { /*画像*/
		width: 200px;
		margin-right: 3rem;
	}
}
@media screen and (max-width:414px) {
	#action-in {margin:2rem auto;}
	#action-in h1 {margin:3rem 0 2rem; font-size:1.8rem; letter-spacing:.4rem;}
	#action-in h2 {
		font-size:1.5rem; letter-spacing:.2rem;
	}
	#action-in > div {
		margin-top: 2rem;
		padding-top: 2rem;
	}
	#action-in > div > div {
		-webkit-flex-direction:column; flex-direction:column;
		margin-top: 1rem;
	}
	#action-in > div > div > div { /*画像*/
		width: 100%;
		margin-right: 0;
		margin-bottom: 1.5rem;
	}
	#action-in > div > div > p {
		font-size:1.3rem; line-height:2rem;
	}
}

/*ロゴ・住所*/
#outline {border-top:1px solid #ddd;}
#outline-in {max-width:720px; margin:5rem auto 0;}
#outline-in h1 {margin:3rem auto; width:180px; text-align:center;}
#outline-in h2 {font-size:1.6rem; font-weight:bold; letter-spacing:.1rem; color:#555; text-align:center;}
#outline-in p {margin:1.5rem auto 0; font-size:1.5rem; letter-spacing:.2rem; color:#555; text-align:center;}
#outline-in p span {margin-left:1.5rem;}
@media screen and (max-width:768px) {
	#outline-in p span {margin-left:0; display:block;}
}
@media screen and (max-width:414px) {
	#outline-in h1 {margin:2rem auto 2rem;}
	#outline-in p {font-size:1.4rem;}
}

#page-title {width:280px; font-size:1.8rem; letter-spacing:.3rem; padding:1rem 2rem; margin:0 auto; text-align:center; color:#12467b; border:5px solid #12467b;}
#page-title span {display:block; color:#1f94a8; font-size:1.3rem; letter-spacing:.3rem;}
.page-intro {color:#12467b;}

@media screen and (max-width:414px) {
	#voice {margin-top:5rem;}
	#page-title {width:270px; font-size:1.7rem; letter-spacing:.2rem; padding:1rem 2rem; margin:0 auto; text-align:center; color:#12467b;
	}
}

/*石巻海さくらのスタッフ*/
#staff {border-top:1px solid #ccc; padding:0 2rem;}
#staff-in {max-width:740px; margin:5rem auto;}
#staff-in h1 {width:270px; padding:1.5rem 2.2rem; font-size:1.8rem; font-weight:bold; margin:0 auto; text-align:center; color:#1f94a8; border:5px solid #1f94a8;}
#staff-in p.attention {font-size:1.3rem; text-align:center; margin-top:3rem;}
#staff-in ul {
	margin:4.5rem auto 0; text-align:center;
	display:-webkit-flex; display:flex;
	-webkit-justify-content:space-between; justify-content:space-between;
	-webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#staff-in ul li {
	width: 32%;
	color:#1f94a8; margin-bottom:4rem; font-size:1.5rem; letter-spacing:.2rem;
}
#staff-in ul li span {color:#bbb; display:block; font-size:1.3rem; letter-spacing:.1rem;}
#staff-in ul li img {display:block; margin:0 0 1.2rem;}

@media screen and (max-width:768px) {
	#staff-in h1 {width:75%; padding:1rem 1.5rem;}
}
@media screen and (max-width:620px) {
	#staff-in ul {margin:3.5rem auto 0;}
	#staff-in ul li {width:47%; margin-bottom:3rem;}
}
@media screen and (max-width:414px) {
	#staff-in {margin:4rem auto 0;}
	#staff-in h1 {width:240px; padding:1rem;}
	#staff-in p.attention {margin-top:2rem; text-align:left; margin-left:1.3rem; text-indent:-1.3rem;}
}

/*モーダル*/
#staff-modal-inner {color:#1f94a8; text-align:center; padding:3rem 2rem;}
#staff-image {width:168px; margin:0 auto;}
#staff-prof {margin-top:2.5rem;}
#staff-prof h2 {font-size:1.8rem; font-weight:bold; letter-spacing:.5rem;}
#staff-prof h2 span {font-size:1.3rem; display:block; line-height:3rem; letter-spacing:.2rem; padding-left:1rem;}
p#staff-greeting {color:#333; font-size:1.5rem; text-align:left; margin-top:2.2rem; line-height:2.6rem; letter-spacing:.1rem;}
p#staff-greeting span {color:#1f94a8;}
p#staff-greeting a{ display:block; margin:1.5rem 0; text-align:left; color:#1f94a8;}	

#staff-profile {text-align:left; max-width:240px; margin:0 auto;}
#staff-profile p.profile-detail {font-size:1.2rem; margin-top:.5rem; line-height:1.6rem; text-align:justify;}

@media screen and (max-width:500px) {
	#in-staff-modal.remodal {padding:30px 10px;}
	p#staff-greeting {line-height:2rem; text-align:justify;}
}