@charset "UTF-8";

/* SUENAGA */
.parallax-window{
    min-height:50vh;
}
@media (min-width: 568px) {
	.parallax-window{
    	min-height:100vh;
	}
}
@media (min-width: 768px) {
	.parallax-window{
    	min-height:50vh;
	}
}
@media (min-width: 812px) {
	.parallax-window{
    	min-height:100vh;
	}
}
@media (min-width: 1024px) {
	.parallax-window{
    	min-height:70vh;
	}
}

#icon-logo{
	padding-bottom:30px;
}
@media (min-width: 768px) {
	#icon-logo{
		padding-bottom:40px;
	}
}

.content{
	padding:40px 0 0;
}
.content.narrow{
	padding-top:0;
	padding-bottom:40px;
}
.content h3{
	text-align:center;
	font-size:1.7rem;
}
.content h3.second{
	padding-top:30px;
}
.content h4{
	text-align:center;
	font-size:1.65rem;
	padding-top:40px;
}
.content p{
	padding:10px 0 20px;
}
.content p.headline{
	text-align:center;
	padding:25px 0 0;
}
.content p.pj-name{
	padding:0;
	text-align:center;
}
.ward23map{
	padding-top:35px;
}
.content ol{
	margin:0;
	padding:5px 0 0;
}
.content ol li{
	position:relative;
	list-style:none;
	margin:0;
	padding-left:1.25em;
	font-size:1.1rem;
	line-height:150%;
}
.content ol li span{
	position:absolute;
	left:0;
	margin:0
}
.content ul{
	text-align:center;
	font-size:0;
	padding-top:10px;
}
.content ul li{
	padding-top:20px;
}
.content ul li img{
	line-height:0;
	vertical-align:bottom;
}
#sumai-value{
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	margin-top:30px;
}
.sumai-value{
	width:100%;
}
.sumai-value h4{
	padding-top:20px;
}
.sumai-value p{
	padding-bottom:0;
}
.set-photo{
	padding-top:40px;
}
@media (min-width: 568px) {
	.content.narrow{
		padding-left:10%;
		padding-right:10%;
	}
	.ward23map{
		padding:40px 30px 0;
		box-sizing:border-box;
	}
	.content ol{
		text-align:center;
	}
	.content ol li span{
		position:relative;
	}
	.content ul{
		padding-top:20px;
	}
	.content ul li{
		padding-top:10px;
		display:inline-block;
		width:calc(50% - 5px);
	}
	.content ul li:nth-child(1){
		margin-right:10px;
	}
	.content ul li:nth-child(3){
		margin-left:2.5px;
	}
}
@media (min-width: 768px) {
	.content{
		padding:50px 0 0;
	}
	.content.narrow{
		padding-bottom:50px;
		padding-left:10%;
		padding-right:10%;
	}
	.content h3{
		font-size:1.9rem;
	}
	.content h3.second{
		padding-top:40px;
	}
	.content h4{
		padding-top:50px;
		font-size:1.85rem;
	}
	.ward23map{
		padding:40px 100px 0;
	}
	.content ul li{
		width:calc(33.333% - 4px);
	}
	.content ul li:nth-child(1),
	.content ul li:nth-child(2){
		margin-right:6px;
	}
	.content ul li:nth-child(3){
		margin-left:0;
	}
	.sumai-value h4{
		padding-top:25px;
	}
	.set-photo{
		padding-top:50px;
	}
}
@media (min-width: 1024px) {
	.content{
		padding:60px 0 0;
	}
	.content.narrow{
		padding-bottom:60px;
		padding-left:7%;
		padding-right:7%;
	}
	.content h3{
		font-size:2.1rem;
	}
	.content h4{
		font-size:2.05rem;
	}
	.ward23map{
		padding:40px 200px 0;
	}
	.sumai-value{
		width:calc(50% - 15px);
	}
	.sumai-value#photo{
		margin-right:30px;
		background:url(../suenaga/img/img06.jpg) no-repeat center;
		background-size:cover;
	}
	.sumai-value h4{
		padding-top:0;
	}
	.set-photo{
		padding-top:60px;
	}
}
@media (min-width: 1200px) {
	.content{
		padding:70px 0 0;
	}
	.content.narrow{
		padding-bottom:70px;
	}
	.content h3{
		font-size:2.3rem;
	}
	.content h4{
		font-size:2.2rem;
	}
}

.set-photo{
	padding-top:40px;
}
@media (min-width: 768px) {
	.set-photo{
		padding-top:50px;
	}
}
@media (min-width: 1024px) {
	.set-photo{
		padding-top:60px;
	}
}

#thumnail{
	font-size:0;
	padding-top:15px;
}
.thumnail h4{
	font-family:'PT Sans Narrow';
	font-weight:600;
	font-size:1.7rem;
	padding:0 0 3px 0;
	letter-spacing:2px;
}
.thumnail.image{
	padding:0 calc((100% - 150px)/2);
}
.thumnail.explanation{
	padding-left:calc((100% - 220px)/2);
}
.thumnail ol li{
	list-style:none;
	position:relative;
	font-size:1.3rem;
	padding:0;
	padding-left:1.5em;
}
.thumnail ol li span{
	position:absolute;
	top:0;
	left:0;
}
@media (min-width: 568px) {
	.thumnail{
		display:inline-block;
		vertical-align:top;
	}
	.thumnail.image{
		width:calc(50% - 80px);
		padding:0 20px 0 60px;
		text-align:right;
	}
	.thumnail.explanation{
		width:50%;
		padding:0;
	}
}
@media (min-width: 768px) {
	.thumnail.image{
		width:calc(50% - 160px);
		padding:0 20px 0 140px;
	}
}
@media (min-width: 1024px) {
	.thumnail h4{
		padding-top:10px;
	}
	.thumnail.image{
		width:calc(50% - 280px);
		padding:0 20px 0 260px;
	}
}
@media (min-width: 1200px) {
	.thumnail.image{
		width:calc(50% - 310px);
		padding:0 20px 0 290px;
	}
}