@charset "utf-8";
/* CSS Document */

:root {interpolate-size: allow-keywords;}
img {display: block;}
ul {padding: 0; margin: 0; list-style: none;}
a, a:hover {color: currentColor; text-decoration: none;}
summary::-webkit-details-marker {display: none;}


/* 汎用
–––––––––––––––––––––––––––––––––––––––––––––––––– */
[class*="width-box-"],
[class*="width-space-"] { margin-left: auto; margin-right: auto;}
.width-box-500 { max-width: 500px; }
.width-box-800 { max-width: 800px; }
.width-box-900 { max-width: 900px; }
.width-box-1400 { max-width: 1400px; }
.width-box-1500 { max-width: 1500px; }
.width-box-1700 { max-width: 1700px; }

.width-space-100,.width-space-100 figure,.width-space-100 img { width: 100%; }

.relative { position: relative; }

.grid { display: grid; display: -webkit-grid; justify-content: center;  gap: .5rem; }

.grid__img-center {display: grid; place-items: center;}

.gap0 { gap: 0rem; }
.gap10 { gap: 1rem; }
.gap20 { gap: 2rem; }
.gap5-20 { gap: clamp(.5rem,2vw,2rem); }
.gap10-20 { gap: clamp(1rem, 2.8vw, 2rem); }
.gap20-40 { gap: clamp(2rem, 5.5vw, 4rem); }

.grid-cols-2 {grid-template-columns: repeat(2, 1fr);}
.grid-cols-3 {grid-template-columns: repeat(3, 1fr);}
.grid-cols-5 {grid-template-columns: repeat(5, 1fr);}
.grid-cols-6 {grid-template-columns: repeat(6, 1fr);}

.flex { display: flex; display: -webkit-flex; }

.fl-align-top {align-items: flex-start;}
.fl-align-end {align-items: flex-end;}
.fl-align-center { align-items: center; }

.fl-con-bet { justify-content: space-between; }
.fl-con-center { justify-content: center; }

.fl-wrap { flex-wrap: wrap; }
.fl-column { flex-direction: column; }

.fl-fill { flex: 1 1 auto; }
.fl-grow { flex: 1 0 auto; }
.fl-shrink { flex: 0 1 auto; }

@media screen and (max-width: 1024px) {
	.grid.grid-cols-5.grid1024,
	.grid.grid-cols-6.grid1024 { grid-template-columns: repeat(3, 1fr); }
}

@media screen and (max-width: 768px) {
	.order1_md { order: 1; }
	.order2_md { order: 2; }
	
	.grid.grid-cols-2.grid768 { grid-template-columns: minmax(0, 1fr); }
	.grid.grid-cols-3.grid768 { grid-template-columns: repeat(2, 1fr); }
	.grid.grid-cols-5.grid768,
	.grid.grid-cols-6.grid768 { grid-template-columns: repeat(3, 1fr); }
}

@media screen and (max-width: 560px) {
	.grid.grid-cols-5.grid1024,
	.grid.grid-cols-6.grid1024 { grid-template-columns: repeat(2, 1fr); }
	
	.grid.grid-cols-3.grid768 { grid-template-columns: minmax(0, 1fr); }
	.grid.grid-cols-5.grid768,
	.grid.grid-cols-6.grid768 { grid-template-columns: repeat(2, 1fr); }
}

.font-weight-600 {font-weight: 600;}

.font-12 { font-size: 12px; }

.font-12-14 { font-size: clamp(12px, 2vw, 14px); }
.font-12-16 { font-size: clamp(12px, 2.6vw, 16px); }
.font-14-16 { font-size: clamp(14px, 2vw, 16px); }
.font-14-24 { font-size: clamp(14px, 3vw, 24px); }
.font-16-18 { font-size: clamp(16px, 2vw, 18px); }
.font-16-20 { font-size: clamp(16px, 2.25vw, 20px); }
.font-16-24 { font-size: clamp(16px, 2.5vw, 24px); }
.font-16-30 { font-size: clamp(16px, 3.75vw, 30px); }
.font-18-20 { font-size: clamp(18px, 2vw, 20px); }
.font-18-24 { font-size: clamp(18px, 2.5vw, 24px); }
.font-18-40 { font-size: clamp(18px, 4.5vw, 40px); }
.font-20-28 { font-size: clamp(20px, 3vw, 28px); }
.font-20-30 { font-size: clamp(20px, 3vw, 30px); }
.font-20-34 { font-size: clamp(20px, 3.25vw, 34px); }
.font-24-32 { font-size: clamp(24px, 3vw, 32px); }
.font-28-42 { font-size: clamp(28px, 4.5vw, 42px); }

