@charset "UTF-8";
/*
Theme Name: Emanon Business
Theme URI: https://wp-emanon.jp
Author: 株式会社イノ・コード
Author URI: https://innocord.co.jp/
Description: Emanon BusinessはEmanon Pro専用の子テーマです。Emanon Proの機能に加え、フロントページのデザイン機能を拡張しています。Emanon Pro本体がインストールされていないと動作しませんのでご注意ください。
Template: emanon-pro
Text Domain: emanon
Version: 2.1.1
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, theme-options

Emanon Business用のスタイルを以下に記述
カスタマイズ機能のCSS圧縮をオンにしている場合、オフに切り替えてからスタイルを追加し、その後、再度CSS圧縮をオンにしてください。
*/

/* common */
h1 {
	font-size: var(--ema-font-size-l4) !important;
}
.inner {
	padding: 0 8px;
}
.link-line {
	text-decoration: underline;
}
th, td {
	word-break: normal;
}

@font-face {
	font-family: 'icomoon';
	src:  url('icomoon/fonts/icomoon.eot?czb96g');
	src:  url('icomoon/fonts/icomoon.eot?czb96g#iefix') format('embedded-opentype'),
	  url('icomoon/fonts/icomoon.ttf?czb96g') format('truetype'),
	  url('icomoon/fonts/icomoon.woff?czb96g') format('woff'),
	  url('icomoon/fonts/icomoon.svg?czb96g#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}
  
[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	/* speak: none; */
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
  
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
  

.icon-files-empty:before {
	content: "\e925";
}
.icon-printer:before {
	content: "\e954";
}
.icon-facebook:before {
	content: "\ea91";
}
.icon-instagram:before {
	content: "\ea92";
}
.icon-twitter:before {
	content: "\ea96";
}
.icon-youtube:before {
	content: "\ea9d";
}
.icon-linkedin:before {
	content: "\eaca";
}
.icon-file-pdf:before {
	content: "\eadf";
}
.sns__icons {
	font-size: 3rem;
}
.sns__icons a:not(:last-child) {
	margin-right: 20px;
}
.h2-tittle {
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	max-width: 100%;
	padding: 0!important;
    border-left: none!important;
    background-color: #fff!important;
}
@media screen and ( min-width: 992px ) {
	.h2-tittle {
		font-size: 2.4rem;
	}
}


/* Newsticker section */
.eb-ticker-section {
	display: block;
	height: 48px;
	padding: 0 8px;
	background-color: #f8f8f8;
	font-size: 14px;
	font-size: 1.4rem;
}

.ticker-label {
	float: left;
	margin-right: 8px;
	line-height: 48px;
}

.ticker-label a {
	padding: 4px 6px;
	color: #fff;
	background-color: #161410;
}

.ticker-label a:hover {
	color: #fff;
	background-color: #6584d1;
}

.ticker-date {
	display: none;
}

.ticker-title {
	height: 48px;
	line-height: 48px;
	overflow: hidden;
}

.ticker-title li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* solution section */
.eb-solution-section {
	position: relative;
	padding: 82px 0;
	text-align: center;
	background-color: #fff;
}

.solution-header {
	margin: 0 0 48px 0;
}

.solution-header h3 {
	position: relative;
	margin: 0 0 16px 0;
	font-size: 26px;
	font-size: 2.6rem;
	color: #000c15;
}

.solution-header p {
	margin: 16px 0 32px 0;
	color: #303030;
}

.solution-box-list {
	width: 100%;
	margin: 0 2.6% 32px 0;
	box-sizing: border-box;
	border-radius: 0 0 4px 4px;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}

.solution-box-list:nth-child(3n+1) {
	margin: 0 0 32px 0;
}

.solution-box-list p {
	color: #000c15;
}

.solution-box-icon img {
	width: 96px;
	height: 96px;
	border-radius: 50%;
}

.solution-box-icon i {
	width: 96px;
	height: 96px;
	line-height: 96px;
	border-radius: 50%;
	border: 2px solid #9b8d77;
	color:	#9b8d77;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}

.solution-box-list:hover i {
	box-shadow: 0 0 0 0px #00bcd4;
	background: #9b8d77;
	border: 2px solid #9b8d77;
	color: #fff;
}

.solution-box-detail {
	overflow: hidden;
}

.solution-box-list h3 {
	padding: 16px 0;
	font-size: 20px;
	font-size: 2.0rem;
}

.solution-box-list h3:before,
.solution-box-list h3:after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.solution-box-list h3:before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
}

.solution-box-list h3:after {
	content: ']';
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
	margin-left: 8px;
}

.solution-box-list:hover h3:before,
.solution-box-list:hover h3:after,
.solution-box-list:hover h3:before,
.solution-box-list:hover h3:after {
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}

.bottom-arrow {
	position: absolute;
	left: 50%;
	margin-left: -20px;
	width: 40px;
	height: 40px;
	background: #fff;
	-webkit-transform: rotate( 45deg );
	-moz-transform: rotate( 45deg );
	transform: rotate( 45deg );
	bottom: -20px;
	-webkit-filter: drop-shadow(2px 1px 0px rgba(0,0,0,0.1));
	filter: drop-shadow(2px 1px 0px rgba(0,0,0,0.1));
	z-index: 888;
}

/* Sales section */
.eb-sales-section {
	padding: 82px 0;
	border-top: 1px solid #e2e5e8;
}

.eb-sales-section .inner {
	padding: 0 16px;
}

.sales-section img {
	margin-bottom: 32px;
}

.sales-section-col {
	width: 100%;
}

.sales-header {
	margin: 0 0 64px 0;
	text-align: center;
}

.sales-content p {
	padding-bottom: 16px;
	text-align: justify;
}

.sales-section-cta {
	margin-top: 16px;
	text-align: center;
}

.sales-section-btn {
	width: 100%;
}

.sales-section-btn a {
	background-color: #9b8d77;
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
}

.sales-section-box {
	padding: 56px 0 0 0;
}

.sales-box-list {
	padding-bottom: 32px;
}

.sales-box-list:nth-child(3) {
	padding-bottom: 0;
}

.sales-box-header {
	position: relative;
	margin-bottom: 8px;
}

.sales-box-header h3, .sales-box-header i {
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.sales-box-icon {
	position: absolute;
	top: 0;
	left: 0;
}

.sales-box-detail p {
	padding-bottom: 16px;
	text-align: justify;
}

#sales-section-video {
 width: 100%;
}

.sales-section-video-wrap {
  position: relative;
}

.sales-section-video-btn {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 40px; /*コントローラー分下部に余白を*/
	cursor: pointer;
}

/* Benefit section */
.eb-benefit-section {
	position: relative;
	margin: 90px 0 60px;
	background-color: #f8f8f8;
	text-align: center;
}

.benefit-header {
	margin: 0 0 48px 0;
	padding: 0 16px;
}

.benefit-header h3 {
	position: relative;
	margin: 0 0 16px 0;
	font-size: 26px;
	font-size: 2.6rem;
	color: #000c15;
}

.benefit-header p {
	margin: 16px 0 32px 0;
	color: #303030;
}

.benefit-box-list {
	margin: 0 2.9% 32px 0;
	width: 100%;
	box-sizing: border-box;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}

.benefit-box-icon {
	margin-bottom: 32px;
}

.benefit-box-list:hover {
	background-color: #6584d1;
	color: #fff
}

.benefit-box-icon img {
	width: 350px;
	height: 100%;
}

.benefit-box-list:hover img {
	color: #fff;
}

.benefit-box-icon i {
	font-size: 64px;
	color:	#9b8d77;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}

.benefit-box-list:hover i {
	color: #fff;
	-webkit-transform: TranslateY(-8px);
	transform: TranslateY(-8px);
}

.benefit-box-detail {
	position: relative;
	overflow: hidden;
}

.benefit-box-detail h3 {
	font-size: 20px;
	font-size: 1.2rem;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}

.benefit-box-list:hover h3 {
	color: #fff
}

.benefit-box-list p {
	margin-top: 32px;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}

.benefit-box-list:hover p {
	color: #fff
}

.benefit-section-cta {
	margin: 32px 0;
}

.benefit-section-btn {
	width: 80%;
}

.benefit-section-btn a {
	background-color: #9b8d77;
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
}

@media screen and (min-width: 992px) {
	.benefit-box-detail h3 {
		font-size: 1.8rem;
	}
}

/* Case Section */
.eb-case-section {
	position: relative;
	padding: 86px 16px 54px 16px;
	border-top: 1px solid #e2e5e8;
	background-color: #f8f8f8;
	text-align: center;
}

.case-header {
	margin: 0 0 48px 0;
	padding: 0 16px;
}

.case-header h3 {
	position: relative;
	margin: 0 0 16px 0;
	font-size: 26px;
	font-size: 2.6rem;
	color: #000c15;
}

.case-header p {
	margin: 16px 0 32px 0;
	color: #303030;
}

.case-thumbnail {
	position: relative;
}

.case-thumbnail a {
	display: block;
}

.case-thumbnail img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.case-post {
	padding: 8px 0;
}

.case-title a {
	display: block;
	color: #000c15;
}

.case-title {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}

.case-section-cta {
	margin: 32px 0;
}

.case-section-btn {
	width: 80%;
}

.case-section-btn a {
	background-color: #9b8d77;
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
}

/* Product section */
.eb-product-section {
	padding: 64px 0;
}

.product-message {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	z-index: 300;
}

.product-content {
	margin: 0 16px;
}

.product-content h2 {
	margin: 16px 0;
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}

.product-content p {
	margin: 16px 0;
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}

.product-section-cta {
	margin-top: 32px;
}

.product-section-btn {
	position: relative;
	width: 80%;
}

.product-section-btn a {
	background-color: #9b8d77;
	color: #fff;
}

/* Front cta section */
.eb-front-cta-section {
	padding: 40px 0 72px 0;
	background-color: #161410;
}

.front-cta-header {
	margin: 32px 0 16px 0;
	text-align: center;
}

.front-cta-header h2 {
	font-size: 20px;
	font-size: 2.0rem;
	color: #fff;
}

.front-cta-header-single {
	margin: 32px 0 16px 0;
	text-align: center;
}

.front-cta-header-single h2, .front-cta-header-single .fa {
	font-size: 20px;
	font-size: 2.0rem;
	color: #fff;
}

.front-cta-header .fa {
	margin: 0 8px 0 0;
	font-size: 20px;
	font-size: 2.0rem;
	color: #fff;
}

.front-cta-content dl {
	position: relative;
	padding: 32px;
	border: 1px solid #e2e5e8;
	color: #fff;
	z-index: 300;
}

.front-cta-content dt {
	padding: 0 0 24px 0;
	font-weight: normal;
}

.front-cta-content dd {
	padding: 0;
	text-align: center;
}

.front-cta-tell {
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
}

.front-cta-mail-btn {
	position: relative;
	width: 80%;
}

/* Price section */
.eb-price-section {
	position: relative;
	padding: 86px 0;
	border-top: 1px solid #e2e5e8;
	background-color: #f8f8f8;
}

.price-header {
	margin: 0 0 48px 0;
	text-align: center;
}

.price-header h2 {
	margin: 0 0 16px 0;
	font-size: 26px;
	font-size: 2.6rem;
}

.price-header p {
	margin: 16px 0 32px 0;
	font-size: 18px;
	font-size: 1.8rem;
}

.eb-price-section table {
	table-layout: fixed;
	border: none;
	text-align: center;
}

.eb-price-section table td {
	display: block;
	margin-bottom: 32px;
	padding: 0;
	border: 1px solid #e2e5e8;
	background-color: #fff;
	text-align: center;
	/* vertical-align: inherit; */
}

.eb-price-section table td:hover {
	box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.2);
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.price-item {
	padding: 16px;
	border-bottom: 1px solid #e2e5e8;
	background-color: #9b8d77;
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #303030;
}

.price-selling {
	padding: 16px;
	border-bottom: 1px solid #e2e5e8;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #303030;
}

.price-description {
	padding: 16px;
	line-height: 2;
	font-size: 14px;
	font-size: 1.4rem;
}

.price-section-cta {
	margin: 32px 0;
}

.price-section-btn {
	position: relative;
	width: 80%;
}

.price-section-btn a {
	background-color: #9b8d77;
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
}

.eb-price-section .bottom-arrow {
	background-color: #f8f8f8;
}

/* Category section */
.eb-category-section {
	padding: 86px 0;
	border-top: 1px solid #e2e5e8;
	background-color: #fff;
}

.category-img img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.category-header {
	margin: 0 0 48px 0;
	text-align: center;
}

.category-header p {
	margin: 16px 0 32px 0;
	color: #303030;
}

.category-body {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch;
}

.category-box {
	position: relative;
	margin: 0 0 32px 0;
	width: 100%;
	border-radius: 0 0 4px 4px;
	border: 1px solid #e2e5e8;
	box-sizing: border-box;
	background-color: #f4f4f4;
}

.category-box-list {
	overflow: hidden;
}

.category-box-header {
	position: relative;
	margin-bottom: 32px;
}

.category-box-header h3 {
	padding: 24px 16px 16px 16px;
	text-align: center;
	font-size: 20px;
	font-size: 2.0rem;
}

.category-box-header h3:after {
	content: "";
	position: absolute;
	top: 64px;
	left: 0;
	right: 0;
	width: 32px;
	height: 2px;
	margin: 0 auto;
}

.category-box-header p {
	margin-top: 16px;
	padding: 0 16px;
	font-size: 14px;
	font-size: 1.4rem;
}

.category-box:nth-child(3n+1) {
	margin: 0 0 32px 0;
}

.category-list {
	margin-bottom: 10rem;
}

.category-list li {
	padding: 0px 16px 8px 16px;
	font-size: 16px;
	font-size: 1.6rem;
}

.category-list li a:before {
	content: "-";
	display: inline-block;
	padding-right: 5px;
}

.category-list li a {
	display: block;
	font-weight: bold;
}

.category-box-footer {
	position: absolute;
	right: 0;
	bottom: 24px;
	left: 0;
	width: 100%;
}

.category-btn a {
	background-color: #9b8d77;
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
}

/* Content section */
.home .content {
	border-top: 1px solid #e2e5e8;
}

/* Information section */
.eb-info-section {
	padding: 86px 0;
	border-top: 1px solid #e2e5e8;
	background-color: #f8f8f8;
}

.info-container {
	margin: 0 auto;
	width: 100%;
}

.info-header {
	margin: 0 0 32px 0;
	text-align: center;
}

.info-header p {
	margin: 16px 0;
	font-size: 18px;
	font-size: 1.8rem;
}

.info-container li {
	position: relative;
	border-bottom: 1px dotted #c6ccd1;
	line-height: 1.6;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.info-container li:hover {
	background-color: #fff;
}

.info-meta {
	padding: 16px 0 0 0;
	font-size: 12px;
	font-size: 1.2rem;
}

.info-container h3 {
	display: inline;
	font-weight: normal;
}

.info-container h3 a {
	display: block;
	padding: 4px 0 15px 0;
	font-size: 16px;
	font-size: 1.6rem;
}

.info-section-btn {
	margin-top: 32px;
	width: 80%;
}

.info-section-btn a {
	background-color: #9b8d77;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
}

/* Accordion faq section */
.eb-accordion-faq-section {
	padding: 86px 0;
	border-top: 1px solid #e2e5e8;
	background-color: #fff;
}

.accordion-faq-container {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.accordion-faq-header {
	margin: 0 0 48px 0;
	text-align: center;
}

.accordion-faq-header h2 {
	margin: 0 0 16px 0;
	font-size: 26px;
	font-size: 2.6rem;
}

.accordion-faq-header p {
	margin: 16px 0 32px 0;
	font-size: 18px;
	font-size: 1.8rem;
}

.accordion-faq-content {
	text-align: left;
}

.accordion-faq-content dt {
	position: relative;
	padding: 4px 0 32px 40px;
	font-weight: normal;
	cursor: pointer;
}

.accordion-faq-content dd {
	position: relative;
	margin-bottom: 32px;
	padding: 4px 0 32px 40px;
	border-bottom: 1px solid #e2e5e8;
}

.accordion-faq-content dd a {
	color: #9b8d77;
	text-decoration: underline;
}

.accordion-faq-content dd a:hover {
	color: #b5b5b5;
	text-decoration: none;
}

.accordion-faq-content .question:before {
	display: inline-block;
	content: "Q";
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background: #9b8d77;
	color: #fff;
	border-radius: 50%;
	font-weight: normal;
}

.accordion-faq-content .answer:before {
	display: inline-block;
	content: "A";
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background: #232323;
	color: #fff;
	border-radius: 50%;
	font-weight: normal;
}

.faq-section-btn {
	width: 80%;
}

.faq-section-btn a {
	background-color: #9b8d77;
	color: #fff;
}

/* Contactfrom section */
.eb-contactfrom-section {
	padding: 86px 0;
	border-top: 1px solid #e2e5e8;
	text-align: center;
}

.contactfrom-header {
	margin-bottom: 32px;
}

.contactfrom-content p {
	margin-bottom: 32px;
}

.contactfrom-content .wpcf7 {
	margin: 32px 0;
	padding: 32px 16px;
	background-color: #fff;
}

.contactfrom-content input[type="text"],
.contactfrom-content input[type="email"],
.contactfrom-content input[type="url"],
.contactfrom-content input[type="password"],
.contactfrom-content input[type="search"],
.contactfrom-content input[type="number"],
.contactfrom-content input[type="tel"],
.contactfrom-content input[type="range"],
.contactfrom-content input[type="color"],
.contactfrom-content input[type="time"],
.contactfrom-content input[type="date"],
.contactfrom-content input[type="datetime"],
.contactfrom-content input[type="datetime-local"],
.contactfrom-content input[type="week"],
.contactfrom-content input[type="month"],
.contactfrom-content select,
.contactfrom-content textarea {
	margin: 8px 0 16px 0;
	width: 100%;
	background-color: #f8f8f8;
}

.contactfrom-content-btn a, .contactfrom-content input[type="submit"] {
	margin-top: 32px;
	background-color: #9b8d77;
	color: #fff;
}

.contactfrom-content .wpcf7-response-output {
	margin: 0 auto;
	margin-top: 32px;
	width: 95%;
}

.front-page-widget {
	background-color: #fff;
}

.front-page-widget h2 {
	padding: 32px 0;
	text-align: center;
}

@media screen and ( min-width: 768px ) {
.inner {
	padding: 0;
}

/* Newsticker section */
.ticker-label a {
	padding: 4px 24px;
}

.ticker-label {
	margin-right: 16px;
}

.ticker-date {
	display: inline-block;
}

/* Solution section */
.solution-box-list {
	float: left;
	width: 31.4%;
	margin: 0 2.6% 0 0;
}

/* Sales section */
.sales-section-col {
	float: left;
	margin-left: 2.8%;
	width: 48.6%;
}

.sales-section-col:first-child {
	margin-left: 0;
}

.sales-section-box {
	padding: 0;
}

.sales-section-btn {
	width: 80%;
}

/* Case section */
.eb-case-section {
	padding: 86px 0 54px 0;
}

.case-section-btn {
	width: 40%;
}

/* Price section */
.eb-price-section table td {
	display: table-cell;
}

.price-section-btn {
	width: 40%;
}

/* Product section */
.product-section {
	padding: 64px 0;
}

.product-section-btn {
	width: 50%;
}

/* Info section */
.info-container {
	width: 752px;
}

.info-header {
	margin: 0 0 48px 0;
}

.info-header p {
	margin: 16px 0 32px 0;
}

.info-meta {
	display: inline;
	position: absolute;
	top: 50%;
	left: 0;
	padding: 0 0 0 8px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.info-container h3 {
	display: inline;
}

.info-container h3 a {
	display: block;
	padding: 16px 8px 16px 120px;
}

.info-section-btn {
	width: 40%;
}

/* Accordion faq section */
.accordion-faq-container {
	width: 752px;
}

.faq-section-btn {
	width: 40%;
}

/* Front CTA section */
.eb-front-cta-section {
	padding: 72px 0;
}

.front-cta-col6 {
	position: relative;
	width: 100%;
	margin-left: 0;
}

.front-cta-header {
	margin: 0 0 16px 0;
}

.front-cta-header h2, .front-cta-header .fa {
	font-size: 24px;
	font-size: 2.4rem;
}

.front-cta-single {
	width: 100%;
	margin: 0 auto;
}

.front-cta-header-single {
	margin: 0 0 16px 0;
}

.front-cta-header-single h2, .front-cta-header-single .fa {
	font-size: 24px;
	font-size: 2.4rem;
}

.front-cta-content-single {
	border: 1px solid #e2e5e8;
}

.cta-tel {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.front-cta-mail-btn {
	width: 80%;
}

/* Benefit section */
.benefit-box-list {
	width: 32%;
	margin: 0 0 32px 0;
}

.section-wrapper .benefit-box-list:not(:last-child) {
	width: 32%;
	margin: 0 2% 32px 0;
}
.section-wrapper {
	width: 100% !important;
}

.benefit-section-btn {
	width: 40%;
}

/* Category section */
.category-box {
	float: left;
	width: 31.4%;
	margin: 0 2.6% 32px 0;
}

.category-list li {
	font-size: 14px;
	font-size: 1.4rem;
}

.category-btn {
	width: 80%;
}

/* Accordion faq section */
.accordion-faq-content li {
	padding: 8px 0 32px 56px;
}

/* Contactfrom section */
.contactfrom-content input[type="text"],
.contactfrom-content input[type="email"],
.contactfrom-content input[type="url"],
.contactfrom-content input[type="number"],
.contactfrom-content input[type="tel"],
.contactfrom-content input[type="range"],
.contactfrom-content input[type="color"],
.contactfrom-content input[type="time"],
.contactfrom-content input[type="date"],
.contactfrom-content input[type="datetime"],
.contactfrom-content input[type="datetime-local"],
.contactfrom-content input[type="week"],
.contactfrom-content input[type="month"],
.contactfrom-content select,
.contactfrom-content textarea {
	width: 70%;
}

.contactfrom-content .wpcf7 {
	margin: 32px;
	padding: 32px;
}

.recaptcha-notice {
	text-align:center;	
}

.front-cta-col6 {
	float: left;
	margin-left: 2.8%;
	width: 48.6%;
}

.front-cta-first {
	margin-left: 0;
}

.front-cta-single {
	width: 752px;
}

}

@media screen and ( min-width: 992px ) {
/* Sales section */
.sales-section-btn {
	width: 60%;
}

/* Case section */
.case-section-btn {
	width: 20%;
}

/* Benefit section */
.benefit-section-btn {
	width: 20%;
}

/* Product section */
.product-section-btn {
	width: 35%;
}

/* Price section */
.price-section-btn {
	width: 20%;
}

/* Front CTA section */
.front-cta-mail-btn {
	width: 60%;
}

/* Info section */
.info-container {
	width: 960px;
}

.info-section-btn {
	width: 20%;
}

/* Accordion faq section */
.accordion-faq-container {
	width: 960px;
}

.faq-section-btn {
	width: 20%;
}

}

@media screen and ( min-width: 1200px ) {

}

/* Accordion faq section */

/* トップ追加 */
.header {
	z-index: 999;
}
#mv-area {
	position: relative;
    width: 100%;
	height: 45vh;
	display: -webkit-flex;
	display: flex;
    align-items: center;
	padding-left: 10vw;
	margin-top: -60px;
	overflow: hidden;
	width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}
.mv-catch {
	z-index: 100;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	line-height: 30px!important;
	text-align: left;
	margin-top: 60px;
}
.mv-catch span {
	font-size: 40px;
	line-height: 35px;
}
.mv-filter {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background: linear-gradient(135deg, #000, #000);
    opacity: 0.24;
}
.important-notices {
	margin-top: 30px;
	text-align: center;
}
.important-notices--text {
	padding-top: 15px;
}
.sub-text{
	display: block;
	padding-top: 20px;
}
.basic-btn {
	padding-top: 20px;
}
.basic-btn a {
	position: relative;
	display: block;
	color: #fff;
    width: 200px;
    background-color: #363432;
    margin: 0 auto;
    padding: 5px 30px;
}
.basic-btn a:hover {
	color: #7a7a7a;
	opacity: 0.8;
}
.basic-btn a i {
	position: absolute;
	top: 50%;
	right: 10%;
	transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}
.sp-none {
	display: none;
}
.top-type {
	margin-top: 60px!important;
}
.top-type--tittle {
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.top-type--text {
	font-size: 1.4rem;
	margin-top: 30px;
	text-align: center;
}
.top-type--inner {
	margin-top: 30px;
	max-width: 100%;
}
/* .top-type--list {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
} */
.top-type--list{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr))!important;
	column-gap: 2%;
    row-gap: 12px;
	max-width: 100%;
}
@media screen and (min-width: 992px){
	.top-type--list{
		grid-template-columns: repeat(5, minmax(0, 1fr))!important;
		gap: 2%;
	}
}
.top-type--list .top-type-item {
	border: 1px solid #d9d9d9;
	text-align: center;
	margin-top: 0;
	padding: 10px;
}
@media screen and (min-width: 992px){
	.top-type--list .top-type-item {
		margin-top: 8%;
	}
}
.top-type--list .top-type-item a{
	display: block;
	height: 100%;
}

.top-type--list .top-type-item p {
	margin-top: 0;
}
.top-type--list li {
	width: 49%;
	border: 1px solid #d9d9d9;
	margin-top: 2%;
	margin-right: 2%;
	text-align: center;
}
.top-type--list li:nth-child(1),
.top-type--list li:nth-child(2){
	margin-top: 0;
}
.top-type--list li:nth-of-type(2n) {
	margin-right: 0;
}
.top-type--list li a {
	display: block;
	height: 100%;
	padding: 5px;
}
.top-knowledge {
	margin-top: 60px;
}
.top-knowledge-list {
    max-width: 800px;
    margin: 40px auto 0;
}
.top-knowledge-list li a {
	position: relative;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border: 1px solid #d9d9d9;
	padding: 10px 0;
}
.top-knowledge-list li a::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translate(0, -50%) rotate(45deg);
    -webkit-transform: translate(0, -50%) rotate(45deg);
	right: 20px;
	width: 13px;
	height: 13px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
}
.top-knowledge-list li a:hover {
	border: 1px solid #f1f1f1;
	background-color: #f1f1f1;
}
.top-knowledge-list-image {
	width: 10%;
	margin-left: 2%;
}
.top-knowledge-list-text {
	width: 83%;
	margin-left: 5%;
}
.text-central {
	display: block;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.su-row .su-column-size-1-2 {
		width: 100% !important;
	}
}

@media screen and ( min-width: 675px ) {
	.mv-catch {
		font-size: 35px;
		line-height: 40px;
	}
	.mv-catch span {
		font-size: 60px;
		line-height: 50px;
	}
}

@media screen and ( min-width: 992px ) {
	#mv-area {
		height: 70vh;
		margin-top: 0;
		width: 100vw;
		max-width: 100vw;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		position: relative;
		overflow: hidden;
	}
	.mv-catch {
		font-size: 50px;
		line-height: 50px!important;
		margin-top: 0;
	}
	.mv-catch span {
		font-size: 85px;
		line-height: 80px;
	}
	.important-notices {
		margin-top: 60px;
	}
	.pc-none {
		display: none;
	}
	.sp-none {
		display: block;
	}
	.notice-btn a {
		width: 280px;
		padding: 16px 30px;
	}
	.top-type--tittle {
		font-size: 2.4rem;
	}
	.top-type--list li {
		width: 18.4%;
	}
	.top-type--list li:nth-child(1),
	.top-type--list li:nth-child(2),
	.top-type--list li:nth-child(3),
	.top-type--list li:nth-child(4),
	.top-type--list li:nth-child(5) {
		margin-top: 0;
	}
	.top-type--list li:nth-of-type(2n) {
		margin-right: 2%;
	}
	.top-type--list li:nth-of-type(5n) {
		margin-right: 0;
	}
	.top-type--list li a {
		padding: 10px;
	}
}

@media screen and ( min-width: 1300px ) {
	.mv-catch {
		font-size: 70px;
		line-height: 70px!important;
	}
	.mv-catch span {
		font-size: 100px;
		line-height: 90px;
	}
}

@media screen and ( min-width: 1600px ) {
	.top-type {
		max-width: 1500px;
		margin-top: 80px;
	}
	.top-type--list li {
		width: 18.4%;
	}
}

@media screen and ( min-width: 1800px ) {
	.mv-catch {
		font-size: 80px;
		line-height: 75px;
	}
	.mv-catch span {
		font-size: 130px;
		line-height: 110px;
	}
}

/* ヘッダー変更 */

.header-box {
	position: relative;
	z-index: 999;
	display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
	width: 100%;
    height: 60px;
	background-color: #fff;
    overflow: hidden;
	margin: auto;
}
.header-box .hamburger-menu {
	top: 0;
	right: 16px;
	left: inherit;
	width: 60px;
}
.header-logo {
	width: 100%;
	height: 60px;
	margin-top: 5px;
	margin-left: 8px;
	margin-right: 8px;
}
.header-logo img {
	width: auto;
	height: 50px;
}
.header-main {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.header-main--inner {
	padding-top: 10px;
}
.header-global--nav {
	display: none;
}
.header-global--nav .header-global--menu > a  {
	color: #333;
	text-decoration: none;
}
.header-global--nav .header-global--menu > a:hover {
	opacity: 0.8;
}
.header-global--menu {
	position: relative;
	display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
	-webkit-justify-content: center;
    justify-content: center;
	font-size: 14px;
    letter-spacing: 0.04em;
}
.header-search--menu {
	width: 20%;
}
.child-menu {
	visibility: hidden;
    position: absolute;
    top: 100%;
    left: 50%;
    min-width: 200px;
    transform: translateX(-50%);
    transition: all 0.3s ease-in;
    opacity: 0;
    z-index: 9999;
	color: #fff;
	margin: 0 !important;
	padding: 10px !important;
}
.child-menu--list a {
	display: block;
	color: #fff !important;
	text-decoration: none;
	background-color: #333;
	padding: 10px 15px;
}
.child-menu--list a:hover {
	background-color: #999;
}
.menu-pulldown:hover > .child-menu {
	visibility: visible;
	opacity: 1;
}
.header-contact--area {
	display: none;
	width: 150px;
	height: 100%;
	margin-left: 20px;
}
.header-contact--btn {
	display: -webkit-box;
    display: -webkit-flex;
	display: flex;
    align-items: center;
	-webkit-justify-content: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    color: #fff !important;
	text-decoration: none !important;
	background-color: #1A3D8A;
	padding-left: 20px;
    padding-right: 20px;
}
.header-contact--btn:hover {
	opacity: 0.8;
}
.language-wrap {
	position: relative;
	display: -webkit-box;
    display: -webkit-flex;
	display: flex;
	flex-direction: inherit;
    align-items: center;
}
.language-wrap .language-icon {
	position: relative;
	font-size: 12px;
	background-color: inherit;
	border: none;
}
.language-wrap .language-icon::before {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background-image: url(https://yasuda-seiki.co.jp/wp-content/themes/emanon-premium/assets/images/language.svg);
}
.language-wrap .language-icon:hover {
	opacity: 0.8;
}
.language-menu {
	display: none;
	padding-top: 2px;
	padding-right: 20px;
}
.language-menu .language-menu--btn:first-child {
	margin-right: 10px;
}
.language-menu .language-menu--btn:first-child a {
	font-size: 11px;
	letter-spacing: normal;
	padding: 5px 3px;
}
.language-menu--btn a {
	display: block;
	font-size: 12px;
	color: #fff !important;
	text-decoration: none;
	background-color: #505050;
	padding: 4px 7px;
}
.language-menu--btn a:hover {
	color: #505050 !important;
	background-color: #ccc;
	border-radius: 5px;
}
.language-icon {
	padding-top: 0;
}
.language-wrap .language-icon::before {
	width: 17px;
	height: 17px;
	left: -30%;
	transform: translateX(0);
}
.header-search--menu {
	width: 40%;
	display: none;
}
.header-search--menu .header-seach--textarea {
	font-size: 12px;
}
.header-search--submit {
	padding-top: 0px !important; 
    padding-bottom: 2px !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
}
.header-search--submit .icon-search {
	font-size: 14px;
}
.modal-menu {
	right: 16px !important;
}

@media screen and (min-width: 768px) {
	.header-box {
		width: 100%;
	}
}

@media screen and (min-width: 992px) {
	.header-box {
		width: 960px;
		height: auto;
		overflow: visible;
	}
	.header-search--menu {
		display: block;
	}
	.header-logo {
		width: auto;
		padding-top: 10px;
	}
	.header-logo img {
		height: 60px;
	}
	.header-global--nav {
    	display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		margin: 0 !important;
		padding-top: 10px;
    	padding-bottom: 10px;
	}
	.header-global--nav li {
		margin: 0 !important;
		padding-left: 40px;
		list-style: none;
	}
	.header-global--nav .header-global--menu > a {
		font-size: 13px;
	}
	.header-infomation {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
	}
	.header-contact--area {
		display: block;
	}
	.language-menu {
		display: -webkit-box;
    	display: -webkit-flex;
    	display: flex;
	}
}
@media screen and (min-width: 1200px) {
	.header-box {
		width: 1120px;
	}
	.header-global--nav .header-global--menu > a {
		font-size: 14px;
	}
}

/* トップNewsエリア */
.news-area {
	background-color: #aaa;
	margin-top: 0!important;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	position: relative;
	overflow: hidden;
}
.news-inner {
	padding: 15px 8px;
	max-width: 100%;
}
.news-message {
	text-align: center;
}
.news-message span {
	display: block;
	max-width: 100px;
	color: #fff;
	background-color: #363636;
    margin-bottom: 10px;
}
.news-feed a {
	display: block;
}
.vertical-bar {
	padding-left: 10px;
}
.news-post-title {
	padding-left: 10px;
}
.font-italic em {
	font-weight: inherit;
}

@media screen and (min-width: 768px) {
	.news-inner {
		width: 752px;
		margin: 0 auto;
		padding: 15px 0;
		padding-left: 15px;
	}
	.news-feed a:hover {
		color: #1A3D8A;
		text-decoration: underline;
	}
	.vertical-bar {
		padding-left: 15px;
	}
	.news-post-title {
		padding-left: 15px;
	}
}

@media screen and (min-width: 992px) {
	.news-inner {
		width: 960px;
	}
	.vertical-bar {
		padding-left: 20px;
	}
	.news-post-title {
		padding-left: 20px;
	}
}

@media screen and (min-width: 1200px) {
	.news-inner {
		width: 1120px;
	}
}

/* Query Loopが吐くul/liのデフォルトを無くす */
.news-area .wp-block-post-template{
	list-style: none;
	margin: 0;
	padding: 0;
}
/* 1行にする */
.news-area .wp-block-post-template > li{
	display: flex;
	align-items: center;
	margin: 0;
	cursor: pointer;
	color: var(--ema-link-color); /* ←元のリンク色に寄せる */
}
/* ホバー時（元のリンクhoverに寄せる） */
.news-area .wp-block-post-template > li:hover{
	color: var(--ema-link-hover);
}
/* ブロック由来の余白を無くす */
.news-area .wp-block-post-template > li > *{
	margin: 0;
}
/* 日付・|・タイトルを同じ色に揃える */
.news-area .wp-block-post-date,
.news-area .wp-block-post-date time,
.news-area .vertical-bar,
.news-area .wp-block-post-title,
.news-area .wp-block-post-title a{
	font-size: 16px;
	font-weight: normal;
	color: inherit;
}
/* タイトルのリンク装飾 */
.news-area .wp-block-post-title a{
	text-decoration: none;
	display: inline; /* 不要なら消してOK */
}
/* Noticeとリンクの間隔を調整 */
.news-area .wp-block-query {
	margin-top: 0;
}

/* フォーム調整 */
.table-res-form {
	border: none;
}
.table-res-form th {
	display: block;
	width: 100% !important;
	text-align: left !important;
	background-color: #f5f5f5;
	border: none;
}
th.empty {
	display: none;
}
.table-res-form td {
	display: block;
	border: none;
	padding-top: 15px;
}
.table-res-form tr:not(:last-child) td {
	padding-bottom: 40px;
}
.table-res-form .requied {
	color: #f00;
}
.submit-area {
	margin-top: 30px;
}
input[type="button"],input[type="submit"] {
	display: block;
	max-width: 250px;
	font-size: 18px;
	background-color: #4C9ED9;
	border-radius: inherit;
	margin: 20px auto;
	padding: 15px 70px;
}
.grecaptcha-badge {
	visibility: hidden;
}

@media screen and (min-width: 768px) {
	.table-res-form th {
		display: table-cell;
		width: 40% !important;
		font-size: 20px;
		text-align: right !important;
		vertical-align: top;
		padding: 15px;
	}
	th.empty {
		background: none;
	}
	.table-res-form tr:not(:last-child) td {
		padding-bottom: 15px;
	}
	.table-res-form td {
		display: table-cell;
		vertical-align: top;
		padding: 15px;
	}
	.table-res-form td input[type="text"],.table-res-form td input[type="tel"],.table-res-form td input[type="email"] {
		width: 100%;
	}
	.submit-area {
		margin-top: 60px;
	}
	input[type="button"],input[type="submit"] {
		max-width: 350px;
		font-size: 20px;
    	padding: 20px 130px;
	}
}

/* 20230610アップデート */

/* spメニュー */
.js-hamburger-menu {
	background: none;
    width: 60px;
}
.hamburger-menu-line span {
	display: block;
    width: 70%;
    height: 2px;
    background-color: #333;
    position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	transition: transform .5s, opacity .5s;
	z-index: 100;
}
.hamburger-menu-line span:nth-child(1) {
	top: 30%;
}
.hamburger-menu-line span:nth-child(2) {
	top: 50%;
    margin: auto;
}
.hamburger-menu-line span:nth-child(3) {
	top: 68%;
}
.js-hamburger-menu.is-active .hamburger-menu-line span:nth-child(1) {
	transform: translateX(-16px) translateY(10px) rotate(-45deg);
}
.js-hamburger-menu.is-active .hamburger-menu-line span:nth-child(2) {
	opacity: 0;
}
.js-hamburger-menu.is-active .hamburger-menu-line span:nth-child(3) {
	transform: translateX(-17px) translateY(-12px) rotate(45deg);
}
.sp-menu {
	visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: inherit;
    width: 90%;
    height: 100%;
    padding-top: 12px;
    padding-bottom: 24px;
    padding-right: 16px;
    padding-left: 16px;
    background-color: #fff;
    transform: translate3d(100%, 0, 0);
    transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 99;
}
.sp-menu.is-active {
	visibility: visible;
	transform: translate3d(0, 0, 0);
}
.sp-menu-overlay {
	visibility: hidden;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    animation: fade 0.5s ease-in 0s 1 normal forwards;
    cursor: pointer;
    z-index: 98;
}
.sp-menu.is-active + .sp-menu-overlay {
	visibility: visible;
    display: block;
}
.sp-menu-container {
	margin-top: 50px;
}
.sub-menu {
	padding-left: 10px;
}
.sub-menu-item {
	position: relative;
}
.sp-nav-item:not(:first-child) {
	padding-top: 8px;
} 
.sub-menu-item::before {
	content: "-";
	position: absolute;
	left: -10px;
}
.block-btn {
	border: none;
	border-radius: inherit;
}
.block-btn:hover {
	border-radius: inherit;
	opacity: 0.8;
}
.wp-block-embed.is-type-video {
	width: 80%;
}

@media screen and (max-width: 959px) {
	.hamburger-menu {
		position: inherit;
	}
}

@media screen and (min-width: 992px) {
	.js-hamburger-menu {
		display: none;
	}
}

/* コンテンツ */
.article.paragraph-normal__border, .article.paragraph-narrow__border {
	border: none;
}
.su-column-inner p:not(:first-child) {
	margin-top: 20px;
}
.eb-front-cta-section {
	background-color: #ccc;
}

/* common */
.page-h2 {
	font-size: 24px;
    margin-top: 40px;
    margin-bottom: 30px;
}
.page-h3 {
	font-size: 20px;
	position: relative;
    border-bottom: none !important;
	margin-top: 30px;
	margin-bottom: 20px;
	padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 25px;
}
.page-h3::before {
	content: "";
    position: absolute;
    left: 0;
    height: 35px;
    width: 3px;
    background-color: #1A3D8A;
}
.page-h4 {
	font-size: 18px;
	margin-top: 30px;
	margin-bottom: 20px;
}
.s-annotation {
	font-size: 10px;
}
.inner-contents {
	margin-top: 20px;
}
.sp-inner-contents {
	margin-top: 20px;
}
.text-bold {
	font-weight: bold;
}
.gen-list {
	list-style-type: disc;
}
/* .gen-list li {
	margin-left: ;
} */

@media screen and (min-width: 992px) {
	.page-h2 {
		font-size: 30px;
		margin-top: 60px;
		margin-bottom: 40px;
	}
	.page-h3 {
		font-size: 27px;
		margin-top: 40px;
		margin-bottom: 30px;
	}
	.page-h4 {
		font-size: 24px;
		margin-top: 40px;
		margin-bottom: 30px;
	}
	.s-annotation {
		font-size: 12px;
	}
	.inner-contents {
		margin-top: 30px;
	}
	.sp-inner-contents {
		margin-top: 0;
	}
}

/* news archive */
.news-content-area h1 {
	margin-bottom: 30px;
}
.news-thumbnail {
	height: 250px;
}
.news-thumbnail img {
	width: 100%;
	  height: 100%;
	  object-fit: cover;
}
.news-list li:not(:first-child) {
	margin-top: 40px;
}
.news-tittle {
	padding-top: 10px;
}
.news-tittle h2 {
	font-size: 16px;
	color: #333;
	margin-top: 10px;
}
.news-tittle .post-date {
	font-size: 14px;
	color: #333;
}
.blog-category {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	padding-top: 10px;
}
.category-btn {
	display: block;
	font-size: 12px;
	color: #666;
    background-color: #ddd;
    border-radius: 20px;
    padding: 5px 10px;
	margin-top: 5px;
	margin-right: 10px;
}
.pagination-wrap {
	margin-top: 60px;
}

@media screen and (min-width: 600px) {
	.blog-category {
		padding-left: 24px;
	}
}

@media screen and (min-width: 960px) {
	.news-content-area h1 {
		margin-bottom: 60px;
	}
	.news-wrap {
		margin-top: 40px;
    	margin-bottom: 64px;
	}
	.news-content-area {
		margin-top: 30px;
	}
	.news-main-area {
		margin-top: 30px;
	}
	.news-list {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
	}
	.news-list li {
		width: 31.1111%;
	}
	.news-list li:not(:first-child) {
		margin-top: 0;
	}
	.news-list li:not(:nth-of-type(3n)) {
		margin-right: 3%;
	}
	.news-list li:nth-child(n + 4) {
		margin-top: 40px;
	}
	.category-btn {
		font-size: 14px;
	}
}

/* news post */
.news-contents-main h1 {
	font-size: 32px !important;
}
.news-contents-main h2 {
	position: relative;
	font-size: 26px;
	background: none;
	border-left: none;
}
.news-contents-main h3 {
	font-size: 23px;
}
.news-contents-main h4 {
	font-size: 20px;
}
.news-contents-main h2::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background-image: linear-gradient(to left, #8ba0b6 50%, #3f5973 100%);
}

@media screen and (min-width: 960px) {
	.news-contents-main h1 {
		font-size: 40px !important;
	}
	.news-contents-main h2 {
		font-size: 34px;
	}
	.news-contents-main h3 {
		font-size: 30px;
	}
	.news-contents-main h4 {
		font-size: 26px;
	}
}

/* lp common */
.lp-page ul {
	list-style-type: none;
}
.lp-line-text {
	font-weight: bold;
    background: linear-gradient(transparent 60%, #ff0 60%);
}
.table-area {
	margin-top: 20px;
}
.lp-page section {
	margin-bottom: 90px;
}
.head-text {
	margin-bottom: 30px;
}
.image-c-solo {
	text-align: center;
}
.image-c-twin {
	text-align: center;
}
.image-c-twin .image-twin-inner:not(:first-child) {
	margin-top: 40px;
}
.image-c-text {
	display: flex;
	font-weight: bold;
	margin-bottom: 20px;
}
.lp-sub-title {
	font-weight: bold;
	margin-top: 30px;
}
.lp-image-subtext {
	display: block;
	font-size: 12px;
	text-align: center;
}
.page-text-box {
	margin-top: 30px;
}
.page-text-box p:not(:first-child) {
	margin-top: 20px;
}
.p-tittle {
	font-size: 18px;
	font-weight: bold;
}
.lp-push-contents {
	border: 1px solid #ccc;
	margin-top: 30px;
	padding: 20px;
}
.lp-push-contents-title {
	font-size: 20px;
    display: block;
    margin-bottom: 10px;
}
.f-btn {
	text-align: center;
}
.f-btn p {
	display: inline-block;
	color: #fff;
	min-width: 250px;
	background-color: #505050;
	margin-top: 30px;
	padding: 10px 50px;
}
.contents-list {
	list-style-position: inherit !important;
	padding-left: 1.1rem;
}
.bottom-btn a {
	display: -webkit-box;
    display: -webkit-flex;
    display: flex;
	width: 250px;
	color: #fff;
	justify-content: center;
    align-items: center;
	background-color: #1A3D8A;
	margin: 0 auto;
	padding: 15px 0;
}
.bottom-contact-area {
	border: 2px solid #505050;
    margin-top: 80px;
    padding: 30px 30px 50px;
}
.bottom-contact-area-title {
	font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}
.bottom-contact-area-text {
	margin-bottom: 20px;
}
/*.bottom-contact-area-button {
	text-align: center;
    margin-top: 40px;
}
.bottom-contact-area-button a {
	display: block;
	font-size: 18px;
	color: #fff;
	width: 250px;
    background-color: #1a3d8a;
	margin: 0 auto;
    padding: 10px 30px;
}*/
.scroll-hint-icon {
    top: calc(20% - 25px) !important;
}
.lp-standard-area-title {
	font-size: 24px;
    font-weight: bold;
}
.lp-standard-area ul {
	list-style-type: disc;
}
.page-link-area .image-twin-inner img {
	max-width: 400px;
}
.gen-list li {
	list-style-type: disc;
}
.gen-list-title {
	display: block;
	font-weight: bold;
}
.lp-point-inner {
	position: relative;
    border: 1px solid #ccc;
    margin-top: 40px;
    padding: 40px 30px 20px;
}
.lp-point-inner::before {
	content: "Point";
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    background-color: #1A3D8A;
    padding: 5px 10px;
}
.gray-wrap {
	background-color: #eee;
    margin: 30px 10px 20px 10px;
    padding: 20px;
}
.gray-wrap-title {
	font-weight: bold;
    padding-bottom: 15px;
}
.lp-yss-tester a {
	display: block;
	border: 1px solid #ccc;
    padding: 20px;
}
.lp-yss-tester p {
	color: #303030;
}
.lp-yss-tester-item-title {
	display: block;
	font-size: 20px;
	font-weight: bold;
}
.lp-yss-tester-2item .lp-yss-tester-2item-inner:last-child {
	margin-top: 20px;
}
.lp-yss-tester-3item .lp-yss-tester-3item-inner:not(:first-child) {
	margin-top: 20px;
}
.relationship-tester a {
	display: block;
	border: 1px solid #ccc;
	padding: 20px;
}
.relationship-tester a:not(:first-child) {
	margin-top: 30px;
}
.relationship-tester-caption {
	color: #333;
}
.relationship-tester-caption span {
	padding-bottom: 10px;
}
.lp-image-text {
	display: block;
	font-size: 14px;
	text-align: center;
	margin-top: 20px;
}
.lp-composition-list li:not(:last-child) {
	margin-bottom: 30px !important;
}
.lp-composition-list-tittle {
	display: block;
    font-size: 18px;
    font-weight: bold;
}
.inner-title {
	display: block;
    color: #333;
    font-size: 20px;
    font-weight: bold;
}
.lp-video {
	text-align: center;
}
.lp-calculation {
	margin-top: 20px;
}
.lp-calculation-inner-sp-end {
	margin-top: 30px;
}
.lp-annotation {
	font-size: 14px;
    color: #999;
}

@media screen and (min-width: 992px) {
	.table-area {
		margin-top: 30px;
	}
	.lp-image-size-50 img {
		width: 50%;
	}
	.lp-image-size-70 img {
		width: 70%;
	}
	.image-c-twin {
		display: -webkit-box;
    	display: -webkit-flex;
    	display: flex;
		flex-wrap: wrap;
		gap: 2%;
	}
	.image-twin-inner {
		width: 49%;
	}
	.image-c-twin .image-twin-inner:not(:first-child) {
		margin-top: 0;
	}
	.image-c-twin .image-twin-inner:nth-child(n + 3){
		margin-top: 15px;
	}
	.lp-sub-title {
		margin-top: 50px;
	}
	.lp-push-contents {
		padding: 30px;
	}
	.lp-push-contents-title {
		font-size: 25px;
	}
	.bottom-btn a:hover {
		opacity: 0.8;
	}
	.bottom-contact-area {
		padding: 30px 50px 50px;
	}
	.bottom-contact-area-text {
		margin-bottom: 40px;
	}
	.gray-wrap {
		margin: 20px;
	}
	.lp-yss-tester {
		display: -webkit-box;
    	display: -webkit-flex;
    	display: flex;
	}
	.lp-yss-tester-1item {
		justify-content: center;
	}
	.lp-yss-tester-1item-inner {
		width: 50%;
	}
	.lp-yss-tester-2item {
		gap: 2%;
	}
	.lp-yss-tester-2item-inner {
		width: 49%;
	}
	.lp-yss-tester-2item .lp-yss-tester-2item-inner:last-child {
		margin-top: 0;
	}
	.lp-yss-tester-3item {
		gap: 2%;
	}
	.lp-yss-tester-3item-inner {
		width: 32%;
	}
	.lp-yss-tester-3item .lp-yss-tester-3item-inner:not(:first-child){
		margin-top: 0;
	}
	.lp-yss-tester-inner {
		display: -webkit-box;
    	display: -webkit-flex;
    	display: flex;
		flex-direction: column;
	}
	.lp-yss-tester a {
		flex-grow: 1;
	}
	.relationship-tester a:hover {
		background-color: #efefef;
		border-color: #efefef;
	}
	.relationship-tester figure {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
	}
	.relationship-tester-image {
		width: 20%;
	}
	.relationship-tester-caption {
		width: 75%;
		margin-left: 5%;
	}
	.lp-calculation {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		gap: 4%;
		align-items: center;
		margin-top: 30px;
	}
	.lp-calculation-inner {
		width: 48%;
	}
	.lp-calculation-inner-sp-end {
		margin-top: 0;
	}
	
}

/* corporate infomation case */
.achievement-table {
	margin-top: 20px;
}
.achievement-table tbody tr:nth-child(even) {
	background-color: #f6f6f6;
}
.achievement-table th {
	font-size: 20px;
	background-color: inherit;
	border: none;
	text-align: left;
	padding: 15px;
}
.achievement-table td {
	border: none;
	vertical-align: top;
	padding: 15px;
}

@media screen and (min-width: 960px) {
	.achievement-table th {
		width: 180px;
	}
}

/* lp impact-test */
.impact-test-table thead th {
	background-color: #d6e5f2;
}
.impact-test-methods-body-table thead tr th:first-child {
	min-width: 180px;
}
.impact-test-methods-body-table thead tr th:nth-child(2) {
	min-width: 220px;
}
.impact-test-methods-body-table thead tr th:nth-child(3) {
	min-width: 500px;
}
.impact-test-methods-relater-table thead tr th:first-child {
	min-width: 180px;
}
.impact-test-methods-relater-table thead tr th:nth-child(2) {
	min-width: 500px;
}
.impact-test-charpy-hammers-table thead tr th:first-child {
	min-width: 120px;
}
.impact-test-charpy-hammers-table thead tr th:nth-child(2) {
	min-width: 160px;
}
.impact-test-charpy-hammers-table thead tr th:nth-child(3) {
	min-width: 210px;
}
.impact-test-charpy-hammers-table thead tr th:nth-child(4) {
	min-width: 120px;
}
.impact-test-charpy-hammers-table thead tr th:nth-child(5) {
	min-width: 140px;
}
.impact-test-charpy-hammers-table thead tr th:nth-child(6) {
	min-width: 130px;
}
.impact-test-charpy-anvil-table thead tr th:first-child {
	min-width: 120px;
}
.impact-test-charpy-anvil-table thead tr th:nth-child(2) {
	min-width: 220px;
}
.impact-test-charpy-anvil-table thead tr th:nth-child(3) {
	min-width: 120px;
}
.impact-test-charpy-anvil-table thead tr th:nth-child(4) {
	min-width: 120px;
}
.impact-test-charpy-sample-table thead tr th:first-child {
	min-width: 120px;
}
.impact-test-charpy-sample-table thead tr th:nth-child(2) {
	min-width: 110px;
}
.impact-test-charpy-sample-table thead tr th:nth-child(3) {
	min-width: 110px;
}
.impact-test-charpy-sample-table thead tr th:nth-child(4) {
	min-width: 110px;
}
.impact-test-charpy-sample-table thead tr th:nth-child(5) {
	min-width: 250px;
}
.impact-test-izod-hammers-table thead tr th:first-child {
	min-width: 120px;
}
.impact-test-izod-hammers-table thead tr th:nth-child(2) {
	min-width: 160px;
}
.impact-test-izod-hammers-table thead tr th:nth-child(3) {
	min-width: 230px;
}
.impact-test-izod-hammers-table thead tr th:nth-child(4) {
	min-width: 160px;
}
.impact-test-izod-hammers-table thead tr th:nth-child(5) {
	min-width: 140px;
}
.impact-test-izod-hammers-table thead tr th:nth-child(6) {
	min-width: 140px;
}
.impact-test-izod-anvil-table thead tr th:first-child {
	min-width: 120px;
}
.impact-test-izod-anvil-table thead tr th:nth-child(2) {
	min-width: 280px;
}
.impact-test-izod-anvil-table thead tr th:nth-child(3) {
	min-width: 120px;
}
.impact-test-izod-anvil-table thead tr th:nth-child(4) {
	min-width: 120px;
}
.impact-test-izod-sample-table thead tr th:first-child {
	min-width: 120px;
}
.impact-test-izod-sample-table thead tr th:nth-child(2) {
	min-width: 100px;
}
.impact-test-izod-sample-table thead tr th:nth-child(3) {
	min-width: 100px;
}
.impact-test-izod-sample-table thead tr th:nth-child(4) {
	min-width: 120px;
}
.impact-test-izod-sample-table thead tr th:nth-child(5) {
	min-width: 260px;
}
.impact-test-selection-standard-explanation {
	margin-top: 30px;
}
.impact-test-selection-standard-explanation-title {
	font-weight: bold;
}
.impact-test-selection-standard-reference {
    display: block;
    font-size: 14px;
    color: #999;
	text-align: left;
	margin-bottom: 20px;
}
.impact-test-selection-comparison-table thead tr th:first-child {
	min-width: 120px;
}
.impact-test-selection-comparison-table thead tr th:nth-child(2) {
	min-width: 190px;
}
.impact-test-selection-comparison-table thead tr th:nth-child(3) {
	min-width: 230px;
}
.impact-test-selection-comparison-table thead tr th:nth-child(4) {
	min-width: 350px;
}
.impact-test-selection-calculating {
	margin-top: 30px;
}
.impact-test-selection-calculating-title {
	font-size: 20px;
	font-weight: bold;
}
.impact-test-blow-contents-item:not(:first-child) {
	margin-top: 30px;
}
.impact-test-blow-contents-edgewise-image-inner {
	margin-bottom: 30px;
}
.impact-test-blow-contents-item-image {
	text-align: center;
}
.impact-test-blow-contents-item-title {
	font-size: 20px;
    font-weight: bold;
}
.impact-test-calculating-contents .impact-test-calculating-contents-item:last-child {
	margin-top: 20px;
}
.impact-test-type-digital-product-item:not(:first-child) {
	margin-top: 60px;
}
.impact-test-type-digital-product-item a {
	display: block;
	border: 1px solid #666;
	padding: 20px;
}
.impact-test-type-digital-product-item-catalog img {
	width: 500px;
    height: 500px;
    object-fit: contain;
    border: 1px solid #ccc;
}
.impact-test-yss-banner {
	text-align: center;
}
.impact-test-other-tester-name {
	font-size: 20px;
}

@media screen and (min-width: 960px) {
	.impact-test-blow-contents-item:not(:first-child) {
		margin-top: 60px;
	}
	.impact-test-blow-contents-edgewise-image {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		gap: 6%;
	}
	.impact-test-blow-contents-edgewise-image-inner {
		width: 47%;
		margin-bottom: 0;
	}
	.impact-test-blow-contents-item-image img {
		width: 50%;
	}
	.impact-test-blow-contents-item-title {
		font-size: 24px;
	}
	.impact-test-calculating-contents {
		display: -webkit-box;
    	display: -webkit-flex;
    	display: flex;
		align-items: center;
		gap: 4%;
	}
	.impact-test-calculating-contents-item {
		width: 48%;
	}
	.impact-test-calculating-contents .impact-test-calculating-contents-item:last-child {
		margin-top: 0;
	}
	.impact-test-selection-standard-reference {
		margin-bottom: 30px;
	}
	.impact-test-selection-calculating-title {
		font-size: 27px;
	}
	.impact-test-type-digital-product {
		display: -webkit-box;
    	display: -webkit-flex;
    	display: flex;
		gap: 4%;
	}
	.impact-test-type-digital-product-item {
		width: 48%;
	}
	.impact-test-type-digital-product-item:not(:first-child) {
		margin-top: 0;
	}
	.impact-test-other-tester-name {
		font-size: 24px;
	}
}

/* lp geer-test */
.gear-rubber-symbol {
	margin-bottom: 60px;
}
.gear-rubber-symbol ul {
	background-color: #f0f0f0;
    padding: 10px;
}

@media screen and (min-width: 960px) {
	.geer-evaluation-rubber-inner {
		display: -webkit-box;
    	display: -webkit-flex;
    	display: flex;
		gap: 4%;
	}
	.gear-rubber-calculation {
		width: 40%;
	}
	.gear-rubber-symbol {
		width: 56%;
		margin-bottom: 0;
	}
	.geer-air-power-fomula {
		display: -webkit-box;
    	display: -webkit-flex;
    	display: flex;
		gap: 4%;
	}
	.geer-air-power-fomula-img {
		width: 40%;
	}
	.geer-air-power-fomula-symbol {
		width: 56%;
	}
	.gear-rubber-symbol-top {
		margin-top: 70px;
		margin-bottom: 80px;
	}
}

/* lp hdt-test */
.lp-hdt-test-table thead tr th {
	background-color: #d6e5f2;
}
.lp-hdt-standard-table-f thead tr th:first-child {
	min-width: 150px;
}
.lp-hdt-standard-table-f thead tr th:last-child {
	min-width: 350px;
}
.lp-hdt-standard-table-s thead tr th:first-child {
	min-width: 150px;
}
.lp-hdt-standard-table-s thead tr th:last-child {
	min-width: 350px;
}
.lp-hdt-dtul-table thead tr th:nth-child(2) {
	min-width: 170px;
}
.lp-hdt-dtul-table thead tr th:nth-child(3) {
	min-width: 160px;
}
.lp-hdt-dtul-table thead tr th:nth-child(4) {
	min-width: 280px;
}
.lp-hdt-dtul-table thead tr th:last-child {
	min-width: 280px;
}
.lp-hdt-vst-table thead tr th:nth-child(2) {
	min-width: 220px;
}
.lp-hdt-vst-table thead tr th:nth-child(3) {
	min-width: 200px;
}
.lp-hdt-vst-table thead tr th:nth-child(4) {
	min-width: 200px;
}
.lp-hdt-vst-table thead tr th:last-child {
	min-width: 220px;
}

/* service support */
.service-support section:not(:first-child) {
	margin-top: 60px;
}
.support-contact-tittle {
    font-size: 24px;
	text-align: center;
}
.annotation-strong {
	display: block;
	font-size: 14px;
    font-weight: bold;
}
.service-contact {
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
.inquiry-Form-btn {
	font-size: 18px;
	color: #fff;
	background-color: #1A3D8A;
	padding: 10px 45px;
}
.support-about-image {
	text-align: center;
}
.support-about-image img {
	width: 80%;
}
.warranty-tittle-m {
	margin: 30px 0 15px;
}

@media screen and (min-width: 960px) {
	.service-support section:not(:first-child) {
		margin-top: 90px;
	}
	.support-contact-tittle {
		font-size: 26px;
	}
	.support-about-image img {
		width: 80%;
	}
	.warranty-tittle-m {
		font-size: 18px;
	}
}

/* products page */
#products-menu {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 9999;
}
.products-menu-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	list-style-type: none !important;
	margin-left: 0 !important;
}
.products-menu-inner li {
	width: 50%;
	margin: 0 !important;
}
.products-menu-inner li a {
	display: block;
	font-size: 18px;
	color: #333;
	cursor: pointer;
	text-align: center;
	background-color: #e2e2e2;
	padding: 15px 20px;
}
.products-menu-inner .is-active a {
	color: #fff;
	background-color: #505050;
	border: none;
}
.products-menu-inner li:nth-child(even) a {
	border-left: none;
}
.products-menu-inner li:nth-child(n + 3) a {
	border-top: none;
}
.products-features-item {
	margin-bottom: 90px;
}
.products-h2 {
	font-weight: bold !important;
	font-size: 1.6rem;
	margin-bottom: 20px;
}
.products-h2 + span {
	margin-top: -20px;
}
.products-h3 {
	position: relative;
	z-index: -1;
	border-bottom: none !important;
	margin-top: 30px;
	margin-bottom: 20px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 25px;
}
.products-h3::before {
	content: "";
	position: absolute;
	left: 0;
	height: 35px;
	width: 3px;
	background-color: #1A3D8A;
}
.h2-option {
	position: relative;
}
.h2-option::after {
	content: "*Option";
	position: absolute;
	top: -15px;
    left: 0;
	font-size: 12px;
	color: #f00;
}
.products-overview {
	display: none;
}
.products-specification {
	display: none;
}
.products-option {
	display: none;
}
.products-annotation-strong {
	color: #f00;
}
.products-contents-box.is-show {
	display: block;
}
.products-section-inner:not(:first-child) {
	margin-top: 60px;
}
.products-features-list {
	list-style-type: none !important;
	margin-left: 0 !important;
}
.products-features-list li {
	margin-bottom: 120px !important;
}
.products-features-list-inner-title {
	display: block;
	font-size: 20px;
	margin-bottom: 20px;
}
.products-next-inner-btn {
	width: 240px;
	cursor: pointer;
	margin: 0 auto;
}
.products-next-inner-btn:nth-child(n + 2) {
	margin: 20px auto 0;
}
.products-next-inner-btn-text {
	display: block;
	color: #fff;
	background-color: #505050;
	border-radius: 3px;
	text-align: center;
	padding: 10px;
	transition: all 0.3s ease;
}
.products-next-contact {
	margin-top: 20px;
}
.product-contact-area {
	border: 2px solid #505050;
    margin-top: 80px;
    padding: 30px 30px 50px;
}
.product-contact-area-tittle {
	font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}
.product-contact-area-btn {
	width: 270px;
	margin: 20px auto 0;
}
.product-contact-area-btn a {
	display: block;
	color: #fff;
	font-weight: bold;
	background-color: #1a3d8a;
	border-radius: 3px;
	text-align: center;
	padding: 15px;
	transition: all 0.3s ease;
}
.products-specification-table tbody tr th {
	text-align: left;
}
.products-table-annotation {
	display: block;
}
.products-option-inner-item:not(:first-child) {
	margin-top: 40px;
}
.products-option-inner-item-title {
	display: block;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 20px;
}
.products-option-inner-item-subtext {
	font-size: 12px;
}
.products-option-inner-item-image {
	width: 60%;
}
.products-table-btn {
	padding: 30px 0;
}
.products-table-btn a {
	display: block;
	width: 90%;
	color: #fff;
	background-color: #505050;
	text-align: center;
	margin: 0 auto;
	padding: 5px;
}
.series-section-inner {
	margin-bottom: 60px;
}
.series-section-inner .products-features-item {
	margin-top: 60px;
}
.series-features-list {
	list-style-type: none !important;
	margin-left: 0 !important;
}
.series-features-list li {
	margin-bottom: 120px !important;
}
.series-features-list-inner {
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
}
.series-features-list-inner-text {
	order: 2;
}
.series-features-list-inner-image {
	order: 1;
	margin-bottom: 30px;
}
.series-features-list-sub-title {
	display: block;
	font-size: 18px;
	color: #999;
	text-align: center;
	margin-bottom: 60px;
}
.series-comparison sup {
	font-size: 10px;
}
.series-comparison-table thead tr th {
	min-width: 320px;
	background-color: #d6e5f2;
}
.series-comparison-table thead tr th:first-child {
	min-width: 160px;
}
.series-comparison-table tbody tr:nth-child(even) {
	background-color: #fafafa;
}
.products-table-caption {
	display: block;
    font-size: 12px;
}
.series-features-h2 {
	position: relative;
	font-size: 32px !important;
	font-weight: bold !important;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 60px;
}
.series-h3 {
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.series-overview {
	display: none;
}
.series-comparison {
	display: none;
}
.series-lineup-inner .series-lineup-inner-box:not(:last-child) {
	margin-bottom: 30px;
}
.series-lineup-inner-box {
	display: block;
	color: #333;
	border: 1px solid #ccc;
	padding: 15px;
}
.products-standard-list {
	list-style-type: none !important;
	margin-left: 0 !important;
}
.new-products-introduction {
	display: block;
	background-color: #eee;
	padding: 20px;
}
.new-products-introduction-image {
	padding: 10px;
}
.new-products-introduction-text {
	color: #333;
}
.new-products-introduction-mark {
	display: block;
	font-size: 23px;
	color: #f00;
}
.new-products-introduction-title {
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.new-products-introduction-btn {
	text-align: center;
	margin-top: 20px;
}
.new-products-introduction-btn a {
	display: block;
	max-width: 250px;
	color: #fff;
	font-weight: bold;
	background-color: #505050;
	margin: auto;
	padding: 15px;
}
.new-products-introduction-btn a:hover {
	opacity: 0.8;
}

@media screen and (min-width: 960px) {
	.products-menu-inner {
		justify-content: center;	
	}
	.products-menu-inner li {
		width: auto;
	}
	.products-menu-inner li a {
		width: 250px;
		font-size: 20px;	
	}
	.products-menu-inner li:nth-child(even) a {
		border-left: inherit;
	}
	.products-menu-inner li:nth-child(n + 2) a {
		border-left: none;
	}
	.products-h2 {
		font-size: 2rem;
	}
	.products-features-item {
		margin-bottom: 120px;
	}
	.products-section-inner:not(:first-child) {
		margin-top: 90px;
	}
	.products-features-list-inner {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		gap: 5%;
		align-items: center;
	}
	.products-features-list-inner-image {
		width: 45%;
	}
	.products-features-list-inner-text {
		width: 50%;
	}
	.products-features-list li:nth-child(odd) .products-features-list-inner .products-features-list-inner-image {
		order: 1;
	}
	.products-features-list li:nth-child(odd) .products-features-list-inner .products-features-list-inner-text {
		order: 2;
	}
	.products-features-list li:nth-child(even) .products-features-list-inner .products-features-list-inner-image {
		order: 2;
	}
	.products-features-list li:nth-child(odd) .products-features-list-inner .products-features-list-inner-text {
		order: 1;
	}
	.products-features-list-inner-title {
		font-size: 22px;
		margin-bottom: 30px;
	}
	.products-next-inner {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		gap: 50px;
	}
	.products-next-inner-btn {
		margin: 0;
	}
	.products-next-inner-btn:nth-child(n + 2) {
		margin: 0;
	}
	.products-option-inner-item-title {
		font-size: 24px;
	}
	.products-option-inner-item-subtext {
		font-size: 14px;
	}
	.products-option-inner-item .products-option-banner img {
		width: 70%;
	}
	.products-section-contents {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
	}
	.products-section-inner .products-section-contents:not(:first-child) {
		margin-top: 60px;
	}
	.products-section-contents-image {
		width: 45%;
	}
	.products-section-contents-table {
		width: 55%;
	}
	.products-charpy-table {
		font-size: 14px;
	}
	.products-charpy-table th {
		padding: 6px;
	}
	.products-charpy-table td {
		padding: 6px;
	}
	.products-charpy-table thead th:first-child {
		width: 60px;
	}
	.series-section-inner {
		margin-bottom: 90px;
	}
	.series-features-h2 {
		font-size: 40px !important;
	}
	.series-h3 {
		text-align: left;
	}
	.series-features-list-inner {
		flex-direction: inherit;
		gap: 5%;
		align-items: center;
	}
	.series-features-list-sub-title {
		font-size: 20px;
		text-align: left;
	}
	.series-features-list-inner-image {
		width: 45%;
		order: inherit;
		margin-bottom: 0;
	}
	.series-features-list-inner-text {
		width: 50%;
		order: inherit;
	}
	.series-comparison-table thead tr th {
		min-width: inherit;
	}
	.series-comparison-table thead tr th:first-child {
		min-width: inherit;
	}
	.series-comparison-3products thead tr th {
		width: 27%;
	}
	.series-comparison-3products thead tr th:first-child {
		width: 19%;
	}
	.series-comparison-4products thead tr th {
		width: 21%;
	}
	.series-comparison-4products thead tr th:first-child {
		width: 16%;
	}
	.series-lineup-inner {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		gap: 2%;
		align-items: stretch;
		list-style-type: none !important;
		margin-left: 0 !important;
	}
	.series-lineup-inner-box {
		width: 23.5%;
	}
	.series-lineup-inner .series-lineup-inner-box:not(:last-child) {
		margin-bottom: 0;
	}
	.new-products-introduction {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		gap: 5%;
		align-items: center;
	}
	.new-products-introduction-image {
		width: 45%;
		padding: 15px;
	}
	.new-products-introduction-text {
		width: 50%;
	}
	.new-products-introduction-mark {
		display: block;
		font-size: 25px;
	}
	.new-products-introduction-title {
		font-size: 22px;
	}
	.new-products-introduction-btn a {
		max-width: 300px;
		margin: 0;
	}
}

/* top reason */
.yss-reason {
	margin-top: 90px!important;
}
.reason-tab {
	margin-top: 40px;
}
.tab-switching {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	gap: 1%;
	justify-content: center;
	list-style-type: none !important;
}
.tab-switching li {
	margin: 0 !important;
}
.tab-switching-btn {
	width: 110px;
	clip-path:polygon(0 0, 78% 0, 100% 102%, 0 102%);
	cursor: pointer;
	text-align: left;
	padding: 10px 15px 10px 5px;
	background-color: #9e9e9f;
}
.tab-switching-btn.is-active {
	background-color: #1a3d8a;
}
.tab-switching-btn-text {
	position: relative;
	font-size: 18px;
	color: #fff;
}
.tab-switching-btn-text-pc {
	display: none;
}
.reason-contents {
	display: grid;
	width: 100vw;
	position: relative;
    left: calc(50% - 50vw);
	background-color: #1a3d8a;
}
.reason-main {
	width: 100vw;
	background-color: #1a3d8a;
	visibility: hidden;
	opacity: 0;
	grid-row: 1 / 1;
    grid-column: 1 / 1;
}
.reason-main.is-show {
	visibility: visible;
	opacity: 1;
	transition: opacity 200ms ease, visibility 0s;
}
.reason-main-inner {
	padding: 60px 25px 30px;
}
.reason-main-inner-text {
	color: #fff;
}
.reason-main-inner-text h3 {
	font-size: 45px;
	font-weight: bold;
}
.reason-main-inner-image {
	margin-top: 30px;
}
.reason-text-sub-title {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	gap: 5%;
	align-items: center;
}
.reason-text-sub-title-line2 {
	width: 10%;
}
.reason-text-sub-title-line2 span {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #fff;
}
.reason-text-sub-title-mes2 {
	width: 85%;
}
.reason-main-inner-text-sub-title {
	font-size: 25px;
	font-weight: bold;
	padding-top: 20px;
}
.reason-main-inner-text p {
	padding-top: 30px;
}

@media screen and ( min-width: 500px ) {
	.tab-switching-btn {
		width: 145px;
	}
}

@media screen and ( min-width: 700px ) {
	.tab-switching-btn {
		width: 200px;
		clip-path:polygon(0 0, 85% 0, 100% 102%, 0 102%);
	}
	.tab-switching-btn-text::before {
		content: "";
		position: absolute;
		top: 6px;
		right: -35px;
		border: 10px solid transparent;
		border-top: 11px solid #fff;
	}
}

@media screen and ( min-width: 960px ) {
	.reason-tab {
		margin-top: 60px;
	}
	.tab-switching {
		gap: 20px;
	}
	.tab-switching-btn {
		width: 290px;
		clip-path:polygon(0 0, 93% 0, 100% 102%, 0 102%);
		padding: 10px;
	}
	.tab-switching-btn-text {
		font-size: 21px;
	}
	.tab-switching-btn-text::before {
		top: 8px;
		right: -40px;
		border: 12px solid transparent;
		border-top: 13px solid #fff;
	}
	.tab-switching-btn-text-pc {
		display: inherit;
	}
	.reason-quality .reason-main-inner {
		align-items: center;
	}
	.reason-technical .reason-main-inner {
		align-items: center;
	}
	.reason-main-inner {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		gap: 5%;
		padding: 30px 25px 30px;
	}
	.reason-main-inner-text {
		width: 58%;
	}
	.reason-main-inner-image {
		width: 37%;
		margin-top: 0;
	}
	.reason-main-inner-image-onright {
        position: absolute;
        right: 25px;
	}
}
@media screen and (min-width: 1250px) {
	.tab-switching-btn {
		width: 380px;
	}
	.tab-switching-btn-text {
		font-size: 28px;
	}
	.tab-switching-btn-text::before {
		top: 12px;
		right: -45px;
		border: 16px solid transparent;
		border-top: 17px solid #fff;
	}
	.reason-main-inner {
		width: 1250px;
        margin: auto;
        padding: 40px 35px;
	}
}
@media screen and (min-width: 1450px) {
	.reason-main-inner-image-onright {
        position: inherit;
		right: inherit;
	}
}

/* ここから追加分 */
/* =========================
   EPB Tab：見た目を元デザインに寄せる
   ========================= */

/* タブ一覧の外観（ul相当） */
.yss-reason .epb-tab__list {
  display: flex;
  justify-content: center;
  gap: 1%;
  margin-top: 40px;
}

@media (min-width: 960px) {
  .yss-reason .epb-tab__list {
    gap: 20px;
    margin-top: 60px;
  }
}

/* EPB側のラッパー（div）余白・ズレを潰す */
.yss-reason .epb-tab-control {
  margin: 0 !important;
}

/* タブボタン（button）＝元の .tab-switching-btn 相当 */
.yss-reason .epb-tab__list-item {
  position: relative;
  display: block;
  width: 110px !important; /* EPBは変数で幅を持つので上書き */
  clip-path: polygon(0 0, 78% 0, 100% 102%, 0 102%);
  cursor: pointer;
  text-align: left !important; /* HTMLに text-align:center が入ってるので潰す */
  padding: 10px 15px 10px 5px;
  background-color: #9e9e9f!important;
  color: #fff!important;
  border: 0;
  line-height: normal;
}

/* アクティブ色（元の .is-active 相当） */
.yss-reason .epb-tab__list-item[aria-selected="true"] {
  background-color: #1a3d8a!important;
}

/* 幅・形状のレスポンシブ（元CSS踏襲） */
@media (min-width: 500px) {
  .yss-reason .epb-tab__list-item {
    width: 145px !important;
  }
}

@media (min-width: 700px) {
  .yss-reason .epb-tab__list-item {
    width: 200px !important;
    clip-path: polygon(0 0, 85% 0, 100% 102%, 0 102%);
  }
}

@media (min-width: 960px) {
  .yss-reason .epb-tab__list-item {
    width: 290px !important;
    clip-path: polygon(0 0, 93% 0, 100% 102%, 0 102%);
    padding: 10px;
  }
}

@media (min-width: 1250px) {
  .yss-reason .epb-tab__list-item {
    width: 380px !important;
  }
}

/* 文字サイズ（元の .tab-switching-btn-text 相当） */
.yss-reason .epb-tab__list-item {
  font-size: 18px;
}

@media (min-width: 960px) {
  .yss-reason .epb-tab__list-item {
    font-size: 21px;
  }
}

@media (min-width: 1250px) {
  .yss-reason .epb-tab__list-item {
    font-size: 28px;
  }
}

/* 矢印を「テキストの直後」に出す（重なり解消） */
@media (min-width: 700px){
  .yss-reason .epb-tab__list-item{
    display: inline-flex;          /* テキスト＋矢印を横並びにする */
    align-items: center;
    justify-content: flex-start;
    gap: 0;                        /* gapは使わずmarginで微調整 */
    padding-right: 22px;           /* 斜めカットに近づきすぎないよう保険 */
  }
  .yss-reason .epb-tab__list-item::after{
    content: "";
    position: static;
    display: inline-block;
    flex: 0 0 auto;
    margin-left: 10px;             /* “テキストのすぐ右”の距離 */
    transform: translateY(5px);    /* 見た目の上下微調整 */

    border: 10px solid transparent;
    border-top: 11px solid #fff;
    pointer-events: none;
  }
}

@media (min-width: 960px){
  .yss-reason .epb-tab__list-item{
    padding-right: 26px;
  }
  .yss-reason .epb-tab__list-item::after{
    margin-left: 12px;
    transform: translateY(7px);
    border: 12px solid transparent;
    border-top: 13px solid #fff;
  }
}

@media (min-width: 1250px){
  .yss-reason .epb-tab__list-item::after{
    margin-left: 14px;
    transform: translateY(10px);
    border: 16px solid transparent;
    border-top: 17px solid #fff;
  }
}

/* =========================
   パネル：フル幅青背景 + 余計な白背景/パディングを消す
   ========================= */

/* ===== パネル領域（inner）をフル幅にする ===== */
.yss-reason .epb-tab__inner{
  width: 100vw;
  position: relative;
  left: calc(50% - 50vw);
  overflow: hidden; /* EPBのスライド演出を維持 */
}

/* パネルは inner の幅(=100vw)に合わせる。leftはEPB生成CSSに任せる */
.yss-reason .epb-tab__panel{
  width: 100%;
  padding-top: 40px;
  padding-left: 0;
  padding-right: 0;
  background-color: #1a3d8a !important;
  border: 0 !important;
}

/* EPBがpanel-bodyに入れる白背景・パディングが邪魔なら無効化 */
.yss-reason .epb-tab__panel-body{
  padding: 0 !important;
  background: transparent !important;
}

/* タブ3つ固定なら横スクロール不要。スクロールバー(横線)を消す */
.yss-reason .epb-tab.is-style-epb-tab-row .epb-tab__list{
  overflow-x: visible !important;
  scroll-snap-type: none !important;
}

/* SPだけ3番目のタブラベルを短縮表示 */
@media (max-width: 959px){
  .yss-reason [data-tab-id] .epb-tab__list .epb-tab-control:nth-child(3) .epb-tab__list-item{
    font-size: 0;
  }
  .yss-reason [data-tab-id] .epb-tab__list .epb-tab-control:nth-child(3) .epb-tab__list-item::before{
    content: "Technical";
    font-size: 18px;
    line-height: normal;
    color: #fff;
  }
}

@media (min-width: 960px){
  /* 親を横並び前提に固定（Gutenbergカラムの挙動がブレるのを抑える） */
  .yss-reason .reason-main-inner .wp-block-columns{
    flex-wrap: nowrap;
    align-items: center;
    gap: 5%;
  }

  /* テキスト側 */
  .yss-reason .reason-main-inner .wp-block-column.reason-main-inner-text{
    width: 58% !important;
    max-width: 58% !important;
    flex: 0 0 58% !important;
  }

  /* 画像側 */
  .yss-reason .reason-main-inner .wp-block-column.reason-main-inner-image{
    width: 37% !important;
    max-width: 37% !important;
    flex: 0 0 37% !important;
    margin-top: 0 !important;
  }
}

/* SP(<=959px)：カラムを強制的に縦積みにする */
@media (max-width: 959px){
  .yss-reason .reason-main-inner .wp-block-columns{
    display: block !important;
  }

  .yss-reason .reason-main-inner .wp-block-column{
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 画像側の上余白は元デザイン踏襲 */
  .yss-reason .reason-main-inner-image{
    margin-top: 30px !important;
  }
}

.yss-reason .reason-main-inner-text p {
	margin-top: 0;
}

.yss-reason .reason-text-sub-title {
	margin-top: 0;
}

/* 線は親divの ::before で描く */
.yss-reason .reason-text-sub-title-line2{
  position: relative;
}
.yss-reason .reason-text-sub-title-line2::before{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #fff;
}

.yss-reason .reason-text-sub-title-mes2 {
	margin-top: 0;
}

.yss-reason .reason-main-inner-text-sub-title {
	padding-top: 0;
}

.yss-reason .reason-main-inner {
    padding-top: 0;
}

@media screen and (min-width: 960px) {
        .yss-reason .reason-main-inner .wp-block-column.reason-main-inner-image.reason-main-inner-image-onright {
        position: absolute;
        right: -25px;
		width: 41%!important;
    	max-width: 41%!important;
		flex: 0 0 35% !important;
    }
}

/* common */
.article-body iframe {
	display: block;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.sp-hidden {
	display: none;
}
@media screen and ( min-width: 960px ) {
	.sp-hidden {
		display: block;
	}
	.pc-hidden {
		display: none;
	}
}

/* 試験解説 */
.machine-about--detail ul {
	list-style-type: none !important;
}
.machine-about--detail---list {
	margin-left: 0 !important;
}
.machine-about--detail---list li {
	border: 1px solid #ccc;
	box-shadow: 5px 5px 5px #aaa;
}
.machine-about--detail---list li a {
	display: block;
	padding: 30px;
}
.machine-about--detail---list li:first-child {
	margin-top: 0 !important;
}
.machine-about--detail---list li:not(:first-child) {
	margin-top: 30px !important;
}
.machine-about--detail---image {
	text-align: center;
}
.machine-about--detail---text {
	color: #333;
	text-align: center;
}
.machine-about--detail---text h3 {
	font-size: 17px;
}
.testing-number {
	font-size: 14px;
	margin-top: 10px;
}
.machine-about--bottom_contents {
	margin-top: 50px;
}
.machine-about--bottom_contents p {
	font-size: 18px;
}
.machine-about--bottom_contents---image {
	text-align: center;
	margin-top: 30px;
}

@media screen and (min-width: 1200px) {
	.machine-about--example---list {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
	}
	.machine-about--example---list li {
		width: calc((100% - 40px) / 3);
	}
	.machine-about--example---list li:not(:first-child) {
		margin-top: 0;
		margin-left: 20px;
	}
	.machine-about--example---list li p {
		font-size: 17px;
	}
	.machine-about--detail---list {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
	}
	.machine-about--detail---list li {
		width: calc((100% - 40px) / 3);
		margin-left: 20px;
	}
	.machine-about--detail---list li a {
		padding: 20px;
	}
	.machine-about--detail---list li:not(:first-child) {
		margin-top: 0 !important;
	}
	.machine-about--detail---list li:nth-child(3n - 2) {
		margin-left: 0;
	}
	.machine-about--detail---list li:nth-child(n + 4) {
		margin-top: 30px !important;
	}
}

/* 右下追従バナー設置 */
.banner {
  width: 260px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 99999999;
}

.banner__inner {
  width: auto;
}

.banner__image {
  width: 260px;
  max-width: 80vw;
  height: auto;
  display: block;
}
.banner__close {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: none;
  background: #222;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  line-height: 26px;
  text-align: center;
  margin-left: auto;
  display: block;
  z-index:10000;
}
@media screen and (max-width: 768px) {
  .banner {
	 width: 140px;
    right: 10px;
    bottom: 10px;
  }

  .banner__image {
    width: 140px;
  }
}

/* ベネフィットセクション追加分 */
/* =========================
   Benefit（固定ページ/ブロック版）上書き
   ========================= */
/* Benefit外枠を100vwにする */
.eb-benefit-section {
	margin: 90px 0 60px!important;
	width: 100vw;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}

@media screen and (max-width: 599px) {
  .eb-benefit-section{
	left: 0;
  }
}

.eb-benefit-section .section-inner {
	padding-top: 80px;
	padding-bottom: 80px;
}

/* Gutenbergのgrid親を .section-wrapper にしておく
   もし付けていない場合でも効くように両方拾う */
.eb-benefit-section .section-wrapper,
.eb-benefit-section .wp-block-group.is-layout-grid{
  width: 100% !important;
}

/* SP(〜767)は1列に固定：親グリッドを潰す */
@media screen and (max-width: 767px){
  .eb-benefit-section .section-wrapper,
  .eb-benefit-section .wp-block-group.is-layout-grid{
    grid-template-columns: 1fr !important;
  }

  /* 元CSSのSP縦並びの見た目に寄せる */
  .eb-benefit-section .section-wrapper > .benefit-box-list,
  .eb-benefit-section .wp-block-group.is-layout-grid > .benefit-box-list{
    width: 100% !important;
    margin: 0 0 32px 0 !important;
  }
}

/* 768px〜はgridに任せるので、width/marginの衝突防止 */
@media screen and (min-width: 768px){
  .eb-benefit-section .section-wrapper > .benefit-box-list,
  .eb-benefit-section .wp-block-group.is-layout-grid > .benefit-box-list{
    width: auto !important;
    margin: 0 !important;
  }
}

.eb-benefit-section .benefit-box-list-inner {
  width: 100%;
  height: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 4px;
  background-color: #556d91;
  transition: all 0.3s ease;
  backface-visibility: hidden;
}

/* ブロック側のデフォルト余白が残ると、元の「アイコン下32px」などが二重になる */
.eb-benefit-section .benefit-box-icon figure{
  margin: 0; /* 画像ブロック(figure)のデフォルトmarginを無くす */
}

/* 元CSSは img に width:350px 固定。ブロック画像は大きいので、
   350px上限は維持しつつ、スマホではみ出ないようにする */
.eb-benefit-section .benefit-box-icon img{
  width: 100%;          /* 親幅に合わせる */
  max-width: 350px;     /* 元の見た目上限 */
  height: auto;         /* 画像潰れ防止 */
}

/* Gutenberg側の制約レイアウトが中身の中央寄せ/幅制限を邪魔する場合があるので解除 */
.eb-benefit-section .benefit-box-list.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
  max-width: none;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* リンクを白へ */
.eb-benefit-section .benefit-box-detail h3 a,
.eb-benefit-section .benefit-box-detail p a
 {
  color: #fff;
}

/* hover時、リンクが個別に付くと色が戻ることがあるので、強制的に白へ */
.eb-benefit-section .benefit-box-list:hover a,
.eb-benefit-section .benefit-box-detail p a{
  color: #fff;
}


/* CTAセクション追加分 */
/* CTA外枠を100vw にする */
.wp-block-group.eb-front-cta-section{
  width: 100vw;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* CTA内：wp-block-columns が content-size(768) に絞られるのを解除 */
.eb-front-cta-section .l-content.front-cta > .wp-block-columns{
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* テーマの [class*="column-"] 誤爆を打ち消して、PCは2カラムを均等割り */
@media screen and (min-width: 992px){
  .eb-front-cta-section .wp-block-columns > .wp-block-column{
    width: auto !important;
    flex: 1 1 0 !important;
    max-width: none !important;
  }
}

/* CTA内：Gutenbergの is-layout-flow のデフォルト縦余白(32px)を潰す */
.eb-front-cta-section :where(.is-layout-flow) > *{
  margin-block-start: 0 !important;
}
.eb-front-cta-section .front-cta__content,
.eb-front-cta-section .front-cta__tell {
	margin-top: 16px!important;
}

@media screen and (max-width: 599px) {
  .eb-front-cta-section .wp-block-columns {
	gap: 0;
  }
}


/* ヘッダーメニュー追加分 */
/* =========================
   ヘッダーメニュー
   ========================= */
/* ヘッダー上段のサイト説明バーを非表示（全ページ） */
.l-header .top-bar{
  display:none !important;
}

/* PCヘッダーのメニューULを2段化する */
#gnav .header-menu{
  display: flex;
  flex-wrap: wrap !important;
  align-items: center;
  justify-content: flex-end;    /* 下段メニューは右寄せ */
}

/* 先頭に挿した「言語＋検索」を上段として独立させる */
#gnav .header-menu > .my-header-utility{
  flex: 0 0 100%;
  order: -1;
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0;
}
/* 上段と下段の位置調整 */
@media screen and (min-width: 960px) {
    .header-menu-row .header-menu > .menu-item > a {
        height: 20px;
    }
}

/* 上段の中身（言語＋検索）を右寄せで横並び */
#gnav .my-header-utility-inner{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}

/* Utility Menu（日本語/中文）を横並びに */
#gnav .my-utility-menu{
  display: flex;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#gnav .my-utility-menu li{
  margin: 0;
  padding: 0;
}

#gnav .my-utility-menu a{
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border: 1px solid currentColor;
  text-decoration: none;
  font-size: 12px;
  line-height: 1;
}

/* 検索フォーム */
#gnav .header-search--menu .search-form{
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}

.header-search--menu {
    width: 28%;
}

/* 下矢印非表示 */
.header-menu > .menu-item.menu-item-has-children > a span::after {
	display: none;
}

/* ABOUT USの位置調整 */
#gnav .header-menu > li.menu-aboutus > a{
	padding-right: 0;
}

/* CTAをボタンっぽく */
#gnav .header-menu > li.menu-cta > a{
  display:inline-flex;
  align-items:center;
  padding: 10px 16px;
  text-decoration:none;
  line-height:1;
  width: 150px;
  height: 87px;
  background-color: #1A3D8A;
  color: #fff;
}

/* メニューを中央寄せしたい場合（CTA分の余白を右に確保） */
#gnav .header-menu{
  right: 30px;
  padding-right: 170px; /* CTAぶんの空き */
  position:relative;
}

/* CTAを右に固定配置（上段/下段がある場合は調整が必要） */
#gnav .header-menu > li.menu-cta{
  position:absolute;
  right:0;
  /* topは環境でズレるので必要なら微調整 */
  top: 50%;
  transform: translateY(-50%);
}

/* サブメニュー */
@media screen and (min-width: 960px) {
    .header-menu .sub-menu {
        min-width: 140px;
        background-color: #333;
		padding-left: 0;
		top: 158%;
    }
	.header-menu .sub-menu a{
		font-size: 14px!important;
		text-align: left;
	}
	.header-menu > li.menu-cta > a{
		font-size: 16px!important;
	}
}