/* hero-home */
#topVisual{
	margin-bottom:65px;
}

#topVisual .wrap01,
#topVisual .wrap02,
#topVisual .wrap03{
	position: relative;
	height:400px;
}
#topVisual .wrap01{
	background:url(../../images/page/slider_bg_1.png) no-repeat 50% 50%;
	background-size: cover;
}
#topVisual .wrap02{
	background:url(../../images/page/slider_bg_2.png) no-repeat 50% 50%;
	background-size: cover;
}
#topVisual .wrap03{
	background:url(../../images/page/slider_bg_3.png) no-repeat 50% 50%;
	background-size: cover;
}

#topVisual .wrap01 img{
	position: absolute;
	top:60px;
	left:60px;
}

#topVisual .wrap02 img{
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}

#topVisual .wrap03 img{
	position: absolute;
	top:50%;
	right:60px;
	transform: translateY(-50%);
}

body .slick-dots{
	bottom:-25px;
	z-index:10;
}

body .slick-dots li{
	width:12px;
	height:12px;
	margin:0 10px;
}

body .slick-dots li button::before{
	opacity: 1;
	width:12px;
	height:12px;
	font-size:1.8rem;
	color:#eeeeee;
}

body .slick-dots li.slick-active button::before{
	color:#a4e9b3;
}

body .slick-dotted.slick-slider{
	margin-bottom:0;
}

/* title */

.ttl-home-1{
	font-size:2rem;
	font-weight: normal;
	margin-bottom:35px;
}

.ttl-home-1 span{
	display: block;
	font-size:2.6rem;
	font-weight: bold;
	font-family:'Times New Roman',游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
	color:#67cc7d;
	line-height: 1;
	margin-bottom:10px;
}

/* section1 */

.section1 .wrap-group1,
.section3 .wrap-group1{
	background:#f9f9f9;
	padding:20px;
	box-sizing: border-box;
	margin-bottom:50px;
}

.section1 a{
	text-decoration: none;
	display: block;
}

.section1 .wrap2-group1,
.section3 .wrap2-group1{
	border:#67cc7d solid 1px;
	padding:35px 25px;
	box-sizing: border-box;
	position: relative;
}

.section1 .wrap2-group1::before{
	content:'';
	width: 65px;
	height:5px;
	position: absolute;
	top:185px;
	left:340px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9bedf3+0,a4f5be+100 */
	background: rgb(155,237,243); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(155,237,243,1) 0%, rgba(164,245,190,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(155,237,243,1) 0%,rgba(164,245,190,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(155,237,243,1) 0%,rgba(164,245,190,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bedf3', endColorstr='#a4f5be',GradientType=0 ); /* IE6-9 */
}

.section1 .wrap2-group1::after{
	content:'';
	width: 65px;
	height:5px;
	position: absolute;
	top:185px;
	right:340px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9bedf3+0,a4f5be+100 */
	background: rgb(155,237,243); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(155,237,243,1) 0%, rgba(164,245,190,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(155,237,243,1) 0%,rgba(164,245,190,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(155,237,243,1) 0%,rgba(164,245,190,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bedf3', endColorstr='#a4f5be',GradientType=0 ); /* IE6-9 */
}

.section1{
	margin-bottom:90px;
}


.section1 p{
	font-size:1.5rem;
	font-weight: bold;
}

.section1 .pure-g{
    margin:0 -60px;
}

.section1 .pure-g [class*=pure-u]{
    padding:0 60px;
}

.section1 img{
	margin-bottom:20px;
}

/* section2 */

.section2{
	background: #f9f9f9;
}

.section2 h2{
	background:#fff;
	padding-bottom:35px;
}

.section2 .pure-g{
    margin:0 -35px;
}

.section2 .pure-g [class*=pure-u]{
    padding:0 35px 30px;
}

.section2 img{
	margin-bottom:20px;
}

.section2 a{
	text-decoration: none;
	font-size:2rem;
	font-weight: bold;
	display: block;
	max-width:400px;
}

/* section3 */

.section3{
	padding:85px 0 60px;
}

.section3 .pure-g{
    margin:0 -15px;
}

.section3 .pure-g [class*=pure-u]{
    padding:0 15px;
}

.section3 .area-btn{
	margin-top:35px;
}

a.link-type-2{
	display: block;
	max-width: 350px;
	margin:0 auto;
	text-decoration: none;
}
a.link-type-2 img{
	margin-bottom:15px;
}
a.link-type-2 p{
	font-weight: bold;
	font-size: 1.8rem;
}

.section3 h3{
	text-align: center;
	font-size:1.8rem;
	background:url(../../images/page/img_home_8.png) no-repeat top center;
	padding:30px 0 10px;
	margin-bottom:35px;
}

/* aside1 */

.aside1{
	margin-bottom:55px;
}

.aside1 .container{
	max-width: 880px;
}

.aside1 li{
	font-size:1.6rem;
	padding:10px 0;
	border-bottom:1px solid #eeeeee;
}

.aside1 ul{
	margin-bottom:15px;
}

.aside1 li time{
	font-weight: bold;
	margin-right:25px;
}

.aside1 a{
	text-decoration: none;
}

.aside1 a img{
    display: inline-block;
    vertical-align: middle;
    margin:0;
    margin-right:15px;
}

@media screen and (max-width:400px) {
	/*
	#topVisual .wrap01, #topVisual .wrap02, #topVisual .wrap03{
		height:250px;
	}

	#topVisual .wrap01 img,
	#topVisual .wrap02 img,
	#topVisual .wrap03 img{
		position: absolute;
	    top: 50%;
	    left: 50%;
	    width: 90%;
	    transform: translate(-50%,-50%);
	}

	#topVisual .wrap01::before,
	#topVisual .wrap02::before,
	#topVisual .wrap03::before{
		content:'';
		position: absolute;
		top:20px;
		right:0;
		bottom:20px;
		left:0;
		background: rgba(255,255,255,0.4);
	}*/
}

@media screen and (max-width:768px) {

	.section1 .wrap2-group1::before,
	.section1 .wrap2-group1::after{
		display: none;
	}

	.section1 .pure-g {
	    margin: 0 -20px;
	}
	.section1 .pure-g [class*=pure-u] {
	    padding: 0 20px;
	}

	.section2 a{
		margin: 0 auto;
	}

	#topVisual .wrap01,
	#topVisual .wrap02,
	#topVisual .wrap03{
		background:none;
		height:auto;
	}

	#topVisual .wrap01 img,
	#topVisual .wrap02 img,
	#topVisual .wrap03 img{
		position: static;
		width: 100vw;
		height: auto;
	    transform: translateY(0);
	}

	.section2 a,
	a.btn-type-3{
		font-size:1.8rem;
	}

	.section3 h3{
		background: url(../../images/page/img_home_8.png) no-repeat center center;
	}

	.aside1 li time{
		display: block;
	}
}


@media screen and (min-width:769px) and (max-width:1025px){
	#topVisual .wrap01,
	#topVisual .wrap02,
	#topVisual .wrap03{
		background:none;
		height:auto;
	}

	#topVisual .wrap01 img,
	#topVisual .wrap02 img,
	#topVisual .wrap03 img{
		position: static;
		width: 100vw;
		height: auto;
	    transform: translateY(0);
	}

	.section1 .wrap2-group1::before,
	.section1 .wrap2-group1::after{
		display: none;
	}
}