/*
Theme Name: ugoプロダクトサイトのテーマ
*/
/* 以下にcssを記述 */

/****************************************** Reset */
html{
	scroll-behavior: smooth;
}
/* #wpadminbar{
	display: none;
} */
html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	line-height: 1;
}
body {
	background: #f9f9f9;
	color: #222;
	font-size: 1rem;
	font-family: 'Roboto', "Noto Sans JP", sans-serif;
	-webkit-text-size-adjust: none;
	font-weight: 500;
}
p, time, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	letter-spacing: 0.04em;
}
body p{
	color: #222;
	text-justify: inter-ideograph;
	margin-bottom:0;
	line-height: 1.4;
}
ul, dl, dd {
  margin: 0;
  padding: 0;
  list-style: none;
}
:where(.wp-block-columns) {
	margin-bottom: 0;
}
article, nav, section, figure {
  display: block;
  margin: 0;
  padding: 0;
}
input, textarea, button, select {
  font-family: inherit;
}
button {
  margin: 0;
  padding: 0;
}
table {
  border-spacing: 0;
}
img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
a {
  text-decoration: none;
  color: #222;
}
a:hover {
  text-decoration: none;
}
.wp-block-cover, .wp-block-cover-image{ padding: 0;}

@media screen and (max-width: 1140px) {
  html { font-size: 1.3vw; }
}
@media screen and (max-width: 781px) {
  html { font-size: 100%; }
}


/****************************************** 共通 */
/* 見出し */
h1, h2, h3, h4, h5, h6{
	color: #222;
	font-weight: 500;
	line-height: 1.2
}
h1{
	font-size: 3.25rem;
	line-height: 1.4;
}

/* .h2_default .h2-main{font-size: 2.75rem;} */
.h2_default .h2-subtitle{
	color: #666;
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1;
}
.wp-block-cover.has-white-color .h2_default .h2-subtitle{
	color: #ccc;
}
.h2_default .h2-description{
	font-size: 1.125rem;
	font-weight: 500;
}
h2{font-size: 2.75rem;}
h3{font-size: 1.75rem;}
.h3_36{font-size: 2.25rem;}
h4{font-size: 1.25rem;}
.h4_24{font-size: 1.5rem;}
h5{
	font-size: 1rem;
	font-weight: 500;
}

@media screen and (max-width: 600px) {
	h1{font-size: 3rem;}
/* 	.h2_default .h2-main{font-size: 2.25rem;} */
	h2{font-size: 2.25rem;}
	h3{font-size: 1.5rem;}
	.h3_36{font-size: 1.75rem;}
	h4{font-size: 1.25rem;}
	.h4_24{font-size: 1.25rem;}
}

/* ボタン */
.btn_s>a,
.btn_m>a,
.btn_l>a{
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.04em;
}

.btn_s>.wp-block-button__link{
	font-size: 0.875rem;
	padding: 0.8125rem 1.5rem;
}
.btn_m>.wp-block-button__link{
	font-size: 1rem;
	padding: 1rem 2rem;
}
.btn_l>.wp-block-button__link{
	font-size: 1.25rem;
	padding: 1.875rem 3rem;
}

/* 固定サブナビ */
.sub-nav_sticky{
	position: sticky;
	border-top: solid 1px #e4e4e4;
	border-bottom: solid 1px #e4e4e4;
	top: 0;
	z-index: 98;
	padding: 0 20px;
}
.sub-nav_title{margin-bottom: 0.4em !important;}
.sub-navi--pro{
	border-top-color: #333;
	border-bottom-color: #333;
}
.sub-navi--pro .vk_buttons .vk_button:last-child a{
	background-color: #fff !important;
    color: #222;
}
.anchor{position: relative;}
.anchor.vk_button .has-text-color.vk_button_link-type-text:hover .vk_button_link_txt{
	text-decoration: none !important;
}

