@charset "UTF-8";

.sp-hidden{
	display:block;
}

.pc-hidden{
	display:none;
}

.bg-wrapper p, .bg-wrapper h2{
	font-family: 'Noto Sans JP', sans-serif!important;
	color:#000;
}

.mid-caption h1{
	font-family: 'Noto Sans JP', sans-serif!important;
	color:#364f72!important;
}

.bg-wrapper h2{
	line-height:2;
	font-size:1.5rem;
	color:#000;
}

.bg-wrapper h1{
	font-family: 'Montserrat', sans-serif;
	font-weight:800;
	letter-spacing:2px!important;
	font-size:2rem;
}

.bg-wrapper:nth-of-type(even){
	background-color:#eeece5;
	padding:20px 0 0;
}

.bg-wrapper:nth-of-type(even) h1{
	color:#364f72;
}

.bg-wrapper:nth-of-type(odd){
	background-color:#d1dad5;
	padding:40px 0;
}

.bg-wrapper:nth-of-type(odd) h1{
	color:#fff;
}

.bg-wrapper p{
	font-weight:400;
}

.small{
	font-size:1.2rem!important;
}

.bg-wrapper h2{
	font-weight:900;
}

.title-img{
	width:8%;
	margin:20px auto 20px;
	padding:70px 0 50px;
}

.round-img{
	width:12%;
	margin:30px auto;
	box-sizing: border-box;
	padding:20px 0;
}

.mid-caption{
	width:50%;
	margin:40px auto 0;
}

.mid-caption p{
	margin-top:15px;
}

.mid-container{
	width:60%;
	margin:20px auto 30px;
	padding:10px 0;
}

.item-box{
	align-items: center;
	justify-content: space-between;
	margin:40px 0;
	padding:20px 0;
}

.flex-img{
	position:relative;
	width:40%;
}

.item-img{
	position:relative;
	z-index:1;
}

.new{
	width:18%;
	height:100%;
	position:absolute;
	z-index:10;
	top:0;
	left:82%;
}

.flex-text{
	width:52%;
}

.flex-text h2{
	margin:5px 0;
}

.flex-text p{
	box-sizing: border-box;
	padding-top:25px;
}

.sd-img-yoko{
	width:100%;
}

.sd-img-yoko img{
	width:calc(100% / 4);
}

.main-container{
	width:65%;
	margin:40px auto;
}

.style-container{
	align-items: flex-start;
	justify-content: space-between;
	padding-bottom:30px;
}

.style-box{
	width:48%;
}

.style-caption{
	box-sizing: border-box;
	padding:20px 10px;
}

.style-caption h2{
	margin:10px 0;
}

.style-caption .new-item-list{
	margin-top:30px;
}

.sd-img-tate{
	width:50%;
	margin:30px auto 40px;
	padding-bottom:20px;
	align-items: center;
	justify-content: space-around;
}

.tate-img{
	width:45%;
}

.logo-img{
	width:35%;
}

.yomo-title{
	width:48%;
	margin:30px 0;
}

/*タブレット*/
@media screen and (max-width: 820px){

	.title-img{
		width:10%;
	}
	
	.mid-caption{
		width:70%;
	}
	
	.mid-container{
		width:85%;
	}
	
	.round-img{
		width:20%;
	}

	.main-container{
		width:90%;
	}
	
	.sd-img-tate{
		width:70%;
	}

}

/*スマホ*/
@media screen and (max-width:640px){

	.sp-hidden{
		display:none;
	}
	
	.pc-hidden{
		display:block;
	}
	
	.title-img{
		width:20%;
		padding:30px 0 0;
	}
	
	.mid-container, .mid-caption{
		width:85%;
	}
	
	.flex-text{
		margin-top:20px;
		box-sizing: border-box;
		padding:10px;
	}
	
	.bg-wrapper h2{
		font-size:1.4rem;
		margin:15px 0;
	}
	
	.flex-img, .flex-text{
		width:100%;
	}
	
	.style-box, .sd-img-tate, .yomo-title{
		width:90%;
	}
	
	.style-box{
		margin:30px auto;
		padding:10px 0;
	}
	
	.round-img{
		width:35%;
	}
	
	.sd-img-yoko, .sd-img-tate{
		display:flex;
	}
	
	.sd-img-yoko{
		flex-flow: wrap;
	}
	
	.sd-img-yoko img{
		width:calc(100% / 2);
	}
	
	.sd-img-tate{
		margin:0 auto 20px;
		padding-bottom:20px;
	}
	
	.everymonth-wrapper{
		padding-top:10px!important;
	}
}
/* CSS Document */