@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500&display=swap');


/* =================== */
/*       pubulic       */
/* =================== */
.breadcrumb {
	background:#eaefff;
	padding:.5rem 1.5rem;
	font-size:.65rem;
	line-height:1.5;
}
.breadcrumb a:hover { text-decoration:underline; }

/*body.products #btm-contact-sec { padding-top:3rem; }*/

#page-ttl-box-big { align-items:inherit; }
#page-ttl-box-big .txt-box {
	background:#3366ff;
	position:relative;
	padding-left:calc((100vw - 60rem) / 2);
	width:50%;
	display:flex;
	align-items:center;
}
#page-ttl-box-big .txt-box::before {
	content:"";
	clip-path: polygon(0 0, 100% 0, 0 100%);
	width:10.5rem;
	height:7rem;
	background:rgba(255,255,255,.2);
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	animation:slideIn .7s .7s cubic-bezier(0.25, 1, 0.5, 1) forwards;
	opacity:0;
}
#page-ttl-box-big .txt-box #page-ttl {
	font-size:2.1rem;
	font-weight:bold;
	color:#fff;
	margin-bottom:1.5rem;
	letter-spacing:.05em;
}
#page-ttl-box-big .txt-box .txt {
	font-size:.9rem;
	line-height:2;
	width:24.5rem;
	color:#fff;
}
#page-ttl-box-big .pic {
	width:50%;
	line-height:0;
}

#simple-page-ttl {
	background:#3366ff;
	height:10rem;
	display:flex;
	justify-content:center;
	align-items:center;
	color:#fff;
	text-align:center;
	position:relative;
	margin-bottom:4rem;
}
#simple-page-ttl::before {
	content:"";
	clip-path: polygon(0 0, 100% 0, 0 100%);
	width:5.5rem;
	height:3.7rem;
	background:rgba(255,255,255,.2);
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	animation:simple-page-ttl-slideIn .7s .7s cubic-bezier(0.25, 1, 0.5, 1) forwards;
	opacity:0;
}
@keyframes simple-page-ttl-slideIn {
  0% {
    transform: translate(-5.5rem,-3.7rem);
    opacity: 0;
  }
  100% {
    transform: translate(0,0);
  }
  40%,100% {
    opacity: 1;
  }
}
#simple-page-ttl h1 .en-font,
#simple-page-ttl h2 .en-font {
	font-size:1.1rem;
	display:block;
	margin-bottom:1rem;
}
#simple-page-ttl h1 .jp,
#simple-page-ttl h2 .jp {
	display:block;
	font-size:1.8rem;
	font-weight:bold;
}


.dflt-center-h { text-align:center; }
.dflt-center-h .wrap {
	font-size:1.8rem;
	letter-spacing:.05em;
	font-weight:bold;
}
.dflt-center-h .mini {
	font-size:1.3rem;
	display:block;
	margin-top:.5rem;
	font-weight:bold;
}
.dflt-center-h::after {
	content:"";
	width:3rem;
	height:1px;
	background:#000;
	display:block;
	margin:1.5rem auto;
}
.dflt-center-h.wht { color:#fff; }
.dflt-center-h.wht::after { background:#fff; }

span.diamond::before {
	content:"";
  width:.5rem;
  height:.5rem;
  transform:rotate(135deg) skew(20deg, 20deg);
  display:inline-block;
  background:#3366ff;
  vertical-align:middle;
  margin-right:.7rem;
}

.dflt-blue-bk-box {
	background:#3366ff;
	padding-bottom:5rem;
	position:relative;
	padding-top:4rem;
}
.dflt-blue-bk-box::before {
	content:"";
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	width:100%;
	height:25rem;
	background:rgba(255,255,255,.2);
	display:block;
	position:absolute;
	top:0;
	left:0;
}

.dflt-sky-bk-box {
	background:#eaefff;
	padding-bottom:5rem;
	position:relative;
	padding-top:4rem;
}
.dflt-sky-bk-box::before {
	content:"";
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	width:100%;
	height:25rem;
	background:rgba(255,255,255,1);
	display:block;
	position:absolute;
	top:0;
	left:0;
}



@media screen and (max-width: 960px) {
	#page-ttl-box-big .txt-box { padding-left:calc((100vw - 90%) / 2); }
}

@media screen and (max-width: 750px) {
	.breadcrumb { font-size:13px; padding:10px 15px; }
	body.products #btm-contact-sec { padding-top:5px; }

	#page-ttl-box-big { display:block; }
	#page-ttl-box-big .txt-box { width:100%; padding:40px calc((100vw - 80%) / 2); }
	#page-ttl-box-big .txt-box #page-ttl { font-size:27px; }
	#page-ttl-box-big .txt-box .txt { font-size:15px; width:100%; }
	#page-ttl-box-big .pic { width:100%; }
	#simple-page-ttl { height:150px; }
	#simple-page-ttl h1 .en-font,#simple-page-ttl h2 .en-font { font-size:15px; margin-bottom:12px; }
	#simple-page-ttl h1 .jp,#simple-page-ttl h2 .jp { font-size:27px; }
	.dflt-center-h .wrap { font-size:24px; }
	.dflt-center-h::after { margin:25px auto; }
	.dflt-blue-bk-box::before {
  	width:735px;
    height:250px;
    left:-50%;
    right:-50%;
    margin:0 auto;
  }
  .dflt-sky-bk-box::before {
  	width:735px;
    height:250px;
    left:-50%;
    right:-50%;
    margin:0 auto;
  }
}






/* =================== */
/*       .dflt-form-layout       */
/* =================== */
.dflt-form-layout {
	border-top:1px solid #000;
	margin-bottom:7rem;
}
.dflt-form-layout .line {
	display:flex;
	align-items:center;
	font-size:.9rem;
	padding:1.5rem 0;
	border-bottom:1px solid #000;
}
.dflt-form-layout .line.top { align-items:flex-start; }
.dflt-form-layout .line.top .item-name { padding-top:1rem; }
.dflt-form-layout .item-name { width:15em; line-height:1.5; }
.dflt-form-layout .item-name .req {
	color:#fff;
  font-size:60%;
  margin-left:.5rem;
  vertical-align:middle;
  background:#f00;
  padding:.1rem;
}
.dflt-form-layout .input-box { width:calc(100% - 15em); }
.dflt-form-layout .input-box.sml input { width:60%; }
.dflt-form-layout .input-box input,
.dflt-form-layout .input-box textarea {
	width:100%;
	background:#f7f7f7;
	border:0;
	padding:.8rem 1rem;
	box-sizing:border-box;
	line-height:1.5;
	font-size:.9rem;
}
.dflt-form-layout .input-box select {
  background:#f7f7f7;
  padding:.8rem 2rem .8rem 1rem;
  box-sizing:border-box;
  line-height:1.5;
  font-size:.9rem;
  margin-right:.5rem;
}
.dflt-form-layout .input-box.birthday .wpcf7-form-control-wrap::after {
	content:"▼";
	font-size:80%;
	position:absolute;
	right:1.1rem;
  top:.1rem;
}
.dflt-form-layout .input-box.half { display:flex; }
.dflt-form-layout .input-box.half .box { width:50%; }
.dflt-form-layout .input-box.half input { width:19rem; margin-left:.5rem; }
.dflt-form-layout .wpcf7-list-item { display:block; margin-left:0; margin-bottom:1rem; }
.dflt-form-layout .wpcf7-list-item:last-child { margin-bottom:0; }
.dflt-form-layout .wpcf7-list-item label {
	position:relative;
  cursor:pointer;
}
.dflt-form-layout .wpcf7-list-item-label { position:relative; }
.dflt-form-layout .wpcf7-list-item-label::before,
.dflt-form-layout .wpcf7-list-item-label::after {
  content:"";
  display:block;
  border-radius:0;
  position:absolute;
  transform:translateY(-50%);
  top:50%;
}
.dflt-form-layout .wpcf7-list-item-label::before {
  border: 1px solid #000;
  border-radius:0;
  width:16px;
  height:16px;
  left:0;
}
.dflt-form-layout .wpcf7-list-item-label::after {
  background:#3366ff;
  border-radius:0;
  opacity:0;
  width:12px;
  height:12px;
  left:3px;
}
.dflt-form-layout .wpcf7-list-item input:checked + .wpcf7-list-item-label::after { opacity:1; }
.dflt-form-layout input[type="radio"],
.dflt-form-layout input[type="checkbox"] { display:none; }
.dflt-form-layout .wpcf7-list-item .wpcf7-list-item-label { padding-left:25px; }
.dflt-form-layout .btm-txt {
	font-size:.8rem;
	line-height:2;
	text-align:center;
	margin:3rem auto;
}
.dflt-form-layout .btm-txt a { text-decoration:underline; }
.dflt-form-layout .btm-txt a:hover { opacity:.5; }
.dflt-form-layout .check-txt { text-align:center; margin-bottom:-2rem; font-size:.9rem; }
.dflt-form-layout .btn-box input[type="submit"] {
	font-size:.9rem;
	text-align:center;
	background:#fff;
	margin:0 auto;
	cursor:pointer;
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
	transition:0.5s ease all;
	display:block;
  color:#3366ff;
  line-height:2.8rem;
  width:16.5rem;
  border:2px solid #3366ff;
  font-weight:bold;
  box-sizing:border-box;
}
.dflt-form-layout .btn-box input[type="submit"]:hover { background:#3366ff; color:#fff; }
.dflt-form-layout .wpcf7-not-valid-tip { margin-top:.5rem; color:#f00; font-size:.7rem; }
.wpcf7 form.sent .wpcf7-response-output { display:none; }

.dflt-form-layout .rec-txt {
  text-align:center;
  font-size:.7rem;
  line-height:1.7;
  margin-bottom:2rem;
}

body.thanks-html .top-txt,
body.thanks-entry-html .top-txt {
	font-size:.9rem;
	text-align:center;
	margin-bottom:2rem;
	line-height:2;
}
body.thanks-html main,
body.thanks-entry-html main { margin-bottom:5rem; }

body.contact-html .top-txt {
	font-size:.9rem;
	text-align:center;
	margin-bottom:3rem;
}
body.contact-html #page-cont-box {
	position:relative;
	background:#eaefff;
}
body.contact-html #page-cont-box::before {
  content: "";
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  width: 100%;
  height: 25rem;
  background: rgba(255, 255, 255, .5);
  display: block;
  position: absolute;
  top:9rem;
  left:0;
}
body.contact-html #page-cont-box .form-box {
	background:#fff;
	padding:3rem;
}
body.contact-html #page-cont-box > .in-w60 { padding-bottom:7rem; }
.dflt-form-layout { border-top:0; margin-bottom:2rem; }
.dflt-form-layout .line {
	display:block;
	font-size:1.1rem;
	padding:0;
	border-bottom:0;
	margin-bottom:2rem;
}
.dflt-form-layout .item-name {
	width:100%;
	margin-bottom:.7rem;
	color:#3366ff;
}
.dflt-form-layout .item-name .req {
	background:#3366ff;
	padding:.15rem 1rem;
	font-size:70%;
	vertical-align:text-bottom;
}
.dflt-form-layout .input-box { width:100%; }
.dflt-form-layout .input-box.half { justify-content:space-between; }
.dflt-form-layout .input-box.half .box { width:calc((100% - 2rem) / 2); }
.dflt-form-layout .input-box.half input { width:100%; margin-left:0; }
.dflt-form-layout .wpcf7-list-item-label::before { width:23px; height:23px; }
.dflt-form-layout .input-box input, .dflt-form-layout .input-box textarea { padding:1rem; }
.dflt-form-layout .input-box textarea { height:10rem; }
.dflt-form-layout .wpcf7-list-item .wpcf7-list-item-label { padding-left:35px; }
.dflt-form-layout .wpcf7-list-item-label::after { width:19px; height:19px; }
.dflt-form-layout .input-box.radio { margin-left:1.1rem; }

@media screen and (max-width: 960px) {
	.dflt-form-layout .wpcf7-list-item { margin-bottom:1.5rem; }
}
@media screen and (max-width: 750px) {
	.dflt-form-layout .line { display:block; font-size:16px; margin-bottom:25px; }
	.dflt-form-layout .item-name { width:100%; margin-bottom:10px; }
	.dflt-form-layout .input-box { width:100%; }
	.dflt-form-layout .input-box.half .box { width:calc((100% - 1rem) / 2); }
	.dflt-form-layout .input-box.sml input { width:100%; }
	.dflt-form-layout .input-box input,
	.dflt-form-layout .input-box textarea,
	.dflt-form-layout .input-box select { font-size:15px; }
	.dflt-form-layout .input-box select { padding:.8rem 3rem .8rem 1rem; }
	.dflt-form-layout .input-box.birthday .wpcf7-form-control-wrap::after { top:.2rem; }
	.dflt-form-layout .btm-txt { font-size:15px; text-align:left; line-height:1.66; margin:50px auto; }
	.dflt-form-layout .line.top .item-name { padding-top:0; }
	.dflt-form-layout .check-txt { font-size:16px; }
	.dflt-form-layout .btn-box input[type="submit"] { font-size:17px; line-height:50px; width:250px; }
	.dflt-form-layout .rec-txt { font-size:11px; }
	.dflt-form-layout .wpcf7-not-valid-tip { font-size:11px; }
	.dflt-form-layout .input-box.radio { margin-left:0; margin-bottom:30px; }
	.dflt-form-layout .wpcf7-list-item .wpcf7-list-item-label { padding-left:30px; }
	.dflt-form-layout .wpcf7-list-item { margin-bottom:17px; }

	body.contact-html #page-cont-box .form-box { padding:25px 15px; }
	body.contact-html #page-cont-box::before {
		width:735px;
	  height:250px;
	  left:-50%;
	  right:-50%;
	  margin:0 auto;
	}
	body.contact-html .top-txt { font-size:15px; line-height:1.66; text-align:left; }
	body.thanks-html .top-txt,
	body.thanks-entry-html .top-txt { font-size:15px; line-height:1.66; text-align:left; }
}








