@charset "utf-8";


/* 大きな写真 */
/*.syoukaiA {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
	min-height: 450px;
	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(../img/top_image.jpg);
	background-position: center;
	background-size: cover;
	color: yellow;
	color: var(--text-bright-color);
	text-align: center;
}*/

/*.syoukaiA.compact {
	height: 450px;
	min-height: 0;
	background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url(file:///E|/img/contents.jpg);
}*/

/*.syoukaiA h1 {
	margin-top: 0;
	margin-bottom: 10px;
	font-family: 'Montserrat', sans-serif;
	font-size: 40px;
	letter-spacing: 0.2em;
	margin-left: 0.2em;
}*/

/*.syoukaiA img {
	width: 20%;
}*/

.syoukaiB{
	padding: 10px;
	margin: 0;
	background-color: #7A1113;
}

/* １つ目の説明 */

.syoukaiB-1 {
	text-align: justify;
	width: 80%;
	margin: 0 auto;
	padding-bottom: 30px;
}

.syoukaiB-title {
  font-weight: bold;
  font-size: 30px;
	color: white;
	text-align: center;
	padding:20px;
	padding-bottom: 0;
}
.syoukaiB-image1{
	float: left;
	margin-right: 20px;
	margin-left: 20px;
	max-width; 200px;
	width: 40vw;
}

.syoukaiB-image1 img{
	width: 100%;
	height: auto;
}

.syoukaiB-1 p{
	line-height: 1.6;
	color: aliceblue;
	margin:0;
	padding: 0 20px;
	text-indent: 1em;
}


/*.syoukaiB-image3{
	float: right;
	margin-right: 20px;
	margin-left: 10px;
	max-width; 200px;
	width: 40vw;
}

.syoukaiB-image3 img{
	width: 100%;
	height: auto;
}*/



@media (max-width: 767px) {
	/* 中画面用の設定 */

.syoukaiB-1 {
	width: 90%;
}	
	
.syoukaiB-title {
  font-size: 26px;
	padding:14px;
	padding-bottom: 0;
}	
}	
@media (max-width: 599px) {
	/* 小さい画面用の設定 */

.syoukaiB-1 {
	width: 95%;
}	
		
.syoukaiB-title {
  font-size: 20px;
	padding:14px;
	padding-bottom: 0;
}
	
.syoukaiB-image1{
	float: none;
	margin: 0 auto;
	max-width; 200px;
	width: 60vw;
}

.syoukaiB-image1 img{
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
	
	.syoukaiB-1 p{
	padding: 0 20px;
	text-indent: 1em;
}
}





/* １つ目の説明 ２枚の写真 */


.syoukaiB-image2{
	clear: both;
	display:flex;
	flex-flow: wrap;
	justify-content: space-around;
	margin-top:20px;
}

.syoukaiB-image2-1{
	max-width: 40%;
	height: auto;
}

.syoukaiB-image2-1 img{
	width: 100%;
}
.syoukaiB-image2 p{
	text-align: justify;
	color: white;
	font-size:14px;
	text-indent: 0em;
    margin: 0;
	padding: 0;
	/*padding-top: 10px;*/
	/*margin-bottom: 15px;*/		
}
/*
.syoukaiB-image2 img{
	width: 100%;
	height: auto;
}*/



/*figure{
	display:flex;
	flex-flow: column;
	max-width: 40%;
}

figure imag{
	max-width: 220px;
	height: auto;


.hensen03{
	max-width: 80%;
}

.hensen03-caption{
	max-width: 70%;
}

figcaption{
	text-align: center;
	color: white;
	font-size:14px;
	padding-top: 10px;
	margin-bottom: 15px;
}*/


@media (max-width: 767px) {
	/* 中画面用の設定 */
	
/* figure{
	display:flex;
	flex-flow: column;
	max-width: 20%;
}
	
	figure imag{
	max-width: 150px;
	height: auto;
} */
}
	

/* ２つ目の説明 */


.syoukaiB-image3{
	float: right;
	margin-right: 20px;
	margin-left: 20px;
	max-width; 200px;
	width: 40vw;
}

.syoukaiB-image3 img{
	width: 100%;
	height: auto;
}

.syoukaiB-image3 p{
	text-align: justify;
	color: white;
	font-size:14px;
	text-indent: 0em;
    margin: 0;
	padding: 0;
}

.syoukaiB-image4{
	float: left;
	margin-right: 20px;
	margin-left: 20px;
	max-width; 200px;
	width: 40vw;
}

.syoukaiB-image4 img{
	width: 100%;
	height: auto;
}

.syoukaiB-image4 p{
	text-align: justify;
	color: white;
	font-size:14px;
	text-indent: 0em;
    margin: 0;
	padding-bottom: 10px;
}
	
/*.syoukaiB-image3 figure img{
	width: 100%;
	height: auto;
    vertical-align: top;

.syoukaiB-image3 figure {
	display:flex;
	flex-flow: column;
	max-width: 100%;
	margin: 0;
	padding: 0;
}

.syoukaiB-image3 figcaption{
	text-align: center;
	color: white;
	font-size:14px;
	padding-top: 10px;
} */