@charset "UTF-8";

body {
	background:#000;
	display: block;
}

main {
padding:0;
}

main > section,
.main > section {
	scroll-snap-align: start;
/* 	overflow: scroll; */
	height: 100vh;
  width: 100%;
  height: 100%;
  /*! display: flex; */
  /*! justify-content: center; */
  /*! align-items: center; */
  padding-top: 0;
}

.sec05 {
	width: 100%;
	height: 100vh;
	background: none ;
	background-size: 1600px,cover;
	background-position: top center, bottom center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: var(--c-base);
	background: url(../img/mv_backB.jpg);
	background-size: cover;
	text-align: center;
}
.sec05 h2 {
  font-weight: normal;
	font-family: var(--f-min);
	font-size: var(--f-ll);
	line-height: 1;
	margin-bottom: 50px;
}
.sec05_subtitle {
	font-size: var(--f-s);
	display: block;
}
.sec05_subcomme {
	font-size: var(--f-ss);
}
.sec05inner {
}


.sec03 {
  display: flex;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  /*! height: 500px; */
  padding: 0;
}
.sec03map {
  flex: 1;
}
.sec03map iframe {
  width: 100%;
  height: 100%;
  display: block;
}

.sec03dit {
  flex: 1;
  padding-left: 100px;
  
  /*! padding: 100px 0; */
}

.sec03ditCampany {
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
	gap: 1em 2em;
  margin: 100px 0;
}
.sec03ditCampany dt {
  flex:0 0 8em;
	text-align:  center;
	text-align-last: justify;
	font-weight: bold;
  
}
.sec03ditCampany dd {
  flex:1 calc(100% - 10em);
  
}
.sec03ditCampany dt.sec03ditCampany_logo {
  flex: 0 0 100%;
}



.sec03ditProfCheck {
	display: none;
}

.sec03dit .prof {
	background: var(--c-accent1);
	color: #fff;
	font-size: .8em;
	padding: .1em 2em;
	border-radius: 1em;
	margin-left: 1em;
}
.sec03ditProfBack {
	position: fixed;
	top: 10%;
/* 	bottom: 0; */
	left: 0;
	right: 0;
	margin: auto;
/* 	padding: 50px; */
	box-sizing: border-box;
	width: 90%;
	max-width: 550px;
	height: auto;
	display: block;
	text-align: left;
	transition: .3s;

	z-index: 3;
	opacity: 0;
}
.sec03ditProfBack:after {
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .9);
/* 	filter: blur(2px); */
	display: block;
	filter: drop-shadow(0 0 3px #aaa);
	z-index: -1;
}

.sec03ditProfBackName {
	font-size: var(--f-l);
	font-family: var(--f-min);
	display: inline-block;
	margin-top: 2em;
	padding-left:50px;
	margin-right: .5em;
}
.sec03ditProfBackTag {
	padding: 0 2em ;
	display: inline-block;
	text-align: center;
	font-size: var(--f-ss);
	line-height: var(--f-s);
	height: var(--f-s);
	background: var(--c-accent2);
	color: #fff;
	
}
.sec03ditProfBackText {
	padding: 20px 50px 50px;
	text-align: left;
	line-height: 2.5;
}
.sec03ditProfBackBtn {
	position: absolute;
	right: -15px;
	top: -15px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	background: var(--c-base);
	color: var(--c-main);
	text-align: center;
	filter: drop-shadow(0 0 3px #aaa);
}
.sec03ditProfCheck:checked ~ .sec03ditProfBack {
	opacity: 1;
}



.sec06 {
	width: 100%;
	height: 100vh;
	background: url(../company_img/company_img.png) no-repeat,linear-gradient(#dbd7d7,#d3ced0);
	background-size:  min(50% , 800px);
	background-position: left 80% bottom;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--c-main);

	flex-wrap: wrap;
}
.sec06:after {
	content: "";
	flex: 0 1 200px;
	align-self: stretch;
}
.sec06text {
	flex: 0 1 710px;
	margin-right: 30%;
	text-align: left;
	font-size: var(--f-m);
	line-height: 2;
	padding: 0 50px;
}
.sec06text_comme {
	margin-bottom: 100px;
}
.sec06text_name {
	display: flex;
	justify-content: flex-end;
	align-items: center;

}
.sec06text_namePre {
	flex: 0 2 200px;
	text-align:  center;
	line-height: 1.5;
	font-weight: bold;
	
}
.sec06text_nameImg {
		flex: 0 2 230px;
}
.sec06text_nameImg img {
		width: min(100%, 200px);
}