/* =================== */
/*       body.products       */
/* =================== */
body.products #products-layout #major-sec { margin:5rem auto 6rem; }
body.products #products-layout .sec-top-txt {
	font-size:.9rem;
	line-height:2;
	text-align:center;
	margin-bottom:2rem;
}
body.products #products-layout #major-sec ul.main-list {
	flex-wrap:wrap;
	align-items:flex-start;
}
body.products #products-layout #major-sec ul.main-list li {
	width:calc((100% - 4rem) / 2);
	margin-bottom:2rem;
}
body.products #products-layout #major-sec ul.main-list li .name {
	font-size:1.2rem;
	text-align:center;
	margin-top:1.5rem;
	font-weight:bold;
}
body.products #products-layout #major-sec ul.main-list li .txt {
	font-size:.9rem;
	line-height:1.77;
	text-align:center;
	margin-top:.5rem;
}
body.products #products-layout #major-sec .connection-txt {
	text-align:center;
	margin-top:3rem;
}
body.products #products-layout #major-sec .connection-txt span {
	font-size:1.1rem;
	padding:0 1rem .7rem;
	border-bottom:1px solid #000;
}
body.products #products-layout #major-sec .clr-box {
	width:45rem;
	background:#f6f6f6;
	margin:3rem auto 0;
	padding:2rem 4.5rem;
}
body.products #products-layout #major-sec .clr-box .box-ttl {
	font-weight:bold;
	font-size:1.2rem;
	text-align:center;
	margin-bottom:1.5rem;
}
body.products #products-layout #major-sec .clr-box > ul > li {
	line-height:1.5;
	font-size:1rem;
	margin-bottom:.5rem;
	text-indent:-1.2em;
	padding-left:1.2em;
}
body.products #products-layout #major-sec .clr-box > ul > li strong { font-weight:bold; }
body.products #products-layout #major-sec .clr-box > ul > li ul {
	margin-left:1em;
	margin-top:.5em;
}
body.products #products-layout #flow-sec .sec-top-txt {
	font-size:.9rem;
	line-height:2;
	text-align:center;
	margin-bottom:2rem;
	color:#fff;
}
body.products #products-layout #flow-sec ol { position:relative; }
body.products #products-layout #flow-sec ol::before {
	content:"";
	height:100%;
	width:2px;
	background:#fff;
	position:absolute;
	left:2.9rem;
	top:0;
}
body.products #products-layout #flow-sec li {
	background:#fff;
	padding:1.5rem 1.5rem 1.5rem 0;
	display:flex;
	align-items:center;
	margin-bottom:1.5rem;
	position:relative;
}
body.products #products-layout #flow-sec li:last-child { margin-bottom:0; }
body.products #products-layout #flow-sec li .num {
	font-size:2.1rem;
	color:#3366ff;
	display:flex;
	justify-content:center;
	align-items:center;
	width:6rem;
	position:relative;
}
body.products #products-layout #flow-sec li .num::after {
	content:"";
	height:55px;
	width:1px;
	background:#bfbfbf;
	display:block;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	margin:auto 0;
}
body.products #products-layout #flow-sec li .name {
	font-size:1.4rem;
	font-weight:bold;
	width:14rem;
	margin-left:2rem;
}
body.products #products-layout #flow-sec li .txt {
	font-size:.8rem;
	line-height:1.875;
	width:36rem;
}
body.products #products-layout #example-sec { margin:5rem auto; }
body.products #products-layout #example-sec .clr-box {
	background:#f6f6f6;
	padding:3rem;
	margin-bottom:1.5rem;
}
body.products #products-layout #example-sec .clr-box .flex-box { align-items:flex-start; }
body.products #products-layout #example-sec .clr-box .pic { width:26.4rem; }
body.products #products-layout #example-sec .clr-box .txt {
	width:calc(100% - 26.4rem - 3rem);
	line-height:1.88;
	font-size:.9rem;
}
body.products #products-layout #example-sec .clr-box .name {
	margin-bottom:2rem;
	font-size:1.3rem;
}
body.products #products-layout #example-sec .clr-box .name::before {
	content:"";
	background:#307ccf;
	width:5px;
	height:1em;
	display:inline-block;
	vertical-align:middle;
	margin-right:1rem;
}
body.products #products-layout #example-sec .clr-box .name span {
	font-weight:bold;
	vertical-align:middle;
}
body.products #products-layout #case-sec {
	background:#eaefff;
	padding:4rem 0 5rem;
}
body.products #products-layout #case-sec ul {
	margin-bottom:3rem;
	align-items:flex-start;
}
body.products #products-layout #case-sec ul li { width:calc((100% - 4.5rem) / 4); }
body.products #products-layout #case-sec ul li a:hover { opacity:.5; }
body.products #products-layout #case-sec ul li .txt-box { margin-top:1rem; }
body.products #products-layout #case-sec ul li .name {
	font-size:.9rem;
	font-weight:bold;
	margin-bottom:.5rem;
	line-height:1.3;
}
body.products #products-layout #case-sec ul li .date { font-size:.8rem; }

body.industrial-html #products-layout #example-sec .clr-box .txt-box,
body.jack-html #products-layout #example-sec .clr-box .txt-box { width:calc(100% - 26.4rem - 3rem); }
body.industrial-html #products-layout #example-sec .clr-box .txt,
body.jack-html #products-layout #example-sec .clr-box .txt { width:100%; }
body.industrial-html #products-layout #example-sec .txt-box h4,
body.jack-html #products-layout #example-sec .txt-box h4 {
	font-size:1.1rem;
	margin-bottom:1rem;
}
body.industrial-html #products-layout #example-sec .txt-box h4 span,
body.jack-html #products-layout #example-sec .txt-box h4 span { font-weight:bold; }
body.industrial-html #products-layout #example-sec .txt-box h4::before,
body.jack-html #products-layout #example-sec .txt-box h4::before {
	content:"■";
	color:#3366ff;
	margin-right:.5rem;
}
body.industrial-html #products-layout #example-sec .txt-box ul,
body.jack-html #products-layout #example-sec .txt-box ul { margin-bottom:1rem; }
body.industrial-html #products-layout #example-sec .txt-box li,
body.jack-html #products-layout #example-sec .txt-box li {
	line-height:1.88;
	font-size:.9rem;
	display:flex;
}
body.industrial-html #products-layout #example-sec .txt-box li::before,
body.jack-html #products-layout #example-sec .txt-box li::before {
	content:"●";
	display:inline-block;
	margin-right:.5rem;
}
body.products #products-layout #example-sec .note-box {
	border:4px solid #3366ff;
	border-radius:1rem;
	padding:3rem;
	background-image:linear-gradient(90deg, #f2f2f280 1px, transparent 1px), linear-gradient(#f2f2f280 1px, transparent 1px);
  background-position:10px 10px;
  background-size:11px 11px;
  margin-top:4rem;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
}
body.products #products-layout #example-sec .note-box .txt {
	font-size:.9rem;
	font-weight:bold;
	line-height:1.88;
}
body.products #products-layout #example-sec .note-box .wht-box {
	background:#fff;
	border-radius:1rem;
	padding:2rem;
	box-shadow:0 0 6px 0 rgba(39, 39, 39, .2);
	margin-top:2rem;
}
body.products #products-layout #example-sec .note-box h3 {
	margin-top:-3.7rem;
	margin-bottom:2rem;
}
body.products #products-layout #example-sec .note-box h3 span {
	border-radius:100vmax;
	color:#fff;
	background:#3366ff;
	font-size:1.4rem;
	font-weight:bold;
	padding:.4rem 1.5rem;
}
body.products #products-layout #example-sec .note-box h4::before {
	content:"";
	width:1.5rem;
	height:1.5rem;
	background:url(../img/products/industrial/icon.png) no-repeat;
	background-size:cover;
	margin-right:.8rem;
	display:inline-block;
	vertical-align:middle;
}
body.products #products-layout #example-sec .note-box h4 span {
	font-size:1.4rem;
	font-weight:bold;
	display:inline-block;
	vertical-align:middle;
}
body.products #products-layout #example-sec .note-box ul { margin:1rem 0; }
body.products #products-layout #example-sec .note-box li {
	font-size:.9rem;
	font-weight:bold;
	line-height:1.88;
	display:flex;
}
body.products #products-layout #example-sec .note-box li span { font-weight:bold; }
body.products #products-layout #example-sec .note-box li::before {
	content:"●";
	display:inline-block;
	margin-right:.5rem;
	color:#3366ff;
}
body.jack-html #products-layout #example-sec .art1 {
	padding-bottom:2.5rem;
	margin-bottom:2.5rem;
}
body.jack-html #products-layout #example-sec .art3 {
	margin-top:2.5rem;
	border:0;
	padding:0;
	background-image:none;
	border-radius:0;
	margin-bottom:2.5rem;
}
body.jack-html #products-layout #example-sec .art3 ul {
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	width:65%;
}
body.jack-html #products-layout #example-sec .art3 ul li { margin-right:2rem; }
body.jack-html #products-layout #example-sec .art3 ul li:nth-child(1) { order:1; width:14em; }
body.jack-html #products-layout #example-sec .art3 ul li:nth-child(2) { order:3; width:14em; }
body.jack-html #products-layout #example-sec .art3 ul li:nth-child(3) { order:5; width:14em; }
body.jack-html #products-layout #example-sec .art3 ul li:nth-child(4) { order:2; }
body.jack-html #products-layout #example-sec .art3 ul li:nth-child(5) { order:4; }
body.jack-html #products-layout #example-sec .art4 > .txt { margin-bottom:1.5rem; margin-top:-1rem; }
body.jack-html #products-layout #example-sec .art4 strong { font-weight:bold; }
body.jack-html #products-layout #example-sec .art4 h4 { margin-bottom:.5rem; }
body.jack-html #products-layout #example-sec .art4 ul { margin-top:1rem; }
body.jack-html #products-layout #example-sec .art4 li { margin-bottom:1rem; }
body.jack-html #products-layout #example-sec .art5 { padding-bottom:2.5rem; }
body.jack-html #products-layout #example-sec .art5 .txt.mb { margin-bottom:1rem; }
body.jack-html #products-layout #example-sec .art5 .txt .clr { color:#3366ff; }
body.jack-html #products-layout #example-sec .art6 {
	margin-top:2.5rem;
	border:0;
	padding:0;
	background-image:none;
	border-radius:0;
	margin-bottom:2.5rem;
}
body.jack-html #products-layout #example-sec .art6 h5 {
	font-size:1.1rem;
	font-weight:bold;
}
body.jack-html #products-layout #example-sec .art6 h5::before {
	content:"";
	width:1.6rem;
	height:.15rem;
	background:#3366ff;
	margin-right:.5rem;
	display:inline-block;
	vertical-align:middle;
}
body.jack-html #products-layout #example-sec .art6 .lr-box { align-items:inherit; }
body.jack-html #products-layout #example-sec .art6 .box {
	width:calc((100% - 1.5rem) / 2);
	margin-top:1.5rem;
}
body.jack-html #products-layout #example-sec .art6 .box ul { min-height:6.58em; }
body.jack-html #products-layout #example-sec .art6 .last-txt {
	display:flex;
	align-items:center;
}
body.jack-html #products-layout #example-sec .art6 .last-txt::before {
	content:"";
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	width:.65rem;
	height:1.35rem;
	background:#3366ff;
	margin-right:1rem;
}
body.jack-html #products-layout #example-sec .art6 .last-txt span {
	font-size:.9rem;
	line-height:1.88;
	font-weight:bold;
	width:calc(100% - 1.65rem);
}
body.jack-html #products-layout #example-sec .nml-txt {
	line-height:1.88;
  font-size:.9rem;
}
body.jack-html #products-layout #example-sec .nml-txt a {
	color:#3366ff;
	text-decoration:underline;
}
body.jack-html #products-layout #example-sec .nml-txt a:hover { opacity:.5; }
body.jack-html #products-layout #example-sec .art4 { margin-top:3rem; }

body.products main .bk-clr {
	background:#3366ff;
	margin-top:-4rem;
	padding:1rem 0 4rem;
}
body.products ul.products-list li.list2 .pic { order:2; }
body.products ul.products-list li.list2 .txt-box { order:1; }
body.products ul.products-list li {
	margin-bottom:3rem;
	position:relative;
	align-items:initial;
}
body.products ul.products-list li .pic {
	width:30.4rem;
	line-height:0;
}
body.products ul.products-list li .txt-box {
	width:calc(100% - 30.4rem);
	background:#fff;
	padding:4.5rem 3.5rem 0;
	position:relative;
	z-index:1;
}
body.products ul.products-list li .bk {
	position:absolute;
	bottom:-14rem;
}
body.products ul.products-list li.list1 .bk,
body.products ul.products-list li.list3 .bk { right:-18rem; }
body.products ul.products-list li.list2 .bk { left:-18rem; }
body.products ul.products-list li .bk::before {
	content:"";
  width:30rem;
  height:30rem;
  transform:rotate(135deg) skew(20deg, 20deg);
  display:inline-block;
  background:rgba(255,255,255,.2);
  display:block;
}
body.products ul.products-list li h2 {
	font-size:1.7rem;
	font-weight:bold;
	border-left:.25rem solid #133db8;
	padding-left:1.2rem;
}
body.products ul.products-list li .txt {
	font-size:.9rem;
	line-height:1.55;
	margin:.8rem 0 1.5rem;
}


