@charset "utf-8";
.sec1 {
	max-width: 640px;
	margin: 0 auto;
}
.sec2 {
	max-width: 640px;
	margin: 10px auto;
    text-align: center;
}
.banner1 {
	text-align: center;
}
.banner2 {
	text-align: center;
}
.banner2 img {
	max-width: 500px;
	width: 100%;
	height: auto;
}
.banner1 img {
	max-width: 450px;
	width: 100%;
	height: auto;
}
.section1-p {
	display: inline-block;
	margin: 5px;
	padding: 3px;
	background-color: #333;
	color: #fff;
	font-size: 32px;
	font-weight: normal;
}
.section1-p a,
.section1-p a:link,
.section1-p a:visited,
.section1-p a:hover,
.section1-p a:active {
	text-decoration: none;
	color: #fff;
}
.section1-p span {
	font-size: 18px;
}
.section1,
.section2{
  padding: 30px 30px 80px 30px;
}
.section1 {
	background-image: url(../img/index/main-img01.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.section2 {
  position: relative;
  z-index: 0;
}
.section2::after{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
 
  /*四角形を傾けます*/
  transform: skewY(-5deg);
  transform-origin: bottom left;
 
  z-index: -1;
  width:100%;
  height:100%;
  background:#fff;
}
.sec-img1 {
	max-width: 600px;
	margin: 0 auto 60px auto;
	text-align: center;
}
.sec-img1 img {
	width: 100%;
	max-width: 600px;
	height: auto;
}
.sec-img2 img {
	width: 100%;
	height: auto;
	margin: 0 auto;
	border-radius: 8px;
}
.sec2-box {
}
.sec2-box p {
	padding: 20px 30px 0 30px;
	font-size: 24px;
}
.sec3-box address {
	text-align: center;
	padding: 10px;
	font-size: 24px;
}
.sec3-box iframe {
	width:100%;
	height: 400px;
}
.sec3-after {
	padding: 30px;
}
.news {
	margin: 30px auto;
	padding: 10px;
	width: 100%;
	height: auto;
	max-width: 980px;
	border: 1px solid #23ad76;
	border-radius: 10px;
}
.news > h2 {
	margin: 0;
	padding: 5px 0 10px 20px;
	color: #23ad76;
	border-bottom: 1px dashed #23ad76;
}
.rss > ul {
	margin: 10px;
	padding: 10px;
}
@media screen and (min-width:768px){
	.sec2-box {
		max-width: 980px;
		margin: 0 auto;
		display: flex;
		flex-direction: row-reverse;
	}
	.sec2-box > div {
		width: 50%;
	}
	.sec-img img {
		max-width: 400px;
		width: 90%;
		height: auto;
	}
	.sec2-box p {
		padding: 20px 30px 0 30px;
		font-size: 30px;
	}
}