@charset "utf-8";

.htr-col-left {
	width: 65%;
	float: left;
/*	margin-top: 20px;*/
	padding-right: 20px;
	box-sizing: border-box;
	    margin-bottom: 30px;
}
.htr-col-right {
	width: 35%;
	float: left;
	box-sizing: border-box;
	margin-bottom: 30px;
}
.htr-col-right img{
	width: 100%;
    height: auto;
} 

.title-style4{
    margin-top: 30px;
    margin-bottom: 10px;
    text-align: center;
}
.title-style4 h4 {
    font-size: 2.4em;
    font-weight: bold;
    width: auto;
    border: double #2daa12 6px;
    display: inline-block;
    padding: 1% 5%;
    border-radius: 20px;
        background: rgba(192, 246, 195, 0.2);
        color: #007200;
}
.flow{
    position: relative;
}
.gallery-img-style3{

}

.gallery-img-style1{
width:100%;
height:auto;
float:left;	
}

.gallery-img-style1 .gl-one-element{
width:22.7%;
height:auto;
float:left;	
box-sizing:border-box;
    border: 1px solid #FFD700;
    background: #FFD700;
}

.gallery-img-style1 .gl-one-element3{
width:31%;
height:auto;
float:left;	
box-sizing:border-box;
margin-right: 3%;
    border: 1px solid #FFD700;
    background: #FFD700;
}

.gallery-img-style1 .gl-frame-img{
	width:100%;
	height:auto;
	margin-bottom:5px;
	float:left;
}

.gallery-img-style1 .gl-frame-img img{
	width:100%;
	height:auto;
	    max-width: none!important;
}

.gallery-img-style1 .gl-one-element .gl-name{
/*	color:#fff;*/
	font-size:1.6em;
	line-height:160%;
	font-weight:bold;
	width:100%;
	height:auto;
	margin-bottom:0px;
	text-align:center;
	float:left;
}
.gallery-img-style1 .gl-one-element2{
width:3%;
height:auto;
float:left;	
box-sizing:border-box;
}

.gallery-img-style1 .gl-one-element2 .gl-name {
/*	color:#fff;*/
	font-size:2.0em;
	line-height:160%;
	font-weight:bold;
	width:100%;
	text-align:center;
	float:left;
    margin-top:65px;
}

.gallery-img-style1 .gl-one-element2 .gl-name img {
    width: 100%;
}

.gallery-img-style1 a.gl-one-element3{
width:31%;
height:150px;
float:left;	
box-sizing:border-box;
margin-right: 3%;
border: solid 3px #2daa12;
    padding: 2%;
        border-radius: 20px;
        background: rgba(192, 246, 195, 0.2);
}
.gallery-img-style1 a.gl-one-element3 .gl-name{
	color: #2D12A8;
    font-size: 2em;
	line-height:160%;
	font-weight:bold;
	width:100%;
	height:auto;
	margin-bottom:10px;
	text-align:center;
	float:left;
}
.gallery-img-style1 a.gl-one-element3:hover{
    opacity: 0.7;
}
.gallery-img-style1 a.gl-one-element3 .gl-frame-img{
	width:100%;
	height:auto;
	margin-bottom:5px;
	float:left;
	text-align: center;
}
.gallery-img-style1 a.gl-one-element3 .gl-frame-img2{
    margin-bottom: 15px;
    margin-top: 15px;
}
.gallery-img-style1 a.gl-one-element3 .gl-frame-img3 img{
    width: 68%;
}
.gallery-img-style1 a.gl-one-element3 .gl-frame-img4 img{
    width: 34%;
}
.gallery-img-style1 .gl-one-element4 {
    width: 47.5%;
    height: auto;
    float: left;
    box-sizing: border-box;
}
.gallery-img-style2{
	float: right;
/*    margin-top: -413px;*/
        position: absolute;
    top: 50px;
}
.gallery-img-style2 .gl-one-element3{
    float: right;
}

.gallery-img-style2 .gl-one-element2{
    height: auto;
    float: right;
    box-sizing: border-box;
    width: 31%;
        top: 240px;
    position: relative;
}
.gallery-img-style3 .gl-one-element2{
    height: auto;
    float: left;
    box-sizing: border-box;
    width: 31%;
}
.gallery-img-style2 .gl-one-element2 .gl-name {
/*	color:#fff;*/
	font-size:2.0em;
	line-height:160%;
	font-weight:bold;
	width:100%;
	text-align:center;
	float:left;
	    margin-top: 0;
}