.anchor.active::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
}
/* レイアウト */
.w1200, .w1000, .w896{
	width: calc(100vw - 32px);
	margin: 0 auto;
}
@media screen and (min-width: 1032px) {
	.w1000{max-width: 1000px;}
	.w896{max-width: 896px;}
}

@media screen and (min-width: 1232px) {
	.w1200{max-width: 1200px;}
}

.is-layout-flex.gap0{gap: 0;}
/* .is-layout-flex.gap20{gap: 20px;}
.is-layout-flex.gap40{gap: 40px;}
.is-layout-flex.gap60{gap: 60px;} */
.is-layout-flex.gap20{gap: 1.25rem;}
.is-layout-flex.gap40{gap: 2.5rem;}
.is-layout-flex.gap60{gap: 3.75rem;}


/* 動画 */
.video_snap {
	height: 100svh;
	position: sticky;
	top:0;
}
.video_snap.wp-block-video video{
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

/* 区切り線 */
.wp-block-separator{border-width: 1px !important;}


/* スタイル */
.op0{opacity: 0;}
.fill-container{
	width: 100%;
}
.r20, .r20>img, .r20>video{border-radius: 1.25rem;}
.box_outlined{
	border: solid 1px #222;
	border-radius: 1.25rem;
}


/***** 同期パーツ *****/
/* ugo Platform セクション*/
.sec_platform .col-item_platform_btn{
	position: relative;
}
.sec_platform .col-item_platform_btn .wp-block-buttons{
	position: absolute;
	right: 0;
	bottom: 0;
}
@media screen and (max-width: 781px) {
	.sec_platform .col-item_platform_btn .wp-block-buttons{
		position: static;
		right: 0;
		bottom: 0;
	}
}

.sec_platform .vk_tab_bodys_body{
	padding-top: 40px;
}
.sec_platform .is-style-vk_tab_labels-line .vk_tab_bodys {
	border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.sec_platform .is-style-vk_tab_labels-line .vk_tab_labels .vk_tab_labels_label>div{
	color: #fff;
	border: none;
	background-color: transparent;
	height: auto;
}
.sec_platform .is-style-vk_tab_labels-line .vk_tab_labels .vk_tab_labels_label{
	border: none;
	background-color: transparent;
}
.sec_platform .is-style-vk_tab_labels-line .vk_tab_labels .vk_tab_labels_label.vk_tab_labels_label-state-inactive{opacity: .4;}
.sec_platform .is-style-vk_tab_labels-line .vk_tab_labels .vk_tab_labels_label.vk_tab_labels_label-state-inactive:hover{
	opacity: 1;
	background-color: transparent !important;
}
.sec_platform .is-style-vk_tab_labels-line .vk_tab_labels .vk_tab_labels_label.vk_tab_labels_label-state-inactive:hover>div{color: #fff;}
.sec_platform .is-style-vk_tab_labels-line .vk_tab_labels .vk_tab_labels_label.vk_tab_labels_label-state-active{
	background-color: transparent !important;
	border-bottom: solid 2px #fff;
}
.sec_platform .is-style-vk_tab_labels-line .vk_tab_labels .vk_tab_labels_label.vk_tab_labels_label-state-inactive:hover::before,
.sec_platform .is-style-vk_tab_labels-line .vk_tab_labels .vk_tab_labels_label.vk_tab_labels_label-state-active::before{
	background-color: transparent;
}

/* ラインナップ・仕様・比較 */
.col_lineup .img-outer_lineup{
	position: relative;
	height: 540px;
	padding: 0;
	margin: 0 0.625rem;
}
.col_lineup .col-item_spec--mini .img-outer_lineup::after,
.col_lineup .col-item_spec--mini .img-outer_lineup:hover::after,
.col_lineup .col-item_spec--pro .img-outer_lineup::after,
.col_lineup .col-item_spec--pro .img-outer_lineup:hover::after,
.col_lineup .col-item_spec--ex .img-outer_lineup::after,
.col_lineup .col-item_spec--ex .img-outer_lineup:hover::after{
	content: '';
	position: absolute;
	width: 294px;
	height: 540px;
	transform: translatex(-50%);
	left: 50%;
	top:0;
	background-size: contain;
}
.col_lineup .col-item_spec--mini .img-outer_lineup::before{
	content: 'NEW';
	position: absolute;
	font-size: 0.75rem;
	line-height: 2.2;
	padding: 0 1em;
	border: solid 1px #222;
	border-radius: 0.8125rem;
	left: 2rem;
	top: 2rem;
}
.col-item_spec--mini .img-outer_lineup::after{
	transition: all 1s ease-out;
	background-image: url('/wp-content/uploads/2025/03/img_mini-front-01-1.png');
}
.col-item_spec--mini .img-outer_lineup:hover::after{
	background-image: url('/wp-content/uploads/2025/03/img_mini-front-02.png');
}
.col-item_spec--pro .img-outer_lineup::after{
	transition: all 1s ease-out;
	background-image: url('/wp-content/uploads/2025/03/img_pro-front-01.png');
}
.col-item_spec--pro .img-outer_lineup:hover::after{
	background-image: url('/wp-content/uploads/2025/03/img_pro-front-02.png');
}
.col-item_spec--ex .img-outer_lineup::after{
	transition: all 1s ease-out;
	background-image: url('/wp-content/uploads/2025/03/img_ex-front-01.png');
}
.col-item_spec--ex .img-outer_lineup:hover::after{
	background-image: url('/wp-content/uploads/2025/03/img_ex-front-02.png');
}
.col_prod_spec-compare .img-outer_spec{
	margin: 0 10px;
	padding: 40px 0;
}
.block_spec h4{
	margin-bottom: 20px;
}
.col_prod_spec-compare .block_spec--pro h4,
.col_prod_spec-compare .block_spec--ex h4{
	opacity: 0;
}
.block_spec h4+p{
	padding: 20px 20px 40px 0;
	height: 2.25rem;
	border-top: solid 1px #d9d9d9;
	font-weight: 400;
}

@media screen and (max-width: 768px){
	.col_prod_spec-compare{overflow: scroll;}
	.col_prod_spec-compare .wp-block-column{min-width: calc(100vw - 22px);}
}


/* ソリューション×３セクション */
.col_sol-thumbnails{
	justify-content: space-between;
}
.col_sol-thumbnails .wp-block-column:last-child .wp-block-group.is-vertical{
	height: 100%;
	justify-content: space-between;
}
.col_sol-thumbnails .wp-block-cover{
	width: 100%;
	min-height: auto;
	aspect-ratio: 3 / 2;
}
.col_sol-thumbnails .wp-block-cover__inner-container{
/* 	padding: 40px 20px 20px 20px; */
	padding: 2.5rem 1.25rem 1.25rem 1.25rem;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 100%);
}
.col_sol-thumbnails .wp-block-cover__background.has-background-dim{transition: all .3s ease-out;}
.col_sol-thumbnails .wp-block-cover:hover .wp-block-cover__background.has-background-dim{opacity: 0;}
.col_sol-thumbnails .wp-block-cover>img{
	filter: grayscale(.75);
}
.col_sol-thumbnails .wp-block-cover:hover>img{
	filter: grayscale(0);
}
.sec_lineup +  .sec_solutions>span{background-color: #f9f9f9 !important;}




/* サポート */
.col_support>.wp-block-column{
	position: relative;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	transition: all ease 0.3s;
}
.col_support>.wp-block-column:hover{
	transform: translateY(-4px);
	box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.05);
}
.col_support .btn_open{
	position: absolute;
	bottom: 1.25rem;
	right: 1.25rem;
}



/****** 非同期パターン ******/

.col_h4-txt-open>.wp-block-column>.wp-block-group{
	position: relative;
	height: 100%;
/* 	padding:30px 40px 60px; */
	padding:2rem 2.5rem 3.75rem;
	background-color: #fff;
}
.col_h4-txt-open>.wp-block-column>.wp-block-group figure{
	position: absolute;
/* 	bottom: 20px;
	right: 20px */
	bottom: 1.25rem;
	right: 1.25rem;
}
.col_ico-h4-txt>.wp-block-column{ /* 製品ページ概要 */
/* 	padding: 40px 0.75rem; */
	padding: 2.5rem 0.75rem;
}
.col_h4-txt_3>.wp-block-column{
	background-color: #fff;
	padding: 2.5rem;
}
.col_pict-h4 h4{padding: 1.25rem 1rem;}

/* カラム_画像｜h3-h4-テキスト__製品個別ページ・機能ページ */
.col_img--h3-h4-txt ul{
	list-style: disc;
	padding-left: 1.5em;
}
.col_img--h3-h4-txt ul>li{line-height: 1.8;}

.col_img-accordion .vk_accordion{margin-bottom: 0;}
.col_img-accordion .vk_accordion-trigger{padding: 20px 40px 20px 0;}
.col_img-accordion .vk_accordion-target{
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
}
.col_img-accordion .vk_accordion-trigger .vk_accordion-toggle-close::after,
.col_img-accordion .vk_accordion-trigger .vk_accordion-toggle-open::after {right: 3rem !important;}
.col_img-accordion .vk_accordion-trigger .vk_accordion-toggle-open{border-bottom: none;}
.col_img-accordion .vk_accordion-target.vk_accordion-target-open p{
	font-weight: 400;
	margin-bottom: 10px;
}
.col_img-accordion .vk_accordion-target.vk_accordion-target-open ul li{margin-bottom: 10px;}
.col_img-accordion .vk_accordion-target.vk_accordion-target-open ul li::before{content: "-  ";}




/****************************************** ページ固有スタイル */

/****** 製品 ******/
.mv_prod video{
	width: auto;
	height: 100svh;
}
.sec_prod_mv{
	position: relative;
	height: 100svh;
}
.sec_prod_mv .img_fv_logo>img{width: 12svw;}
.sec_prod_mv h1{font-size: 4vw;}

.sec_prod_mv--mini .gr_logo-h1{
	position: absolute;
	z-index: 3;
	bottom: 12svh;
	right: 10svw;
}
.sec_prod_mv--mini .gr_logo-h1 figure{
	text-align: right;
	margin-right: 2rem;
}
.sec_prod_mv--pro .gr_logo-h1{
	position: absolute;
	bottom: 12svh;
	left: 10svw;
}

/* mini */
.img_fv_mini-green, .img_fv_mini{
	position: absolute;
	bottom: 0;
}
.img_fv_mini{
	width: 21.25svw;
	height: auto;
	left: 15svw;
	animation-name: fadein-to-right;
    animation-duration: 2s;
	animation-timing-function: ease-in-out;
}
.img_fv_mini-green{
	width: 36.5svw;
	height: auto;
	left: 22svw
}
/* pro */
.img_fv_pro{
	position: absolute;
	width: 50vw;
	animation-name: fadein-to-left;
    animation-duration: 2s;
	animation-timing-function: ease-in-out;
	left: 48%;
	bottom: 0;
}
/* Ex */
.col_fv-img_ex{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100svh;
	width: 100vw;
}
.col_fv-img_ex img{
	position: absolute;
	height: 74svh;
	width: auto;
	bottom: 0;
}
.col_fv-img_ex .img_fv_ex-l img{
	left: 120px;
	animation-name: fadein-up;
    animation-duration: 1.6s;
	animation-timing-function: ease-in-out;
}
.col_fv-img_ex .img_fv_ex-r img{
	right: 120px;
	animation-name: fadein-up;
    animation-duration: 2.2s;
	animation-timing-function: ease-in-out;
}

@keyframes fadein-to-right{
	0%{
		opacity: 0;
	    transform: translatex(-15%);
	}
	100%{
	opacity: 1;
    transform: translatex(0);
	}
}
@keyframes fadein-to-left{
	0%{
		opacity: 0;
	    transform: translatex(15%);
	}
	100%{
	opacity: 1;
    transform: translatex(0);
	}
}
@keyframes fadein-up{
	0%{
		opacity: 0;
	    transform: translatey(10%);
	}
	100%{
	opacity: 1;
    transform: translatey(0);
	}
}

@media screen and (max-width: 781px) {
	.sec_prod_mv h1{font-size: 8vw;}

	.sec_prod_mv--mini .gr_logo-h1{
		top: 18svh;
		right: 16px;
	}
	.sec_prod_mv--mini .gr_logo-h1 figure{
		margin-right: 1rem;
		margin-bottom: 1rem !important;
	}
	.sec_prod_mv--mini .wp-block-cover__image-background{background-position: 10% 50% !important;}
	.img_fv_mini{
		width: 48svw;
		left: 10svw;
	}
	.img_fv_mini-green{
		width: 82svw;
		height: auto;
		left: 17svw
	}
	.sec_prod_mv--pro .gr_logo-h1{
		bottom: auto;
		top: 16svh;
		left: 16px;
	}
	.img_fv_pro{
		width: 100vw;
		left: 10%;
		bottom: 0;
	}
	.col_fv-img_ex img{height:50svh;}
	.col_fv-img_ex .img_fv_ex-l img{left: -10px;}
	.col_fv-img_ex .img_fv_ex-r img{right: -10px;}
}


@media screen and (min-width: 781px) and (max-width: 1024px){
	.col_fv-img_ex img{height:50svh;}
	.col_fv-img_ex .img_fv_ex-l img{left: 10px;}
	.col_fv-img_ex .img_fv_ex-r img{right: 10px;}
}

@media screen and (max-width: 781px) {
	.cov_mini_pole{
		min-height: 88vh !important;
		overflow: visible;
	}
	.cov_mini_pole.wp-block-cover .wp-block-cover__image-background{
		width: 100vw;
		object-fit: scale-down;
		object-position: 50% 100%;
		margin: 0 -16px;
	}
}
.col_img--spec .col-item_img-logo{ flex-basis: 60% !important; }
.col_img--spec .col-item_spec{ flex-basis: 100% !important; }
.col_img--spec .col-item_img-logo>.wp-block-group{
	position: sticky;
	top: 40px;
}



/****** ソリューション ******/ 

#solution .swiper-pagination{
	display: none;
}
#solution h2{
	font-size: 3.75rem;
	font-weight: 700;
}
@media screen and (max-width: 600px) {
	#solution h2{
		font-size: 9.8vw;
	}
}
/* MV */
.cov_sol_mv>.wp-block-cover__inner-container{ width: 100% !important;}
.cov_sol_mv video{
	position: fixed !important;
	z-index: -1;
}
.cov_sol_mv-inner{
	padding: 5rem;
	width: 100%;
	justify-content: flex-start;
}
.cov_sol_mv-inner p{font-size: 2rem;}

