.inside{
    padding:50px 0 100px;
}
.inside > div{
    display:flex;
    justify-content:space-between;
}
.inside .left{
    width:300px;
}
.inside .left > .title{
    padding:20px 0;
    color:#fff;
    font-size:1.4em;
    text-align:center;
    background:var(--color-1);
}
.inside .left ul{
    padding:30px 40px;
    list-style:none;
}
.inside .left ul li{
    position:relative;
    padding:10px 0;
    text-indent:2em;
    border-bottom:1px solid #999;
}
.inside .left ul li:before,
.inside .left ul li:after{
    position:absolute;
    display:block;
    top:50%;
    content:'';
    transform:translateY(-50%);
}
.inside .left ul li:before{
    width:14px;
    height:14px;
    background:var(--color-1);
    border-radius:50%;
}
.inside .left ul li:after{
    font-family:cursive;
    content:'>';
    left:-27px;
    color:#fff;
    font-size:9px;
}
.inside .left ul li a{
    color:#999;
}
.inside .left .contact{
	position:relative;
    padding:20px;
    line-height:150%;
    color:#666;
}

.inside .left .contact .title{
    margin-bottom:10px;
    font-size:18px;
    font-weight:bold;
}
.inside .right{
	position:relative;
    width:750px;
}
.inside .right .top{
    margin-bottom:20px;
    padding:10px 20px;
    color:#fff;
    background:var(--color-1);
}
.inside .right .top a{
    color:#fff;
    font-size:14px;
}
.inside .right .top a:hover{
    text-decoration:underline;
}
.inside .right .about{
	position:relative;
}
.inside .right .about p{
    text-indent:2em;
    line-height:300%;
    text-align:justify;
}
.inside .right .about h2{
	padding:20px 0 20px;
}
.inside .right .about .contact-img{
	position:absolute;
	right:0;
	top:100px;
	width:350px;
}
.inside .right .about .contact-img img{
	width:100%;
}
.inside .right ul.news{
    padding:0 20px;
}
.inside .right ul.news li{
    padding:15px 0;
    display:flex;
    justify-content:space-between;
    border-bottom:1px dotted #999;
}
.inside .right ul.news li a{
	color:#333;
}
.inside .right ul.product{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}
.inside .right ul.product li{
    position:relative;
    margin:0 8px;
    width:230px;
    height:200px;
}
.inside .right ul.product li .img{
    position:relative;
    width:100%;
    height:160px;
    padding:5px;
    border:1px solid #999;
}
.inside .right ul.product li .img img{
    position:relative;
    top:50%;
    left:50%;
    width:100%;
    max-height:100%;
    transform:translate(-50%,-50%);
}
.inside .right ul.product li p{
    padding:10px 0;
    color:#999;
    text-align:center;
    font-size:14px;
}
.inside .right ul.product-item{
    padding-bottom:30px;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
}
.inside .right ul.product-item li{
    position:relative;
    width:360px;
    border:1px solid #999;
}
.inside .right ul.product-item li:nth-child(1n){
    padding:20px 40px;
    box-sizing:border-box;
}
.inside .right ul.product-item li:nth-child(2n){
    border-left:0;
}
.inside .right ul.product-item li img{
    width:100%;
}
.inside .right ul.product-item li:nth-child(1n) img{
    width:100%;
}
.inside .right ul.product-item li p{
    text-align:center;
}
.inside .right ul.product-item li a{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
}
.inside .right .product-text{
    padding:10px 10px 30px;
    color:#999;
    font-size:14px;
    text-align:justify;
    line-height:150%;
}
.inside .right .product-text img{
    margin:0 auto;
}
.inside .right .product-text p.center{
    text-align:center;
}