@charset "utf-8";
#menu-toggle {
	display: flex;
}
.pc{
display: none!important}
img{
max-width: 100%}
main{
width:100%;
overflow:hidden}

header {
	position:relative;
	padding: 1em;
}
header #logo {
}
header #menu-toggle {
	position:absolute;
	right:1em;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	flex-direction: column;
	gap: 5px;
	cursor: pointer;
	z-index: 110;
}
#menu-toggle span {
	display: block;
	width: 25px;
	height: 3px;
	background-color: #333;
	border-radius: 2px;
	transition: all 0.3s;
}

/* ハンバーガーアニメーション */
#menu-toggle.active span:nth-child(1) {
 transform: rotate(45deg) translate(5px, 5px);
}
#menu-toggle.active span:nth-child(2) {
 opacity: 0;
}
#menu-toggle.active span:nth-child(3) {
 transform: rotate(-45deg) translate(5px, -5px);
}
header nav {
	position: fixed;
	top: 0;
	left: -100%; /* 初期は非表示 */
	width: 70%;
	max-width: 300px;

	background-color: #fff;
	box-shadow: 2px 0 6px rgba(0, 0, 0, 0.2);
	padding: 60px 20px;
	transition: left 0.3s ease;
	background:#666;
}
header nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 20px;
	flex-direction: column;
}
header nav a {
	color:#FFF
}

#logo{
width:30%}
/* 表示中の状態 */
  header nav.active {
	left: 0;
}header nav a{
padding: 1.2em 0}

  /* ハンバーガーアニメーション */
  #menu-toggle.active span:nth-child(1) {
 transform: rotate(45deg) translate(5px, 5px);
}
 #menu-toggle.active span:nth-child(2) {
 opacity: 0;
}
 #menu-toggle.active span:nth-child(3) {
 transform: rotate(-45deg) translate(5px, -5px);
}
/**/

.breadcrumb ul{
width:92%}

/**/
section {
	padding:4em 0
}
.Inner {
	width:92%
}
video {
	width:auto;
	height:100%
}
.breadcrumb ul{
padding: 2em 0
}
.breadcrumb ul li{font-size:2.8vw}
/**/

#mainVD h1 img {
	width:80vw
}

h1#mainK{
padding: 1.8em 0;
background-size: cover;
background-position:left top;
font-size:6.2vw}

h2 {
	font-size:7.4vw
}
p, li, dl, th, td {
	font-size:3.4vw;
}
.btnMore a {
	font-size:4vw
}
/**/
footer{
padding: 4em 0}
footer figcaption{
padding:  3em 0 0}
footer img{
width: 24%;}
#pageTop{
bottom:3em;
right: 1em}

#pageTop img{
width:50%}
/**/
#newsINDEX {
	width:94%;
}
#newsINDEX button,
#newsINDEX dt,
#newsINDEX dd{
font-size:3vw}

#newsINDEX dt{
}
#newsINDEX dd{
padding: 1.2em 2em 1.2em 1em;
}
/**/
#conceptINDEX{
padding:2em 1.4em}
#conceptINDEX p.catch {
	line-height: 2em;
	font-size:4.4vw;
	margin: 0 .6em 1.4em;
text-align:center;
}

#conceptINDEX p{
text-align:left}

#conceptINDEX .btnMore{
padding: 1em 0 2em}
/**/

#brandINDEX h3 img{
width: 56%}
#brandINDEX h3{
padding-top: 1em;
text-align:center}
#brandINDEX .slide-bg {
	width:100%;
	margin: 0 0 1em;
	height:auto;
}
#brandINDEX .slide-overlay {
	position:relative;
	width:94%;
	padding: 1em;
	margin:-2em auto 0;
}
#brandINDEX .swiper-button-next, #brandINDEX .swiper-button-prev {
	top:46%
}#brandINDEX .swiper-button-next:after, #brandINDEX .swiper-button-prev:after{
font-size:6vw}

#brandINDEX .slide-overlay p{
font-size:3.2vw}

/**/

  #VisionCo section {
    flex-direction: column;
padding: 0 0 2em
  }
  #VisionCo section figure,
  #VisionCo section > div {
    flex: 0 0 100%;
    max-width: 100%;
  }

 #VisionCo section figure{
padding:0}

#VisionCo section > div {
padding: 2em 0;
width:92%;
margin:auto}

#VisionCo section > div.txt.noIMG{
padding-top: 0}
#VisionCo .txt p br{
display:none}

#VisionCo .txt p.catch{
font-size:4.2vw;
font-feature-settings: "palt";}
#VisionCo section:nth-of-type(1) .txt p.catch{
text-align:center;}
#VisionCo section:nth-of-type(1) .txt p.catch br{
display:inherit}

/**/
#VisionCo section:nth-of-type(2) p.catch{
letter-spacing:-.048em;

}

/**/
#aboutCo .Intro img{
width:36%;
margin: 0 auto 2em;
display:block}/**/

#companiesCo .Intro {
	padding: 2em 0 0}
#companiesCo .Intro p{
	text-align:left;
	width:86%;
	margin:auto}
#companiesCo .Intro p br{
	display:none;}
	#companiesCo .swiper-slide{
		margin-top:1.8em}
		
		/**/
		
		#formCo th, #formCo td{
		padding:1em 0}
		
		#formCo th{
		white-space: nowrap}