@media screen and (max-width: 750px) {
	body.products #products-layout #major-sec { margin:4rem auto 5rem; }
	body.products #products-layout #major-sec .sec-top-txt { font-size:15px; line-height:1.66; }
	body.products #products-layout #major-sec ul.main-list { display:block; }
	body.products #products-layout #major-sec ul.main-list li { width:100%; margin-bottom:25px; }
	body.products #products-layout #major-sec ul.main-list li .name { font-size:20px; }
	body.products #products-layout #major-sec ul.main-list li .txt { font-size:15px; line-height:1.66; }
	body.products #products-layout #major-sec .connection-txt { margin-top:40px; }
	body.products #products-layout #major-sec .connection-txt span { font-size:15px; padding:0 0 .7rem; }
	body.products #products-layout #major-sec .clr-box { width:100%; padding:20px; }
	body.products #products-layout #major-sec .clr-box .box-ttl { font-size:18px; }
	body.products #products-layout #major-sec .clr-box > ul > li { font-size:15px; text-indent:-1em; padding-left:1em; }
	body.products #products-layout #flow-sec .sec-top-txt { font-size:15px; line-height:1.66; }
	body.products #products-layout #flow-sec li { display:block; padding:20px; }
	body.products #products-layout #flow-sec li .num { font-size:30px; width:100%; display:block; text-align:center; }
	body.products #products-layout #flow-sec li .num::after { width:40px; height:1px; top:inherit; bottom:-10px; left:0; margin:auto; }
	body.products #products-layout #flow-sec li .name { font-size:18px; margin-top:25px; margin-left:0; width:100%; text-align:center; }
	body.products #products-layout #flow-sec li .txt { width:100%; font-size:15px; margin-top:15px; line-height:1.66; }
	body.products #products-layout #flow-sec ol::before { left:0; right:0; margin:0 auto; }
	body.products #products-layout #example-sec .clr-box { padding:20px; }
	body.products #products-layout #example-sec .clr-box .name { font-size:18px; display:flex; line-height:1.5; }
	body.products #products-layout #example-sec .clr-box .name::before { height:auto; }
	body.products #products-layout #example-sec .clr-box .flex-box { display:block; }
	body.products #products-layout #example-sec .clr-box .pic { width:100%; }
	body.products #products-layout #example-sec .clr-box .txt { width:100%; font-size:15px; line-height:1.66; margin-top:15px; }
	body.products #products-layout #case-sec ul { display:block; }
	body.products #products-layout #case-sec ul li { width:100%; margin-bottom:30px; }
	body.products #products-layout #case-sec ul li .name { font-size:16px; margin-bottom:10px; }
	body.products #products-layout #case-sec ul li .date { font-size:14px; }
	body.products #products-layout #example-sec .sec-top-txt { font-size:15px; line-height:1.66; }
	body.industrial-html #products-layout #example-sec .clr-box .txt-box,
	body.jack-html #products-layout #example-sec .clr-box .txt-box { width:100%; margin-top:20px; }
	body.industrial-html #products-layout #example-sec .txt-box h4 { font-size:16px; }
	body.industrial-html #products-layout #example-sec .txt-box li { font-size:15px; line-height:1.66; }
	body.products #products-layout #example-sec .note-box { padding:30px 20px 20px; }
	body.products #products-layout #example-sec .note-box h3 { text-align:center; }
	body.products #products-layout #example-sec .note-box h3 span { font-size:18px; padding:8px 10px; }
	body.products #products-layout #example-sec .note-box .txt { font-size:15px; line-height:1.66; }
	body.industrial-html #products-layout #example-sec .txt-box li,
	body.jack-html #products-layout #example-sec .txt-box li { font-size:15px; line-height:1.66; }
	body.products #products-layout #example-sec .note-box .txt { font-size:15px; line-height:1.66; }
	body.industrial-html #products-layout #example-sec .note-box h4::before,
	body.jack-html #products-layout #example-sec .note-box h4::before { margin:0 auto 5px; display:block; }
	body.industrial-html #products-layout #example-sec .note-box h4 span,
	body.jack-html #products-layout #example-sec .note-box h4 span { font-size:18px; text-align:center; line-height:1.3; display:block; }
	body.jack-html #products-layout #example-sec .art3 { padding:0; }
	body.jack-html #products-layout #example-sec .art3 ul { width:100%; display:block; }
	body.jack-html #products-layout #example-sec .art3 ul li { width:100% !important; }
	body.jack-html #products-layout #example-sec .art5 h3 { width:120%; margin-left:-10%; }
	body.jack-html #products-layout #example-sec .art6 .lr-box { display:block; }
	body.jack-html #products-layout #example-sec .art6 .box { width:100%; }
	body.jack-html #products-layout #example-sec .art6 h5 { font-size:18px; line-height:1.5; display:flex; align-items:center; }
	body.jack-html #products-layout #example-sec .art6 .last-txt span { font-size:15px; line-height:1.66; }
	body.jack-html #products-layout #example-sec .art6 .box ul { min-height:inherit; }
	body.products #products-layout #example-sec .note-box li { font-size:15px; line-height:1.66; }
	body.products #products-layout #example-sec .txt-box h4 { font-size:18px; }
	body.products #products-layout #example-sec .txt-box h4 span { font-size:18px; }
	body.jack-html #products-layout #example-sec .art6 { padding:0; }
	body.jack-html #products-layout #example-sec .nml-txt { font-size:15px; line-height:1.66; }

	body.products ul.products-list li { display:block; margin-bottom:40px; }
  body.products ul.products-list li .pic { width:100%; }
  body.products ul.products-list li .txt-box { width:100%; padding:30px; }
  body.products ul.products-list li h2 { font-size:24px; border-left:3px solid #133db8; }
  body.products ul.products-list li .txt { font-size:15px; margin-top:20px; }
  body.products ul.products-list li .nml-blue-bk-btn a { margin:0 auto; width:100%; max-width:250px; }
  body.products ul.products-list li .bk::before { width:25rem; height:25rem; bottom:-10rem; }
  body.products ul.products-list li.list1 .bk, body.index #products-sec li.list3 .bk { right:-14rem; }
  body.products ul.products-list li.list2 .bk { left:-14rem; }

}








/* =================== */
/*       body.strengths-html       */
/* =================== */
body.strengths-html #page-ttl-box-bg {
	background:url(../img/strongs/kv.jpg) no-repeat center;
	background-size:cover;
	padding:8.5rem 0;
	color:#fff;
	align-items:center;
	justify-content:center;
}
body.strengths-html #page-ttl-box-bg h1.copy {
	font-size:2.1rem;
	font-weight:bold;
	text-align:center;
	margin-bottom:1.5rem;
}
body.strengths-html #page-ttl-box-bg .txt {
	line-height:2;
	font-size:.9rem;
	text-align:center;
}
body.strengths-html #values-sec {
	padding-bottom:3rem;
	background:repeating-linear-gradient(-45deg, #ebf0ff, #ebf0ff 5px, #d6e0ff 5px, #d6e0ff 6px);
}
body.strengths-html #values-sec::before { display:none; }
body.strengths-html #values-sec > .flex-box { align-items:flex-start; justify-content:flex-start; }
body.strengths-html #values-sec h2 { margin-top:3rem; }
body.strengths-html #values-sec h2 .en {
	color:#3366ff;
	font-size:1rem;
	display:block;
}
body.strengths-html #values-sec h2 .en::before {
	content:"";
	width:3rem;
	height:1px;
	background:#000;
	display:inline-block;
	margin-right:1rem;
	vertical-align:middle;
}
body.strengths-html #values-sec h2 .jp {
	font-size:1.8rem;
	display:block;
	font-weight:bold;
	margin-top:1rem;
}
body.strengths-html #values-sec ol {
	width:41rem;
	height:39.5rem;
	position:relative;
	margin-left:-.5rem;
}
body.strengths-html #values-sec ol::before {
	content:"";
	width:31.2rem;
	height:29.65rem;
	display:block;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	background:url(../img/strongs/values_bk.png) no-repeat;
	background-size:cover;
}
body.strengths-html #values-sec ol li {
	width:13.2rem;
	height:13.2rem;
	background:#d6e0ff;
	border-radius:100vmax;
	border:1px solid #3366ff;
}
body.strengths-html #values-sec ol li:nth-child(1) {
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	top:0;
}
body.strengths-html #values-sec ol li:nth-child(2) {
	position:absolute;
	right:0;
	top:11rem;
}
body.strengths-html #values-sec ol li:nth-child(3) {
	position:absolute;
	left:0;
	top:11rem;
}
body.strengths-html #values-sec ol li:nth-child(4) {
	position:absolute;
	left:4.5rem;
	bottom:0;
}
body.strengths-html #values-sec ol li:nth-child(5) {
	position:absolute;
	right:4.5rem;
	bottom:0;
}
body.strengths-html #values-sec ol li .txt-box {
	width:calc(100% - .4rem);
	height:calc(100% - .4rem);
	background:#3366ff;
	border-radius:100vmax;
	text-align:center;
	color:#fff;
	margin:.2rem;
	display:flex;
	justify-content:center;
	align-items:center;
}
body.strengths-html #values-sec ol li .txt-box .name {
	font-size:1.4rem;
	font-weight:bold;
	line-height:1.28;
}
body.strengths-html #values-sec ol li .txt-box .txt {
	line-height:1.625;
	font-size:.8rem;
	margin-top:.5rem;
}
body.strengths-html #strongs-sec {
	padding-top:0;
	background:rgba(51,102,255,.1);
}
body.strengths-html #strongs-sec::before { background:rgba(255,255,255,.5); }
body.strengths-html #strongs-sec h2 .en {
	color:#3366ff;
	font-size:1rem;
	display:block;
	text-align:center;
}
body.strengths-html #strongs-sec h2 .en::before {
	content:"";
	width:1px;
	height:3rem;
	display:block;
	margin:0 auto 1rem;
}
body.strengths-html #strongs-sec h2 .jp {
	font-size:1.8rem;
	display:block;
	font-weight:bold;
	margin-top:.7rem;
	text-align:center;
}
body.strengths-html #strongs-sec .sec-top-txt {
	font-size:.9rem;
	line-height:2;
	text-align:center;
	margin:1.5rem auto 2rem;
}
body.strengths-html #strongs-sec article {
	background:#fff;
	padding:3rem;
	margin-bottom:2rem;
}
body.strengths-html #strongs-sec article .ttl-box {
	background:#3366ff;
	padding:1rem 0;
	color:#fff;
	justify-content:flex-start;
	position:relative;
	overflow:hidden;
	margin-bottom:2.5rem;
}
body.strengths-html #strongs-sec .ttl-box .num-box {
	display:flex;
	padding:0 1rem 0 1.3rem;
	align-items:center;
	position:relative;
	margin-right:1.5rem;
}
body.strengths-html #strongs-sec .ttl-box .num-box::after {
	content:"";
	width:1px;
	height:2.75rem;
	background:#fff;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	margin:auto 0;
}
body.strengths-html #strongs-sec .ttl-box .num-box .num { font-size:3.6rem; }
body.strengths-html #strongs-sec .ttl-box .num-box .txt {
	font-size:.55rem;
	writing-mode:vertical-lr;
	margin-right:.3rem;
}
body.strengths-html #strongs-sec .ttl-box .art-ttl {
	font-size:2rem;
	letter-spacing:.05em;
	font-weight:bold;
}
body.strengths-html #strongs-sec .ttl-box::before {
	content:"";
	clip-path: polygon(100% 0, 0 0, 100% 100%);
	width:5.65rem;
	height:3.85rem;
	background:rgba(255,255,255,.2);
	position:absolute;
	top:0;
	right:0;
	z-index:1;
}
body.strengths-html #strongs-sec article .sub-ttl {
	font-size:1.2rem;
	font-weight:bold;
	margin-bottom:1rem;
}
body.strengths-html #strongs-sec article .nml-txt {
	font-size:.9rem;
	line-height:1.77;
}
body.strengths-html #strongs-sec .txt-flex {
	align-items:flex-start;
	margin-top:2rem;
	padding-top:2.5rem;
	border-top:1px solid #bfbfbf;
}
body.strengths-html #strongs-sec .txt-flex .pic { width:24.5rem; }
body.strengths-html #strongs-sec .txt-flex .txt-box { width:calc(100% - 24.5rem - 3rem); }
body.strengths-html #strongs-sec .txt-flex li { margin-bottom:1.7rem; }
body.strengths-html #strongs-sec .txt-flex li:last-child { margin-bottom:0; }
body.strengths-html #strongs-sec .txt-flex .list-ttl {
	font-size:1.2rem;
	font-weight:bold;
	display:flex;
	align-items:center;
	margin-bottom:.5rem;
}
body.strengths-html #strongs-sec .txt-flex .list-ttl span {
	width:5.75rem;
	background:#3366ff;
	color:#fff;
	font-size:1rem;
	font-weight:bold;
	text-align:center;
	padding:.5rem 0;
	display:block;
	margin-right:1rem;
}
body.strengths-html #strongs-sec .txt-flex .list-txt {
	font-size:.9rem;
	line-height:1.77;
}
body.strengths-html #strongs-sec .pic-flex { align-items:flex-start; }
body.strengths-html #strongs02 .pic-flex .pic { width:29.5rem; }
body.strengths-html #strongs03 .pic-flex .pic { width:28rem; }
body.strengths-html #strongs-sec #strongs03 { padding:3rem 3rem 1rem; }
body.strengths-html #strongs-sec .pic-flex .txt-box { width:22.5rem; }
body.strengths-html #strongs03 .pic-flex { margin-bottom:3rem; }
body.strengths-html #strongs03 .clr-box {
	background:#f6f6f6;
	padding:2.5rem 1.5rem;
	margin-bottom:1.5rem;
}
body.strengths-html #strongs03 .clr-box .box-ttl {
	font-size:1.3rem;
	font-weight:bold;
	letter-spacing:.05em;
	text-align:center;
	margin-bottom:1rem;
}
body.strengths-html #strongs03 .clr-box .line {
	padding:1.5rem 0;
	border-bottom:1px solid #bfbfbf;
}
body.strengths-html #strongs03 .clr-box .line:last-child {
	padding-bottom: 0;
	border-bottom:0;
}
body.strengths-html #strongs03 .clr-box dt {
	font-size:.9rem;
	font-weight:bold;
	letter-spacing:.05em;
	margin-bottom:.25rem;
}
body.strengths-html #strongs03 .clr-box dd { padding:0 1rem; }
body.strengths-html #strongs03 .clr-box dd li {
	display:flex;
	line-height:1.875;
	font-size:.8rem;
}
body.strengths-html #strongs03 .clr-box dd li .name::before {
	content:"■";
	color:#3366ff;
	display:inline-block;
	margin-right:.5rem;
}
body.strengths-html #strongs03 .clr-box dd li .name { width:calc(100% - 15rem); }
body.strengths-html #strongs03 .clr-box dd li .unit { width:15rem; }
body.strengths-html #strongs03 .clr-box .three-box { align-items:flex-start; }
body.strengths-html #strongs03 .clr-box .three-box ul {
	width:calc(100% / 3);
	line-height:1.875;
	font-size:.8rem;
	margin-top:1rem;
}
body.strengths-html #strongs03 .clr-box .three-box ul li::before {
	content:"■";
	color:#3366ff;
	display:inline-block;
	margin-right:.25rem;
	font-size:90%;
}
body.strengths-html #strongs-sec .nml-blue-btn a {
	width:29.5rem;
	line-height:4.6rem;
	font-size:1.3rem;
	margin-top:3rem;
	background:#3366ff;
	color:#fff;
}
body.strengths-html #strongs-sec .nml-blue-btn a .arrow { background:#fff; }
body.strengths-html #strongs-sec .nml-blue-btn a .arrow::before { background:#fff; }
body.strengths-html #strongs-sec .nml-blue-btn a:hover { opacity:.5; }
body.strengths-html #strongs03 .clr-box.box0 ul {
	padding:0 1rem;
	margin-top:2rem;
}
body.strengths-html #strongs03 .clr-box.box0 li {
	display:flex;
	line-height:1.875;
	font-size:.8rem;
}
body.strengths-html #strongs03 .clr-box.box0 li::before {
	content:"■";
	color:#3366ff;
	display:inline-block;
	margin-right:.25rem;
}
body.strengths-html #strongs03 .clr-box.box0 li .year { width:10rem; }
body.strengths-html #strongs03 .clr-box.box0 li .num { width:10rem; }
body.strengths-html #strongs03 .clr-box.box0 li .name { width:calc(100% - 20rem - 1.5rem); }
body.strengths-html article#strongs02 .ttl-box { background:#068ae6; }
body.strengths-html article#strongs03 .ttl-box { background:#133db8; }

