.mainimg img {
	width: auto;
}


/*contents01*/
.contents01 {
	width: 100%;
	text-align: center;
}


/*cont01-box*/
.cont01-wrap {
	width: 100%;
	background-image: url(../../common/img/title/img-foot-title.png);
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 45px;
}

.cont01-box {
	width: 100%;
	background-image: url(../img/index/contents01-back.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:100% auto;
	padding-top: 50px;
	position:relative;
}

.cont01-box p.img-philosophy {
	width: 100%;
	position:absolute;
	left:0px;
	top:590px;
}

.cont01-box p.img-philosophy img {
	width: 1000px;
	height:auto;
}


.cont01-box .box {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
}

.cont01-box .box h5 {
	font-family: "kozuka-gothic-pr6n", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 38px;
	font-weight: 200;
	color: #00a99d;
	letter-spacing:0.05em;
	line-height:1.2;
	margin-bottom:20px;
}

.cont01-box .box h6 {
	font-family: "kozuka-gothic-pr6n", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 29px;
	font-weight: 300;
	color: #000;
	letter-spacing: 0.1em;
	line-height: 1.4;
	margin-bottom: 25px;
	background-image: url(../img/index/img-foot-title.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 20px;
}

.cont01-box .box p {
	font-size: 14px;
	color: #000;
	letter-spacing: 0.1em;
	line-height: 1.6;
}


.cont01-box .box01 {
	padding-bottom:60px;
}

.cont01-box .box01 p {
	width:490px;
	margin-left:auto;
	margin-right:auto;
	border-radius:20px;
	padding:20px;
	padding-bottom:20px;
	background-color:rgba(255,255,255,0.5);
	text-align:left;
}

.cont01-box .box01 .midashi02 {
	clear: both;
	width: 100%;
	text-align: center;
	margin-bottom:30px;
}

.cont01-box .box01 .midashi02 h3 {
	font-family: "kozuka-gothic-pr6n", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 60px;
	font-weight: 200;
	color: #00a99d;
	margin-bottom: 3px;
	line-height:1.2;
}

.cont01-box .box01 .midashi02 h4 {
	font-family: "kozuka-gothic-pr6n", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	font-weight: 200;
	color: #FFF;
	line-height:1.2;
	background-color:#29abe2;
	padding:15px;
	letter-spacing:0.1em;
	padding-top:4px;
	padding-bottom:2px;
	display:inline-block;
	border-radius:30px;
}

.cont01-box .box02 {
	margin-top: 460px;
	padding-top: 50px;
	background-image: url(../../common/img/title/img-bg-title2.png);
	padding-bottom:80px;
}

.cont01-box .box02 p {
	width:670px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.cont01-box .box02 h6 {
	background-image: url(../img/index/img-foot-title4.png);
}

.cont01-box .box03 {
	background-image: url(../../common/img/title/img-bg-title2.png);
	background-position:center 410px;
	padding-bottom:60px;
}

.cont01-box .box04 {
	background-position:center 410px;
}

.cont01-box .box03 h6 {
	background-image: url(../img/index/img-foot-title3.png);
}

.cont01-box .box03 h4 {
	width:100%;
}

.cont01-box .box04 h4 {
	margin-bottom:50px;
}

.cont01-box .box03 h4 img {
	width:100%;
	height:auto;
}

.cont01-box .box03 div {
	width:415px;
	display:inline-block;
	vertical-align:top;
	margin-left:20px;
	margin-right:20px;
}

.cont01-box .box03 div p {
	text-align:left;
}

.cont01-box .box03 .box05 {
	padding-top:50px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}

.cont01-box .box03 .box05 h6 {
	background-image: url(../img/index/img-foot-title4.png);
}

.cont01-box .box03 .box05 p {
	width:670px;
	margin-left:auto;
	margin-right:auto;
}






.sp-view {
	display:none;
}


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

.mainimg img {
	width:100%;
	height:auto;
}



/*cont01-box*/
.cont01-wrap {
	width: 100%;
	background-size:auto 20px;
	padding-top: 20px;
}

.cont01-box {
	width: 100%;
	background-size:auto 670px;
	padding-top: 30px;
}

.cont01-box p.img-philosophy {
	top:570px;
}

.cont01-box p.img-philosophy img {
	width: 92%;
	height:auto;
}


.cont01-box .box h5 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 28px;
	font-weight: normal;
}

.cont01-box .box h6 {
	font-size: 20px;
	background-size:300px auto;
	background-image: url(../img/index/img-foot-title.png);
}

.cont01-box .box p {
}


.cont01-box .box01 {
	padding-bottom:60px;
}

.cont01-box .box01 p {
	width:92%;
}

.cont01-box .box01 .midashi02 {
	clear: both;
	width: 100%;
	text-align: center;
	margin-bottom:30px;
}

.cont01-box .box01 .midashi02 h3 {
	font-size: 50px;
}

.cont01-box .box02 {
	margin-top: 35%;
	padding-top: 40px;
	padding-bottom:60px;
}

.cont01-box .box02 p {
	width:92%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.cont01-box .box02 p br {
	display:none;
}


.cont01-box .box03 {
	background-position:center 80px;
	padding-bottom:20px;
}

.cont01-box .box04 {
	background-position:center 80px;
}

.cont01-box .box03 h4 {
	margin-bottom:20px;
}

.cont01-box .box04 h4 {
	margin-bottom:50px;
}

.cont01-box .box03 div {
	width:92%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:40px;
}

.cont01-box .box03 .box05 {
	padding-top:10px;
	width:92%;
	margin-bottom:30px;
}

.cont01-box .box03 .box05 p {
	text-align:left;
}






.sp-view {
	display:block;
}

.pc-view {
	display:none;
}	
	
}