@charset "UTF-8";

@import url(../../common/slick.css);

.l_contents{background: #F9EED2;}
.l_breadcrumb ul{margin-bottom: 40px;}

.contents_company .area_title h1{font-size:1.5rem;text-align: center;font-weight: bold;padding-right: 30px;padding-left: 30px;margin: 0 auto 20px;color: #CB7836;}
.area_company .wrapper{padding-top: 30px;padding-bottom: 60px;}

.contents_company table th,.contents_company table td{display: block;width: 100%;}

.contents_company section{padding-right: 15px;padding-left: 15px;}
.contents_company section .wrapper{background: #FFF;padding-top: 30px;padding-bottom: 30px;border-radius: 10px;}
.contents_company section h3{font-weight: bold;border-bottom: 1px solid #999;font-size:1.25rem;padding-bottom: 10px;}
.contents_company section table{margin-top: 5px;}
.contents_company table th{padding-top: 15px;padding-bottom: 10px;font-weight: bold;}
.contents_company table td{padding-bottom: 15px;border-bottom: 1px dashed #CCC;}

.area_company_data{padding-bottom: 40px;}
.area_history{padding-bottom: 60px;}

.main_image{padding: 15px 0;}
.slick-slide{font-size: 0;}
.slick-slide img{width: 100%;}

/*dots*/
.slick-dots{display: block;position: absolute;bottom: -18px;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.slick-dots li{position: relative;display: inline-block;width: 8px;height: 8px;margin: 0 5px;padding: 0;cursor: pointer;}
.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 8px;height: 8px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
.slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity: 1;}
.slick-dots li button:before{position: absolute;top: 0;left: 0;width: 8px;height: 8px;border-radius: 100vh;content: '';text-align: center;background: #848484;}
.slick-dots li.slick-active button:before{background: #000;}


@media screen and (min-width:768px) {
	.contents_company .area_title h1{margin-bottom:30px;}
    .contents_company section .wrapper{padding:30px;}
    .contents_company section h3{}
    .contents_company section table{margin-top: 10px;}
    .contents_company table th,.contents_company table td{display: table-cell;font-size: 0.9375rem;}
    .contents_company table th{width: 30%;max-width: 150px;vertical-align: top;border-bottom: 1px dashed #CCC;padding-bottom: 10px;padding-right:20px;}
    .contents_company table td{width: 70%;max-width: calc(100% - 150px);padding-top: 10px;padding-bottom: 10px;}
}

@media screen and (max-width:767px) {

}

@media screen and (max-width:480px) {

}