@media screen and (max-width: 750px) {
	body.strengths-html #page-ttl-box-bg h1.copy { font-size:27px; line-height:1.5; }
	body.strengths-html #page-ttl-box-bg .txt { font-size:15px; }
	body.strengths-html #values-sec { padding-bottom:2rem; }
	body.strengths-html #values-sec > .flex-box { display:block; }
	body.strengths-html #values-sec h2 { margin-top:0; }
	body.strengths-html #values-sec h2 .en { font-size:15px; }
	body.strengths-html #values-sec h2 .jp { font-size:24px; }
	body.strengths-html #values-sec ol { width:300px; display:block; margin:30px auto 40px; }
	body.strengths-html #values-sec ol li .txt-box .txt { font-size:13px; line-height:1.3; }
	body.strengths-html #values-sec ol li .txt-box .name { font-size:18px; line-height:1.2; }
	body.strengths-html #values-sec ol::before { width:300px; height:285px; }
	body.strengths-html #values-sec ol li:nth-child(3) { left:-30px; top:145px; }
	body.strengths-html #values-sec ol li:nth-child(2) { right:-30px; top:145px; }
	body.strengths-html #values-sec ol li:nth-child(4) { left:-10px; bottom:-15px; }
	body.strengths-html #values-sec ol li:nth-child(5) { right:-10px; bottom:-15px; }
	body.strengths-html #strongs-sec h2 .jp { font-size:24px; }
	body.strengths-html #strongs-sec h2 .en { font-size:15px; }
	body.strengths-html #strongs-sec .sec-top-txt { font-size:15px; margin:20px auto 25px; }
	body.strengths-html #strongs-sec > .in-w60 { width:calc(80% + 30px); }
	body.strengths-html #strongs-sec article { padding:15px !important; transform:none !important; opacity:1 !important; }
	body.strengths-html #strongs-sec .ttl-box .num-box .num { font-size:32px; }
	body.strengths-html #strongs-sec .ttl-box .art-ttl { font-size:20px; }
	body.strengths-html #strongs-sec article .sub-ttl { font-size:16.5px; }
	body.strengths-html #strongs-sec article .nml-txt { font-size:15px; line-height:1.66; }
	body.strengths-html #strongs-sec .txt-flex { display:block; }
	body.strengths-html #strongs-sec .txt-flex li { margin-bottom:20px; }
	body.strengths-html #strongs-sec .txt-flex .txt-box { width:100%; }
	body.strengths-html #strongs-sec .txt-flex .list-ttl { font-size:18px; display:block; }
	body.strengths-html #strongs-sec .txt-flex .list-ttl span { width:90px; font-size:15px; margin-bottom:10px; }
	body.strengths-html #strongs-sec .txt-flex .list-txt { font-size:15px; line-height:1.66; margin-top:10px; }
	body.strengths-html #strongs-sec .txt-flex .pic { width:100%; margin-top:30px; }
	body.strengths-html #strongs-sec .pic-flex { display:block; }
	body.strengths-html #strongs-sec .pic-flex .txt-box { width:100%; }
	body.strengths-html #strongs-sec .pic-flex .pic { width:100% !important; margin-top:20px; }
	body.strengths-html #strongs03 .clr-box { padding:2.5rem 1.5rem; }
	body.strengths-html #strongs03 .clr-box .box-ttl { font-size:18px; }
	body.strengths-html #strongs03 .clr-box dt { font-size:16px; margin-bottom:15px; }
	body.strengths-html #strongs03 .clr-box .line { padding:25px 0 15px; }
	body.strengths-html #strongs03 .clr-box dd li { display:block; font-size:15px; line-height:1.5; margin-bottom:10px; }
	body.strengths-html #strongs03 .clr-box dd li .name { width:100%; }
	body.strengths-html #strongs03 .clr-box dd li .unit { width:100%; }
	body.strengths-html #strongs03 .clr-box.box1 .box-ttl { margin-bottom:0; }
	body.strengths-html #strongs03 .clr-box .three-box { display:block; margin-top:20px; }
	body.strengths-html #strongs03 .clr-box .three-box ul { width:100%; font-size:15px; line-height:1.5; margin-top:0; }
	body.strengths-html #strongs-sec .nml-blue-btn a { width:100%; font-size:18px; }
	body.strengths-html #strongs03 .clr-box.box0 li { font-size:15px; flex-wrap:wrap; line-height:1.5; margin-bottom:10px; }
	body.strengths-html #strongs03 .clr-box.box0 li .year { width:15rem; }
	body.strengths-html #strongs03 .clr-box.box0 li .num { width:100%; padding-left:1em; }
	body.strengths-html #strongs03 .clr-box.box0 li .name { width:100%; padding-left:1em; }
}








/* =================== */
/*       body.privacy-html       */
/* =================== */
body.privacy-html .dflt-center-h .wrap { font-size:1.2rem; }
body.privacy-html #page-cont-box > .in-w60 > ol {
	font-size:.8rem;
  line-height:1.875;
  margin-bottom:7rem;
}
body.privacy-html #page-cont-box > .in-w60 > ol > li {
	text-indent:-2em;
	padding-left:2em;
	margin-bottom:2rem;
}
body.privacy-html #page-cont-box > .in-w60 > ol > li li {
	text-indent:-3em;
	padding-left:3em;
}
body.privacy-html #page-cont-box > .in-w60 > ol ul > li {
	text-indent:-1em;
	padding-left:1em;
}
body.privacy-html #page-cont-box > .in-w60 ul > li::before { content:"・"; }
body.privacy-html #page-cont-box > .in-w60 > ol > li table {
	width:20rem;
	margin-top:.3rem;
}
body.privacy-html #page-cont-box > .in-w60 > ol > li table th {
	border:1px solid #000;
	text-align:left;
	padding:.5rem;
}
body.privacy-html #page-cont-box > .in-w60 > ol > li table td {
	border:1px solid #000;
	text-align:left;
	padding:0 .5rem;
}

@media screen and (max-width: 750px) {
	body.privacy-html .dflt-center-h .wrap { font-size:18px; line-height:1.5; }
	body.privacy-html #page-cont-box > .in-w60 > ol { font-size:15px; line-height:1.66; }
	body.privacy-html #page-cont-box > .in-w60 > ol > li table { width:100%; }
}









