@charset "UTF-8";


/* =================== */
/*       pubulic       */
/* =================== */
.page-title-layout {
	width:100%;
	height:31.5rem;
	padding:11.6rem 8.1rem 0 6.5rem;
	position:relative;
	background:#F4F3EF;
	background-image:
    linear-gradient(#DFDBD4 1px, transparent 1px),
    linear-gradient(90deg, #DFDBD4 1px, transparent 1px);
  background-size:calc(100% / 12) calc(100% / 7); /* 方眼のサイズ */
  border-bottom:1px solid #DFDBD4;
  position:relative;
}
.page-title-layout::before {
	content:"";
	width:100%;
	height:100%;
	background:url(../img/lower/title_line.svg) no-repeat;
	background-size:cover;
	position:absolute;
	top:0;
	left:0;
}
.page-title-layout #page-ttl { position:relative; z-index:1; }
.page-title-layout .jp {
	font-size:4.8rem;
	color:#1A1816;
	margin-top:-.2em;
	margin-bottom:1.5rem;
	font-weight:700;
	line-height:1.35;
}
.page-title-layout .en-font {
	font-size:1.4rem;
	color:#716D67;
	font-weight:600;
}
.page-title-layout .breadcrumb {
	position:relative;
	z-index:1;
	margin-top:3.2rem;
	font-size:.8rem;
	padding-left:1.4rem;
	color:#343234;
}
.page-title-layout .breadcrumb a:hover { opacity:.8; }
.page-title-layout .thumb {
	width:31.2rem;
	border-radius:1.2rem;
	overflow:hidden;
	position:absolute;
	top:10.8rem;
	right:8.1rem;
}


#page-cont-box {
	padding:8rem 0;
	background:#F4F3EF;
	overflow:hidden;
}

ul.door-page-list {
	flex-wrap:wrap;
	align-items:initial;
}
ul.door-page-list li {
	width:calc((100% - 2.4rem) / 2);
	margin-bottom:2.4rem;
}
ul.door-page-list li a {
	background:#fff;
	border-radius:.8rem;
	padding:0 3.2rem 2.4rem 3.2rem;
	display:flex;
	align-items:flex-end;
	position:relative;
	height:17rem;
	box-sizing:border-box;
}
ul.door-page-list li .name .en-font {
	font-size:1rem;
	color:#716D67;
	display:block;
	margin-bottom:.5rem;
	font-weight:700;
}
ul.door-page-list li .name .jp {
	font-size:2rem;
	display:block;
	font-weight:700;
}
ul.door-page-list li .txt {
	font-size:1rem;
	margin-top:1.6rem;
	font-weight:700;
	line-height:1.5;
	width:28.5rem;
}
ul.door-page-list li .hvr-arrow-anime .arrow {
	position:absolute;
	bottom:2.4rem;
	right:3.2rem;
	margin-right:0;
}

#footer { border-radius:0; }

#others-page-layout .page-top-txt {
	font-size:1.2rem;
	line-height:1.8;
	margin-bottom:8rem;
	width:47.4rem;
}
#others-page-layout .box {
	padding-top:3.2rem;
	border-top:1px solid #716D67;
	align-items:flex-start;
}
#others-page-layout .box.mb { margin-bottom:8rem; }
#others-page-layout .box h2 .jp {
	font-size:2rem;
	font-weight:700;
	display:block;
	margin-bottom:.8rem;
	line-height:1.6;
}
#others-page-layout .box h2 .en-font {
	font-size:1.2rem;
	font-weight:600;
	color:#B2ADA5;
	display:block;
	line-height:1.35;
}
#others-page-layout .box .r-box {
	width:45rem;
	font-size:1.2rem;
	line-height:1.8;
}
#others-page-layout .box .r-box ol { counter-reset:number; }
#others-page-layout .box .r-box ol li {
	margin-bottom:2.4rem;
	position:relative;
	padding-left:2rem;
}
#others-page-layout .box .r-box ol li::before {
  counter-increment: number;
  content:counter(number);
  position:absolute;
  left:0;
  color:#B2ADA5;
}
#others-page-layout .box .r-box ol li .ttl { font-weight:700; }
#others-page-layout .r-box .clr-box {
	background:#DFDBD4;
	padding:2rem;
	margin:3.2rem 0;
}
#others-page-layout .r-box .clr-box .clr-ttl {
	font-size:1.2rem;
	font-weight:700;
	margin-bottom:1.2rem;
}
#others-page-layout .r-box .clr-box address {
	font-size:1.2rem;
	line-height:1.8;
}
#others-page-layout .r-box .txt-r-box { text-align:right; }
#others-page-layout .r-box .txt-r-box .year {
	font-size:1.2rem;
	margin-bottom:1.2rem;
}
#others-page-layout .r-box .txt-r-box .name-box {
	width:calc(1.6rem * 5.5);
	margin-left:calc(100% - calc(1.6rem * 5.5));
}
#others-page-layout .r-box .txt-r-box .position {
	font-size:.9rem;
	line-height:1.35;
	text-align:left;
}
#others-page-layout .r-box .txt-r-box .name {
	font-size:1.6rem;
	font-weight:700;
}
#others-page-layout .r-box h3 {
	padding:.4rem 1.2rem;
	background:#6F0B65;
	color:#fff;
	font-size:1.6rem;
	font-weight:700;
	margin-bottom:2rem;
}
#others-page-layout .r-box .txt-box { padding:0 2.4rem; }
#others-page-layout .r-box p.bld { font-weight:700; margin-bottom:4rem; }
#others-page-layout .r-box h4 {
	padding:.4rem .8rem;
	background:#DFDBD4;
	font-size:1.2rem;
	font-weight:700;
	margin-bottom:1.2rem;
}
#others-page-layout .r-box .txt-box ol li { margin-bottom:1.6rem; }
#others-page-layout .r-box ul { margin:0 1rem; }
#others-page-layout .r-box ul li {
	display:flex;
	align-items:baseline;
}
#others-page-layout .r-box ul li::before {
	content:"";
	width:.6rem;
	height:.6rem;
	background:#B2ADA5;
	border-radius:100vmax;
	display:block;
	margin-right:.5em;
}
#others-page-layout .r-box ul li p { width:calc(100% - .6rem - .5em); }
#others-page-layout .r-box ul li .bld { margin-right:1.4rem; font-weight:700; }


@media screen and (max-width: 750px) {
	.page-title-layout { height:245px; padding:95px calc((100% - 91.5%) / 2) 0 calc((100% - 91.5%) / 2); background-size:calc(100% / 11) calc(100% / 8); }
	.page-title-layout .breadcrumb { font-size:14px; margin-top:40px; line-height:1.3; }
	.page-title-layout .jp { font-size:28px; margin-bottom:9px; }
	.page-title-layout .en-font { font-size:16px; }
	.page-title-layout .thumb { position:relative; top:inherit; right:inherit; z-index:1; border-radius:10px; width:320px; margin:15px 0 0 14px; }
	body.products.depth-2 .page-title-layout { height:auto; padding-bottom:20px; }
	body.products.depth-2 .page-title-layout .breadcrumb { margin-top:25px; }

	#page-cont-box { padding:40px 0; }

	ul.door-page-list { display:block; }
	ul.door-page-list li { width:100%; }
	ul.door-page-list li a { height:auto; padding:48px 16px 16px; }
	ul.door-page-list li .name .en-font { font-size:14px; }
	ul.door-page-list li .name .jp { font-size:24px; }
	ul.door-page-list li .txt { font-size:16px; width:calc(100% - 45px); line-height:1.6; }
	ul.door-page-list li .hvr-arrow-anime .arrow { right:16px; bottom:inherit; top:66px; }

	#others-page-layout .page-top-txt { font-size:16px; margin-bottom:60px; width:100%; }
	#others-page-layout .box { display:block; }
	#others-page-layout .box .r-box { width:100%; font-size:16px; margin-top:30px; }
	#others-page-layout .box h2 .jp { font-size:24px; }
	#others-page-layout .box h2 .en-font { font-size:14px; }
	#others-page-layout .r-box .clr-box .clr-ttl { font-size:18px; }
	#others-page-layout .r-box .clr-box address { font-size:16px; }
	#others-page-layout .r-box .txt-r-box .year { font-size:16px; }
	#others-page-layout .r-box .txt-r-box .name-box { width:calc(20px * 5.5); margin-left:calc(100% - calc(20px * 5.5)); }
	#others-page-layout .r-box .txt-r-box .position { font-size:14px; }
	#others-page-layout .r-box .txt-r-box .name { font-size:20px; }
	#others-page-layout .r-box h3 { font-size:20px; }
	#others-page-layout .r-box h4 { font-size:18px; }
	#others-page-layout .r-box .txt-box { padding:0 15px; }
	#others-page-layout .r-box ul li { margin-bottom:10px; }
	#others-page-layout .r-box ul li .bld { display:block; }
}







/* =================== */
/*       body.top-message       */
/* =================== */
body.top-message .message-box .copy {
	font-size:2.4rem;
	line-height:1.6;
	font-weight:700;
	color:#6F0B65;
	margin-bottom:3.2rem;
}
body.top-message .message-box .flex-box { align-items:flex-start; }
body.top-message .message-box .txt-box { width:39.3rem; }
body.top-message .message-box .txt-box .txt {
	font-size:1.2rem;
	line-height:1.8;
	margin-bottom:2rem;
}
body.top-message .message-box .pic-box { width:23.1rem; }
body.top-message .message-box .pic-box .pic img { border-radius:1.2rem; }
body.top-message .message-box .pic-box .name-box {
	margin-top:1.2rem;
	text-align:right;
}
body.top-message .message-box .pic-box .position {
	line-height:1.35;
	font-size:.9rem;
}
body.top-message .message-box .pic-box .name {
	font-size:1.6rem;
	font-weight:700;
	margin-top:.3rem;
}

@media screen and (max-width: 750px) {
	body.top-message .message-box .flex-box { display:block; }
	body.top-message .message-box .txt-box { width:100%; }
	body.top-message .message-box .txt-box .txt { font-size:16px; }
	body.top-message .message-box .pic-box { width:70%; margin:40px auto 0; }
	body.top-message .message-box .pic-box .position { font-size:14px; }
	body.top-message .message-box .pic-box .name { font-size:20px; margin-top:5px; }
	body.top-message .message-box .pic-box .pic img { border-radius:10px; }
}






/* =================== */
/*       body.profile       */
/* =================== */
body.profile #page-cont-box section { align-items:flex-start; }
body.profile #page-cont-box h2 { width:15rem; }
body.profile #page-cont-box h2 .jp {
	font-size:2rem;
	font-weight:700;
	margin-bottom:.5rem;
	display:block;
}
body.profile #page-cont-box h2 .en-font {
	font-size:1.2rem;
	font-weight:600;
	color:#B2ADA5;
	display:block;
}
body.profile #page-cont-box dl { width:calc(100% - 15rem - 1.2rem); }
body.profile #page-cont-box dl .line {
	display:flex;
	border-top:1px solid #DFDBD4;
}
body.profile #page-cont-box dl .line dt {
	padding:2.4rem 1.2rem;
	font-size:1.4rem;
	line-height:1.35;
	font-weight:700;
	position:relative;
	width:15rem;
	box-sizing:border-box;
}
body.profile #page-cont-box dl .line dt::before {
	content:"";
	width:100%;
	height:1px;
	background:#23211F;
	display:block;
	position:absolute;
	top:-.05rem;
	left:0;
}
body.profile #page-cont-box dl .line dd {
	padding:2.4rem 1.2rem;
	font-size:1.4rem;
	line-height:1.35;
	width:calc(100% - 15rem);
	box-sizing:border-box;
}
body.profile #page-cont-box dl dd ul.ul-layout1 li,
body.profile #page-cont-box dl dd ul.ul-layout3 li { margin-bottom:1.2rem; }
body.profile #page-cont-box dl dd ul.ul-layout1 li span { font-weight:700; margin-right:.8rem; }
body.profile #page-cont-box dl dd ul.ul-layout1 li:last-child,
body.profile #page-cont-box dl dd ul.ul-layout3 li:last-child { margin-bottom:0; }
body.profile #page-cont-box dl dd ul.ul-layout2 li { margin-bottom:2.4rem; }
body.profile #page-cont-box dl dd ul.ul-layout2 li .name-box { display:inline-block; }
body.profile #page-cont-box dl dd ul.ul-layout2 li .name-box a {
	display:flex;
	align-items:center;
	margin-bottom:.8rem;
}
body.profile #page-cont-box dl dd ul.ul-layout2 li .name-box img {
  display: inline-block;
  width:2.4rem;
  margin-right:.7rem;
}
body.profile #page-cont-box dl dd ul.ul-layout2 li .name-box .name {
	font-size:1.4rem;
	font-weight:700;
}
body.profile #page-cont-box dl dd ul.ul-layout2 li .add,
body.profile #page-cont-box dl dd ul.ul-layout2 li .tel {
	font-size:1rem;
	line-height:1.35;
}
body.profile #history-sec { margin-top:8rem; }

@media screen and (max-width: 750px) {
	body.profile #page-cont-box section { display:block; }
	body.profile #page-cont-box h2 { width:100%; margin-bottom:30px; }
	body.profile #page-cont-box h2 .jp { font-size:24px; margin-bottom:10px; }
	body.profile #page-cont-box h2 .en-font { font-size:14px; }
	body.profile #page-cont-box dl { width:100%; }
	body.profile #page-cont-box dl .line { display:block; }
	body.profile #page-cont-box dl .line dt { font-size:16px; width:100%; }
	body.profile #page-cont-box dl .line dd { font-size:16px; width:100%; padding-top:0; }
	body.profile #page-cont-box dl .line dt::before { display:none; }
	body.profile #page-cont-box dl dd ul.ul-layout2 li .name-box .name { font-size:16px; }
	body.profile #page-cont-box dl dd ul.ul-layout2 li .add, body.profile #page-cont-box dl dd ul.ul-layout2 li .tel { font-size:14px; }
	body.profile #page-cont-box dl dd ul.ul-layout2 li .name-box img { width:32px; }
}






/* =================== */
/*       body.clients       */
/* =================== */
body.clients #page-cont-box .copy {
	line-height:1.6;
	font-size:2.6rem;
	color:#6F0B65;
	font-weight:700;
}
body.clients #page-cont-box #clients-sec {
	align-items:flex-start;
	flex-wrap:wrap;
	margin-top:5.6rem;
}
body.clients #page-cont-box h2 { width:29rem; }
body.clients #page-cont-box h2 .jp {
	font-size:2rem;
	font-weight:700;
	margin-bottom:.5rem;
	display:block;
}
body.clients #page-cont-box h2 .en-font {
	font-size:1.2rem;
	font-weight:600;
	color:#B2ADA5;
	display:block;
}
body.clients #page-cont-box ul {
	width:calc(100% - 29rem);
	border-top:1px solid #716D67;
}
body.clients #page-cont-box li { border-bottom:1px solid #716D67; }
body.clients #page-cont-box li a {
	padding:2.4rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
body.clients #page-cont-box li a:hover { opacity:.8; }
body.clients #page-cont-box li .name {
	font-size:1.4rem;
	font-weight:700;
}
body.clients #page-cont-box li img { width:2.4rem; }
body.clients #page-cont-box .att-txt {
	font-size:.8rem;
	text-align:right;
	color:#716D67;
	margin-top:.8rem;
	width:100%;
}

@media screen and (max-width: 750px) {
	body.clients #page-cont-box .copy { font-size:24px; }
	body.clients #page-cont-box #clients-sec { display:block; }
	body.clients #page-cont-box h2 { width:100%; margin-bottom:30px; }
	body.clients #page-cont-box h2 .jp { font-size:24px; margin-bottom:10px; }
	body.clients #page-cont-box h2 .en-font { font-size:14px; }
	body.clients #page-cont-box ul{ width:100%; }
	body.clients #page-cont-box li a { padding:24px 12px; }
	body.clients #page-cont-box li .name { font-size:16px; width:calc(100% - 35px); }
	body.clients #page-cont-box li img { width:30px; }
	body.clients #page-cont-box .att-txt { font-size:14px; margin-top:10px; }
}






