@charset "utf-8";

#rContent {
    padding: 0;
    color: #fff;
}

/* ========== FV ========== */
.fv {
    padding: 80px 0;
    color: #fff;
}

.inner_fv {
    width: min(80%, 1200px);
    margin: 0 auto; 
}

.fv_sub_copy {
    font-size: 32px;
    font-weight: 500;
    line-height: calc(64.8 / 32);
    letter-spacing: 0.65px;
    text-align: center;
}

.ttl_fv {
    font-size: 45px;
    font-weight: bold;
    line-height: calc(67.5 / 45);
    text-align: center;
    margin-bottom: 24px;
}

.txt_fv {
    width: min(100%, 880px);
    margin: 0 auto;
    font-size: 20px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.05em;
	margin-top: 16px;/*250328追加*/
}

.fv video {
    display: block;
    width: 100%;
    margin: 40px 0 24px;/*250328変更　変更前：80px 0 24px*/
}

/* ========== このようなお悩みを解決します ========== */
.flex_box {
    display: flex;
    justify-content: center;
    gap: 30px;
}

.ttl_multi {
    font-size: 36px;
    font-weight: 400;
    line-height: calc(64.8 / 36);
    letter-spacing: 0.1em;
    margin-bottom: 24px;
}

.txt {
    font-size: 16px;
    font-weight: 300;
    line-height: 2;
}

.right_contents > img {
    border-radius: 5px;
}

/* ========== 多階層ロボットストレージシステムの特長 ========== */
.bg_white {
    background: #fff;
    padding: 24px 20px;
    box-sizing: border-box;
    border-radius: 10px;
}

.ul_unit {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	gap: 16px 22px;
}

.ul_unit li {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.ul_unit li img {
	height: 105px;
}

.ul_unit li span {
	display: block;
	text-align: center;
	margin-top: 16px;
	font-size: 14px;
	font-weight: 300;
}

.feature_flex_box {
    gap: 16px;
    margin-top: 24px;
}

.feature_flex_contents span {
    display: block;
    margin-top: 8px;
    text-align: center;
    font-size: 15px;
    font-weight: 300;
    line-height: 2;
}

/* CTA */
.wrap_multi_cta .ttl {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 2;
    text-align: center;
    margin-bottom: 1em;
}

.wrap_multi_cta .btn a {
    display: block;
    width: 100%;
    padding: 42px 0;
    text-align: center;
    background: rgba(40, 40, 40, 0.7);
    border: 1px solid #E3E3E3;
    border-radius: 6px;
    color: #E3E3E3;
    font-size: 20px;
    font-weight: 400;
    text-decoration: none;
}

.img_feature07 {
    width: min(100%, 411px);
    margin: 24px auto 0;
}

.img_feature08 {
    margin: 24px 0;
}

.img_feature09 {
    text-align: center;
}

.img_feature09 img {
    width: min(75%, 291px);
}

.flex_box_note {
    gap: 24px;
}

.flex_box_note .left_contents,
.flex_box_note .right_contents {
    width: 433px;
}

.note {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
}

/* ========== システム構成 ========== */
#cont03 .ttl_multi {
    letter-spacing: 0.08em;
}

.img_system01 {
    width: min(80%, 620px);
    margin: 0 auto 24px;
}

.wrap_system_contents {
    padding: 24px 42px;
    margin-bottom: 24px;
}

.ul_system {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 35px 48px;
    margin-bottom: 32px;
}

.ul_system:last-child {
    margin-bottom: 0;
}

.ul_system li {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 300;
}

.ul_system li img {
    height: 143px;
}

.img_system03 {
    margin-bottom: 24px;
}

/*========== 導入事例 ==========*/
.txt_case {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.txt_case p {
	margin-bottom: 16px;
    display: block;
}

.txt_case p:last-child {
	margin-bottom: 0;
}

.txt_case a.primary_btn span {
	font-size: 20px;
}

/*========== サイドバー ==========*/
.wrap_sidebar {
    top: 0;
}


/* ==============================
    SP用
============================== */
body.responsive-sp #rContent {
    padding-bottom: 0;
}

/* ========== FV ========== */
body.responsive-sp .fv {
    padding: 0 0 40px;
    color: #fff;
}

