@charset "UTF-8";
html,body{ height:100%;}	/* フルブラウザモード */

	.drawer-navbar .drawer-nav,
	.drawer-navbar,
	.drawer-navbar .drawer-navbar-header{
		background-color:	#fff;
	}
	.drawer-navbar{
		border-bottom-color:	#fff;
	}
/*	footer,	/*  */
	.drawer-hamburger:hover,
	.drawer-hamburger {
		background-color:	#024263;
	}


		/* スライドするボタンの色 */
	header .btnWipe .more_button.tel{
		background-color:	#024263;	/* 水色 */
		color:				#ffffff !important;
	}
	header .btnWipe .more_button.tel:hover{
		color:				#024263 !important;
	}
	header .more_button.tel::before,
	header .more_button.tel::after {
		background-color:	#c9f2f2;	/* 薄い水色 */
	}

	header .btnWipe .more_button.contact{
		background-color:	#024263;	/* 水色 */
		color:				#ffffff !important;
	}
	header .btnWipe .more_button.contact:hover{
		color:				#024263 !important;
	}
	header .more_button.contact::before,
	header .more_button.contact::after {
		background-color:	#c9f2f2;	/* 薄い水色 */
	}


	header .btnWipe .more_button.line{
		background-color:	#06c755;	/* 水色 */
		color:				#ffffff !important;
	}
	header .btnWipe .more_button.line:hover{
		color:				#000 !important;
	}
	header .more_button.line::before,
	header .more_button.line::after {
		background-color:	#91d5ad;	/* 薄い水色 */
	}


	.drawer-navbar .drawer-menu-item{
		color:		#333333;
	}



	/* CTA */
	footer section#CTA a.tel{
		background-color:	#f8f6ef;	/* 水色 */
		color:				#024263 !important;
	}
	footer section#CTA a.tel:hover{
		background-color:	#b5b5b6;	/* 水色 */
		color:				#ffffff !important;
	}
	footer section#CTA a.tel::after {
		color:				#024263 !important;
	}
	footer section#CTA a.tel:hover::after {
		color:				#ffffff !important;
	}

footer section#CTA a.line {
  background-color:#06c755;
  color: #ffffff!important;
  line-height: 50px;
}

footer section#CTA a.line:hover {
  background-color:#91d5ad;
  color: #000 !important;
  line-height: 50px;
}

	footer section#CTA a.contact{
		background-color:	#f8f6ef;	/* 水色 */
		color:				#024263 !important;
	}
	footer section#CTA a.contact:hover{
		background-color:	#b5b5b6;	/* 水色 */
		color:				#ffffff !important;
	}
	footer section#CTA a.contact::after {
		color:				#024263 !important;
	}
	footer section#CTA a.contact:hover::after {
		color:				#ffffff !important;
	}


	footer{
		background-color:	#000;
	}

	section#Menu .footer-nav .menu-item a,		/* メニュー項目 */
	section#Menu #boxCompany .company,			/* 会社名 */
	footer{										/* フッター全般 */
		color: #ffffff;
	}

			/* ヘッダーパララックス */
		body.home #wrapTopSlider {
			position: fixed;
			width: 100%;
			z-index: -100;
		}