/* =================== */
/*       body.csr       */
/* =================== */
body.csr #page-cont-box .copy {
	line-height:1.6;
	font-size:2.4rem;
	color:#6F0B65;
	font-weight:700;
	margin-bottom:3.2rem;
}
body.csr #page-cont-box .top-box {
	align-items:flex-start;
	margin-bottom:6rem;
}
body.csr #page-cont-box .top-box .txt-box { width:39.3rem; }
body.csr #page-cont-box .top-box .mark { width:12.5rem; }
body.csr #page-cont-box .nml-txt {
	font-size:1.2rem;
	line-height:1.8;
	margin-bottom:2rem;
}
body.csr #page-cont-box section {
	padding-top:3.2rem;
	border-top:1px solid #716D67;
}
body.csr #page-cont-box section > .flex-box { align-items:flex-start; }
body.csr #page-cont-box h2 .jp {
	font-size:2rem;
	font-weight:700;
	margin-bottom:.5rem;
	display:block;
}
body.csr #page-cont-box h2 .en-font {
	font-size:1.2rem;
	font-weight:600;
	color:#B2ADA5;
	display:block;
}
body.csr #page-cont-box section .txt-box { width:45rem; }
body.csr #page-cont-box #philosophy-sec { margin-bottom:8rem; }
body.csr #page-cont-box ol li {
	display:flex;
	align-items:baseline;
}
body.csr #page-cont-box ol li .num {
	font-size:1.2rem;
	font-weight:600;
	line-height:1.8;
	color:#B2ADA5;
	width:2rem;
}
body.csr #page-cont-box ol li .nml-txt { width:calc(100% - 2rem); }
body.csr #page-cont-box .date-list {
	font-size:1.2rem;
	line-height:1.8;
	text-align:right;
	margin:1.2rem 0 3.2rem;
}
body.csr #page-cont-box .name-box { text-align:right; }
body.csr #page-cont-box .name-box .position {
	font-size:.9rem;
	line-height:1.35;
	margin-bottom:.4rem;
}
body.csr #page-cont-box .name-box .name {
	font-size:1.6rem;
	font-weight:700;
}

@media screen and (max-width: 750px) {
	body.csr #page-cont-box h2 { width:100%; margin-bottom:30px; }
	body.csr #page-cont-box h2 .jp { font-size:24px; margin-bottom:10px; }
	body.csr #page-cont-box h2 .en-font { font-size:14px; }
	body.csr #page-cont-box .top-box { display:block; }
	body.csr #page-cont-box .nml-txt { font-size:16px; }
	body.csr #page-cont-box .top-box .txt-box { width:100%; }
	body.csr #page-cont-box .top-box .mark { margin:0 auto; }
	body.csr #page-cont-box section > .flex-box { display:block; }
	body.csr #page-cont-box section .txt-box { width:100%; }
	body.csr #page-cont-box section { padding-top:30px; }
	body.csr #page-cont-box ol li .num { font-size:16px; }
	body.csr #page-cont-box .date-list { font-size:16px; }
	body.csr #page-cont-box .name-box .position { font-size:14px; margin-bottom:5px; }
	body.csr #page-cont-box .name-box .name { font-size:20px; }
	body.csr #page-cont-box #philosophy-sec { margin-bottom:60px; }
}






/* =================== */
/*       body.code_of_conduct       */
/* =================== */
body.code_of_conduct #page-cont-box .copy {
	line-height:1.6;
	font-size:2.6rem;
	color:#6F0B65;
	font-weight:700;
	margin-bottom:5.6rem;
}
body.code_of_conduct #page-cont-box h2 .jp {
	font-size:2rem;
	font-weight:700;
	margin-bottom:.5rem;
	display:block;
}
body.code_of_conduct #page-cont-box h2 .en-font {
	font-size:1.2rem;
	font-weight:600;
	color:#B2ADA5;
	display:block;
}
body.code_of_conduct #philosophy-sec h2 { margin-bottom:3.2rem; }
body.code_of_conduct #page-cont-box .nml-txt {
	font-size:1.2rem;
	line-height:1.8;
	margin-bottom:2rem;
}
body.code_of_conduct #philosophy-sec { align-items:flex-start; }
body.code_of_conduct #philosophy-sec .txt-box {
	width:32.1rem;
	margin-right:4.6rem;
}
body.code_of_conduct #philosophy-sec .fig {
	width:56.7rem;
	margin-right:calc(((100vw - 79.8rem) / 2 + 4.6rem) * -1) ;
	margin-top:-17.4rem;
}
body.code_of_conduct #behavioral-sec {
	margin-top:8rem;
	padding-top:3.2rem;
	border-top:1px solid #716D67;
}
body.code_of_conduct #behavioral-sec h2 { padding-bottom:2rem; }
body.code_of_conduct #behavioral-sec h3 {
	margin-top:4.4rem;
	font-size:1.6rem;
	line-height:1.6;
	color:#6F0B65;
	font-weight:700;
	border-left:.4rem solid #6F0B65;
	padding-left:1.2rem;
	margin-bottom:1.4rem;
}
body.code_of_conduct #behavioral-sec article {
	margin-bottom:2.6rem;
	padding:0 1.2rem;
}
body.code_of_conduct #behavioral-sec article .title-box {
	justify-content:flex-start;
	align-items:baseline;
	margin-bottom:.5rem;
}
body.code_of_conduct #behavioral-sec article .title-box .num {
	font-size:1.8rem;
	font-weight:600;
	color:#B2ADA5;
	line-height:1.6;
	margin-right:.8rem;
}
body.code_of_conduct #behavioral-sec article .title-box h4 {
	font-size:1.4rem;
	font-weight:700;
	line-height:1.6;
}
body.code_of_conduct #behavioral-sec article .cont-box { align-items:flex-start; }
body.code_of_conduct #behavioral-sec .cont-box .fig { width:21.9rem; }
body.code_of_conduct #behavioral-sec .cont-box .txt-box { width:calc(100% - 21.9rem - 8.1rem); }
body.code_of_conduct #behavioral-sec .cont-box li {
	margin-bottom:1.4rem;
	display:flex;
	align-items:baseline;
}
body.code_of_conduct #behavioral-sec .cont-box .num {
	font-size:1.4rem;
	line-height:1.8;
	font-weight:600;
	color:#B2ADA5;
	width:4rem;
}
body.code_of_conduct #behavioral-sec .cont-box .nml-txt {
	width:calc(100% - 4rem);
	margin-bottom:0;
}

@media screen and (max-width: 750px) {
	body.code_of_conduct #page-cont-box h2 { width:100%; margin-bottom:30px; }
	body.code_of_conduct #page-cont-box h2 .jp { font-size:24px; margin-bottom:10px; }
	body.code_of_conduct #page-cont-box h2 .en-font { font-size:14px; }
	body.code_of_conduct #page-cont-box .nml-txt { font-size:16px; }
	body.code_of_conduct #philosophy-sec { display:block; }
	body.code_of_conduct #philosophy-sec .fig { width:100vw; margin:30px -5vw 0; }
	body.code_of_conduct #behavioral-sec h3 { font-size:20px; }
	body.code_of_conduct #behavioral-sec article { margin-bottom:40px; }
	body.code_of_conduct #behavioral-sec article .title-box { margin-bottom:10px; }
	body.code_of_conduct #behavioral-sec article .title-box .num { font-size:22px; }
	body.code_of_conduct #behavioral-sec article .title-box h4 { font-size:18px; }
	body.code_of_conduct #behavioral-sec article .cont-box { display:block; }
	body.code_of_conduct #behavioral-sec .cont-box .fig { width:100%; }
	body.code_of_conduct #behavioral-sec .cont-box .txt-box { width:100%; margin-top:20px; }
	body.code_of_conduct #behavioral-sec .cont-box .num { font-size:18px; }
	body.code_of_conduct #page-cont-box .nml-txt { font-size:16px; }
	body.code_of_conduct #behavioral-sec .cont-box .num { width:50px; }
	body.code_of_conduct #behavioral-sec .cont-box .nml-txt { width:calc(100% - 50px); }
}






/* =================== */
/*       body.products       */
/* =================== */
body.depth-1.products #page-cont-box .copy {
	font-size:1.2rem;
	line-height:1.8;
	font-weight:700;
	margin-bottom:8rem;
}
body.depth-1.products #page-cont-box h2 {
	font-size:1.2rem;
	color:#716D67;
	font-weight:600;
	margin-bottom:1.2rem;
}
body.depth-1.products ul.lineup-list {
	flex-wrap:wrap;
	align-items:flex-start;
	margin-bottom:8rem;
}
body.depth-1.products ul.lineup-list .big-box {
	width:calc((100% - 2.4rem) / 3);
	margin-bottom:1.2rem;
}
body.depth-1.products ul.lineup-list .big-box a {
	height:11.4rem;
	border-radius:.4rem;
	border:1px solid #343234;
	display:flex;
	align-items:center;
	overflow:hidden;
	box-sizing:border-box;
}
body.depth-1.products ul.lineup-list .big-box .pic { width:11.6rem; }
body.depth-1.products ul.lineup-list .big-box .name-box {
	width:calc(100% - 11.6rem);
	margin:0 auto;
	font-size:1.4rem;
	font-weight:700;
	display:flex;
	align-items:center;
	justify-content:center;
}
body.depth-1.products ul.lineup-list .big-box .name-box .name span {
	font-size:1.2rem;
  margin-left:-.5rem;
}
body.depth-1.products ul.lineup-list .list7,
body.depth-1.products ul.lineup-list .list12 { border-top:1px solid #716D67; }
body.depth-1.products ul.lineup-list .sml-box {
	border-bottom:1px solid #716D67;
	width:calc((100% - 1.2rem) / 2);
}
body.depth-1.products ul.lineup-list .sml-box a {
	padding:1.2rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-size:1.2rem;
}
body.depth-1.products ul.lineup-list .list1 { order:1; }
body.depth-1.products ul.lineup-list .list2 { order:2; }
body.depth-1.products ul.lineup-list .list3 { order:3; }
body.depth-1.products ul.lineup-list .list4 { order:4; }
body.depth-1.products ul.lineup-list .list5 { order:5; }
body.depth-1.products ul.lineup-list .list6 { order:6; }
body.depth-1.products ul.lineup-list .list7 { order:7; }
body.depth-1.products ul.lineup-list .list12 { order:8; }
body.depth-1.products ul.lineup-list .list8 { order:9; }
body.depth-1.products ul.lineup-list .list13 { order:10; }
body.depth-1.products ul.lineup-list .list9 { order:11; }
body.depth-1.products ul.lineup-list .list14 { order:12; }
body.depth-1.products ul.lineup-list .list10 { order:13; }
body.depth-1.products ul.lineup-list .list15 { order:14; }
body.depth-1.products ul.lineup-list .list11 { order:15; }
body.depth-1.products ul.lineup-list .list16 { order:16; }
body.depth-1.products .link-btn a {
	height:15.2rem;
	border-radius:.8rem;
	background:#fff;
	width:63.6rem;
	display:block;
	margin:0 auto;
	padding:2.4rem 3.2rem;
	position:relative;
	box-sizing:border-box;
}
body.depth-1.products .link-btn .txt-box {
	height:100%;
	display:flex;
	align-items:flex-end;
}
body.depth-1.products .link-btn a .name .en-font {
	font-size:1rem;
	color:#716D67;
	display:block;
	margin-bottom:.5rem;
	font-weight:700;
}
body.depth-1.products .link-btn a .name .jp {
	font-size:2rem;
	display:block;
	font-weight:700;
}
body.depth-1.products .link-btn a .arrow {
	position:absolute;
	bottom:2.4rem;
	right:3.2rem;
	margin-right:0;
}

body.products .products-child-layout .top-txt {
	font-size:1.2rem;
	line-height:1.8;
	font-weight:700;
	margin-bottom:5.6rem;
}
body.products .products-child-layout h2 {
	font-size:1.2rem;
	color:#716D67;
	font-weight:600;
	margin-bottom:.6rem;
}
body.products .products-child-layout .category-list { border-top:1px solid #716D67; }
body.products .products-child-layout .category-list li {
	padding:2.4rem;
	font-size:1.4rem;
	font-weight:700;
	border-bottom:1px solid #716D67;
}
body.products .products-child-layout .makers-box {
	margin:8rem auto;
	align-items:flex-start;
}
body.products .products-child-layout .makers-box .ttl-box { width:26.65rem; }
body.products .products-child-layout .makers-box .ttl-box .en-font {
	font-size:1.2rem;
	font-weight:600;
	color:#B2ADA5;
	margin-top:.8rem;
	display:block;
}
body.products .products-child-layout .makers-box .ttl-box .jp {
	font-size:2rem;
	line-height:1.6;
	font-weight:700;
	display:block;
}
body.products .products-child-layout .makers-box .ttl-box .txt {
	font-size:1rem;
	line-height:1.8;
	margin-top:2rem;
}
body.products .products-child-layout .makers-box .makers-list {
	width:calc(100% - 26.65rem - 5rem);
	border-top:1px solid #716D67;
	border-bottom:1px solid #716D67;
	padding:3.95rem 2.4rem 1.55rem;
	display:flex;
	flex-wrap:wrap;
}
body.products .products-child-layout .makers-box .makers-list li {
	width:50%;
	font-size:1.4rem;
	line-height:1.35;
	font-weight:700;
	margin-bottom:2.4rem;
}
body.products .products-child-layout ul.door-page-list li .arrow { position:absolute; margin-right:0; }

@media screen and (max-width: 750px) {
	body.depth-1.products #page-cont-box .copy { font-size:16px; }
	body.depth-1.products #page-cont-box h2 { font-size:16px; }
	body.depth-1.products ul.lineup-list .big-box { width:100%; }
	body.depth-1.products ul.lineup-list .big-box .name-box { font-size:18px; }
	body.depth-1.products ul.lineup-list .big-box .name-box .name span { font-size:16px; }
	body.depth-1.products ul.lineup-list .sml-box a { font-size:16px; padding:12px 6px; }
	body.depth-1.products .link-btn a { width:100%; padding:48px 16px 16px; }
	body.depth-1.products .link-btn a .name .en-font { font-size:14px; }
	body.depth-1.products .link-btn a .name .jp { font-size:24px; }
	body.depth-1.products .link-btn a .arrow { bottom:13px; right:16px; }

	body.products .products-child-layout .top-txt { font-size:16px; }
	body.products .products-child-layout h2 { font-size:16px; margin-bottom:10px; }
	body.products .products-child-layout .category-list li { font-size:16px; }
	body.products .products-child-layout .makers-box { display:block; }
	body.products .products-child-layout .makers-box .ttl-box { width:100%; }
	body.products .products-child-layout .makers-box .ttl-box .jp { font-size:24px; }
	body.products .products-child-layout .makers-box .ttl-box .en-font { font-size:14px; }
	body.products .products-child-layout .makers-box .ttl-box .txt { font-size:16px; margin-bottom:30px; }
	body.products .products-child-layout .makers-box .makers-list { width:100%; display:block; padding:25px 2.4rem 15px; }
	body.products .products-child-layout .makers-box .makers-list li { font-size:16px; width:100%; margin-bottom:10px; }
	body.products .products-child-layout ul.door-page-list li a { height:15.2rem; }
	body.products .products-child-layout ul.door-page-list li .arrow { top:inherit; bottom:13px; }
}






/* =================== */
/*       body.shop       */
/* =================== */
body.shop.archive .top-box { align-items:flex-start; }
body.shop.archive .top-box .txt-box {
	width:31.2rem;
	margin-top:9.5rem;
}
body.shop.archive .top-box .txt-box .copy {
	font-size:2.6rem;
	line-height:1.6;
	font-weight:700;
	color:#6F0B65;
}
body.shop.archive .top-box .txt-box .txt {
	margin-top:2rem;
	font-size:1.2rem;
	line-height:1.8;
}
body.shop.archive .top-box .fig {
	width:62rem;
	margin-right:-7.6rem;
}
body.shop.archive #page-cont-box h2 {
	margin-top:-5rem;
	margin-bottom:3.2rem;
}
body.shop.archive #page-cont-box h2 .jp {
	font-size:2rem;
	font-weight:700;
	margin-bottom:.5rem;
	display:block;
}
body.shop.archive #page-cont-box h2 .en-font {
	font-size:1.2rem;
	font-weight:600;
	color:#B2ADA5;
	display:block;
}
body.shop.archive #page-cont-box h3 {
	font-size:1.6rem;
	line-height:1.35;
	font-weight:700;
	margin-bottom:1.2rem;
}
body.shop.archive #page-cont-box article {
	padding-bottom:2rem;
	border-bottom:1px solid #716D67;
	margin-bottom:2.4rem;
}
body.shop.archive article .shop-list {
	flex-wrap:wrap;
	align-items:initial;
	justify-content:flex-start;
}
body.shop.archive article .shop-list li {
	width:calc((100% - 2.4rem) / 3);
	margin-right:1.2rem;
	margin-bottom:1.2rem;
}
body.shop.archive article .shop-list li:nth-child(3n) { margin-right:0; }
body.shop.archive article .shop-list li a {
	height:11.4rem;
	border-radius:.4rem;
	border:1px solid #343234;
	display:flex;
	align-items:center;
	overflow:hidden;
}
body.shop.archive article .shop-list li .pic {
	width:11.6rem;
	height:100%;
}
body.shop.archive article .shop-list li .pic img {
	width:100%;
	height:100%;
	object-fit:cover;
}
body.shop.archive article .shop-list li .name-box {
	width:calc(100% - 11.6rem);
	margin:0 auto;
	font-size:1.4rem;
	font-weight:700;
	display:flex;
	align-items:center;
	justify-content:center;
}
body.shop.archive article .shop-list li .name-box .name span {
	font-size:1.2rem;
  margin-left:-.5rem;
}
body.shop.single article .thumb { border-radius:1.2rem; overflow:hidden; }
body.shop.single article .cont-box {
	margin:8rem auto;
	align-items:flex-start;
}
body.shop.single article .cont-box .map {
	width:39.3rem;
	height:23.9rem;
	border-radius:1.2rem;
	overflow:hidden;
}
body.shop.single article .cont-box .map iframe {
	width:100%;
	height:100%;
}
body.shop.single article .cont-box .txt-box {
	width:calc(100% - 39.3rem - 9.3rem);
	margin-top:-.5rem;
}
body.shop.single article .cont-box .txt-box h2 {
	font-size:1.4rem;
	font-weight:700;
	line-height:1.5;
	margin-bottom:1.4rem;
}
body.shop.single article .cont-box .txt-box dl { border-top:1px solid #716D67; }
body.shop.single article .cont-box .txt-box dl .line {
	display:flex;
	padding:1.2rem 0;
	border-bottom:1px solid #716D67;
	font-size:1rem;
	line-height:1.8;
}
body.shop.single article .cont-box .txt-box dl dt { width:6.9rem; }
body.shop.single article .cont-box .txt-box dl dd { width:calc(100% - 6.9rem - 1.2rem); }
body.shop.single article .sub-pic-box {
	justify-content:flex-start;
	margin-bottom:3.2rem;
}
body.shop.single article .sub-pic-box .pic {
	width:calc((100% - 2.4rem) / 3);
	margin-right:1.2rem;
	border-radius:1.2rem;
	overflow:hidden;
	height:24rem;
}
body.shop.single article .sub-pic-box .pic:last-child { margin-right:0; }
body.shop.single article .sub-pic-box .pic img {
	width:100%;
	height:100%;
	object-fit:cover;
}

@media screen and (max-width: 750px) {
	body.shop.archive article .shop-list li { width:100%; margin-right:0; }
	body.shop.archive article .shop-list li .name-box { font-size:18px; }
	body.shop.archive article .shop-list li .name-box .name span { font-size:16px; }
	body.shop.archive #page-cont-box h3 { font-size:22px; }
	body.shop.archive .top-box { display:block; }
	body.shop.archive .top-box .txt-box { width:100%; margin-top:0; }
	body.shop.archive .top-box .txt-box .txt { font-size:16px; }
	body.shop.archive .top-box .fig { width:100vw; margin:30px calc(50% - 50vw) 50px; }
	body.shop.archive #page-cont-box h2 { margin-top:0; }
	body.shop.archive #page-cont-box h2 .jp { font-size:24px; }
	body.shop.archive #page-cont-box h2 .en-font { font-size:14px; }

	body.shop.single article .cont-box { flex-wrap:wrap; flex-direction:column-reverse; margin:50px auto; }
	body.shop.single article .thumb { border-radius:10px; }
	body.shop.single article .cont-box .map { width:100%; border-radius:10px; }
	body.shop.single article .cont-box .txt-box { width:100%; margin-bottom:30px; }
	body.shop.single article .cont-box .txt-box h2 { font-size:20px; }
	body.shop.single article .cont-box .txt-box dl .line { font-size:16px; line-height:1.6; }
	body.shop.single article .cont-box .txt-box dl dt { width:95px; }
	body.shop.single article .cont-box .txt-box dl dd { width:calc(100% - 95px - 1.2rem); }
	body.shop.single article .sub-pic-box { width:200px; margin:0 auto 30px; display:block; }
	body.shop.single article .sub-pic-box .pic { width:100%; height:auto; margin-right:0; margin-bottom:12px; border-radius:10px; }
}






/* =================== */
/*       body.distribution       */
/* =================== */
body.distribution .top-copy {
	font-size:2.6rem;
	color:#6F0B65;
	font-weight:700;
	line-height:1.6;
	margin-bottom:2.6rem;
}
body.distribution .top-txt {
	width:39.3rem;
	margin-left:32.4rem;
	font-size:1.2rem;
	line-height:1.8;
	margin-bottom:8rem;
}
body.distribution .top-txt p { margin-bottom:2rem; }
body.distribution #page-cont-box h2 { margin-bottom:4.4rem; }
body.distribution #page-cont-box h2 .jp {
	font-size:2rem;
	font-weight:700;
	margin-bottom:.5rem;
	display:block;
}
body.distribution #page-cont-box h2 .en-font {
	font-size:1.2rem;
	font-weight:600;
	color:#B2ADA5;
	display:block;
}
body.distribution .art-layout h3 {
	font-size:1.6rem;
	font-weight:700;
	line-height:1.35;
	margin-bottom:.4rem;
}
body.distribution .art-layout {
	align-items:flex-start;
	margin-bottom:8rem;
}
body.distribution .art-layout .txt-box { width:31.2rem; }
body.distribution .art-layout .txt-box .copy {
	font-size:1.2rem;
	line-height:1.6;
	font-weight:700;
	margin-bottom:1.4rem;
}
/*body.distribution .art-layout .txt-box .copy::before {
	content:"ー";
	display:inline-block;
}*/
body.distribution .art-layout .txt-box .txt {
	font-size:1rem;
	line-height:1.8;
	margin-bottom:2rem;
}
body.distribution .art-layout .back-list-link { margin-top:1.2rem; }
body.distribution .art-layout .txt-box .clr-box {
	border-radius:1.2rem;
	background:#DFDBD4;
	padding:1.4rem 2rem;
}
body.distribution .art-layout .clr-box .ttl-box { justify-content:flex-start; }
body.distribution .art-layout .clr-box .ttl-box .clr {
	width:3.5rem;
	background:#6F0B65;
	line-height:3.5rem;
	color:#fff;
	font-size:.8rem;
	font-weight:700;
	text-align:center;
	border-radius:100vmax;
	letter-spacing:0;
}
body.distribution .art-layout .clr-box .ttl-box .ttl {
	font-size:1.2rem;
	line-height:1.35;
	margin-left:.6rem;
	font-weight:700;
}
body.distribution .art-layout .clr-box .box-txt {
	margin-top:1rem;
	font-size:1rem;
	line-height:1.8;
}
body.distribution .art-layout .pic {
	width:39.3rem;
	border-radius:1.2rem;
	overflow:hidden;
}
body.distribution #art5 {
	width:63.6rem;
	margin:0 auto;
	border-radius:1.2rem;
	overflow:hidden;
	background:#fff;
  background-image:linear-gradient(#F4F3EF 1px, transparent 1px), linear-gradient(90deg, #F4F3EF 1px, transparent 1px);
  background-size:calc(100% / 20) calc(100% / 16);
  display:flex;
}
body.distribution #art5 .txt-box {
	width:23rem;
	background:#6F0B65;
	mix-blend-mode:multiply;
	padding-left:6.3rem;
	padding-top:5.1rem;
}
body.distribution #art5 .txt-box h2 { margin-bottom:2rem; }
body.distribution #art5 .txt-box h2 .jp { color:#fff; margin-bottom:.8rem; }
body.distribution #art5 .txt-box ul li {
	display:flex;
	align-items:center;
	font-size:1.2rem;
	line-height:1.6;
	margin-bottom:.6rem;
	color:#fff;
}
body.distribution #art5 .txt-box ul li::before {
	content:"●";
	font-size:.8rem;
	color:#B2ADA5;
	margin-right:.4rem;
}
body.distribution #art5 .fig {
	width:calc(100% - 23rem);
	padding:3.2rem 0;
}
body.distribution #art5 .fig img {
	display:block;
	width:27.75rem;
	margin:0 auto;
}