@media screen and (max-width: 781px) {
	.cov_sol_mv-inner{padding: 2.5rem 16px;}
	.cov_sol_mv-inner h1{font-size: 9.5vw;}
	.cov_sol_mv-inner p{font-size: 1.25rem;}
}


/* 課題・ソリューション・効果 */
.sec_sol_problems .wp-block-vk-blocks-animation{width: 100%;}
.sec_sol_problems .col_sol_problems{
	width: 100%;
	gap: 0;
}
.sec_sol_problems .box_outlined{
	width: 100%;
	padding: 1.5rem 0;
}
@media screen and (max-width: 768px) {
	.boxes_sol_problems{flex-wrap: wrap !important;}
}
@media screen and (max-width: 600px) {
	.boxes_sol_problems>.wp-block-group{flex-wrap: wrap;}
}

.sec_sol_solutions{padding: 160px 16px;}
.sec_sol_solutions .col_sol_changes-keibi .wp-block-column:first-child img{
	width: 100%;
}
.sec_sol_solutions .col_sol_changes-tenken{gap: 24px}
.sec_sol_solutions .col_sol_changes-tenken h5{padding: 10px 1rem;}
.sec_sol_solutions .col_sol_changes-tenken h5+figure>img{width: 100%;}
.sec_sol_solutions .col_sol_changes-tenken .wp-block-group.r20{overflow: hidden;}

