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

/*------------------------------------------------------------
	2026/01制作
------------------------------------------------------------*/

#wrapper{
    padding-bottom: 30px;
}

@media screen and ( max-width:960px )
{

#wrapper{
    padding-bottom: 30px!important;
}

}

.story-box{
	width: 70%;
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
	line-height: 2em;
}

.story-box h2{
	font-size: 130%;
	margin: 15px auto;
	font-weight: bold;
	background: white;
	position: relative;
}

.story-box h2::before{
	position: absolute;
	top: calc(50% - 1px);
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 90%;
	max-width: 800px;
	height: 1px;
	content: '';
	background: #000;
}

.story-box h2 span {
	position: relative;
	padding: 0 1em;
	background: white;
}

.gray_bk h2,.gray_bk h2 span{
	background: #f4f4f4;
}

.gray_bk .story_txt{
	margin-top: 1em;
}

.blue_bk{
	background-color: #a4d5d8;
	text-align: center;
	padding: 3em 0;
}

.blue_bk img{
	width: 80%;
	max-width: 1100px;
}

.story-box h3{
	display: block;
	margin: 30px auto;
	font-size: 130%;
	font-weight: bold;
	text-decoration: underline 3px solid red;
	text-underline-offset: 0.3em;
	line-height: 1.8em;
}

.story-box .img{
	margin-bottom: 2em;
}

.story-box .img2{
	margin: 0 auto 0.5em;
	width: 85%;
	max-width: 900px;
}

.img2_txt{
	margin-bottom: 0.5em!important;
	font-size: 90%;
}

.story_txt{
	margin-bottom: 3em;
}

.story-box h4{
	font-size: 120%;
	margin-top: -1em;
}

.red-waku{
	color: red;
	border: 1px solid red;
	padding: 1em;
	font-size: 1.35em;
	font-weight: bold;
	margin-top: 1em;
}

.gray_bk{
	background-color: #f4f4f4;
	text-align: center;
	padding: 2em 0 0;
	margin-top: 2em;
	margin-bottom: 3em;
}

.gray_bk img{
	width: 60%;
	max-width: 600px;
	margin: 0.5em auto;
}

@media screen and ( max-width:700px )
{

.story-box{
	width: 90%;
	font-size: 15px;
	text-align: left;
	line-height: 1.5em;
}

.story-box h2{
	text-align: center;
}

.story-box h3{
	text-align: center;
}

.img2_txt{
	text-align: left;
	
}
.story-box .img2{
	width: 100%;
}

.gray_bk img{
	width: 85%;
}

}