.company_main {
 background: url(../company/img/com_bg.png);
}

.company_main .structure_inner::before {
 background: url(../company/img/company.png);
}

.company_wrap {
 overflow: hidden;
}

.com_movie {
 width: 850px;
 height: 500px;
 border: 1px solid #2b4156;
 box-sizing: border-box;
 padding: 25px;
 position: relative;
 margin: 140px auto 80px;
}

.com_movie::before {
 content: "";
 background: url(../company/img/wellcom.png);
 width: 264px;
 height: 53px;
 position: absolute;
 left: 25px;
 top: -45px;
}

.com_movie iframe {
 display: block;
 width: 100%;
 height: 450px;
}

.com_style_wrap {
 width: 100%;
 height: 400px;
 background: url(../company/img/com_con_bg.png);
 background-size: cover;
 background-position: center;
 box-sizing: border-box;
 padding: 65px 0;
 text-align: center;
}

.com_style_inner p {
 text-align: center;
 color: #fff;
 font-size: 16px;
 line-height: 36px;
 font-weight: bold;
 letter-spacing: 0.05em;
 margin-top: 40px;
}

.com_about_wrap {
 width: 850px;
 margin: 120px auto 80px;
 position: relative;
}

.com_about_wrap::before {
 content: "";
 background: url(../company/img/about_us.png);
 width: 460px;
 height: 138px;
 position: absolute;
 left: 170px;
 top: -150px;
 z-index: -1;
}

.com_about h2 {
 font-size: 32px;
 line-height: 36px;
 color: #000;
 border-bottom: 1px solid #2b4156;
 margin: 0 0 15px;
 padding-bottom: 10px;
}

.com_about ul li {
 display: flex;
 flex-wrap: wrap;
 font-size: 14px;
 line-height: 32px;
 color: #000;
 font-weight: bold;
}

.com_about ul li span {
 width: 70px;
 display: block;
 font-size: 14px;
 line-height: 32px;
 color: #000;
 font-weight: bold;
 margin-right: 15px;
}

.com_present {
 text-align: center;
 position: relative;
 margin: 50px auto;
}

.com_present::before {
 content: "";
 background: #000;
 width: 300px;
 height: 1px;
 position: absolute;
 left: -50px;
 top: 35px;
}

.com_present::after {
 content: "";
 background: #000;
 width: 300px;
 height: 1px;
 position: absolute;
 right: -50px;
 top: 35px;
}

.com_present p {
 font-size: 16px;
 line-height: 36px;
 color: #000;
 font-weight: bold;
 letter-spacing: 0.05em;
 margin: 40px 0;
}

.com_map_wrap iframe {
 display: block;
 width: 100%;
 height: 350px;
}

.ft_wrap {
 margin-top: 0 !important;
}

.com_slider {
 width: 850px;
 position: relative;
 margin: 60px auto;
}

.slide_logo {
 position: absolute;
 left: 20px;
 top: 20px;
 z-index: 1;

}

.com_con_list {
 width: 380px;
 height: 520px;
 box-sizing: border-box;
 padding: 30px;
 background: rgba(255, 255, 255, .8);
 position: absolute;
 right: 20px;
 top: 135px;
 z-index: 1;
}

.com_con_list h3 {
 font-size: 18px;
 font-weight: bold;
 line-height: 18px;
 letter-spacing: 0.1em;
 margin: 0 0 15px;
}

.com_con_list p {
 font-size: 12px;
 line-height: 24px;
 letter-spacing: 0.05em;
 font-weight: bold;

}

.com_con_list span {
 display: block;
 background: #000;
 line-height: 40px;
 color: #fff;
 font-weight: bold;
 font-size: 14px;
 width: 470px;
 box-sizing: border-box;
 padding-left: 60px;
 margin: 15px 0 0 -135px;
 position: relative;
}

.com_con_list span::before {
 content: "";
 display: block;
 width: 30px;
 height: 1px;
 background: #fff;
 position: absolute;
 left: 18px;
 top: 20px;
}

.com_thumb{
	margin-top:7px;
}

.com_thumb ul{
	display:flex;
	justify-content:space-between;
}

.com_thumb ul li{
	width:calc(16% - 1px);
}

/*---------slider------------*/
/*　flickSlider　*/
.flickSlider {
 margin: 0 auto;
 text-align: left;
 width: 850px !important;
}

.flickSlider .flickView {
 text-align: left;
 position: relative;
 overflow: hidden;
 width: 850px !important;
 height: 675px !important;
}

.flickSlider .flickView ul {
 top: 0;
 left: 0;
 width: 100%;

 position: absolute;
 overflow: hidden;
 height: 675px !important;
}

.flickSlider .flickView ul::after {
 content: none !important;
}

.flickSlider .flickView ul li {
 width: 850px !important;

 float: left;
 display: inline;
 overflow: hidden;
 padding-bottom: 20px;
}

.flickSlider .flickView ul li span {
 margin: 0;
 position: absolute;
 bottom: 0px;
 z-index: 100;
 text-align: center;
 font-size: 14px;
 background-color: #efefef;
 display: block;
 width: 780px;
 line-height: 40px;
}

.flickSlider .flickView ul li img {
 display: block;
 margin-left: auto;
 margin-right: auto;
 width: 850px !important;
 max-height: 675px;
}

.flickSlider .flickThumb {
 width: 100%;
 overflow: hidden;
}

.flickSlider .flickThumb ul {
 width: 850px !important;
 display: flex !important;
 justify-content: space-between;
 margin-top: 20px;
 padding-top: 20px;
 border-top: 3px solid #000;
}

.flickSlider .flickThumb ul::after {
 content: none !important;
}

.flickSlider .flickThumb ul li {
 width: 133px !important;
 min-height: 100px !important;
 height: 100px;
 float: left;
 cursor: pointer;
 display: inline;
 overflow: hidden;
 opacity: 1 !important;
 box-sizing: border-box;
}

.flickSlider .flickThumb ul li:empty {
 display: none;
}

.flickSlider .flickThumb ul li img {
 height: 100px !important;
 width: 100% !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
 margin: 0 0 0px 0;
}

.flickSlider .flickThumb ul li.active {
 /*追加*/
 border: 2px solid #000;
}

.flickSlider .btnPrev,
.flickSlider .btnNext {
 display: none;
}



.flickSlider .flickView ul,
.flickSlider .flickThumb ul {
 display: inline-block;
 overflow: hidden;
}