/* =================== */
/*       body.recruit       */
/* =================== */
body.recruit #recruit-top {
	background-image:linear-gradient(90deg, #ebeced 1px, transparent 1px), linear-gradient(#ebeced 1px, transparent 1px);
  background-position:10px 10px;
  background-size:11px 11px;
}
body.recruit #recruit-top #fixed-entry-btn {
	width:6.7rem;
	position:fixed;
	right:3rem;
	bottom:3rem;
	z-index:1;
}
body.recruit #recruit-top #fixed-entry-btn a:hover { opacity:.5; }
body.recruit #recruit-top #top-sec {
	padding-top:4.5rem;
	margin-bottom:6.5rem;
}
body.recruit #recruit-top #top-sec h1 {
	display:flex;
	margin-bottom:2rem;
}
body.recruit #recruit-top #top-sec h1 .jp {
	font-size:3.1rem;
	font-weight:bold;
	display:block;
	width:1em;
	letter-spacing:.05em;
	writing-mode:vertical-lr;
	order:1;
}
body.recruit #recruit-top #top-sec h1 .en-font {
	font-size:1.775rem;
	writing-mode:vertical-lr;
	margin-left:1rem;
	display:block;
	order:2;
}
body.recruit #recruit-top #top-sec h1 .en-font .clr { color:#3366ff; }
body.recruit #recruit-top #top-sec .txt-box {
	width:35rem;
	border-radius:1rem;
	background:rgba(255,255,255,.95);
	box-shadow:0px 0px 10px 0px rgba(39, 39, 39, .1);
	padding:4rem 3rem;
	position:relative;
	z-index:1;
	box-sizing:border-box;
}
body.recruit #recruit-top #top-sec .txt-box .copy {
	font-size:1.8rem;
	font-weight:bold;
	line-height:1.44;
}
body.recruit #recruit-top #top-sec .txt-box .txt {
	font-size:.9rem;
	line-height:2;
	margin-top:1.5rem;
}
body.recruit #recruit-top #top-sec .in-w60 .pic {
	width:49rem;
	position:absolute;
	top:0;
	right:-7.5rem;
}
body.recruit #recruit-top #top-sec .pic-slider {
	margin-top:-1.5rem;
	position:relative;
	z-index:1;
}
body.recruit #recruit-top #top-sec .pic-slider .slick-slide { margin:0 .25rem; }
body.recruit #recruit-top .clr-bk {
	background:#fff;
	width:100%;
	padding:6rem 0;
	position:relative;
}
body.recruit #recruit-top .clr-bk::before {
	content:"";
	width:57.33%;
	height:100%;
	background:#3366ff;
	position:absolute;
	right:0;
	top:0;
}
body.recruit #recruit-top h2 .en { font-size:4.5rem; }
body.recruit #recruit-top h2 .en span { color:#3366ff; }
body.recruit #recruit-top h2 .jp {
	font-size:1.3rem;
	font-weight:bold;
	letter-spacing:.05em;
}
body.recruit #recruit-top h2.break-style .en { display:block; }
body.recruit #recruit-top h2.break-style .jp { display:block; margin-top:.8rem; }
body.recruit #recruit-top h2.line-style {
	display:flex;
	align-items:center;
}
body.recruit #recruit-top h2.line-style .jp {
	display:flex;
	align-items:center;
}
body.recruit #recruit-top h2.line-style .jp::before {
	content:"";
	width:2.3rem;
	height:1px;
	background:#000;
	display:inline-block;
	margin:0 1rem 0 1.5rem;
}
body.recruit #recruit-top #work-sec .l-box { width:30rem; }
body.recruit #recruit-top #work-sec .pic-box { margin-top:5rem; }
body.recruit #recruit-top #work-sec .pic1 {
	width:16.65rem;
	margin-left:-4.5rem;
	position:relative;
}
body.recruit #recruit-top #work-sec .pic2 {
	width:20.9rem;
	margin-left:calc(100% - 20.9rem);
	margin-top:-5.5rem;
}
body.recruit #recruit-top #work-sec .r-box { width:28rem; }
body.recruit #recruit-top #work-sec ol { border-top:1px solid #fff; }
body.recruit #recruit-top #work-sec li { border-bottom:1px solid #fff; }
body.recruit #recruit-top #work-sec li a {
	padding:2rem 1rem;
	display:flex;
	align-items:center;
	position:relative;
}
body.recruit #recruit-top #work-sec li .num {
	font-size:2.9rem;
	color:#658bfe;
	margin-right:1.5rem;
}
body.recruit #recruit-top #work-sec li .name .en {
	font-size:.9rem;
	color:#fff;
	display:block;
}
body.recruit #recruit-top #work-sec li .name .jp {
	font-size:1.5rem;
	display:block;
	color:#fff;
	margin-top:.3rem;
	font-weight:bold;
}
body.recruit #recruit-top #work-sec li .arrow {
  position:relative;
  display:inline-block;
  width:1.2rem;
  height:1px;
  background:#fff;
  transition:0.3s ease all;
  position:absolute;
  right:1.5rem;
  top:0;
  bottom:0;
  margin:auto 0;
}
body.recruit #recruit-top #work-sec li .arrow::before {
  content:"";
  position:absolute;
  top:calc(50% - 1px);
  right:0;
  width:.5rem;
  height:1px;
  background:#fff;
  transform:rotate(35deg);
  transform-origin:calc(100% - 1px) 50%;
}
body.recruit #recruit-top #work-sec li a:hover { opacity:.5; }
body.recruit #recruit-top #work-sec li a:hover .arrow { right:1.3rem; }
body.recruit #recruit-top #people-sec { padding:6rem 0 0; }
body.recruit #recruit-top #people-sec .ttl-box { margin-bottom:4rem; }
body.recruit #recruit-top #people-sec .nml-blue-btn a {
	width:11.5rem;
	background:#133db8;
	color:#fff;
	line-height:2.65rem;
	font-size:.8rem;
	border:2px solid #133db8;
	box-sizing:border-box;
}
body.recruit #recruit-top #people-sec .nml-blue-btn a:hover {
	background:#fff;
	color:#133db8;
}
body.recruit #recruit-top #people-sec .nml-blue-btn a .arrow {
	width:1.2rem;
  background:#fff;
  right:1rem;
}
body.recruit #recruit-top #people-sec .nml-blue-btn a:hover .arrow { background:#133db8; right:.8rem; }
body.recruit #recruit-top #people-sec .nml-blue-btn a .arrow::before {
	width:.5rem;
  background:#fff;
}
body.recruit #recruit-top #people-sec .nml-blue-btn a:hover .arrow::before { background:#133db8; }
body.recruit #recruit-top #people-sec .slick-slide {
	float:inherit !important;
	height:auto !important;
}
body.recruit #recruit-top #people-sec .slick-slide {
	margin:0 -2rem;
	transform:scale(.6);
	filter:brightness(50%);
	height:auto !important;
	align-self:flex-start;
	margin-top:4.25rem;
	transition:1s;
}
body.recruit #recruit-top #people-sec .slick-slide.slick-center,
body.recruit #recruit-top #people-sec .slick-slide.is-active-next {
	transform:scale(1);
	filter:brightness(100%);
	margin:0 -2rem;
	transition:1s;
}
body.recruit #recruit-top #people-sec .slick-track {
	display:flex;
	align-items:flex-end;
	padding-left:0;
}
body.recruit #recruit-top #people-sec .slick-track:before,
body.recruit #recruit-top #people-sec .slick-track:after { display:none; }
body.recruit #recruit-top #people-sec .slick-arrow {
	width:2.75rem;
	position:absolute;
	top:38%;
	z-index:1;
	cursor:pointer;
}
body.recruit #recruit-top #people-sec .slick-arrow:hover { opacity:.5; }
body.recruit #recruit-top #people-sec .slick-arrow.prev-arrow { left:26.5%; }
body.recruit #recruit-top #people-sec .slick-arrow.next-arrow { right:26.5%; }
body.recruit #recruit-top #people-sec .slick-list { overflow:initial; }
body.recruit #recruit-top #benefit-sec {
	background:url(../img/recruit/benefit_bk.jpg) no-repeat center;
	background-size:cover;
	padding:7.5rem 0;
	text-align:center;
}
body.recruit #recruit-top #benefit-sec h2 {
	color:#fff;
	margin-bottom:3rem;
}
body.recruit #recruit-top #movie-sec .ttl-box {
	align-items:flex-start;
	margin-bottom:4rem;
}
body.recruit #recruit-top #movie-sec .ttl-box .txt {
	font-size:1.1rem;
	line-height:1.63;
	color:#fff;
}
body.recruit #recruit-top #movie-sec .cont-box { align-items:flex-start; }
body.recruit #recruit-top #movie-sec .cont-box .box { width:calc((100% - 3rem) / 2); }
body.recruit #recruit-top #movie-sec .movie-box {
	width:100%;
	aspect-ratio:5.6 / 3.15;
	margin:0 auto 3rem;
	position:relative;
}
body.recruit #recruit-top #movie-sec .movie-box iframe {
	width:100%;
	height:100%;
}
body.recruit #recruit-top #movie-sec .movie-box p {
	font-size:.8rem;
  margin-top:.5rem;
  text-align:center;
}
body.recruit #recruit-top #movie-sec .pickup-box {
  background:#fff;
  box-shadow:0px 0px 10px 0px rgba(39, 39, 39, .3);
  padding:2rem 4rem 2.5rem;
  width:100%;
  margin:0 auto;
  position:relative;
}
body.recruit #recruit-top #movie-sec .pickup-box::before {
	content: "▲";
  width: 100%;
  height: 1em;
  font-size: 1rem;
  position: absolute;
  top: -.7rem;
  left: 0;
  right: 0;
  text-align: center;
  color: #fff;
  transform: scale(1.5, 1);
  margin: 0 auto;
  text-shadow: 0px -4px 5px rgba(39, 39, 39, 0.1);
}
body.recruit #recruit-top #movie-sec .pickup-box > .txt {
	font-size:1rem;
	line-height:1.6;
	font-weight:bold;
	text-align:center;
	margin-bottom:1rem;
}
body.recruit #recruit-top #movie-sec .pickup-box li { width:100%; margin-bottom:1.5rem; }
body.recruit #recruit-top #movie-sec .pickup-box li:last-child { margin-bottom:0; }
body.recruit #recruit-top #movie-sec .pickup-box li .txt {
	font-size:.8rem;
	margin-top:.5rem;
}
body.recruit #recruit-top #faq-sec { padding:5rem 0 4rem; }
body.recruit #recruit-top #faq-sec dl { margin-top:4rem; }
body.recruit #recruit-top #faq-sec dl .line {
	background:#fff;
	border-top:.15rem solid #3366ff;
	margin-bottom:1.5rem;
	padding:1.5rem;
}
body.recruit #recruit-top #faq-sec dl dt {
	display:flex;
	align-items:baseline;
	justify-content:space-between;
	position:relative;
	padding-right:2rem;
	cursor:pointer;
}
body.recruit #recruit-top #faq-sec dl dt:hover { opacity:.5; }
body.recruit #recruit-top #faq-sec dl dt::before {
	content:"Q.";
	font-size:1.25rem;
	color:#3366ff;
	font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  display:inline-block;
}
body.recruit #recruit-top #faq-sec dl dt span {
	width:calc(100% - 1.25rem - .5rem);
	font-size:1rem;
	font-weight:bold;
	color:#404040;
	line-height:1.5;
}
body.recruit #recruit-top #faq-sec dl dt::after {
	content:"";
	width:1.1rem;
	height:1.1rem;
	background:url(../img/recruit/open.png) no-repeat;
	background-size:cover;
	display:block;
	position:absolute;
	right:0;
	top:.2rem;
}
body.recruit #recruit-top #faq-sec dl dt.open::after {
	background:url(../img/recruit/close.png) no-repeat;
	background-size:cover;
}
body.recruit #recruit-top #faq-sec dl dd { display:none; }
body.recruit #recruit-top #faq-sec dl dd > div {
	display:flex;
	align-items:baseline;
	justify-content:space-between;
	margin-top:.7rem;
}
body.recruit #recruit-top #faq-sec dl dd > div::before {
	content:"A.";
	font-size:1.25rem;
	color:#3366ff;
	font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  display:inline-block;
}
body.recruit #recruit-top #faq-sec dl dd p {
	width:calc(100% - 1.25rem - .5rem);
	font-size:.9rem;
	line-height:1.6;
}
body.recruit #recruit-top .btn-box {
	background:#fff;
	padding:4rem 0;
}
body.recruit #page-cont-box .btn-box .btn { width:calc((100% - 2.5rem) / 2); }
body.recruit #page-cont-box .btn-box .btn a {
	line-height:5.5rem;
	font-size:1.5rem;
	text-align:center;
	color:#fff;
	font-weight:bold;
	letter-spacing:.05em;
	display:block;
	position:relative;
}
body.recruit #page-cont-box .btn-box .btn1 a { background:#3366ff; }
body.recruit #page-cont-box .btn-box .btn2 a { background:#f2a22a; }
body.recruit #page-cont-box .btn-box .btn a .arrow {
  position:relative;
  display:inline-block;
  width:1.3rem;
  height:1px;
  background:#fff;
  position:absolute;
  right:1.5rem;
  top:0;
  bottom:0;
  margin:auto 0;
  transition:0.3s ease all;
}
body.recruit #page-cont-box .btn-box .btn a .arrow::before {
  content:"";
  position:absolute;
  top:calc(50% - 1px);
  right:0;
  width:.5rem;
  height:1px;
  background:#fff;
  transform:rotate(35deg);
  transform-origin:calc(100% - 1px) 50%;
}
body.recruit #page-cont-box .btn-box .btn a:hover .arrow { right:1.3rem; }
body.recruit #page-cont-box .btn-box .btn a:hover { opacity:.5; }

body.requirements-html #simple-page-ttl h1 { position:relative; z-index:1; }
body.requirements-html #simple-page-ttl::before { display:none; }
body.requirements-html #simple-page-ttl::after {
	content:"";
	width:100%;
	height:100%;
	opacity:.8;
	background-image:linear-gradient(90deg, #ebeced 1px, transparent 1px), linear-gradient(#ebeced 1px, transparent 1px);
  background-position:10px 10px;
  background-size:11px 11px;
	display:block;
	position:absolute;
	left:0;
	top:0;
	mix-blend-mode: multiply;
}
body.requirements-html ul.anc-link {
	justify-content:center;
	margin-bottom:3rem;
	flex-wrap:wrap;
}
body.requirements-html ul.anc-link li { margin:0 .5rem 1rem; }
body.requirements-html ul.anc-link li a {
	border-radius:.5rem;
	background:#f6f6f6;
	padding:1rem 2rem;
	display:inline-block;
	font-size:1.1rem;
	letter-spacing:.05em;
}
body.requirements-html ul.anc-link li a:hover { opacity:.5; }
body.requirements-html ul.anc-link li .name { font-weight:bold; }
body.requirements-html ul.anc-link li .arrow {
  position: relative;
  display: inline-block;
  width:1rem;
  height:.6rem;
  margin-right:1rem;
}
body.requirements-html ul.anc-link li .arrow::before,
body.requirements-html ul.anc-link li .arrow::after {
  content: "";
  position: absolute;
  top:.2rem;
  width:.6rem;
  height:.07rem;
  border-radius: 9999px;
  background-color: #000000;
  transform-origin: 50% calc(100% - 1px);
}
body.requirements-html ul.anc-link li .arrow::before { transform:rotate(45deg); left:0; }
body.requirements-html ul.anc-link li .arrow::after { transform:rotate(-45deg); right:0; }
body.requirements-html #page-cont-box article { margin-bottom:4rem; }
body.requirements-html #page-cont-box article h2 {
	border-radius:.5rem;
	background:#3366ff;
	font-size:1.1rem;
	font-weight:bold;
	color:#fff;
	padding:1.5rem;
	margin-bottom:1rem;
}
body.requirements-html #page-cont-box article dl .line {
	padding:1.5rem 0;
	border-bottom:1px solid #bfbfbf;
}
body.requirements-html #page-cont-box article dt {
	margin-bottom:.5rem;
	font-size:1rem;
}
body.requirements-html #page-cont-box article dt span {
	font-weight:bold;
	letter-spacing:.05em;
}
body.requirements-html #page-cont-box article dt::before {
	content:"■";
	color:#3366ff;
	margin-right:1rem;
	display:inline-block;
}
body.requirements-html #page-cont-box article dd .mid-txt {
	font-size:.9rem;
	line-height:1.77;
	margin-bottom:1.5rem;
}
body.requirements-html #page-cont-box article dd .big-txt {
	font-size:1rem;
	font-weight:bold;
	letter-spacing:.05em;
	margin-bottom:.5rem;
}
body.requirements-html #page-cont-box article dd .nml-txt {
	font-size:.8rem;
	line-height:1.75;
}
body.requirements-html #page-cont-box .btn-box { margin-bottom:5rem; }

body.entry-html #page-cont-box { margin-bottom:8rem; }
body.entry-html #simple-page-ttl h1 { position:relative; z-index:1; }
body.entry-html #simple-page-ttl::before { display:none; }
body.entry-html #simple-page-ttl::after {
	content:"";
	width:100%;
	height:100%;
	opacity:.8;
	background-image:linear-gradient(90deg, #ebeced 1px, transparent 1px), linear-gradient(#ebeced 1px, transparent 1px);
  background-position:10px 10px;
  background-size:11px 11px;
	display:block;
	position:absolute;
	left:0;
	top:0;
	mix-blend-mode: multiply;
}
body.entry-html #page-cont-box article { margin-bottom:5rem; }
body.entry-html #page-cont-box article h2 {
	border-radius:.5rem;
	background:#3366ff;
	font-size:1.1rem;
	font-weight:bold;
	color:#fff;
	padding:1.5rem;
	margin-bottom:1rem;
}
body.entry-html #page-cont-box article .txt {
	font-size:.8rem;
  line-height:1.75;
  margin:2rem 0;
}
body.entry-html #page-cont-box article .txt .bld { font-weight:bold; }
body.entry-html #page-cont-box article .txt a { text-decoration:underline; }
body.entry-html #page-cont-box article .txt a:hover { opacity:.5; }
body.entry-html #page-cont-box article .flex-box { align-items:center; justify-content:center; }
body.entry-html #page-cont-box article .box {
	width:19.5rem;
	margin:0 1rem;
	background:#f7f7f7;
	padding:1rem 1.5rem;
}
body.entry-html #page-cont-box article .box1 { background:none; }
body.entry-html #page-cont-box article .box h3 {
	font-size:.9rem;
	font-weight:bold;
	text-align:center;
}
body.entry-html #page-cont-box article .box address {
	font-size:.8rem;
  line-height:1.75;
  margin-top:.7rem;
}

