@charset "utf-8";



.fadein {
	transition: all 0.7s linear;
	opacity: 0;}



/* =============================================================================
   home 用
   ========================================================================== */
/* mainVisual 
<section class="mainVisual">
<div class="inner">
<div class="wrap">
<div class="box">
<p class="show0 fadein"><img src="img/img_mainvisual-01.png" alt="兵庫県 赤穂郡 上郡町"></p>
<p class="show1 fadein"><img src="img/img_mainvisual-02.png" alt="千種川ファーム 採用サイト"></p>
<p class="show2 fadein"><img src="img/img_mainvisual-03.png" alt="千種川ファーム"></p>
</div>
</div>
</div>
</section>
.home .mainVisual {
	position: relative;
	background: url("img/img_main-mainVisual.jpg") no-repeat center top;
	background-size: contain;
	width: 100%;
	padding-top: 59%;
	color: #fff;
	margin-bottom: 0 !important;}
.home .mainVisual .inner {
	width: 100%;
	position: absolute;
	bottom: 0;
	right: 0;}
.home .mainVisual .wrap {
	position: relative;}
.home .mainVisual .wrap .box {
	position: absolute;
	bottom: 40px;
	right: 0;}
.home .mainVisual .inner .show2 {
	margin-top: -50px;
	margin-left: -20px;}
@media only screen and (max-width: 800px) {
	.home .mainVisual {
		background: url("img/img_main-mainVisual.jpg") no-repeat center top;
		background-size: 160% auto;
		padding-top: 94%;
		color: #fff;}
	.home .mainVisual .wrap .box {
		text-align: center;
		position: absolute;
		bottom: 20px;
		left: 0;
		width: 50%;
		margin: 0 auto;}
	.home .mainVisual .inner .show2 {
		margin-top: -20px;
		margin-left: 0;}
}
*/


/* mainVisual */
.home .mainVisual {
    max-height: 868px;
    background-size: cover;
    text-align: center;
    position: relative;
    overflow: hidden;
	margin-bottom: 0 !important;}
.home .mainVisual video {
    margin: 0 auto;
    width: 100%;
    display: block;}
.home .mainVisual .inner {
	width: 100%;
	position: absolute;
	bottom: 0;
	right: 0;}
.home .mainVisual .wrap {
	position: relative;}
.home .mainVisual .wrap .box {
	position: absolute;
	bottom: 40px;
	right: 0;}
.home .mainVisual .inner .show2 {
	margin-top: -50px;
	margin-left: -20px;}
@media only screen and (max-width: 1100px) {
	.home .mainVisual {}
	.home .mainVisual .wrap .box {
		bottom: 20px;
		width: 40%;
		right: 35px;}
	.home .mainVisual .inner .show2 {
		margin-top: -20px;
		margin-left: 0;}
}
@media only screen and (max-width: 800px) {
	.home .mainVisual video {
		margin: 0 -30%;
		width: 160%;}
}


