html {
  -webkit-text-size-adjust: 100%;
}

.site-body.opacity {opacity: 1;}
.global-nav-sp,
.global-nav .global-nav-list li:nth-child(n + 8) {display: none;}
a,
#vk-mobile-nav-menu-btn,
button,
.ac_header,
.sp-header,
.device-pc .global-nav-list>li>.acc-btn,
.js-acc-single-trigger {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  cursor:pointer;
}
.none-click {
	pointer-events: none;
}
.none-click:hover {opacity: 1;}
*:focus {
  outline: none;
}
ul {list-style: none;}
.vk-mobile-nav-menu-btn.position-right:active,
.vk-mobile-nav-menu-btn.position-right:focus,
button {outline: none;}
a {text-decoration: none;transition: .3s ease;}
a:hover {
	opacity: .7;
	color: #999;
}
img {display: block;}
h2 {text-align: center;margin: 0;display: flex;justify-content: center;}
p {margin-bottom: 0;}
.site-footer-copyright p:nth-child(2) {
    display:none;
}
p , div , ul , li , a {word-break: break-word;outline: none;}
ul , ul li  {padding: 0;margin: 0;}
li a {text-decoration: none;}
.history h2,
.service h2,
.sustainability h2,
.recruit h2,
.contact h2 {
	position: relative;
    top: 50px;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
}
.history h2 .tit--font,
.service  h2 .tit--font,
.sustainability h2 .tit--font,
.recruit h2 .tit--font  {
	display:block;
	width: 100%;
	margin-bottom: 40px;
	font-size: clamp(2rem, 1.636rem + 1.82vw, 3rem);
}
.breadcrumb-list {letter-spacing: .14em;line-height: 1.5;}
.breadcrumb-list li:after {
	content: "-";
}
/* ====================================================
  ローディング画面
==================================================== */
.site-body {opacity: 0;transition: .3s ease-in;}
.opacity {opacity: 1;}
.bl_loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0087c3;
  color: #fff;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  opacity: 1;
  visibility: visible;
  transition: 0.3s;
  z-index: 9999;
}
.bl_loadingText {
	text-align: center;
	margin-top: 70px;
	width: 80px;
}
.bl_loading.loaded {
  opacity: 0;
  visibility: hidden;
}
@keyframes loading {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.bl_loadingCircle {
  animation: 3s linear loading infinite;
  height: 30px;
  width: 30px;
  border: 1px solid #fff;
  border-top:1px solid #373737;
  border-radius: 50%;
  content: "";
  margin-bottom: 10px;
}
.loader {
  position: absolute;
  top: 50%;
  left: calc(50% - 32px);
  width: 64px;
  height: 64px;
  border-radius: 50%;
  perspective: 800px;
  transform: translateY(-50%);
}

.bl_loading .inner {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 50%;  
}

.bl_loading .inner.one1 {
  left: 0%;
  top: 0%;
  animation: rotate-one 1s linear infinite;
  border-bottom: 3px solid #EFEFFA;
}

.bl_loading .inner.two2 {
  right: 0%;
  top: 0%;
  animation: rotate-two 1s linear infinite;
  border-right: 3px solid #EFEFFA;
}

.bl_loading .inner.three3 {
  right: 0%;
  bottom: 0%;
  animation: rotate-three 1s linear infinite;
  border-top: 3px solid #EFEFFA;
}

@keyframes rotate-one {
  0% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}

@keyframes rotate-two {
  0% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}

@keyframes rotate-three {
  0% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}

/* ====================================================
  メインビジュアル　スライダー
==================================================== */
.siwper {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.main-slide .swiper-slide {
  line-height: 0;
}
.main-slide .swiper-slide img {width: 100%;transform: scale(1);}

.bar {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  transform: scaleX(0);
  transform-origin: 0 0;
  width: 100%;
  height: 4px;
  background-color: #000;
  transition: transform 3s linear;
}

@keyframes zoomOut {
  0% {
      transform: scale(1.15);
  }
  100% {
      transform: scale(1);
  }
}

.main-slide .swiper-slide-active .slide-img,
.main-slide .swiper-slide-duplicate-active .slide-img,
.main-slide .swiper-slide-prev .slide-img {
    animation: zoomOut 10s linear 0s;
    animation-fill-mode: both;
}
.swiper-button-next,
.swiper-button-prev {
	background-repeat: no-repeat;
	width: 48px;
	height: 49px;
	background-size: cover;
	transform: translateY(-50%);
}
.swiper-button-next {
	background-image: url(../images/top/arrow_slide_right.png);
	right: 15%;
	
}
/* 前ページボタンのスタイル */
.swiper-button-prev {
	background-image: url(../images/top/arrow_slide_left.png);
	left: 15%;
}
.swiper-button-prev::after,
.swiper-button-next::after,
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {display: none;}



.product .swiper-button-next,
.product .swiper-button-prev {
	width: 43px;
	height: 44px;
}
.product .swiper-button-next {
	right: 0px;
	transform: translateX(50%);

}
/* 前ページボタンのスタイル */
.product .swiper-button-prev {
	left: 0px;
	transform: translateX(-50%);
}
/* ====================================================
  /* カルーセルスライダー 
==================================================== */
.container {
  max-width: 900px;
  margin: 0 auto;
}
/* スライダーのwrapper */
.infinite-slider01 .swiper-wrapper {transition-timing-function: linear;}
/* スライド */
.infinite-slider01 .swiper-slide {

}
/* スライド内の画像 */
.infinite-slider01 .swiper-slide img {
  width: 100%;
  height: 100%;
}

.infinite-slider02 .swiper-wrapper {transition-timing-function: linear;}
/*.swiperService .swiper-wrapper {transition-timing-function: linear;}*/
/* ====================================================
  /* serviceスライダー
==================================================== */
 .swiperService .swiper-slide-next , .swiperService .swiper-slide-prev{
 	position: relative;
   opacity: 0.5;
 }
/* ====================================================
  /* TOPへ戻る
==================================================== */
#topbutton {
	transition: .3s ease-out;
	/* ▼ボタンの表示位置を画面の右下に固定 */
	position: fixed; /* ➁  表示場所を固定 */
	bottom: 20px; /* 画面下端からの距離 */
	right: 30px; /* 画面右端からの距離 */
	opacity: 0; /* ➂  ▼最初は非表示に */
	z-index: 10000; /* 前面に表示 */
	z-index: 1000;
}
#topbutton a {
	padding: 10px;
	border-image-width: 50px;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background: #0087c3;
	color: #fff;
	font-size: clamp(0.75rem, 0.375rem + 1.88vw, 0.938rem);
}
#topbutton a i {
	display: inline-block;
	width: 100%;
	justify-content: center;
	text-align: center;
	line-height: .3;
	position: relative;
	top: 3px;
}
#topbutton a:hover {opacity: 1;cursor: pointer;}
#topbutton a i.fa-angle-up:before {
	font-size: 24px;
}
@media all and (max-width:480px) {
	#topbutton {
		right: 20px;bottom: 10px;width: 50px;
		transform: scale(.8);
	}
}