.center {text-align: center;}
.unite-gallery-wrap {
  display: flex;
  gap: 0;
  overflow: hidden;
  position: sticky;
  z-index: -1;
  padding-top: 81px;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.unite-gallery-wrap li {
    width: 100vw;
}

.unite-gallery-wrap li img {
  width: 100%;
  display: block;
}
.unite-gallery {
    display: flex;
    animation: loopAnimation 100s linear infinite;
}
@keyframes loopAnimation {
    0% {
    transform: translate(0%);
    }
    100% {
    transform: translate(-100%);
    }
}

@media screen and (max-width: 1514px) {
  .unite-gallery-wrap li {
    width: 120vw;
  }
  
  .headerHero .v-center, body.home .absOverCenter {
    height: 100vw;
  }
  
  .drawer-navbar .drawer-menu a {
    font-size: .9vw;
  }
}

@media screen and (max-width: 1514px) {
  .unite-gallery-wrap li {
    width: 120vw;
  }
  
  .headerHero .v-center, body.home .absOverCenter {
    height: 100vw;
  }
  
  .drawer-navbar .drawer-menu a {
    font-size: .9vw;
  }
}

@media screen and (max-width: 1340px) {
  .drawer-navbar .drawer-nav {
    float: right;
    width: 764px;
  }
  
  .drawer-navbar .drawer-menu {
    width: 380px;
    padding-top: 16px;
  }
  
  .drawer-navbar .drawer-menu li {
    padding: 0 !important;
  }

  .drawer-navbar .drawer-menu a {
    font-size: 12px;
    line-height: 1.8;
  }
}

@media screen and (max-width: 1100px) {
    .drawer-navbar .drawer-nav {
      float: right;
      width: 79%;
    }
}

@media screen and (max-width: 921px) {
    .drawer-navbar .drawer-nav {
      float: right;
     width: 520px;
    }
    .drawer-navbar .drawer-menu {
      width: 240px;
      padding-top: 4px;
    }
}


@media screen and (max-width: 1262px) {
  .unite-gallery-wrap li {
    width: 180vw;
  }
  
  .headerHero .v-center, body.home .absOverCenter {
    height: 120vw;
  }
}


@media screen and (max-width: 911px) {
  .unite-gallery-wrap li {
    width: 200vw;
  }
  
  .headerHero .v-center, body.home .absOverCenter {
    height: 140vw;
  }
}

@media screen and (max-width: 1024px) {
  .unite-gallery-wrap {
    padding-top: 60px;
  }
  .unite-gallery-wrap li {
      height: 100vh;
  }

  .headerHero .v-center, body.home .absOverCenter {
    height: 100vh;
  }
  
  .drawer-navbar .drawer-nav {
      float: right;
     width: 100%;
    }
    .drawer-navbar .drawer-menu {
      width: 100%;
      padding-top: 4px;
    }
  
    .drawer-dropdown-menu-item::after, .drawer-menu-item::after {
      line-height: 23px;
    }

}


.imageLogo {
  width: 400px;
  display: block;
  margin: 0 auto;
}

.hour-txt {
  text-align: center;
  margin: 40px 0;
}
.hour-txt span {
  font-weight: bold;
  font-size: 2.2rem;
  font-family: 'Roboto', sans-serif !important; 
}

.pricetable{
  margin-bottom: 60px;
}

.pricetable_wrap {
  display: flex;
  justify-content: space-between;
  align-items: end;
}

.pricetable_in {
  width: 48%;
}

@media screen and (max-width: 767px) {
  .unite-gallery-wrap li img {
    width: auto;
    max-width: none;
    height: 100%;
  }
  
  .pricetable_wrap {
    display: block;
  }

  .pricetable_in {
    width: 100%;
    margin-top: 40px
  }
}

.pricetable .ttl {
  font-weight: bold;
  margin-bottom: 10px;
}

.pricetable .info {
  margin-top: 10px;
}

.pricetable .info li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: .8rem;
}


.priceimg {
  margin-bottom: 40px;
}

.priceimg img {
  width: 100%;
  display: block;
}

.area_info {
  font-size: .7rem;
}

.area_info_in {
  margin-top: 20px
}

.area_info_in:first-child {
  margin: 0;
}

.area_info .ttl{
  font-weight: bold;
}


.service_wrap {
  
}

.service_in {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
  margin-top: 40px;
}

.service_in:first-child {
  margin: 0;
}

.service_in_imgarea {
  width: 30%;
}

.service_in_txtarea {
  width:65%;
}

@media screen and (max-width: 767px) {
  .service_in {
    display: block;
  }
  .service_in_imgarea {
    width: 100%;
  }
  .service_in_txtarea {
    width:100%;
    margin-top: 10px;
  }

}


.service_in_txtarea .ttl {
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 10px;
}