body.recruit #recruit-lower {
	padding-top:4.5rem;
  background-image: linear-gradient(90deg, #ebeced 1px, transparent 1px), linear-gradient(#ebeced 1px, transparent 1px);
  background-position: 10px 10px;
  background-size: 11px 11px;
}
body.recruit #recruit-lower #recruit-page-ttl .flex-box { align-items:flex-start; }
body.recruit #recruit-lower #recruit-page-ttl .pic {
	width:51rem;
	margin-right:-7.5rem;
}
body.recruit #recruit-lower #recruit-page-ttl h1 {
	display:flex;
	flex-direction:row-reverse;
}
body.recruit #recruit-lower #recruit-page-ttl h1 .jp {
	font-size:3.1rem;
	font-weight:bold;
	display:block;
	width:1em;
	letter-spacing:.05em;
	writing-mode:vertical-lr;
}
body.recruit #recruit-lower #recruit-page-ttl h1 .en-font {
	font-size:1.775rem;
	writing-mode:vertical-lr;
	margin-left:1rem;
	display:block;
}
body.recruit #recruit-lower #recruit-page-ttl h1 .en-font .clr { color:#3366ff; }
body.recruit #recruit-lower #fixed-entry-btn {
	width:6.7rem;
	position:fixed;
	right:3rem;
	bottom:3rem;
	z-index:1;
}
body.recruit #recruit-lower #fixed-entry-btn a:hover { opacity:.5; }
body.recruit #recruit-lower .btn-box {
	background:#fff;
	padding:4rem 0;
}
body.recruit #recruit-lower #fixed-page-nav {
	width:13rem;
	position:sticky;
	left:calc((100% - 60rem) / 2);
	top:10rem;
	border-top:1px solid #000;
	margin-top:-9rem;
}
body.recruit #recruit-lower #fixed-page-nav li { border-bottom:1px solid #000; }
body.recruit #recruit-lower #fixed-page-nav li a {
	padding:1.5rem 1rem;
	display:block;
	font-size:1.1rem;
	letter-spacing:.05em;
	position:relative;
}
body.recruit #recruit-lower #fixed-page-nav li .name { font-weight:bold; }
body.recruit #recruit-lower #fixed-page-nav li .arrow {
	position:absolute;
	right:1.5rem;
	top:0;
	bottom:0;
	margin:auto 0;
}
body.recruit #recruit-lower #fixed-page-nav li .arrow::before {
  content:"";
  width:.6rem;
  height:.6rem;
  border:0;
  border-bottom:solid 1px #000;
  border-right:solid 1px #000;
  transform:rotate(45deg);
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  margin:auto;
}
body.recruit #recruit-lower .recruit-cont-box {
	width:43.5rem;
	margin-left:calc(100% - 43.5rem);
	padding-top:6rem;
	margin-bottom:6rem;
}
body.recruit #recruit-lower .recruit-cont-box article {
	border-radius:1rem;
	background:#3366ff;
	padding:2.5rem 2rem;
	margin-bottom:2rem;
}
body.recruit #recruit-lower .recruit-cont-box .art-ttl-box { padding:0 1rem; }
body.recruit #recruit-lower .recruit-cont-box .art-ttl-box .ttl { color:#fff; }
body.recruit #recruit-lower .recruit-cont-box .art-ttl-box .ttl .jp {
	font-size:1.3rem;
	font-weight:bold;
	display:block;
}
body.recruit #recruit-lower .recruit-cont-box .art-ttl-box .ttl .en-font {
	font-size:4.5rem;
	display:block;
	margin-bottom:.5rem;
}
body.recruit #recruit-lower .recruit-cont-box .art-ttl-box .copy {
	line-height:2;
	margin-top:1rem;
}
body.recruit #recruit-lower .recruit-cont-box .art-ttl-box .copy span {
	padding:.5rem;
	font-weight:bold;
	font-size:1.5rem;
	background:#fff;
	color:#3366ff;
}
body.recruit #recruit-lower .recruit-cont-box .art-ttl-box .txt {
	font-size:.9rem;
	line-height:2;
	margin:1rem 0 2rem;
	color:#fff;
}


body.employee-voices #page-cont-box .page-top-txt-box { margin:4rem auto; }
body.employee-voices #page-cont-box .page-top-txt-box h2 {
	font-size:1.5rem;
	text-align:center;
	color:#fff;
	font-weight:bold;
}
body.employee-voices #page-cont-box .page-top-txt-box h2 span {
	background:#3366ff;
	padding:.5rem;
	font-weight:bold;
}
body.employee-voices #page-cont-box .page-top-txt-box .txt {
	margin-top:2rem;
	font-size:.9rem;
	line-height:2;
	text-align:center;
}
body.employee-voices #page-cont-box ul.people-list { margin-bottom:6rem; }
body.employee-voices #page-cont-box ul.people-list li { margin-bottom:3rem; }
body.employee-voices #page-cont-box ul.people-list li a { display:flex; }
body.employee-voices #page-cont-box ul.people-list li a:hover { opacity:.5; }
body.employee-voices #page-cont-box ul.people-list .pic-box {
	width:calc(100% - 27.5rem);
	position:relative;
}
body.employee-voices #page-cont-box ul.people-list .pic-box .pic {
	width:calc(100% - .5rem);
	margin-left:.5rem;
}
body.employee-voices #page-cont-box ul.people-list .pic-box .num {
	background:#3366ff;
	color:#fff;
	font-size:1.15rem;
	padding:.5rem .8rem;
	display:inline-block;
	position:absolute;
	top:2rem;
	left:0;
}
body.employee-voices #page-cont-box ul.people-list .txt-box {
	width:27.5rem;
	background:#fff;
	border-radius:1rem;
	padding:4rem 2.5rem 0;
	position:relative;
}
body.employee-voices #page-cont-box ul.people-list h3 { line-height:2; }
body.employee-voices #page-cont-box ul.people-list h3 span {
	font-size:1.45rem;
	font-weight:bold;
	color:#fff;
	padding:.5rem;
	background:#3366ff;
}
body.employee-voices #page-cont-box ul.people-list .position { margin:1rem 0 1.3rem; }
body.employee-voices #page-cont-box ul.people-list .position span {
	font-size:.95rem;
	font-weight:bold;
	padding:.5rem;
	background:#ededed;
}
body.employee-voices #page-cont-box ul.people-list .comment {
	font-size:.9rem;
	line-height:2;
}
body.employee-voices #page-cont-box ul.people-list .arrow {
	width:2rem;
	height:2rem;
	background:#3366ff;
	border-radius:100vmax;
	position:absolute;
	bottom:1.5rem;
	right:1.5rem;
	transition: 0.3s ease all;
}
body.employee-voices #page-cont-box ul.people-list .arrow::after {
	content:"";
  position: relative;
  display: inline-block;
  width: 1rem;
  height: 1px;
  background: #fff;
  position: absolute;
  right:.5rem;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
body.employee-voices #page-cont-box ul.people-list .arrow::before {
  content:"";
  position:absolute;
  top:calc(50% - 1px);
  right:.5rem;
  width:.3rem;
  height:1px;
  background:#fff;
  transform:rotate(35deg);
  transform-origin:calc(100% - 1px) 50%;
}
body.employee-voices #page-cont-box ul.people-list li a:hover .arrow { right:1.3rem; }

body.benefit-html { overflow-x:initial; }
body.benefit-html #system > ol > li,
body.benefit-html #benefit > ul > li {
	background:#fff;
	border-radius:1rem;
	padding:1.5rem 2rem;
	margin-bottom:1rem;
}
body.benefit-html #system > ol > li:last-child,
body.benefit-html #benefit > ul > li:last-child { margin-bottom:0; }
body.benefit-html #system li .pic { width:12.15rem; }
body.benefit-html #system li .txt-box { width:calc(100% - 12.15rem - 1.5rem); }
body.benefit-html #system li .txt-box .list-ttl-box { justify-content:flex-start; }
body.benefit-html #system li .num {
	font-size:2rem;
	color:#3366ff;
	margin-right:.7rem;
}
body.benefit-html #system li h3,
body.benefit-html #benefit li h3 {
	font-size:1.1rem;
	font-weight:bold;
	letter-spacing:.05em;
}
body.benefit-html #system li .txt {
	font-size:.75rem;
	line-height:1.8;
	margin-top:.7rem;
}
body.benefit-html #benefit li .en-font {
	font-size:1.5rem;
	color:#3366ff;
	writing-mode:vertical-lr;
	width:1em;
}
body.benefit-html #benefit li .txt-box { width:calc(100% - 3rem); }
body.benefit-html #benefit li ul { margin-top:.7rem; }
body.benefit-html #benefit li li {
	font-size:.85rem;
	line-height:1.88;
	display:flex;
}
body.benefit-html #benefit li li::before {
	content:"■";
	color:#3366ff;
	margin-right:.5em;
}

body.work-html { overflow-x:initial; }
body.work-html #recruit-lower .recruit-cont-box { margin-top:-9rem; }
body.work-html #business ul { align-items:inherit; }
body.work-html #business li {
	width:calc((100% - 2.4rem) / 3);
	background:#fff;
	border-radius:1rem;
	padding:2rem 1rem;
}
body.work-html #business li h3 {
	font-size:1.1rem;
	font-weight:bold;
	text-align:center;
	letter-spacing:.05em;
}
body.work-html #business li .txt {
	font-size:.75rem;
	line-height:1.8;
	margin-top:.7rem;
}
body.work-html #job ol { align-items:inherit; }
body.work-html #job li { width:calc((100% - 1.2rem) / 2); }
body.work-html #job li .num {
	font-size:1.7rem;
	width:4rem;
	line-height:4rem;
	border-radius:100vmax;
	background:#133db8;
	color:#fff;
	text-align:center;
	margin:0 auto -2rem;
	position:relative;
	z-index:1;
}
body.work-html #job li .wht-box {
	background:#fff;
	border-radius:1rem;
	padding:3rem 1.5rem 1.5rem;
	position:relative;
}
body.work-html #job li h3 {
	font-size:1.1rem;
	font-weight:bold;
	text-align:center;
	letter-spacing:.05em;
	line-height:1.36;
	margin-bottom:1rem;
}
/*body.work-html #job li:first-child h3 { margin:1rem 0 1.5rem; }*/
body.work-html #job li .txt {
	font-size:.75rem;
	line-height:1.8;
	margin-top:1rem;
}
body.work-html #job li .icon {
	font-size:1.1rem;
	font-weight:bold;
	line-height:1.22;
	width:5.8rem;
	height:5.8rem;
	background:#f2a22a;
	border-radius:100vmax;
	text-align:center;
	padding-top:1.5rem;
	position:absolute;
	top:-1.5rem;
	right:-1.5rem;
	color:#fff;
}
body.work-html #recruit-lower .recruit-cont-box #training .art-ttl-box { padding-right:0; }
body.work-html #training .art-ttl-box .r-box { width:16.65rem; }
body.work-html #training .art-ttl-box .l-box { width:calc(100% - 16.65rem - 1.2rem); }
body.work-html #training ul {
	flex-wrap:wrap;
	align-items:inherit;
}
body.work-html #training ul li {
	width:calc((100% - 1.2rem) / 2);
	margin-bottom:1.2rem;
	background:#fff;
	border-radius:1rem;
	padding:2rem 1.5rem;
}
body.work-html #training li h3 {
	display:flex;
	align-items:center;
}
body.work-html #training li h3 .ttl {
	font-size:1.1rem;
	font-weight:bold;
	letter-spacing:.05em;
}
body.work-html #training li .txt {
	font-size:.75rem;
	line-height:1.8;
	margin-top:.7rem;
}

body.recruit #people-lower #fixed-entry-btn {
	width:6.7rem;
	position:fixed;
	right:3rem;
	bottom:3rem;
	z-index:1;
}
body.recruit #people-lower #fixed-entry-btn a:hover { opacity:.5; }
body.recruit #people-lower .btn-box {
  background:#fff;
  padding:4rem 0;
}
body.recruit #people-article {
	padding-top:4.5rem;
  background-image:linear-gradient(90deg, #ebeced 1px, transparent 1px), linear-gradient(#ebeced 1px, transparent 1px);
  background-position:10px 10px;
  background-size:11px 11px;
  position:relative;
}
body.recruit #people-article::before {
	content:"";
	width:100%;
	height:15.7rem;
	background:#3366ff;
	position:absolute;
	top:0;
	left:0;
}
body.recruit #people-article .art-top-box .main-pic {
	width:51rem;
	margin-left:calc(100% - 51rem);
}
body.recruit #people-article .art-top-box { position:relative; }
body.recruit #people-article .art-top-box .txt-box {
	position:absolute;
	bottom:3rem;
	left:0;
}
body.recruit #people-article .art-top-box .copy { line-height:2; }
body.recruit #people-article .art-top-box .copy span {
	font-size:1.75rem;
	font-weight:bold;
	color:#fff;
	padding:.5rem;
	background:#3366ff;
}
body.recruit #people-article .art-top-box .position { margin-top:1rem; }
body.recruit #people-article .art-top-box .position span {
	font-size:1.15rem;
	font-weight:bold;
	background:#fff;
	padding:.5rem;
}
body.recruit #people-article .interview-box { margin-top:4rem; }
body.recruit #people-article .interview-box .pic { width:19rem; }
body.recruit #people-article .interview-box .txt-box { width:calc(100% - 19rem - 2rem); }
body.recruit #people-article .interview-box li {
	display:flex;
	justify-content:space-between;
	margin-bottom:2.5rem;
	width:100%;
}
body.recruit #people-article .interview-box li .q-txt {
	font-size:1.1rem;
	font-weight:bold;
	border-radius:.5rem;
	background:#3366ff;
	padding:.7rem 1.3rem;
	color:#fff;
}
body.recruit #people-article .interview-box li .a-txt {
	font-size:.8rem;
	line-height:2.125;
	margin-top:1rem;
}
body.recruit #people-article .schedule-box {
	margin-top:4rem;
	background:#3366ff;
	padding:5rem 0;
}
body.recruit #people-article .schedule-box h2 .en-font {
	font-size:3rem;
	text-align:center;
	display:block;
	color:#fff;
	margin-bottom:.8rem;
}
body.recruit #people-article .schedule-box h2 .jp {
	font-size:1.3rem;
	font-weight:bold;
	text-align:center;
	display:block;
	color:#fff;
}
body.recruit #people-article .schedule-box .wht-box {
	width:54rem;
	border-radius:1rem;
	background-color:#fff;
	background-image:linear-gradient(90deg, #ebeced 1px, transparent 1px), linear-gradient(#ebeced 1px, transparent 1px);
  background-position:10px 10px;
  background-size:11px 11px;
  padding:4rem 3.5rem 4rem 4rem;
  margin:3rem auto 0;
  align-items:flex-start;
}
body.recruit #people-article .schedule-box .wht-box ul {
	position:relative;
	width:calc(100% - 21rem);
}
body.recruit #people-article .schedule-box .wht-box ul::before {
	content:"";
	width:1px;
	height:95%;
	background:#3366ff;
	position:absolute;
	top:2%;
	left:.4rem;
}
body.recruit.people2-html #people-article .schedule-box .wht-box ul::before { height:93%; }
body.recruit #people-article .schedule-box .wht-box li {
	display:flex;
	align-items:baseline;
	width:100%;
	font-size:1rem;
	font-weight:bold;
	margin-bottom:2.5rem;
	line-height:1.3;
}
body.recruit #people-article .schedule-box .wht-box li:last-child { margin-bottom:0; }
body.recruit #people-article .schedule-box .wht-box li::before {
	content:"●";
	color:#3366ff;
	font-size:.8rem;
	margin-right:1em;
}
body.recruit #people-article .schedule-box .wht-box li .time {
	width:4em;
	font-weight:bold;
}
body.recruit #people-article .schedule-box .wht-box li .txt {
	width:calc(100% - 4em);
	font-weight:bold;
}
body.recruit #people-article .schedule-box .pic-box { width:19rem; }
body.recruit #people-article .schedule-box .pic-box .pic2 { margin-top:1.5rem; }