.gallery-img-style2 .gl-one-element2 .gl-name img {
	width:100%;
	    width: 7%;
}
.gallery-img-style3 .gl-one-element2 .gl-name {
/*	color:#fff;*/
	font-size:2.0em;
	line-height:160%;
	font-weight:bold;
	width:100%;
	text-align:center;
	float:left;
	    margin-top: 0;
}

.gallery-img-style3 .gl-one-element2 .gl-name img {
	width:100%;
	    width: 7%;
}
.gallery-img-style1 .gl-one-element3 .gl-name {
    font-size: 1.6em;
    line-height: 160%;
    font-weight: bold;
    width: 100%;
    height: auto;
    /* margin-bottom: 10px; */
    text-align: center;
    float: left;
}
.gallery-img-style2 .gl-one-element3 .gl-name {
    font-size: 1.6em;
    line-height: 160%;
    font-weight: bold;
    width: 100%;
    height: auto;
    /* margin-bottom: 10px; */
    text-align: center;
    float: left;
}
.gallery-img-style4{
    position: absolute;
    top: 50px;
}
.gallery-img-style4 .gl-one-element{
        text-align: center;
    width: 100%;
    /* margin: auto; */
    border: none;
    background: none;
}
.gallery-img-style4 .gl-one-element .gl-name{
    font-size: 25px;
    /* top: 200px; */
    margin-top: 80px;
    border: 2px solid;
    border: 5px double #2daa12;
    width: 20%;
    text-align: center;
    /* margin: auto; */
    /* float: none; */
    margin-left: 39%;
    border-radius: 35px;
    padding: 1%;
    background: rgba(192, 246, 195, 0.2);
}

.gallery-img-style6{
	display: none;
}

.cnt{
/*    margin-bottom: 30px;*/
}
.cnt span.red{color: red;}
.cnt ul{    padding-left: 30px;}
.cnt ul li{    list-style: disc;}

.info-table1{
	width:100%;
	height:auto;
	border:0;
	border-top:solid 1px #333;
	border-left:solid 1px #333;
	background: #fff;
	}

.info-table1 tr td{
	padding:7px 10px;
	border-bottom:solid 1px #333;
	border-right:solid 1px #333;
	word-break: break-all;
	vertical-align: middle;
	}
	
.info-table1 tr td.col1{
/*	background-color :rgba(243, 151, 0, 0.1);
	font-weight:bold;*/
	    letter-spacing: 3px;
	    text-align: center;
	    background: rgba(32, 177, 74, 0.15);
	    vertical-align: top;
	        background: #fff;
	}
	
.info-table1 tr.row1 td.col1{
/*	border-top: solid 4px #2DAA12;*/
	    width: 25%; 
	}
	
.info-table1 tr.row1 td.col2{
/*	border-top: solid 4px #2DAA12;
	    padding: 0 10px 0 20px;  */
	}
.info-table1 tr td.col2{
	    text-align: left;
	    padding-left: 20px;
/*	        background: #FBE8F0;
	        background: rgba(251, 231, 240, 0.5); */
	}
.info-table1 tr td.col2 ul{
	padding-left: 20px;
}
.info-table1 tr td.col2 ul li{
    list-style: disc;
}
.info-table1 tr td.col2 ol{
	padding-left: 20px;
}
.info-table1 tr td.col2 ol li{
    list-style: decimal;
        padding-bottom: 5px;
}
.info-table1 tr td.col3{ 
	}
.info-table1 tr td.col4, .info-table1 tr td.col5, .info-table1 tr td.col6, .info-table1 tr td.col7{
	    text-align: center;
	}
	