body.responsive-sp .inner_fv {
    width: 100%;
}

body.responsive-sp .fv_sub_copy {
    font-size: 123.1%;
    line-height: calc(24 / 16);
}

body.responsive-sp .ttl_fv {
    font-size: 153.8%;
    line-height: calc(28.8 / 20);
    margin: 12px 0;
}

body.responsive-sp .txt_fv {
    width: calc(353 / 393 * 100vw);
    font-size: 107.7%;
}

body.responsive-sp .fv video {
    margin: 40px 0 24px;
}

/* ========== このようなお悩みを解決します ========== */
body.responsive-sp .flex_box {
    display: block;
}

body.responsive-sp .ttl_multi {
    font-size: 16px;
    line-height: calc(28.8 / 16);
    margin-bottom: 16px;
    letter-spacing: 0;
}

body.responsive-sp .txt {
    font-size: 14px;
}

/* ========== 多階層ロボットストレージシステムの特長 ========== */
body.responsive-sp .right_contents {
	margin-top: 16px;
}

body.responsive-sp .feature .bg_white {
	padding: 12px;
}

body.responsive-sp .ul_unit {
	gap: 19px 17px;
}

body.responsive-sp .ul_unit li {
	align-items: center;
}

body.responsive-sp .ul_unit li:nth-child(1) {
	width: 77px;
}

body.responsive-sp .ul_unit li:nth-child(2) {
	width: 98px;
}

body.responsive-sp .ul_unit li:nth-child(2) img {
	width: 76px;
}

body.responsive-sp .ul_unit li:nth-child(3) {
	width: 80px;
}

body.responsive-sp .ul_unit li:nth-child(4) {
	width: 73px
}

body.responsive-sp .ul_unit li:nth-child(5) {
	width: 74px
}

body.responsive-sp .ul_unit li:nth-child(6) {
	width: 74px
}

body.responsive-sp .ul_unit li img {
	height: auto;
}

body.responsive-sp .ul_unit li span {
	margin-top: 12px;
	font-size: 14px;
}

body.responsive-sp .feature_flex_box {
    margin-top: 16px;
}

body.responsive-sp .feature_flex_contents {
    margin-bottom: 24px;
}

body.responsive-sp .feature_flex_contents:last-child {
    margin-bottom: 0;
}
body.responsive-sp .feature_flex_contents span {
    font-size: 14px;
}


/* CTA */
body.responsive-sp .wrap_multi_cta .ttl {
    font-size: 14px;
    margin-bottom: 16px;
    text-align: left;
}

body.responsive-sp .wrap_multi_cta .btn a {
    padding: 15px 0;
    font-size: 14px;
}

body.responsive-sp .img_feature07 {
    margin: 16px auto 32px;
}

body.responsive-sp .img_feature08 {
    margin: 16px 0;
}

body.responsive-sp .img_feature09 img {
    width: 75%;
}

body.responsive-sp .note {
    font-size: 12px;
    line-height: calc(15.6 / 12);
}

/* ========== システム構成 ========== */
body.responsive-sp #cont03 .ttl_multi {
    letter-spacing: 0;
}

body.responsive-sp .img_system01 {
    width: 100%;
    margin: 24px 0;
}

body.responsive-sp .wrap_system_contents {
    padding: 24px 20px;
}

body.responsive-sp .ul_system {
    gap: 32px 48px;
    margin-bottom: 32px;
}

body.responsive-sp .ul_system2 {
    gap: 32px 64px;
}

body.responsive-sp .ul_system li {
    gap: 7px;
    font-size: 12px;
}

body.responsive-sp .ul_system li img {
    height: 107px;
}

/*========== 導入事例 ==========*/
body.responsive-sp .case .right_contents {
	margin: 16px 0 24px;
}

body.responsive-sp #cont04 + .wrap_contents .case .right_contents {
    margin-bottom: 0;
}

body.responsive-sp .wrap_btn {
	margin-top: 24px;
}

body.responsive-sp a.primary_btn {
	margin: 0 auto;
}

body.responsive-sp .wrap_btn .sp:not(:first-child) {
	margin-top: 16px;
}