@media screen and (max-width: 750px) {
	body.distribution .top-txt { width:100%; margin-left:0; font-size:16px; }
	body.distribution #page-cont-box h2 .jp { font-size:24px; }
	body.distribution #page-cont-box h2 .en-font { font-size:14px; }
	body.distribution .art-layout { display:block; margin-bottom:60px; }
	body.distribution .art-layout .txt-box { width:100%; margin-bottom:30px; }
	body.distribution .art-layout h3 { font-size:20px; }
	body.distribution .art-layout .txt-box .copy { font-size:16px; }
	body.distribution .art-layout .txt-box .txt { font-size:16px; }
	body.distribution .art-layout .clr-box .ttl-box .clr { width:55px; line-height:55px; font-size:12px; }
	body.distribution .art-layout .clr-box .ttl-box .ttl { font-size:18px; width:calc(100% - 6px - 55px); }
	body.distribution .art-layout .clr-box .box-txt { font-size:16px; line-height:1.6; }
	body.distribution .art-layout .pic { width:100%; }
	body.distribution #art5 { width:100%; display:block; background-size:calc(100% / 7) calc(100% / 20); }
	body.distribution #art5 .txt-box { width:100%; padding:50px 0 40px 65px; }
	body.distribution #art5 .txt-box ul li { font-size:16px; }
	body.distribution #art5 .txt-box ul li::before { font-size:14px; }
	body.distribution #art5 .fig { width:100%; }
	body.distribution #art5 .fig img { width:80%; }
}






/* =================== */
/*       body.makers       */
/* =================== */
body.makers #page-cont-box { overflow:inherit; }
body.makers #page-cont-box .inner-box {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
body.makers #page-cont-box ul.list-nav {
	background:#DFDBD4;
	border-radius:.6rem;
	padding:1.2rem;
	font-size:1rem;
	line-height:1.8;
	position:sticky;
	top:8rem;
	left:0;
}
body.makers #page-cont-box ul.list-nav li { margin-bottom:.6rem; }
body.makers #page-cont-box ul.list-nav li:last-child { margin-bottom:0; }
body.makers #page-cont-box ul.list-nav li a .arrow { vertical-align:middle; }
body.makers #page-cont-box ul.list-nav li a .name {
	display:inline-block;
	vertical-align:middle;
}
body.makers #page-cont-box .list-wrap {
	width:63.6rem;
	border-bottom:1px solid #716D67;
}
body.makers #page-cont-box .list-wrap .list-item-box {
	border-top:1px solid #716D67;
	padding:3.95rem 0;
	line-height:1.35;
	font-size:1.4rem;
	font-weight:700;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
body.makers #page-cont-box .list-wrap .list-item-box .item-kana {
	color:#716D67;
	width:15rem;
	margin-right:1.2rem;
}
body.makers #page-cont-box .list-wrap .list-item-box ul {
	width:calc(100% - 15rem - 1.2rem);
	display:grid;
  row-gap:2.4rem;
  column-gap:1.2rem;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}

@media screen and (max-width: 750px) {
	body.makers #page-cont-box .inner-box { display:block; }
	body.makers #page-cont-box ul.list-nav { width:100%; font-size:16px; padding:16px 24px 8px; display:flex; flex-wrap:wrap; top:60px; }
	body.makers #page-cont-box ul.list-nav li { width:calc(100% / 4); margin-bottom:8px; }
	body.makers #page-cont-box .list-wrap { width:100%; padding-top:24px; }
	body.makers #page-cont-box .list-wrap .list-item-box { padding:24px 0 10px; }
	body.makers #page-cont-box .list-wrap .list-item-box .item-kana { width:44px; margin-right:16px; font-size:16px; }
	body.makers #page-cont-box .list-wrap .list-item-box ul {
		width:calc(100% - 44px - 16px);
		font-size:14px;
		display:flex;
		flex-wrap:wrap;
		row-gap:inherit;
    column-gap:inherit;
  }
  body.makers #page-cont-box .list-wrap .list-item-box ul li {
  	margin-right:24px;
		margin-bottom:14px;
  }
}






/* =================== */
/*       body.information       */
/* =================== */
body.information.archive ul.news-list {
	width:58.8rem;
	margin:0 auto;
	border-top:1px solid #716D67;
}
body.information.archive ul.news-list li {
	padding:2.4rem;
	border-bottom:1px solid #716D67;
	display:flex;
	align-items:center;
	line-height:1.5;
}
body.information.archive ul.news-list li time {
	font-size:1rem;
	color:#716D67;
	font-weight:600;
	width:6rem;
	padding-top:.3rem;
}
body.information.archive ul.news-list li .ttl {
	width:calc(100% - 6rem);
	margin-left:2.4rem;
	font-size:1.4rem;
	font-weight:700;
}
body.information.archive ul.news-list li .ttl a:hover { text-decoration:underline; }
body.information.archive .pager-box {
	width:58.8rem;
	margin:5.6rem auto 0;
	font-size:1rem;
}
body.information.archive .pager-box .nav-links {
	display:flex;
	justify-content:center;
	align-items:center;
}
body.information.archive .pager-box .nav-links .page-numbers {
	padding:0 .5rem;
	margin:0 .5rem;
}
body.information.archive .pager-box .nav-links .page-numbers.current {
	border-radius:100vmax;
  color:#fff;
  line-height:1.6rem;
  width:1.6rem;
  text-align:center;
  padding:0;
  background:#1A1816;
}
body.information.archive .pager-box .next:hover .arrow::before,
body.information.archive .pager-box .next:hover .arrow::after{
  animation:.3s ease-in-out 1.5 transformLeftRight;
}
body.information.archive .pager-box .prev:hover .arrow::before,
body.information.archive .pager-box .prev:hover .arrow::after {
	animation:.3s ease-in-out 1.5 transformRightLeft;
}
body.information.archive .pager-box .arrow.mini-size {
	position: relative;
  display: inline-block;
  width:1.6rem;
	height:1.6rem;
  border:.1rem solid #1A1816;
  border-radius:100vmax;
  margin-right:.7rem;
  overflow:hidden;
}
body.information.archive .pager-box .arrow::before,
body.information.archive .pager-box .arrow::after {
  content:"";
  position:absolute;
  top:calc(50% - .05rem);
  right:calc(50% - .25rem);
  width:.5rem;
  height:.1rem;
  background:#1A1816;
  transform-origin:calc(100% - .05rem) 50%;
}
body.information.archive .pager-box .arrow.mini-size::before,
body.information.archive .pager-box .arrow.mini-size::after {
	width:.4rem;
	right:calc(50% - .2rem);
}
body.information.archive .pager-box .arrow::before { transform:rotate(45deg); }
body.information.archive .pager-box .arrow::after { transform:rotate(-45deg); }
body.information.archive .pager-box .prev .arrow::before { transform:rotate(135deg); right:inherit; left:16%; }
body.information.archive .pager-box .prev .arrow::after { transform:rotate(-135deg); right:inherit; left:16%; }
@keyframes transformLeftRight {
  0% {
    right:110%;
  }
  100% {
    right:-10%;
  }
}
@keyframes transformRightLeft {
  0% {
    left:110%;
  }
  100% {
    left:-10%;
  }
}


