@charset "utf-8";

/*==================================

TOP

==================================*/
.wid903 {
  width:903px;
  margin:0 auto;
}
.wid905 {
  width:905px;
  margin:0 auto;
}
.wid1266 {
  width:1266px;
  margin:0 auto;
}
.wid1358 {
  width: 1358px;
  margin:0 auto;
  max-width: 100%;
}
.wid50 {
  max-width: 50%;
}
.wid50 h1 img {
  width: 100%;
}
.nmt45 {margin-top: -45px;}
/*--SNSボタン用--*/
.bg_top ul.social_buttons {
  margin-top:15px;
  float:left;
}
.bg_top ul.social_buttons li {
  width:auto;
  margin-bottom:0;
}
.bg_top ul.social_buttons li:nth-child(3),
.bg_top ul.social_buttons li:nth-child(6) {
  margin-left:15px;
}
/*========
背景動画用
=============*/
video#dagBgVideo {
  position: fixed;
  right: 0;
  min-width: 100%; min-height: 100%;
  width: auto; height: auto;
  z-index: -100;
  background: url('alternatebgimage.jpg') no-repeat;
  background-size: cover;
  top:32px;
}
/*========
スライド用
=============*/
.wid1358 .fr .bx-wrapper {
  margin:0 0 0 0!important;
}
.wid1358 .fr .bx-wrapper .bx-viewport {
  border:0;
  left:0;
  background:none;
  box-shadow:none;
  height:auto;
}
.wid1358 .fr .bx-wrapper .bx-prev {
  left:554px;
  background: url("btn_s_back.png") no-repeat 0 0;
}
.wid1358 .fr .bx-wrapper .bx-next {
  right: -3px;
  background: url("btn_s_next.png") no-repeat 0 0;
}
.wid1358 .fr .bx-wrapper .bx-controls-direction a {
  width:61px;
  height:61px;
  margin:0;
  top:65%;
}
.wid1358 .fr .bx-wrapper ul li {
  margin:0;
}
.wid1266 .fr .bx-wrapper {
  margin:0 0 0 0!important;
}
.wid1266 .fr .bx-wrapper .bx-viewport {
  border:0;
  left:0;
  background:none;
  box-shadow:none;
  height:auto;
}
.wid1266 .fr .bx-wrapper .bx-prev {
  left:554px;
  background: url("btn_s_back.png") no-repeat 0 0;
}
.wid1266 .fr .bx-wrapper .bx-next {
  right: -3px;
  background: url("btn_s_next.png") no-repeat 0 0;
}
.wid1266 .fr .bx-wrapper .bx-controls-direction a {
  width:61px;
  height:61px;
  margin:0;
  top:65%;
}
.wid1266 .fr .bx-wrapper ul li {
  margin:0;
}
/*========
kv
=============*/
.kv {
  position: relative;
}
.-por {
  position: relative;
}
.kv_img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 100%;
}
/*========
上部コンテンツ用
=============*/
.bg_top {
  background:url('bgtop.png') no-repeat center top;
  padding:90px 0 50px;
  background-size: cover;
}
.bg_top .wid1266 {
  margin-bottom:80px;
}
.bg_top .wid1266 .fr {
  width:673px;
}
.bg_top .wid1266 h2 {
  margin-bottom:10px;
}
.bg_top .wid1266 h2 img {
  vertical-align:top;
}
.bg_top .wid1358 {
  margin-bottom:45px;
}
.bg_top .wid1358 .fr {
  width:673px;
}
.bg_top .wid1358 h2 {
  margin-bottom:10px;
}
.bg_top .wid1358 h2 img {
  vertical-align:top;
}
.bg_top ul li a img:hover {
  opacity:0.8;
}
.bg_top .c-col {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.bg_top .c-col.__nw {
  flex-wrap: nowrap;
}
.bg_top .c-col.__nw li {
  margin-bottom: 0;
}
.bg_top .c-col li {
  margin-bottom: 15px;
}
.bg_top ul li.bnrright01 {
  float:right;
  margin-top:-5px;
}
.bnrarea {
  margin-bottom:45px;
}
.bnrarea h2,.h_tarea h2 {
  background:#7FB000;
  font-size:120%;
  font-weight:bold;
  padding:3px 15px;
  color:#ffffff;
  margin-bottom:10px;
}
.bnrarea h2.gallery {
  background:#009EE9;
}
.bnrarea h2.report {
  background:#EC5022;
}
.bnrarea h2.case {
  background:#6E60A8;
}
.h_tarea h2.h_t {
  background:#FF1D25;
}
.bnrarea .c-col li.__col {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 445px;
  flex-direction: column;
}
.bnrarea .c-col li .__first {
  margin-bottom: 10px;
}
/*========
ページ内ナビ
=============*/
.bg_top .info_btn {
  position: relative;
}
.bg_top .info_btn ul {
  margin: 0 1.5px 15px;
}
.bg_top .info_btn li {
  width: 150px;
  box-sizing: border-box;
  text-align: center;
  margin: 0 auto;
  font-size: 13px;
  border: solid 1px #fff;
  padding: 10px 0;
}
.info_btn a {
  color: #fff;
  text-decoration: none;
}
.info_btn a:hover {
  opacity: 0.8
}
/*========
アイコン
=============*/
ul li .pickic {
  width:124px;
  text-align:center;
  font-size:12px;
  color:#fff;
  padding:2px 5px;
  margin-bottom:7px;
}
ul li .pickic.column {
  background:#737373;
}
ul li .pickic.inter {
  background:#7FB400;
}
ul li .pickic.event {
  background:#EC5022;
}
/*========
ピックアップコンテンツ
=============*/
.top_pickarea {
  background-color:rgba(239,239,239,0.9);
  padding:30px 0;
}
.top_pickarea h2 {
  text-align:center;
  font-size:30px;
  margin-bottom:30px;
}
.top_pickarea ul li {
  width:212px;
  float:left;
  margin-left:19px;
}
.top_pickarea ul li:first-child {
  margin-left:0;
}
.top_pickarea ul li img {
  margin-bottom:13px;
}
.top_pickarea ul li h3 {
  font-weight:bold;
  font-size:15px;
  line-height:1.3;
}
.top_pickarea ul li .picktxt {
  font-size:15px;
  line-height:1.3;
}
/*========
ピックアップコンテンツ2
=============*/
.top_pickarea.info {
  background-color:rgba(239,239,239,1);
  border-bottom:55px solid #000000;
  padding:0 0 20px;
}
.top_pickarea.info h2 {
  font-size:20px;
  font-weight:normal;
  margin-bottom:30px;
  background:#303FA0;
  color:#ffffff;
  padding:5px;
}
.top_pickarea.info .clearfix {
  margin-top:-43px;
}
.top_pickarea.info .fl {
  width:320px;
}
.top_pickarea.info .fr {
  width:585px;
  padding-top:50px;
}
.top_pickarea.info .fr a {
  display:block;
  border-top:1px solid #000000;
  border-bottom:1px solid #000000;
  text-decoration:none;
  color:#000000;
  padding:10px 15px 10px 25px;
  font-size:22px;
  position:relative;
}
.top_pickarea.info .fr a:hover {
  opacity:0.7;
}
.top_pickarea.info .fr a:before {
  content:url(ic_arrow01.png);
  position:absolute;
  right:15px;
}
/*========
フローティングボタン
=============*/
.float_btn {
  height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
}
.flt-btn-wid {
  width: 255px;
  margin: 0 auto;
}
/*========
フッター
=============*/
.topfooter {
  background:#fff;
  padding-top:35px;
}