/* sec01 */
.home .sec01 {
	background: url("img/bg_sec01.png"),linear-gradient( to right, #24d0ba, #36d993);
	padding: 70px 0;
	text-align: center;
	color: #fff;
	font-size: 1.6em;
	margin-bottom: 0 !important;}
.home .sec01 h2 {
	margin: 0;
	margin-bottom: 30px;}
.home .sec01 p {
	padding: 0;
	line-height: 2em;}
@media only screen and (max-width: 800px) {
	.home .sec01 {
		background: url("img/bg_sec01.png"),linear-gradient( to right, #24d0ba, #36d993);
		padding: 40px 0;
		font-size: 1.3em;}
	.home .sec01 h2 {
		margin: 0;
		margin-bottom: 20px;}
}


/* sec02 */
.home .sec02 {
	margin-bottom: 140px !important;}
.home .sec02 .parallax {
	background-image: url("img/img_main-sec02.jpg");
	background-attachment: fixed;
	width: 100%;
	padding-top: 52%;
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;}
.home .sec02 .box {
	-webkit-box-shadow: -70px 70px 0px 0px rgba(186,225,206,0.5);
	-moz-box-shadow: -70px 70px 0px 0px rgba(186,225,206,0.5);
	box-shadow: -70px 70px 0px 0px rgba(186,225,206,0.5);
	width: 57%;
	margin-top: -400px;
	background: #fff;
	margin-left: auto;}
.home .sec02 .box .inbox {
	max-width: 620px;
	box-sizing: border-box;
	font-size: 1.1em;
	padding: 50px;}
.home .sec02 .box h3 {
	background: url("img/ico_title01.png") no-repeat left 10px bottom;
	font-size: 1.6em;
	font-weight: normal;
	padding-bottom: 10px;
	margin: 0;
	margin-bottom: 20px;}
.home .sec02 .box h2 {
	font-size: 2em;
	line-height: 1.6;
	margin: 0;
	margin-bottom: 30px;}
.home .sec02 .box p {
	font-size: 0.875em;
	line-height: 2;
	padding: 1em 0;}
@media only screen and (min-width: 1800px) {
	.home .sec02 .parallax {
		background-image: url("img/img_main-sec02.jpg");
		background-attachment: fixed;
		width: 100%;
		padding-top: 52%;
		background-position: center bottom;
		background-size: cover;
		background-repeat: no-repeat;}
}
@media only screen and (max-width: 1100px) {
	.home .sec02 .parallax {
		background-image: url("img/img_main-sec02.jpg");
		background-attachment: inherit;
		width: 100%;
		padding-top: 52%;
		background-position: center center;
		background-size: 100% auto;
		background-repeat: no-repeat;}
	.home .sec02 .box {
		margin-top: -200px;}
}
@media only screen and (max-width: 800px) {
	.home .sec02 {
		margin-bottom: 120px !important;}
	.home .sec02 .parallax {
		background-image: url("img/img_main-sec02.jpg");
		background-attachment: inherit;
		width: 100%;
		padding-top: 52%;
		background-position: center center;
		background-size: 100% auto;
		background-repeat: no-repeat;}
	.home .sec02 .box {
		-webkit-box-shadow: -30px 30px 0px 0px rgba(186,225,206,0.5);
		-moz-box-shadow: -30px 30px 0px 0px rgba(186,225,206,0.5);
		box-shadow: -30px 30px 0px 0px rgba(186,225,206,0.5);
		width: 90%;
		margin: 0 auto;
		margin-top: -50px;}
	.home .sec02 .box .inbox {
		font-size: 1.0em;
		padding: 25px 25px;}
}


/* sec03 
.home .sec03 {}
.home .sec03 .parallax {
	background-image: url("img/img_main-sec03.jpg");
	background-attachment: fixed;
	width: 100%;
	padding-top: 52%;
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;}
.home .sec03 .box {
	width: 76%;
	margin-top: -200px;
	background: #fff;
	margin-right: auto;}
.home .sec03 .box .inbox {
	max-width: 930px;
	margin-left: auto;
	margin-left : -webkit-calc((100vw - 1100px)/2) ;
	margin-left : calc((100vw - 1100px)/2) ;
	box-sizing: border-box;
	font-size: 1.1em;
	padding: 50px;
	padding-left: 0;}
.home .sec03 .box h2 {
	background: url("img/ico_title02.png") no-repeat left bottom;
	font-size: 2em;
	line-height: 1.6;
	padding-bottom: 30px;
	margin: 0;
	margin-bottom: 30px;}
.home .sec03 .box p {
	font-size: 0.875em;
	line-height: 2;
	padding: 1em 0;}
.home .sec03 .box .pic {
	margin-top: 30px;}
.home .sec03 .box .pic ul {
	display: flex;}
.home .sec03 .box .pic ul li {
	margin-right: 25px;}
.home .sec03 .box .pic ul li:last-child {
	margin-right: 0;}
@media only screen and (max-width: 1100px) {
	.home .sec03 .parallax {
		background-image: url("img/img_main-sec03.jpg");
		background-attachment: inherit;
		width: 100%;
		padding-top: 52%;
		background-position: center bottom;
		background-size: 100% auto;
		background-repeat: no-repeat;}
	.home .sec03 .box {
		margin-top: -100px;}
	.home .sec03 .box .inbox {
		margin-left: 0;
		padding-left: 50px;}
}
@media only screen and (max-width: 800px) {
	.home .sec03 .parallax {
		background-image: url("img/img_main-sec03.jpg");
		background-attachment: inherit;
		width: 100%;
		padding-top: 83%;
		background-position: center bottom;
		background-size: 160% auto;
		background-repeat: no-repeat;}
	.home .sec03 .box {
		width: 90%;
		margin: 0 auto;
		margin-top: -50px;}
	.home .sec03 .box .inbox {
		font-size: 1.0em;
		margin: 0;
		padding: 25px 25px;}
	.home .sec03 .box h2 {
		background: url("img/ico_title02.png") no-repeat left bottom;
		background-size: 60px auto;
		padding-bottom: 20px;}
	.home .sec03 .box .pic {
		margin-top: 20px;}
}
*/

/* sec03 */
.home .sec03 {}
.home .sec03 .parallax {
	background-image: url("img/img_main-sec03.jpg");
	background-attachment: fixed;
	width: 100%;
	padding-top: 52%;
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;}
.home .sec03 .box {
	/*margin-top: -200px;*/
	background: #fff;}
.home .sec03 .box .inbox {
	font-size: 1.1em;
	padding: 50px 0;
	text-align: center;}

.home .sec03 .box h2 {
	background: url("img/ico_title02.png") no-repeat center bottom;
	font-size: 2em;
	line-height: 1.6;
	padding-bottom: 30px;
	margin: 0;
	margin-bottom: 30px;}
.home .sec03 .box p {
	font-size: 0.875em;
	line-height: 2;
	padding: 1em 0;}
.home .sec03 .box .pic {
	margin-top: 30px;}
.home .sec03 .box .pic ul {
	display: flex;
	justify-content: center;}
.home .sec03 .box .pic ul li {
	margin: 0 15px;}
@media only screen and (min-width: 1800px) {
	.home .sec03 .parallax {
		background-image: url("img/img_main-sec03.jpg");
		background-attachment: fixed;
		width: 100%;
		padding-top: 52%;
		background-position: center bottom;
		background-size: cover;
		background-repeat: no-repeat;}
}
@media only screen and (max-width: 1100px) {
	.home .sec03 .parallax {
		background-image: url("img/img_main-sec03.jpg");
		background-attachment: inherit;
		width: 100%;
		padding-top: 52%;
		background-position: center bottom;
		background-size: 100% auto;
		background-repeat: no-repeat;}
}
@media only screen and (max-width: 800px) {
	.home .sec03 .parallax {
		background-image: url("img/img_main-sec03.jpg");
		background-attachment: inherit;
		width: 100%;
		padding-top: 52%;
		background-position: center bottom;
		background-size: 100% auto;
		background-repeat: no-repeat;}
	.home .sec03 .box {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		margin-top: 0;}
	.home .sec03 .box .inbox {
		font-size: 1.0em;
		text-align: left;
		margin: 0;
		padding: 25px 25px;}
	.home .sec03 .box h2 {
		background: url("img/ico_title02.png") no-repeat left bottom;
		background-size: 60px auto;
		padding-bottom: 20px;}
	.home .sec03 .box .pic {
		margin-top: 20px;}
}

/* sec04 */
.home .sec04 {}
.home .sec04 .parallax {
	background-image: url("img/img_main-sec04.jpg");
	background-attachment: fixed;
	width: 100%;
	padding-top: 52%;
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;}
.home .sec04 .box {
	/*margin-top: -300px;*/
	background: #fff;}
.home .sec04 .box .inbox {
	font-size: 1.1em;
	padding: 50px 0;
	text-align: center;}
.home .sec04 .box h2 {
	background: url("img/ico_title02.png") no-repeat center bottom;
	font-size: 2em;
	line-height: 1.6;
	padding-bottom: 30px;
	margin: 0;
	margin-bottom: 30px;}
.home .sec04 .box p {
	font-size: 0.875em;
	line-height: 2;
	padding: 1em 0;}
@media only screen and (min-width: 1800px) {
	.home .sec04 .parallax {
		background-image: url("img/img_main-sec04.jpg");
		background-attachment: fixed;
		width: 100%;
		padding-top: 52%;
		background-position: center bottom;
		background-size: cover;
		background-repeat: no-repeat;}
}
@media only screen and (max-width: 1100px) {
	.home .sec04 .parallax {
		background-image: url("img/img_main-sec04.jpg");
		background-attachment: inherit;
		width: 100%;
		padding-top: 52%;
		background-position: center bottom;
		background-size: 100% auto;
		background-repeat: no-repeat;}
}
@media only screen and (max-width: 800px) {
	.home .sec04 .parallax {
		background-image: url("img/img_main-sec04.jpg");
		background-attachment: inherit;
		width: 100%;
		padding-top: 52%;
		background-position: center bottom;
		background-size: 100% auto;
		background-repeat: no-repeat;}
	.home .sec04 .box {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		margin-top: 0;}
	.home .sec04 .box .inbox {
		font-size: 1.0em;
		text-align: left;
		margin: 0;
		padding: 25px 25px;}
	.home .sec04 .box h2 {
		background: url("img/ico_title02.png") no-repeat left bottom;
		background-size: 60px auto;
		padding-bottom: 20px;}
}


/* sec05 
.home .sec05 {}
.home .sec05 .parallax {
	background-image: url("img/img_main-sec05.jpg");
	background-attachment: fixed;
	width: 100%;
	padding-top: 52%;
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;}
.home .sec05 .box {
	width: 76%;
	margin-top: -400px;
	background: #fff;
	margin-left: auto;}
.home .sec05 .box .inbox {
	max-width: 930px;
	box-sizing: border-box;
	font-size: 1.1em;
	padding: 50px;}
.home .sec05 .box h2 {
	background: url("img/ico_title02.png") no-repeat left bottom;
	font-size: 2em;
	line-height: 1.6;
	padding-bottom: 30px;
	margin: 0;
	margin-bottom: 30px;}
.home .sec05 .box p {
	font-size: 0.875em;
	line-height: 2;
	padding: 1em 0;}
.home .sec05 .box .pic {
	margin-top: 30px;
	display: flex;}
.home .sec05 .box .pic figure {
	margin-right: 40px;}
@media only screen and (max-width: 1100px) {
	.home .sec05 .parallax {
		background-image: url("img/img_main-sec05.jpg");
		background-attachment: inherit;
		width: 100%;
		padding-top: 52%;
		background-position: center bottom;
		background-size: 100% auto;
		background-repeat: no-repeat;}
	.home .sec05 .box {
		margin-top: -200px;}
}
@media only screen and (max-width: 800px) {
	.home .sec05 .parallax {
		background-image: url("img/img_main-sec05.jpg");
		background-attachment: inherit;
		width: 100%;
		padding-top: 52%;
		background-position: center bottom;
		background-size: 100% auto;
		background-repeat: no-repeat;}
	.home .sec05 .box {
		width: 90%;
		margin: 0 auto;
		margin-top: -50px;}
	.home .sec05 .box .inbox {
		font-size: 1.0em;
		padding: 25px 25px;}
	.home .sec05 .box h2 {
		background: url("img/ico_title02.png") no-repeat left bottom;
		background-size: 60px auto;
		padding-bottom: 20px;}
	.home .sec05 .box .pic {
		margin-top: 20px;
		flex-direction: column;}
}
*/
.home .sec05 {}
.home .sec05 .parallax {
	background-image: url("img/img_main-sec05.jpg");
	background-attachment: fixed;
	width: 100%;
	padding-top: 52%;
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;}
.home .sec05 .box {
	/*margin-top: -300px;*/
	background: #fff;}
.home .sec05 .box .inbox {
	font-size: 1.1em;
	padding: 50px 0;
	text-align: center;}
.home .sec05 .box h2 {
	background: url("img/ico_title02.png") no-repeat center bottom;
	font-size: 2em;
	line-height: 1.6;
	padding-bottom: 30px;
	margin: 0;
	margin-bottom: 30px;}
.home .sec05 .box p {
	font-size: 0.875em;
	line-height: 2;
	padding: 1em 0;}
.home .sec05 .box .pic {
	margin-top: 30px;
	display: flex;
	justify-content: center;}
.home .sec05 .box .pic figure {
	margin-right: 40px;}
.home .sec05 .box .pic .text {
	text-align: left;}
@media only screen and (min-width: 1800px) {
	.home .sec05 .parallax {
		background-image: url("img/img_main-sec05.jpg");
		background-attachment: fixed;
		width: 100%;
		padding-top: 52%;
		background-position: center bottom;
		background-size: cover;
		background-repeat: no-repeat;}
}
@media only screen and (max-width: 1100px) {
	.home .sec05 .parallax {
		background-image: url("img/img_main-sec05.jpg");
		background-attachment: inherit;
		width: 100%;
		padding-top: 52%;
		background-position: center bottom;
		background-size: 100% auto;
		background-repeat: no-repeat;}
}
@media only screen and (max-width: 800px) {
	.home .sec05 .parallax {
		background-image: url("img/img_main-sec05.jpg");
		background-attachment: inherit;
		width: 100%;
		padding-top: 52%;
		background-position: center bottom;
		background-size: 100% auto;
		background-repeat: no-repeat;}
	.home .sec05 .box {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		margin-top: 0;}
	.home .sec05 .box .inbox {
		font-size: 1.0em;
		text-align: left;
		margin: 0;
		padding: 25px 25px;}
	.home .sec05 .box h2 {
		background: url("img/ico_title02.png") no-repeat left bottom;
		background-size: 60px auto;
		padding-bottom: 20px;}
	.home .sec05 .box .pic {
		margin-top: 20px;
		flex-direction: column;}
}


/* sec06 */
.home .sec06 {}
.home .sec06 .parallax {
	background-image: url("img/img_main-sec06.jpg");
	background-attachment: fixed;
	width: 100%;
	padding-top: 52%;
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;}
.home .sec06 .box {
	/*margin-top: -300px;*/
	background: #fff;}
.home .sec06 .box .inbox {
	font-size: 1.1em;
	padding: 50px 0;
	text-align: center;}
.home .sec06 .box h2 {
	background: url("img/ico_title02.png") no-repeat center bottom;
	font-size: 2em;
	line-height: 1.6;
	padding-bottom: 30px;
	margin: 0;
	margin-bottom: 30px;}
.home .sec06 .box p {
	font-size: 0.875em;
	line-height: 2;
	padding: 1em 0;}
.home .sec06 .box .pic {
	margin-top: 30px;}
.home .sec06 .box .pic ul {
	display: flex;
	width: 100%;
	margin: 0 auto;
	justify-content: center;}
@media only screen and (min-width: 1800px) {
	.home .sec06 .parallax {
		background-image: url("img/img_main-sec06.jpg");
		background-attachment: fixed;
		width: 100%;
		padding-top: 52%;
		background-position: center bottom;
		background-size: cover;
		background-repeat: no-repeat;}
}
@media only screen and (max-width: 1100px) {
	.home .sec06 .parallax {
		background-image: url("img/img_main-sec06.jpg");
		background-attachment: inherit;
		width: 100%;
		padding-top: 52%;
		background-position: center bottom;
		background-size: 100% auto;
		background-repeat: no-repeat;}
}
@media only screen and (max-width: 800px) {
	.home .sec06 .parallax {
		background-image: url("img/img_main-sec06.jpg");
		background-attachment: inherit;
		width: 100%;
		padding-top: 52%;
		background-position: center bottom;
		background-size: 100% auto;
		background-repeat: no-repeat;}
	.home .sec06 .box {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		margin-top: 0;}
	.home .sec06 .box .inbox {
		text-align: left;
		margin: 0;
		font-size: 1.0em;
		padding: 25px 25px;}
	.home .sec06 .box h2 {
		background: url("img/ico_title02.png") no-repeat left bottom;
		background-size: 60px auto;
		padding-bottom: 20px;}
	.home .sec06 .box .pic {
		margin-top: 20px;}
	.home .sec06 .box .pic ul {
		width: 100%;
		flex-wrap: wrap;}
	.home .sec06 .box .pic ul li {
		width: 33.33%;}
}


/* sec07 
.home .sec07 {}
.home .sec07 .parallax {
	background-image: url("img/img_main-sec07.jpg");
	background-attachment: fixed;
	width: 100%;
	padding-top: 52%;
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;}
.home .sec07 .box {
	width: 76%;
	margin-top: -200px;
	background: #fff;
	margin-right: auto;}
.home .sec07 .box .inbox {
	max-width: 930px;
	margin-left: auto;
	margin-left : -webkit-calc((100vw - 1100px)/2) ;
	margin-left : calc((100vw - 1100px)/2) ;
	box-sizing: border-box;
	font-size: 1.1em;
	padding: 50px;
	padding-left: 0;}
.home .sec07 .box h2 {
	background: url("img/ico_title02.png") no-repeat left bottom;
	font-size: 2em;
	line-height: 1.6;
	padding-bottom: 30px;
	margin: 0;
	margin-bottom: 30px;}
.home .sec07 .box p {
	font-size: 0.875em;
	line-height: 2;
	padding: 1em 0;}
@media only screen and (max-width: 1100px) {
	.home .sec07 .parallax {
		background-image: url("img/img_main-sec07.jpg");
		background-attachment: inherit;
		width: 100%;
		padding-top: 52%;
		background-position: center bottom;
		background-size: 100% auto;
		background-repeat: no-repeat;}
	.home .sec07 .box {
		margin-top: -100px;}
	.home .sec07 .box .inbox {
		margin-left: 0;
		padding-left: 50px;}
}
@media only screen and (max-width: 800px) {
	.home .sec07 .parallax {
		background-image: url("img/img_main-sec07.jpg");
		background-attachment: inherit;
		width: 100%;
		padding-top: 83%;
		background-position: center bottom;
		background-size: 160% auto;
		background-repeat: no-repeat;}
	.home .sec07 .box {
		width: 90%;
		margin: 0 auto;
		margin-top: -50px;}
	.home .sec07 .box .inbox {
		margin: 0;
		font-size: 1.0em;
		padding: 25px 25px;}
	.home .sec07 .box h2 {
		background: url("img/ico_title02.png") no-repeat left bottom;
		background-size: 60px auto;
		padding-bottom: 20px;}
}
*/
.home .sec07 {}
.home .sec07 .parallax {
	background-image: url("img/img_main-sec07.jpg");
	background-attachment: fixed;
	width: 100%;
	padding-top: 52%;
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;}
.home .sec07 .box {
	/*margin-top: -200px;*/
	background: #fff;}
.home .sec07 .box .inbox {
	font-size: 1.1em;
	padding: 50px 0;
	text-align: center;}
.home .sec07 .box h2 {
	background: url("img/ico_title02.png") no-repeat center bottom;
	font-size: 2em;
	line-height: 1.6;
	padding-bottom: 30px;
	margin: 0;
	margin-bottom: 30px;}
.home .sec07 .box p {
	font-size: 0.875em;
	line-height: 2;
	padding: 1em 0;}
@media only screen and (min-width: 1800px) {
	.home .sec07 .parallax {
		background-image: url("img/img_main-sec07.jpg");
		background-attachment: fixed;
		width: 100%;
		padding-top: 52%;
		background-position: center bottom;
		background-size: cover;
		background-repeat: no-repeat;}
}
@media only screen and (max-width: 1100px) {
	.home .sec07 .parallax {
		background-image: url("img/img_main-sec07.jpg");
		background-attachment: inherit;
		width: 100%;
		padding-top: 52%;
		background-position: center bottom;
		background-size: 100% auto;
		background-repeat: no-repeat;}
}
@media only screen and (max-width: 800px) {
	.home .sec07 .parallax {
		background-image: url("img/img_main-sec07.jpg");
		background-attachment: inherit;
		width: 100%;
		padding-top: 52%;
		background-position: center bottom;
		background-size: 100% auto;
		background-repeat: no-repeat;}
	.home .sec07 .box {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		margin-top: 0;}
	.home .sec07 .box .inbox {
		font-size: 1.0em;
		text-align: left;
		margin: 0;
		padding: 25px 25px;}
	.home .sec07 .box h2 {
		background: url("img/ico_title02.png") no-repeat left bottom;
		background-size: 60px auto;
		padding-bottom: 20px;}
}


/* sec08 */
.home .sec08 {}
.home .sec08 .parallax {
	background-image: url("img/img_main-sec08.jpg");
	background-attachment: fixed;
	width: 100%;
	padding-top: 52%;
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;}
.home .sec08 .box {
	/*margin-top: -200px;*/
	background: #fff;}
.home .sec08 .box .inbox {
	font-size: 1.1em;
	padding: 50px 0;
	text-align: center;}
.home .sec08 .box h2 {
	background: url("img/ico_title02.png") no-repeat center bottom;
	font-size: 2em;
	line-height: 1.6;
	padding-bottom: 30px;
	margin: 0;
	margin-bottom: 30px;}
.home .sec08 .box p {
	font-size: 0.875em;
	line-height: 2;
	padding: 1em 0;}
.home .sec08 .box nav.contact {
	width: 70%;
	margin: 0 auto;
	margin-top: 30px;}
.home .sec08 .box nav.contact a {
	position: relative;
	display: block;
	line-height: 1;
	font-weight: bold;
	color: #fff;
	font-size: 1.4em;
	border-radius: 15px;
	background: rgba(23,192,164,1);
	background: -moz-linear-gradient(left, rgba(23,192,164,1) 0%, rgba(46,211,123,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(23,192,164,1)), color-stop(100%, rgba(46,211,123,1)));
	background: -webkit-linear-gradient(left, rgba(23,192,164,1) 0%, rgba(46,211,123,1) 100%);
	background: -o-linear-gradient(left, rgba(23,192,164,1) 0%, rgba(46,211,123,1) 100%);
	background: -ms-linear-gradient(left, rgba(23,192,164,1) 0%, rgba(46,211,123,1) 100%);
	background: linear-gradient(to right, rgba(23,192,164,1) 0%, rgba(46,211,123,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17c0a4', endColorstr='#2ed37b', GradientType=1 );
	padding: 30px 0;}
.home .sec08 .box nav.contact a span {
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);}
@media only screen and (min-width: 1800px) {
	.home .sec08 .parallax {
		background-image: url("img/img_main-sec08.jpg");
		background-attachment: fixed;
		width: 100%;
		padding-top: 52%;
		background-position: center bottom;
		background-size: cover;
		background-repeat: no-repeat;}
}
@media only screen and (max-width: 1100px) {
	.home .sec08 .parallax {
		background-image: url("img/img_main-sec08.jpg");
		background-attachment: inherit;
		width: 100%;
		padding-top: 52%;
		background-position: center bottom;
		background-size: 100% auto;
		background-repeat: no-repeat;}
}
@media only screen and (max-width: 800px) {
	.home .sec08 .parallax {
		background-image: url("img/img_main-sec08.jpg");
		background-attachment: inherit;
		width: 100%;
		padding-top: 52%;
		background-position: center bottom;
		background-size: 100% auto;
		background-repeat: no-repeat;}
	.home .sec08 .box {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		margin-top: 0;}
	.home .sec08 .box .inbox {
		text-align: left;
		margin: 0;
		font-size: 1.0em;
		padding: 25px 25px;}
	.home .sec08 .box h2 {
		background: url("img/ico_title02.png") no-repeat left bottom;
		background-size: 60px auto;
		padding-bottom: 20px;}
	.home .sec08 .box nav.contact {
		width: 100%;
		text-align: left;
		margin-top: 20px;}
	.home .sec08 .box nav.contact a {
		font-size: 1.1em;
		border-radius: 10px;
		padding: 20px 0;
		padding-left: 20px;}
	.home .sec08 .box nav.contact a span {
		width: 24px;
		right: 10px;}
}




/* =============================================================================
   contact 用
   ========================================================================== */
.contact h2 {
	font-size: 2em;
	font-weight: normal;
	margin: 0;
	margin-bottom: 30px;}
.contact h2 span {
	display: inline-block;
	padding-bottom: 10px;
	padding-right: 10%;
	background-image: linear-gradient(to right, rgba(23,192,164,1), rgba(46,211,123,1));
	background-repeat: no-repeat;
	background-size: 100% 8%;
	background-position: bottom;}
@media only screen and (max-width: 800px) {
	.contact h2 {
		font-size: 1.8em;
		margin-bottom: 15px;}
}

/* pageHead */
.contact .pageHead {
	background: url("img/bg_sec02.png") repeat center center;
	margin: 50px 0;}
.contact .pageHead h1 {
	background: #fff;
	text-align: center;
	margin: 0;
	font-weight: normal;
	font-size: 2em;
	padding-bottom: 20px;}
.contact .pageHead figure {}
.contact .pageHead figure img {
	width: 100%;}
.contact .pageHead .box1 {
	margin-top: -60px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding-bottom: 50px;}
.contact .pageHead .box1 figure {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	margin-right: 30px;}
.contact .pageHead .box2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 50px;}
.contact .pageHead .box2 figure {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);}
@media only screen and (max-width: 800px) {
	.contact .pageHead {
		margin: 30px 0 50px 0;}
	.contact .pageHead h1 {
		font-size: 1.6em;
		padding-bottom: 20px;}
	.contact .pageHead .box1 {
		margin-top: -60px;
		align-items: flex-start;
		flex-direction: column;
		padding-bottom: 20px;}
	.contact .pageHead .box1 figure {
		width: 40%;
		margin: 0;}
	.contact .pageHead .box2 {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-bottom: 30px;}
	.contact .pageHead .box2 figure {
		width: 45%;}
}


/* sec01 */
.contact .sec01 .inner {
	display: flex;
	justify-content: space-between;}
.contact .sec01 .inner .left {
	width: 48%;}
.contact .sec01 .inner .right {
	width: 48%;}
.contact .sec01 ul li {
	padding: 20px 0;}
@media only screen and (max-width: 800px) {
	.contact .sec01 .inner {
		flex-direction: column;}
	.contact .sec01 .inner .left {
		width: 100%;
		margin-bottom: 50px;}
	.contact .sec01 .inner .right {
		width: 100%;}
	.contact .sec01 ul li {
		padding: 10px 0;}
}


/* secForm */
.contact .secForm .thanks {
	text-align: center;}
.contact .secForm .thanks nav.btn {
	width: 70%;
	margin: 0 auto;
	margin-top: 30px;}
.contact .secForm .thanks nav.btn a {
	position: relative;
	display: block;
	line-height: 1;
	font-weight: bold;
	color: #fff;
	font-size: 1.2em;
	border-radius: 15px;
	background: rgba(23,192,164,1);

	background: -moz-linear-gradient(left, rgba(23,192,164,1) 0%, rgba(46,211,123,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(23,192,164,1)), color-stop(100%, rgba(46,211,123,1)));
	background: -webkit-linear-gradient(left, rgba(23,192,164,1) 0%, rgba(46,211,123,1) 100%);
	background: -o-linear-gradient(left, rgba(23,192,164,1) 0%, rgba(46,211,123,1) 100%);
	background: -ms-linear-gradient(left, rgba(23,192,164,1) 0%, rgba(46,211,123,1) 100%);
	background: linear-gradient(to right, rgba(23,192,164,1) 0%, rgba(46,211,123,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17c0a4', endColorstr='#2ed37b', GradientType=1 );
	padding: 20px 0;}
.contact .secForm .thanks nav.btn a span {
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);}
.contact .secForm .thanks p.tel {
	line-height: 1;
	font-weight: bold;
	font-size: 2.0em;}
.contact .secForm .thanks p.tel2 {
	line-height: 1;
	font-weight: bold;
	font-size: 1.8em;}
.contact .secForm .thanks p.tel span {
	margin-right: 10px;
	vertical-align: 3px;}
.contact .secForm .thanks p.tel2 span {
	margin-right: 10px;
	vertical-align: 3px;}
.contact .secForm .error {
	text-align: left;
	background: #ffdfdf;
	padding: 15px;
	border: 1px solid #ee0000;}
.contact .secForm .error em {
	font-style: normal;
	color: #ee0000;}
.secForm .checkbox {
	text-align: center;
	margin-bottom: 30px;}
.secForm .checkbox p {
	font-weight: bold;}
.secForm .checkbox ul {
	display: flex;
	justify-content: center}
.secForm .checkbox ul li {
	padding: 0 15px;}
.secForm .ckview01,.secForm .ckview02 {
	font-style: normal;
	display: none;}
.secForm .ckview01.show,.secForm .ckview02.show {
	display: inline;}
@media only screen and (max-width: 800px) {
	.contact .secForm .thanks {
		text-align: left;}
	.contact .secForm .thanks nav.btn {
		text-align: center;
		width: 70%;
		margin-top: 10px;}
	.contact .secForm .thanks p.tel {
		text-align: center;
		font-size: 2.0em;}
	.contact .secForm .thanks p.tel2 {
		text-align: center;
		font-size: 1.6em;}
	.secForm .checkbox {
		margin-bottom: 15px;}
	.secForm .checkbox ul li {
		padding: 0 5px;}
}