body.information.single .page-title-layout {
	height:auto;
	background-image:none;
	border-bottom:0;
}
body.information.single .page-title-layout .jp { font-size:2.8rem; line-height:1.2; }
body.information.single .page-title-layout::before { display:none; }
body.information.single #page-cont-box .has-fit-text { font-size:inherit !important; }
body.information.single #page-cont-box article {
	width:47.4rem;
	margin:0 auto;
	font-size:1.2rem !important;
	line-height:1.8;
	font-weight:700;
}
body.information.single #page-cont-box article h2 {
	font-size:1.6rem;
	font-weight:700;
	line-height:1.6;
	padding-left:1.2rem;
	border-left:.4rem solid #6F0B65;
	margin-bottom:1.2rem;
}
body.information.single #page-cont-box article h2.has-fit-text { font-size:1.6rem !important; }
body.information.single #page-cont-box article p { margin-bottom:4rem; }
body.information.single #page-cont-box article .wp-block-image { margin-bottom:4rem; }
body.information.single #page-cont-box article .wp-block-image img { border-radius:1.2rem; }
body.information.single #page-cont-box .nav-links {
	width:47.4rem;
	margin:8rem auto 4rem;
	display:flex;
	justify-content:space-between;
}
body.information.single #page-cont-box .nav-links .nav-btn {
	display:flex;
	align-items:flex-end;
	width:17rem;
}
body.information.single #page-cont-box .nav-links .nav-btn.nav-next { justify-content:flex-end; }
body.information.single #page-cont-box .nav-links .nav-btn .arrow { margin-bottom:.2rem; }
body.information.single #page-cont-box .nav-links .nav-btn .txt { width:calc(100% - 2.3rem); }
body.information.single #page-cont-box .nav-links .nav-btn .en-font {
	font-size:1rem;
	color:#B2ADA5;
	font-weight:600;
	margin-bottom:.5rem;
}
body.information.single #page-cont-box .nav-links .nav-btn .ttl {
	font-size:1.2rem;
	font-weight:700;
}
body.information.single #page-cont-box .nav-links .nav-btn .ttl a {
	overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
}
body.information.single #page-cont-box .nav-links .nav-btn .ttl::after {
	content:"";
	width:100%;
	height:1px;
	background:#B2ADA5;
	display:block;
	margin-top:.4rem;
}
body.information.single #page-cont-box .back-btn {
	width:47.4rem;
	margin:0 auto;
}
body.information.single #page-cont-box .back-btn a {
	padding:2.4rem 1.2rem;
	border-top:1px solid #716D67;
	border-bottom:1px solid #716D67;
	font-size:1.2rem;
	line-height:1.5;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
body.information.single #page-cont-box .back-btn a .arrow { margin-right:0; }

@media screen and (max-width: 750px) {
	body.information.archive ul.news-list { width:100%; }
	body.information.archive ul.news-list li time { font-size:14px; width:80px; }
	body.information.archive ul.news-list li .ttl { font-size:16px; width:calc(100% - 100px); margin-left:20px; }
	body.information.archive .pager-box { width:100%; font-size:16px; }
	body.information.archive .pager-box .nav-links .page-numbers.current { width:25px; line-height:25px; }
	body.information.archive .pager-box .arrow.mini-size { width:25px; height:25px; }
	body.information.archive .pager-box .prev .arrow::before,
	body.information.archive .pager-box .prev .arrow::after { left:30%; }

	body.information.single #page-cont-box { padding-top:60px; }
	body.information.single #page-cont-box article { font-size:16px !important; width:100%; }
	body.information.single #page-cont-box article h2 { font-size:20px; }
	body.information.single #page-cont-box article h2.has-fit-text { font-size:20px !important; }
	body.information.single #page-cont-box .nav-links { width:100%; }
	body.information.single #page-cont-box .nav-links .nav-btn { width:45%; max-width:200px; }
	body.information.single #page-cont-box .nav-links .nav-btn .en-font { font-size:14px; }
	body.information.single #page-cont-box .nav-links .nav-btn .ttl { font-size:16px; }
	body.information.single #page-cont-box .nav-links .nav-btn .ttl a { -webkit-line-clamp:2; }
	body.information.single #page-cont-box .back-btn { width:100%; }
	body.information.single #page-cont-box .back-btn a { font-size:16px; }
	body.information.single #page-cont-box .back-btn a .arrow { width:20px; height:20px; }
}






/* =================== */
/*       body.recruit       */
/* =================== */
body.recruit #page-cont-box { padding:0; }
body.recruit main .page-btm-bnr-box {
	padding:8rem 0;
	background:#fff;
}
body.recruit main .page-btm-bnr-box .bnr { width:calc((100% - 3.2rem) / 2); }
body.recruit main .page-btm-bnr-box .bnr img { border-radius:1.2rem; }
body.recruit main .page-btm-bnr-box .bnr a:hover { opacity:.8; }
body.recruit main .breadcrumb {
	margin-bottom:2.4rem;
	font-size:.8rem;
	color:#343234;
}
body.recruit main .breadcrumb a:hover { opacity:.8; }
body.recruit #recruit-lower-title-layout {
	background:url(../img/recruit/title_bk.png) no-repeat center top;
	background-size:100% auto;
	padding:8rem 0;
}
body.recruit #recruit-lower-title-layout #page-ttl {
	margin-top:2.8rem;
	margin-bottom:3.2rem;
	text-align:center;
}
body.recruit #recruit-lower-title-layout #page-ttl .en-font {
	display:block;
	font-size:1.4rem;
	font-weight:600;
	color:#B2ADA5;
	margin-bottom:2.4rem;
}
body.recruit #recruit-lower-title-layout #page-ttl .jp {
	font-size:5.6rem;
	color:#716D67;
	font-weight:700;
}
body.recruit #recruit-lower-title-layout .page-top-txt {
	font-size:1.4rem;
	line-height:1.8;
	text-align:center;
	color:#716D67;
}
body.recruit #page-cont-box .main-cont-box { margin-top:3.2rem; }

body.recruit #recruit-top-layout .fadein {
	opacity:0;
	transform:translate(0, 5rem);
	transition:.5s;
}
body.recruit #recruit-top-layout .fadein.is-show {
	transform:translate(0, 0);
	opacity:1;
}
body.recruit #recruit-top-layout .top-box {
	position:relative;
	padding:6rem 0 14rem;
	background:linear-gradient(90deg, #F4F3EF 0%, #F0F0DD 84.85%, #EDEDCF 100%);
}
body.recruit #recruit-top-layout .top-box .pic img { border-radius:1.2rem; }
body.recruit #recruit-top-layout .top-box .pic1 {
	width:19.65rem;
	margin-left:8.1rem;
	margin-bottom:3.75rem;
}
body.recruit #recruit-top-layout .top-box .pic2 {
	width:23.1rem;
	position:absolute;
	top:12.45rem;
	right:8.1rem;
}
body.recruit #recruit-top-layout .top-box .pic3 {
	width:17rem;
	position:absolute;
	left:3.05rem;
	top:38.45rem;
}
body.recruit #recruit-top-layout .top-box .pic4 {
	width:31.15rem;
	margin-top:9rem;
	margin-left:32rem;
}
body.recruit #recruit-top-layout .top-box .pic5 {
	width:16.75rem;
	position:absolute;
	right:1.7rem;
	top:73rem;
}
body.recruit #recruit-top-layout .top-box .pic6 {
	width:15rem;
	position:absolute;
	left:8.1rem;
	bottom:20.65rem;
}
body.recruit #recruit-top-layout .top-box .copy {
	font-size:2.4rem;
	font-weight:700;
	margin-left:16.2rem;
	margin-bottom:1.8rem;
	color:#716D67;
}
body.recruit #recruit-top-layout .top-box .copy2 {
	font-size:1.1rem;
	line-height:1.8;
	margin-left:20.4rem;
	color:#716D67;
}
body.recruit #recruit-top-layout .top-box .copy2 .item2 { margin-left:3rem; }
body.recruit #recruit-top-layout .top-box .txt-box {
	width:31.2rem;
	margin-left:40.5rem;
	font-size:1.2rem;
	line-height:2;
	margin-top:15rem;
}
body.recruit #recruit-top-layout .top-box .txt-box .txt {
	margin-bottom:3.4rem;
	color:#716D67;
}
body.recruit #recruit-top-layout .top-box .txt-box .line-btn-design {
	margin-top:4.6rem;
	text-align:left;
}
body.recruit #recruit-top-layout .top-box .recruit-nav-box {
	width:19.6rem;
	position:absolute;
	right:3.5rem;
	top:38.55rem;
}
body.recruit #recruit-top-layout .top-box .recruit-nav-box h1 {
	font-size:.65rem;
	margin-bottom:.8rem;
	color:#716D67;
}
body.recruit #recruit-top-layout .top-box .recruit-nav-box ul {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
body.recruit #recruit-top-layout .top-box .recruit-nav-box li {
	font-size:.8rem;
	padding:.8rem .5rem;
	width:calc((100% - 1.2rem) / 2);
	border-bottom:1px solid #716D67;
}
body.recruit #recruit-top-layout .top-box .recruit-nav-box li.nav1 { order:1; border-top:1px solid #716D67; }
body.recruit #recruit-top-layout .top-box .recruit-nav-box li.nav2 { order:3; }
body.recruit #recruit-top-layout .top-box .recruit-nav-box li.nav3 { order:5; }
body.recruit #recruit-top-layout .top-box .recruit-nav-box li.nav4 { order:7; }
body.recruit #recruit-top-layout .top-box .recruit-nav-box li.nav5 { order:2; border-top:1px solid #716D67; }
body.recruit #recruit-top-layout .top-box .recruit-nav-box li.nav6 { order:4; }
body.recruit #recruit-top-layout .top-box .recruit-nav-box li.nav7 { order:6; }
body.recruit #recruit-top-layout .top-box .recruit-nav-box li a {
	display:flex;
	align-items:center;
	justify-content:space-between;
}
body.recruit #recruit-top-layout .top-box .recruit-nav-box li .hvr-arrow-anime .arrow.mini-size {
	width:1rem;
	height:1rem;
	margin-right:0;
}
body.recruit #recruit-top-layout #interview-sec { padding:10.8rem 0 8rem; }
body.recruit #recruit-top-layout h2 .en-font {
	display:block;
	font-size:1.4rem;
	color:#B2ADA5;
	font-weight:500;
}
body.recruit #recruit-top-layout h2 .jp {
	font-size:3rem;
	color:#716D67;
	font-weight:700;
	display:block;
	margin-top:1.6rem;
}
body.recruit #recruit-top-layout .sec-txt {
	line-height:1.8;
	margin-top:3.2rem;
	font-size:1.2rem;
	color:#716D67;
}
body.recruit #recruit-top-layout #interview-sec .sec-txt { font-size:1.4rem; }
body.recruit #recruit-top-layout .line-btn-design { margin-top:3.2rem; }
body.recruit #recruit-top-layout #interview-sec .line-btn-design {
	text-align:center;
	margin-bottom:3.2rem;
}
body.recruit #recruit-top-layout .pic-r-layout,
body.recruit #recruit-top-layout .pic-l-layout { padding:5.6rem 0 12rem; position:relative; }
body.recruit #recruit-top-layout .pic-r-layout .lr-box { justify-content:flex-end; margin-top:3.91rem; }
body.recruit #recruit-top-layout .pic-l-layout .lr-box { justify-content:flex-start; margin-top:3.91rem; }
body.recruit #recruit-top-layout #about-sec { background:linear-gradient(90deg, #F4F3EF 0%, #F0F0DD 84.85%, #EDEDCF 100%); }
body.recruit #recruit-top-layout #job-sec { background:linear-gradient(0deg, #F4F3EF 0%, #F0F0DD 84.85%, #EDEDCF 100%); }
body.recruit #recruit-top-layout #training-sec { background:linear-gradient(270deg, #F4F3EF 0%, #F0F0DD 84.85%, #EDEDCF 100%); }
body.recruit #recruit-top-layout #benefits-sec { background:linear-gradient(180deg, #F4F3EF 0%, #F0F0DD 84.85%, #EDEDCF 100%); }
body.recruit #recruit-top-layout .lr-box .pic1 { width:31.2rem; }
body.recruit #recruit-top-layout .pic-r-layout .pic2,
body.recruit #recruit-top-layout .pic-l-layout .pic2 {
	width:10.35rem;
	position:absolute;
	top:5.6rem;
}
body.recruit #recruit-top-layout .pic-r-layout .pic3,
body.recruit #recruit-top-layout .pic-l-layout .pic3 {
	width:15rem;
	position:absolute;
	bottom:6rem;
}
body.recruit #recruit-top-layout .lr-box .pic img,
body.recruit #recruit-top-layout .pic-r-layout .pic img,
body.recruit #recruit-top-layout .pic-l-layout .pic img { border-radius:1.2rem; }
body.recruit #recruit-top-layout .pic-r-layout .pic { order:2; }
body.recruit #recruit-top-layout .pic-r-layout .txt-box { order:1; margin-right:9rem; width:23.1rem; }
body.recruit #recruit-top-layout .pic-l-layout .txt-box { margin-left:9rem; width:23.1rem; }
body.recruit #recruit-top-layout #job-sec .pic-l-layout .txt-box { width:25rem; }
body.recruit #recruit-top-layout .pic-r-layout .pic3 { right:20.5rem; }
body.recruit #recruit-top-layout .pic-l-layout .pic3 { left:20.5rem; width:17.5rem; }
body.recruit #recruit-top-layout .pic-r-layout .pic2 { left:0; }
body.recruit #recruit-top-layout .pic-l-layout .pic2 { right:0; width:15rem; }
body.recruit #recruit-top-layout #outline-sec {
	background:#fff;
	padding:6.8rem 0 8rem;
}
body.recruit #recruit-top-layout #outline-sec .box { align-items:flex-end; }
body.recruit #recruit-top-layout #outline-sec .txt-box {
	font-size:1.4rem;
	line-height:1.8;
	margin-top:3.2rem;
	color:#716D67;
}
body.recruit #recruit-top-layout #outline-sec .btn-wrap {
	width:28.8rem;
	padding:1.2rem;
	border-top:1px solid #716D67;
	border-bottom:1px solid #716D67;
	font-size:1.2rem;
}
body.recruit #recruit-top-layout #outline-sec .btn-wrap a {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
body.recruit #recruit-top-layout #outline-sec .page-btm-bnr-box { padding:5.6rem 0 0; }


