@charset "utf-8";
/* CSS Document */
 *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*----------------------------------------------*/
/*-------------------トップ---------------------*/
/*----------------------------------------------*/
/*ふわっと表示用*/
#Service .bit_wrap , #Result , #Company .bit_wrap, #Contactus .bit_wrap{
  transition: all 1s;
  opacity: 0;
}
#Service .bit_wrap{transition-delay: 0.5s;}


.bit_backmost.index{
  background:url(../img/common/ph_mainbg.jpg) center top;
  background-size:100% 100%;
  background-attachment: fixed;
  padding-top:0;
  overflow:hidden;
}
.bit_topcover{
  position:relative;
  padding-top:360px;
  min-height:397px;
}
.bit_topbgmovie{
  position:absolute;
  height:592px;
  top:0;
  left:0;
  margin:auto;
  overflow:hidden;
}
.bit_topbgmovie video{
  width:100%;
}
.bit_overlay{
  position:absolute;
  height:100%;
  width:100%;
  top:0;
  left:0;
}

.bit_overlay span{
  position:absolute;
  display:block;
  border-radius:100px;
  transform: scale(0);
  animation: sonar 3s ease-out infinite;
  z-index:2;
}
.bit_overlay span span{
  position:absolute;
  box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
  border-radius:50%;
  width:100%;
  height:100%;
  top:0;
  left:0;
  transform: scale(0.9);
  animation: sonarAfter 3s ease-out infinite;
  z-index: -1;
}
@keyframes sonar {
  0% {
    transform:scale(0);
    opacity: 1;
  }
  100% {
    transform:scale(1);
    opacity: 0;
  }
}
@keyframes sonarAfter {
  0% {
    box-shadow: 0 0 0 2px rgba(255,255,255,0.5), 0 0 0 10px rgba(255,255,255,0.5);
  }
  100% {
    transform:scale(2);
    box-shadow: 0 0 0 2px rgba(255,255,255,0), 0 0 0 10px rgba(255,255,255,0);
  }
}

