.pc{
display: block;
}
.sp{
display: none;
}

#kurumin2021{
	position: absolute;
    width: 90px;
    left: 250px;
    top: 80px;
}

#hed {
	width: 100%;
	background: #fff;
	padding: 180px 0 75px;
	overflow: hidden;
}

#hed h2{
	background: url("../img/h2.png") no-repeat;
	background-size: cover;
	width: calc( 725px / 2 / 1.4 );
	padding-top: 134px;
	height: 0;
	overflow: hidden;
	margin: 0 auto;
	line-height: 100px;
}

#hed span{
	font-size: 20px;
	display: block;
	font-family: "Yu Mincho", "YuMincho", "Sawarabi Mincho" , "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;	
	color: #fff;
    text-align: center;
	padding: 15px 0 0 0 ;
}

@media screen and (max-width: 1024px) {
	#hed{padding: 140px 0 75px;}
}


@media screen and (max-width: 767px) {
.pc{
	display: none;
}
.sp{
	display: block;
}

#kurumin2021{
	position: relative;
	display: block;
	width: 90%;
	padding-top: 5%;
	left: 0;
	top: 0;
}

}


@media screen and (max-width: 600px) {
	#hed{padding: 140px 0 0px;}
	#hed h2{ width: 190px;  background-size: 100%; padding: 100px 0 0px;}
}

/*==========================================
============================================

			
		section#content01


============================================
==========================================*/

#content01{
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}

#content01 ul{
	width: 1250px;
	margin: 60px auto 0;
	text-align: center;
}

#content01 ul li{
	background: #f8f5ed;
	box-shadow:2px 5px 6px 3px #eae7dd;
	display: inline-block;
	margin: 35px 20px;
	position: relative;
	padding: 50px 35px 35px;
	text-align: center;
}

#content01 ul li.box01{ width: 480px; min-height: 630px;}
#content01 ul li.box02{width: 86%; margin: 35px 0;}

#content01 ul li h3{
	position: absolute;
	left: 50px;
	top: -35px;
}

#content01 ul li:nth-child(1) h3 img{ width: calc( 308px / 2 / 1.4 );}
#content01 ul li:nth-child(2) h3 img{ width: calc( 308px / 2 / 1.4 );}
#content01 ul li:nth-child(3) h3 img{ width: calc( 606px / 2 / 1.4 );}
#content01 ul li:nth-child(4) h3 img{ width: calc( 606px / 2 / 1.4 );}
#content01 ul li:nth-child(5) h3 img{ width: calc( 756px / 2 / 1.4 );}
#content01 ul li:nth-child(6) h3 img{ width: calc( 308px / 2 / 1.4 );}
#content01 ul li:nth-child(7) h3 img{ width: calc( 606px / 2 / 1.4 );}
#content01 ul li:nth-child(8) h3 img{ width: calc( 606px / 2 / 1.4 );}
#content01 ul li:nth-child(9) h3 img{ width: calc( 308px / 2 / 1.4 );}

#content01 ul li b{
	font-size: 28px;
	font-weight: bold;
	line-height: 35px;
	text-align: left;
	display: block;
	color: #330808;
}

#content01 ul li p{
	font-weight: 500;
	padding: 28px 0 21px;
	text-align: justify;
	line-height: 28px;
}

#content01 ul li img{
	margin: 10px 0;
}

#content01 ul li.box02 div {overflow: hidden;}
#content01 ul li.box02 div b{display: inline-block; float: left;}
#content01 ul li.box02 div p{
	display: inline-block;
    float: right;
    text-align: left;
    padding: 0;
    width: 64%;
}
#content01 ul li.box02 img.margin{
	margin: 10px;
    font-size: 0;
    border: 0;
    float: left;
	margin-top: 35px;
}

#content01 ul li.box01 img.sp{display: none;}

@media screen and (max-width: 1260px) {
	#content01 ul{width: 90%;}
	#content01 ul li.box01{width: calc( 50% - 135px ); min-height: 640px;}
	#content01 ul li.box01 img{width: 100%;}
	
	#content01 ul li.box02 img.margin{float: none;}
	#content01 ul li.box02 div p{ width: 55%;}
}


@media screen and (max-width: 890px) {
	#content01 ul li.box01 ,#content01 ul li.box02 { width: 88%; margin: 35px 0;min-height: auto;}
	#content01 ul li img { width: 70%;}
	
	#content01 ul li.box02 div p{width: 100%; margin-top: 20px;}
	#content01 ul li.box02 img.margin{margin: 10px 0;}
}

@media screen and (max-width: 600px) {
	#content01 ul li.box01 ,#content01 ul li.box02{width: 85%;}
	#content01 ul li img { width: 100%;}
	
	#content01 ul li.box01 img.pc{display: none;}
	#content01 ul li.box01 img.sp{display: block; width: 100%;}
	
	#content01 ul li h3{ left: 20px;}
	#content01 ul li:nth-child(1) h3 img{ width: calc( 308px / 3 );}
	#content01 ul li:nth-child(2) h3 img{ width: calc( 308px / 3 );}
	#content01 ul li:nth-child(3) h3 img{ width: calc( 606px / 3 );}
	#content01 ul li:nth-child(4) h3 img{ width: calc( 606px / 3 );}
	#content01 ul li:nth-child(5) h3 img{ width: calc( 756px / 3 );}
	#content01 ul li:nth-child(6) h3 img{ width: calc( 308px / 3 );}
	#content01 ul li:nth-child(7) h3 img{ width: calc( 606px / 3 );}
	#content01 ul li:nth-child(8) h3 img{ width: calc( 606px / 3 );}
	#content01 ul li:nth-child(9) h3 img{ width: calc( 308px / 3 );}
	
}

@media screen and (max-width: 500px) {
	
	#content01 ul li.box01 ,#content01 ul li.box02{ width: 81%; padding: 45px 20px;}
	#content01 ul li b{font-size: 22px;  line-height: 30px;}
	#content01 ul li p{padding: 15px 0 21px;}
}