@media screen and (max-width: 960px) {
	body.recruit #recruit-top-layout .top-box .copy { margin-left:12.2rem; }
	body.recruit #recruit-top-layout .top-box .copy2 { margin-left:16.4rem; }
	body.recruit #recruit-top-layout .top-box .recruit-nav-box { width:auto; }
	body.recruit #recruit-top-layout .top-box .recruit-nav-box ul { display:block; }
	body.recruit #recruit-top-layout .top-box .recruit-nav-box li { width:100%; }
	body.recruit #recruit-top-layout .top-box .recruit-nav-box li.nav5 { border-top:0; }
	body.recruit #recruit-top-layout .top-box .pic4 { margin-left:27rem; }
	body.recruit #recruit-top-layout .top-box .txt-box { margin-left:28rem; }
	body.recruit #recruit-top-layout .pic-r-layout .txt-box { margin-right:6rem; }
	body.recruit #recruit-top-layout .pic-l-layout .txt-box { margin-left:6rem; }
}
@media screen and (max-width: 750px) {
	body.recruit main .breadcrumb { font-size:14px; }
	body.recruit main .page-btm-bnr-box .flex-box { display:block; }
	body.recruit main .page-btm-bnr-box .bnr { width:100%; margin-bottom:20px; }
	body.recruit main .page-btm-bnr-box .bnr:last-child { margin-bottom:0; }
	body.recruit main .page-btm-bnr-box .bnr img { border-radius:10px; }
	body.recruit #recruit-lower-title-layout #page-ttl .jp { font-size:32px; }
	body.recruit #recruit-lower-title-layout .page-top-txt { font-size:16px; }
	body.recruit #page-cont-box .main-cont-box { margin-top:0; }

	body.recruit #recruit-top-layout .top-box { padding-bottom:60px; padding-top:80px; }
	body.recruit #recruit-top-layout .top-box .top-cont-box { width:91.5%; margin:0 auto; }
	body.recruit #recruit-top-layout .top-box .pic img { border-radius:10px; }
	body.recruit #recruit-top-layout .top-box .pic1 { margin-left:0; width:125px; margin-bottom:0; }
	body.recruit #recruit-top-layout .top-box .pic2 { width:163px; position:initial; margin-left:calc(100% - 163px); margin-top:-24px; margin-bottom:50px; }
	body.recruit #recruit-top-layout .top-box .copy { font-size:32px; margin-left:24px; line-height:1.5; margin-bottom:16px; }
	body.recruit #recruit-top-layout .top-box .copy2 { font-size:14px; margin-left:144px; }
	body.recruit #recruit-top-layout .top-box .pic3 { width:147px; position:initial; margin-top:50px; margin-bottom:24px; }
	body.recruit #recruit-top-layout .top-box .pic4 { width:283px; margin-left:calc(100% - 283px); margin-top:20px; }
	body.recruit #recruit-top-layout .top-box .txt-box { margin-left:0; margin-top:100px; line-height:2.5; font-size:16px; }
	body.recruit #recruit-top-layout .top-box .txt-box .line-btn-design { text-align:right; margin-top:28px; }
	body.recruit #recruit-top-layout .top-box .pic5 { width:168px; position:initial; margin-left:calc(100% - 168px); margin-top:60px; }
	body.recruit #recruit-top-layout .top-box .pic6 { width:180px; position:initial; }
	body.recruit #recruit-top-layout .top-box .recruit-nav-box { display:none; }
	body.recruit #recruit-top-layout #interview-sec { padding:6.8rem 0 6rem; }
	body.recruit #recruit-top-layout #interview-sec .line-btn-design { text-align:left; margin-bottom:80px; }
	body.recruit #recruit-top-layout #interview-sec .sec-txt { font-size:16px; margin-top:28px; }
	body.recruit #recruit-top-layout h2 .jp { font-size:28px; margin-top:12px; }
	body.recruit #recruit-top-layout h2 .en-font { font-size:16px; }
	body.recruit #recruit-top-layout .pic-r-layout,
	body.recruit #recruit-top-layout .pic-l-layout { padding:2.6rem 0 6rem; }
	body.recruit #recruit-top-layout .pic-r-layout .lr-box,
	body.recruit #recruit-top-layout .pic-l-layout .lr-box { display:block; }
	body.recruit #recruit-top-layout .lr-box .pic1 { width:100%; aspect-ratio:3.43 / 2; }
	body.recruit #recruit-top-layout .lr-box .pic1 img { width:100%; height:100%; object-fit:cover; object-position: top; }
	body.recruit #recruit-top-layout .lr-box .pic img,
	body.recruit #recruit-top-layout .pic-r-layout .pic img,
	body.recruit #recruit-top-layout .pic-l-layout .pic img { border-radius:10px; }
	body.recruit #recruit-top-layout .pic-r-layout .txt-box,
	body.recruit #recruit-top-layout .pic-l-layout .txt-box { width:100%; margin-top:32px; }
	body.recruit #recruit-top-layout #job-sec .pic-l-layout .txt-box { width:100%; }
	body.recruit #recruit-top-layout .sec-txt { font-size:16px; margin-top:28px; }
	body.recruit #recruit-top-layout .pic-r-layout .txt-box { margin-right:0; }
	body.recruit #recruit-top-layout .pic-l-layout .txt-box { margin-left:0; }
	body.recruit #recruit-top-layout .pic-r-layout .pic2 { position:initial; width:30%; }
	body.recruit #recruit-top-layout .pic-l-layout .pic2 { position:initial; width:40%; }
	body.recruit #recruit-top-layout .pic-r-layout .pic3 { position:initial; width:65%; }
	body.recruit #recruit-top-layout .pic-l-layout .pic3 { position:initial; width:55%; }
	body.recruit #recruit-top-layout .pic-r-layout .pic-box,
	body.recruit #recruit-top-layout .pic-l-layout .pic-box { display:flex; justify-content:space-between; align-items:flex-start; margin-top:56px; }
	body.recruit #recruit-top-layout #outline-sec { padding-top:58px; }
	body.recruit #recruit-top-layout #outline-sec .box { display:block; }
	body.recruit #recruit-top-layout #outline-sec .txt-box { font-size:16px; margin-bottom:20px; }
	body.recruit #recruit-top-layout #outline-sec .btn-wrap { width:100%; font-size:16px; }
}






/* =================== */
/*       body.faq       */
/* =================== */
body.faq .main-cont-box { margin-bottom:8rem; }
body.faq .main-cont-box .qa-box {
	padding:3.2rem 8.1rem;
	border-radius:1.2rem;
	background:#fff;
	margin-bottom:5.6rem;
}
body.faq .main-cont-box .qa-box .click {
	position:relative;;
	display:flex;
	justify-content:space-between;
	align-items:center;
	cursor:pointer;
}
body.faq .main-cont-box .qa-box .click h2 {
	font-size:2rem;
	line-height:1.35;
	color:#23211F;
	font-weight:700;
	padding-left:1.8rem;
	border-left:.4rem solid #C0C07C;
	width:calc(100% - 5rem);
}
body.faq .main-cont-box .qa-box .click .arrow {
  display:inline-block;
  width:3.2rem;
  height:3.2rem;
  border:.1rem solid #1A1816;
  border-radius:100vmax;
  overflow:hidden;
  position:relative;
}
body.faq .main-cont-box .qa-box .click .arrow::before,
body.faq .main-cont-box .qa-box .click .arrow::after {
  content:"";
  position:absolute;
  top:calc(50% - .05rem);
  left:initial;
  width:.5rem;
  height:.15rem;
  background:#1A1816;
  width:1rem;
	right:calc(50% - .5rem);
	transition:0.5s ease all;
}
body.faq .main-cont-box .qa-box .click .arrow::before { transform:rotate(0deg); }
body.faq .main-cont-box .qa-box .click .arrow::after { transform:rotate(90deg); }
body.faq .main-cont-box .qa-box .click.open .arrow::before { transform:rotate(0deg); }
body.faq .main-cont-box .qa-box .click.open .arrow::after { transform:rotate(180deg); }
body.faq .main-cont-box .qa-box .txt-box {
	padding-left:8.1rem;
	margin-top:3.2rem;
	display:none;
}
body.faq .main-cont-box .qa-box .txt-box .txt {
	font-size:1.2rem;
	line-height:1.8;
	color:#716D67;
	font-weight:700;
	margin-bottom:1.2rem;
}
body.faq .main-cont-box .qa-box .txt-box .line-btn-design { margin-top:3.2rem; }

@media screen and (max-width: 750px) {
	body.faq .main-cont-box .qa-box { padding:32px 25px; margin-bottom:32px; border-radius:10px; }
	body.faq .main-cont-box .qa-box .txt-box { padding-left:0; }
	body.faq .main-cont-box .qa-box .click h2 { font-size:18px; }
	body.faq .main-cont-box .qa-box .txt-box .txt { font-size:16px; }
}






/* =================== */
/*       body.benefits       */
/* =================== */
body.benefits .main-cont-box h2 { margin-bottom:4rem; }
body.benefits .main-cont-box h2 img {
	width:16.775rem;
	display:block;
	margin-bottom:1.2rem;
}
body.benefits .main-cont-box h2 span {
	font-size:3rem;
	color:#716D67;
	font-weight:700;
	display:block;
}
body.benefits .main-cont-box article { margin-bottom:5.6rem; }
body.benefits .main-cont-box article .ttl-box { justify-content:flex-start; }
body.benefits .main-cont-box article .ttl-box .icon {
	width:5.6rem;
	margin-right:1rem;
}
body.benefits .main-cont-box article .ttl-box h3 {
	font-size:2rem;
	font-weight:700;
	color:#716D67;
}
body.benefits .main-cont-box article .point-list {
	margin-top:1.2rem;
	align-items:initial;
	justify-content:flex-start;
	flex-wrap:wrap;
}
body.benefits .main-cont-box .point-list li {
	width:calc((100% - 4.8rem) / 3);
	border-radius:1.2rem;
	background:#fff;
	padding:3rem 0 4rem;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-right:2.4rem;
	margin-bottom:2.4rem;
}
body.benefits .main-cont-box .point-list li:nth-child(3n) { margin-right:0; }
body.benefits .main-cont-box .point-list li .mini-txt {
	font-size:1.2rem;
	line-height:1.8;
	color:#716D67;
	margin-bottom:.3rem;
}
body.benefits .main-cont-box .point-list li .txt {
	font-size:2.4rem;
	line-height:1.35;
	font-weight:700;
}
body.benefits .main-cont-box #point1 .point-list li .txt,
body.benefits .main-cont-box #point3 .point-list li .txt { color:#C0C07C; }
body.benefits .main-cont-box #point2 .point-list li .txt,
body.benefits .main-cont-box #point4 .point-list li .txt { color:#7DC0B4; }
body.benefits .main-cont-box .point-list li .txt .fs40 { font-size:2rem; }
body.benefits .main-cont-box .point-list li .txt .fs36 { font-size:1.8rem; }
body.benefits .main-cont-box .point-list li .txt .fs80 { font-size:4rem; }
body.benefits .main-cont-box .point-list li .att {
	font-size:1rem;
	line-height:1.8;
	color:#716D67;
	margin-top:.8rem;
}
body.benefits .main-cont-box .bnr { margin-bottom:8rem; }
body.benefits .main-cont-box .bnr img { border-radius:1.2rem; }
body.benefits .main-cont-box .bnr a:hover { opacity:.8; }

@media screen and (max-width: 750px) {
	body.benefits .main-cont-box .bnr { overflow:hidden; border-radius:10px; }
	body.benefits .main-cont-box .bnr img { border-radius:0; width:150%; max-width:inherit; margin:0 -25%; }
	body.benefits .main-cont-box h2 img { width:190px; margin-bottom:8px; }
	body.benefits .main-cont-box h2 span { font-size:24px; }
	body.benefits .main-cont-box .point-list li { width:100%; margin-right:0; border-radius:10px; }
	body.benefits .main-cont-box .point-list li .mini-txt { font-size:16px; }
	body.benefits .main-cont-box .point-list li .txt { font-size:26px; }
	body.benefits .main-cont-box .point-list li .att { font-size:14px; }
}






/* =================== */
/*       body.about       */
/* =================== */
body.about .main-cont-box .ttl-box {
	align-items:flex-start;
	margin-bottom:5.6rem;
}
body.about .main-cont-box .ttl-box h2 {
	font-size:2.6rem;
	font-weight:700;
	color:#716D67;
	line-height:1.35;
}
body.about .main-cont-box .ttl-box .txt-box {
	width:39.7rem;
	font-size:1.4rem;
	line-height:1.8;
	color:#716D67;
}
body.about .main-cont-box .ttl-box .txt-box p { margin-bottom:.8rem; }
body.about .main-cont-box #art1 .fig {
	width:63.825rem;
	margin:0 auto;
}
body.about .main-cont-box #art1 .fig-txt {
	font-size:2.6rem;
	color:#C0C07C;
	font-weight:700;
	text-align:center;
	margin-top:3rem;
}
body.about .main-cont-box #art2 { margin:14.4rem auto 8rem; }
body.about .main-cont-box #art2 li {
	background:#EDEDCF;
	padding:2.4rem 2.4rem 2.4rem 3.8rem;
	position:relative;
	display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:1.2rem;
  margin-bottom:1.6rem;
}
body.about .main-cont-box #art2 li .txt-wrap {
	width:28rem;
	display:flex;
}
body.about .main-cont-box #art2 li h3 {
	font-size:2.6rem;
	font-weight:700;
	color:#716D67;
	margin-bottom:2rem;
}
body.about .main-cont-box #art2 li h3 span { font-size:4.4rem; }
body.about .main-cont-box #art2 li .num {
	font-size:3rem;
	font-weight:700;
	color:#C0C07C;
	width:5rem;
}
body.about .main-cont-box #art2 li .txt-box { width:calc(100% - 5rem); }
body.about .main-cont-box #art2 li .txt {
	font-size:1.4rem;
	line-height:1.8;
	color:#716D67;
}
body.about .main-cont-box #art2 li .fig {
	width:calc(100% - 28rem - 9.3rem);
	background:#fff;
	border-radius:1.2rem;
}

@media screen and (max-width: 750px) {
	body.about .main-cont-box .ttl-box { display:block; margin-bottom:40px; }
	body.about .main-cont-box .ttl-box .txt-box { width:100%; font-size:16px; margin-top:25px; }
	body.about .main-cont-box #art1 .fig { width:100%; }
	body.about .main-cont-box #art1 .fig-txt { font-size:22px; line-height:1.5; margin-top:20px; }
	body.about .main-cont-box #art2 { margin-top:80px; }
	body.about .main-cont-box #art2 li { display:block; padding:2.4rem 2.4rem 2.4rem 2.8rem; border-radius:10px; }
	body.about .main-cont-box #art2 li .txt-wrap { width:100%; }
	body.about .main-cont-box #art2 li .txt { font-size:16px; }
	body.about .main-cont-box #art2 li .num { width:40px; }
	body.about .main-cont-box #art2 li .txt-box { width:calc(100% - 40px); }
	body.about .main-cont-box #art2 li .fig { width:100%; border-radius:10px; margin-top:20px; }
}






/* =================== */
/*       body.training       */
/* =================== */
body.training .main-cont-box h2 { color:#716D67; }
body.training .main-cont-box h2 .size1 {
	display:block;
	font-size:1.4rem;
	line-height:1.8;
	font-weight:500;
}
body.training .main-cont-box h2 .size2 {
	display:block;
	font-size:3rem;
	font-weight:700;
}
body.training .main-cont-box #art1 .fig-box { margin-top:6rem; }
body.training .main-cont-box #art2 { margin-top:12rem; }
body.training .main-cont-box #art2 ul {
	margin-top:3.2rem;
	align-items:initial;
}
body.training .main-cont-box #art2 li {
	padding:2rem 2.4rem 2.4rem;
	border-radius:1.2rem;
	width:calc((100% - 3.2rem) / 2);
}
body.training .main-cont-box #art2 li.box1 { background:#EDEDCF; }
body.training .main-cont-box #art2 li.box2 { background:#C4E9E3; }
body.training .main-cont-box #art2 li h3 {
	font-size:2rem;
	font-weight:700;
	margin-bottom:1.9rem;
}
body.training .main-cont-box #art2 li.box1 h3 { color:#C0C07C; }
body.training .main-cont-box #art2 li.box2 h3 { color:#7DC0B4; }
body.training .main-cont-box #art2 li .pic { margin-bottom:2rem; }
body.training .main-cont-box #art2 li .pic img { border-radius:1.2rem; }
body.training .main-cont-box #art2 li .num {
	font-size:1.2rem;
	color:#716D67;
	padding:.5rem 1.1rem .65rem;
	border-radius:100vmax;
	display:inline-block;
	margin:2rem 0 1rem;
	border:1px solid #716D67;
}
body.training .main-cont-box #art2 li .txt {
	font-size:1.2rem;
	line-height:1.6;
	color:#716D67;
	margin-bottom:.8rem;
}
body.training .main-cont-box #art3 { margin:8rem auto; }
body.training .main-cont-box #art3 .txt {
	font-size:1.4rem;
	line-height:1.8;
	margin-top:2rem;
	color:#716D67;
}
body.training .main-cont-box #art3 .fig { margin-top:-7.5rem; }

@media screen and (max-width: 750px) {
	body.training .main-cont-box h2 .size1 { font-size:16px; }
	body.training .main-cont-box h2 .size2 { font-size:24px; }
	body.training .main-cont-box #art1 .fig-box { margin-top:24px; overflow-x:auto; overflow-y:hidden; }
	body.training .main-cont-box #art1 .fig-box .fig { width:988px; }
	body.training .main-cont-box #art2 { margin-top:60px; }
	body.training .main-cont-box #art2 ul { display:block; margin-top:24px; }
	body.training .main-cont-box #art2 li { width:100%; margin-bottom:24px; padding:2rem 2.4rem 1.6rem; border-radius:10px; }
	body.training .main-cont-box #art2 li .num { font-size:16px; }
	body.training .main-cont-box #art2 li .txt { font-size:16px; }
	body.training .main-cont-box #art2 li .pic img { border-radius:10px; }
	body.training .main-cont-box #art3 .txt { font-size:16px; }
	body.training .main-cont-box #art3 .fig { margin-top:0; }
}