.bit_chatch{
  position:relative;
  background-color:rgba(51,132,204,.7);
  border: 1px solid rgba(61,106,163,.7);
  min-height:88px;
  width: 565px;
  margin:0 auto;
  padding: 14px 0;
  line-height:30px;
  font-size:1.125rem;
  text-align:center;
}
.bit_topimage{
  position:absolute;
  top:180px;
  left:50%;
  margin-left:-181px;
}
.bit_toparw{
  position:relative;
  min-height:88px;
  padding-bottom:40px;
  text-align:center;
}
.bit_infolist{
  position:relative;
  min-height:54px;
  padding-bottom:30px;
  text-align:center;
}
.bit_infolist dt{display:inline-block;}
.bit_infolist dd{
  display:inline-block;
  margin-left:40px;
}
.bit_infolist dd a{color:#FFFFFF;}
.bit_infolist dd a:hover{text-decoration:none;}
.bit_blank{
  position:relative;
  background:url(../img/index/il_bodytop.png) center top no-repeat;
  height:23px;
}

h2.bit_pagetitle{
  margin-bottom:30px;
  color:#557693;
}
h2.bit_pagetitle.wight{
  margin-bottom:30px;
  color:#FFFFFF;
}
.bit_3colm{
  display:inline-block;
  width:320px;
  margin:0 0 30px 20px;
}
.bit_3colm:first-of-type{margin-left:0;}
.bit_grayframe{
  position:relative;
  box-shadow:0 3px 5px rgba(0,0,0,0.5);
  width:320px;
  height:190px;
  margin-bottom:20px;
  text-align:center;
  overflow:hidden;
}
.bit_grayframe a{
  display:block;
  height:100%;
  text-decoration:none;
  color:inherit;
}
.bit_grayframe a img{
  width:100%;
  transition:all 1s;
}
.bit_grayframe a:hover img{
  transform: scale(1.2);
  transition:all 1s;
}
.bxslider li{transition:all .2s;}
.bxslider li a{
  font-size:0.875rem;
  color:#000000;
  text-decoration:none;
}
.bxslider li p{
  margin-top:20px;
  text-align:center;
}
.bxslider li p span{
  display: inline-block;
  margin-left: 1em;
}
.bxslider li:hover{
  transform:scale(1.2);
  transition:all .2s;
}

.bit_sevicetitle{
  position:absolute;
  background:-moz-linear-gradient(left,rgba(19,155,128,0.8),rgba(36,136,213,0.8));
  background:-webkit-gradient(linear,left top, left top,rgba(19,155,128,0.8),rgba(36,136,213,0.8));
  background:-webkit-linear-gradient(0deg,rgba(19,155,128,0.8),rgba(36,136,213,0.8));
  background:linear-gradient(left,rgba(19,155,128,0.8),rgba(36,136,213,0.8));
  bottom:0;
  width:100%;
  height:32px;
  line-height:30px;
  color:#FFFFFF;
  text-align:center;
}
.bit_servisecomment{font-size:0.875rem;}
.bit_linkbox{
  position:relative;
  border:1px solid #2A8CD5;
  width:230px;
  height:40px;
  margin:auto;
}
.bit_linkbox a{
  display:block;
  padding-left:20px;
  line-height:38px;
  color:#2A8CD4;
  text-decoration:none;
}
.bit_linkbox a span{
  display:block;
  position:absolute;
  border: 1px solid #2A8CD5;
  border-radius: 100%;
  height:22px;
  width: 22px;
  right:8px;
  top:8px;
}
.bit_linkbox a span::after{
  content: "";
  display: block;
  position: absolute;
  border-top: 1px solid #2A8CD5;
  border-right: 1px solid #2A8CD5;
  width: 7px;
  height: 7px;
  top: 7px;
  left: 5px;
  transform: rotate(45deg);
}

.bit_linkbox a:hover{
  background-color:#2A8CD4;
  color:#FFFFFF;
}
.bit_linkbox a:hover span,
.bit_linkbox a:hover span::after{border-color: #FFFFFF;}

.bit_linkbox.wight{
  position:relative;
  border:1px solid #FFFFFF;
  margin-bottom:40px;
}
.bit_linkbox.wight a{color:#FFFFFF;}
.bit_linkbox.wight a span,
.bit_linkbox.wight a span::after{border-color: #FFFFFF;}
.bit_linkbox.wight a:hover{
  background-color:#FFFFFF;
  color:#2A8CD4;
}
.bit_linkbox.wight a:hover span,
.bit_linkbox.wight a:hover span::after{border-color: #2A8CD4;}


.bit_2colm{
  position:relative;
  display:inline-block;
  width:49%;
  height:340px;
  margin-left:2%;
  margin-bottom:20px;
}
.bit_2colm:first-of-type{margin-left:0;}
.bit_profile{margin-bottom:30px;}
.bit_profile li{margin-bottom:20px;}
.bit_profile li dt{
  display:inline-block;
  width:100px;
}
.bit_profile li dd{
  display:inline-block;
  width: calc(100% - 100px);
}
.bit_profile li dd span{display: inline-block;}
.bit_profile.bit_heightfit dd ul{
  display:inline-block;
  margin-right:70px;
}
.bit_profile.bit_heightfit dd ul:nth-of-type(3){
  margin-right:0;
  max-width:275px;
}

.bit_profile.bit_heightfit dd li{margin-bottom:0;}
.bit_profile.bit_heightfit dd li:first-of-type{
  color:#064385;
  text-indent:-10px;
  font-weight:bold;
}
.bit_profile a{
  color: inherit;
  text-decoration: none;
}
.widthl{
  width: 490px;
  height: 320px;
  margin: auto;
}

.bit_contacttxt{
  margin-bottom:50px;
  font-size:0.875rem;
  text-align:center;
}
.bit_contacttxt a{
  color: inherit;
  text-decoration: none;
}
.bit_contactform{text-align:center;}
.bit_contactform li{margin-bottom:30px;}
.bit_contactform li dt{
  display:inline-block;
  width:250px;
  text-align:left;
  vertical-align:middle;
}
#Contactus .bit_contactform li:nth-of-type(3) dt{padding-left:calc(70px + (0.875em*2));}
.bit_contactform li dt span{
  display:inline-block;
  background-color:#DD5246;
  margin-right:30px;
  padding:2px 20px;
  color:#FFFFFF;
  font-size:0.875rem;
}
.bit_contactform li dd{
  display:inline-block;
  width:450px;
  text-align:left;
  vertical-align:middle;
}
.bit_contactform li dd input,
.bit_contactform li dd textarea{
  background-color:#DFE9F2;
  border:1px solid #C7D8E9;
  border-radius:5px;
  width:100%;
  font-size:1.25rem;
}
.bit_contactform li:first-of-type dd input{width:80%;}
.bit_contactform li dd input{height:50px;}
.bit_contactform li dd textarea{height:100px;}
.bit_contactform li dd input:focus,
.bit_contactform li dd textarea:focus{background-color:#FFC926;}
.bit_formwrap{
  width:700px;
  margin:auto;
  text-align:right;
}
.bit_submit{
  font-family:'Noto Sans Japanese';
  background:-moz-linear-gradient(left,#148E9A,#1CB55C);
  background:-webkit-gradient(linear,left top, left top,#148E9A,#1CB55C);
  background:-webkit-linear-gradient(0deg,#148E9A,#1CB55C);
  background:-ms-linear-gradient(-18deg,rgb(20,142,154) 0%,rgb(28,181,92) 100%);
  background:linear-gradient(108deg,rgb(20,142,154) 0%,rgb(28,181,92) 100%);
  background-color:rgba(28,181,92,0.5);
  border-radius:5px;
  border:none;
  height:40px;
  width:200px;
  color:#FFFFFF;
  font-size:1rem;
  transition:all 1.5s;
}
.bit_submit:hover{
  background-image:none;
  background-color:rgba(28,181,92,1);
}
.bit_comfirm,
.bit_complete{
  display: none;
}
.bit_comfirm dt{margin-right: 50px;}
.bit_comfirm .bit_formwrap button:first-of-type{
  font-family:'Noto Sans Japanese';
  background: none;
  background-color: #8C8C8C;
  border-radius:5px;
  border:none;
  width: 140px;
  height:40px;
  margin-right: 20px;
  vertical-align: top;
}

/*----------------------------------------------*/
/*--------------------実績----------------------*/
/*----------------------------------------------*/
/*サブメニュー（ページ内リンク）*/
.bit_pageanc{
  margin-bottom:30px;
  text-align:center;
}
.bit_pageanc li{
  position:relative;
  display:inline-block;
  background-color: rgba(0,76,255,0.4);
  border:1px solid #FFFFFF;
  border-right-width:0;
  width:230px;
  height:40px;
}
.bit_pageanc li:last-of-type{border-right-width:1px;}
.bit_pageanc li a{
  display:block;
  padding-left:20px;
  line-height:38px;
  text-align:left;
  color:#FFFFFF;
  text-decoration:none;
}
.bit_pageanc li a p{
  position:absolute;
  right:8px;
  top:8px;
  height:22px;
}
.bit_pageanc li a p img{vertical-align:top;}
.bit_pageanc li a:hover{
  background-color:#FFFFFF;
  color:#0A69D0;
}
.bit_pageanc li a:hover p{background:url(../img/common/icon_submenuarw_hover.png);}
.bit_pageanc li a:hover img{opacity:0;}
/*ボディ*/
.bit_contentstitle{
  padding:30px 0;
  color:#557693;
  font-size:1.5rem;
  text-align:center;
}
.bit_contentstitle.bit_2nd{border-top: 1px solid #557693;}

.bit_itemlist{
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 60px;
}
.bit_itemlist li{margin-bottom:60px;}
.bit_nophoto{
  border-top:4px solid #C8C8C8;
  padding:10px 0;
}
.bit_itemlist dt{
  display:inline-block;
  width:406px;
}
.bit_itemlist dt a:hover{opacity: 0.7;}
.bit_itemlist dd{
  display:inline-block;
  width:575px;
  margin-left:14px;
  padding:10px 0;
}
.bit_clientname{font-size:1.25rem;}

.bit_3colmlist{margin-bottom: 60px;}
.bit_3colmlist li{
  display: inline-block;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 60px;
}
.bit_3colmlist li:nth-of-type(3n){margin-right: 0;}
.bit_3colmlist li img{
  width: 100%;
  margin-bottom: 10px;
}
.bit_3colmlist li a:hover{opacity: 0.7;}
.bit_3colmlist li strong{font-size: 1.25rem;}

.bit_shimanebox{
  position:relative;
  margin-bottom:20px;
}
.bit_toshimane{
  position:absolute;
  right:35px;
  bottom:25px;
}
.bit_apli_app{
  position:absolute;
  right:39px;
  top:62px;
}
.bit_apli_and{
  position:absolute;
  right:39px;
  top:126px;
}
.bit_itemname{margin-bottom:20px;}
.bit_itemname p{
  display:inline-block;
  margin-right:40px;
  font-size:2.375rem;
  font-weight:bold;
  vertical-align:middle;
}
.bit_itemname span{
  display:inline-block;
  background-color:#C8C8C8;
  margin-right:10px;
  padding:3px 10px;
  font-size:0.875rem;
  vertical-align:middle;
}
.bit_shimanebox a:hover{opacity: 0.7;}

/*----------------------------------------------*/
/*------------------サービス--------------------*/
/*----------------------------------------------*/
.bit_categorytitlebox{
  height:220px;
  width:1000px;
  margin-bottom:30px;
  padding-top:50px;
  line-height:1.8em;
  color:#FFFFFF;
  text-align:center;
  font-size:0.875rem;
}
.bit_categorytitlebox.background1{background:url(../img/service/ph_titlebg1.jpg) center top no-repeat;}
.bit_categorytitlebox.background2{
  background:url(../img/service/ph_titlebg2.jpg) center top no-repeat;
  padding-top:35px;
}
.bit_categorytitlebox.background3{
  background:url(../img/service/ph_titlebg3.jpg) center top no-repeat;
  padding-top:100px;
}
.bit_categorytitlebox h2{
  margin-bottom:30px;
  font-size:1.875rem;
}
.bit_categorytitlebox span{display:block;}
.bit_halfbox{
  display:inline-block;
  width:48%;
  margin-bottom:40px;
  font-size:0.875rem;
}
.bit_halfbox:nth-of-type(even){margin-left:4%;}
.bit_subtitle{
  margin-bottom:10px;
  color:#FF7272;
  font-size:1.25rem;
  font-weight:bold;
}
.bit_categorytxt{
  margin-bottom:80px;
  font-size:0.938rem;
  text-align:center;
  line-height:1.8em;
}
/*問い合わせ*/
.bit_contactus{
  margin-bottom:50px;
  text-align:center;
}
.bit_contactus p{
  background-color:#1992DE;
  width:214px;
  height:38px;
  line-height:36px;
  margin:auto;
  color:#FFFFFF;
}
.bit_contactus ul{
  border:10px solid #1992DE;
  margin-top:-24px;
  padding:20px 0;
}
.bit_contactus li{
  display:inline-block;
  margin-right:20px;
  color:#173782;
  font-size:2.25rem;
  font-weight:bold;
  vertical-align:middle;
}
.bit_contactus li:last-of-type{margin-right:0;}
.bit_contactus li div{
  background:-moz-linear-gradient(left,#148E9A,#1CB55C);
  background:-webkit-gradient(linear,left top, left top,#148E9A,#1CB55C);
  background:-webkit-linear-gradient(0deg,#148E9A,#1CB55C);
  background:linear-gradient(left,#148E9A,#1CB55C);
  border-radius:5px;
  width:230px;
  height:50px;
  line-height:48px;
  font-size:1.125rem;
  font-weight:normal;
  transition:all 1.5s;
}
.bit_contactus li div a{
  display:block;
  height:100%;
  color:#FFFFFF;
  text-decoration:none;
}
.bit_contactus li div:hover{
  background-image:none;
  background-color:rgba(28,181,92,1);
}
.bit_tel a{
  text-decoration: none;
  color: inherit;
}