@media screen and (max-width: 750px) {
	body.recruit #recruit-top #top-sec { padding-top:0; margin-bottom:50px; }
	body.recruit #recruit-top #top-sec h1 { display:block; padding:40px 0; text-align:center; margin-bottom:0; }
	body.recruit #recruit-top #top-sec h1 .en-font { writing-mode:initial; margin-left:0; margin-bottom:7px; font-size:15px; }
	body.recruit #recruit-top #top-sec h1 .jp { writing-mode:initial; width:auto; font-size:27px; }
	body.recruit #recruit-top #top-sec .in-w60 .pic { position:initial; width:100vw; margin:0 calc(50% - 50vw); }
	body.recruit #recruit-top #top-sec .txt-box { width:100%; margin-top:-40px; padding:3rem 2.5rem 4rem; }
	body.recruit #recruit-top #top-sec .txt-box .copy { font-size:22px; }
	body.recruit #recruit-top #top-sec .txt-box .txt { font-size:15px; }
	body.recruit #recruit-top .clr-bk { padding:50px 0; }
	body.recruit #recruit-top .clr-bk::before { width:100%; top:inherit; bottom:0; height:80%; }
	body.recruit #recruit-top #work-sec > .flex-box { display:block; }
	body.recruit #recruit-top #work-sec .l-box { width:100%; text-align:center; }
	body.recruit #recruit-top #work-sec .r-box { width:100%; }
	body.recruit #recruit-top #work-sec .pic-box { margin-top:40px; }
	body.recruit #recruit-top #work-sec .pic1 { margin-left:0; width:64%; }
	body.recruit #recruit-top #work-sec .pic2 { margin-top:-1.5rem; width:80%; margin-left:calc(100% - 80%); }
	body.recruit #recruit-top #work-sec ol { margin-top:40px; }
	body.recruit #recruit-top #work-sec li .name .en { font-size:14px; }
	body.recruit #recruit-top #work-sec li .name .jp { font-size:20px; margin-top:5px; }
	body.recruit #recruit-top h2 { text-align:center; }
	body.recruit #recruit-top h2 .en { display:block; }
	body.recruit #recruit-top h2.line-style { display:block; text-align:center; width:100%; }
	body.recruit #recruit-top h2.line-style .jp { display:block; margin-top:.8rem; }
	body.recruit #recruit-top h2.line-style .jp::before { display:none; }
	body.recruit #recruit-top h2 .jp { font-size:17px; }
	body.recruit #recruit-top #people-sec .slick-arrow.prev-arrow { left:5.5%; }
	body.recruit #recruit-top #people-sec .slick-arrow.next-arrow { right:5.5%; }
	body.recruit #recruit-top #people-sec .slick-slide { margin-top:3.6rem; }
	body.recruit #recruit-top #people-sec .nml-blue-btn a { width:250px; font-size:15px; line-height:45px; }
	body.recruit #recruit-top #benefit-sec { margin-top:50px; }
	body.recruit #recruit-top #movie-sec .cont-box { display:block; width:100%; }
	body.recruit #recruit-top #movie-sec .cont-box .box { width:100%; }
	body.recruit #recruit-top #movie-sec .cont-box .box1 { margin-bottom:50px; }
	body.recruit #recruit-top #movie-sec .movie-box { width:80%; }
	body.recruit #recruit-top #movie-sec .movie-box p { font-size:13px; }
	body.recruit #recruit-top #movie-sec .pickup-box { padding:20px 20px 20px; width:80%; }
	body.recruit #recruit-top #movie-sec .pickup-box > .txt { font-size:17px; margin-bottom:15px; }
	body.recruit #recruit-top #movie-sec .pickup-box ul { display:block; }
	body.recruit #recruit-top #movie-sec .pickup-box li { width:100%; margin-bottom:20px; }
	body.recruit #recruit-top #movie-sec .pickup-box li .txt { font-size:15px; }
	body.recruit #recruit-top #movie-sec .ttl-box .txt { font-size:15px; color:#000; margin-top:30px; }
	body.recruit #recruit-top #movie-sec .ttl-box { display:block; }
	body.recruit #recruit-top #faq-sec { padding:50px 0; }
	body.recruit #recruit-top #faq-sec dl dt::before { font-size:17px; }
	body.recruit #recruit-top #faq-sec dl .line { padding:20px 15px; }
	body.recruit #recruit-top #faq-sec dl dt span { font-size:15px; }
	body.recruit #recruit-top #faq-sec dl dd> div::before { font-size:17px; }
	body.recruit #recruit-top #faq-sec dl dd p { font-size:15px; }
	body.recruit #page-cont-box .btn-box .flex-box { display:block; }
	body.recruit #page-cont-box .btn-box .btn { width:100%; }
	body.recruit #page-cont-box .btn-box .btn1 { margin-bottom:20px; }
	body.requirements-html ul.anc-link li a { padding:10px; font-size:15px; }
	body.requirements-html ul.anc-link li .arrow { width:10px; }

	body.requirements-html #page-cont-box article h2 { font-size:18px; line-height:1.3; }
	body.requirements-html #page-cont-box article dt { font-size:16px; }
	body.requirements-html #page-cont-box article dd .mid-txt { font-size:15px; }
	body.requirements-html #page-cont-box article dd .big-txt { font-size:16px; }
	body.requirements-html #page-cont-box article dd .nml-txt { font-size:15px; }
	body.entry-html #page-cont-box article h2 { font-size:18px; line-height:1.3; }
	body.entry-html #page-cont-box article .txt { font-size:15px; }
	body.entry-html #page-cont-box article .box { width:100%; margin:0 0 20px; }
	body.entry-html #page-cont-box article .box h3 { font-size:16px; }
	body.entry-html #page-cont-box article .box address { font-size:15px; }
	body.entry-html #page-cont-box article .flex-box { display:block; }

	body.recruit #recruit-lower { padding-top:35px; }
	body.recruit #recruit-lower #recruit-page-ttl .flex-box { width:100%; }
	body.recruit #recruit-lower #recruit-page-ttl .pic { width:75%; height:190px; margin-right:0; }
	body.recruit #recruit-lower #recruit-page-ttl .pic img { width:100%; height:100%; object-fit:cover; }
	body.recruit #recruit-lower #recruit-page-ttl h1 { margin:0 auto; }
	body.recruit #recruit-lower #recruit-page-ttl h1 .en-font { font-size:15px; margin-left:8px; }
	body.recruit #recruit-lower #recruit-page-ttl h1 .jp { font-size:27px; }
	body.recruit #recruit-lower #fixed-page-nav { position:initial; width:100%; margin-top:40px; border-top:0; }
	body.recruit #recruit-lower #fixed-page-nav ul { display:flex; flex-wrap:wrap; justify-content:space-between; }
	body.recruit #recruit-lower #fixed-page-nav ul li { width:calc((100% - 1rem) / 2); }
	body.recruit #recruit-lower #fixed-page-nav ul li:nth-child(1),
	body.recruit #recruit-lower #fixed-page-nav ul li:nth-child(2) { border-top:1px solid #000; }
	body.recruit #recruit-lower #fixed-page-nav li a { font-size:14px; padding:1.2rem 1rem; }
	body.recruit #recruit-lower .recruit-cont-box { width:100%; margin-left:0; padding-top:40px; margin-bottom:40px; }
	body.recruit #recruit-lower .recruit-cont-box article { padding:20px 15px; }
	body.recruit #recruit-lower .recruit-cont-box .art-ttl-box .ttl .en-font { font-size:45px; }
	body.recruit #recruit-lower .recruit-cont-box .art-ttl-box .ttl .jp { font-size:18px; }
	body.recruit #recruit-lower .recruit-cont-box .art-ttl-box .copy span { font-size:18px; }
	body.recruit #recruit-lower .recruit-cont-box .art-ttl-box .txt { font-size:15px; line-height:1.66; }

	body.employee-voices #page-cont-box .page-top-txt-box h2 { font-size:20px; }
	body.employee-voices #page-cont-box .page-top-txt-box .txt { font-size:15px; }
	body.employee-voices #page-cont-box ul.people-list li a { display:block; }
	body.employee-voices #page-cont-box ul.people-list .pic-box { width:100%; }
	body.employee-voices #page-cont-box ul.people-list .pic-box .pic { width:100%; margin-left:0; }
	body.employee-voices #page-cont-box ul.people-list .pic-box .num { left:-5px; }
	body.employee-voices #page-cont-box ul.people-list .txt-box { width:100%; padding:20px 20px 30px; }
	body.employee-voices #page-cont-box ul.people-list h3 span { font-size:17px; }
	body.employee-voices #page-cont-box ul.people-list .position { margin:13px 0 15px; }
	body.employee-voices #page-cont-box ul.people-list .position span { font-size:15px; }
	body.employee-voices #page-cont-box ul.people-list .comment { font-size:15px; line-height:1.66; }

	body.benefit-html #system > ol > li, body.benefit-html #benefit > ul > li { padding:15px; display:block; }
	body.benefit-html #system li .txt-box .list-ttl-box { display:block; text-align:center; }
	body.benefit-html #system li .num { font-size:30px; margin-right:0; margin-bottom:5px; }
	body.benefit-html #system li h3, body.benefit-html #benefit li h3 { font-size:17px; text-align:center; }
	body.benefit-html #system li .txt-box { width:100%; }
	body.benefit-html #system li .txt { font-size:14px; line-height:1.66; }
	body.benefit-html #system li .pic { width:100%; margin-top:15px; }
	body.benefit-html #benefit li li { font-size:14px; line-height:1.66; }
	body.benefit-html #benefit li .txt-box { width:100%; }
	body.benefit-html #benefit li .en-font { width:100%; writing-mode:inherit; text-align:center; font-size:20px; margin-bottom:10px; }

	body.work-html #recruit-lower .recruit-cont-box { margin-top:0; }
	body.work-html #business ul { display:block; }
	body.work-html #business li { width:100%; margin-bottom:12px; }
	body.work-html #business li h3 { font-size:18px; }
	body.work-html #business li .txt { font-size:14px; line-height:1.66; margin-top:10px; }
	body.work-html #job ol { display:block; }
	body.work-html #job li { width:100%; margin-bottom:12px; }
	body.work-html #job li:first-child h3 { margin:0 0 10px; }
	body.work-html #job li h3 { font-size:18px; }
	body.work-html #job li .txt { font-size:14px; line-height:1.66; }
	body.work-html #job li .icon { font-size:14px; padding-top:1.4rem; }
	body.work-html #job li .num { font-size:22px; }
	body.work-html #training .art-ttl-box > .flex-box { display:block; }
	body.work-html #training .art-ttl-box .l-box { width:100%; }
	body.work-html #training .art-ttl-box .r-box { width:100%; margin-top:15px; }
	body.work-html #recruit-lower .recruit-cont-box #training .art-ttl-box { padding-right:10px; }
	body.work-html #training ul { margin-top:30px; }
	body.work-html #training ul li { width:100%; }
	body.work-html #training li h3 .ttl { font-size:18px; }
	body.work-html #training li .txt { font-size:14px; line-height:1.66; }

	body.recruit #people-article { padding-top:35px; }
	body.recruit #people-article .art-top-box .main-pic { width:100%; margin-left:0; }
	body.recruit #people-article .art-top-box .txt-box { position:initial; margin-top:-20px; }
	body.recruit #people-article .art-top-box .position span { font-size:15px; }
	body.recruit #people-article .interview-box li { display:block; margin-bottom:40px; }
	body.recruit #people-article .interview-box .txt-box { width:100%; }
	body.recruit #people-article .interview-box li .q-txt { font-size:18px; padding:10px 13px; }
	body.recruit #people-article .interview-box li .a-txt { font-size:15px; line-height:1.8; }
	body.recruit #people-article .interview-box .pic { width:100%; margin-top:20px; }
	body.recruit #people-article .schedule-box { margin-top:60px; }
	body.recruit #people-article .schedule-box h2 .en-font { font-size:40px; }
	body.recruit #people-article .schedule-box h2 .jp { font-size:18px; }
	body.recruit #people-article .schedule-box .wht-box { width:80%; display:block; padding:25px 20px; }
	body.recruit #people-article .schedule-box .wht-box ul { width:100%; }
	body.recruit #people-article .schedule-box .wht-box li { font-size:15px; }
	body.recruit #people-article .schedule-box .wht-box li::before { font-size:13px; }
	body.recruit #people-article .schedule-box .wht-box ul::before { left:6px; }
	body.recruit #people-article .schedule-box .pic-box { width:100%; margin-top:30px; }
	body.recruit.people3-html #people-article .schedule-box .wht-box ul::before { height:93%; }
	body.recruit.people4-html #people-article .schedule-box .wht-box ul::before { height:89%; }
	body.recruit.people5-html #people-article .schedule-box .wht-box ul::before { height:92%; }
}









