@charset "UTF-8";

#mainvisual .inner{
	max-width:1900px;
	margin:0 auto;
}

section h2 {
    font-size: 3.7vw;
    line-height: 1.2;
    border-bottom: 1px solid #000;
    width: 90%;
    padding: 0 0 2vw;
}
section h2 span{
	font-size: 2vw;
}

#section01 .inner{

}
#section01 .inner ul{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#section01 .inner ul li{
}
#section01 .inner ul li p{
	text-align: center;
  font-size: 1.6vw;
}

#section02 {
	background:#F5F5F1;
}
#section02 ul {
    width: 95%;
    margin: 0 auto;
    max-width: 1100px;
}
#section02 ul li {
    font-size: 1.6vw;
    padding: 1.5vw 0 1.5vw 6vw;
    background: url(../../img/icon01.png)no-repeat 1vw 50% #fff;
    margin: 0 auto 40px;
    background-size: 5%;
		font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
#section02 p {
    text-align: center;
    color: #D49090;
    font-size: 1.6vw;
    margin: 0 auto 100px;
}

#section02 ul.img {
    max-width: inherit;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: stretch;
		align-items: stretch;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		width:100%;
	}

	#section02 ul.img li {
	    padding: 0;
	    background: none;
	    margin: 0 auto 20px;
	    width: 48%;
	}

	#section02 .movie{
	    max-width: 979px;
			margin:0 auto 3vw;

	}
	#section02 .movie video{
	    width: 100%;

	}




	#section03 {
	}
	#section03 h3 {
	    font-size: 2.3vw;
	    text-align: center;
	    margin: 4vw auto 4vw;
	}
	#section03 p {
	        font-size: 1.2vw;
	    text-align: center;
	    line-height: 2.2;
	    margin: 0 auto 0vw;
	    background: url(../../img/bg01.png)no-repeat center bottom;
	    padding: 0 0 10vw;
	    background-size: 100%;
	    max-width: 1040px;
	}
	#section03 p + p{
		background: none;

}
@media (max-width: 1000px) {

	#section02 ul li {
	    padding: 1.5vw 0 1.5vw 8vw;
		}

}

@media (max-width: 768px) {
	section h2 {
	    font-size: 30px;
	    padding: 0 0 20px;
	    margin: 0 auto 30px;
	}
	section h2 span {
	    font-size: 20px;
	}
	#section01 .inner ul {
	    display: -webkit-block;
	    display: block;
		}

		#section01 .inner ul li p {
		       font-size: 13px;
		}
		#section01 .inner ul li p.img {
			width:80%;
			margin:0 auto;
		}
		#section02 ul.img {
    display: -webkit-block;
    display: block;
	}
	#section02 ul.img li {
    width: 80%;
}
		#section02 ul li {
		   font-size: 12px;
		    padding: 10px 10px 10px 60px;
		    background: url(../../img/icon01.png)no-repeat 1.5vw 50% #fff;
		    margin: 0 auto 10px;
		    background-size: 40px;
		    line-height: 1.3;
		}
		#section02 p {
		    text-align: center;
		    color: #D49090;
		    font-size: 14px;
		    margin: 0 auto 30px;
		}
		#section03 {
		}
		#section03 h3 {
		    font-size: 17px;
				    line-height: 1.3;
		}

		#section03 p {
		    font-size: 12px;
		    width: 95%;
		}

		#section03 p + p{
		    width: 100%;
		}











}
