body{margin:0px;background-color:#fff;font-family: 'Noto Sans JP', sans-serif;color:#333;height:100%; line-height:1.5; text-align:center;}
body{
  background-image: linear-gradient(-90deg, rgba(226, 207, 255, 1), rgba(251, 253, 191, 1));
}
.stage{width:1220px; margin:0 auto; padding-bottom:60px;}



h1 {
	color: #FF6600;
	text-align: center;
	padding: 0.25em;
	background: repeating-linear-gradient(-45deg, #f0e68c, #f0e68c 3px,#ffd700 3px, #ffd700 7px);
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF6600;
	border-bottom-color: #FF6600;
	font-size:30px;
	font-weight:bold;
	margin-bottom:40px;
	
}



h2 {
  position: relative;
  padding:0.25em 1em;
  display: inline-block;
  font-size:26px;
  font-weight:bold;
}

h2:before, h2:after { 
  content:'';
  width: 20px;
  height: 40px;
  position: absolute;
  display: inline-block;
}

h2:before {
  border-left: solid 2px #ff5722;
  border-top: solid 2px #ff5722;
  top:0;
  left: 0;
}

h2:after {
  border-right: solid 2px #ff5722;
  border-bottom: solid 2px #ff5722;
  bottom:0;
  right: 0;
}



h3 {
  position: relative;
  padding-bottom:10px;
  font-size:22px;
  font-weight:bold;
}

h3:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100px;
  height: 7px;
  background: repeating-linear-gradient(-45deg, #e8992c, #e8992c 2px, #FFC778 2px, #FFC778 4px);
}

h4 { font-size:18px; font-weight:bold; color:#FF6600;}

.lead{font-size:18px;padding:20px; border:solid 1px #CCC; margin-left:auto; margin-right:auto; text-align:left; width:80%; background:#FFF;}




.info{margin-top:40px; width:1040px; margin-left:auto; margin-right:auto;}

.info .item{display:flex; margin-top:40px;}
.info .item .logo{
	width: 300px;
	text-align:center;
}
.info .item .logo img{width:100%; height:auto;}
.info .item .text-area{ text-align:left; padding-left:40px;}
.info .item .text-area .text{margin-bottom:20px; font-size:20px;}
.info .item .text-area .text.small{font-size:14px;}
.info .item .text-area .col2{display:flex;}
.info .item .text-area .col2 div{ margin-right:20px;}



ul{margin:0px; padding:0px; display:flex;flex-wrap: wrap;justify-content: space-between;}
li{list-style:none; padding:0px; margin-bottom:10px; width:32%;}
li.w100{width:100%;}
li img{width:100%; height:100%; object-fit:cover; border:solid 1px #CCC;}
@media screen and (max-width:767.98px) {
.stage{width:90%; margin:0 auto; text-align:center;}
h2{font-size:22px;}
h3{font-size:18px;}

.lead{font-size:17px;padding:20px;width:100%; background:#FFF; margin-bottom:40px;}



.info{margin-top:20px; width:100%;}
.info .item{display:block; margin-top:20px;}
.info .item .logo{margin-left:auto; margin-right:auto; width:200px;}
.info .item .text-area{ padding-left:0px;}
.info .item .text-area .text{font-size:16px;}


ul{display:flex;flex-wrap: wrap;}
li{ width:100% !important;}
li img{width:100%; height:auto;}	
}
@media screen and (max-width: 768px) {
.pc{display:none !important;}
}

@media screen and (min-width: 769px) {
.sp{display:none !important;} 
}