.font-scale-7 {font-size: .7em;}

.line-height-10 { line-height: 1em; }
.line-height-13 { line-height: 1.3em; }
.line-height-14 { line-height: 1.4em; }

.mt30 { margin-top: 3rem; }

.mb0 { margin-bottom: 0; }
.mb5 { margin-bottom: .5rem; }
.mb10 { margin-bottom: 1rem; }

.ml0 { margin-left: 0; }
.ml5 { margin-left: .5rem; }
.ml10 { margin-left: 1rem; }

.mx-auto { margin-left: auto; margin-right: auto; }
.mx0 { margin-left: 0; margin-right: 0; }

.mt15-30 { margin-top: clamp(1.5rem,4.5vw,3rem); }
.mt20-40 { margin-top: clamp(2rem, 5.5vw, 4rem); }
.mt30-50 { margin-top: clamp(3rem, 7.5vw, 5rem); }

.mb5-10 { margin-bottom: clamp(.5rem, 1.5vw, 1rem); }
.mb10-15 { margin-bottom: clamp(1rem, 2.75vw, 1.5rem); }
.mb10-20 { margin-bottom: clamp(1rem, 3vw, 2rem); }
.mb15-30 { margin-bottom: clamp(1.5rem,4.5vw,3rem); }
.mb20-40 { margin-bottom: clamp(2rem, 5.5vw, 4rem); }
.mb30-50 { margin-bottom: clamp(3rem, 7.5vw, 5rem); }
.mb30-60 { margin-bottom: clamp(3rem, 7.75vw, 6rem); }

.my5-10 { margin-top: clamp(.5rem, 1.5vw, 1rem); margin-bottom: clamp(.5rem, 1.5vw, 1rem); }

.pb0 { padding-bottom: 0; }

.pl10 { padding-left: 1rem; }

.px5 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px10 { padding-left: 1rem; padding-right: 1rem; }

.py5 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py10 { padding-top: 1rem; padding-bottom: 1rem; }

.p10 { padding: 1rem; }

.pt40-80 { padding-top: clamp(4rem, 11vw, 8rem); }

.pb80-120 { padding-bottom: clamp(8rem, 18vw, 12rem); }

.px10-20 { padding-left: clamp(1rem, 3vw, 2rem); padding-right: clamp(1rem, 3vw, 2rem); }

.py5-10 { padding-top: clamp(.5rem, 1.5vw, 1rem); padding-bottom: clamp(.5rem, 1.5vw, 1rem); }
.py30-40 { padding-top: clamp(3rem, 7.25vw, 4rem); padding-bottom: clamp(3rem, 7.25vw, 4rem); }

.p10-20 { padding: clamp(1rem, 3vw, 2rem); }

.font-m-plus {font-family: "M PLUS 1p", sans-serif;}

/* 改行制御
   -------------------------------------------- */
/* 基本設定（スマホファースト） */
.pc-br_lg,
.pc-br_md,
.pc-br_sm { display: none; }
.sp-br_lg,
.sp-br_md,
.sp-br_sm { display: block; }
.tb-br { display: none; }

/* タブレット以上（561px〜） */
@media screen and (min-width: 561px) {
   .pc-br_sm { display: block; }
   .sp-br_sm { display: none; }
}

/* タブレット表示（561px〜768px） */
@media screen and (min-width: 561px) and (max-width: 768px) {
   .tb-br { display: block; }
}

/* PC表示（769px〜） */
@media screen and (min-width: 769px) {
   .pc-br_md { display: block; }
   .sp-br_md { display: none; }
}

/* PC表示（961px〜） */
@media screen and (min-width: 961px) {
	.pc-br_lg { display: block; }
	.sp-br_lg { display: none; }
}

.d-block { display: block; }
.d-inline-block { display: inline-block; }

.link-hover:hover {opacity: .7;}

.youtube {
   width: 100%;
   aspect-ratio: 16 / 9;
}

.youtube iframe {
   width: 100%;
   height: 100%;
}