/* =================== */
/*       body.our-work       */
/* =================== */
body.our-work #page-cont-box .main-cont-box { margin-top:0; }
body.our-work .main-cont-box article {
	padding:5.6rem 8.1rem 8rem;
	border-radius:1.2rem;
}
body.our-work .main-cont-box #art1 { background:#EDEDCF; }
body.our-work .main-cont-box #art2 { background:#C4E9E3; margin:8rem auto; }
body.our-work .main-cont-box article h2 {
	font-size:4rem;
	font-weight:700;
	margin-bottom:5.6rem;
	margin-left:-1.5rem;
}
body.our-work .main-cont-box #art1 h2 { color:#C0C07C; }
body.our-work .main-cont-box #art2 h2 { color:#7DC0B4; }
body.our-work .main-cont-box article h3.type1 {
	font-size:2.6rem;
	font-weight:700;
	color:#716D67;
	margin-bottom:4.4rem;
}
body.our-work .main-cont-box article ol {
	flex-wrap:wrap;
	align-items:flex-start;
}
body.our-work .main-cont-box article ol li {
	width:calc((100% - 2.4rem) / 2);
	margin-bottom:5.6rem;
}
body.our-work .main-cont-box ol li .pic-box { position:relative; }
body.our-work .main-cont-box ol li .pic-box .pic img { border-radius:1.2rem; }
body.our-work .main-cont-box ol li .pic-box .num {
	font-size:4.4rem;
	font-weight:700;
	position:absolute;
	left:-1.25rem;
	top:-1.25rem;
}
body.our-work .main-cont-box #art1 ol li .pic-box .num { color:#C0C07C; }
body.our-work .main-cont-box #art2 ol li .pic-box .num { color:#7DC0B4; }
body.our-work .main-cont-box article ol li .ttl {
	font-size:1.4rem;
	line-height:1.35;
	color:#716D67;
	margin:1.4rem 0 .6rem;
	font-weight:700;
}
body.our-work .main-cont-box article ol li .txt {
	font-size:1.2rem;
	line-height:1.8;
	color:#716D67;
}
body.our-work .main-cont-box article .wht-box {
	margin-top:2.4rem;
	background:#fff;
	padding:4.4rem 3.2rem 3.6rem;
	border-radius:1.2rem;
}
body.our-work .main-cont-box article h3.type2 {
	color:#23211F;
	font-size:2.6rem;
	font-weight:700;
	text-align:center;
	margin-bottom:2.4rem;
}
body.our-work .main-cont-box article h3.type2 span { padding:0 .7rem .2rem; }
body.our-work .main-cont-box #art1 h3.type2 span { background:#C0C07C; }
body.our-work .main-cont-box #art2 h3.type2 span { background:#7DC0B4; }
body.our-work .main-cont-box article ul {
	width:40rem;
	margin:0 auto;
}
body.our-work .main-cont-box article ul li {
	display:flex;
	align-items:center;
	font-size:1.6rem;
	font-weight:700;
	line-height:1.8;
	color:#716D67;
	margin-bottom:.8rem;
}
body.our-work .main-cont-box article ul li::before {
	content:"";
	width:1.8rem;
	height:1.9rem;
	margin-right:.8rem;
	display:block;
}
body.our-work .main-cont-box #art1 ul li::before {
	background:url(../img/recruit/our-work/icon1.svg) no-repeat;
	background-size:contain;
}
body.our-work .main-cont-box #art2 ul li::before {
	background:url(../img/recruit/our-work/icon2.svg) no-repeat;
	background-size:contain;
}

@media screen and (max-width: 750px) {
	body.our-work .main-cont-box article { padding:32px; border-radius:10px; }
	body.our-work .main-cont-box article h2 { font-size:30px; margin-bottom:30px; }
	body.our-work .main-cont-box article h3.type1 { font-size:24px; }
	body.our-work .main-cont-box article ol { display:block; }
	body.our-work .main-cont-box article ol li { width:100%; margin-bottom:40px; }
	body.our-work .main-cont-box ol li .pic-box .pic img { border-radius:10px; }
	body.our-work .main-cont-box article ol li .ttl { font-size:18px; }
	body.our-work .main-cont-box article .wht-box { padding:24px; }
	body.our-work .main-cont-box article h3.type2 { font-size:24px; line-height:1.5; margin-bottom:20px; }
	body.our-work .main-cont-box article ol li .txt { font-size:14px; }
	body.our-work .main-cont-box article ul { width:100%; }
	body.our-work .main-cont-box article ul li { line-height:1.6; font-size:16px; }
	body.our-work .main-cont-box article ul li p { width:calc(100% - 26px) ; }
	body.our-work .main-cont-box #art2 { margin-top:60px; }
}






