@charaset"UTF-8";
@import "../style.css";

h1{
  margin: 0 auto;
  width: 980px;
  text-align: center;
}
#lead h2,section h2,.title1{
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
}
#lead p,section p,section dl{
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: 0.1em;
}
section *{margin: 0;padding: 0;}
section{
  margin: 0 auto 5em;
  width: 960px;
}
section h2{
  position: relative;
  display: block;
  margin: 0 auto 1em; 
  padding: 0 90px;
  width: max-content;
}
section h2:before, section h2:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 80px;
  height: 3px;
  border-radius: 2px;
  background-color: #333;
}
section h2:before {left:0;}
section h2:after {right: 0;}
section a{color: #2ca9e1;}

#news{margin-bottom: 2em;padding:1em 0;font-size: 0.9em;background-color: #f8f0ab;}
#news dl{margin: 0 auto;width: 980px;}
#news dt{width: 160px;}
#lead{
  margin: 0 auto 4em;
  width: 920px;
}
.wrap{
  margin: 0 auto 4em;
  padding: 2em 0;
  color: #333;
  font-size: 0.9em;
  background: url('./image/bg_ptn01.png'),linear-gradient(340deg, rgba(189, 202, 255, 1), rgba(203, 243, 235, 1));
  background-repeat: repeat;
}
.wrap section{margin: 3em auto 8em;}
.row-items{display: flex;flex-wrap: wrap;}
.equal-interval{justify-content: space-around;}
.line-list dt{width: 25%;}
.line-list dd{width: 74%;}
.line-list dt, .line-list dd{padding: 1em 0;border-top: 1px solid #666;}
.line-list dt:last-of-type, .line-list dd:last-of-type{border-bottom: 1px solid #666;}
.marker{background: linear-gradient(transparent 70%, #f3c945 70%);}
.title1{margin: 0.5em 0 1em;font-size: 1.4em;}
.indention-list dt{
  padding-top: 1em;
  border-top: 1px solid #666;
}
.indention-list dd{margin: 0.5em 0 1.0em;}
.indention-list dd:last-of-type{margin-bottom: 0;padding-bottom: 1em;border-bottom: 1px solid #666;}
.center-x960{margin: 1em auto;width: 960px;text-align: center;}
.x540{width: 540px;}

.lead_text{margin:auto 0;width: 360px;text-align: center;}
.lead_text p{line-height: 1.6;}
.lead_media{
  display: grid;
  width: 500px;
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: 80px;
  gap: 12px;
}
.tile{
  margin: 0;
  overflow: hidden;
  background: #fff;
}
.tile img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.t1 { grid-column: 1 / 5; grid-row: 1 / 4; }
.t2 { grid-column: 5 / 7; grid-row: 1 / 3; }
.t3 { grid-column: 5 / 7; grid-row: 3 / 6; }
.t4 { grid-column: 1 / 3; grid-row: 4 / 6; }
.t5 { grid-column: 3 / 5; grid-row: 4 / 5; }
.t6 { grid-column: 3 / 5; grid-row: 5 / 6; }
.t7 { grid-column: 1 / 2; grid-row: 6 / 7; }
.t8 { grid-column: 2 / 4; grid-row: 6 / 8; }
.t9 { grid-column: 4 / 6; grid-row: 6 / 8; }

.blob{
  padding: 40px 120px 70px;
  position: relative;
  width: 500px;  
  background: none;
  z-index: 0;
}
.blob::before{
  content: "";
  position: absolute;
  inset: -20px;
  background-color: #fff;
  /* background-color: #ede6ce; */
  z-index: -1;
  transform: rotate(-2deg);
}
.blob::after{
  content: "";
  position: absolute;
  z-index: -2;
  inset: -22px;
  background-color: #ffedb2;
  /*
  background: linear-gradient(135deg,#e5b86b,#f1c7a1);
  background-color: #fff;
  filter: blur(3px) opacity(.5);
  */
}
.shape1::before{ border-radius: 42% 58% 47% 53% / 60% 40% 55% 45%; }
.shape1::after { border-radius: 50% 50% 60% 40% / 55% 45% 50% 50%; }
.shape2::before{ border-radius: 55% 45% 60% 40% / 50% 65% 35% 50%; }
.shape2::after { border-radius: 60% 40% 45% 55% / 48% 52% 58% 42%; }
.shape3::before{ border-radius: 48% 52% 43% 57% / 62% 38% 58% 42%; }
.shape3::after { border-radius: 58% 42% 50% 50% / 40% 60% 45% 55%; }

.width_contents{
  margin: 0 auto;
  width: 860px;
}
.blob-large{
  padding: 60px 100px 70px;
  width: 600px;  
}
.blob-small1{
  margin: auto 0;
  padding: 40px 60px 50px;
  width: 320px;  
}
.blob-small1::before{inset: -10px;}
.blob-small1::after{inset: -15px;}
.blob-small2{
  margin: auto 0;
  padding: 40px 60px 50px;
  width: 200px;  
}
.blob-small2::before{inset: -10px;}
.blob-small2::after{inset: -15px;}
#recruit{
  margin: 0 auto;
  padding: 2em;
  width: 680px;
  text-align: center;
  font-size: 0.9em;
  border: 2px solid #2ca9e1;
}
.button{margin: 1em auto 0;text-align: center;}
.button a{
  display: inline-block;
  padding: 1em 0;
  width: 560px;
	position: relative;
	z-index: 2;
  overflow: hidden;
  outline: none;
  color: #fff;
	text-decoration: none;
	background-color: #2ca9e1;
}
.button a::before,.button a::after{
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button a,.button a::before,.button a::after{
	box-sizing: border-box;
	transition: all .3s;
}
.button a::after {top: -100%;width: 100%;height: 100%;}
.button a:hover::after{top: 0;background-color: #88cb7f;}
.button-half a{width: 320px;}
.btn-off{
  display: inline-block;
  margin: 0;
  padding: 0.5em 0;
  width: 560px;
  color: #fff;
	background-color: #666;
}