.service_in_txtarea .ttl span {
  display: inline-block;
  background: #024263;
  padding: 2% 4%;
  color: #fff;
  font-size: .8rem;
  margin-bottom: 10px;
  line-height:  1;
}

.howto_in {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  border: 1px solid #fff; 
  margin-top: 20px;
}

.howto_in:first-child {
  margin: 0;
}

.howto_in .number {
  border-right: 1px solid #fff;
  padding: 20px;
  text-align: center;
  font-weight: bold;
  color:  #fff;
}

.howto_in .number span {
  display: block;
}

.howto_in .text_area {
  padding: 20px;
}

.howto_info_wrap {
  margin-top: 40px;
}

.howto_info_in li{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

@media screen and (max-width: 767px) {
  .howto_in {
    padding: 4%;
  }
  
  .howto_in .number {
    padding: 4%;
  }

  .howto_in .text_area {
    padding: 0% 0% 0% 6%;
  }

}


#About .txt_area {
  margin-bottom: 80px;
}

#About .txt_area p {
  margin-top: 20px;
}
#About .txt_area p:first-child {
  margin: 0;
}

#About .about_last {
  text-align: right;
}

.col3_content {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 40px;
}

.col3_content li {
  width: 32%;
}

.col3_content li img {
  display: block;
  width: 100%;
}

.footer_logo {
  width: 300px;
  margin: 0 auto;
}

#Culture a{
  color: #fff;
}

#Recruit ul li {
  margin-top: 20px;
}

#Recruit ul li:first-child {
  margin: 0;
}

.col2_content {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 80px;
}

.col2_content li {
  width: 50%;
}

@media screen and (max-width: 767px) {
  .col2_content {
    display: block;
    margin-top: 10px;
  }

  .col2_content li {
    width: 100%;
  }
  
  #Contact .lead{
    margin: 40px 0 10px;
  }
}



.btnLine {
  text-align: center;
}

.btnLine a{
  font-size: 15px;  
  background-image: url("images/common/triangle-black-white-20.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 10px;
  background-color: #06c755;
  border: 1px solid #06c755;
  padding: 13px 30px 13px 30px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-decoration: none !important;
  color: #fff !important;
  display: block;
  margin-bottom: 10px;
  position: relative;
}

.btnLine a i {
  position: absolute;
  top: 37%;
  right: 10px;
}

.tel {
  text-align: center;
}

.tel a {
  display: block;
  text-decoration: none !important;
  color: #fff !important;
  font-weight: 700;
  font-size: 2.2rem;
  text-align: center;
   padding: 13px 30px 13px 30px;
  margin-bottom: 10px;
}

@media screen and (max-width: 414px) {
  .tel a {
    padding: 0;
    font-size: 9vw;
  }
}


.aboutimg {
  margin-bottom: 80px;
}

.aboutimg img {
  width: 100%;
  display: block;
}


.footer_sns {
  margin: 80px auto 0;
}

.footer_sns li {
  width: 60px;
  margin-left: 10px;
  display: inline-block;
}

.footer_sns li:first-child {
  margin: 0;
}

.table_call th,.table_call td{
  display: table-cell !important;
}


.data_list_wrap {

}

.data_list_wrap p {
  margin-bottom: 10px;
}

.data_list {
  display: flex;
  justify-content: flex-start;
  width: 100%
}

.data_list dl {
  border: 1px solid #fff;
  width: 50%;
  display: flex;
  justify-content: flex-start;
}

.data_list dt {
  width: 40%;
  border-right: 1px solid #fff;
  display: flex;
  align-items: center;
  padding: 10px;
}

.data_list dd {
  width: 60%;
  display: flex;
  align-items: center;
  padding: 10px;
}

.data_list dt img {
  width: 100px;
  max-width: inherit;
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .data_list {
    display: block;
  }

  .data_list dl {
    width: 100%;
  }
}

@media screen and (max-width: 414px) {
  .data_list dt img {
    width: 60%;
  }
}

.signimg {
  width: 700px;
  margin: auto;
}

@media screen and (max-width: 700px) {
  .signimg {
    width: 92%;
    margin: auto;
  }
}