@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------
レスポンシブ用
1080px以下タブレットなど
576px以下スマホなど
------------------------------------------------------------*/

/*-----レスポンシブ------*/

/* ウィンドウ幅が-1280pxの場合に適用 */
@media screen and ( max-width:1280px )
{

.eisei .seisei-txt{
	top: 380px;
}

.erabubtn .bk_img{
	right: 10%;
	width: 35%;
}

}

/* ウィンドウ幅が-1280pxの場合に適用 */
@media screen and ( max-width:1100px )
{

.eisei .seisei-txt{
	top: 360px;
}

}


/* ウィンドウ幅が-1045pxの場合に適用 */
@media screen and ( max-width:1045px )
{

.eisei .seisei-txt{
	top: 34vw;
	font-size: 2vw;
}

}


/* ウィンドウ幅が-960pxの場合に適用 */
@media screen and ( max-width:960px )
{

/* sp画像表示 */
.pc { display: none !important; }
.sp { display: inline !important; }

/*story*/

.ourstory h2{
	width: 90%;
}

.ourstory h3 span {
    padding: 0;
}

.ourstory h3::before{
	width: 90%;
}

.ourstory h4{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.eisei .content{
	padding-bottom: 20px;
}

.eisei h2{
	width: 95%;
	padding: 10vw 0 3vw;
}

.eisei .bk_img{
	top: 23vw;
	left: 0;
	width: 97%;
}

.eisei .bk_img2{
	top: 37vw;
	right: -7vw;
	width: 15%;
}

.eisei .seisei-txt{
	top: 43vw;
	font-size: 2.1vw;
}

.erabu li:nth-child(2){
	width: 50%;
}

.erabu h3{
	font-size: 3.5vw;
	margin: 20px auto 20px -15px;
}

.erabubtn ul{
	width: 90%;
}

.meyasu-ul{
	width: 85%;
	font-size: 100%;
}

.note-ul{
	width: 85%;
	font-size: 75%;
	padding-right: 10px;
	line-height: 1.3em;
}

}

/* ウィンドウ幅が-700pxの場合に適用 */
@media screen and ( max-width:700px )
{

#ichiran ul{
	justify-content:center;
	flex-wrap: wrap;
}

#ichiran li{
	width: 48%;
	padding-bottom: 20px;
	font-size: 15px;
}

#ichiran .txt{
	width: 95%;
	font-size: 1em;
}

.ourstory .story_txt{
	width: 90%;
	font-size: 16px;
	text-align: left;
}

.shiawasetime h2{
	width: 72%;
	margin-bottom: 20px;
	padding-top: 20px;
}

.erabu h2{
	width: 72%;
	margin-bottom: 0;
	padding-top: 20px;
}

.erabu .bk_img{
	top: 10px;
	width: 45%;
}

.erabu ul{
	display: block;
	margin: 0 auto;
}

.erabu li{
	width: 88%!important;
	margin: 0 auto;
}

.erabu-txt{
	padding-left: 10px;
}

.erabu h3{
	font-size: 120%;
	margin: 25px auto;
}

.erabubtn ul{
	width: 95%;
}

}

/* ウィンドウ幅が-500pxの場合に適用 */
@media screen and ( max-width:500px )
{

#ichiran .txt{
	text-align: left;
}

.ourstory h3{
	font-size: 4.4vw;
}

.ourstory h4{
	font-size: 4.4vw;
}

.ourstory h3::before{
	background: none;
}

.eisei .seisei-txt{
	width: 95%;
	top: 41vw;
	font-size: 2.65vw;
}

.erabu .erabu-txt{
	font-size: 15px;
}

.erabu{
	margin-bottom: 0px;
}

.erabubtn{
	margin-top: -20px;
	margin-bottom: 50vw;
}

.erabubtn .bk_img{
	bottom: -49vw;
	right: 10%;
	width: 70%;
}

.erabubtn ul{
	width: 95%;
}

.erabubtn li{
	width: 95%;
}

}