@charset "utf-8";
ul.s1 {    display: table;
    /* margin: 0 1em; */
    width: 100%;
    box-sizing: border-box;
    padding: 0.5em 2em 0 2em;
    }
ul.s1> li{
	        position: relative;
    padding: 0 0 0.5em 1em;
    width: 100%;
    clear: both;
    box-sizing: border-box;
}
ul.s1> li::before{
	content: "";
    width: 4px;
    height: 4px;
    background-color: #80b517;
    margin: 8px 30px 0 0;
    position: absolute;
    left: 0px;    top: 3px;
}
ul.s1> li .lt_date{     float: right;}
ul.s1> li .lt_date,ul.s1> li a {font-size:1.2em;}

ul.s2 {        display: table;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;}
ul.s2 li{               float: left;
    width: 11.3em;
    height: 11.3em;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    box-sizing: border-box;
    border: 1px solid #a5cf4c;
    margin-right: 5em;
    margin-bottom: 3em;
    text-align: center;
    padding-top: 9em;
    position: relative;
    color: black;
    font-weight: 400; }
ul.s2 li:after{        content: "";
    background-image: url(/img/common/arrow1.png);
    display: block;
    width: 26px;
    height: 46px;
    /* border-left: 6px solid #ff0000; */
    margin: 0px 0px 0px 0;
    position: absolute;
    top: 38%;
    right: -70px;
    background-repeat: no-repeat; }
ul.s2 li:nth-of-type(1){ }
ul.s2 li:nth-of-type(2){ }
ul.s2 li:nth-of-type(3){ }
ul.s2 li:nth-of-type(4){ margin-left: 0; }
ul.s2 li:nth-of-type(5){    }
ul.s2 li:nth-of-type(6){ }
ul.s2 li:nth-of-type(7){ }
ul.s2 li:nth-last-child(1) {}
ul.s2 li:nth-last-child(1)::after {display:none;}
ul.s2 li span {        position: absolute;
    top: 1.7em;
    left: 39%;
    font-size: 0.8em;}

ul.s3 {     display: table;
    width: auto;
    box-sizing: border-box;
    margin: 0 auto;
    margin-bottom: 9em;}
ul.s3 li{         float: left;
    width: 11em;
    height: 11em;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    box-sizing: border-box;
    border: 1px solid #a5cf4c;
    border-radius: 8em;
    margin-right: 6em;
    background-color: #94c11f;
    color: #191919;
    text-align: center;
    position: relative;}

ul.s3 li p {font-size: 0.9em;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: -4em;}
div.info {    margin: 1em 0 3em;
    display: table;
    width: 100%;}
div.info dl{    width: 25%;
    float: left;}
div.info dl:nth-of-type(3) {}
div.info dl:nth-last-child(1){}
div.info dl dt{width: 100%;
    text-align: center;
    padding: 0.5em 0;
    background-color: #f7f7f7;
    border-top: 2px solid gray;
    border-bottom: 1px solid gray;
    font-weight: 600;}
div.info dl dd{width: 100%;
    text-align: center;
    padding: 0.5em 0;
    background-color: #fff;
    border-bottom: 1px solid gray;
    font-weight: 400;}
    
@media screen and (max-width: 1000px) { 
	ul.s2 li:after {display:none;}
	ul.s2, ul.s2 li {width:100%; float:none; margin:1em 0;}
	ul.s2 li:nth-of-type(5) {margin:1em 0;}
	ul.s3, ul.s3 li {width: 100%;
    float: none;
    margin: 0 auto;
    margin: 1em 0;
    background-position-y: 2em;}
	ul.s3 li p {bottom: 1em;
    color: white;}
	div.info dl{    width: 100%;}	
	
}  

ul.banner {    display: table;
    width: 100%;
    box-sizing: border-box;
    /*border-right: 1px solid #d9d9d9; */}
ul.banner li{    background-size: 100%;
    background-position-x: center;
    background-position-y: center;}