.sec_sol_solutions .gr_sol_changes-keibi{overflow: hidden;}
.sec_sol_solutions .gr_sol_changes-keibi h5{padding: .5rem 1.5rem;}
.sec_sol_solutions .gr_sol_changes-keibi .wp-block-columns{padding: 0;}

.sec_sol_solutions .cov_sol_solutions{
	padding: 5rem;
}
.sec_sol_solutions video{
	position: static;
	border-radius:20px;
}
.sec_sol_field .sec-title {
	font-size: 2.25rem;
	margin-top: 0;
}
@media screen and (max-width: 781px){
	.sec_sol_solutions .col_sol_changes-keibi{padding-bottom: 1.5rem !important;}
	.sec_sol_solutions .col_sol_changes-keibi .wp-block-column:nth-child(2){padding: 0 1rem;}
}
@media screen and (max-width: 768px) {
	.sec_sol_solutions .cov_sol_solutions{padding: 40px 16px;}
	.sec_sol_field .sec-title {font-size: 1.75rem;}
}
	
.sec_sol_solutions .chip-btns_functions .wp-block-button__link{
	font-size: 0.75rem;
	line-height: 1em;
	padding: 8px 0.75rem;
	border-width: 1px;
	border-radius: 100px;
}
.sec_sol_effects .wp-block-column{
	align-self: stretch;
}
.col_sol_effects .sol-effect{ padding: 60px 40px; }
.sol-effect-1{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
}
.sol-effect-1 img{ width: 100%; }
.slider_sol_field-imgs .swiper-wrapper{
	gap: 20px;
}

