@charset "utf-8";
/* CSS Document */


#cont01 {	position: relative; }

#cont01 .mainImg {
	margin-top: 40px;
}

#cont01 .mainImgBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: -1;
}

#cont01 .mainImg h2 {
	padding-top: 40px;
	width: 100%;
	text-align: center;
}

#cont01 .mainImg h2 img {
	width: 100%;
	max-width: 909px; 
}

#cont01 .mainImg h2 + p {
	margin-top: 40px;
	width: 100%;
	text-align: center;
}

#cont01 .mainImg h2 + p img {
	width: 100%;
	max-width: 916px; 	
}


#cont01 .illust {
	margin-top: 40px;
	width: 100%;
	text-align: center;
}

#cont01 .illust img {
	width: 100%;
	max-width: 960px; 	
}

#cont01 .txt2 {
	margin-top: 40px;
	width: 100%;
	text-align: center;
}

#cont01 .txt2 img {
	width: 100%;
	max-width: 480px;
}

#cont01 .underMove {
	margin-top: 20px;
	text-align: center;
	position: relative;
}

#cont01 .underMove div {
	position: absolute;
	top: 50%;
	left: 55%;
}







#cont02 {
	margin-top: 100px;
	position: relative;
}

#cont02 .mainTxt {
	margin-top: 40px;
}

#cont02 .mainTxtBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: -1;
}

#cont02 .mainTxt h2 {
	padding-top: 40px;
	width: 100%;
	text-align: center;
}

#cont02 .mainTxt h2 img {
	width: 100%;
	max-width: 616px; 
}

#cont02 .txt2 {
	margin-top: 60px;
	width: 100%;
	text-align: center;
}

#cont02 .txt2 img {
	width: 100%;
	max-width: 871px; 	
}

#cont02 h3 {
	margin: 60px auto 20px;
	width: 100%;
	text-align: center;
}

#cont02 h3 img {
	width: 100%;
	max-width: 382px;
}

#cont02 .column {
	text-align: center;
}

#cont02 .column div {
	display: inline-block;
}

#cont02 .column .columnTxt {
	margin-left: 20px;
}





#cont03 {
	padding: 40px 0;
	width: 100%;
	margin-top: 40px;
	background: #f3f2e6;
}

#cont03 h2 {
	width: 100%;
	text-align: center;
}
#cont03 h2 img {
	width: 100%;
	max-width: 840px;
}

#cont03 h2 + p {
	margin-top: 20px;
	width: 100%;
	text-align: center;
}
#cont03 h2 + p img {
	width: 100%;
	max-width: 873px;
}


#cont03 ul {
	margin-top: 40px;
	text-align: center;
	font-size: 0;
}

#cont03 ul li {
	text-align: center;
	display: inline-block;
	margin-left: 10px;
}
#cont03 ul li:first-child {
	margin-left: 0;
}

#cont03 .circle {
	margin-top: 20px;
	width: 144px;
	height: 144px;
	border-radius: 50%;
	background: url(../img/bg_circle.png) no-repeat center center;
	position: relative;
	display: inline-block;
}


#cont03 .circle img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -85px;
	margin-top: -45px;
}

#cont03 .circle1 img {
	margin-left: -85px;
	margin-top: -45px;
}

#cont03 .circle2 img {
	margin-left: -123px;
	margin-top: -45px;
}

#cont03 .circle3 img {
	margin-left: -116px;
	margin-top: -45px;
}


#cont04 h2 {
	width: 100%;
	max-width: 792px;
	margin-left: auto;
	margin-right: auto;
}
#cont04 h2 img {
	width: 100%;
	height: auto;
}





#cont04 h2 {
	margin-top: 80px;
	width: 100%;
	text-align: center;
}

#cont04 .column {
	margin: 40px auto 0;
	width: 100%;
	max-width: 960px;
}

#cont04 .column figure {
	display: block;
	float: left;	
}

#cont04 .column .columnTxt {
	display: block;
	float: right;
}

#cont04 .column .columnTxt h4 {
	margin-bottom: 20px;
}

#cont04 .txt1 {
	margin: 20px auto 0;
	padding-bottom: 20px;
	text-align: center;
	width: 100%;
	max-width: 926px;
}
#cont04 .txt1 img {
	width: 100%;
	height: auto;
}

