@charset "UTF-8";
/*
*
* 会社概要ページ
* 
*/
/* 共通 */
 
.companypage.top .top_content .title,
.companypage.middle .middle_content .title,
.wrap.company_bottom .bottom_content .title {
	font-family: serif;
	font-size:26px;
	font-weight: bold;
	margin-bottom: 20px;
	text-shadow:2px 2px 2px #000;
}

.wrap.company_top,
.wrap.company_middle,
.wrap.company_bottom {
  width: 100%;
  height: 100%;
  position: relative;
}


/* 1ページ目 */
.companypage.top .top_content .message {
	font-size: 16px;
	text-shadow:2px 2px 2px #000;
}
.wrap.company_top {
  background-image: url('../img/company/bg_top.jpg');
  background-position: 57% 0; 
}
.companypage.top .top_content {
  margin-top: 40px;
}
#pdt-area{
     position:relative;   
}
.pt-intro{
    position:absolute;
    right:-30px;
    top:250px;
    width:47%;
}

.wrap.company_middle h3 {
  font-size: 18.5px;
  margin-bottom: 20px;
}

/* 2ページ目 */
.wrap.company_middle {
  background-image: url('../img/company/bg_middle.jpg');
  background-position: 82% 0; 
}

.middle_content {
	display:flex;
	margin-top: 300px;
}

.middle_left,.right{
	width:50%;
}
.middle_content table{
     text-shadow:2px 2px 2px #000;
}
 

.companypage.middle .middle_content table td {
  font-size: 12px;
}
/* テーブル左 */
.wrap.company_middle .middle_content .tdl {
  width: 21%;
}

/* テーブル右 */
.wrap.company_middle .middle_content.right .tdl {
  width: 22%;
}
.wrap.company_middle .middle_content.right {
  padding: 5px;
}

.companypage.middle .middle_content table td {
  line-height: 2.2;
  padding-top: 0;
  padding-bottom: 5px;
}

.wrap.company_middle .rightbox {
  padding: 20px;
}
/* 3ページ目 */

/* スライド */
.horizontal_slider {
  display:none;
}
.horizontal_slider.slick-initialized {
  display: block;
}

.slick-slide {
  max-width: 100% !important;
  margin-right: 22px !important;
  margin-left: 28px !important;
  text-align: center;
}


.slick-slide img {
  max-width: 100% !important;
width:70%;
	margin:0 auto;
}
li.slick-slide{
  text-align:center;
}
.slick-dots {
    bottom: -15%;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    /* margin: 0 5px; */
    padding: 0;
    cursor: pointer;
}
.slick-prev {
/*   left: -9%; */
  left: 39%;
  top: 104%;
  z-index: 999;
}

.slick-next {
/*   right: -6%; */
  right: 42%;
  top: 104%;
  z-index: 999;
}

.slick-prev:before {
  background: url('../img/company/arrow_left.png');
}

.slick-next:before {
  background: url('../img/company/arrow_right.png');
}

.slick-prev:before,
.slick-next:before {
  display: none !important;
  margin:0 10px 0 0;
  content:" ";
  display:inline-block;
  width:50px;
  height:50px;
  background-size:contain;
  vertical-align:middle;  
}

.slick-dots {
  bottom: -20%;
	margin:0;
}

.slick-dots li button:before {
  font-size: 18px;
  content: '■';
  opacity: 1;
}

.slick-dots li.slick-active button:before {
  opacity: 1;
  color: #C69738;
}

.onepage-pagination li a:before,
.onepage-pagination li a.active:before {
  width: 0;
  height: 0;
  left: 0;
  content: '■';
  color: #010101;
  font-size: 18px;
  border: none;
  margin: 0;
}

.onepage-pagination li a.active:before {
  color: #C69738;
}

/* ボタン */
.square_btn{
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #58B99D;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #4B9080;
  border-radius: 3px;
}

.square_btn:visited,
.square_btn:link {
  text-decoration: none;
  color: #fff;
}

.square_btn:active {/*ボタンを押したとき*/
  -ms-transform: translateY(4px);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
  text-decoration: none !important;
  color: #fff;
}

.arrow_down1,.arrow_down2 {
  opacity: .7;
  position: fixed;
  top: 87%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
}

.arrow_down2 {
  top: 187%;
}


/* 3ページ目 */
.wrap.company_bottom {
  color: #010101;
  background-image: url('../img/company/bg_bottom.jpg');
  background-position: center center; 
}
.companypage.bottom .bottom_content {
  margin-top: 150px;
}

.staff_photos a,
.staff_photos a:hover,
.staff_photos a:visited {
  color: #010101;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
}

.staff_photos p {
  margin-top: 10px;
}

.staff_photos {
  margin-top: 30px;
}


/* フッター */
.copyright {
  color: #010101;
  position: fixed;
  bottom: 0;
  width: 100%;
  color: #fff;
  padding: 10px;
  background: #122540;
  font-size:0.7em;
}
@media screen and (max-width:1280px){
	.middle_content {
		margin-top: 150px;
	}
}
@media screen and (max-width:768px){
	.middle_content {
		margin-top: 90px;
	}
	.pt-intro{
		width:45%;
		right:0;
		top:250px;
	}
}
@media screen and (max-width:478px){
     .wrap.company_top {
      background:url(../img/company/bg_top_sm1.jpg);
         background-size:cover;
    } 
    .pt-intro{
        right:30px;
        top:40px;
    }
	.companypage.top .top_content .message {
	  font-size: 11px;
	}
	.companypage.top .top_content .title, .companypage.middle .middle_content .title, .wrap.company_bottom .bottom_content .title {
		font-size: 16px;
	}
	.companypage.top .top_content .title, .companypage.middle .middle_content .title{
		margin-bottom:10px;
	}
	.middle_content {
		margin-top:103px;
		display:block;
	}
	.middle_left,.right{
		width:100%;
	}
	.companypage.middle .middle_content table td {
		line-height: 1.2;
		padding-top: 0;
		padding-bottom: 5px;
		font-size: 12px;
	}
	.wrap.company_middle .rightbox {
    	padding: 0px;
	}
	/* テーブル左 */
	.wrap.company_middle .middle_content .tdl {
	  width: 30%;
	}

	/* テーブル右 */
	.wrap.company_middle .middle_content.right .tdl {
	  width: 25%;
	}
	.mp{
		padding:10px 0;
		text-align:center;
	}
	.companypage.bottom .bottom_content {
	  margin-top: 20px;
	}
	.wrap.company_bottom .bottom_content .title{
		margin-bottom:5px;
	}
	.staff_photos {
    	margin-top: 15px;
	}
	.arrow_down1,.arrow_down2 {
	  
	}
}