/* 導入の流れ */
.sec_sol_flow .vk_step{
	margin: 0
}
.sec_sol_flow .vk_step .vk_step_item{
	margin-bottom: 48px;
}
.sec_sol_flow .vk_step .vk_step_item .vk_step_item_dot {
	width: 3.75rem;
	height: 3.75rem;
	padding: 0;
}
.sec_sol_flow .vk_step .vk_step_item .vk_step_item_dot_num{
	font-size: 2.25rem;	
	line-height: 3.75rem;
}
.sec_sol_flow .vk_step_item_lineStyle-default:not(:last-child)::before {
	width: 2px;
	background: #222;
	top: 4.75rem;
	left: calc(1.875rem - 1px);
}
.sec_sol_flow .vk_step_item_lineStyle-default:last-child::before {display: none;}
.sec_sol_flow .vk_step_item_lineStyle-default:not(:last-child)::after{
	content: '';
	position: absolute;
	width: 40px;
	height: 40px;
	bottom: -12px;
	left: 10px;;
	background-image: url('/wp-content/uploads/2025/03/keyboard_arrow_down.png')
}
.sec_sol_flow ol.wp-block-list>li{
	font-size: 1.5rem;
	line-height: 1.2;
	margin-bottom: 1rem;
}
.sec_sol_flow ol.wp-block-list>li>ul{
	font-size: 1rem;
	line-height: 1.4;
	margin-top: 0.5rem;
}
@media screen and (max-width: 768px) {
	.sec_sol_flow ol.wp-block-list{padding-left: 1.5rem;}
	.sec_sol_flow ol.wp-block-list>li{font-size: 1.25rem;}
}