/* ====================================================
  *common HEADER
==================================================== */
body {
	margin-top: 137px;
}
.site-header {
	z-index: 1000;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #fff;
}
.header_scrolled .site-header {width: 100%;z-index: 9999;}

/*.header_scrolled .site-header .site-header-container {padding: 15px 10px 17px;}*/
.container {max-width: 100%;}
.site-header .site-header-container {
	align-items: flex-start;
	flex-flow: row wrap;
	padding:30px 10px 15px;
	transition: .2s ease-out;
}
.site-header.scroll .site-header-container {
	padding: 10px 10px;
}

.site-header-container .global-nav--layout--float-right {transition: .2s ease-out;}
.site-header.scroll .global-nav--layout--float-right {margin-top: 25px;}
.head-link-wrap {
	display: flex;

}
.site-header--layout--nav-float .site-header-logo{width: 255px;padding: 0;margin-left: 16px;}
.head-link-wrap {flex-grow: 1;display: flex;justify-content: flex-end;}
.head-link-wrap li:nth-of-type(2) {margin: 0 20px;}
.head-link-txt a:not(:nth-of-type(2)) {
	display: block;
	width: 248px;
	line-height: 35px;
	text-align: center;
	background:url(../images/head_link_img01.jpg) top left no-repeat;
	background-size: cover;
	color: #fff;
	font-size: clamp(0.75rem, 0.659rem + 0.45vw, 1rem);
}
body:not(.header_scrolled) .global-nav--layout--float-right {
	width: 100%;
	justify-content: flex-start;
	margin-top: 16px;
}
/*navigation*/
.device-pc .global-nav-list>li>a {
	color: #6b6b6b;padding: 0 10px;
	font-size: 16px;
	border-right: 1px solid #6b6b6b;
	z-index: 1000;
}

