#sec01,
#sec02,
#sec03,
#sec04,
#sec05,
#sec06 {
	margin-bottom: 90px;
}
#sec02,
#sec03,
#sec04,
#sec06 {
	max-width: 1200px;
	width: 90%;
	margin: 0px auto 90px;
}
#main {
	background: url(../images/common/back01.png) no-repeat left -10% top 30%;
	background-size: 800px;
	position: relative;
	z-index: 0;
}
#mainvisual {
	max-width: 1200px;
	width: 90%;
	margin: 30px auto 80px;
}
#mainvisual .slide-items {
    width: 100%;
    height: 100%;
	box-shadow: 2px 2px 13px -7px rgba(0,0,0,0.6);
}
#mainvisual .slide-items li {
}
#mainvisual .slide-items img {
  width: 100%;
  object-fit: cover;
}
/* ---------------------------------------

--------------------------------------- */
#sec01 {
	width: 100%;
	height: 730px;
	position: relative;
	background-position: center center;
	background-size: cover;
	z-index: 1;
	opacity: 0.7;
}
#sec01 img {
	display: block;
	position: absolute;
	width: 248px;
	left: 50%;
	top: 50%;
	margin-left: -124px;
	margin-top: -124px;
}
/* ---------------------------------------

--------------------------------------- */
#sec02 {
}
#sec02 h1 {
	font-size: 130%;
	margin-bottom: 30px;
	line-height: 170%;
	font-weight: 700;
}
#sec02 h1 strong {
	display: block;
	font-size: 145%;
	font-weight: 700;
}
#sec02 h1 span {
	display: block;
	font-size: 240%;
	color: #C62E28;
	margin: 25px 0 25px -25px;
	font-weight: 900;
}
#sec02 p {
	max-width: 450px;
	width: 45%;
}
#sec02 .ph {
	width: 50%;
	float: right;
	padding-top: 50%;
	position: relative;
}
#sec02 .ph .ph01,
#sec02 .ph .ph02,
#sec02 .ph .ph03 {
	position: absolute;
}
#sec02 .ph .ph01 {
	width: 70%;
	top: 0;
	right: 5%;
}
#sec02 .ph .ph02 {
	width: 35%;
	left: 0;
	bottom: 0;
}
#sec02 .ph .ph03 {
	width: 54%;
	right: 0;
	bottom: 0;
}
#sec02 .ph div:nth-of-type(3){
	transition-delay: .3s;
}
/* ---------------------------------------
#sec03は#share01としてcommon.cssへ
--------------------------------------- */

/* ---------------------------------------

--------------------------------------- */
#sec04 {
}
#sec04 .ttl {
	border: #C62E28 1px solid;
	width: 280px;
	height: 280px;
	float: left;
	
	display: flex;
	justify-content: center;
	align-items: center;
}
#sec04 .ttl .ttl_style01 {
}
#sec04 ul {
	margin-left: 320px;
	margin-bottom: 20px;
}
#sec04 li {
	border-bottom: #aaa 1px dotted;
	line-height: 160%;
	padding: 15px 0;
	font-size: 110%;
}
#sec04 li:last-child {
	border-bottom: none;
}
#sec04 li a {
}
#sec04 li a:hover {
	color: #C62E28;
}
#sec04 li span {
	display: block;
	font-size: 10px;
	color: #aaa;
}
/* ---------------------------------------
#sec05は#share02としてcommon.cssへ
--------------------------------------- */
#share02 {
	margin-bottom: 60px;
}
/* ---------------------------------------
#sec06は#share03としてcommon.cssへ
--------------------------------------- */


@media screen and (max-width: 1020px) {
	
	/* -------------------------------- */
	#sec02 h1 {
		font-size: 110%;
	}
	#sec02 h1 strong {
		font-size: 130%;
	}
	#sec02 h1 span {
		font-size: 250%;
		margin: 20px 0 20px -22px;
	}
	/* -------------------------------- */
	
	/* -------------------------------- */
	
	/* -------------------------------- */
	
	/* -------------------------------- */
	
	/* -------------------------------- */
}

@media screen and (max-width: 900px) {
	#sec01,
	#sec02,
	#sec03,
	#sec04,
	#sec05,
	#sec06 {
		margin-bottom: 60px;
	}
	#sec02,
	#sec03,
	#sec04,
	#sec06 {
		margin: 0px auto 60px;
	}
	/* -------------------------------- */
	#sec01 {
		height: 530px;
	}
	/* -------------------------------- */
	#sec02 .ph {
		display: none;
	}
	#sec02 h1 {
	}
	#sec02 p {
		max-width: none;
		width: 100%;
	}
	/* -------------------------------- */
	
	/* -------------------------------- */
	#sec04 .ttl {
		width: 220px;
		height: 220px;
	}
	#sec04 ul {
		margin-left: 260px;
	}
	/* -------------------------------- */
	
	/* -------------------------------- */
	
	/* -------------------------------- */
}

@media only screen and ( max-width : 680px ) {
	/* -------------------------------- */
	#sec04 .ttl {
		float: none;
		border: none;
		width: 100%;
		height: auto;
	}
	#sec04 ul {
		margin-left: 0px;
	}
	/* -------------------------------- */
	
	/* -------------------------------- */
	
	/* -------------------------------- */
	
	/* -------------------------------- */
}

@media only screen and ( max-width : 480px ) {
	#main {
		background: none;
	}
	/* -------------------------------- */
	#sec01 {
		margin-bottom: 30px;
	}
	#sec01 img {
		width: 200px;
		margin-left: -100px;
		margin-top: -80px;
	}

	/* -------------------------------- */
	#sec02 h1 span {
	display: block;
	font-size: 180%;
	color: #C62E28;
	
	font-weight: 900;
}
	/* -------------------------------- */
	
	/* -------------------------------- */
	
	/* -------------------------------- */
	
	/* -------------------------------- */
	
	/* -------------------------------- */
}