/* よくあるご質問 */
@media screen and (min-width: 992px) {
	.sec_sol_faq .dl_sol_faq{ margin-left: 40%; }
}
.sec_sol_faq .dl_sol_faq .vk_faq_title,
.sec_sol_faq .dl_sol_faq .vk_faq_content.vk_faq_content-accordion-open{
	padding: 1.75rem .8rem 1.75rem 3rem;
}
.sec_sol_faq .dl_sol_faq .vk_faq_title p{
	line-height: 1.4;
}
.sec_sol_faq .dl_sol_faq .vk_faq_title:before,
.sec_sol_faq .dl_sol_faq .vk_faq_content:before{
	font-family: 'Roboto', sans-serif;
	color: #666666;
	top: 1.5rem;
}

/* 仕様 */
.sec_sol_spec ul.li_sol_pkg-items{
	list-style: disc;
	padding-left: 1.5em;
}
.sec_sol_spec ul.li_sol_pkg-items>li{
	font-size: 1.125rem;
	line-height: 1.4;
	margin-bottom: 0.75rem;
}

.sec_sol_spec .col_h4-txt-open{margin-bottom: 60px;}
.sec_sol_spec .col_h4-txt-open>.wp-block-column>.wp-block-group{
	border: solid 1px #222;
	background-color: transparent;
}
.sec_sol_spec .col_h4-txt-open .chip_option{
	position: absolute;
	top: 30px;
	right: 40px;
	color: #fff;
	background-color: #222;
	font-size: 0.75rem;
	line-height: 1.2;
	letter-spacing: 0;
	padding: 4px 0.5rem;
	border-radius: 99px;
}
/* 機能詳細ページに飛ばすボタン（実装したら表示） */
.sec_sol_spec .col_h4-txt-open figure{
	display: none;
}