/* =================== */
/*       body.interview.depth-2       */
/* =================== */
body.interview.depth-2 .main-cont-box ul {
	flex-wrap:wrap;
	align-items:initial;
	margin-bottom:5rem;
}
body.interview.depth-2 .main-cont-box ul li {
	width:calc((100% - 6.4rem) / 3);
	margin-bottom:3.2rem;
	border-radius:1.2rem;
	background:linear-gradient(180deg, #FFF 0%, #EDEDCF 35%);
	position:relative;
}
body.interview.depth-2 .main-cont-box ul li a:hover { opacity:.8; }
body.interview.depth-2 .main-cont-box ul li .pic { margin-top:-2rem; }
body.interview.depth-2 .main-cont-box ul li:first-child .pic { margin-top:-3rem; }
body.interview.depth-2 .main-cont-box ul li .num {
	font-size:1rem;
	text-align:right;
	color:#B2ADA5;
	padding:.8rem 1.2rem 0;
	vertical-align:middle;
}
body.interview.depth-2 .main-cont-box ul li .num span {
	font-size:2.4rem;
	font-weight:700;
	color:#C0C07C;
	vertical-align:middle;
	margin-left:.5rem;
}
body.interview.depth-2 .main-cont-box ul li .txt-box { padding:1.4rem 1.6rem 2.4rem; }
body.interview.depth-2 .main-cont-box ul li .txt-box .txt {
	font-size:1.4rem;
	line-height:1.6;
	font-weight:700;
	color:#716D67;
	text-indent:-1em;
	padding-left:1em;
}
body.interview.depth-2 .main-cont-box ul li .txt-box .name-box {
	display:flex;
	align-items:center;
	margin-bottom:1rem;
}
body.interview.depth-2 .main-cont-box ul li .txt-box .name-box .position {
	font-size:1rem;
	color:#716D67;
	padding:.4rem .7rem .55rem;
	border:1px solid #716D67;
	border-radius:100vmax;
}
body.interview.depth-2 .main-cont-box ul li .txt-box .name-box .name {
	font-size:1.6rem;
	color:#716D67;
	font-weight:700;
	margin:0 .3rem 0 .7rem;
}
body.interview.depth-2 .main-cont-box ul li .txt-box .name-box .year {
	font-size:1rem;
	color:#716D67;
}

@media screen and (max-width: 750px) {
	body.interview.depth-2 .main-cont-box ul { display:block; margin-bottom:80px; }
	body.interview.depth-2 .main-cont-box ul li { width:100%; }
	body.interview.depth-2 .main-cont-box ul li .num { font-size:16px; padding:14px; }
	body.interview.depth-2 .main-cont-box ul li .num span { font-size:28px; }
	body.interview.depth-2 .main-cont-box ul li .pic { margin-top:-30px; }
	body.interview.depth-2 .main-cont-box ul li:first-child .pic { margin-top:-40px; }
	body.interview.depth-2 .main-cont-box ul li .txt-box .name-box .position { font-size:16px; }
	body.interview.depth-2 .main-cont-box ul li .txt-box .name-box .name { font-size:22px; margin:0 5px 0 10px; }
	body.interview.depth-2 .main-cont-box ul li .txt-box .name-box .year { font-size:16px; }
	body.interview.depth-2 .main-cont-box ul li .txt-box .txt { font-size:20px; }
}






/* =================== */
/*       body.interview.depth-3       */
/* =================== */
body.interview.depth-3 #page-cont-box .main-cont-box { margin-top:0; }
body.interview .interview-layout {
	background:linear-gradient(180deg, #EDEDCF 0%, #F4F3EF 20%);
  padding-top:7.2rem;
}
body.interview .interview-layout .layout-inner {
	width:63.6rem;
	margin:0 auto;
}
body.interview .interview-layout .mv-box .layout-inner { position:relative; }
body.interview .interview-layout .mv-box .mv {
	border-radius:1.2rem;
	overflow:hidden;
}
body.interview .interview-layout .mv-box h1 {
	border-radius:1.2rem;
	background:#fff;
	padding:2rem 2.8rem 2rem calc(2.8rem + .6em);
	color:#716D67;
	text-indent:-.6em;
	position:absolute;
	top:8.4rem;
	left:3.2rem;
	font-size:2rem;
	line-height:1.6;
}
body.interview .interview-layout .mv-box h1::before {
	content:"『";
	display:inline-block;
	margin-right:.2em;
}
body.interview .interview-layout .mv-box h1::after {
	content:"』";
	margin-left:.2em;
}
body.interview .interview-layout .mv-box .num {
	font-size:1.6rem;
	color:#fff;
	vertical-align:middle;
	position:absolute;
	top:2.4rem;
	right:-1rem;
}
body.interview .interview-layout .mv-box .num span {
	font-size:5.6rem;
	color:#C0C07C;
	font-weight:700;
	margin-left:.6rem;
	display:inline-block;
	vertical-align:middle;
}
body.interview .interview-layout .detail-box { margin-bottom:4rem; }
body.interview .interview-layout .detail-box .layout-inner {
	padding-left:8.1rem;
	padding-top:3.2rem;
	align-items:flex-start;
}
body.interview .interview-layout .detail-box .position {
	font-size:1.4rem;
	line-height:1.35;
	color:#716D67;
	padding:.5rem 1.1rem .55rem;
	border:1px solid #716D67;
	border-radius:100vmax;
	display:inline-block;
}
body.interview .interview-layout .detail-box .name-box {
	margin-top:1rem;
	justify-content:flex-start;
}
body.interview .interview-layout .detail-box .name-box .name {
	font-size:2.4rem;
	color:#716D67;
	font-weight:700;
}
body.interview .interview-layout .detail-box .name-box .year {
	font-size:1.1rem;
	margin-left:1rem;
	color:#716D67;
}
body.interview .interview-layout .detail-box .txt-box {
	width:31.2rem;
	font-size:1.4rem;
	line-height:1.8;
	color:#716D67;
}
body.interview .interview-layout .detail-box .txt-box .txt { margin-bottom:1.6rem; }
body.interview .interview-layout h2 { margin-bottom:6.4rem; }
body.interview .interview-layout h2 .en-font {
	font-size:1.4rem;
	color:#B2ADA5;
	font-weight:500;
	margin-bottom:.8rem;
	display:block;
}
body.interview .interview-layout h2 .jp {
	font-size:3rem;
	font-weight:700;
	color:#716D67;
	display:inline-block;
}
body.interview .interview-layout h2 .jp::after {
	content:"";
	width:100%;
	height:.7rem;
	background:url(../img/recruit/interview/line.svg) repeat-x;
	background-size:auto 100%;
	display:block;
	margin-top:.5rem;
}
body.interview .interview-layout .qa-wrap {
	background:#fff;
	padding:8rem 0 12rem;
}
body.interview .interview-layout .qa-wrap .line { margin-bottom:4rem; }
body.interview .interview-layout .qa-wrap dt {
	padding:1.2rem 2rem  1.3rem;
	background:#F4F3EF;
	border-radius:.8rem .8rem .8rem 1.2rem;
	font-size:1.2rem;
	font-weight:700;
	color:#716D67;
	display:inline-block;
}
body.interview .interview-layout .qa-wrap dt::before {
	content:"Q.";
	font-family:"Inter", sans-serif;
	font-size:2rem;
	font-weight:600;
	color:#B2ADA5;
	margin-right:.5rem;
	display:inline-block;
	vertical-align:text-bottom;
}
body.interview .interview-layout .qa-wrap dt span { display:inline-block; }
body.interview .interview-layout .qa-wrap dd {
	background:#EDEDCF;
	padding:1.6rem 2.4rem 1.8rem;
	border-radius:.8rem .8rem 1.2rem .8rem;
	font-size:1.4rem;
	font-weight:700;
	color:#716D67;
	line-height:1.6;
	width:55.5rem;
	margin-left:calc(100% - 55.5rem);
	margin-top:1.2rem;
	display:flex;
	align-items:baseline;
}
body.interview .interview-layout .qa-wrap dd .txt { margin-bottom:.8rem }
body.interview .interview-layout .qa-wrap dd::before {
	content:"A.";
	font-family:"Inter", sans-serif;
	font-size:2rem;
	font-weight:600;
	color:#C0C07C;
	margin-right:.5rem;
}
body.interview .interview-layout .qa-wrap .pic {
	width:47.4rem;
	border-radius:1.2rem;
	overflow:hidden;
	margin:8rem auto 0;
}
body.interview .interview-layout .day-wrap {
	background:#F4F3EF;
	padding:8rem 0;
}
body.interview .interview-layout .day-wrap .layout-inner { align-items:flex-start; }
body.interview .interview-layout .day-wrap ul {
	width:calc(100% - 23.1rem - 1.2rem);
	position:relative;
}
body.interview .interview-layout .day-wrap ul::before {
	content:"";
	width:.4rem;
	height:83%;
	background:#DFDBD4;
	position:absolute;
	left:1rem;
	top:3rem;
	display:block;
}
body.interview .interview-layout .day-wrap li {
	display:flex;
	align-items:center;
	position:relative;
	height:8rem;
}
body.interview .interview-layout .day-wrap li::before {
	content:"";
	width:2.4rem;
	height:2.4rem;
	background:#DFDBD4;
	border-radius:100vmax;
	margin-right:2.4rem;
	display:block;
}
body.interview .interview-layout .day-wrap li .time {
	font-size:1.2rem;
	font-weight:700;
	color:#716D67;
}
body.interview .interview-layout .day-wrap li .txt {
	font-size:1.8rem;
	font-weight:700;
	margin-left:1.2rem;
	margin-right:3.5rem;
	color:#716D67;
}

body.interview.people-a .interview-layout .day-wrap li .icon,
body.interview.people-c .interview-layout .day-wrap li .icon,
body.interview.people-d .interview-layout .day-wrap li .icon { margin-right:-4rem; }
body.interview.people-a .interview-layout .day-wrap li.list1 .icon img,
body.interview.people-c .interview-layout .day-wrap li.list1 .icon img,
body.interview.people-d .interview-layout .day-wrap li.list1 .icon img { width:7.15rem; }
body.interview.people-a .interview-layout .day-wrap li.list2 .icon img,
body.interview.people-c .interview-layout .day-wrap li.list2 .icon img { width:8.225rem; }
body.interview.people-a .interview-layout .day-wrap li.list3 .icon img,
body.interview.people-c .interview-layout .day-wrap li.list3 .icon img,
body.interview.people-d .interview-layout .day-wrap li.list3 .icon img { width:6.4rem; }
body.interview.people-a .interview-layout .day-wrap li.list4 .icon img,
body.interview.people-c .interview-layout .day-wrap li.list4 .icon img,
body.interview.people-d .interview-layout .day-wrap li.list4 .icon img { width:7.7rem; }
body.interview.people-a .interview-layout .day-wrap li.list5 .icon img,
body.interview.people-c .interview-layout .day-wrap li.list5 .icon img,
body.interview.people-d .interview-layout .day-wrap li.list5 .icon img,
body.interview.people-d .interview-layout .day-wrap li.list2 .icon img { width:6.1rem; }

body.interview.people-b .interview-layout .day-wrap li.list1 .icon img { width:6.45rem; }
body.interview.people-b .interview-layout .day-wrap li.list2 .icon img { width:6.1rem; }
body.interview.people-b .interview-layout .day-wrap li.list3 .icon img { width:6.4rem; }
body.interview.people-b .interview-layout .day-wrap li.list4 .icon img { width:7.125rem; }
body.interview.people-b .interview-layout .day-wrap li.list5 .icon img { width:6.45rem; }

body.interview.people-c .interview-layout .mv-box h1 { top:inherit; left:inherit; bottom:8.4rem; right:3.2rem; }

body.interview.people-e .interview-layout .mv-box h1 { top:inherit; left:inherit; bottom:8.4rem; right:3.2rem; }
body.interview.people-e .interview-layout .day-wrap li.list1 .icon img { width:6.45rem; }
body.interview.people-e .interview-layout .day-wrap li.list2 .icon img { width:6.1rem; }
body.interview.people-e .interview-layout .day-wrap li.list3 .icon img { width:6.4rem; }
body.interview.people-e .interview-layout .day-wrap li.list4 .icon img { width:7.125rem; }
body.interview.people-e .interview-layout .day-wrap li.list5 .icon img { width:6.45rem; }

body.interview.people-f .interview-layout .mv-box h1 { top:inherit; left:inherit; bottom:8.4rem; right:3.2rem; }
body.interview.people-f .interview-layout .day-wrap li.list1 .icon img { width:6.45rem; }
body.interview.people-f .interview-layout .day-wrap li.list2 .icon img { width:6.1rem; }
body.interview.people-f .interview-layout .day-wrap li.list3 .icon img { width:6.4rem; }
body.interview.people-f .interview-layout .day-wrap li.list4 .icon img { width:7.125rem; }
body.interview.people-f .interview-layout .day-wrap li.list5 .icon img { width:6.45rem; }

body.interview .interview-layout .other-box {
	padding:10.8rem 0 8rem;
	background:#fff;
}
body.interview .interview-layout .other-box h2 { margin-bottom:3.2rem; }
body.interview .interview-layout .other-box .line-btn-design { text-align:left; margin-bottom:3.2rem; }
body.recruit .people-slider {
	padding-left:calc((100% - 63.6rem) / 2);
	position:relative;
}
body.recruit .people-slider .swiper-wrapper { margin-right:-6rem; }
body.recruit .people-slider .swiper-slide { padding-right:6rem; }
body.recruit .people-slider .swiper-slide a {
	display:flex;
	align-items:center;
	border-radius:1.2rem;
	overflow:hidden;
	background:linear-gradient(270deg, #FFF 0%, #EDEDCF 80%);
	position:relative;
	height:24rem;
}
body.recruit .people-slider .swiper-slide a:hover { opacity:.8; }
body.recruit .people-slider .swiper-slide a .thumb { width:23.1rem; }
body.recruit .people-slider .swiper-slide a .txt-box {
	width:calc(100% - 23.1rem);
	padding-right:2.4rem;
}
body.recruit .people-slider .swiper-slide a .txt-box .num {
	font-size:1rem;
	color:#B2ADA5;
	vertical-align:middle;
	position:absolute;
	top:1.2rem;
	right:2.4rem;
}
body.recruit .people-slider .swiper-slide a .txt-box .num span {
	font-size:3rem;
	color:#C0C07C;
	font-weight:700;
	margin-left:.6rem;
	display:inline-block;
	vertical-align:middle;
}
body.recruit .people-slider .swiper-slide a .txt-box .copy {
	font-size:1.5rem;
	line-height:1.6;
	font-weight:700;
	color:#716D67;
	margin-bottom:2rem;
	text-indent:-1em;
}
body.recruit .people-slider .swiper-slide a .txt-box .name-box {
	display:flex;
	align-items:center;
}
body.recruit .people-slider .swiper-slide a .txt-box .name-box .position {
	font-size:1rem;
	line-height:1.35;
	color:#716D67;
	padding:.4rem .7rem .55rem;
	border:1px solid #716D67;
	border-radius:100vmax;
	display:inline-block;
}
body.recruit .people-slider .swiper-slide a .txt-box .name-box .name {
	font-size:1.6rem;
	font-weight:700;
	color:#716D67;
	margin:0 .6rem 0 1.4rem;
}
body.recruit .people-slider .swiper-slide a .txt-box .name-box .year {
	font-size:1rem;
	font-weight:500;
	color:#716D67;
}
body.recruit .people-slider .button-box {
	width:10rem;
	position:absolute;
	top:-5.5rem;
	right:8.1rem;
}
body.recruit .people-slider .button-box .swiper-button-prev,
body.recruit .people-slider .button-box .swiper-button-next {
	background:#716D67;
	border-radius:100vmax;
	color:#fff;
	width:4rem;
	height:4rem;
	font-family:"Noto Sans JP", sans-serif;
	transition:0.5s ease all;
}
body.recruit .people-slider .button-box .swiper-button-prev { left:0; }
body.recruit .people-slider .button-box .swiper-button-next { right:0; }
body.recruit .people-slider .button-box .swiper-button-next:after { content:"→"; font-size:2rem; }
body.recruit .people-slider .button-box .swiper-button-prev:after { content:"←"; font-size:2rem; }
body.recruit .people-slider .button-box .swiper-button-prev:hover,
body.recruit .people-slider .button-box .swiper-button-next:hover { opacity:.8; }

@media screen and (max-width: 750px) {
	body.interview .interview-layout .layout-inner { width:91.5%; }
	body.interview .interview-layout .mv-box .mv { border-radius:10px; }
	body.interview .interview-layout .mv-box h1 { font-size:16px; border-radius:10px; left:12px; top:inherit; bottom:12px; padding:15px 10px 15px calc(15px + 13px); }
	body.interview .interview-layout .mv-box .num { font-size:14px; top:12px; }
	body.interview .interview-layout .mv-box .num span { font-size:30px; }
	body.interview .interview-layout .detail-box { margin-bottom:60px; }
	body.interview .interview-layout .detail-box .layout-inner { padding-left:0; display:block; padding-top:24px; }
	body.interview .interview-layout .detail-box .name-wrap { display:flex; align-items:center; margin-bottom:12px; }
	body.interview .interview-layout .detail-box .name-box { margin-top:0; margin-left:10px; }
	body.interview .interview-layout .detail-box .txt-box { width:100%; font-size:16px; }
	body.interview .interview-layout .qa-wrap { padding:60px 0 80px; }
	body.interview .interview-layout h2 { margin-bottom:32px; }
	body.interview .interview-layout h2 .jp { font-size:26px; }
	body.interview .interview-layout .qa-wrap dd { width:100%; margin-left:0; font-size:16px; }
	body.interview .interview-layout .qa-wrap dt { font-size:16px; }
	body.interview .interview-layout .qa-wrap .pic { width:100%; border-radius:10px; margin-top:60px; }
	body.interview .interview-layout .day-wrap { padding:60px 0 40px; }
	body.interview .interview-layout .day-wrap .layout-inner { display:block; }
	body.interview .interview-layout .day-wrap ul { width:100%; }
	body.interview .interview-layout .day-wrap li .txt { font-size:16px; margin-right:15px; margin-left:10px; }
	body.interview .interview-layout .day-wrap li::before { margin-right:10px; }
	body.interview .interview-layout .other-box { padding:7.8rem 0 5rem; }
	body.interview .interview-layout .other-box .line-btn-design { margin-bottom:100px; }
	body.recruit .people-slider { padding-left:calc((100% - 91.5%) / 2); }
	body.recruit .people-slider .button-box { right:calc((100% - 91.5%) / 2); top:-40px; }
	body.recruit .people-slider .swiper-slide { padding-right:40px; }
	body.recruit .people-slider .swiper-slide a { display:block; height:auto; }
	body.recruit .people-slider .swiper-slide a .thumb { width:100%; }
	body.recruit .people-slider .swiper-slide a .txt-box { width:100%; padding:24px; }
	body.recruit .people-slider .swiper-slide a .txt-box .num { font-size:12px; right:12px; }
	body.recruit .people-slider .swiper-slide a .txt-box .copy { font-size:16px; text-indent:-1em; padding-left:1em; }
	body.recruit .people-slider .swiper-slide a .txt-box .name-box .position { font-size:14px; }
	body.recruit .people-slider .swiper-slide a .txt-box .name-box .name { font-size:20px; }
	body.recruit .people-slider .swiper-slide a .txt-box .name-box .year { font-size:14px; }

	body.interview.people-a .interview-layout .day-wrap li .icon { margin-right:-15px; }
	body.interview.people-a .interview-layout .day-wrap li.list1 .icon img { width:5.15rem; }
	body.interview.people-a .interview-layout .day-wrap li.list2 .icon img { width:6.225rem; }
	body.interview.people-a .interview-layout .day-wrap li.list3 .icon img { width:4.4rem; }
	body.interview.people-a .interview-layout .day-wrap li.list4 .icon img { width:5.7rem; }
	body.interview.people-a .interview-layout .day-wrap li.list5 .icon img { width:4.1rem; }

	body.interview.people-b .interview-layout .day-wrap li.list1 .icon img { width:4.45rem; }
	body.interview.people-b .interview-layout .day-wrap li.list2 .icon img { width:4.1rem; }
	body.interview.people-b .interview-layout .day-wrap li.list3 .icon img { width:4.4rem; }
	body.interview.people-b .interview-layout .day-wrap li.list4 .icon img { width:5.125rem; }
	body.interview.people-b .interview-layout .day-wrap li.list5 .icon img { width:4.45rem; }

	body.interview.people-c .interview-layout .mv-box h1 { right:12px; bottom:12px; }
	body.interview.people-c .interview-layout .day-wrap li.list1 .icon img { width:3.225rem; }
	body.interview.people-c .interview-layout .day-wrap li.list2 .icon img { width:6.225rem; }
	body.interview.people-c .interview-layout .day-wrap li.list3 .icon img { width:4.4rem; }
	body.interview.people-c .interview-layout .day-wrap li.list4 .icon img { width:4.45rem; }
	body.interview.people-c .interview-layout .day-wrap li.list5 .icon img { width:4.1rem; }

	body.interview.people-d .interview-layout .day-wrap li.list1 .icon img { width:5.15rem; }
	body.interview.people-d .interview-layout .day-wrap li.list2 .icon img { width:4.1rem; }
	body.interview.people-d .interview-layout .day-wrap li.list3 .icon img { width:4.4rem; }
	body.interview.people-d .interview-layout .day-wrap li.list4 .icon img { width:6.225rem; }
	body.interview.people-d .interview-layout .day-wrap li.list5 .icon img { width:4.1rem; }

	body.interview.people-e .interview-layout .mv-box h1 { right:12px; bottom:12px; }
	body.interview.people-e .interview-layout .day-wrap li.list1 .icon img { width:4.45rem; }
	body.interview.people-e .interview-layout .day-wrap li.list2 .icon img { width:4.1rem; }
	body.interview.people-e .interview-layout .day-wrap li.list3 .icon img { width:4.4rem; }
	body.interview.people-e .interview-layout .day-wrap li.list4 .icon img { width:5.125rem; }
	body.interview.people-e .interview-layout .day-wrap li.list5 .icon img { width:4.45rem; }

	body.interview.people-f .interview-layout .mv-box h1 { right:12px; bottom:12px; }
	body.interview.people-f .interview-layout .day-wrap li.list1 .icon img { width:5.45rem; }
	body.interview.people-f .interview-layout .day-wrap li.list2 .icon img { width:5.1rem; }
	body.interview.people-f .interview-layout .day-wrap li.list3 .icon img { width:5.4rem; }
	body.interview.people-f .interview-layout .day-wrap li.list4 .icon img { width:5.125rem; }
	body.interview.people-f .interview-layout .day-wrap li.list5 .icon img { width:5.45rem; }
}






/* =================== */
/*       body.joseikatuyakusuishin       */
/* =================== */
body.joseikatuyakusuishin .page-title-layout .jp { width:12em; }

@media screen and (max-width: 750px) {
	body.joseikatuyakusuishin .page-title-layout { height:290px; }
}






/* =================== */
/*       body.kodokeikaku       */
/* =================== */
body.kodokeikaku #others-page-layout .r-box p.bld { margin-bottom:1.6rem; }
body.kodokeikaku #others-page-layout .r-box h4 { margin-top:4rem; }
body.kodokeikaku #others-page-layout .r-box h3.mt { margin-top:8rem; }

@media screen and (max-width: 750px) {
	body.kodokeikaku .page-title-layout { height:290px; }
}






/* =================== */
/*       body.fcontact       */
/* =================== */
body.fcontact .form-layout .form-box .line {
  display:flex;
  align-items:flex-start;
  padding:2.4rem 1.2rem;
  border-top:1px solid #716D67;
  border-bottom:0;
  line-height:1.35;
}
body.fcontact .form-layout .form-box .line:last-child { border-bottom:1px solid #716D67; }
body.fcontact .form-layout .form-box .line dt {
  width:calc(100% - 35.7rem - 1.2rem);
  font-size:1.4rem;
  font-weight:700;
  padding-top:1.2rem;
}
body.fcontact .form-layout .form-box dt p { display:flex; align-items:flex-start; }
body.fcontact .form-layout .form-box dt .req {
  border-radius:.2rem;
  background:#BF4040;
  color:#fff;
  font-weight:bold;
  font-size:.9rem;
  padding:.1rem .4rem .2rem;
  display:block;
  width:2.85rem;
  text-align:center;
  margin-left:.3rem;
}
body.fcontact .form-layout .form-box dt .item-ttl { margin-top:-.3rem; }
body.fcontact .form-layout .form-box .line dd { width:35.7rem; }
body.fcontact .form-layout .form-box dd input,
body.fcontact .form-layout .form-box dd textarea,
body.fcontact .form-layout .form-box dd div p {
  width:100%;
  background:#DFDBD4;
  padding:1.2rem;
  box-sizing:border-box;
  line-height:1.5;
  border-radius:.4rem;
  font-size:1.4rem;
  font-weight:700;
  border:0;
}
body.fcontact .form-layout .form-box dd div p { background:none; }
body.fcontact .form-layout .form-box dd textarea { height:5em; }
body.fcontact .form-layout .form-box .wpcf7-list-item { display:inline-block; margin-left:0; margin-bottom:1rem; margin-right:3rem; }
body.fcontact .form-layout .form-box .wpcf7-list-item:last-child { margin-bottom:0; }
body.fcontact .form-layout .form-box .wpcf7-list-item label {
  position:relative;
  cursor:pointer;
}
body.fcontact .form-layout .form-box .wpcf7-list-item-label { position:relative; }
body.fcontact .form-layout .form-box .wpcf7-list-item-label::before,
body.fcontact .form-layout .form-box .wpcf7-list-item-label::after {
  content:"";
  display:block;
  border-radius:0;
  position:absolute;
  transform:translateY(-50%);
  top:50%;
}
body.fcontact .form-layout .form-box .wpcf7-list-item-label::before {
  border:1.5px solid #000;
  border-radius:.25rem;
  width:1.4rem;
  height:1.4rem;
  left:0;
}
body.fcontact .form-layout .form-box .wpcf7-list-item-label::after {
  border-left:3px solid #000;
	border-bottom:3px solid #000;
	width:1.4rem;
	height:.5rem;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:.25rem;
	top:15%;
	opacity:0;
}
body.fcontact .form-layout .form-box .wpcf7-list-item input:checked + .wpcf7-list-item-label::after { opacity:1; }
body.fcontact .form-layout .form-box input[type="checkbox"] { display:none; }
body.fcontact .form-layout .form-box .wpcf7-list-item .wpcf7-list-item-label { padding-left:2rem; }
body.fcontact .form-layout .form-box select {
  display:inline-block;
  position:relative;
  background:#DFDBD4;
  vertical-align:middle;
  border-radius:.4rem;
  padding:1.2rem;
  font-size:1.4rem;
  cursor:pointer;
  font-weight:700;
  width:100%;
}
body.fcontact .form-layout .form-box dd.select .wpcf7-form-control-wrap { position:relative; }
body.fcontact .form-layout .form-box dd.select .wpcf7-form-control-wrap::before {
  content:"";
  display: inline-block;
  vertical-align: middle;
  color: #000;
  line-height: 1;
  width:.8rem;
  height:.8rem;
  border: 0.15rem solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-5%) rotate(135deg);
  position:absolute;
  right:1.5rem;
  top:.5rem;
  z-index:1;
}
body.fcontact .form-layout .form-box .privacy-txt {
  text-align:center;
  margin:2rem auto 1.4rem;
  font-size:1rem;
  line-height:1.8;
}
body.fcontact .form-layout .form-box .privacy-txt a {
	text-decoration:underline;
	font-weight:700;
}
body.fcontact .form-layout .form-box .privacy-txt a:hover { opacity:.8; }
body.fcontact .form-layout .form-box .agree-txt {
	font-size:1.4rem;
	font-weight:700;
	text-align:center;
	padding-left:2rem;
}
body.fcontact .form-layout .form-box .submit-btn { margin-top:3.2rem; }
body.fcontact.confirm .form-layout .form-box .submit-btn p {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	width:50%;
	margin:0 auto;
}
body.fcontact .form-layout .form-box input[type="submit"] {
  width:11.7rem;
  padding:.8rem 1rem;
  display:block;
  background:#6F0B65;
  text-align:center;
  color:#fff;
  border-radius:.2rem;
  position:relative;
  font-family:"Noto Sans JP", sans-serif !important;
  transition:0.5s ease all;
  display:block;
  border:0;
  font-size:.9rem;
  font-weight:700;
  cursor:pointer;
  box-sizing:border-box;
  margin:0 auto;
}
body.fcontact.confirm .form-layout .form-box input[type="submit"] { margin:0; }
body.fcontact .form-layout .form-box input[type="submit"]:hover { opacity:.5; }
body.fcontact .form-layout .form-box input[type="button"] {
  width:11.7rem;
  padding:.8rem 1rem;
  display:block;
  border:2px solid #6F0B65;
  text-align:center;
  color:#6F0B65;
  background:none;
  border-radius:.2rem;
  position:relative;
  font-family:"Noto Sans JP", sans-serif !important;
  transition:0.5s ease all;
  display:block;
  font-size:.9rem;
  font-weight:700;
  cursor:pointer;
  margin-right:3.2rem;
  box-sizing:border-box;
}
body.fcontact .form-layout .form-box input[type="button"]:hover { opacity:.5; }
body.fcontact .form-layout .form-box .wpcf7-not-valid-tip {
	margin-top:.5rem;
	font-size:1rem;
	font-weight:700;
}
body.fcontact .form-layout .form-box .wpcf7 form.sent .wpcf7-response-output { display:none; }
body.fcontact .form-layout .form-box .wpcf7-spinner {
	display:block;
	margin:2rem auto;
}
body.fcontact .form-layout .form-box .sml-txt {
	font-size:.8rem;
	margin-top:.8rem;
}
body.fcontact .form-layout .form-box .rec-txt {
	text-align:center;
  font-size:.7rem;
  line-height:1.7;
  margin-bottom:2rem;
  margin-top:3rem;
}

body.fcontact .form-layout {
	align-items:flex-start;
	margin-top:8rem;
}
body.fcontact .form-layout > .ttl {
	font-size:2rem;
	font-weight:700;
	line-height:1.6;
	width:calc(100% - 55.5rem);
}
body.fcontact .form-layout .form-wrap { width:55.5rem; }
body.fcontact .form-layout .form-wrap .txt-box { margin-bottom:4rem; }
body.fcontact .form-layout .form-wrap .txt-box p {
	font-size:1.2rem;
	line-height:1.8;
	margin-bottom:1.2rem;
}

body.fcontact .two-box { align-items:initial; }
body.fcontact .two-box .box {
	width:calc((100% - 2.4rem) / 2);
	background:#fff;
	padding:1.6rem 2.4rem 2.8rem;
	border-radius:.8rem;
}
body.fcontact .two-box .box h2 {
	font-size:2rem;
	text-align:center;
	padding-bottom:.6rem;
	border-bottom:2px solid #DFDBD4;
	font-weight:700;
}
body.fcontact .two-box .box h2 span {
	font-size:2.6rem;
	display:block;
	margin-bottom:.5rem;
}
body.fcontact .two-box .box1 h2 span { color:#6F0B65; }
body.fcontact .two-box .box2 h2 span { color:#C0C07C; }
body.fcontact .two-box .box .txt {
	font-size:1.2rem;
	line-height:1.5;
	font-weight:700;
	text-align:center;
	margin:2rem 0;
}
body.fcontact .two-box .box1 .txt { margin-top:3rem; margin-bottom:3rem; }
body.fcontact .two-box .box .tel-box {
	border-left:1.5px solid #716D67;
	padding:.6rem 1.2rem;
	width:21rem;
	margin:0 auto;
}
body.fcontact .two-box .box .tel-box .clr-txt {
	font-size:1rem;
	font-weight:700;
	color:#716D67;
	margin-bottom:.6rem;
}
body.fcontact .two-box .box .tel-box .name {
	font-size:1.2rem;
	line-height:1.6;
	font-weight:700;
	margin-bottom:.6rem;
}
body.fcontact .two-box .box .tel-box .tel {
	font-size:1.2rem;
	font-weight:700;
}
body.fcontact .two-box .box .tel-box .tel a { font-size:1.8rem; }
body.fcontact .two-box .box .tel-box .tel a:hover { opacity:.8; }
body.fcontact .two-box .box .line-btn-design { text-align:center; }

body.fcontact.thanks #page-cont-box .txt-box {
	width:39.3rem;
	margin-bottom:8rem;
}
body.fcontact.thanks #page-cont-box .txt-box .ttl {
	font-size:2.6rem;
	color:#6F0B65;
	font-weight:700;
	margin-bottom:3.2rem;
}
body.fcontact.thanks #page-cont-box .txt-box .txt {
	font-size:1.2rem;
	line-height:1.8;
	margin-bottom:2rem;
}
body.fcontact.thanks #page-cont-box .line-btn-design { text-align:center; }


@media screen and (max-width: 750px) {
	body.fcontact .two-box { display:block; }
	body.fcontact .two-box .box { width:100%; margin-bottom:16px; }
	body.fcontact .two-box .box h2 span { font-size:22px; }
	body.fcontact .two-box .box h2 { font-size:18px; }
	body.fcontact .two-box .box .txt { font-size:16px; margin:20px 0; }
	body.fcontact .two-box .box1 .txt { margin:20px 0; }
	body.fcontact .two-box .box .tel-box { width:270px; }
	body.fcontact .two-box .box .tel-box .clr-txt { font-size:14px; }
	body.fcontact .two-box .box .tel-box .name { font-size:16px; }
	body.fcontact .two-box .box .tel-box .tel { font-size:16px; }
	body.fcontact .two-box .box .tel-box .tel a { font-size:20px; }
	body.fcontact .form-layout { display:block; }
	body.fcontact.confirm .form-layout { margin-top:0; }
	body.fcontact .form-layout > .ttl { width:100%; font-size:26px; margin-bottom:20px; }
	body.fcontact .form-layout .form-wrap { width:100%; }
	body.fcontact .form-layout .form-wrap .txt-box p { font-size:16px; }
	body.fcontact .form-layout .form-box .line { display:block; }
	body.fcontact .form-layout .form-box .line dt { width:100%; font-size:20px; padding-top:0; margin-bottom:20px; }
	body.fcontact .form-layout .form-box .line dd { width:100%; }
	body.fcontact .form-layout .form-box dd input,
	body.fcontact .form-layout .form-box dd textarea,
	body.fcontact .form-layout .form-box dd div p { font-size:18px; }
	body.fcontact .form-layout .form-box .sml-txt { font-size:14px; text-indent:-1em; padding-left:1em; }
	body.fcontact .form-layout .form-box dt .req { width:40px; font-size:14px; }
	body.fcontact .form-layout .form-box select { font-size:18px; }
	body.fcontact .form-layout .form-box .privacy-txt { font-size:14px; margin-bottom:25px; }
	body.fcontact .form-layout .form-box .agree-txt { font-size:16px; }
	body.fcontact.confirm .form-layout .form-box .submit-btn p { width:340px; }
	body.fcontact .form-layout .form-box input[type="button"],
	body.fcontact .form-layout .form-box input[type="submit"] { width:160px; padding:10px 5px; font-size:16px; }
	body.fcontact .form-layout .form-box input[type="button"] { margin-right:20px; }
	body.fcontact .form-layout .form-box .wpcf7-not-valid-tip { font-size:14px; }
	body.fcontact .form-layout .form-box .rec-txt { font-size:12px; }
	body.fcontact.thanks #page-cont-box .txt-box { width:100%; margin-bottom:50px; }
	body.fcontact.thanks #page-cont-box .txt-box .ttl { font-size:24px; }
	body.fcontact.thanks #page-cont-box .txt-box .txt { font-size:16px; }
}







/* =================== */
/*       body.entry       */
/* =================== */
body.recruit.entry #page-cont-box { margin-bottom:7rem; }
body.recruit.entry #recruit-lower-title-layout {
	background:url(../img/recruit/title_bk.png) no-repeat center bottom;
  background-size:100% auto;
}
body.entry .main-cont-box { padding-bottom:8rem; }
body.entry .main-cont-box article .txt-box {
	align-items:flex-start;
	margin-bottom:2.8rem;
}
body.entry .main-cont-box article .txt-box h2 {
	font-size:2.6rem;
	font-weight:700;
	color:#716D67;
}
body.entry .main-cont-box article .txt-box .txt {
	font-size:1.4rem;
	color:#716D67;
	line-height:1.8;
	width:39.7rem;
}
body.entry .main-cont-box article .btn a {
	background:#EDEDCF;
	border-radius:1.2rem;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:3.6rem 0;
	font-size:3rem;
	font-weight:700;
}
body.entry .main-cont-box article .btn a:hover { opacity:.8; }
body.entry .main-cont-box article .btn .txt { margin-right:1.4rem; }
body.entry .main-cont-box #new-graduate .btn .txt span { color:#00ABEB; }
body.entry .main-cont-box #mid-career .btn .txt span { color:#007FC3; }
body.entry .main-cont-box article .btn .icon { width:4rem; }
body.entry .main-cont-box #mid-career { margin-top:11.2rem; }

@media screen and (max-width: 750px) {
	body.recruit.entry #recruit-lower-title-layout {
		background:url(../img/recruit/title_bk.png) no-repeat center top;
	  background-size:100% auto;
	}
	body.entry .main-cont-box article .txt-box { display:block; }
	body.entry .main-cont-box article .txt-box .txt { width:100%; font-size:16px; margin-top:24px; }
	body.entry .main-cont-box article .btn a { font-size:26px; }
	body.entry .main-cont-box #mid-career { margin-top:62px; }
}







