@charset "UTF-8";

/*-------------------------------------------------------------------------------------------------------------------------------
* 基本設定
-------------------------------------------------------------------------------------------------------------------------------*/
body {
	font-size:12px;
	line-height:2.0;
	color:#313131;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif;
	background:#FFF;
	-webkit-text-size-adjust: 100%;
}
#container{
	width: 100%;
}

/*-------------------------------------------------------------------------------------------------------------------------------
* SP
-------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
.pc_view{
	display: none;
}

.sp_view img{
	width: 100%;
}

/* section02
------------------------------------ */
#section02{
	background: url(../img/bg01.png);
	background-size: 80px;
	padding-bottom: 7vw;
}

/* footer
=========================================================== */
#footer{
	background: url(../img/bg01.png);
	background-size: 80px;
}

}

/*-------------------------------------------------------------------------------------------------------------------------------
* PC
-------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
.sp_view{
	display: none;
}

/* header
=========================================================== */
#header{
	width: 960px;
	margin: 0 auto;
}

/* section
=========================================================== */
.section{
	width: 960px;
	margin: 0 auto;
}
.section .inner{
	width: 860px;
	margin: 0 auto;
}
.btn{
	width: 810px;
	margin: 0 auto;
}

/* section01 
------------------------------------ */
#section01{
	padding: 35px 0 45px 0;
}
#section01 .inner{
	position: relative;
}


/* section02
------------------------------------ */
#section02{
	padding: 50px 0;
	background: url(../img/bg01.png);
}
#section02 h2{
	margin-bottom: 30px;
}

/* section03 
------------------------------------ */
#section03{
	padding: 55px 0 75px 0;
}
#section03 h2{
	margin-bottom: 45px;
}


/* footer
=========================================================== */
#footer{
	width: 960px;
	margin: 0 auto;
	background: url(../img/bg01.png);
}
}