/* =================== */
/*       body.works       */
/* =================== */
body.works #works-lower {
	width:50rem;
	margin:0 auto;
}
body.works #works-lower .category span {
	background:#3366ff;
	padding:.3rem .8rem;
	font-size:.9rem;
	font-weight:bold;
	color:#fff;
}
body.works #works-lower .name {
	font-size:1.5rem;
	font-weight:bold;
	line-height:1.5;
	margin:1rem 0 1.5rem;
}
body.works #works-lower .pic-box .main {
	aspect-ratio:10 / 6.56;]
	line-height:0;
}
body.works #works-lower .pic-box .thumbnail {
	margin-top:1rem;
	justify-content:flex-start;
}
body.works #works-lower .pic-box .thumbnail img {
	width:calc((100% - 2rem) / 3);
	margin-right:1rem;
	cursor:pointer;
}
body.works #works-lower .pic-box .thumbnail img:last-child { margin-right:0; }
body.works #works-lower dl.detail-box {
	border-top:1px solid #bfbfbf;
	margin:3rem auto 0;
}
body.works #works-lower dl.detail-box .line {
	border-bottom:1px solid #bfbfbf;
	font-size:.9rem;
	padding:1rem 1.5rem;
	display:flex;
	line-height:1.5;
}
body.works #works-lower dl.detail-box .line dt {
	font-weight:bold;
	width:15em;
}
body.works #works-lower dl.detail-box .line dd { width:calc(100% - 15em); }
body.works #works-lower dl.detail-box .line dd i {
	color:#a6bcff;
	margin-right:.2em;
}
body.works.single #page-cont-box .nml-blue-btn { margin:4rem auto 8rem; }

body.works #works-archive,
body.works-category #works-archive { margin-bottom:6rem; }
body.works #works-archive .top-txt,
body.works-category #works-archive .top-txt {
	font-size:1rem;
	line-height:1.9;
	text-align:center;
	margin-bottom:3rem;
}
body.works #works-archive ul.category-list,
body.works-category #works-archive ul.category-list {
	justify-content:center;
	margin-bottom:4rem;
}
body.works #works-archive ul.category-list li,
body.works-category #works-archive ul.category-list li { margin:0 .5rem; }
body.works #works-archive ul.category-list li a,
body.works-category #works-archive ul.category-list li a {
	font-size:1.1rem;
	font-weight:bold;
	padding:1rem 2rem;
	background:#f6f6f6;
	border-radius:.5rem;
	display:block;
}
body.works #works-archive ul.category-list li.on a,
body.works-category #works-archive ul.category-list li.on a {
	background:#3366ff;
	color:#fff;
}
body.works #works-archive ul.category-list li a:hover,
body.works-category #works-archive ul.category-list li a:hover { opacity:.5; }
body.works #works-archive ul.main-list,
body.works-category #works-archive ul.main-list {
	flex-wrap:wrap;
	align-items:initial;
	justify-content:flex-start;
}
body.works #works-archive ul.main-list li,
body.works-category #works-archive ul.main-list li {
	width:calc((100% - 6rem) / 3);
	margin-bottom:2rem;
	margin-right:3rem;
}
body.works #works-archive ul.main-list li a:hover,
body.works-category #works-archive ul.main-list li a:hover { opacity:.5; }
body.works #works-archive ul.main-list li:nth-child(3n),
body.works-category #works-archive ul.main-list li:nth-child(3n) { margin-right:0; }
body.works #works-archive ul.main-list li .txt-box,
body.works-category #works-archive ul.main-list li .txt-box { margin-top:1rem; }
body.works #works-archive ul.main-list li .category span,
body.works-category #works-archive ul.main-list li .category span {
	font-size:.75rem;
	color:#fff;
	font-weight:bold;
	padding:.3rem .8rem;
	background:#3366ff;
}
body.works #works-archive ul.main-list li .name,
body.works-category #works-archive ul.main-list li .name {
	font-size:.9rem;
	font-weight:bold;
	margin:1rem 0 .8rem;
	line-height:1.5;
}
body.works #works-archive ul.main-list li .place,
body.works-category #works-archive ul.main-list li .place { font-size:.8rem; }
body.works #works-archive ul.main-list li .place i,
body.works-category #works-archive ul.main-list li .place i {
	color:#a6bcff;
	margin-right:.2em;
}
body.works #works-archive ul.sub-list,
body.works-category #works-archive ul.sub-list { margin-top:2rem; }
body.works #works-archive ul.sub-list li,
body.works-category #works-archive ul.sub-list li {
	background:#f6f6f6;
	padding:1rem 2rem;
	line-height:1.5;
	margin-bottom:.7rem;
}
body.works #works-archive ul.sub-list li .name,
body.works-category #works-archive ul.sub-list li .name {
	font-size:.9rem;
	font-weight:bold;
}
body.works #works-archive ul.sub-list li .category,
body.works-category #works-archive ul.sub-list li .category {
	font-size:.75rem;
  color:#fff;
  font-weight:bold;
  padding:.3rem .8rem;
  background:#3366ff;
  line-height:1;
}
body.works #works-archive ul.sub-list li .place,
body.works-category #works-archive ul.sub-list li .place {
	font-size:.8rem;
	width:13rem;
	margin-left:1.5rem;
}
body.works #works-archive ul.sub-list li .place i,
body.works-category #works-archive ul.sub-list li .place i {
	color:#a6bcff;
	margin-right:.2em;
}

@media screen and (max-width: 750px) {
	body.works #works-lower { width:80%; }
	body.works #works-lower .category span { font-size:15px; padding:5px 10px; }
	body.works #works-lower .name { font-size:22px; }
	body.works #works-lower .pic-box .thumbnail { margin-top:.5rem; }
	body.works #works-lower .pic-box .thumbnail img { width:calc((100% - 1rem) / 3); margin-right:.5rem; }
	body.works #works-lower dl.detail-box .line { font-size:15px; display:block; padding:15px 20px; }
	body.works #works-lower dl.detail-box .line dt { width:100%; }
	body.works #works-lower dl.detail-box .line dd { width:100%; margin-top:5px; }
	body.works #works-archive .top-txt,
	body.works-category #works-archive .top-txt { font-size:15px; }
	body.works #works-archive ul.category-list,
	body.works-category #works-archive ul.category-list { flex-wrap:wrap; justify-content:space-between; margin-bottom:30px; }
	body.works #works-archive ul.category-list li,
	body.works-category #works-archive ul.category-list li { width:calc((100% - 10px) / 2); margin:0 0 10px; }
	body.works #works-archive ul.category-list li a,
	body.works-category #works-archive ul.category-list li a { font-size:15px; }
	body.works #works-archive ul.main-list li,
	body.works-category #works-archive ul.main-list li { width:100%; margin-right:0; }
	body.works #works-archive ul.main-list li .txt-box,
	body.works-category #works-archive ul.main-list li .txt-box { margin-top:17px; }
	body.works #works-archive ul.main-list li .name,
	body.works-category #works-archive ul.main-list li .name { font-size:17px; margin:1.5rem 0 1rem; }
	body.works #works-archive ul.main-list li .category span,
	body.works-category #works-archive ul.main-list li .category span { font-size:13px; padding:5px 10px; }
	body.works #works-archive ul.main-list li .place,
	body.works-category #works-archive ul.main-list li .place { font-size:15px; }
	body.works #works-archive ul.sub-list li,
	body.works-category #works-archive ul.sub-list li { display:block; padding:15px 20px; }
	body.works #works-archive ul.sub-list li .name,
	body.works-category #works-archive ul.sub-list li .name { font-size:15px; margin-bottom:7px; }
	body.works #works-archive ul.sub-list li .info-box,
	body.works-category #works-archive ul.sub-list li .info-box { justify-content:flex-start; }
	body.works #works-archive ul.sub-list li .category,
	body.works-category #works-archive ul.sub-list li .category { font-size:13px; padding:5px 10px; }
	body.works #works-archive ul.sub-list li .place,
	body.works-category #works-archive ul.sub-list li .place { font-size:13px; width:auto; margin-left:10px; }
}









/* =================== */
/*       body.society-html       */
/* =================== */
body.society-html #page-cont-box { margin-bottom:6rem; }
body.society-html #page-cont-box .top-txt {
	font-size:.9rem;
	line-height:1.77;
	text-align:center;
	margin-bottom:2.5rem;
}
body.society-html #page-cont-box h2 {
	background:#3366ff;
	padding:1rem 1.5rem;
	border-radius:.5rem;
	color:#fff;
	font-size:1.1rem;
	font-weight:bold;
	letter-spacing:.05em;
	margin-bottom:.5rem;
}
body.society-html #page-cont-box li {
	border-bottom:1px solid #bfbfbf;
	padding:1.5rem 0;
}
body.society-html #page-cont-box li:last-child { border-bottom:0; }
body.society-html #page-cont-box h3 { font-size:1.1rem; }
body.society-html #page-cont-box h3 span { font-weight:bold; }
body.society-html #page-cont-box h3::before {
	content:"■";
	color:#3763e1;
	margin-right:.5rem;
}
body.society-html #page-cont-box .txt {
	font-size:.9rem;
	line-height:1.77;
	margin-top:.8rem;
}
body.society-html #page-cont-box .pic-box {
	margin-bottom:4rem;
	margin-top:2rem;
}
body.society-html #page-cont-box .pic-box img { width:calc((100% - 1rem) / 2); }

@media screen and (max-width: 750px) {
	body.society-html #page-cont-box .top-txt { font-size:15px; text-align:left; line-height:1.66; }
	body.society-html #page-cont-box h2 { font-size:20px; padding:1.2rem 1.7rem; }
	body.society-html #page-cont-box h3 { font-size:18px; }
	body.society-html #page-cont-box .txt { font-size:15px; line-height:1.66; margin-top:10px; }
	body.society-html #page-cont-box .pic-box { display:block; }
	body.society-html #page-cont-box .pic-box img { width:100%; margin-bottom:10px; }
	body.society-html #simple-page-ttl h1 .jp { letter-spacing:-.05em; }
}









/* =================== */
/*       body.sitemap-html       */
/* =================== */
body.sitemap-html .sitemap-box {
	flex-wrap:wrap;
	align-items:flex-start;
	margin-bottom:4rem;
}
body.sitemap-html .sitemap-box .box {
	width:calc(100% / 3);
	margin-bottom:2rem;
}
body.sitemap-html .sitemap-box .parent-page {
	font-size:1.2rem;
	font-weight:bold;
	margin-bottom:1.5rem;
}
body.sitemap-html .sitemap-box .parent-page span::before {
	content:"";
	width:.8rem;
	height:.8rem;
	transform:rotate(135deg) skew(20deg,20deg);
	display:inline-block;
	background:#3366ff;
	vertical-align:middle;
	margin-right:.7rem;
	margin-left:.3rem;
}
body.sitemap-html .sitemap-box .parent-page a { vertical-align:middle; }
body.sitemap-html .sitemap-box .child-page { margin-bottom:2rem; }
body.sitemap-html .sitemap-box .child-page li {
	font-size:1rem;
	margin-left:1.8rem;
	margin-bottom:1rem;
}
body.sitemap-html .sitemap-box a:hover { opacity:.5; }

@media screen and (max-width: 750px) {
	body.sitemap-html .sitemap-box .box { width:100%; }
	body.sitemap-html .sitemap-box .parent-page { font-size:18px; }
	body.sitemap-html .sitemap-box .child-page li { font-size:15px; }
}









/* =================== */
/*       404 page       */
/* =================== */
main.error-404 {
	position:relative;
	margin-top:0;
	padding-top:4.5rem;
}
main.error-404::before {
    content: "";
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    width: 100%;
    height: 25rem;
    background: #f5f7ff;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
main.error-404 .ttl-box {
	text-align:center;
  margin-top:3rem;
}
main.error-404 .ttl-box .ttl-en {
	color:#3366ff;
	font-size:2.3rem;
	margin-bottom:.7rem;
}
main.error-404 .ttl-box .ttl-jp {
	font-size:1.8rem;
	font-weight:bold;
}
main.error-404 .txt {
	font-size:.9rem;
	line-height:1.77;
	text-align:center;
	margin:3rem auto 6rem;
}
main.error-404 .txt .nml-blue-btn { margin-top:3rem; }

@media screen and (max-width: 750px) {
	main.error-404 .ttl-box { margin-top:0; }
	main.error-404 .ttl-box .ttl-en { font-size:22px; }
	main.error-404 .ttl-box .ttl-jp { font-size:19px; }
	main.error-404 .txt { font-size:15px; }
	main.error-404::before {
    width: 735px;
    height: 250px;
    left: -50%;
    right: -50%;
    margin: 0 auto;
  }
}