.header_scrolled .site-header-logo {display: block;}
.header_scrolled .site-header .global-nav {justify-content: flex-start;margin: 0;}
.vk-menu-acc ul.sub-menu li a {
	background: #0587c3;
}

.global-nav-list>li>ul.sub-menu {
	background: none;box-shadow: none;
	transition: 0s ease .1s;
	left: 120px;
}
.global-nav-list>li>ul.sub-menu li {
	border: 1px solid #0587c3;
}
.global-nav-list>li>ul.sub-menu li:first-of-type {
	background: none;
	margin-top: 15px;
	position: relative;
}
.global-nav-list>li>ul.sub-menu li:first-of-type::before {
	content: "";
    position: absolute;
    top: -15px;
    left: 50px;
    transform: translateX(-50%);
    z-index: 999;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #0587c3;
	border-left: 15px solid transparent;
}




.vk-menu-acc ul.sub-menu li a:hover {background: #fff;color: #1c1c1c;opacity: 1;}
.vk-menu-acc ul.acc-child-close {transition:all .3s ease;}
/*add class*/


/* ====================================================
  *common FOOTER
==================================================== */
/*contact*/
.contact {
	padding: 48px 0 72px;
	background: url(../images/top/contact_bg.jpg) no-repeat top center;
	background-size: cover;
}
.contact h2 {top: 0;color: #fff;font-size: clamp(2rem, 1.636rem + 1.82vw, 3rem);margin-bottom: 32px;}
.contact-width {
	width: 1075px;margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-left: 0;
}
.contact-width li {margin: 0;width: 250px;letter-spacing: -.02em;}
.contact-width li .items {
	border-radius: 10px;
	line-height: 67px;
	text-align: center;
	color: #0087c3;
	font-size:18px;
	background: #fff;
	text-decoration: none;
	display: block;
}
.contact-width li:nth-child(-n+4) {
	margin-bottom: 25px;
}
/* ====================================================
  /* SNS
==================================================== */
.sns {
	display: flex;
	justify-content: center;
	padding: 70px 0;
}
.sns li:not(:last-of-type) {
	margin-right: 57px;

}
.sns li i {font-size: 70px;}
.sns li i.fa-x-twitter {
		font-size: 40px;
    background: #292929;
    padding: 15px;
    border-radius: 50%;
    color: #fff;
}
.sns li i.fa-facebook {
    background: #ffffff;
    color: #1877f2;
}
.sns li i.fa-instagram {
	background-image: linear-gradient(to bottom, rgb(64, 93, 230), rgb(88, 81, 219), rgb(131, 58, 180),rgb(193, 53, 132), rgb(225, 48, 108),rgb(253, 29, 29), rgb(245, 96, 64),rgb(247, 119, 55), rgb(252, 175, 69),rgb(255, 220, 128) );
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,0);
    color: #FF8C00;
}
.sns li i.fa-line {
	color: #09c656;
}

button {
	background: no-repeat;
    border: none;
}
footer {
	padding: 50px 0 192px;
	background:#0087c3 url(../images/footer_bg.png) no-repeat bottom center;
	background-size: 100%;
}
footer ul {letter-spacing: -.02em;}
footer .flex {justify-content: space-between;}
.foot-menu-parent ul.first {width: 180px;}
.foot-menu-parent ul.second {width: 205px;}
.foot-menu-parent ul.three {width: 190px;}
.foot-menu-parent ul.four {width: 240px;}
.foot-menu-parent ul.five {width: 130px;}
/*.foot-menu-parent:not(:last-of-type) {margin-right: 53px;}*/
.foot-menu-parent a , .foot-menu-parent .font-weight {
	color: #fff;
	font-size: clamp(0.75rem, 0.614rem + 0.68vw, 1.125rem);
	line-height: 1.444;
}
.foot-menu-child li {
	padding-left: 15px;
}
.foot-menu-child li:first-of-type {margin-top: 16px;}
.foot-menu-child li:not(:first-of-type) {margin-top: 16px;}
.foot-menu-parent:nth-of-type(2) .foot-menu-child:first-of-type {margin-bottom: 36px;}
.foot-menu-child a {
	font-size:clamp(0.625rem, 0.489rem + 0.68vw, 1rem);
}

.foot-marg {margin-top: 32px;}
.site-footer-copyright p {color: #fff;font-size: 14px;}
footer .copy {font-family: Verdana, “Droid Sans”;;color: #fff;}
.pc--display {display: block;}
.sp--display {display: none;}
.sp-header {display: none;}

@media all and (max-width:1200px) {
	/*header*/
	.site-header--layout--nav-float .site-header-logo {width: 17%;}
	.site-header--layout--nav-float .site-header-container {padding: 20px;}
	/*footer*/
	/*contact*/
	.contact-width {width: 100%;}
	.contact-width li {width: 49%;}
	.contact-width li:nth-child(-n+6) {margin-bottom: 15px;}
}

@media all and (max-width:991px) {
	.device-mobile .global-nav-list>li>ul.sub-menu {margin-top: 0;}
	.vk-menu-acc ul.sub-menu li a {color: #ddd;}
	.global-nav-list>li>ul.sub-menu li {border: none;}
	.global-nav-list>li>ul.sub-menu li:first-of-type::before {display: none;}
	.sp-header, .device-pc .global-nav-list>li>.acc-btn {width: 100px;background: no-repeat;}
	.vk-menu-acc ul.sub-menu li a:hover {background: none;opacity: .8;color: #fff;}
	.sp-header,
	.device-pc .global-nav-list>li>.acc-btn {display: block;}
	body:not(.header_scrolled) .global-nav--layout--float-right {
		width: 300px;
		transition: all .2s ease;
		overflow-y: scroll;
		padding-bottom: 30px;
		scrollbar-width: none;
	}
	.global-nav--layout--float-right::-webkit-scrollbar { 
	  display: none;
	}
	.device-mobile .global-nav-list .acc-btn {
		top: 11px;
		right: 16px;
	    transform: translateY(-50%);
	}
	#global-nav-sp .global-nav-list .menu-item {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	body:not(.header_scrolled) .global-nav--layout--float-right,
	.site-header.scroll .global-nav--layout--float-right {margin-top: 0;}
	.accordion-single-title {
		flex: 2;
	}
	#global-nav-sp .arrow-box::after {top: 50%;right: 12px;}
	#global-nav-sp .accordion-single-item.is-open .arrow-box::after {
		transform: translateY(-50%) rotate(315deg);
	}
	#global-nav-sp .global-nav-list .menu-item {
		padding: 0;
	}
	#global-nav-sp .js-acc-single .sub-menu {
		margin-left: 16px;
		left: 0;
	}
	.global-nav-sp.open {
		right: 0;
	}

	.vk-menu-acc ul.sub-menu li a {
	    margin: 0;
	    padding: 5px 10px 6px;
	    margin-left: 16px;
	    background: none;
	    border-left: none;
	    font-size: 14px;
	}
	.vk-menu-acc ul.sub-menu li a {border: none;}
	/*lightning ヘッダー アコーディオン*/




	#global-nav-sp .accordion-title {
	  pointer-events: all;
	  cursor: pointer;
	  position: relative;
	  padding-top: calc(var(--vk-size-text)*1);
	  padding-right: calc(var(--vk-size-text)*2);
	  padding-bottom: calc(var(--vk-size-text)*1);
	  padding-left: calc(var(--vk-size-text)*1);
	  border-radius: calc(var(--vk-size-text)*0.5);
	  background-color: rgba(0,0,0,.05);
	  margin-bottom: 0;
	  flex:2;
	}

	#global-nav-sp .accordion-title.accordion-open {
	  border-radius: calc(var(--vk-size-text)*0.5) calc(var(--vk-size-text)*0.5) 0 0;
	  border-bottom: 1px dotted var(--vk-color-border);
	}

	#global-nav-sp .accordion-title.accordion-open:before {
	  content: "\f056" !important;
	}

	#global-nav-sp .accordion-content {
	  display:none;
	  padding-top: calc(var(--vk-size-text)*2);
	  padding-right: calc(var(--vk-size-text)*1);
	  padding-bottom: calc(var(--vk-size-text)*2);
	  padding-left: calc(var(--vk-size-text)*1);
	}
	#global-nav-sp .accordion-single-title {width: 300px;}
	#global-nav-sp .accordion-title. .sub-menu {
		margin-left: 6px;
	    width: 100%;
	    margin: 0;
	    max-height: none;
	    top: 0;
	    left: 0;
	}
	#global-nav-sp .global-nav-list .menu-item.acc-parent-open .sub-menu {
		display: block;
		opacity: 1;
		width: 100%;
		margin-bottom: 5px;
		position: relative;
		padding: 0 0 0 6px;
	}
	.vk-menu-acc .acc-btn {
		background: none;
		right: 10px;
		top: -2px;
	}
	.vk-menu-acc .acc-btn::after {
	  display: block;
	  font-family: "Font Awesome 5 Free";
	  font-weight: bold;
	  position: absolute;
	  right: 0;
	  content: "\f055" !important;
	  font-size: 1.5em;
	  color: #fff;
	  transition: all .3s ease;
	}
	.vk-menu-acc .acc-btn.acc-btn-open::after {
	  transform: rotate(0deg);
	}
	.vk-menu-acc .acc-btn.acc-btn-close::after {transform: rotate(45deg);}
	.device-mobile .global-nav-list>li .acc-btn {border: none;}

	body {margin-top: 88px;}
	.header_scrolled .global-nav-list {height: auto;}
	.global-nav-sp,
	.global-nav .global-nav-list li:nth-child(n + 8) {display: block;}
	.device-pc .global-nav-list>li>a {border-right: none;height: auto;width: 100%;}
	.device-pc .global-nav-list>li>a {color: #fff;justify-content: flex-start;}
	.site-header , .header_scrolled .site-header {z-index: 1500;height: 88px;}
	/* モバイルでナビゲーションメニューを表示する */
	:root {
	  --mobile-nav-column-num: 1; /* ナビゲーションの列数*/
	  --mobile-nav-list-column-gap: 2px; /* 各メニュー間の横方向Gap*/
	  --mobile-nav-list-row-gap: 0.8em; /* 各メニュー間の縦方向Gap */
	}

	.global-nav {
		display: block;
		margin-bottom: 0.8em;
	}
	.global-nav-list {
		justify-content: start;
		flex-wrap: wrap;
		width: 100%;
		column-gap: var(--mobile-nav-list-column-gap);
		row-gap: var(--mobile-nav-list-row-gap);
	}

	.global-nav-list > li {
	padding: 0 !important;
	flex-basis: calc(
	  (100% - var(--mobile-nav-list-column-gap) * (var(--mobile-nav-column-num) - 1)) / var(--mobile-nav-column-num));
	}
	.page-header {}
	.global-nav , .head-link-wrap {display: none;}
	.vk-mobile-nav-menu-btn {z-index: 9998;}
	.vk-mobile-nav-menu-btn.position-right {
		height: 88px;
		border: none;
		top: 0;
		right: 13px;
		z-index: 8888;
	}
	.site-header {position: fixed;background: #fff;height: 88px;top: 0;}
	.vk-mobile-nav-menu-btn {
	    background: url(../images/menu_open.png) no-repeat 0 28px;
	}
	.vk-mobile-nav-menu-btn.menu-open {
		background: url(../images/menu_close.png) no-repeat 0 28px;
	}
	.vk-mobile-nav.vk-mobile-nav-right-in {top: 20px;}
	.vk-mobile-nav {
		background: url(../images/menu_sp_bg.png) no-repeat top left;
		background-size: cover;
	}
	.vk-mobile-nav.vk-mobile-nav-open.vk-mobile-nav-right-in {
		left: 15%;top: 20px;

	}
	.site-header--layout--nav-float .site-header-container {
		padding: 0 10px;
		display: flex;
		align-items: center;
		height: 100%;
	}
	.site-header--layout--nav-float .site-header-logo {margin-bottom: 0;width: 232px;margin-left: 0;}
	.vk-mobile-nav nav>ul {border-top: none;}
	.device-mobile .global-nav-list>li {text-align: left;}
	.vk-mobile-nav nav ul li a {
		color: #fff;
		border: none;
		padding: 0;
		border-left: 1px solid #fff;
		margin-left: 36px;
		font-size: 18px;
	}
	.device-mobile .global-nav-list>li>a {padding-left: 10px;}
	.vk-mobile-nav.vk-mobile-nav-open.vk-mobile-nav-right-in {padding-left: 0;}
	aside.vk-mobile-nav-widget {margin-left: 36px;}
	aside.vk-mobile-nav-widget a {display: block;margin-top: 20px;}
	.vk-mobile-nav nav ul li:not(:last-of-type) {margin-bottom: 20px;}

    #vk-mobile-nav-menu-btn {display: none;}
    .sp-header nav {
        position: fixed;
        top: 20px;
        right: -300px;
        width: 300px;
        height: 100%;
        padding-top: 100px;
        box-sizing: border-box;
        z-index: 2
    }
    .sp-header nav ul li {
        display:block;
        padding: 0;
    }
    .sp-header nav ul li a {
        text-decoration: none;
    }
    .sp-header .btn-gnavi {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 30px;
        height: 24px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 3;
        box-sizing: border-box;
        cursor: pointer;
        -webkit-transition: all 400ms;
        transition: all 400ms;
    }
    .sp-header .btn-gnavi span {
        position: absolute;
        width: 30px;
        height: 4px;
        background: #0087c3;
        border-radius: 10px;
        -webkit-transition: all 400ms;
        transition: all 400ms
    }
    .sp-header .btn-gnavi span:nth-child(1) {
        top: 0
    }
    .sp-header .btn-gnavi span:nth-child(2) {
        top: 10px
    }
    .sp-header .btn-gnavi span:nth-child(3) {
        top: 20px
    }
    .sp-header .btn-gnavi.open span {
        background: #fff
    }
    .sp-header .btn-gnavi.open span {
        width: 24px;
    }
    .sp-header .contents section p {
        position: absolute;
        top: 50%;
        width: 30%;
        line-height: 1.4;
        font-size: 20px;
        color: #fff;
    }
    .sp-header .contents section:nth-child(odd) p {
        left: 10%
    }
    .sp-header .contents section:nth-child(even) p {
        right: 10%
    }
    .sp-header .global-nav-sp .global-nav-list li:not(:last-of-type) {
        margin-bottom: 10px;
    }
    .global-nav-sp {
        background: url(../images/menu_sp_bg.png) no-repeat top left;
        background-size: cover;
    }
    .global-nav-list {margin: 0;}
    .global-nav-list li:not(:last-of-type) {
        margin-bottom: 20px;
    }
    .global-nav-list li a {
        color: #fff;
        border: none;
        padding: 0;
        border-left: 1px solid #fff;
        padding-left: 10px;
        margin-left: 24px;
        font-size: 16px;
    }
    .global-nav-sp nav>ul {
        border-top: none;
        left: 15%;
        top: 20px;
        padding-left: 0;
    }
    .global-nav-list > li {justify-content: flex-start;}
    .sp-header .global-nav-sp .global-nav-list li:nth-child(n + 8) {margin-bottom: 10px;}


    .global-nav-list>li:nth-child(n + 7) > a {
      padding-left: 0;
      border-left: none;
    }
}/*/991px* *モバイルメニュー*/



@media all and (max-width:768px) {
	/*header*/
	footer .site-header--layout--nav-float .site-header-logo {width: 116px;}
	/*footer*/
	.pc--display {display: none;}
	.sp--display {display: block;}

	.accordion-single-item {
		display: flex;
		flex-wrap: wrap;
	}
	.accordion-single-item .tit,
	.accordion-single-item .accordion-single-title {
		width: 50%;
		padding: 12px 0;
		font-size: 16px;
	}
	.accordion-single-content {width: 100%;}

	footer .accordion-single-title {
	  padding: 12px;
	  cursor: pointer;
	  position: relative;
	  font-size: 16px;
	  margin: 0;
	}
	footer .accordion-single-title::after{
	  content: "";
	  position: absolute;
	  right: 25px;
	  top: 50%;
	  transition: all 0.2s ease-in-out;
	  display: block;
	  width: 8px;
	  height: 8px;
	  border-top: solid 2px #fff;
	  border-right: solid 2px #fff;
	  transform: translateY(-50%) rotate(135deg);
	}

	footer .accordion-single-content {
	  max-height: 0;
	  overflow: hidden;
	  transition: max-height .3s ease-in-out;
	}
	footer .foot-menu-parent a, .foot-menu-parent .font-weight{
		width: 100%;
		display: block;
		text-align: left;
		font-size: 16px;
		padding-left: 0;}
	footer .accordion-single-content p {
	  padding: 20px;
	}

	.accordion-single-item .foot-sp-flex {
		display: flex;
	}
	footer .foot-menu-child li:first-of-type {margin-top: 0;}

	footer .accordion-single-item.is-open .accordion-single-content  {
	  max-height: 500px;
	  height: auto;
	}
	footer .foot-menu-child {padding-left: 18px;}
	footer .foot-menu-child a {font-size: 14px;}
	footer .accordion-single-item.is-open .accordion-single-title::after  {
	  transform: translateY(-50%) rotate(315deg);
	}
	footer .accordion-single-item{
		border-top: 1px solid #fff;
	}
	footer .foot-menu-parent:nth-of-type(2) .foot-menu-child:first-of-type {margin-bottom: 0;}
	footer .foot-menu-parent:nth-of-type(2) .foot-menu-child {}
	footer .foot-menu-child li{margin-bottom: 10px;padding-left: 0;}
	footer .foo-menu-list {flex-wrap: wrap;}
	footer .foot-menu-parent {width: 100%;}
	footer .foot-menu-parent:first-of-type {margin-bottom: 10px;}
	footer .foot-menu-parent:not(:last-of-type) {margin-right: 0;}
	footer .foot-menu-parent.sp--display {font-size: 16px;color: #fff;margin-top: 20px;}
	footer {
		padding: 54px 0 94px;
		background: #0087c3 url(../images/footer_bg_sp.png) no-repeat bottom left;
		background-size: 100%;
	}
	.site-footer-content {display: none;}
	/*contact*/
	.contact {
		padding-bottom: 40px;
		background: url(../images/top/contact_bg_sp.jpg) no-repeat bottom center;
		background-size: cover;
	}
	/*sns*/
	.sns {padding: 50px 10px;}
	.sns .tube img {max-width: 40px;}
	.sns li i {font-size: 44px;}
	.sns li:not(:last-of-type) {margin-right: 38px;}
	.sns li i.fa-x-twitter {font-size: 28px;padding: 8px;}
}/*768px*/

@media all and (max-width:480px) {
	.foot-marg {margin-top: 0;}
	.site-header-logo img {
		width: 160px;
		margin: 0;
	}
	/*footer*/
	/*contact*/

	.contact-width li:nth-child(-n+6) {margin-bottom: 0;}
	.contact-width li:not(:last-of-type) {margin-bottom: 20px;}
	.contact-width li {width: 250px;margin: 0 auto;}

}
@media all and (max-width:350px) {
	.sns {flex-wrap: wrap;width: 90%;margin: 0 auto;}
	.sns li:not(:last-of-type) {margin-right: 0;}
	.sns li:nth-of-type(2) {margin: 0 38px 32px;}
	.sns li:nth-of-type(4) {margin-right: 30px;}

}

/* ====================================================
  ////////////////  ////////////////  ////////////////

  *以下form用 style

  ////////////////  ////////////////  ////////////////
==================================================== */
/*お問い合せ*/
/* =====================================================*/
.page-header {
    background: url(../images/page/sub-main_business_info.jpg) no-repeat center;
    background-size: cover;
}
.bg-field {
	/*ここにbackground反映*/
	/*.bg-fieldより以下階層にformタグ挿入*/
}
.bg-field .bg-field-inner .mw_wp_form {
	width: 720px;
	margin: 0 auto;
}
.bg-field .bg-field-inner .mw_wp_form p {
	text-align: left;
}
@media all and (max-width: 768px) {
	.bg-field .bg-field-inner .mw_wp_form {
		width: 100%;
		padding: 0 20px;
	}
}
@media all and (max-width: 480px) {
	.bg-field .bg-field-inner .mw_wp_form {
		padding: 0 10px;
	}
}