@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');

* { box-sizing: border-box; padding:0; margin:0; transition:unset;  }
html {
  -webkit-overflow-scrolling: touch;
  transition:unset !important;
  overflow:visible !important;
}
#About_kind {
	width:100% !important;
	height:auto !important;
	min-height:100% !important;
	display:block;
	padding:60px 0 0 0 !important;
	margin:0 !important;
	margin:0 auto 0 auto !important;
	text-align:center !important;
	box-sizing:border-box !important;
	font-size:16px !important;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	letter-spacing:0.1em;
	line-height:1.7em !important;
}
#About_kind img {
	max-width:100%;
	height:auto;
	vertical-align:bottom !important;
	padding:0 !important;
	margin:0 auto !important;
}
#About_kind .flex {
	display:flex;
	align-items:center;
}

#About_kind div,#About_kind p,#About_kind span,#About_kind figure,#About_kind h2, #About_kind h3, #About_kind ol, #About_kind ul, #About_kind li { margin:0; padding:0; list-style:none; }
#About_kind a {
	text-decoration:none;
	color:#000;
/*	transition: all 500ms 0s ease; */
}
#About_kind .pc { display:block; }
#About_kind .sp { display:none !important; }


/* ________________________________ */

#About_kind h1 {
	text-align:center;
	font-weight:bold;
	font-size:140%;
}
#About_kind #menu {
	margin:3.0em auto;
}
#About_kind #menu ul {
	justify-content:center;
}
#About_kind #menu ul > li {
	width:auto;
	padding:0.5em 1.0em;
	position:relative;
}
#About_kind #menu ul > li:after {
	content:"";
	display:block;
	width:1px;
	height:1.0em;
	background:#000;
	position:absolute;
	top:50%;
	right:0em;
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	transform:translate(0%, -50%);
}
#About_kind #menu ul > li:nth-last-of-type(1):after {
	display:none;
}

/* ________________________________ */

#About_kind .box {
	width:90%;
	max-width:800px;
	justify-content:space-between;
	margin:5.0em auto;
}
#About_kind .box > div:nth-of-type(1) {
	width:45%;
}
#About_kind .box > div:nth-of-type(2) {
	width:50%;
}
#About_kind .box > div h2 {
	text-align:center;
	font-weight:bold;
	font-size:120%;
}
#About_kind .box > div p {
	text-align:left;
	font-weight:normal;
	margin-top:1.5em;
}


/* ________________________________ */

@media screen and (max-width:599px) {

#About_kind {
	width:100% !important;
	font-size:3.0vw !important;
	padding:60px 0 0 0 !important;
	letter-spacing:0.1em !important;
}
#About_kind .pc {
	display:none !important;
}
#About_kind .sp {
	display:block !important;
}
#About_kind .box {
	width:90%;
	max-width:800px;
	justify-content:space-between;
	margin:5.0em auto;
	flex-wrap:wrap;
}
#About_kind .box > div:nth-of-type(1),
#About_kind .box > div:nth-of-type(2) {
	width:100%;
}
#About_kind .box > div h2 {
	text-align:center;
	font-weight:bold;
	font-size:120%;
	margin-top:1.5em;
}
#About_kind .box > div p {
	width:90%;
	margin:1.5em auto 0 auto;
}
#About_kind .box > div img {
	width:90%;
}
}

/* ________________________________ */


@media screen and (max-width:498px) {
#About_kind #menu ul {
	justify-content:center;
	flex-wrap:wrap;
}
#About_kind #menu ul > li {
	width:100%;
	padding:1.0em 1.0em;
	position:relative;
}
#About_kind #menu ul > li a {
	font-size:120%;
}
#About_kind #menu ul > li:after {
	content:"";
	display:block;
	width:5.0em;
	height:1px;
	background:#ccc;
	position:absolute;
	top:auto !important;
	bottom:0em !important;
	left:50%;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform:translate(-50%, 0%);
}
#About_kind #menu ul > li:nth-last-of-type(1):after {
	display:none;
}
}