/* =================== */
/*       body.philosophy       */
/* =================== */
body.philosophy #philosophy-top-box {
	background:#F4F3EF;
	padding-top:5.4rem;
}
body.philosophy #philosophy-top-box .box1 {
	align-items:initial;
	height:46.8rem;
}
body.philosophy #philosophy-top-box .box1 .ttl-box {
	order:2;
	width:16.2rem;
	padding-top:8.8rem;
}
body.philosophy #philosophy-top-box .box1 .ttl-box h1 {
	width:4rem;
	margin:0 auto 4rem;
}
body.philosophy #philosophy-top-box .box1 .ttl-box .txt {
	font-size:1rem;
	line-height:1.8;
	writing-mode:vertical-rl;
	margin:0 auto;
	width:5.4em;
}
body.philosophy #philosophy-top-box .box1 .anc-link {
	order:1;
	width:calc(100% - 16.2rem);
	background:#1B091B;
	align-items:initial;
}
body.philosophy #philosophy-top-box .box1 .anc-link .btn {
	width:calc((100% - 2.4rem) / 3);
	height:100%;
}
body.philosophy #philosophy-top-box .box1 .anc-link .btn a {
	display:block;
	position:relative;
	height:100%;
}
body.philosophy #philosophy-top-box .box1 .btn .pic-box {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
body.philosophy #philosophy-top-box .box1 .btn .pic-box img {
	width:100%;
	height:100%;
	object-fit:cover;
	transition:0.5s ease all;
	position:absolute;
	top:0;
	left:0;
}
body.philosophy #philosophy-top-box .box1 .btn a:hover .pic-box img.clr { opacity:0; }
body.philosophy #philosophy-top-box .box1 .btn .txt {
	height:23rem;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	opacity:.05;
	transition:0.5s ease all;
}
body.philosophy #philosophy-top-box .box1 .btn a:hover .txt { opacity:1; }
body.philosophy #philosophy-top-box .box2 {
	padding:2rem 5.3rem 2rem 3.45rem;
	align-items:flex-end;
}
body.philosophy #philosophy-top-box .box2 .copy { width:44.7rem; }
body.philosophy #philosophy-top-box .box2 .breadcrumb {
	font-size:.8rem;
	color:#343234;
}
body.philosophy #philosophy-top-box .box2 .breadcrumb a:hover { opacity:.8; }
body.philosophy #page-cont-box { padding:10rem 0 8rem; }
body.philosophy #page-cont-box ol { border-top:1px solid #716D67; }
body.philosophy #page-cont-box li {
	padding:5.6rem 0;
	border-bottom:1px solid #716D67;
	align-items:flex-start;
}
body.philosophy #page-cont-box li .num {
	font-size:1.2rem;
	color:#888;
	font-weight:600;
	width:6.9rem;
}
body.philosophy #page-cont-box li .pic {
	width:31.2rem;
	margin-top:3.2rem;
}
body.philosophy #page-cont-box li .txt-box { width:39.3rem; margin-left:6.9rem; }
body.philosophy #page-cont-box li .txt-box .txt-in { width:27.75rem; }
body.philosophy #page-cont-box li .txt-box .copy {
	font-size:1.4rem;
	font-weight:700;
	line-height:1.5;
	margin-bottom:2rem;
	margin-left:3.45rem;
	margin-top:3.2rem;
	display:flex;
}
body.philosophy #page-cont-box li .txt-box .copy::before {
	content:"";
	width:2rem;
	height:.15rem;
	background:#1A1816;
	display:block;
	margin-right:.5rem;
	margin-top:1rem;
}
body.philosophy #page-cont-box li .txt-box .txt {
	margin-left:3.45rem;
	font-size:1rem;
	line-height:1.8;
	margin-bottom:.8rem;
}
body.philosophy #page-cont-box #anc1 h2 { width:24.8rem; }
body.philosophy #page-cont-box #anc2 h2 { width:22.6rem; }
body.philosophy #page-cont-box #anc3 h2 { width:24.1rem; }

@media screen and (max-width: 750px) {
	body.philosophy #philosophy-top-box .box1 { display:block; height:auto; }
	body.philosophy #philosophy-top-box .box1 .ttl-box { padding-top:0; width:100%; }
	body.philosophy #philosophy-top-box .box1 .ttl-box h1 { width:55px; }
	body.philosophy #philosophy-top-box .box1 .ttl-box .txt { font-size:18px; width:100%; writing-mode:inherit; text-align:center; }
	body.philosophy #philosophy-top-box .box1 .anc-link { width:100%; aspect-ratio:2 / 1; margin-top:40px; overflow:hidden; }
	body.philosophy #philosophy-top-box .box1 .anc-link .btn { width:calc((100% - 1.2rem) / 3); }
	body.philosophy #philosophy-top-box .box1 .btn .txt { width:120%; height:auto; left:-10%; right:-10%; top:25px; }
	body.philosophy #philosophy-top-box .box1 .btn .pic-box img.clr { opacity:0; }
	body.philosophy #philosophy-top-box .box1 .btn .txt { opacity:1; }
	body.philosophy #philosophy-top-box .box2 { display:block; padding:25px; }
	body.philosophy #philosophy-top-box .box2 .copy { width:100%; }
	body.philosophy #philosophy-top-box .box2 .breadcrumb { font-size:14px; text-align:right; margin-top:40px; }
	body.philosophy #page-cont-box { padding-top:60px; }
	body.philosophy #page-cont-box li { flex-wrap:wrap; }
	body.philosophy #page-cont-box li .pic { width:100%; }
	body.philosophy #page-cont-box li .num { font-size:18px; width:50px; }
	body.philosophy #page-cont-box li .txt-box { width:calc(100% - 50px); margin-left:0; }
	body.philosophy #page-cont-box li .txt-box .copy { font-size:20px; margin-left:0; }
	body.philosophy #page-cont-box li .txt-box .copy::before { margin-top:15px; }
	body.philosophy #page-cont-box li .txt-box .txt { font-size:16px; margin-left:0; }
	body.philosophy #page-cont-box li .txt-box .txt-in { width:100%; }
}







/* =================== */
/*       404 page       */
/* =================== */
#page-cont-box.not-found .box-in {
	width:55.5rem;
	margin-left:16.2rem;
	margin-top:5rem;
}
#page-cont-box.not-found h1 .jp {
	font-size:2rem;
	font-weight:700;
	display:block;
	line-height:1.6;
	margin-bottom:1.2rem;
}
#page-cont-box.not-found h1 .en-font {
	font-size:1.2rem;
	color:#B2ADA5;
	font-weight:600;
}
#page-cont-box.not-found .txt-box {
	width:31.2rem;
	margin-left:calc(100% - 31.2rem);
	font-size:1.2rem;
	line-height:1.8;
}
#page-cont-box.not-found .txt-box .txt { margin-bottom:.8rem; }
#page-cont-box.not-found .txt-box .line-btn-design { margin-top:3.2rem; }

@media screen and (max-width: 960px) {
	#page-cont-box.not-found .box-in { margin:5rem auto 0; }
}
@media screen and (max-width: 750px) {
	#page-cont-box.not-found .box-in { width:91.5%; }
	#page-cont-box.not-found h1 .jp { font-size:22px; }
	#page-cont-box.not-found h1 .en-font { font-size:14px; }
	#page-cont-box.not-found .txt-box { width:100%; margin-left:0; margin-top:30px; font-size:16px; }
}