@charset "utf-8";
/* manual
========================================== */
.pcOnly {
	display: block;
}
.spOnly {
	display: none;
}
.tabOnly {
	display: none;
}
.pctabOnly {
	display: block;
}
.tabspOnly {
	display: none;
}


body {
	width: 100%;
}
img{width:100%;}
.block{
	max-width:1100px;
	margin:0 auto;
}
.left{
	float:left;
}
.right{
	float:right;
}
.txt {font-size: 16px;line-height: 1.8;}
.chu {font-size: 14px;
text-align:right;
}
.con {max-width: 1300px;margin: 0 auto;}
header {background: url(/zeh-m/images/bg.jpg) center center no-repeat;background-size: cover;padding: 7vh;}
header h1 {color: #ffffff;text-align: center;font-weight: normal;letter-spacing: 5px;font-size: 40px;}
header h1 span {font-weight: bold;position: relative;}
header h1 span sub {position: absolute;width: 100%;bottom: -16px;left: 0px;font-weight: normal;letter-spacing: 4px;font-size: 13px;}

section{
}



 .sec01 {padding: 8vh 0;text-align: center;}
 .sec01 .img {
    margin-bottom: 3vh;
}
 .sec01 .img img {max-width: 304px;}
 .sec01 h2 {margin-bottom: 2vh;font-size: 30px;letter-spacing: 3px;}
 .sec01 .txt {
}

 .sec02 {margin-bottom: 10vh;}
 .sec02 .img {margin-bottom: 5px;}
 .sec02 .img img {
}
 .sec02 p.chu {
}

 .sec03 {
 	margin-bottom:5vh;
}
 .sec03 h2 {background: url(/zeh-m/images/bg.jpg) center center no-repeat;background-size: cover;padding: 5vh;color: #ffffff;text-align: center;margin-bottom: 3vh;font-size: 30px;letter-spacing: 7px;}
 .sec03 .txt {text-align: center;margin-bottom: 3vh;}
 .sec03 ul {
    display: flex;
    flex-wrap: wrap;
}
 .sec03 ul li {float: left;/* width: 18%; */max-width: 190px;margin-right: 31px;}
 .sec03 ul li img {
    margin-bottom: 10px;
}
 .sec03 ul li h4 {margin-bottom: 5px;text-align: center;font-size: 20px;}
 .sec03 ul li .txt {text-align: left;}
 .sec03 ul li .txt small {
}

.sec03 ul li:nth-child(4),
.sec03 ul li:nth-child(9){
	margin-right:0;
}

 .sec03 ul li.col2 {max-width: 432px;}
 .sec03 ul li.col2 img {
}
 .sec03 ul li.col2 h4 {
}
 .sec03 ul li.col2 .txt {
}
 .sec04 {
 	margin-bottom: 10vh;
}
 .sec04 h2 {background: url(/zeh-m/images/bg.jpg) center center no-repeat;background-size: cover;padding: 5vh 0;color: #ffffff;text-align: center;margin-bottom: 3vh;font-size: 25px;letter-spacing: 3px;}

 .sec04 .left {max-width: 420px;}
 .sec04 .left .img {
}
 .sec04 .left .img img {
}
 .sec04 .right {
 	max-width: 652px;
}
 .sec04 .right .txt {
}
footer {background: url(/zeh-m/images/bg.jpg) center center no-repeat;background-size: cover;padding: 2vh 0;color: #ffffff;text-align: center;}
footer .copy {
}

.pagetop {
    position: fixed;
    right: 10px;
    bottom: 50px;
    z-index: 50;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    height: 40px;
    width: 40px;
    padding: 9px 7px 4px 7px;
    cursor: pointer;
}
.pagetop i{
    color: #0a2c2b;
    font-size: 33px;
}

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

.pcOnly {
	display:none ;
}
.spOnly {
	display: block;
}


body {
	width: 100%;
}
img{width:100%;}
.block{
	width:96%;
}
.con {
}
header {
}
header h1 {
}
header h1 span {
}
header h1 span sub {
}

section{
}



 .sec01 {
}
 .sec01 .img {
}
 .sec01 .img img {
}
 .sec01 h2 {
}
 .sec01 .txt {
}

 .sec02 {
}
 .sec02 .img {
}
 .sec02 .img img {
}
 .sec02 p.chu {
}
 .sec03 {
}

 .sec03 h2 {
}
 .sec03 .txt {
}
 .sec03 ul {text-align: center;display: flow-root;}
 .sec03 ul li {display: inline-block;float: none;vertical-align: text-top;margin: 0 1% 20px;}
 .sec03 ul li img {
}
 .sec03 ul li h4 {
}
 .sec03 ul li .txt {
}
 .sec03 ul li .txt small {
}
 .sec03 ul li.col2 {
}
 .sec03 ul li.col2 img {
}
 .sec03 ul li.col2 h4 {
}
 .sec03 ul li.col2 .txt {
}
 .sec03 ul.col2 {
}
 .sec03 ul.col2 li {
}
 .sec03 ul.col2 li img {
}
 .sec03 ul.col2 li h4 {
}
 .sec03 ul.col2 li .txt {
}
 .sec03 ul.col2 li h4 small {
}
 .sec04 {
}
 .sec04 h2 {
}

 .sec04 .left {float: none;margin: 0 auto 3vh;}
 .sec04 .left .img {
}
 .sec04 .left .img img {
}
 .sec04 .right {
 	max-width:650px;
 	float: none;
 	margin: 0 auto;
}
footer {
}
footer .copy {
}
.pagetop {
}
.pagetop i {
}

}


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

.pcOnly {
	display:none ;
}
.spOnly {
	display: block;
}


body {
	width: 100%;
}
img{width:100%;}
.block{
	width:96%;
}
.txt {font-size: 14px;line-height: 1.8;}
.chu {font-size: 12px;
text-align:right;
}
.con {
}
header {padding: 5vh 2%;}
header h1 {font-size: 20px;letter-spacing: 0px;}
header h1 span {
}
header h1 span sub {bottom: -15px;font-size: 10px;letter-spacing: 0px;}

section{
}



 .sec01 {padding: 5vh 0;}
 .sec01 .img {
}
 .sec01 .img img {
}
 .sec01 h2 {font-size: 22px;letter-spacing: 0px;}
 .sec01 .txt {
}
 .sec02 {
}

 .sec02 .img {
}
 .sec02 .img img {
}
 .sec02 p.chu {
}
 .sec03 {
}

 .sec03 h2 {font-size: 20px;letter-spacing: 0px;}
 .sec03 .txt {
}
 .sec03 ul {text-align: center;display: flow-root;}
 .sec03 ul li {
    width: 47%;
}
 .sec03 ul li img {
}
 .sec03 ul li h4 {font-size: 16px;}
 .sec03 ul li .txt {
}
 .sec03 ul li .txt small {
}
 .sec03 ul li.col2 {width: 100%;}
 .sec03 ul li.col2 img {
}
 .sec03 ul li.col2 h4 {
}
 .sec03 ul li.col2 .txt {
}
 .sec03 ul.col2 {
}
 .sec03 ul.col2 li {
}
 .sec03 ul.col2 li img {
}
 .sec03 ul.col2 li h4 {
}
 .sec03 ul.col2 li .txt {
}
 .sec03 ul.col2 li h4 small {
}
 .sec04 {
}
 .sec04 h2 {font-size: 20px;letter-spacing: 0px;}

 .sec04 .left {float: none;margin: 0 auto 3vh;}
 .sec04 .left .img {
}
 .sec04 .left .img img {
}
 .sec04 .left .txt {
}
footer {
}
footer .copy {
}
.pagetop {
}
.pagetop i {
}

}