#cont04 .txt2 {
	margin: 80px auto 0;
	padding-bottom: 20px;
	text-align: center;
	width: 100%;
	max-width: 846px;
}
#cont04 .txt2 img {
	width: 100%;
	height: auto;
}

#cont04 ul {
	margin-top: 20px;
	font-size: 0;
	text-align: center;
}

#cont04 ul li {
	display: inline-block;
}

#cont04 ul li.list2,
#cont04 ul li.list3,
#cont04 ul li.list5,
#cont04 ul li.list6 {
	margin-left: 15px;
}

#cont04 ul li figure + p {
	margin-top: 5px;
	font-size: 13px;
	line-height: 13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
}



footer .gDesign {
	margin: 40px auto 0;
	font-size: 0;
	text-align: center;
	width: 100%;
	max-width: 960px;
}

footer .gDesign figure,
footer .gDesign p,
footer .gDesign div {
	
	display: block;
	float: left;
}
footer .gDesign p {
	margin-left: 34px;
	margin-top: 16px;
}
footer .gDesign p img {
	width: 100%;
	max-width: 607px;
}
footer .gDesign div {
	margin-left: 34px;
	margin-top: 30px;
}

.bousaiBtn {
	width: 100%;
	max-width: 347px;
	margin: 40px auto;
	text-align: center;
}

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




@media screen and (max-width: 959px){
#cont01 .underMove div {
	margin-top: 20px;
	position: static;
}

#cont01 .mainImgBg img {
	width: 50%;
}



#cont03 ul li {
	width: 30%;
	margin-left: 2.5%;
}
#cont03 ul li figure img {
	width: 100%;
	height: auto;
}


#cont04 .column figure  {
	float: none;
	text-align: center;
}
#cont04 .column .columnTxt {
	margin-top: 6%;
	float: none;
	text-align: center;
}

#cont04 .column .columnTxt p {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 610px;
}
#cont04 .column .columnTxt p img {
	width: 100%;
	height: auto;
}

#cont04 ul li.list1,
#cont04 ul li.list2,
#cont04 ul li.list3,
#cont04 ul li.list4,
#cont04 ul li.list5,
#cont04 ul li.list6 {
	width: 30%;
	margin-left: 2.5%;
	display: block;
	float: left;
}
#cont04 ul li img {
	width: 100%;
	height: auto;	
}



footer .gDesign figure,
footer .gDesign p,
footer .gDesign div {
	display: block;
	float: none;
}
footer .gDesign p {
	margin-top: 20px;
  margin-left: 0;
}
footer .gDesign div {
	margin-top: 20px;
  margin-left: 0;
}


}

@media screen and (max-width: 839px){
#cont02 .column div {
	display: block;
}

#cont02 .column .columnTxt {
	width: 100%;
	text-align: center;
}

#cont02 .column .columnTxt img {
	width: 100%;
	max-width: 670px;
}
#cont02 .column .columnTxt {
	margin-top: 6%;
	margin-left: 0;
}

#cont03 .circle {
}

#cont03 .circle1 img {
	width: 80%;
	max-width: 170px;
}
#cont03 .circle2 img {
	width: 100%;
	max-width: 246px;
	min-width: 170px;
}
#cont03 .circle3 img {
	width: 100%;
	max-width: 233px;
	min-width: 170px;
}

}

@media screen and (max-width: 679px){
#cont02 .mainTxtBg img {
	width: 50%;
}


#cont03 ul li {
	margin-top: 40px;
	width: 100%;
	max-width: 292px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
#cont03 ul li:first-child {
	margin-left: auto;
}
#cont03 .circle1 img {
	width: auto;
	max-width: none;
}
#cont03 .circle2 img {
	width: auto;
	max-width: none;
	min-width: auto;
}
#cont03 .circle3 img {
	width: auto;
	max-width: none;
	min-width: auto;
}

#cont04 ul li.list1,
#cont04 ul li.list2,
#cont04 ul li.list3,
#cont04 ul li.list4,
#cont04 ul li.list5,
#cont04 ul li.list6 {
	width: 100%;
	max-width: 310px;
	margin-top: 4%;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
#cont04 .column .columnTxt h4 img {
	width: 100%;
	height: auto;
	max-width: 200px;
}


}

@media screen and (max-width: 379px){
.bousaiBtn {
	max-width: 300px;
}
}