.info-table1 tr td.col2 a{color: #535353;    text-decoration: none;}	
.info-table1 tr td.col2 a:hover{opacity: 0.7;}
	
.info-table1 tr.row1 td.col2 img{
    display: inline-block;
    width: 120px;
    vertical-align: middle;}
    

.info-table1 tr.row1 td.col10{
	    width: 20%;
	    letter-spacing: 0px;
	border-top: solid 4px #F5BBD2;
	}	
.info-table1 tr.row1 td.col11{
	border-top: solid 4px #F5BBD2;
	    padding: 0 10px 0 20px;  
	}
.info-table1 tr td.col11{
	    padding-left: 20px; 
	}
.info-table1 tr td.col10{
	    font-weight:normal;
	    text-align: center;  
	}
	
	
@media screen and (max-width:1200px) {
.gallery-img-style1 a.gl-one-element3 .gl-frame-img2{
	margin-bottom: 12px;
    margin-top: 12px;
}
}

@media screen and (max-width:768px) {
.list-left {
    width: 36%;
 }

.list-right {
    width: 61%;
 }
 .gallery-img-style2 .gl-one-element{
     width: 31%;
     margin-bottom: 0px;
 }
 .gallery-img-style1 .gl-one-element2 .gl-name{
/* margin-top: 50px;*/
 }
 .gallery-img-style2 .gl-one-element2{
     top: 195px;
 }
.gallery-img-style1 a.gl-one-element3{
	height: 125px;
}
}
@media screen and (max-width:670px) {
.list-left {
    width: 42%;
 }

.list-right {
    width: 55%;
 }

.htr-col-left {
	width: 100%;
    padding-right: 0px;
    margin-bottom: 20px;
}
.htr-col-right {
	width: 100%;
	padding-bottom: 40px;
}

	.gallery-img-style1 .gl-one-element{
	 width:100%;
	}
	.gallery-img-style1 .gl-one-element2{
	width: 100%;
	margin: 20px 0;
	}
 .gallery-img-style1 .gl-one-element2 .gl-name{
 transform: rotate(90deg);
     margin-top: 0;
 }
 
	.gallery-img-style1 .gl-one-element3, .gallery-img-style1 .gl-one-element4{
	width:100%;
	margin-right: 0;
	}
	.gallery-img-style1 a.gl-one-element3 .gl-name{
	    font-size: 1.8em;
	        font-size: 2.6em;
	}
	.gallery-img-style2 .gl-one-element2 .gl-name{
    transform: rotate(180deg);
	}
	.gallery-img-style3 .gl-one-element2 .gl-name{
    transform: rotate(0deg);
	}
	.gallery-img-style2{
	    position: unset;
/*	        position: relative;
	            top: 85px;*/
	}
	.gallery-img-style4{
	    position: unset;
	}
	.gallery-img-style5{
	        margin-top: 0;
	            margin-bottom: 30px;
	}
	.gallery-img-style1 .gl-one-element2 .gl-name img{
	    width: 10.5%;
	}
	.gallery-img-style3 .gl-one-element2 .gl-name img{
	    width: 7%;	
	}
	.gallery-img-style2 .gl-one-element2 .gl-name img{
	    width: 7%;	
	}
	.gallery-img-style3 .gl-one-element2{
	margin: 0;
	}
	.gallery-img-style2 .gl-one-element2{
	    top: -555px;
	    margin: 0;
	}
	.gallery-img-style1 a.gl-one-element3{
	    width: 100%;
    height: auto;
    margin-bottom: 25px;
	}
	.gallery-img-style1 .gl-one-element .gl-name, .gallery-img-style1 .gl-one-element3 .gl-name, .gallery-img-style2 .gl-one-element3 .gl-name{
	    margin-top: 5px;
	    margin-bottom: 5px;
	    font-size: 2em;
	}
	.gallery-img-style4 .gl-one-element .gl-name{
	    margin-top: 20px;
	        width: 50%;
	            margin-left: 24%;
	                margin-bottom: 20px;
	                    font-size: 25px;
	}
	.gallery-img-style5{
		    display: none;
	}
	.gallery-img-style6{
		    display: inline-block;
	}
}


@media screen and (max-width:480px) {
.list-left {
    width: 100%;
    margin-right: 0%;
 }

.list-right {
    width: 100%;
    float: left;
    margin-top: 15px;

 }
.gallery-img-style2 .gl-one-element{
    width: 100%;
    margin-bottom: 20px;
}
.gallery-img-style4 .gl-one-element .gl-name{
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 25px;
    width: 70%;
    margin-left: 14%;
    letter-spacing: 5px;
}
.gallery-img-style3 .gl-one-element2{
    margin: 5px 0;
}
.gallery-img-style2 .gl-one-element2{
    top: -330px;
}
.gallery-img-style2{
/*    margin-top: 65px;*/
    top: 55px;
}
    .gallery-img-style5 .gl-one-element2{
        margin: 0;
}
.info-table1 tr td.col1{
	letter-spacing: 0px;
	padding: 7px 5px;
}
.info-table1 tr td.col2{
    padding-left: 10px;
}
.info-table1 tr.row1 td.col2{

}
}