ul.banner li:nth-of-type(1){background-image: url(/img/common/1.jpg);     height: 133px; margin-top: 2em; border: 1px solid #d9d9d9;}
ul.banner li:nth-of-type(2){background-image: url(/img/common/2.jpg);     height: 133px; margin-top: 1em; border: 1px solid #d9d9d9;}

.p_com div, .p_com p, .p_com li{font-size:1.4em;/* margin-bottom: 1em; */}
.p_com > h3:nth-of-type(1) {    margin-top: 0;}

ul.title_info {    width: 100%;
    display: table;
    box-sizing: border-box;
    margin: 0 0 3em 0;}
ul.title_info li {    box-sizing: border-box;
    display: table;}
ul.title_info li:nth-child(1) {
	        width: 30%;
    height: 14em;
    float: left;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 1em;
	}
ul.title_info li:nth-child(2) { float: right;
    width: 65%;}

@media screen and (max-width: 1000px) { 
	ul.title_info li:nth-child(1),ul.title_info li:nth-child(2) { margin-bottom:1em;width:100%; }
}

h3.title {     font-size: 3em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: -0.05em;
    position: relative;
    margin-bottom: 1em;
    padding-bottom: 1em;}
h3.title:after {  content: "";
    width: 6px;
    height: 19px;
    background-color: #e7182a;
    /* margin: 8px 30px 0 0; */
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: rotate(
45deg
);
    margin-left: -7px;}
    
h3.stitle { margin: 1.5em 0 1em 0;     clear: both;  position: relative; padding-left: 1em;}
h3.stitle:after{     content: "";
    width: 17px;
    height: 21px;
    background-image: url(/img/common/clip1.png);
    /* margin: 8px 30px 0 0; */
    position: absolute;
    left: 0px;
    top: 7px;
    background-repeat: no-repeat;
    background-position-y: center;
  }
  .center {margin:0 auto;}
.txt_center {text-align:center;}
.mt1 {margin-top:1em !important;}
.mt2 {margin-top:2em !important;}
.mt3 {margin-top:3em !important;}
.mt4 {margin-top:4em !important;}
.mt5 {margin-top:5em !important;}
.mb1 {margin-bottom:1em !important;}
.mb2 {margin-bottom:2em !important;}
.mb3 {margin-bottom:3em !important;}
.mb4 {margin-bottom:4em !important;}
.mb5 {margin-bottom:5em !important;}
  a.btn1 {            padding: 1em 3em;
    display: inline-block;
    background-color: #94c11f;
    color: white;
    border-radius: 0.5em;
    font-size: 1.4em;
    box-sizing: border-box;
    border: 1px solid white;
}
a.btn1:hover { background-color: #fff; border:1px solid #94c11f; color:#94c11f;}
.btn_center {    display: table;
    margin: 0 auto;     text-align: center;}
    
    ul.photo1 {box-sizing: border-box;
    width: 80%;
    margin: 0 auto;
    display: table;}
ul.photo1 li{width: 48%;
    float: left;
    height: 230px;
    border-radius: 1em;}


ul.img1 {
    display: flex;
    margin: 0 auto;
    width: 96%;
    margin-bottom: 10em;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    }
 ul.img1 li{
    /* float: left; */
    /* display: table; */
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    width: 30%;
    height: 200px;
    border-radius: 37em;
    /* margin-right: 2.2em; */
    position: relative;
    text-align: center;
    }    
    ul.img1 li p{    position: relative;
    font-size: 0.8em;
    top: 215px;
    word-break: keep-all;}
 ul.img1 li p span{    display: table;
    text-align: center;
    width: 100%;
    font-weight: 600;
    font-size: 1.2em;}
    
@media screen and (max-width: 1000px) { 
	ul.img1,ul.img1 li {    width: 100%;
    /* margin-right: 0; */
    margin-bottom: 5em;}
    ul.photo1, ul.photo1 li {    clear: both;
    width: 100%;
    margin-bottom: 1em;}
}

div.p_com div.img {  
    height: 450px;
    margin-bottom: 2em;
    background-size: 100%; border-radius: 2em; background-repeat: no-repeat;}

@media screen and (max-width: 1000px) { 
	div.p_com div.img {    
    background-size: cover;
    height: 13em;}
}



h3.stitle { margin: 1.5em 0 1em 0;     clear: both;  position: relative; padding-left: 1em;}
h3.stitle:after{     content: "";
    width: 17px;
    height: 21px;
    background-image: url(/img/common/clip1.png);
    /* margin: 8px 30px 0 0; */
    position: absolute;
    left: 0px;
    top: 7px;
    background-repeat: no-repeat;
    background-position-y: center;
  }
  
  
  .go_link {
    display: flex;
    width: 100%;
    max-width: 1200px;
    box-sizing: border-box;
    margin-top: 0em;
    /* margin-bottom: 10em; */
    justify-content: space-around;
    }
.go_link li{
    /* width: 25%; */
    height: 9em;
    /* float: left; */
    background-repeat: no-repeat;
    box-sizing: border-box;
    background-size: 100%;
    cursor: pointer;
    border-radius: 10em;
    /* margin-right: 4em; */
    position: relative;
    }
.go_link li p {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: -3em;
    font-size: 1.0em;
    }

li.photo1 {
    background-image: url(/img/page/2070/1.jpg);
}

.go_link li:nth-child(1){background-image:url(/img/page/2070/1.jpg);}
.go_link li:nth-child(2){background-image:url(/img/page/2070/2.jpg);}
.go_link li:nth-child(3){background-image:url(/img/page/2070/3.jpg);     
margin-right: 0;}
.go_link li:nth-child(4){background-image:url(/img/main/4.jpg); float: right;     margin-right: 0;}


ul.info1 {
    width: 100%;
    /* margin-bottom: 6em; */
    display: table;
    }
ul.info1 > li{    background-repeat: no-repeat;}
ul.info1 > li:nth-of-type(1){
    float: left;
    width: 37%;
    height: 12em;
    background-size: cover;
    }
ul.info1 > li:nth-of-type(2){    float: right;
    width: 50%;
    font-size: 1.6em;
    font-weight: 600;}
ul.info1 > li:nth-of-type(3){
    float: right;
    width: 63%;
    font-size: 0.7em;
    }
li.photo1 {background-image: url(/img/page/2070/1.jpg);}
li.photo2 {background-image: url(/img/page/2070/6.jpg);}
li.photo3 {background-image: url(/img/page/2070/7.jpg);}

ul.photo11 {
    margin: 2em 0 3em;
}
ul.photo11 li{width: 24%;
    float: left;
    height: 207px;
    border-radius: 1em;     margin-right: 0.4em;}
ul.photo11 li:nth-last-child(1) {margin-right: 0;}

ul.photo11 li:nth-of-type(1) {background-image: url(/img/page/2070/3.jpg);}
ul.photo11 li:nth-of-type(2) {background-image: url(/img/page/2070/4.jpg);}
ul.photo11 li:nth-of-type(3) {background-image: url(/img/page/2070/5.jpg);}
ul.photo11 li:nth-of-type(4) {background-image: url(/img/page/2070/6.jpg);}
div.p_3010 {
    margin-bottom: 3em;
}

ul.top_photo_2070 li:nth-of-type(1) {background-image: url(/img/page/2070/11.jpg);}
ul.top_photo_2070 li:nth-of-type(2) {background-image: url(/img/page/2070/22.jpg);}
ul.top_photo_2070 li:nth-of-type(3) {background-image: url(/img/page/2070/34.jpg);}

ul.top_photo_2070 {}
ul.top_photo_2070 li{
    background-size: 100%;
}

@media screen and (max-width: 1000px) { 
	ul.info1 > li:nth-of-type(1),ul.info1 > li:nth-of-type(2),ul.info1 > li:nth-of-type(3) {width: 100%;
    background-size: cover;}
}