.bg__gray {background-color: #EFEFEF;}
.bg__deep-gray {background-color: #231815;}
.bg__light-blue {background-color: #EAF6FD;}
.bg__yellow {background-color: #F8B62D;}
.bg__light-red {background-color: #FDEFF5;}

.bd__1-deep-gray {border: 1px solid #231815;}
.bd__1-blue {border: 1px solid #0068B7;}

.bd-r__3-yellow_flex {border-right: 3px solid #F8B62D;}

.bd-t__1-gray {border-top: 1px solid #898989;}

.cnr-rod__5 {border-radius: 5px;}

.text-blue {color: #008ED3;}

.ttl-slash { position: relative; display: inline-block; text-align: center; }
.ttl-slash::before, .ttl-slash::after {
    content: "";
    position: absolute; bottom: 0;
    height: 100%; width: 1px;
    background-color: #000;
}
.ttl-slash::before {left: 0; transform: rotate(-25deg);}
.ttl-slash::after {right: 0; transform: rotate(25deg);}

.ttl-line__under {text-align: center;}
.ttl-line__under::after {
	content: ""; display: block; width: 100px; height: 1px;
	background-color: #000; margin: clamp(1rem, 3vw, 2rem) auto 0;
}
.ttl-line__under.ttl-line__under-6-blue::after {
	height: 6px; background-color: #009DDC;
	margin-top: 1rem;
}

.ttl-stp {
	background-image: repeating-linear-gradient(-45deg, #dfeaf8, #dfeaf8 3px, #ffffff 3px, #ffffff 7px);
}

.ttl-bd__l-10__blue {border-left: 10px solid #004EA2;}
.ttl-bd__b-1__gray {border-bottom: 1px solid #898989;}

.ttl-sub__r {
	font-size: clamp(34px, 7.5vw, 46px); font-weight: 900;
}
.ttl-sub__r span {
	font-size: clamp(18px, 2.5vw, 24px); margin-left: 1.5rem; 
}

.img-swap {
	position: relative;
	display: inline-block;
}
.img-swap img { 
  display: block;
  max-width: 100%;
	transition: opacity 0.5s ease;
}
.img-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.img-swap:hover .img-hover {opacity: 1;}
.img-swap:hover .img-normal {opacity: 0;}

.side_cutalog .img-swap {display: block;}

button.img-swap,button.img-swap:focus {border: none; background-color: transparent; padding: 0; outline: none;}


.acd__bd {
	background-color: #fff; border: 1px solid #231815;
	padding: 1.5rem 1rem; text-align: left;
}
.acd__bd::details-content {
  display: block;
  block-size: 0;
  overflow: clip;
  transition:
    block-size .45s ease,
    content-visibility .45s allow-discrete;
}
.acd__bd[open]::details-content {
  block-size: auto;
}
.acd__bd summary {
	display: flex; align-items: center; cursor: pointer;
	color: #004173; font-size: clamp(18px, 2vw, 20px); font-weight: 700;
}
.acd__bd summary span:not([class]) {flex: 1 1 auto; margin-left: 1rem; margin-right: 1rem;}
.acd__bd summary::before {
	content: "Q";
	display: block; width: clamp(32px,8.75vw,80px); /*height: 40px;*/
	border-right: 3px solid #898989; padding-right: .5rem;
	font-size: 1.4em; text-align: center; flex: 0 0 auto; align-self: stretch;
}
.acd__bd summary .icon {
	display: inline-block; width: 30px; aspect-ratio: 1 / 1;
	background-color: #EAF6FD; border-radius: 50%; position: relative;
	transition: background-color .3s ease;
	flex: 0 0 auto;
}
.acd__bd[open] summary .icon {background-color: #1D2088;}
.acd__bd summary .icon::before,
.acd__bd summary .icon::after {
	content: ""; width: 3px; height: 50%;background-color: #004EA2;
	position: absolute; left: 50%; top: 50%;
	transition: background-color .3s ease, transform .3s ease;
}
.acd__bd summary .icon::before {
	transform: translate(-50%, -50%) rotate(90deg);
}
.acd__bd summary .icon::after {transform: translate(-50%, -50%);}
.acd__bd[open] summary .icon::before,
.acd__bd[open] summary .icon::after {background-color: #fff;}
.acd__bd[open] summary .icon::after {transform: translate(-50%, -50%) rotate(90deg);}
.acd__bd > div {
	display: flex; border-top: 1px solid #004EA2; margin-top: 1.5rem; padding-top: 1.5rem;
	transform: translateY(-10px); opacity: 0; transition: transform .5s, opacity .5s;
}
.acd__bd[open] > div {transform: none; opacity: 1;}
.acd__bd > div::before {
	content: "A"; color: #E60012;
	display: block; width: clamp(32px,8.75vw,80px); height: 40px;
	border-right: 3px solid #898989; padding-right: .5rem;
	font-size: 1.58em; font-weight: 600; text-align: center;
	flex: 0 0 auto;
}

.acd__bd > div .acd__box {padding-left: 1rem; flex: 1 1 auto;} 

/* サイドメニュー更新分 */
.side-child ul {
	display: none;
	margin-left: 1rem; margin-top: .5rem; font-size: .9em;
}
.side-child ul li:last-of-type {border-bottom: none;}

@media screen and (max-width: 768px) {
	.ttl-sub__r span {display: block; margin-left: 0;}

	.side_cutalog .img-swap img {width: 100%;}
}


.wp-block-column:not(:first-child).ml0 {margin-left: 0;}



/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#post-rs {font-family: 'Noto Sans JP', sans-serif;}
#post-rs .page-header {background-image: url("../images/robot/top/robot-fv.jpg");}
#post-rs .page-header-title-desc {font-family: 'Noto Sans JP', sans-serif;}
#post-rs .page-header-title-desc h2 {font-weight: 700; font-size: clamp(18px, 4.5vw, 40px)!important;}
#post-rs .page-header-title {opacity: 1;}

/* Think */
#post-rs.post-rs-th .page-header {background-image: url("../images/robot/think/robot-think-fv.jpg");}
.post-rs-sub .page-header-title-desc {
	max-width: 1600px; left: 50%; transform: translate(-50%, -50%);
	filter: drop-shadow(2px 2px 6px rgb(0 0 0 / .5));
}
.post-rs-sub h1 {font-size: clamp(26px,7vw,54px); font-weight: 700;}

/* FAQ */
#post-rs.post-rs-faq .page-header {background-image: url("../images/robot/faq/robot-faq-fv.jpg");}

/* Cat */
#post-rs.post-rs-cat__sort .page-header {background-image: url("../images/robot/machine/cat-st-fv.jpg");}
#post-rs.post-rs-cat__al .page-header {background-image: url("../images/robot/machine/cat-al-fv.jpg");}
#post-rs.post-rs-cat__bp .page-header {background-image: url("../images/robot/machine/cat-bp-fv.jpg");}
#post-rs.post-rs-cat__tl .page-header {background-image: url("../images/robot/machine/cat-tl-fv.jpg");}
#post-rs.post-rs-cat__fip .page-header {background-image: url("../images/robot/machine/cat-fip-fv.jpg");}
#post-rs.post-rs-cat__vs .page-header {background-image: url("../images/robot/machine/cat-vs-fv.jpg");}


#post-rs[class*="post-rs-cat__"] .page-header-title-desc {max-width: 1400px;}
#post-rs[class*="post-rs-cat__"] h1 {font-size: clamp(32px,9vw,72px); display: flex; align-items: center;}
#post-rs.post-rs-cat__vs h1 {flex-direction: column;}

#post-rs[class*="post-rs-cat__"] h1::before {
	content: "";
	display: inline-block;
	--icon-max: 106px;
	--icon-scale: clamp(.45, calc(100vw / 940px), 1);
	width: calc(var(--icon-max) * var(--icon-scale));
    height: clamp(30px,10vw,82px);
    background: url(../images/robot/machine/icon-fip.png) no-repeat center / contain;
	margin-right: .5rem;
}
#post-rs.post-rs-cat__sort h1::before {
	--icon-max: 104px;
    background-image: url("../images/robot/machine/icon-st.png");
}
#post-rs.post-rs-cat__al h1::before {
	--icon-max: 104px;
    background-image: url("../images/robot/machine/icon-al.png");
}
#post-rs.post-rs-cat__bp h1::before {
	--icon-max: 100px;
    background-image: url("../images/robot/machine/icon-bp.png");
}
#post-rs.post-rs-cat__tl h1::before {
	--icon-max: 110px;
    background-image: url("../images/robot/machine/icon-tl.png");
}
#post-rs.post-rs-cat__fip h1::before {	
	--icon-max: 144px;
    background-image: url(../images/robot/machine/icon-fip.png);
}
#post-rs.post-rs-cat__vs h1::before {
	--icon-max: 185px;
    background-image: url("../images/robot/machine/icon-vs.png");
}

#post-rs[class*="post-rs-cat__"] .page-header [class*="icon__"] {
	--icon-scale: clamp(.45, calc(100vw / 940px), 1);
	width: calc(var(--icon-max) * var(--icon-scale));
}
#post-rs[class*="post-rs-cat__"] .page-header .icon__sort { --icon-max: 106px; }
#post-rs.post-rs-cat__tl .page-header .icon__sort { --icon-max: 110px; margin-top: clamp(.5rem, 2vw, 1rem); }
#post-rs.post-rs-cat__fip .page-header .icon__sort { --icon-max: 144px; margin-top: clamp(.5rem, 2vw, 1rem); }

#post-rs.post-rs-column .page-header {background-image: url("../images/robot/column/robot-column-fv.jpg"); background-position: center;}

#post-rs[class*="post-rs-cat__"] .page-header-title-desc h2 { padding-left: 2em;}
#post-rs.post-rs-cat__sort .page-header-title-desc h2,
#post-rs.post-rs-cat__al .page-header-title-desc h2 {padding-left: 2.5em;}
#post-rs.post-rs-cat__vs .page-header-title-desc h2 {padding-left: 0;}


@media screen and (max-width: 560px) {
	#post-rs[class*="post-rs-cat__"] .page-header-title-desc > div {display: block!important;}
	#post-rs[class*="post-rs-cat__"] h1 {justify-content: center; margin-right: .5em;}
	#post-rs.post-rs-cat__sort h1,
	#post-rs.post-rs-cat__al h1 {margin-right: 1.5em;}
	
	#post-rs .page-header-title-desc h2 {padding-left: 0;}
	#post-rs.post-rs-cat__sort .page-header-title-desc h2,
	#post-rs.post-rs-cat__al .page-header-title-desc h2
	{padding-left: 0;}
}





/* RS トップ
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.res-top__ttl {font-size: clamp(30px, 5vw, 60px); font-weight: 900; line-height: 1.5;}
.res-top__ttl span {display: block; font-size: .4em; font-weight: 400;}

.res__link-btn {
	border: 1px solid #000; border-radius: 8px; padding: .75rem 1.5rem;
	font-size: clamp(16px, 2.25vw, 20px); font-weight: 600;
	transition: background-color .3s ease, border .3s ease, color .3s ease, transform .3s ease;
}
.res__link-btn span {position: relative; padding-right: 1rem;}
.res__link-btn span::before,
.res__link-btn span::after {
	content: "";
	position: absolute;
    top: calc(50% - 1px);
    left: 100%;
    display: inline-block;
    width: 8px;
    height: 1px;
    background-color: #000;
    transform-origin: calc(100% - 1px) 50%;
    transition: background-color .3s ease;
}
.res__link-btn span::before {transform: rotate(45deg);}
.res__link-btn span::after {transform: rotate(-45deg);}
.res__link-btn:hover {color: #fff; background-color: #004EA2; border-color: #004EA2; box-shadow: none;}
button.res__link-btn:focus {outline: none;}
.res__link-btn:hover span::before,
.res__link-btn:hover span::after {background-color: #fff;}

.res__link-btn.btn-bd__white {border-color: #fff;}
.res__link-btn.btn-bd__white span::before,
.res__link-btn.btn-bd__white span::after {background-color: #fff;}
.res__link-btn.btn-bd__white:hover {border-color: #004EA2;}

.res__link-btn.btn-blue {border-color: #004EA2; background-color: #004EA2; color: #fff;}
.res__link-btn.btn-blue span::before,
.res__link-btn.btn-blue span::after {background-color: #fff;}
.res__link-btn.btn-blue:hover {background-color: #fff; color: #004EA2;}
.res__link-btn.btn-blue:hover span::before,
.res__link-btn.btn-blue:hover span::after {background-color: #004EA2;}

.res__link-btn.btn-md {display: inline-block; max-width: 382px; width: 100%;}
.res__link-btn.btn-long {display: inline-block; max-width: 500px; width: 100%;}

.res__link-btn.btn-small {font-size: .75em;}

.res__link-btn[class*="btn-icon__"] {display: flex; align-items: center; justify-content: center; padding-left: clamp(.25rem,calc(( -28rem + 100vw ) / 6),1rem);}
.res__link-btn[class*="btn-icon__"]::before,
.res__link-btn[class*="btn-icon__af_"]::after {
	content: "";
	display: inline-block; width: 24px; height: 22px;
	background: url("../images/robot/top/icon_cat-01.svg") no-repeat center / contain;
	margin-right: clamp(.25rem,calc(( -28rem + 100vw ) / 6),1rem);
	transition: background .3s ease;
}
.res__link-btn.btn-icon__1::before {background-image: url("../images/robot/top/icon_cat-01.svg");}
.res__link-btn.btn-icon__2::before {background-image: url("../images/robot/top/icon_cat-02.svg");}
.res__link-btn.btn-icon__3::before {background-image: url("../images/robot/top/icon_cat-03.svg");}
.res__link-btn.btn-icon__column::before {background-image: url("../images/robot/top/icon_column.svg");}
.res__link-btn.btn-icon__column:hover::before {background-image: url("../images/robot/top/icon_column-w.svg");}
.res__link-btn.btn-icon__dl::before,
.res__link-btn.btn-icon__af_dl::after {background-image: url("../images/robot/common/icon-dl-w.svg");}
.res__link-btn.btn-icon__dl:hover::before {background-image: url("../images/robot/common/icon-dl-bl.svg");}
.res__link-btn.btn-icon__af_dl:hover::after {background-image: url("../images/robot/common/icon-dl-y.svg");}

.res__link-btn[class*="btn-icon__"].btn-inline {display: inline-flex;}


.res__link-btn[class*="btn-icon__af_"] {
	border: 2px solid #004EA2; background-color: #0068B7;
}
.res__link-btn[class*="btn-icon__af_"]:hover {color: #FFF100; background-color: #0068B7; transform: scale(1.1);}
.res__link-btn[class*="btn-icon__af_"]::before,
.res__link-btn[class*="btn-icon__af_"] span::before,
.res__link-btn[class*="btn-icon__af_"] span::after {display: none;}
.res__link-btn[class*="btn-icon__af_"]::after {margin-right: 0;}

/* ABOUT */
.rs-top__about {
	background: url("../images/robot/top/robot-about.jpg") no-repeat left center / cover;
	padding: 4rem 1.25rem;
}
.rs-top__about .inner {
	max-width: 1500px; margin-left: auto; margin-right: auto;
}

/* 納入事例 */
.rs-top__cat .abs-ttl {
	max-width: clamp(46px,7vw,68px); position: absolute; right: 0; top: 0;
	margin: clamp(1rem, 3vw, 2rem); z-index: 1;
}
.rs-top__cat .abs-ttl p {
	writing-mode: vertical-rl; color: #fff;
	transform: rotate(180deg); margin-top: 1rem;
}
.rs-top__cat > div .under-box {
	color: #fff; padding: 1.25rem; font-size: clamp(12px, 2.6vw, 16px);
}
.rs-top__cat > div:nth-of-type(odd) {background-color: #727171;}
.rs-top__cat > div:nth-of-type(even) {background-color: #3E3A39;}

.rs-top__cat > div .relative .bg-img {/*aspect-ratio: 5 / 14;*/ overflow: hidden; display: block;}
.rs-top__cat > div .relative .bg-img img { object-fit: cover; width: 100%; transition: transform .3s ease;}
.rs-top__cat > div .relative .bg-img:hover img {transform: scale(1.1);}
.rs-top__cat .res__link-btn[class*="btn-icon__"] {padding-right: clamp(.5rem, 2vw, 1rem);}


/* FAQ */
.rs-top__faq {background: url("../images/robot/top/robot-faq.png") no-repeat center / cover; color: #fff;}

.rs-top__faq .grid > a {
	background-color: #fff; border-radius: 10px;
	color: #000; text-align: center;
	padding: 1.2rem 1rem;
	filter: drop-shadow(4px 4px 6px rgb(0 0 0 / .5));
	transition: background-color .3s ease;
}
.rs-top__faq .grid > a:hover {background-color: #F9F5D5;}
.rs-top__faq .grid .icon {max-width: 86px; margin-left: auto; margin-right: auto;}
.rs-top__faq .grid p {font-size: clamp(12px, 1.25vw, 20px); font-weight: bold; line-height: 1.3; margin-bottom: .25rem;}

.rs-top__faq .res__link-btn {display: inline-block; width: 382px; max-width: 100%;}
.rs-top__faq .res__link-btn:hover {border-color: #fff; background-color: #C8AC20;}

/* コラム */
.rs-top__column {background: url("../images/robot/top/robot-column.jpg") no-repeat center / cover;}

.rs-top__column .slider__inner {
	--slider-gap: clamp(1.5rem, 2.75vw, 3rem);
	position: relative; overflow: hidden; padding: 0 clamp(1.25rem, 5.5vw, 6rem);
}
.c-slider__arrow {
	position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;
	display: grid; place-items: center;
	width: clamp(20px,5vw,80px); aspect-ratio: 20 / 29;
	border: none; padding: 0; background-color: #0068B7;
	cursor: pointer; appearance: none;
}
.c-slider__arrow::before {content: ""; display: block; width: 0; height: 0;}
.c-slider__arrow--prev {left: 0; clip-path: polygon(100% 0%, 0 50%, 100% 100%);}
.c-slider__arrow--next {right: 0; clip-path: polygon(100% 50%, 0 0, 0 100%);}
.c-slider__arrow:disabled {opacity: .35; cursor: default;}
.c-slider__arrow:focus-visible, .c-slider__arrow:focus, .c-slider__viewport:focus-visible {outline: none;}

.c-slider__viewport {overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; overscroll-behavior-x: contain;}
.rs-top__column .slider__inner ul { display: flex; gap: var(--slider-gap);}
.rs-top__column ul li {
	flex: 0 0 calc((100% - var(--slider-gap) - clamp(3rem,4vw,4rem)) / 3);
	display: block; width: 455px; max-width: 100%; min-width: 0;
    background-color: #fff; color: #727171; font-weight: 600; text-align: left;
	margin: 1rem 0;
	filter: drop-shadow(4px 4px 6px rgb(0 0 0 / .3));
}
.rs-top__column ul li > div {padding: .75rem 1.75rem 1.5rem;}

.rs-top__column ul li h4 {line-height: 1.3; font-weight: 800; font-size: clamp(18px,1.5vw,22px);}

.rs-top__column ul li .res__link-btn {display: inline-flex; border-color: #727171;}

.nav-pn a:hover {opacity: .7;}
.nav-pn__btn {
	font-family: 'Roboto', sans-serif; font-size: 14px; letter-spacing: 2.5px; font-weight: 500;
    background-color: #000;
    color: #fff;
    border: none; border-radius: 100px;
    padding: .5rem clamp(1rem, 3vw, 2rem);
}
.nav-pn__prev a, .nav-pn__next a {
	font-family: 'Roboto', sans-serif; font-size: 14px; letter-spacing: 2.5px; font-weight: 500;
    background-color: #000;
    color: #fff;
    border: none; border-radius: 100px;
    padding: .6rem clamp(1rem, 3vw, 2rem);
}

@media screen and (max-width: 1024px) {
	.rs-top__column ul li {flex-basis: calc((100% - var(--slider-gap) - 1rem) / 2);}
	.rs-top__column ul li h4 {font-size: clamp(17px, calc((-51rem + 100vw) / 5), 20px);}
}
@media screen and (max-width: 768px) {
	.rs-top__column ul li {flex-basis: calc(100% - var(--slider-gap) + .5rem);}
	.rs-top__column ul li h4 {font-size: clamp(16px, calc((-26rem + 100vw) / 5), 24px);}
}

@media screen and (max-width: 560px) {
	.rs-top__cat > div .relative .bg-img {aspect-ratio: 6 / 14;}
	
	.res__link-btn.btn-small {font-size: .85em;}
	.rs-top__cat .res__link-btn span {padding-right: .25rem;}
	.rs-top__cat .res__link-btn[class*="btn-icon__"]::before {display: none;}
}

/* RS Think
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.post-rs-sub .row {/*flex-wrap: nowrap;*/ gap: clamp(2rem,8.5vw,8rem);}

/* Category
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.abs-cat-ttl {
	position: absolute; left: 50%; bottom: calc(100% - 16px); transform: translateX(-50%);
	background-color: #fff; border: 1px solid #0068B7; border-radius: 999px;
	padding: .25rem 1rem; margin-bottom: 0;
}

.tbl-cat {width: 100%;}
.tbl-cat :is(th,td) {padding-bottom: 1.5rem;}
.tbl-cat th {vertical-align: top; padding-right: 1rem;}
.tbl-cat td {font-size: 18px; font-weight: 600;}

.tbl-cat th span {
	display: block;
	background-color: #004EA2; border-radius: 6px;
	text-align: center; color: #fff; font-weight: 500; white-space: nowrap;
	padding: .25rem 1rem;
}
.tbl-cat [class*="sub-ttl__"] {
	border-radius: 6px;
	text-align: center; color: #fff; font-weight: 500; font-size: 16px;
	padding: .25rem 1rem;
}
.tbl-cat .sub-ttl__orange {background-color: #F39800;}
.tbl-cat .sub-ttl__blue {background-color: #009DDC;}

.ttl-slash_dl {color: #E24747;}
.ttl-slash.ttl-slash_dl::before, .ttl-slash.ttl-slash_dl::after {width: 1.5px; background-color: #E24747;}

.term-nav ul li {
	max-width: 150px;
    width: 100%;
}

.term-nav ul li a {
	position: relative;
	display:flex; flex-direction: column; justify-content: space-between; 
	width: 100%; text-align: center;
	background-color: #004EA2; color: #fff; aspect-ratio: 1 / 1; border-radius: clamp(5px, 3vw, 10px);
	font-size: clamp(16px, 2.25vw, 20px); padding: 1.5rem clamp(.5rem, 1.5vw, 1rem);
	transition: color .3s ease, transform .3s ease, filter .3s ease;
}
.term-nav ul li a::before,
.term-nav ul li a::after {
	content: "";
	display: inline-block;
    width: 10px; height: 2px;
	background-color: #fff;
	margin-bottom: 1rem;
	position: absolute; left: 47%; bottom: 0;
    transition: background-color .3s ease;
}
.term-nav ul li a::before {transform: rotate(45deg) translateX(-50%);}
.term-nav ul li a::after {transform: rotate(135deg) translateX(-50%);}

.term-nav ul li a:hover {
	color: #DED685;
	filter: drop-shadow(4px 4px 6px rgb(0 0 0 / .5));
    transform: translate(-4px, -4px);
}
.term-nav ul li a:hover::before,
.term-nav ul li a:hover::after {background-color: #DED685;}

.term-nav ul li a [class*="term-icon__"] {
	display: block;max-width: 82px;
	margin: 0 auto .5rem;
}
.term-nav ul li a .term-icon__st {max-width: 53px;}
.term-nav ul li a .term-icon__al {max-width: 60px;}
.term-nav ul li a .term-icon__bp {max-width: 55px;}
.term-nav ul li a .term-icon__tl {max-width: 62px;}
.term-nav ul li a .term-icon__fip {max-width: 82px;}
.term-nav ul li a .term-icon__vs {max-width: 70px;}

.term-nav ul li a:hover .img-swap .img-hover {opacity: 1;}
.term-nav ul li a:hover .img-swap .img-normal {opacity: 0;}

@media screen and (max-width: 560px) {
	.tbl-cat :is(th,td) {display: block;}
	.tbl-cat th {padding-right: 0; padding-bottom: .75rem;}
	.tbl-cat td {padding-bottom: 1.5rem;}
}

/* Column
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.rs-tag {
	background-color: #595757; padding: 0 .5rem; border-radius: 5px;
	color: #fff; font-size: .85em; white-space: nowrap;
	margin-right: .5rem;
}

.rs-column-next {
	background-color: #EFEFEF; border-left: 14px solid #004EA2;
	padding: 1rem;
}
.rs-column-next .rs-tag {font-size: clamp(14px, 2vw, 16px);}
.rs-column-next .column-num {
	background-color: #004EA2; padding: 0 .5rem; border-radius: 200px;
	color: #fff; font-size: .75em; white-space: nowrap;
	margin-right: .5rem;
}
.rs-column-next .fl-shrink { flex: 0 1 auto!important; }

.list-rs__column-num li {margin-bottom: clamp(.5rem, 1.5vw, 1rem);}
.list-rs__column-num .list-ttl {font-weight: 600; line-height: 1.3em; margin-bottom: .25rem; display: flex;}
.list-rs__column-num .list-ttl span {
	display: inline-flex; width: 18px; height: 18px; aspect-ratio: 1 / 1;
	align-items: center; justify-content: center;
	background-color: #E60012; border-radius: 50%;
	color: #fff; font-size: .7em;
	margin-top: .15rem; margin-right: .25rem;
}


/* Column archive
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.rs-column__list li {
	background-color: #fff;
	filter: drop-shadow(4px 4px 6px rgb(0 0 0 / .3));
}

.robot-nav {display: flex; gap: clamp(.5rem, 1.5vw, 1rem); flex-wrap: wrap;}
.robot-nav__link {
	display: inline-block; min-width: 60px;
    font-size: clamp(14px, 2vw, 16px); text-align: center; color: #fff;
    background-color: #000; padding: 0 .5rem;
}
.robot-nav__link:hover {color: #fff; opacity: .7;}
.robot-post__label {
	display: inline-block; min-width: 60px;
    font-size: 12px; text-align: center; color: #fff;
    background-color: #000; padding: 0 .5rem;
}
.robot-nav__link-automation,
.robot-post__label-automation {background-color: #22AC38;}
.robot-nav__link-rbt,
.robot-post__label-rbt {background-color: #004EA2;}
.robot-nav__link-dx,
.robot-post__label-dx {background-color: #F39800;}
.robot-nav__operation,
.robot-post__label-operation {background-color: #956134;}

.navigation {display: block;}
.nav-links {display: inline-flex; gap: .5rem;}
.page-numbers {
	display: inline-block; width: 32px; aspect-ratio: 1 / 1;
    border: 1px solid #000;
    background-color: #fff; border-radius: 50%;
	font-weight: 600; color: #000;
	transition: background-color .3s ease, color .3s ease;
}
.page-numbers:hover,
.page-numbers.current {
	background-color: #000; color: #fff;
}

.robot-new-tag {
	display: inline-flex; justify-content: center; align-items: center;
	padding: clamp(.5rem, 1.5vw, 1rem); aspect-ratio: 1 / 1;
	background-color: #E60012; border-radius: 50%;
	color: #fff; font-weight: 600;
	position: absolute; right: 10px; top: 10px;
}