@media screen and (max-width: 768px) {
	.sec_sol_spec .col_sol_robot{flex-direction: column-reverse;}
	.sec_sol_spec .col_sol_robot .wp-block-buttons{justify-content: center;}

}



/****** お問い合わせ・デモ体験・製品カタログ ******/
.cov_contact_form{padding: 7.5rem;}
.cov_catalog_form{
	padding: 6rem 4rem;
    box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.05);
}

@media screen and (max-width: 781px) {
	.cov_contact_form{padding: 5rem 16px;}
	.col_img--form{flex-direction: column-reverse;}
	.cov_catalog_form{padding: 4rem 16px;}
}
/* HubSpot form ******************************************************/

.hbspt-form .field.hs-form-field{
	text-align: left;
	margin-bottom: 2.5rem;
}
.hbspt-form label{
	color: #222;
	letter-spacing: 0.04em;
}
.hbspt-form label span{
	display: inline-block;
	margin-bottom: 0.5rem;
}
.hbspt-form .field.hs-form-field span.hs-form-required{
	color: #F44336;
}
.hbspt-form .field.hs-form-field .input>.hs-input{
	width: 100%;
	padding: 0.5rem;
	box-sizing: border-box;
	border: solid 1px #d9d9d9;
	border-radius: 8px;
	font-size: 1rem;
	line-height: 1.5;
}
.hbspt-form .field.hs-form-field .input>.hs-input.error{border: solid 1px #F44336;}
.hbspt-form .field.hs-form-field .input>.hs-input.hs-fieldtype-textarea{
	height: 8rem;
}
.hbspt-form .field.hs-form-field .input input[type="radio"], input[type="checkbox"] {
	transform: translatey(12%);
}

.hbspt-form .hs_submit input[type="submit"]{
	margin: 1.5rem 0;
 	padding: 1rem 8rem;
	border: none;
	border-radius: 99px;
 	background-color: rgba(0, 0, 0, 1);
	color: #fff;
	font-size: 1.25rem;
	letter-spacing: 0.04em;
	font-weight: 500;
}
.hbspt-form .hs_submit input[type="submit"]:hover {
  cursor: pointer;
}

.hbspt-form .hs_lastname, .hbspt-form .hs_firstname{
	float: left;
	width: calc(50% - 0.5rem);
}
.hbspt-form .hs_lastname{
	margin-right: 1rem;
}
.hbspt-form .hs_email::before{
	content: " ";
	display: block;
 	clear: both;
}
.hbspt-form .hs-error-msgs{
	margin-top: 0.4em;
}
.hbspt-form .hs-error-msg{
	color: #F44336;
	font-weight: 400;
	font-size: 0.875rem;
}