@charset "utf-8";
/*
Theme Name:mrp04-child
Template:mrp04
Version: 0.01
*/
/*-----------------BODY--------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html {
	font-size: 62.5%;
}

body {
	overflow-x: hidden;
	font-size: 1.6rem;
	font-size: calc(1.6rem + (1vw - 19.2px) * 0.1294);
	font-weight: 400;
	letter-spacing: .05rem;
	counter-reset: titlenum;
}

body.mobile #mainImg,
body.mobile #breadcrumb {
	margin-top: 0;
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.fa,
.far,
.fas {
	font-family: "Font Awesome 5 Brands", "Font Awesome 5 Free";
	font-weight: normal;
}

input[type="submit"],
input[type="reset"],
input[type="button"] {
	background: var(--black);
	transition: .4s;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	background: #7b7b7b;
}

/*-----------------------------------------
	カラー
-----------------------------------------*/
:root {
	--white: #fff;
	--black: #222;
	--cyan: #00a0e9;
	--magenta: #e4007f;
	--yellow: #fff100;
	--gray: #bbb;
	/* 背景カラー */
	--bg-lightGray: #efefef;
	--txt-yellow: #ffca00;
}

.c-blue {
	color: var(--cyan) !important;
}

.c-magenta {
	color: var(--magenta) !important;
}

.c-yellow {
	color: var(--txt-yellow) !important;
}

/*-----------------BODY--------------------------------------------*/
/*-----------------ヘッダー--------------------------------------------*/
/*------PC・SP共通
--------------------------------------------*/
.bg .inner {
	width: auto;
}

/*------レスポンシブ
--------------------------------------------*/
@media print,
screen and (max-width: 1023px) {
	body.mobile {
		margin-top: 0;
	}
}

/*-----------------ヘッダー--------------------------------------------*/
/*-----------------フッター--------------------------------------------*/
/*------共通
--------------------------------------------*/
#footer {
	background: #ffffff;
	font-size: calc(1.4rem + (1vw - 19.2px) * 0.1294);
	padding: calc(95px + (1vw - 19.2px) * 2.5890) 0 calc(35px + (1vw - 19.2px) * 0.9709);
	border-top: 1px solid #eee;
}

#footer a {
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}

#footer .inner {
	width: 95%;
	max-width: 1100px;
}

#footer ul {
	font-size: 100%;
	padding: 0;
}

#footer ul li {
	display: block;
	padding: 0;
	margin: 0;
}

#footer ul li::before {
	content: none;
	position: static;
	top: auto;
	left: auto;
	width: auto;
	height: auto;
	background: none;
}

#footer ul li a {
	padding: 0;
}

#footer img {
	width: auto;
	max-width: 100%;
}

/*------フッターロゴ
--------------------------------------------*/
#footer .footer__logo {
	margin: 0 auto calc(90px + (1vw - 19.2px) * 2.5890);
}

#footer .footer__logo img {
	width: auto;
	max-height: calc(100px + (1vw - 19.2px) * 1.9417);
}

/*------フッターナビ
--------------------------------------------*/
#footer .footnav {
	float: none;
}

#footer .footnav ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#footer .footnav ul li {
	width: 100%;
	text-align: center;
	padding: 0 10px;
}

/*------スティッキーバナー
--------------------------------------------*/
.sticky_banner {
	/* 250701 none→block */
	display: block;
	position: fixed;
	z-index: 100;
	right: 20px;
	/* 250701 75→25 */
	bottom: 20px;
	
	transition: opacity 0.5s ease;
}

.sticky_banner_img {
	display: block;
	width: 270px;
	filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
	/* 250701追加 */
    position: relative;
    left: -70px;
}

.close_btn {
	position: absolute;
	top: 0;
	right: 0;
	/* 250701追加 */
	left: 190px;
	
	z-index: 110;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.close_btn span {
	position: relative;
	width: 100%;
	height: 2px;
	background: #000;
	transform: rotate(45deg);
}

.close_btn span:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background: #000;
	transform: rotate(-90deg);
}

@media print,
screen and (min-width: 769px) {
	#footer .footnav ul li {
		width: auto;
	}
}

@media print,
screen and (max-width: 768px) {
	.sticky_banner {
		/* 250701追加 */
		display: none !important;
		
		right: 10px;
		bottom: 105px;
	}

	.sticky_banner_img {
		/* 250701追加 */
		display: none !important;
		
		width: 150px;
	}

	.close_btn {
		/* 250701追加 */
		display: none !important;
		
		top: -20px;
	}
}

/* 250701追加 */
/*------chatBot
--------------------------------------------*/
@media screen and (max-width: 768px) {
  /* スマホサイズ(768px 以下)でチャットアイコンを非表示 */
	.embeddedMessagingConversationButton {
    display: none !important;
  }
  .embeddedMessagingIconChat {
    display: none !important;
  }
}

/*------コピーライト
--------------------------------------------*/
.copyright {
	padding: 0;
	color: #808080;
	background: none;
	font-size: calc(1.4rem + (1vw - 19.2px) * 0.1942);
	margin: 30px auto 0;
}

/*-----------------フッター--------------------------------------------*/
/*----------------メインイメージ--------------------------------------------*/
#mainImg {
	position: relative;
	z-index: 30;
	-webkit-box-shadow: 0 20px 40px rgb(0 0 0 / 5%);
	box-shadow: 0 20px 40px rgb(0 0 0 / 5%);
}

/*----------------メインイメージ--------------------------------------------*/
/*-----------------見出し--------------------------------------------*/
/*------共通
--------------------------------------------*/
h1.title,
.post h1,
.post h2,
.post2b h2,
.post4b h2,
h2.title,
.post h3,
.post h4,
.post h5,
.post h6 {
	line-height: 1.4;
	background: none;
}

.post h1 span,
.post h2 span,
.post h3 span,
.post h4 span {
	padding: 0;
}

/*------h1タイトル
--------------------------------------------*/
h1.title,
.post h1 {
	font-size: calc(4rem + (1vw - 19.2px) * 0.9061);
	font-weight: 700;
	text-align: center;
	letter-spacing: normal;
	padding: 0;
	margin: 0 auto calc(75px + (1vw - 19.2px) * 2.9126);
}

header#h1Header h1.title {
	color: #222;
	font-size: calc(4.6rem + (1vw - 19.2px) * 1.2945);
	/* 46to26(1920-375) */
	font-weight: 700;
	letter-spacing: .2rem;
	text-shadow: none;
}

/*------h2タイトル
--------------------------------------------*/
.post h2 {
	font-size: calc(4.6rem + (1vw - 19.2px) * 1.4239);
	font-weight: 700;
	text-align: center;
	padding: 0;
	margin: min(calc(90px + (1vw - 19.2px) * 3.2362), 90px) auto min(calc(45px + (1vw - 19.2px) * 1.6181), 45px);
	/* 90to40 45to20 */
}

.post .headTtl h2,
.post .headTtl .enTtl {
	color: #fff;
	margin: 0 auto;
}

/* .post .headTtl .enTtl {
	font-size: calc(2.4rem + (1vw - 19.2px) * 0.5178);
} */
/*------h3タイトル
--------------------------------------------*/
.post h3 {
	color: #fff;
	background: var(--black);
	font-size: calc(2.8rem + (1vw - 19.2px) * 0.6472);
	font-weight: 700;
	text-align: center;
	padding: min(calc(35px + (1vw - 19.2px) * 0.9709), 35px);
	/* 35 to 20 */
	margin: calc(80px + (1vw - 19.2px) * 0.9709) auto calc(60px + (1vw - 19.2px) * 1.9417);
}

.post h3.flatTtl {
	color: #222;
	background: none;
	padding: 0;
	margin-bottom: calc(30px + (1vw - 19.2px) * 0.9709);
}

/*------h4タイトル
--------------------------------------------*/
.post h4 {
	position: relative;
	font-size: calc(2.8rem + (1vw - 19.2px) * 0.7767);
	font-weight: 600;
	text-align: center;
	padding: 0;
	margin: calc(70px + (1vw - 19.2px) * 2.5890) auto calc(30px + (1vw - 19.2px) * 0.9709);
	/* 70to30,30to15 */
	border: none;
}

.post h4.aboveBdr::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: #222;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: -1;
}

.post h4.aboveBdr span {
	display: table;
	max-width: 90%;
	background: #fff;
	margin: 0 auto;
	padding: 0 calc(25px + (1vw - 19.2px) * 0.6472);
}

.post h4.personalTtl {
	font-size: calc(1.8rem + (1vw - 19.2px) * 0.2589);
	text-align: left;
	margin: 0 auto 20px;
}

/*------h5タイトル
--------------------------------------------*/
.post h5.radiusTtl {
	display: table;
	width: 100%;
	max-width: 280px;
	color: #fff;
	background: #222;
	font-size: calc(1.6rem + (1vw - 19.2px) * 0.1294);
	font-weight: 600;
	text-align: center;
	padding: 20px 30px;
	margin: 40px auto 20px;
	border-radius: 50vw;
}

/*------h6タイトル
--------------------------------------------*/
.post h6 {
	font-size: calc(1.6rem + (1vw - 19.2px) * 0.1294);
	font-weight: 600;
	text-align: center;
	padding: 0 0 10px;
	border-bottom: 1px solid #222;
	margin: 0 0 15px;
}

/*------サブタイトル
--------------------------------------------*/
.enTtl,
.kvTtl,
.view {
	font-family: 'Poppins', 'Noto Sans JP', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'Meiryo UI', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.enTtl {
	display: block;
	color: var(--cyan);
	font-size: calc(1.6rem + (1vw - 1.92rem) * 0.2589);
	/* 16 to 12 */
	font-weight: 600;
	letter-spacing: 0.2rem;
}

#breadcrumb .enTtl,
.page-sitemap .post .enTtl {
	display: none;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
}

.subTtl {
	display: block;
	font-size: calc(1.8rem + (1vw - 19.2px) * 0.3236);
	margin: 15px auto;
}

/*------上部マージン消去
--------------------------------------------*/
h1.title:first-child,
.post h1:first-child,
#front-sectionPost h1:first-child,
.post h2:first-child,
.post h3:first-child,
.post h3.col-in-h3:first-child,
.post h4:first-child,
.subTtl:first-child {
	margin-top: 0;
}

/*------下部マージン消去
--------------------------------------------*/
/* h1.title:last-child, .post h1:last-child, .subTtl:last-child {
	margin-bottom: 0;
} */
/*-----------------見出し--------------------------------------------*/
/*-----------------パンくずリスト--------------------------------------------*/
#breadcrumb {
	padding: calc(24px + (1vw - 19.2px) * 0.9061) calc(60px + (1vw - 19.2px) * 2.5890);
	background: #f5f5f5;
}

#breadcrumb ul {
	width: 98%;
	max-width: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding: 0;
}

#breadcrumb ul li {
	float: none;
}

#breadcrumb ul li:first-child {
	margin-left: 0;
}

/*-----------------お問い合わせフォーム--------------------------------------------*/
.wpcf7-form {
	padding: 0;
}

span.wpcf7-list-item {
	margin: 0 10px 0 0;
}

.wpcf7-form .must,
.wpcf7-form .option {
	font-size: 75%;
}

/*-----------------お問い合わせフォーム--------------------------------------------*/
/*-----------------共通--------------------------------------------*/
/*------ラッパーコンテンツ
--------------------------------------------*/
#full-wrapper .post {
	margin: 0 auto;
}

.wrapper-content {
	position: relative;
	width: 90%;
	max-width: 1100px;
	margin: auto;
	z-index: 5;
}

.content-inner .wrapper-content {
	max-width: 1040px;
}

/*------フレックスボックス
--------------------------------------------*/
.flexbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexbox+.flexbox {
	margin-top: calc(80px + (1vw - 19.2px) * 1.9417);
}

.row-reverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.item-center {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}

.w30 {
	width: 28.5%;
}

.w40 {
	width: 38.5%;
}

.w50 {
	width: 48.5%;
}

.w60 {
	width: 58.5%;
}

.w70 {
	width: 68.5%;
}

/*------pタグ
--------------------------------------------*/
.post p {
	padding-bottom: 0;
	line-height: 2.2;
}

/*------リスト
--------------------------------------------*/
.post ul {
	margin: 0;
}

.post ol {
	margin: 1.2em 0 1.2em 1.2em;
}

.post ul.discList {
	list-style: disc;
	margin: 1.2em 0 1.2em 1.2em;
}

.post ul.noteList {
	margin: 1.2em 0;
}

.post li {
	line-height: 2.2;
	margin: 0;
}

.post ul.noteList li {
	position: relative;
	font-size: calc(1.2rem + (1vw - 19.2px) * 0.1294);
	font-weight: 400;
	text-align: left;
	line-height: 1.6;
	padding-left: 1.2em;
}

.post ul.noteList li::before {
	position: absolute;
	content: '※';
	top: 0;
	left: 0;
}

.post ol.personalList>li {
	margin-bottom: 1.2em;
}

.post ol:first-child,
.post ul.discList:first-child,
.post ul.noteList:first-child {
	margin-top: 0;
}

.post ol:last-child,
.post li:last-child,
.post ul.discList:last-child,
.post ul.noteList:last-child {
	margin-bottom: 0;
}

.post dt,
.post dd {
	line-height: 2.2;
}

/*------テーブル
--------------------------------------------*/
.post table,
.post table th,
.post table td {
	border: 1px solid #dfdfdf;
}

.post table {
	margin: calc(30px + (1vw - 19.2px) * 0.6472) auto;
	/* 30to20 */
}

.post table th,
.post table td {
	padding: calc(10px + (1vw - 19.2px) * 0.3236) calc(15px + (1vw - 19.2px) * 0.4531);
}

.post table th {
	width: 25%;
}

.post table:first-child {
	margin-top: 0;
}

.post table:last-child {
	margin-bottom: 0;
}

/*------画像
--------------------------------------------*/
.post img {
	vertical-align: middle;
}

.post img.aligncenter {
	margin: 0 auto;
}

.aspectImg,
.squareCut {
	position: relative;
	overflow: hidden;
}

.aspectImg::before {
	content: '';
	display: block;
	padding-top: 66.7%;
}

.squareCut::before {
	content: '';
	display: block;
	padding-top: 100%;
}

.aspectImg img {
	position: absolute;
	width: 101%;
	max-width: none;
	height: auto;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.squareCut img {
	position: absolute;
	width: auto;
	max-width: none;
	height: 101%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/*------リンクボタン
--------------------------------------------*/

.home a.morelinkBtn {
	-webkit-box-shadow: 15px 25px 30px rgb(0 0 0 / 15%);
	box-shadow: 15px 25px 30px rgb(0 0 0 / 15%);
}

.arrow {
	position: absolute;
	width: calc(70px + (1vw - 19.2px) * 2.2654);
	height: 1px;
	background: #fff;
	top: 50%;
	right: 0;
	-webkit-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}

a.morelinkBtn:hover .arrow {
	-webkit-transform: translate(20%, -50%);
	-ms-transform: translate(20%, -50%);
	transform: translate(20%, -50%)
}

.linkBtn-area,
.post .linkBtn-area {
	position: relative;
	text-align: center;
	margin: 50px auto;
	z-index: 10;
}

a.external::after {
	content: '\f08e';
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	font-weight: bold;
	margin-left: 10px;
}

.linkBtn-area:first-child {
	margin-top: 0;
}

.linkBtn-area:last-child {
	margin-bottom: 0;
}

/*------アンカーリンク
--------------------------------------------*/
.anchorLink::before {
	content: '';
	display: block;
	padding-top: 80px;
	margin-top: -80px;
}

/*------注釈・強調テキスト
--------------------------------------------*/
.note,
.inlinenote {
	font-size: 1.2rem;
	font-weight: 400;
}

.note {
	display: block;
}

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

.nowrap {
	display: inline-block;
}

.blTxt,
.post .blTxt {
	color: var(--cyan);
}

.redTxt,
.post .redTxt {
	color: #ff0000;
}

.orangeTxt,
.post .orangeTxt {
	color: var(--txt-yellow);
}

.greenTxt,
.post .greenTxt {
	color: #43ab43;
}

.read-txt,
.post .read-txt {
	text-align: center;
	letter-spacing: calc(.1rem + (1vw - 19.2px) * 0.0324);
	line-height: 2.4;
	margin: calc(60px + (1vw - 19.2px) * 1.9417) auto;
	/* 60to30 */
}

.read-txt:last-child {
	margin-bottom: 0;
}

.read-txt.left {
	text-align: left;
}

.top-null {
	margin-top: 2rem;
}

.emTxt {
	font-size: calc(2.8rem + (1vw - 19.2px) * 0.6472);
	font-weight: 600;
}

.midTxt {
	font-size: calc(2.6rem + (1vw - 19.2px) * 0.6472);
	line-height: 1;
	vertical-align: sub;
}

/*------ギャラリー
--------------------------------------------*/
.gallery {
	margin: calc(50px + (1vw - 19.2px) * 1.2945) auto !important;
}

.gallery>br {
	display: none;
}

.gallery>*:last-child {
	display: block;
}

.gallery:first-child,
.gallery:nth-child(2) {
	margin-top: 0 !important;
}

.gallery:last-child {
	margin-bottom: 0 !important;
}

.gallery-item {
	margin-top: 0 !important;
	line-height: 0;
	margin-bottom: calc(20px + (1vw - 19.2px) * 0.7819);
}

.gallery-caption {
	line-height: 1.8;
	margin: 1rem auto 0 !important;
	padding: 0;
}

.gallery-columns-2 .gallery-item {
	width: calc(100% / 2) !important;
}

.gallery-columns-3 .gallery-item {
	width: calc(100% / 3) !important;
}

.gallery-columns-4 .gallery-item {
	width: calc(100% / 4) !important;
}

.gallery-columns-5 .gallery-item {
	width: calc(100% / 5) !important;
}

.gallery-columns-6 .gallery-item {
	width: calc(100% / 6) !important;
}

.gallery-columns-1 .gallery-item img,
.gallery-columns-2 .gallery-item img,
.gallery-columns-3 .gallery-item img,
.gallery-columns-4 .gallery-item img,
.gallery-columns-5 .gallery-item img,
.gallery-columns-6 .gallery-item img {
	max-width: 95%;
}

/*------レスポンシブ時、改行無し、左揃え
--------------------------------------------*/
@media print,
screen and (min-width: 769px) {
	.pc-center {
		text-align: center;
	}
}

@media print,
screen and (max-width: 768px) {
	.br-none br {
		display: none;
	}
}

/*------横100%
--------------------------------------------*/
#wrapper,
#content,
.post {
	overflow: visible;
}

.fullwidthBox {
	position: relative;
	margin-right: calc(((100vw - 100%) / 2) * -1);
	margin-left: calc(((100vw - 100%) / 2) * -1);
	padding: 30px calc((100vw - 100%) / 2);
}

/*------Googleマップ
--------------------------------------------*/
.googlemap {
	padding-bottom: 45%;
	margin: 50px auto;
}

.googlemap:first-child {
	margin-top: 0;
}

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

/*-----------------共通--------------------------------------------*/
/*-----------------トップ--------------------------------------------*/
/*------共通
--------------------------------------------*/
.home #content,
.home #content.wide {
	width: 100%;
	padding: 0;
}

.front-contents {
	position: relative;
}

.front-contents>* {
	position: relative;
	z-index: 5;
}

.circleDeco,
.itemfigure,
.deco_wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.circleDeco {
	z-index: 0;
}

.circleDeco>*,
.itemfigure>* {
	position: absolute;
}

.y-s img {
	max-width: calc(240px + (1vw - 19.2px) * 10.0446);
}

.y-l img {
	max-width: calc(600px + (1vw - 19.2px) * 16.7411);
}

.b-s img {
	max-width: calc(350px + (1vw - 19.2px) * 16.7411);
}

.b-m img {
	max-width: calc(480px + (1vw - 19.2px) * 22.3214);
}

.b-l img {
	max-width: calc(600px + (1vw - 19.2px) * 22.3214);
}

/*------sec01
--------------------------------------------*/
#sec01 {
	padding: calc(140px + (1vw - 19.2px) * 4.4643) 0 calc(200px + (1vw - 19.2px) * 7.8125);
}

#sec01 .wrapper-content {
	max-width: 1500px;
	margin-right: calc(100px + (1vw - 19.2px) * 11.1607);
}

#sec01 h1 {
	text-align: left;
}

#sec01 a.morelinkBtn {
	min-width: calc(500px + (1vw - 19.2px) * 13.3929);
	font-size: calc(2rem + (1vw - 19.2px) * 0.2232);
}

#sec01 .linkBtn-area {
	position: absolute;
	bottom: -50px;
	left: 50%;
	margin: 0 auto;
	-webkit-transform: translateX(20%);
	-ms-transform: translateX(20%);
	transform: translateX(20%);
}

.commentBox {
	position: relative;
	font-size: calc(1.3rem + (1vw - 19.2px) * 0.1294);
	padding: 25px calc(30px + (1vw - 19.2px) * 0.3236);
	margin: calc(50px + (1vw - 19.2px) * 0.6472) auto;
	border: 1px solid;
	border-color: var(--cyan);
}

.commentBox:first-child {
	margin-top: 0;
}

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

.comLabel {
	position: absolute;
	display: block;
	color: #fff;
	background: var(--cyan);
	font-size: 1.2rem;
	letter-spacing: .2rem;
	padding: calc(6px + (1vw - 19.2px) * 0.1942) calc(25px + (1vw - 19.2px) * 0.3236) calc(8px + (1vw - 19.2px) * 0.2589);
	border-radius: 50vw;
	top: 0;
	left: 20px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/*------装飾------*/
.itemfigure {
	z-index: 1;
}

#sec01 .itemfigure img,
.top_about .product_img img {
	-webkit-filter: drop-shadow(calc(20px + (1vw - 19.2px) * 0.3236) calc(30px + (1vw - 19.2px) * 0.7767) calc(35px + (1vw - 19.2px) * 0.9709) rgba(0, 0, 0, .2));
	filter: drop-shadow(calc(20px + (1vw - 19.2px) * 0.3236) calc(30px + (1vw - 19.2px) * 0.7767) calc(35px + (1vw - 19.2px) * 0.9709) rgba(0, 0, 0, .2));
}

#sec01 .item02 {
	bottom: calc(150px + (1vw - 19.2px) * 8.9286);
	right: calc(70px + (1vw - 19.2px) * 5.5804);
}

#sec01 .item03 {
	bottom: calc(-30px + (1vw - 19.2px) * -2.2321);
	right: calc(160px + (1vw - 19.2px) * 10.0446);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

#sec01 .item02 img {
	max-width: calc(234px + (1vw - 19.2px) * 9.3750);
}

#sec01 .item03 img {
	max-width: calc(189px + (1vw - 19.2px) * 7.1429);
}

/*------sec02
--------------------------------------------*/
#sec02 {
	padding: calc(350px + (1vw - 19.2px) * 11.1607) 0 calc(160px + (1vw - 19.2px) * 6.6964);
}

#sec02::before {
	content: '';
	position: absolute;
	width: 60%;
	height: calc(201px + (1vw - 19.2px) * 11.1607);
	background: #fff;
	top: -1px;
	left: 0;
	z-index: 0;
}

#sec02 h1 {
	color: #fff;
}

body:not(.home) #sec02 .enTtl {
	color: #fff;
}

#sec02 .linkBtn-area {
	margin: 80px auto 0;
}

ul.featureWrap {
	width: 90%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 auto;
}

ul.featureWrap li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	background: #fff;
	margin-bottom: 10px;
	border-radius: 0 0 calc(70px + (1vw - 19.2px) * 1.9417) 0;
	overflow: hidden;
}

@media print,
screen and (min-width: 1024px) {
	ul.featureWrap li {
		width: calc((100% - 5px) / 3);
	}

	ul.featureWrap li:nth-child(3n+1):nth-last-child(-n+3),
	ul.featureWrap li:nth-child(3n+1):nth-last-child(-n+3)~li {
		margin-bottom: 0;
	}
}

@media print,
screen and (max-width: 1023px) and (min-width: 600px) {
	ul.featureWrap li {
		width: calc((100% - 5px) / 2);
	}

	ul.featureWrap li:nth-child(2n+1):nth-last-child(-n+2),
	ul.featureWrap li:nth-child(2n+1):nth-last-child(-n+2)~li {
		margin-bottom: 0;
	}
}

@media print,
screen and (min-width: 600px) {
	ul.featureWrap {
		width: 100%;
	}
}

.feature__img {
	position: relative;
	overflow: hidden;
	line-height: 0;
}

.feature__img::before,
.feature__img::after {
	content: '';
	position: absolute;
	z-index: 1;
}

.feature__img::before {
	width: 100%;
	height: 100%;
	background: url(/struct/wp-content/uploads/deco_dot_bk.png);
	background-size: 3px auto;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: .6;
}

.feature__col,
.feature__col a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.feature__col a {
	position: relative;
	color: #222;
	padding: calc(55px + (1vw - 19.2px) * 1.9417) calc(60px + (1vw - 19.2px) * 1.9417) calc(100px + (1vw - 19.2px) * 1.2945);
}

.post h2.featureTtl {
	font-size: calc(2.8rem + (1vw - 19.2px) * 0.6472);
	font-weight: 600;
	text-align: left;
	padding: 0;
	margin: 0 0 calc(25px + (1vw - 19.2px) * 0.6472);
}

.post h2.featureTtl .enTtl {
	font-size: calc(1.8rem + (1vw - 19.2px) * 0.3236);
	color: var(--cyan);
}

.view {
	position: absolute;
	font-size: calc(1.8rem + (1vw - 19.2px) * 0.3236);
	font-family: 'Poppins', 'Noto Sans JP', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'Meiryo UI', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 200;
	letter-spacing: normal;
	line-height: 1;
	padding-right: calc(30px + (1vw - 19.2px) * 0.6472);
	right: calc(6rem + (1vw - 19.2px) * 1.9417);
	bottom: calc(6rem + (1vw - 19.2px) * 1.2945);
}

/*------feature01・カラム別------*/
ul.featureWrap li .feature__img::after {
	width: calc(159px + (1vw - 19.2px) * 8.2589);
	height: calc(544px + (1vw - 19.2px) * 28.3482);
	background: url(/struct/wp-content/uploads/txt_feature01.png) no-repeat right bottom;
	background-size: contain;
	bottom: 0;
	right: 0;
	mix-blend-mode: overlay;
}

.feature__col a:hover {
	background: #e5f1ff;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}

.post h2.featureTtl::after {
	content: '';
	display: block;
	visibility: visible;
	width: 20px;
	height: 5px;
	background: var(--cyan);
	margin: calc(25px + (1vw - 19.2px) * 0.6472) 0 0;
}

.view::after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: calc(7px + (1vw - 19.2px) * 0.1294) 0 calc(7px + (1vw - 19.2px) * 0.1294) calc(12px + (1vw - 19.2px) * 0.1294);
	border-color: transparent transparent transparent var(--cyan);
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/*------feature02・カラム別------*/
ul.featureWrap li:nth-child(2) .feature__img::after {
	width: calc(196px + (1vw - 19.2px) * 10.1563);
	background: url(/struct/wp-content/uploads/txt_feature02.png) no-repeat right bottom;
	background-size: contain;
}

.feature__col.feature02 a:hover {
	background: #ffebef;
}

.post .feature02 h2.featureTtl .enTtl {
	color: var(--magenta);
}

.post .feature02 h2.featureTtl::after {
	background: var(--magenta);
}

.feature__col.feature02 .view::after {
	border-color: transparent transparent transparent var(--magenta);
}

/*------feature03・カラム別------*/
ul.featureWrap li:nth-child(3) .feature__img::after {
	width: calc(196px + (1vw - 19.2px) * 10.1563);
	background: url(/struct/wp-content/uploads/txt_feature03.png) no-repeat right bottom;
	background-size: contain;
}

.feature__col.feature03 a:hover {
	background: #fff8d8;
}

.post .feature03 h2.featureTtl .enTtl {
	color: var(--txt-yellow);
}

.post .feature03 h2.featureTtl::after {
	background: var(--txt-yellow);
}

.feature__col.feature03 .view::after {
	border-color: transparent transparent transparent var(--txt-yellow);
}

/*------sec03
--------------------------------------------*/
#sec03 {
	min-height: 500px;
	background: url(/struct/wp-content/uploads/bg_white.jpg) center top;
	background-size: 1920px auto;
	margin-left: -500px;
	margin-right: -500px;
	padding: calc(150px + (1vw - 19.2px) * 4.5307) 500px calc(90px + (1vw - 19.2px) * 1.2945);
	border-bottom-right-radius: 50% 500px;
	border-bottom-left-radius: 50% 500px;
	z-index: 1;
}

#sec03 .wrapper-content {
	max-width: 1024px;
}

ul.checkmark {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

ul.checkmark li {
	position: relative;
	width: 100%;
	font-size: calc(1.8rem + (1vw - 19.2px) * 0.2589);
	font-weight: 600;
	line-height: 1.8;
	padding: calc(25px + (1vw - 19.2px) * 0.3236) calc(15px + (1vw - 19.2px) * 0.3236) calc(25px + (1vw - 19.2px) * 0.3236) calc(40px + (1vw - 19.2px) * 0.3236);
	border-top: 1px dashed #222;
}

ul.checkmark li:last-child {
	border-bottom: 1px dashed #222;
}

@media print,
screen and (min-width: 769px) {
	ul.checkmark li {
		width: 48%;
	}

	ul.checkmark li:nth-child(2n+1):nth-last-child(-n+2),
	ul.checkmark li:nth-child(2n+1):nth-last-child(-n+2)~li {
		border-bottom: 1px dashed #222;
	}
}

ul.checkmark li::before {
	content: '\f058';
	position: absolute;
	color: var(--gray);
	font-size: calc(2.8rem + (1vw - 19.2px) * 0.3883);
	font-family: 'Font Awesome 5 Free';
	font-weight: bold;
	line-height: 1;
	top: calc(30px + (1vw - 19.2px) * 0.3883);
	left: 0;
}

.discussion {
	position: relative;
	z-index: 10;
	text-align: center;
	letter-spacing: .2rem;
	margin: calc(90px + (1vw - 19.2px) * 2.5890) auto 0;
}

.discussion p {
	line-height: 1.8;
}

/*------sec04
--------------------------------------------*/
#sec04 {
	color: #fff;
	padding: calc(350px + (1vw - 19.2px) * 6.4725) 0 50px;
	margin-top: -150px;
}

#sec04 .read-txt {
	margin-bottom: 0;
}

.post h2.bkbgTtl {
	font-size: calc(3.4rem + (1vw - 19.2px) * 0.9061);
	font-weight: 600;
	color: #fff;
	text-align: center;
	letter-spacing: .1rem;
	padding: 0;
	margin: 0 auto calc(65px + (1vw - 19.2px) * 1.6181);
}

.slideItem {
	position: relative;
	width: 100%;
	height: calc(346px + (1vw - 19.2px) * 11.3916);
	background: url(/struct/wp-content/uploads/loop_new.png) repeat-x 0 0;
	background-size: cover;
	-webkit-animation-name: slideitem;
	animation-name: slideitem;
	-webkit-animation-duration: 200s;
	animation-duration: 200s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	margin-top: calc(-60px + (1vw - 19.2px) * -2.5890);
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
	-webkit-filter: drop-shadow(0 0 20px rgba(0, 0, 0, .25));
	filter: drop-shadow(0 0 20px rgba(0, 0, 0, .25));
}

@-webkit-keyframes slideitem {
	100% {
		background-position: -10000px 0;
	}
}

@keyframes slideitem {
	100% {
		background-position: -10000px 0;
	}
}

/*------sec05
--------------------------------------------*/
#sec05 {
	/* padding: calc(270px + (1vw - 19.2px) * 11.1607) 0 calc(150px + (1vw - 19.2px) * 5.5804); */
	padding: calc(270px + (1vw - 19.2px) * 11.1607) 0 0;
}

#sec05 .wrapper-content {
	max-width: 1300px;
}

ul.flowList {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width: 350px;
	margin: 0 auto;
}

ul.flowList li {
	position: relative;
	width: 100%;
	padding: 20px 0 20px 70px;
}

@media print,
screen and (min-width: 769px) {
	ul.flowList {
		max-width: none;
	}

	ul.flowList::after {
		content: '';
		position: absolute;
		width: 83%;
		height: 1px;
		top: calc(145px + (1vw - 19.2px) * 3.6490);
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		border-top: 2px dotted #222;
		z-index: -1;
	}

	ul.flowList li {
		width: 18%;
		max-width: 180px;
		padding: 0;
	}

	ul.flowList li:nth-child(5n+1):nth-last-child(-n+5),
	ul.flowList li:nth-child(5n+1):nth-last-child(-n+5)~li {
		margin-bottom: 0;
	}

	.post h2.flowTtl::after {
		content: '';
		display: block;
		width: calc(40px + (1vw - 19.2px) * 0.8688);
		height: calc(40px + (1vw - 19.2px) * 0.8688);
		background: url(/struct/wp-content/uploads/point_b.png) no-repeat center;
		background-size: contain;
		margin: calc(50px + (1vw - 19.2px) * 1.7376) auto 0;
		visibility: visible;
	}

	.post ul.flowList li:last-child h2.flowTtl::after {
		background: url(/struct/wp-content/uploads/point_y.png) no-repeat center;
		background-size: contain;
	}
}

@media print,
screen and (max-width: 768px) {

	ul.flowList li::before,
	ul.flowList li::after {
		content: '';
		position: absolute;
	}

	ul.flowList li::before {
		width: 40px;
		height: 40px;
		background: url(/struct/wp-content/uploads/point_b.png) no-repeat center;
		background-size: contain;
		top: 50%;
		left: 0;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	ul.flowList li:last-child::before {
		background: url(/struct/wp-content/uploads/point_y.png) no-repeat center;
		background-size: contain;
	}

	ul.flowList li:not(:last-child)::after {
		width: 1px;
		height: 100%;
		border-right: 2px dotted #222;
		top: 0;
		left: 18px;
		z-index: -1;
		-webkit-transform: translateY(50%);
		-ms-transform: translateY(50%);
		transform: translateY(50%);
	}
}

.post h2.flowTtl {
	position: relative;
	color: var(--cyan);
	font-size: calc(2.2rem + (1vw - 19.2px) * 0.3475);
	font-weight: 500;
	letter-spacing: .1rem;
	text-align: center;
	padding: calc(40px + (1vw - 19.2px) * 0.8688) 0 calc(25px + (1vw - 19.2px) * 0.8688);
	margin: 0 auto calc(30px + (1vw - 19.2px) * 1.3032);
}

.post ul.flowList li:last-child h2.flowTtl {
	color: var(--txt-yellow);
}

.nmb {
	position: absolute;
	font-size: calc(1.6rem + (1vw - 19.2px) * 0.1738);
	line-height: .9;
	letter-spacing: normal;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: -1;
}

.nmb b {
	display: block;
	font-size: calc(9rem + (1vw - 19.2px) * 1.7376);
	font-weight: 700;
	color: #edf5ff;
}

.post ul.flowList li:last-child .nmb b {
	color: #fdf7dc;
}

.flowTxt {
	line-height: 1.8;
}

.flowTxt::before {
	content: '';
	display: block;
	width: 100%;
	height: calc(168px + (1vw - 19.2px) * 5.9079);
	margin: 0 auto calc(20px + (1vw - 19.2px) * 0.4344);
}

.flow01 .flowTxt::before {
	max-width: calc(167px + (1vw - 19.2px) * 6.3423);
	background: url(/struct/wp-content/uploads/illust_step01.png) no-repeat center;
	background-size: contain;
}

.flow02 .flowTxt::before {
	width: calc(131px + (1vw - 19.2px) * 4.9522);
	background: url(/struct/wp-content/uploads/illust_step02.png) no-repeat center;
	background-size: contain;
}

.flow03 .flowTxt::before {
	max-width: calc(140px + (1vw - 19.2px) * 1.9983);
	background: url(/struct/wp-content/uploads/illust_step03.png) no-repeat center;
	background-size: contain;
}

.flow04 .flowTxt::before {
	max-width: calc(155px + (1vw - 19.2px) * 4.5178);
	background: url(/struct/wp-content/uploads/illust_step04.png) no-repeat center;
	background-size: contain;
}

.flow05 .flowTxt::before {
	max-width: calc(189px + (1vw - 19.2px) * 7.2111);
	background: url(/struct/wp-content/uploads/illust_step05.png) no-repeat center;
	background-size: contain;
}

/*------sec06
--------------------------------------------*/
#simulation {
	color: #fff;
	background: url(/struct/wp-content/uploads/bg_simulation.jpg) no-repeat center;
	background-size: cover;
	padding: calc(120px + (1vw - 19.2px) * 3.8835) 0;
}

#simulation::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2);
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

#simulation h2.bkbgTtl {
	font-size: calc(2.4rem + (1vw - 19.2px) * 0.4464);
	margin: 0 auto 20px;
}

#simulation .linkBtn-area {
	margin-top: 30px;
}

.halfBox {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 2px solid #fff;
	margin: 55px auto;
}

.halfBox::after {
	content: '';
	position: absolute;
	width: calc(260px + (1vw - 19.2px) * 7.7670);
	height: calc(198px + (1vw - 19.2px) * 5.8900);
	background: url(/struct/wp-content/uploads/illust_simulation.png) no-repeat center;
	background-size: contain;
	bottom: calc(50px + (1vw - 19.2px) * 4.2071);
	right: calc(-25px + (1vw - 19.2px) * -5.1780);
	-webkit-transform: translate(50%, 50%);
	-ms-transform: translate(50%, 50%);
	transform: translate(50%, 50%);
	z-index: 10;
}

.halfBox:first-child {
	margin-top: 0;
}

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

.halfBox__img,
.halfBox__col {
	position: relative;
	width: 50%;
	text-align: center;
}

.halfBox__img {
	line-height: 0;
}

.halfBox__img img {
	width: auto;
	height: 103%
}

.halfBox__col {
	padding: calc(55px + (1vw - 19.2px) * 1.6181) calc(80px + (1vw - 19.2px) * 3.2362);
}

.halfBox__col a.morelinkBtn {
	min-width: auto;
}

img.notchv-img {
	width: 51%;
}

/*------
--------------------------------------------*/
/*------新着情報
--------------------------------------------*/
#front-sectionPost {
	background: #f5faff;
	/*-padding: calc(110px + (1vw - 19.2px) * 2.5890) 0 calc(120px + (1vw - 19.2px) * 1.2945);-*/
	padding: calc(70px + (1vw - 19.2px) * 2.5890) 0 calc(80px + (1vw - 19.2px) * 2.9285)
}

#front-sectionPost h1 {
	margin-bottom: calc(30px + (1vw - 19.2px) * 1.2945);
}

#front_top_content,
#front_bottom_content {
	width: 90%;
	max-width: 1000px;
	margin: auto;
}

#front_top_content .linkBtn-area,
#front_bottom_content .linkBtn-area {
	margin-top: 50px;
}

#front-sectionPost ul.post li,
#cat-post ul.post li,
.post2b,
.post4b {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.post .post_img,
.post_text70,
.post_img img {
	float: none;
}

.post .post_img,
.post_text70,
.post2b li,
.post4b li {
	width: 100%;
}

#front-sectionPost ul.post li,
#cat-post ul.post li,
.post2b li,
.post4b li {
	border-bottom: none !important;
}

.post2b li,
.post4b li {
	margin: 0 0 20px;
	padding: 0;
}

.post_img img,
.post2b .post2b_img {
	text-align: center;
}

.postlist {
	margin-bottom: 0;
}

.postlist li {
	position: relative;
	background: #fff;
	margin: 0 auto;
	border: none;
}

.postlist li:not(:last-child) {
	margin-bottom: 10px;
}

.postlist li::after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: calc(7px + (1vw - 19.2px) * 0.1294) 0 calc(7px + (1vw - 19.2px) * 0.1294) calc(12px + (1vw - 19.2px) * 0.1294);
	border-color: transparent transparent transparent var(--cyan);
	top: 50%;
	right: calc(40px + (1vw - 19.2px) * 1.2945);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	visibility: visible;
}

.postlist .ttls,
.postlist .date {
	display: block;
	padding: 0 10px;
	margin-bottom: 0;
}

.postlist .ttls {
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.postlist .ttls a {
	color: #171710;
}

.postlist .ttls a:hover {
	text-decoration: underline;
}

.postlist .post_text {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 auto;
	padding: calc(20px + (1vw - 19.2px) * 0.3236) calc(70px + (1vw - 19.2px) * 2.2654) calc(20px + (1vw - 19.2px) * 0.3236) calc(40px + (1vw - 19.2px) * 1.2945);
}

.post .time,
.postlist .time,
.post2b .time,
.post4b .time {
	padding: 5px 10px;
	border-radius: 0;
}

.postlist .time {
	display: block;
	white-space: nowrap;
	margin: 0 10px 0 0;
}

.clearfix:after {
	content: none;
}

@media print,
screen and (min-width: 800px) {

	.post .post_img,
	.post_text70 {
		margin: 0;
	}

	.post .post_img {
		width: 30%;
	}

	.post_text70 {
		width: 65%;
	}

	.post2b li {
		width: 48%;
	}

	.post4b li {
		width: 24%;
	}

	.post4b li:nth-child(4n+2):last-child {
		margin-right: calc((24% * 2) + (((100% - (24% * 4)) / 3) * 2));
	}

	.post4b li:nth-child(4n+3):last-child {
		margin-right: calc((24% * 1) + (((100% - (24% * 4)) / 3) * 1));
	}

	.post2b li:nth-child(2n+1):nth-last-child(-n+2),
	.post2b li:nth-child(2n+1):nth-last-child(-n+2)~li {
		margin-bottom: 0;
	}

	.post4b li:nth-child(4n+1):nth-last-child(-n+4),
	.post4b li:nth-child(4n+1):nth-last-child(-n+4)~li {
		margin-bottom: 0;
	}
}

@media print,
screen and (max-width: 799px) {
	.post .post_img {
		max-width: 300px;
		text-align: center;
		margin: 0 auto;
	}
}

/*-----------------トップ--------------------------------------------*/
/*-----------------記事詳細--------------------------------------------*/
#cat-post h2,
#cat-post h2 a {
	font-size: calc(2rem + (1vw - 19.2px) * 0.2589);
	letter-spacing: .1rem;
}

#cat-post h2 {
	font-style: normal;
	margin-bottom: 0;
	text-align: left;
	padding: 10px 0;
	border: none;
}

#cat-post .post2b h2,
#cat-post .post4b h2,
#cat-post .post2b h2 a,
#cat-post .post4b h2 a {
	font-size: calc(1.8rem + (1vw - 19.2px) * 0.1294);
}

#cat-post h2::before,
#cat-post h2::after {
	content: none;
}

#cat-post li {
	margin-bottom: calc(30px + (1vw - 19.2px) * 0.6472);
}

#cat-post li .post_contents {
	margin-top: 1rem;
}

.post_link {
	font-size: calc(1.4rem + (1vw - 19.2px) * 0.1294);
}

.single-post h1.title {
	font-size: calc(2.5rem + (1vw - 19.2px) * 0.4531);
	font-style: normal;
	margin: 0 auto 20px;
}

.dateLabel {
	padding-top: 10px;
	margin-bottom: 30px;
	border-top: 1px solid #ccc;
}

.pagenav {
	margin: 20px 0 0;
}

/*-----------------記事詳細--------------------------------------------*/
/*-----------------下層ページ--------------------------------------------*/
/*------共通
--------------------------------------------*/
.post {
	margin: 0 auto;
	padding: 0;
}

#wrapper,
.inner {
	width: 100%;
	max-width: 1100px;
}

#content,
.page-template-page-nosidebar #content.wide {
	overflow: hidden;
	width: 90%;
	padding: calc(100px + (1vw - 19.2px) * 3.2362) 0 calc(180px + (1vw - 19.2px) * 6.4725);
	margin: 0 auto;
	line-height: 1.6;
}

#content.wide {
	width: 90%;
	padding: 0;
}

.category #content.wide,
.single-post #content.wide {
	padding: calc(100px + (1vw - 19.2px) * 3.2362) 0 calc(180px + (1vw - 19.2px) * 6.4725);
}

#full-wrapper #content.wide {
	width: 100%;
}

.page-contents {
	position: relative;
}

.content-inner {
	position: relative;
	width: 100%;
	max-width: 1200px;
	background: #fff;
	padding: calc(75px + (1vw - 19.2px) * 1.6181) 0;
	margin: 0 auto;
	z-index: 5;
}

.no-relative {
	position: static !important;
}

body.show_popup .content-inner {
	position: static;
}

#full-wrapper #content.wide .content-inner {
	width: 96%;
}

.midWidth {
	max-width: 600px;
	margin: 0 auto;
}

.headTtl {
	position: relative;
	overflow: hidden;
	margin-right: calc(((100vw - 100%) / 2) * -1);
	margin-left: calc(((100vw - 100%) / 2) * -1);
	padding: calc(150px + (1vw - 19.2px) * 5.8252) calc((100vw - 95%) / 2);
}

.headTtl>* {
	position: relative;
	z-index: 5;
}

.headTtl::before,
.headTtl::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.headTtl::before {
	background: rgba(0, 0, 0, .4);
}

.headTtl::after {
	background: url(/struct/wp-content/uploads/deco_dot_bk.png);
	background-size: 6px auto;
	opacity: .6;
}

.bgBK,
.post .bgBK {
	color: #fff;
	background-color: #222;
	padding: min(calc(120px + (1vw - 19.2px) * 4.5307), 120px) 0;
	/* 120 to 50 */
}

.bgGRY,
.post .bgGRY {
	background: #f0f0f0;
}

.bgBL,
.post .bgBL {
	color: #fff;
	background: var(--cyan);
}

.bgWH .content-inner {
	padding: calc(130px + (1vw - 19.2px) * 4.5307) 0;
}

.headTtl+.content-inner {
	padding-top: 0;
	margin-top: calc(-80px + (1vw - 19.2px) * -3.8835);
}

/*------アイキャッチ
--------------------------------------------*/
#thumbImg,
header#h1Header {
	position: relative;
	background: url(/wp-content/uploads/bg_h1ttl_subpage_2024-scaled.jpg) no-repeat center;
	background-size: cover;
	overflow: hidden;
	height: calc(500px + (1vw - 19.2px) * 19.4175);
	/*500to200*/
	z-index: -1;
}

#thumbImg img,
header#h1Header img {
	width: auto;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

/*------納期速報
--------------------------------------------*/
p.update {
	text-align: right;
	font-size: 1.3rem;
	background: var(--txt-yellow);
	display: table;
	margin-left: auto;
	padding: 0 1rem;
	border-radius: 50vh;
	margin-bottom: 1rem;
}

.post table.report-table,
.post table.report-table th,
.post table.report-table td {
	vertical-align: middle;
	text-align: center;
	line-height: 1.6;
}

.post table.report-table {
	margin: 0 auto 30px 0;
}

.post table.report-table th {
	background: var(--cyan);
	color: #ffffff;
	font-size: calc(1.6rem + (1vw - 1.92rem) * 0.2589);
	/* 1.6rem to 1.2rem*/
}

.post table.report-table td {
	font-size: calc(1.6rem + (1vw - 1.92rem) * 0.2589);
	/* 1.6rem to 1.2rem*/
}

.report-table th span,
.report-table td span {
	display: block;
}

.mt1 {
	margin-top: 10px;
}

.post table.report-table th span {
	font-size: calc(1.3rem + (1vw - 1.92rem) * 0.1294);
	/* 1.3rem to 1.1rem*/
}

.caution-topic {
	background: #edf1f5;
	padding: 2.0rem;
	box-sizing: border-box;
	border-radius: 15px;
	font-size: calc(1.4rem + (1vw - 1.92rem) * 0.2656);
	position: relative;
	z-index: 1;
}

.caution-topic ul li {
	position: relative;
	padding-left: 2.0rem;
}

.caution-topic ul li:before {
	content: '※';
	position: absolute;
	left: 0;
	top: 0;
}

p.topic-headline {
	font-weight: bold;
	font-size: 110%;
	border-bottom: 1px solid;
	/* display: table; */
	margin-bottom: 1rem;
	line-height: 1.0;
	padding-bottom: 1rem;
}

/*------シーホースの特徴
--------------------------------------------*/
/*------col01------*/
#intro .content-inner {
	max-width: 1500px;
}

ul.featureWrap.sub li {
	width: 100%;
	margin-bottom: 25px;
}

ul.featureWrap.sub .feature__img::after {
	content: none;
}

ul.featureWrap.sub .feature__col {
	padding: calc(55px + (1vw - 19.2px) * 1.9417) calc(30px + (1vw - 19.2px) * 0.6472);
}

@media print,
screen and (min-width: 1024px) {
	ul.featureWrap.sub li {
		width: 32%;
	}

	ul.featureWrap.sub li:nth-child(3n+1):nth-last-child(-n+3),
	ul.featureWrap.sub li:nth-child(3n+1):nth-last-child(-n+3)~li {
		margin-bottom: 0;
	}

	ul.featureWrap.sub .feature__col {
		padding: calc(55px + (1vw - 19.2px) * 1.9417) 0 0;
	}
}

@media print,
screen and (max-width: 1023px) and (min-width: 600px) {
	ul.featureWrap.sub li {
		width: 48.5%;
	}

	ul.featureWrap.sub li:nth-child(2n+1):nth-last-child(-n+2),
	ul.featureWrap.sub li:nth-child(2n+1):nth-last-child(-n+2)~li {
		margin-bottom: 0;
	}
}

/*------col02------*/
ul.circleBgList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

ul.circleBgList li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: calc(2.4rem + (1vw - 19.2px) * 0.5178);
	text-align: center;
	line-height: 1.4;
	width: calc(320px + (1vw - 19.2px) * 11.0032);
	height: calc(320px + (1vw - 19.2px) * 11.0032);
	margin-right: calc(60px + (1vw - 19.2px) * 2.9126);
}

@media print,
screen and (min-width: 769px) {

	ul.circleBgList li:nth-child(3n),
	ul.circleBgList li:last-child {
		margin-right: 0;
	}
}

@media print,
screen and (max-width: 768px) {
	ul.circleBgList li {
		margin-bottom: 10px;
	}

	ul.circleBgList li:nth-child(2n),
	ul.circleBgList li:last-child {
		margin-bottom: 0;
		margin-right: 0;
	}
}

ul.circleBgList li.b-circle {
	background: url(/struct/wp-content/uploads/circle_b_point.png) no-repeat center;
	background-size: cover;
}

ul.circleBgList li.y-circle {
	background: url(/struct/wp-content/uploads/circle_y_point.png) no-repeat center;
	background-size: cover;
}

/*------col03------*/
.headTtl {
	background: url(/struct/wp-content/uploads/ttlBg_feature01.jpg) no-repeat center;
	background-size: cover;
}

ul.featuresList {
	counter-reset: featuresList;
	padding: 0 calc(40px + (1vw - 19.2px) * 1.9417) calc(40px + (1vw - 19.2px) * 0.6472);
	border-bottom: 1px solid #222;
}

ul.featuresList li {
	position: relative;
	padding: 0 0 0 90px;
}

ul.featuresList li:not(:last-child) {
	margin-bottom: 1.2em;
}

ul.featuresList li::before {
	content: '特徴' counter(featuresList, decimal-leading-zero);
	counter-increment: featuresList;
	position: absolute;
	color: #fff;
	background: var(--cyan);
	font-size: 1.2rem;
	padding: 5px 20px;
	border-radius: 50vw;
	top: 0;
	left: 0;
}

.comparisonBox {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 50px auto 0;
}

.comparisonBox h5.radiusTtl {
	height: 65px;
	margin: 0 auto;
}

.comparisonBox__detale.after h5.radiusTtl,
.comparisonBox__detale.after .sp-ttl {
	background: var(--cyan);
}

.comparisonBox__abTtl {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 2;
}

.comparisonBox__abTtl.main {
	font-size: calc(1.8rem + (1vw - 19.2px) * 0.1294);
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
	top: calc(-60px + (1vw - 19.2px) * -2.2321);
}

.comparisonBox__abTtl.main::before {
	content: '';
	display: block;
	width: calc(202px + (1vw - 19.2px) * 2.2654);
	height: calc(144px + (1vw - 19.2px) * 1.5534);
	background: url(/struct/wp-content/uploads/sample.png) no-repeat center;
	background-size: contain;
	margin: 0 auto 5px;
}

.comparisonBox__abTtl.circle {
	color: #fff;
	background: #222;
	width: calc(100px + (1vw - 19.2px) * 2.2321);
	height: calc(100px + (1vw - 19.2px) * 2.2321);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: calc(1.6rem + (1vw - 19.2px) * 0.2232);
	font-weight: 600;
	letter-spacing: .2rem;
	border-radius: 50%;
}

.comparisonBox__abTtl.circle.ttl01 {
	top: 290px;
}

.comparisonBox__abTtl.circle.ttl02 {
	top: 560px;
}

.comparisonBox__detale {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 50%;
	background: #eee;
	padding: 40px calc(35px + (1vw - 19.2px) * 1.2945);
}

.comparisonBox__detale.after {
	background: #e5f1ff;
}

.quantity-plate,
.quantity,
.plate {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.quantity-plate {
	position: relative;
	margin: calc(70px + (1vw - 19.2px) * 0.6472) auto 50px;
}

.quantity-plate::after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 14px 14px 0 14px;
	border-color: #222 transparent transparent transparent;
	left: 50%;
	bottom: -34px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.comparisonBox__detale.after .quantity-plate::after {
	border-color: var(--cyan) transparent transparent transparent;
}

.quantity,
.plate {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #fff;
	line-height: 2;
	padding: 30px;
}

.quantity {
	height: 55%;
	margin-bottom: 10px;
}

.plate {
	height: 42%;
	text-align: center;
}

.plate.noneprace {
	font-size: calc(4rem + (1vw - 19.2px) * 0.6472);
	font-weight: 600;
}

.amount {
	width: 100%;
	height: 200px;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
}

.amount .emTxt {
	font-size: calc(4rem + (1vw - 19.2px) * 0.3236);
	vertical-align: sub;
}

.post .bgBL h4 {
	color: #fff;
}

ul.pattern {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	margin: 15px auto;
}

ul.pattern>li {
	position: relative;
	width: calc((100% - ((20px + (1vw - 19.2px) * 0.6472) * 2)) / 3);
	color: #fff;
	background: #f45756;
	font-size: calc(1.2rem + (1vw - 19.2px) * 0.1294);
	line-height: 1.4;
	text-align: center;
	padding: 10px;
	margin-right: calc(20px + (1vw - 19.2px) * 0.6472);
	border-radius: calc(15px + (1vw - 19.2px) * 0.3236);
}

ul.pattern>li:nth-child(2) {
	background: #ff9653;
}

ul.pattern>li:nth-child(3) {
	background: #93a451;
}

ul.pattern>li b {
	display: block;
	font-size: calc(1.6rem + (1vw - 19.2px) * 0.1294);
}

ul.pattern>li:nth-child(3n) {
	margin-right: 0;
}

ul.pattern>li:not(:nth-child(3n))::after {
	content: '＋';
	position: absolute;
	color: #222;
	top: 50%;
	right: calc(-16px + (1vw - 19.2px) * -0.3883);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

ul.caseList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 40px auto 0;
}

ul.caseList li {
	width: 100%;
	margin-bottom: 25px;
}

@media print,
screen and (min-width: 1024px) {
	ul.caseList li {
		width: 31%;
	}

	ul.caseList li:nth-child(3n+1):nth-last-child(-n+3),
	ul.caseList li:nth-child(3n+1):nth-last-child(-n+3)~li {
		margin-bottom: 0;
	}
}

@media print,
screen and (max-width: 1023px) and (min-width: 640px) {
	ul.caseList li {
		width: 49%;
	}

	ul.caseList li:nth-child(2n+1):nth-last-child(-n+2),
	ul.caseList li:nth-child(2n+1):nth-last-child(-n+2)~li {
		margin-bottom: 0;
	}
}

.caseImg {
	background: #fff;
}

.post dl.caseDetail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: calc(30px + (1vw - 19.2px) * 0.6472) auto 0;
}

.post dl.caseDetail dt,
.post dl.caseDetail dd {
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: .1rem;
	margin-bottom: 10px;
}

.post dl.caseDetail dt {
	width: calc(10rem + (1vw - 19.2px) * 1.2945);
	font-size: calc(1.2rem + (1vw - 19.2px) * 0.1294);
	padding: 0 10px 0 0;
	border-right: 1px solid #222;
}

.post .bgBL dl.caseDetail dt {
	border-right: 1px solid #fff;
}

.post dl.caseDetail dd {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	width: calc(95% - 10rem);
	font-size: calc(1.6rem + (1vw - 19.2px) * 0.1942);
	padding: 0 0 0 10px;
}

.sp-ttl {
	display: none;
}

/*------col04------*/
#feature02 .headTtl {
	background: url(/struct/wp-content/uploads/ttlBg_feature02.jpg) no-repeat center;
	background-size: cover;
}

.movieArea {
	position: relative;
	overflow: hidden;
	max-width: 900px;
	margin: 60px auto;
}

.movieArea::before {
	content: '';
	display: block;
	padding-top: 56.2%;
}

.movieArea iframe {
	position: absolute;
	width: 100%;
	max-width: none;
	height: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/*------col05------*/
#feature03 .headTtl {
	background: url(/struct/wp-content/uploads/ttlBg_feature03.jpg) no-repeat center;
	background-size: cover;
}

ul.stepList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	counter-reset: stepList;
	margin: 40px auto 0;
}

ul.stepList li {
	width: 100%;
	line-height: 1.8;
	margin-bottom: 25px;
}

@media print,
screen and (min-width: 769px) {
	ul.stepList li {
		width: 31%;
	}

	ul.stepList li:nth-child(3n+1):nth-last-child(-n+3),
	ul.stepList li:nth-child(3n+1):nth-last-child(-n+3)~li {
		margin-bottom: 0;
	}
}

@media print,
screen and (max-width: 768px) and (min-width: 600px) {
	ul.stepList li {
		width: 49%;
	}

	ul.stepList li:nth-child(2n+1):nth-last-child(-n+2),
	ul.stepList li:nth-child(2n+1):nth-last-child(-n+2)~li {
		margin-bottom: 0;
	}
}

ul.stepList li .stepTtl {
	position: relative;
	color: var(--cyan);
	font-size: calc(1.8rem + (1vw - 19.2px) * 0.1942);
	font-weight: 600;
	padding: 10px 10px 10px calc(80px + (1vw - 19.2px) * 0.6472);
	margin: 10px auto;
}

ul.stepList li .stepTtl::before,
ul.stepList li .stepTtl::after {
	position: absolute;
	font-family: 'Poppins', 'Noto Sans JP', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'Meiryo UI', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

ul.stepList li .stepTtl::before {
	content: 'STEP';
	font-weight: 300;
	left: 15px;
}

ul.stepList li .stepTtl::after {
	content: counter(stepList, decimal-leading-zero);
	counter-increment: stepList;
	color: #edf5ff;
	font-size: calc(6rem + (1vw - 19.2px) * 0.6472);
	font-weight: 600;
	letter-spacing: -.2rem;
	line-height: 1;
	left: 0;
	z-index: -1;
}

ul.requestModel {
	max-width: 900px;
	margin: 40px auto 0;
}

ul.requestModel>li:not(:last-child) {
	margin-bottom: 10px;
}

.modelTtl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow: hidden;
	color: #222;
	background: #f0f0f0;
	font-size: calc(1.8rem + (1vw - 19.2px) * 0.1942);
	font-weight: 600;
}

.model-name,
.delivery {
	padding: 10px 15px;
}

.model-name {
	width: 250px;
	color: #fff;
	background: #222;
	text-align: center;
}

.delivery {
	width: calc(100% - 250px);
}

.model__flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: #fff;
	padding: 30px;
}

.modelImg {
	width: 25%;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}

.model-col {
	width: 70%;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	color: #222;
	line-height: 1.8;
}

ul.model-step {
	counter-reset: model-step;
	margin: 20px auto;
}

ul.model-step>li {
	position: relative;
	color: #222;
	line-height: 1.6;
	padding-left: 5.8em;
}

ul.model-step>li::before {
	content: 'STEP' counter(model-step, decimal-leading-zero) '：';
	counter-increment: model-step;
	position: absolute;
	color: var(--cyan);
	letter-spacing: .2rem;
	left: 0;
}

ul.model-step:first-child {
	margin-top: 0;
}

ul.model-step:last-child {
	margin-bottom: 0;
}

/*------よくあるご質問------*/
.ui-accordion .ui-accordion-header,
.ui-accordion .ui-accordion-content {
	position: relative;
	color: #222;
	background: #fff;
	font-size: calc(1.6rem + (1vw - 19.2px) * 0.1294);
	font-family: "Noto Sans JP", "Noto Sans JP", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
	text-align: left;
}

.ui-accordion .ui-accordion-header::before,
.ui-accordion .ui-accordion-content::before {
	position: absolute;
	font-size: calc(2.6rem + (1vw - 19.2px) * 0.2589);
	font-weight: 600;
	line-height: 1;
	width: auto;
	height: auto;
	left: calc(40px + (1vw - 19.2px) * 1.2945);
}

.ui-accordion .ui-accordion-header::before {
	content: 'Q';
	color: var(--cyan);
	top: calc((1.6rem + (1vw - 19.2px) * 0.1294) + .2em);
}

.ui-accordion .ui-accordion-content::before {
	content: 'A';
	color: var(--magenta);
	top: .2em;
}

.ui-accordion .ui-accordion-header {
	padding: calc(25px + (1vw - 19.2px) * 0.3236) calc(25px + (1vw - 19.2px) * 0.3236) calc(25px + (1vw - 19.2px) * 0.3236) calc(80px + (1vw - 19.2px) * 1.9417);
	margin: 10px auto 0;
}

.ui-accordion .ui-accordion-content {
	line-height: 2;
	padding: 0 calc(25px + (1vw - 19.2px) * 0.3236) calc(25px + (1vw - 19.2px) * 0.3236) calc(80px + (1vw - 19.2px) * 1.9417);
	border: none;
	border-radius: 0;
}

/*------シミュレーション------*/
.post h2.simuTtl {
	font-size: calc(3rem + (1vw - 19.2px) * 0.6472);
	color: #fff;
}

/*------製品紹介
--------------------------------------------*/
.max-min_size {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width: 900px;
	margin: 0 auto;
}

.max-min_size__item.max {
	width: 55%;
}

.max-min_size__item.min {
	width: 41%;
}

.sizeTtl {
	font-size: calc(1.8rem + (1vw - 19.2px) * 0.3883);
	font-weight: 600;
	text-align: center;
	letter-spacing: calc(.3rem + (1vw - 19.2px) * 0.0971);
	margin-top: calc(30px + (1vw - 19.2px) * 0.6472);
}

.sizeLabel {
	display: inline-block;
	color: #fff;
	background: var(--cyan);
	font-size: calc(1.4rem + (1vw - 19.2px) * 0.1294);
	font-weight: 400;
	letter-spacing: normal;
	padding: calc(3px + (1vw - 19.2px) * 0.1294) 15px calc(5px + (1vw - 19.2px) * 0.1294);
	margin-right: 10px;
	border-radius: 50vw;
}

.min .sizeLabel {
	background: var(--magenta);
}

#client h2 {
	font-size: 4rem;
}

#product .content-inner+.content-inner {
	padding-top: 0;
	margin-top: 30px;
}

#product .content-inner+.content-inner.bgBL {
	padding-top: 75px;
	margin-top: 0;
}

.product-features {
	display: table;
	color: #fff;
	background: var(--cyan);
	font-size: calc(1.4rem + (1vw - 19.2px) * 0.1294);
	padding: calc(10px + (1vw - 19.2px) * 0.1294) calc(25px + (1vw - 19.2px) * 0.3236);
	margin: 0 auto calc(20px + (1vw - 19.2px) * 0.3236) 0;
}

.productItem {
	border: 1px solid #e4e4e4;
}

.productItem img {
	width: auto;
	height: 100%;
}

ul.productItemList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 30px;
}

ul.productItemList>li {
	width: 49%;
	margin-bottom: 30px;
}

ul.productItemList>li:not(:last-child) {
	margin-right: calc(20px + (1vw - 1.92rem) * 0.6472);
}

ul.productItemList>li .product-features {
	margin: 15px auto 0;
}

/*お客様の声*/
.user-voice {
	/* border: 1px solid #37b3b7; */
	/* padding: 2rem; */
	background: #f9f9f9;
	padding-bottom: 2.5rem;
}

.user-voice+.user-voice {
	margin: calc(70px + (1vw - 19.2px) * 2.5890) 0 70px;
}

.user-voice+.user-voice:last-child {
	margin: calc(70px + (1vw - 19.2px) * 2.5890) 0 0;
}

ul.voice-faq li {
	position: relative;
	padding-left: 3.0rem;
}

ul.voice-faq li.question:before {
	content: 'Q';
	color: var(--cyan);
	/* top: calc((1.6rem + (1vw - 19.2px) * 0.1294) + 0.2em); */
	position: absolute;
	font-size: calc(2.6rem + (1vw - 19.2px) * 0.2589);
	font-weight: 600;
	line-height: 1;
	width: auto;
	height: auto;
	left: 0;
}

ul.voice-faq li.answer:before {
	content: 'A';
	color: var(--magenta);
	top: 0.2em;
	position: absolute;
	font-size: calc(2.6rem + (1vw - 19.2px) * 0.2589);
	font-weight: 600;
	line-height: 1;
	width: auto;
	height: auto;
	left: 0;
}

.user-voice h3 {
	padding: 1.5rem;
	font-size: calc(2.2rem + (1vw - 19.2px) * 0.6472);
	margin: 0;
}

.post .user-voice h4 {
	margin: 2rem auto;
	padding: 0 30px;
	/* border-bottom: 1px solid;
    display: table; */
	color: #ffffff;
}

.case-area {
	padding: 25px 25px 15px;
	background: var(--cyan);
	width: 94%;
	margin: 0 auto;
}

.user-voice .flexbox {
	padding: 30px;
}

dl.voice-industry {
	display: flex;
	flex-wrap: wrap;
}

dl.voice-industry dd {
	width: 80%;
	padding-bottom: 0;
}

dl.voice-industry dt {
	width: 20%;
	text-align: center;
	background: var(--cyan);
	border-radius: 50vh;
	font-size: 1.4rem;
	color: #ffffff;
	margin-bottom: 10px;
}

dl.voice-industry dt,
dl.voice-industry dd {
	padding: 0.5rem 1rem;
	box-sizing: border-box;
}

.case-area .gallery {
	display: flex;
	justify-content: center;
}

.case-area .gallery-item {
	float: none;
}

@media print,
screen and (min-width: 769px) {
	ul.productItemList>li {
		width: calc((100% - ((20px + (1vw - 1.92rem) * 0.6472) * 2)) / 3);
	}

	ul.productItemList>li:nth-child(3n+1):nth-last-child(-n+3),
	ul.productItemList>li:nth-child(3n+1):nth-last-child(-n+3)~li {
		margin-bottom: 0;
	}
}

@media print,
screen and (max-width: 768px) {
	ul.productItemList {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	ul.productItemList>li:nth-child(2n+1):nth-last-child(-n+2),
	ul.productItemList>li:nth-child(2n+1):nth-last-child(-n+2)~li {
		margin-bottom: 0;
	}

	ul.productItemList>li:not(:last-child) {
		margin-right: 0;
	}
}

/*------お問い合わせ
--------------------------------------------*/
.page-thanks #content header {
	display: none;
}

#content article#post-347 header {
	display: none;
}

/*------よくある質問
--------------------------------------------*/
.qa_list {
	cursor: pointer;
	margin-top: calc(75px + (1vw - 19.2px) * 1.6181);
}

.qa_list .qa_list_inner dt {
	position: relative;
	font-weight: normal;
	margin: 1rem 0 0.5rem 0;
	display: flex;
	align-items: stretch;
	padding: 0rem 1rem 0rem 0rem;
	background: #f0f8ff;
	border: 0;
}

.qa_list .qa_list_inner dd .ans-flex {
	position: relative;
	font-weight: normal;
	margin: 0;
	display: flex;
	align-items: stretch;
	padding: 0;
	background: #fff0f8;
}

.qa_list .qa_list_inner .a_ico {
	color: #ffffff;
	background: var(--magenta);
	line-height: 1.0;
	padding: 1rem 1rem 1rem 1rem;
	font-size: 2.2rem;
	border-right: 0;
	width: 100%;
	text-align: center;
	max-width: 90px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Montserrat';
}

.qa_list .qa_list_inner .q_ico {
	background: var(--cyan);
	color: #ffffff;
	line-height: 1.0;
	padding: 1rem 1rem 1rem 1rem;
	font-size: 2.2rem;
	font-weight: bold;
	width: 100%;
	text-align: center;
	max-width: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Montserrat';
	border-right: 0px;
}

.qa_list .qa_list_inner .q_desc,
.qa_list .qa_list_inner .a_desc {
	padding: 1.5rem 1.5rem 1.5rem 2rem;
	line-height: 1.7;
}

.qa_list .qa_list_inner .a_desc {
	line-height: 1.8;
	width: 100%;
}

.qa_list .qa_list_inner dt:after {
	content: '';
	position: absolute;
	top: 46%;
	right: 3rem;
	width: 12px;
	height: 12px;
	-webkit-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
	border-right: 1px solid #494949;
	border-bottom: 1px solid #494949;
}

.qa_list .qa_list_inner .active:after {
	top: 43%;
	right: 2rem;
	-webkit-transform: rotate(-135deg) translateY(-50%);
	transform: rotate(-135deg) translateY(-50%);
}

.qa_list .qa_list_inner dd {
	display: none;
	position: relative;
	padding: 0;
	margin: 0 0 1rem 0;
	border: 0px;
	border-top: 0;
}

@media only screen and (max-width: 959px) {
	.qa_list .qa_list_inner {
		margin-bottom: 8rem;
	}
}

@media only screen and (max-width: 768px) {

	.qa_list .qa_list_inner .q_desc,
	.qa_list .qa_list_inner .a_desc {
		padding: 0.5rem 1rem 0.5rem 1rem;
	}

	.qa_list .qa_list_inner dt {
		padding: 0rem 1rem 0rem 0rem;
	}

	.qa_list .qa_list_inner .a_ico,
	.qa_list .qa_list_inner .q_ico {
		max-width: 50px;
		padding: 1.2rem 1.0rem;
	}

	.qa_list .qa_list_inner dt:after {
		right: 1.5rem;
		width: 6px;
		height: 6px;
	}

	.qa_list .qa_list_inner .active:after {
		right: 1.0rem;
	}
}

@media only screen and (max-width: 559px) {
	.qa_list .qa_list_inner dd {
		font-size: 1.4rem;
	}

	.qa_list .qa_list_inner {
		margin-bottom: 6rem;
	}

	.qa_list .qa_list_inner dt {
		font-size: 1.4rem;
	}
}

/*------プライバシーポリシー、注意事項と品質保証について
--------------------------------------------*/
#privacy h2,
#quality h2 {
	display: block;
	color: #fff;
	background: #222;
	font-size: calc(1.8rem + (1vw - 19.2px) * 0.1942);
	font-weight: 500;
	font-style: normal;
	letter-spacing: .2rem;
	text-align: left;
	padding: calc(8px + (1vw - 19.2px) * 0.1942) calc(12px + (1vw - 19.2px) * 0.1294);
	margin: calc(50px + (1vw - 19.2px) * 0.9709) auto 20px;
	border: none;
}

#privacy h2::before,
#privacy h2::after,
#quality h2::before,
#quality h2::after {
	content: none;
}

#privacy h2:first-child,
#quality h2:first-child {
	margin-top: 0;
}

/*------
--------------------------------------------*/
/*-----------------下層ページ - --------------------------------------------*/
/*-----------------ブレイクポイント（- 1024px）--------------------------------------------*/
@media print,
screen and (max-width: 1024px) {

	/*------下層・アイキャッチ
--------------------------------------------*/
	#h1Header #thumb img {
		height: 100%;
		margin: auto;
	}

	#thumbImg,
	header#h1Header {
		height: calc(400px + (1vw - 10.2px) * 35.4391);
		/* 400to170(1024-375) */
	}
}

/*-----------------ブレイクポイント（- 1024px）--------------------------------------------*/
/*-----------------ブレイクポイント（1023px-）--------------------------------------------*/
@media print,
screen and (max-width: 1023px) {

	/*------トップ・共通
--------------------------------------------*/
	.y-s img {
		max-width: 150px;
	}

	.y-l img {
		max-width: calc(400px + (1vw - 10.23px) * 7.7160);
	}

	.b-s img {
		max-width: 200px;
	}

	.b-m img {
		max-width: calc(280px + (1vw - 10.23px) * 9.2593);
	}

	.b-l img {
		max-width: calc(400px + (1vw - 10.23px) * 7.7160);
	}

	/*------トップ・sec01
--------------------------------------------*/
	#sec01 {
		padding: calc(110px + (1vw - 10.23px) * 4.6296) 0 calc(150px + (1vw - 10.23px) * 7.7160);
	}

	#sec01 .wrapper-content {
		max-width: 800px;
		margin: 0 auto;
	}

	#sec01 .linkBtn-area {
		bottom: -50px;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	#sec01 a.morelinkBtn {
		min-width: calc(400px + (1vw - 10.23px) * 15.4321);
		font-size: calc(1.6rem + (1vw - 10.23px) * 0.3086);
	}

	/*------装飾------*/

	#sec01 .item02,
	#sec01 .item03 {
		display: none;
	}

	/*------トップ・sec02
--------------------------------------------*/
	#sec02 {
		padding: calc(250px + (1vw - 10.23px) * 15.4321) 0 100px;
	}

	#sec02::before {
		height: 101px;
	}

	.feature__img .squareCut::before {
		padding-top: 75%;
	}

	.squareCut img {
		width: 105%;
		height: auto;
	}

	ul.featureWrap li .feature__img::after {
		width: calc(103px + (1vw - 10.23px) * 4.9383);
		height: calc(350px + (1vw - 10.23px) * 16.9753);
	}

	ul.featureWrap li:nth-child(2) .feature__img::after,
	ul.featureWrap li:nth-child(3) .feature__img::after {
		width: calc(127px + (1vw - 10.23px) * 6.1728);
	}

	/*------トップ・シミュレーション
--------------------------------------------*/
	.halfBox__img,
	.halfBox__col {
		width: 100%;
	}

	.halfBox__img {
		max-height: 320px;
	}

	.halfBox__img img {
		width: 105%;
		height: auto;
	}

	/*------下層・シーホースの特徴
--------------------------------------------*/
	.comparisonBox__abTtl,
	.comparisonBox__abTtl.main {
		position: relative;
		top: auto;
		left: auto;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.comparisonBox__abTtl.circle,
	.comparisonBox__abTtl.main br {
		display: none;
	}

	.comparisonBox__abTtl.main {
		margin: 0 auto 35px;
	}

	.comparisonBox__detale {
		width: 100%;
	}

	.comparisonBox h5.radiusTtl,
	.quantity,
	.plate,
	.amount {
		height: auto;
	}

	.quantity,
	.plate {
		padding: 0 calc(30px + (1vw - 19.2px) * 0.6472) 40px;
	}

	.quantity {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		margin-bottom: calc(50px + (1vw - 10.23px) * 1.5432);
	}

	.post h5.radiusTtl {
		padding: calc(20px + (1vw - 10.23px) * 0.7716) calc(20px + (1vw - 10.23px) * 1.5432);
	}

	.sp-ttl {
		display: block;
		min-width: calc(200px + (1vw - 10.23px) * 9.2593);
		color: #fff;
		background: #222;
		font-size: 1.4rem;
		font-weight: 600;
		text-align: center;
		letter-spacing: .3rem;
		padding: 6px 20px;
		margin: 0 auto 10px;
		border-radius: 50vw;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.post h6 .midTxt {
		vertical-align: inherit;
	}
}

/*-----------------ブレイクポイント（1023px-）--------------------------------------------*/
/*-----------------ブレイクポイント（959px-）--------------------------------------------*/
@media print,
screen and (max-width: 959px) {}

/*-----------------ブレイクポイント（959px-）--------------------------------------------*/
/*-----------------ブレイクポイント（768px-）--------------------------------------------*/
@media print,
screen and (max-width: 768px) {

	/*------フレックスボックス
--------------------------------------------*/
	.w30,
	.w40,
	.w50,
	.w60,
	.w70 {
		width: 100%;
		margin-bottom: 20px;
	}

	.w30:last-child,
	.w40:last-child,
	.w50:last-child,
	.w60:last-child,
	.w70:last-child {
		margin-bottom: 0;
	}

	.w30 img,
	.w40 img,
	.w50 img,
	.w60 img,
	.w70 img {
		width: auto;
		max-height: 320px;
	}

	/*------Googlemap
--------------------------------------------*/
	.googlemap {
		padding-bottom: 80%;
	}

	/*------トップ・共通
--------------------------------------------*/
	.y-s,
	.b-s {
		display: none;
	}

	/*------トップ・sec01
--------------------------------------------*/
	.kv-mainCol {
		max-width: inherit;
		margin: 0 auto;
	}

	/*------トップ・sec05
--------------------------------------------*/
	.post h2.flowTtl {
		text-align: left;
		padding: 10px 0 10px 90px;
		margin-bottom: 20px;
	}

	.nmb {
		top: 50%;
		left: 0;
		-webkit-transform: translate(50%, -50%);
		-ms-transform: translate(50%, -50%);
		transform: translate(50%, -50%);
	}

	.nmb b {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		z-index: -1;
	}

	/*------下層・シーホースの特徴
--------------------------------------------*/
	.model-name,
	.delivery,
	.modelImg,
	.model-col {
		width: 100%;
	}

	.model-name,
	.delivery {
		text-align: center;
	}

	.modelImg {
		margin-bottom: 25px;
	}

	.modelImg img {
		width: auto;
		max-height: 200px;
	}
}

/*-----------------ブレイクポイント（768px-）--------------------------------------------*/
/*-----------------ブレイクポイント（640px-）--------------------------------------------*/
@media print,
screen and (max-width: 640px) {

	.post table.responsive th,
	.post table.responsive td {
		text-align: left;
	}

	/*------パンくずリスト
--------------------------------------------*/
	#breadcrumb ul {
		max-width: 100%;
	}

	/*------ギャラリー
--------------------------------------------*/
	.gallery {
		margin: 20px auto !important;
	}

	.gallery-columns-2 .gallery-item,
	.gallery-columns-3 .gallery-item,
	.gallery-columns-4 .gallery-item,
	.gallery-columns-6 .gallery-item {
		width: calc(100%/2) !important;
	}

	.gallery-columns-3 .gallery-item,
	.gallery-columns-4 .gallery-item .gallery-columns-6 .gallery-item {
		margin-bottom: 10px;
	}

	.gallery-columns-1 .gallery-item img,
	.gallery-columns-2 .gallery-item img,
	.gallery-columns-3 .gallery-item img,
	.gallery-columns-4 .gallery-item img,
	.gallery-columns-5 .gallery-item img,
	.gallery-columns-6 .gallery-item img {
		max-width: 100%;
	}

	/*------新着情報
--------------------------------------------*/
	.postlist .post_text {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.postlist .ttls {
		width: 100%;
		margin-top: 10px;
	}

	.postlist .ttls,
	.postlist .date {
		padding: 0 5px;
	}

	.post .time,
	.postlist .time,
	.post2b .time,
	.post4b .time {
		padding: 3px 8px;
	}

	.postlist .time {
		font-size: 80%;
		margin: 0 5px 0 0;
	}

	/*------下層h1見出し
--------------------------------------------*/
	#thumbImg,
	header#h1Header {
		background: url(/struct/wp-content/uploads/bg_h1ttl_subpage.png) no-repeat center;
		background-size: cover;
	}
}

/*-----------------ブレイクポイント（640px-）--------------------------------------------*/
/*-----------------ブレイクポイント（559px-）--------------------------------------------*/
@media print,
screen and (max-width: 559px) {

	.read-txt,
	.post .read-txt {
		text-align: left;
	}

	/*------下層・シーホースの特徴
--------------------------------------------*/
	ul.featuresList li {
		padding: 0;
	}

	ul.featuresList li::before {
		position: relative;
		display: table;
		top: auto;
		left: auto;
		margin: 0 auto 10px;
	}

	/*------下層・製品紹介
--------------------------------------------*/
	.sizeLabel {
		display: table;
		margin: 0 auto 5px;
	}
}

/*-----------------ブレイクポイント（559px-）--------------------------------------------*/
/* ----------------------
 * 会員登録機能
 ---------------------- */
input[type="password"] {
	vertical-align: middle;
	line-height: 30px;
	height: 30px;
	padding: 1px 5px;
	border: 1px solid #d4d4d7;
	border-radius: 3px;
	color: #555;
	background: #fcfcfc;
	margin-bottom: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*共通*/
.post #wpmem_msg,
.post .wpmem_msg {
	width: 100%;
	padding: 20px 0;
}

#v_wpmem_wrap .req {
	color: #ff0000;
}

#v_wpmem_wrap input:not([type="radio"]):not([type="checkbox"]),
#v_wpmem_wrap select,
#v_wpmem_wrap textarea {
	width: 100%;
}

#v_wpmem_wrap .button_div {
	width: 100%;
	text-align: center;
	margin-top: calc(40px + (1vw - 19.2px) * 0.6472);
}

#v_wpmem_wrap .button_div:not(:last-child) {
	margin-bottom: calc(30px + (1vw - 19.2px) * 0.6472);
}

#v_wpmem_wrap .button_div .buttons {
	cursor: pointer;
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	border-radius: 0;
	margin-top: 1em;
}

#v_wpmem_wrap .msg_area:empty {
	display: none;
}

#v_wpmem_wrap .link-text {
	font-size: calc(1.4rem + (1vw - 19.2px) * 0.1294);
	text-align: right;
}

#v_wpmem_wrap .form_item_wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 92%;
	background: none;
	color: #222;
	border-bottom: 1px solid #f0f0f0;
}

#v_wpmem_wrap .form_item_wrapper:first-child {
	border-top: 1px solid #f0f0f0;
}

#v_wpmem_wrap .form_item_wrapper>* {
	padding: calc(10px + (1vw - 19.2px) * 0.3236) calc(15px + (1vw - 19.2px) * 0.4531);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#v_wpmem_wrap .form_item_wrapper>label {
	width: 34%;
}

#v_wpmem_wrap .form_item_wrapper>div {
	width: 66%;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}

#v_wpmem_wrap .div_radio,
#v_wpmem_wrap .div_multicheckbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#v_wpmem_wrap .div_radio br,
#v_wpmem_wrap .div_multicheckbox br {
	display: none;
}

#v_wpmem_wrap .div_radio label,
#v_wpmem_wrap .div_multicheckbox label {
	cursor: pointer;
	margin-right: 1em;
}

@media (max-width: 768px) {
	#v_wpmem_wrap .form_item_wrapper>label {
		height: auto;
		width: 100%;
	}

	#v_wpmem_wrap .form_item_wrapper>div {
		padding: 0;
		margin-bottom: 1em;
		width: 100%;
	}
}

/*登録フォーム*/
#v_wpmem_wrap div#about_personal_info {
	max-height: 30vh;
	overflow-y: scroll;
	border: 1px solid #f0f0f0;
	padding: 1em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#v_wpmem_wrap #about_personal_info br {
	display: block;
}

#v_wpmem_wrap dl.notice {
	text-align: left;
	font-size: .8em;
	color: #d62f2f;
}

.form_description {
	text-align: center;
	margin-bottom: 20px;
}

#v_wpmem_wrap #wpmem_register_form input[readonly],
#v_wpmem_wrap #wpmem_register_form input[disabled] {
	background: #dcdcdc;
}

#v_wpmem_wrap #wpmem_register_form input[readonly]::placeholder {
	color: #dcdcdc;
}

/*ログインフォーム*/
.login_box {
	max-width: 850px;
	margin: 0 auto;
}

#v_wpmem_wrap #wpmem_login_form .button_div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#v_wpmem_wrap #wpmem_login_form .button_div input[type="submit"] {
	-webkit-box-ordinal-group: -1;
	-ms-flex-order: -2;
	order: -2;
}

#v_wpmem_wrap #wpmem_login_form .button_div #brpoint_for_flex {
	-webkit-box-ordinal-group: 0;
	-ms-flex-order: -1;
	order: -1;
	width: 100%;
	margin-bottom: 10px;
}

/*マイページ*/
#my_page_wrapper {
	margin: 0 auto;
}

#my_page_wrapper h2 {
	font-size: calc(2.2rem + (1vw - 19.2px) * 0.3883);
	letter-spacing: .2rem;
	background: #f2f2f2;
	padding: 10px 15px;
	margin-bottom: calc(30px + (1vw - 19.2px) * 0.6472);
}

#my_page_wrapper #edit_user_info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 1em
}

#my_page_wrapper #edit_user_info>div {
	width: 30%;
}

#my_page_wrapper #edit_user_info a,
#v_wpmem_wrap .button_div .buttons {
	display: block;
	position: relative;
	color: #fff;
	background: var(--black);
	font-size: calc(1.6rem + (1vw - 19.2px) * 0.1294);
	font-weight: 700;
	font-family: "Noto Sans JP", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	line-height: 1.8;
	padding: calc(20px + (1vw - 19.2px) * 0.3236) calc(35px + (1vw - 19.2px) * 0.6472);
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	border: none;
}

#my_page_wrapper #edit_user_info a:hover,
#v_wpmem_wrap .button_div .buttons:hover {
	background: #7b7b7b;
}

@media print,
screen and (max-width: 769px) {
	#my_page_wrapper #edit_user_info>div {
		width: 100%;
	}

	#my_page_wrapper #edit_user_info>div:not(:last-child) {
		margin-bottom: 20px;
	}
}

/*------下層・シミュレーション
--------------------------------------------*/
p.text-center {
	text-align: center;
}

#v_simulator_wrap .order-form-link {
	margin: 3em auto 0;
	text-align: center;
	padding: 1em 2em;
	font-size: calc(1.6rem + (1vw - 19.2px) * 0.1942);
	border-top: 1px dashed #222;
	border-bottom: 1px dashed #222;
}

#v_simulator_wrap .order-form-link a {
	text-decoration: underline;
}

#v_simulator_wrap .first_hide {
	display: none;
}

#v_simulator_wrap .mainthumb {
	position: relative;
	overflow: hidden;
	height: auto !important;
	background: #f2f2f2;
	margin-bottom: calc(15px + (1vw - 19.2px) * 0.3236);
}

#v_simulator_wrap .mainthumb img {
	background: #f2f2f2;
}

#v_simulator_wrap .mainthumb::before,
#v_simulator_wrap #item_thumb li::before {
	content: '';
	display: block;
	padding-top: 100%;
}

#v_simulator_wrap .mainthumb img,
#v_simulator_wrap #item_thumb li img {
	position: absolute;
	max-width: none;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: auto !important;
}

#v_simulator_wrap .mainthumb img {
	width: 120%;
	height: auto;
}

#v_simulator_wrap #item_thumb li img {
	width: auto;
	height: 110%;
}

#v_simulator_wrap.flex,
#v_simulator_wrap .flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#v_simulator_wrap ul.flex {
	margin-top: calc(20px + (1vw - 19.2px) * 0.6472);
}

#v_simulator_wrap .w_100 {
	width: 100%;
}

#v_simulator_wrap #size_image {
	width: 28.5%;
}

#v_simulator_wrap #calc_items {
	width: 68.5%;
}

#v_simulator_wrap label {
	cursor: pointer;
}

#v_simulator_wrap .item_wrap {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	font-size: 92%;
	padding: calc(20px + (1vw - 19.2px) * 0.3236) calc(20px + (1vw - 19.2px) * 0.6472);
	border-bottom: 1px solid #f0f0f0;
}

#v_simulator_wrap .item_wrap:first-child {
	border-top: 1px solid #f0f0f0;
}

#v_simulator_wrap .item_name {
	width: 25%;
	margin-right: 5%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#v_simulator_wrap .item_name .popup_trigger {
	margin-left: .5em;
	font-size: 1.2em;
}

#v_simulator_wrap .about_aluminum_title {
	cursor: pointer;
	text-decoration: underline;
	color: var(--cyan);
}

.about_aluminum_notice {
	border: 1px solid !important;
	border-color: var(--cyan);
	font-size: 12px;
	line-height: 1.6em !important;
	height: 0;
	opacity: 0;
	visibility: hidden;
	transition: .4s;
}

#v_simulator_wrap .about_aluminum_notice.active {
	height: 100%;
	opacity: 1;
	visibility: visible;
	padding: 1em;
}

#v_simulator_wrap .popup_content .about_notice {
	padding: 1em;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	border: 1px dotted #dcdcdc;
	margin-bottom: 1em;
	text-align: center;
}

#v_simulator_wrap .popup_content .image_wrap {
	display: flex;
	justify-content: space-between;
}

#v_simulator_wrap .popup_content figure {
	width: 49%;
	font-weight: bold;
	font-size: 1.1em;
	text-align: center;
}

#v_simulator_wrap .popup_content img {
	max-height: 40vh;
}

#v_simulator_wrap .item_content {
	width: 70%;
}

#v_simulator_wrap #calc_items input[type="checkbox"],
#v_simulator_wrap #calc_items input[type="radio"] {
	width: auto;
}

#v_simulator_wrap .msg {
	font-size: .8em;
}

#v_simulator_wrap .alert_msg {
	color: #b73131;
}

#v_simulator_wrap .msg,
#v_simulator_wrap .alert_msg {
	width: 100%;
}

#v_simulator_wrap #hole_size .item_name,
#v_simulator_wrap #hole_size .item_content {
	width: 100%;
}

#v_simulator_wrap #hole_size li,
#v_simulator_wrap #hole_size li label,
#v_simulator_wrap #hole_size li figure {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#v_simulator_wrap #hole_size li {
	width: 24%;
}

#v_simulator_wrap #hole_size li figure {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#v_simulator_wrap #hole_size figcaption {
	font-size: calc(1.2rem + (1vw - 19.2px) * 0.0647);
}

#v_simulator_wrap #hole_size #hole3 img {
	width: 80%;
}

#v_simulator_wrap #hole_size #hole3 figure {
	justify-content: center;
	align-items: center;
	position: relative;
}

#v_simulator_wrap #hole_size #hole3 figcaption {
	position: absolute;
	bottom: 0;
}

#v_simulator_wrap #item_sizes label {
	flex-grow: 1;
}

#v_simulator_wrap #item_sizes input {
	width: 4em;
	margin: 0 .5em;
}

#v_simulator_wrap #order_count .item_content .flex {
	flex-wrap: nowrap;
	column-gap: 1em;
}

#v_simulator_wrap #order_count label {
	flex-shrink: 0;
}

#v_simulator_wrap #zipper_position input {
	width: calc(100% - 3em);
}

#v_simulator_wrap .btn_area {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 30px auto;
}

#v_simulator_wrap input.hidden_item {
	display: none;
}

#result {
	background: #f4f4f4;
	font-size: calc(1.8rem + (1vw - 19.2px) * 0.3883);
	font-weight: 600;
	text-align: center;
	margin: 3em auto 0;
}

#result #estimate_result {
	overflow-x: scroll;
}

#result table {
	white-space: nowrap;
}

#result table th,
#result table td {
	text-align: center;
	vertical-align: middle;
}

#result .note {
	margin-top: 15px;
}

.btn_area button,
a.loginBtn,
a.dlBtn,
.disabled_btn,
a.download-button-link {
	position: relative;
	font-size: calc(1.6rem + (1vw - 19.2px) * 0.1942);
	font-weight: 700;
	line-height: 1.8;
	text-align: center;
	padding: 10px calc(30px + (1vw - 19.2px) * 0.6472);
	margin: 0 calc(10px + (1vw - 19.2px) * 0.3236);
}

.btn_area button,
a.loginBtn,
a.dlBtn,
a.download-button-link {
	cursor: pointer;
	color: #fff;
	background: var(--black);
	border: none;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

.btn_area button {
	font-family: "Noto Sans JP", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.btn_area button:hover,
a.loginBtn:hover,
a.dlBtn,
a.download-button-link:hover {
	background: #7b7b7b;
}

.disabled_btn {
	color: #b5b5b5;
	border: 1px solid #b5b5b5;
}

input[disabled] {
	background: #b5b5b5;
}

a.download-button-link {
	margin: 0 auto;
	margin-top: 3em;
}

@media print,
screen and (max-width: 768px) {

	#v_simulator_wrap #calc_items,
	#v_simulator_wrap .item_name,
	#v_simulator_wrap .item_content {
		width: 100%;
	}

	#v_simulator_wrap input,
	#v_simulator_wrap select {
		width: 95%;
	}

	#v_simulator_wrap .item_name {
		margin: 0 auto 10px;
		justify-content: flex-start;
	}

	#v_simulator_wrap #size_image {
		width: 90%;
		max-width: 350px;
		margin: 0 auto 30px;
	}

	#v_simulator_wrap #hole_size li {
		width: 48%;
		margin-bottom: 15px;
	}

	#v_simulator_wrap #hole_size li:nth-child(2n+1):nth-last-child(-n+2),
	#v_simulator_wrap #hole_size li:nth-child(2n+1):nth-last-child(-n+2)~li {
		margin-bottom: 0;
	}

	#my_page_wrapper #edit_user_info,
	#v_simulator_wrap .btn_area {
		max-width: 400px;
	}

	#edit_user_info {
		margin: auto;
	}

	#v_simulator_wrap .btn_area>* {
		width: 100%;
		margin: 0 auto;
	}

	#v_simulator_wrap .btn_area>*:not(:last-child) {
		margin-bottom: 10px;
	}

	a.download-button-link {
		width: 100%;
		margin: 0 auto;
		font-size: 12px;
	}

	.page-id-266 #option_type .item_content .checkbox_wrap {
		display: block;
	}
}

@media screen and (min-width: 768px) {
	.sp_br {
		display: none;
	}
}

body.login_true .login_true_hide {
	display: none !important;
}

body.login_false .login_false_hide {
	display: none !important;
}

.pt0 {
	padding-top: 0rem !important;
}

.pt1 {
	padding-top: 1rem !important;
}

.pt2 {
	padding-top: 2rem !important;
}

.pt3 {
	padding-top: 3rem !important;
}

.pt4 {
	padding-top: 4rem !important;
}

.pt5 {
	padding-top: 5rem !important;
}

.pt6 {
	padding-top: 6rem !important;
}

.pt7 {
	padding-top: 7rem !important;
}

.pt8 {
	padding-top: 8rem !important;
}

.pt9 {
	padding-top: 9rem !important;
}

.pt10 {
	padding-top: 10rem !important;
}

.pb0 {
	padding-bottom: 0rem !important;
}

.pb1 {
	padding-bottom: 1rem !important;
}

.pb2 {
	padding-bottom: 2rem !important;
}

.pb3 {
	padding-bottom: 3rem !important;
}

.pb4 {
	padding-bottom: 4rem !important;
}

.pb5 {
	padding-bottom: 5rem !important;
}

.pb6 {
	padding-bottom: 6rem !important;
}

.pb7 {
	padding-bottom: 7rem !important;
}

.pb8 {
	padding-bottom: 8rem !important;
}

.pb9 {
	padding-bottom: 9rem !important;
}

.pb10 {
	padding-bottom: 10rem !important;
}

.pd2 {
	padding: 2rem !important;
}

.pd3 {
	padding: 3rem !important;
}

.pd4 {
	padding: 4rem !important;
}

.pd5 {
	padding: 5rem !important;
}

@media screen and (max-width: 768px) {
	.pt1 {
		padding-top: 0.5rem !important;
	}

	.pt2 {
		padding-top: 1rem !important;
	}

	.pt3 {
		padding-top: 1.5rem !important;
	}

	.pt4 {
		padding-top: 2rem !important;
	}

	.pt5 {
		padding-top: 2.5rem !important;
	}

	.pt6 {
		padding-top: 3rem !important;
	}

	.pt7 {
		padding-top: 3.5rem !important;
	}

	.pt8 {
		padding-top: 4rem !important;
	}

	.pt9 {
		padding-top: 4.5rem !important;
	}

	.pt10 {
		padding-top: 5rem !important;
	}

	.pb1 {
		padding-bottom: 0.5rem !important;
	}

	.pb2 {
		padding-bottom: 1rem !important;
	}

	.pb3 {
		padding-bottom: 1.5rem !important;
	}

	.pb4 {
		padding-bottom: 2rem !important;
	}

	.pb5 {
		padding-bottom: 2.5rem !important;
	}

	.pb6 {
		padding-bottom: 3rem !important;
	}

	.pb7 {
		padding-bottom: 3.5rem !important;
	}

	.pb8 {
		padding-bottom: 4rem !important;
	}

	.pb9 {
		padding-bottom: 4.5rem !important;
	}

	.pb10 {
		padding-bottom: 5rem !important;
	}

	.pd2 {
		padding: 1rem !important;
	}

	.pd3 {
		padding: 1.5rem !important;
	}

	.pd4 {
		padding: 2rem !important;
	}

	.pd5 {
		padding: 2.5rem !important;
	}
}

body.show_popup {
	overflow: hidden;
	height: 100%;
}

#popup_mask,
.popup_content {
	opacity: 0;
	transition: .5s;
	display: none;
}

body.show_popup #popup_mask {
	opacity: .5;
}

body.show_popup .popup_content {
	opacity: 1;
}

#popup_mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #000000;
	z-index: 100;

}

.popup_trigger {
	cursor: pointer;
	color: var(--cyan);
}

.popup_content {
	position: fixed;
	z-index: 999;
	background-color: #fff;
	height: 70vh;
	width: 50vw;
	overflow-y: scroll;
	border-radius: 10px;
	box-shadow: 0 0 20px #fff;
	padding: 60px 20px 0;
	box-sizing: border-box;
}

.popup_content .popup_close {
	font-size: 32px;
	cursor: pointer;
	position: absolute;
	right: 20px;
	top: 20px;
	color: #fb6c6c;
}

.popup_content h3.title {
	margin: 0;
	margin-bottom: 1em;
	font-size: 24px;
	padding: 10px 0;
}

.popup_content img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

@media(max-width: 768px) {
	.popup_content {
		width: 90vw;
	}
}




/*------design service
--------------------------------------------*/
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.post .designService h3 {
	background: #222;
}

.designService .wrapper-content {
	max-width: 1200px;
}

/* problem */
.problem {
	width: 100%;
	border: 3px solid #65e7dc;
	border-radius: min(calc(20px + (1vw - 19.2px) * 0.6472), 20px);
	/* 20px to 10px */
	position: relative;
	padding: 8% 5% 5%;
}

.post h3.problemTtl {
	position: absolute;
	background: #65e7dc;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(101, 161, 231, 1)), to(rgba(101, 231, 220, 1)));
	background: -o-linear-gradient(bottom, rgba(101, 161, 231, 1) 0%, rgba(101, 231, 220, 1) 100%);
	background: linear-gradient(0deg, rgba(101, 161, 231, 1) 0%, rgba(101, 231, 220, 1) 100%);
	font-size: min(calc(2.2rem + (1vw - 1.92rem) * 0.3883), 2.2rem);
	/* 2.2rem to 1.6rem */
	padding: calc(1.5rem + (1vw - 1.92rem) * 0.3236) calc(3rem + (1vw - 1.92rem) * 0.6472);
	border-radius: 100px;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: 0;
	white-space: nowrap
}

.post .problem_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	gap: 2%;
}

.post .problem_items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background: #fff;
}

.problem_items .problem_number {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	font-weight: 300;
	font-size: min(calc(1.6rem + (1vw - 1.92rem) * 0.1294), 1.6rem);
	/* 1.6rem to 1.4rem */
	color: #fff;
	background: var(--cyan);
	border-radius: 100px;
	padding: 1.5% 5%;
	margin: 0 auto;
	letter-spacing: 0.1rem;
}

.problem_items:nth-child(2) .problem_number {
	background: #fec244;
}

.problem_items:nth-child(3) .problem_number {
	background: #8bd4d9;
}

.problem_items .problem_img {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}

.problem_items .problem_read {
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
	color: #222;
	font-weight: bold;
	font-size: min(calc(1.8rem + (1vw - 1.92rem) * 0.2589), 1.8rem);
	padding: 4% 8% 8%;
	line-height: 1.6;
}

.readTxt_02 {
	text-align: center;
	font-weight: bold;
	margin-top: 5%;
	font-size: min(calc(1.8rem + (1vw - 1.92rem) * 0.2589), 1.8rem);
	/* 1.8rem to 1.4rem */
}

/* normal flow */
.post .designService_flow {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
}

.post .designService_flow_item {
	position: relative;
	background: #e5f1ff;
	width: 100%;
	border-radius: min(calc(20px + (1vw - 19.2px) * 0.6472), 20px);
	/* 20px to 10px */
}

.post .designService_flow_item:not(:last-child):after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent var(--cyan);
	top: 50%;
	right: -10px;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.post .designService_flow_item:last-child {
	background: var(--cyan);
}

.post .designService_flow_ttl {
	padding: 5% 5% 0 5%;
	font-size: min(calc(2rem + (1vw - 1.92rem) * 0.2589), 2rem);
	/* 2rem to 1.6rem */
	font-weight: bold;
	text-align: center;
}

.post .designService_flow_item:last-child .designService_flow_ttl {
	color: #fff;
}

.box-right {
	text-align: right;
}

.caution_y {
	background: var(--txt-yellow);
	border-radius: 100px;
	display: inline-block;
	padding: 0 2%;
	margin: 2% 0 5%;
}

.align_c {
	text-align: center;
}

/* plan detail */
.plan_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 1%;
}

.plan_item {
	width: 100%;
	border: 3px solid #fec244;
	border-radius: min(calc(20px + (1vw - 19.2px) * 0.6472), 20px);
	/* 20px to 10px */
	padding: 0px 2% 2% 2%;
}

.plan_item_C {
	border-color: var(--cyan);
}

.plan_item_A {
	border-color: #8bd4d9;
}

.plan_ttl_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: rgb(255, 182, 111);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 182, 111, 1)), to(rgba(255, 211, 0, 1)));
	background: -o-linear-gradient(bottom, rgba(255, 182, 111, 1) 0%, rgba(255, 211, 0, 1) 100%);
	background: linear-gradient(0deg, rgba(255, 182, 111, 1) 0%, rgba(255, 211, 0, 1) 100%);
	color: #fff;
	width: 100%;
	height: 70px;
	max-width: 350px;
	border-radius: 100px;
	margin: -35px auto 0;
	padding: 5px;
}

.plan_item_C .plan_ttl_wrap {
	background: var(--cyan);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(101, 161, 231, 1)), to(rgba(101, 231, 220, 1)));
	background: -o-linear-gradient(bottom, rgba(101, 161, 231, 1) 0%, rgba(101, 231, 220, 1) 100%);
	background: linear-gradient(0deg, rgba(101, 161, 231, 1) 0%, rgba(101, 231, 220, 1) 100%);
}

.plan_item_A .plan_ttl_wrap {
	background: rgb(157, 255, 252);
	background: linear-gradient(180deg, rgba(157, 255, 252, 1) 0%, rgba(139, 212, 217, 1) 50%, rgba(97, 198, 205, 1) 100%);
}

.plan_ttl_wrap .plan_ttl {
	line-height: 1.4;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	color: #fff;
	text-align: left;
	margin: 0;
	width: 100%;
}

.plan_ttl_wrap .plan_ttl .plan_ttl_jp {
	font-size: calc(2rem + (1vw - 1.92rem) * 0.1294);
	/* 2rem to 1.8rem */
}

.plan_ttl_wrap .plan_ttl .plan_ttl_en {
	font-size: min(calc(1.4rem + (1vw - 1.92rem) * 0.1942), 1.4rem);
	/* 1.4rem to 1.1rem */
	letter-spacing: 0.1rem;
	color: #fff;
}

.plan_ttl_number {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	background: #fff;
	border-radius: 50%;
	margin-right: 5%;
	flex-shrink: 0;
}

.plan_ttl_number span {
	font-size: min(calc(3rem + (1vw - 1.92rem) * 0.9709), 3rem);
	/*3rem to 1.5rem*/
	font-weight: bold;
	color: #fec244;
}

.plan_item_C .plan_ttl_number span {
	color: var(--cyan);
}

.plan_item_A .plan_ttl_number span {
	color: #8bd4d9;
}

.plan_img {
	max-width: 250px;
	margin: 0 auto;
}

.plan_leadTime {
	font-size: min(calc(1.8rem + (1vw - 1.92rem) * 0.1294), 1.8rem);
	/* 1.8rem to 1.6rem */
	font-weight: bold;
	text-align: center;
	margin-bottom: 2%;
}

.plan_leadTime span {
	position: relative;
	padding: 0 30px;
}

.plan_leadTime span:before {
	position: absolute;
	content: "";
	width: 10px;
	height: 25px;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(/struct/wp-content/uploads/deco_y.png) center no-repeat;
	background-size: contain;
}

.plan_leadTime span:after {
	position: absolute;
	content: "";
	width: 10px;
	height: 25px;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%) rotate(-180deg);
	-ms-transform: translateY(-50%) rotate(-180deg);
	transform: translateY(-50%) rotate(-180deg);
	background: url(/struct/wp-content/uploads/deco_y.png) center no-repeat;
	background-size: contain;
}

.plan_item_C .plan_leadTime span:before,
.plan_item_C .plan_leadTime span:after {
	background: url(/struct/wp-content/uploads/deco_b.png) center no-repeat;
	background-size: contain;
}

.plan_item_A .plan_leadTime span:before,
.plan_item_A .plan_leadTime span:after {
	background: url(/struct/wp-content/uploads/deco_g.png) center no-repeat;
	background-size: contain;
}

.bgYellow {
	background: #fec244;
}

.bgBlue {
	background: var(--cyan);
}

.bgGreen {
	background: #8bd4d9;
}

.plan_detail {
	position: relative;
	padding-top: 0;
}

.plan_detail:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 35px;
	background: #fff;
}

.plan_detail .plan_ttl_number {
	margin: 0 auto;
	border: 3px dotted #fec244;
}

.plan_detail .plan_ttl {
	margin: 10px auto 0;
	color: #fff;
	font-size: min(calc(2.8rem + (1vw - 1.92rem) * 0.6472), 2.8rem);
	/* 2.8rem to 1.8rem */
}

.plan_detail .enTtl {
	color: #fff;
	font-size: min(calc(1.6rem + (1vw - 1.92rem) * 0.2589), 1.6rem);
	/* 1.6rem to 1.2rem */
	letter-spacing: 0.1rem;
}

.designService .read-txt {
	color: #fff;
	margin: calc(40px + (1vw - 19.2px) * 1.2945) 0 calc(60px + (1vw - 19.2px) * 1.9417);
	/* 4rem to 2rem , 6rem to 3rem */
}

.box_common_bgW {
	background: #fff;
	padding: 5%;
	margin-bottom: 1.5%;
}

.box_common_bgW h5 {
	position: relative;
	text-align: center;
	font-size: min(calc(2.2rem + (1vw - 1.92rem) * 0.2589), 2.2rem);
	/* 2.2rem to 1.8rem */
	font-weight: bold;
}

.box_common_bgW h5:after {
	position: absolute;
	content: "";
	width: min(calc(60px + (1vw - 19.2px) * 1.2945), 60px);
	/* 60px to 40px */
	height: 3px;
	background: #fec244;
	bottom: -10px;
	left: 50%;
	-webkit-transform: translate(-50%, -0);
	-ms-transform: translate(-50%, -0);
	transform: translate(-50%, -0);
}

.designService ul.featuresList {
	padding: 0;
	border: 0;
}

.designService ul.featuresList li {
	padding: 0 0 0 115px;
}

.designService ul.featuresList li::before {
	content: 'オススメ' counter(featuresList, decimal-leading-zero);
	background: #fec244;
}

.prepare_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 5%;
}

.prepare_item {
	position: relative;
	width: 100%;
	background: #fff7c8;
	padding: 2%;
	border-radius: min(calc(20px + (1vw - 19.2px) * 0.6472), 20px);
	/* 20px to 10px */
}

.prepare_item:not(:last-child):after {
	font-family: 'Font Awesome 5 Free';
	font-weight: bold;
	position: absolute;
	content: "\2b";
	font-size: min(calc(3rem + (1vw - 1.92rem) * 0.9709), 3rem);
	/* 3rem to 1.5rem */
	color: #fec244;
	right: -12.4%;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.prepare_img {
	max-width: 210px;
	margin: 0 auto;
}

.prepare_txt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	font-weight: bold;
	font-size: min(calc(1.8rem + (1vw - 1.92rem) * 0.2589), 1.8rem);
	/* 1.8rem to 1.4rem */
	line-height: 1.6;
	min-height: 50px;
}

.prepare_txt span {
	font-weight: normal;
	font-size: min(calc(1.4rem + (1vw - 1.92rem) * 0.1294), 1.4rem);
	/* 1.4rem to 1.2rem */
}

.post .plan_detail .designService_flow_ttl {
	padding: 0;
	font-size: min(calc(1.6rem + (1vw - 1.92rem) * 0.1294), 1.6rem);
	/* 1.6rem to 1.4rem */
	line-height: 1.6;
	text-align: center;
}

.post .plan_detail .designService_flow_ttl span {
	font-size: min(calc(1.2rem + (1vw - 1.92rem) * 0.1294), 1.2rem);
	/* 1.2rem to 1rem */
	display: block;
	text-align: left;
}

.post .plan_detail .designService_flow_item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1.5%;
}

.bgYellow .designService_flow_item {
	background: #fff7c8;
}

.bgYellow .designService_flow_item:last-child {
	background: #fec244;
}

.bgYellow .designService_flow_item:not(:last-child):after {
	border-color: transparent transparent transparent #fec244;
}

.bgGreen .designService_flow_item:not(:last-child):after {
	border-color: transparent transparent transparent #8bd4d9;
}

.post .plan_table th {
	width: calc(100% / 5);
	background: #fec244;
	color: #fff;
	font-weight: bold;
}

.post .plan_table th span,
.post .plan_table td span {
	font-size: min(calc(1.2rem + (1vw - 1.92rem) * 0.1294), 1.2rem);
	/* 1.2rem to 1rem */
}

.post .plan_table th,
.post .plan_table td {
	text-align: center;
	line-height: 1.6;
	vertical-align: middle;
}

.bgBlue.plan_detail:before {
	background: #fec244;
}

.bgYellow.plan_detail:before {
	background: #8bd4d9;
}

.bgBlue.plan_detail .plan_ttl_number {
	border: 3px dotted;
	border-color: var(--cyan);
}

.bgBlue .plan_ttl_number span {
	color: var(--cyan);
}

.bgBlue .box_common_bgW h5:after {
	background: var(--cyan);
}

.designService .bgBlue ul.featuresList li::before {
	background: var(--cyan);
}

.bgBlue .prepare_item {
	background: #e5f1ff;
}

.bgBlue .prepare_item:not(:last-child):after {
	color: var(--cyan);
}

.post .bgBlue .plan_table th {
	background: var(--cyan);
}

.bgGreen.plan_detail .plan_ttl_number {
	border: 3px dotted #8bd4d9;
}

.bgGreen .plan_ttl_number span {
	color: #8bd4d9;
}

.bgGreen .box_common_bgW h5:after {
	background: #8bd4d9;
}

.designService .bgGreen ul.featuresList li::before {
	background: #8bd4d9;
}

.bgGreen .prepare_item {
	background: #e1f0f1;
}

.bgGreen .prepare_item:not(:last-child):after {
	color: #8bd4d9;
}

.post .bgGreen .plan_table th {
	background: #8bd4d9;
}

.bgGreen .designService_flow_item:last-child {
	background: #8bd4d9;
}

.bgGreen .designService_flow_item {
	background: #e1f0f1;
}

.bgYellow .designService_flow_item,
.bgBlue .designService_flow_item,
.bgGreen .designService_flow_item {
	position: relative;
}

.fin_a,
.fin_b {
	position: absolute;
	width: 73px;
	bottom: -30px;
	right: -20px;
}

.plan_option {
	padding: calc(75px + (1vw - 19.2px) * 1.6181) 0;
}

.post .plan_option .plan_table {
	width: 100%;
}

.post .plan_option .plan_table th {
	width: calc(100% / 2);
	background: #222;
}

.normalOrder .headTtl {
	background: url(/struct/wp-content/uploads/bgTtl_designServicePlan01.jpg) no-repeat center;
	background-size: cover;
}

.designService_plan .headTtl {
	background: url(/struct/wp-content/uploads/bgTtl_designServicePlan.jpg) no-repeat center;
	background-size: cover;
}

.mt40 {
	margin-top: min(calc(40px + (1vw - 19.2px) * 0.6472), 40px) !important;
	/* 40px to 30px */
}

.block {
	display: block;
}

.sp_block {
	display: none;
}

.bold {
	font-weight: bold;
}

.package_gallery {
	position: relative;
}

.package_gallery:before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-image: url(/struct/wp-content/uploads/bg_pattern02.png);
	background-size: cover;
}

.package_gallery_inner {
	position: relative;
	width: 90%;
	max-width: 1500px;
	margin: 10% auto 0;
	padding: 10% 0;
}

.post .package_gallery_detail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 5.20833333333333vw;
}

.post .gallery_item {
	width: 50%;
	height: 100%;
	-webkit-filter: drop-shadow(calc(20px + (1vw - 19.2px) * 0.3236) calc(30px + (1vw - 19.2px) * 0.7767) calc(35px + (1vw - 19.2px) * 0.9709) rgba(0, 0, 0, .2));
	filter: drop-shadow(calc(20px + (1vw - 19.2px) * 0.3236) calc(30px + (1vw - 19.2px) * 0.7767) calc(35px + (1vw - 19.2px) * 0.9709) rgba(0, 0, 0, .2));
}

.post .gallery_item:nth-child(odd) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding-right: 2.08333333333333vw;
}

.post .gallery_item:nth-child(even) {
	padding-left: 3.125vw;
}

.post .gallery_item a {
	display: block;
	width: 100%;
	overflow: hidden;
}

.post .gallery_landscape a {
	width: 36.45833333333333vw;
	max-width: 700px;
}

.post .gallery_vertical a {
	width: 24.32291666666667vw;
	max-width: 467px;
}

.post .gallery_item a img {
	-webkit-transition: 0.8s all;
	-o-transition: 0.8s all;
	transition: 0.8s all;
}

.post .gallery_item a:hover img {
	opacity: 1;
	-webkit-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
	-webkit-transition: 0.8s all;
	-o-transition: 0.8s all;
	transition: 0.8s all;
}

.mt01 {
	margin-top: 12.16145833333333vw !important;
}

.mt02 {
	margin-top: -23.4375vw !important;
}

.mt03 {
	margin-top: -10.41666666666666vw !important;
}

.post .package_gallery_ttl {
	position: absolute;
	right: 10%;
	top: 0;
	text-align: left;
}

.post .package_gallery_ttl_en {
	display: block;
	font-family: 'Poppins', 'Noto Sans JP', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'Meiryo UI', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: calc(13rem + (1vw - 19.2px) * 4.4643);
	font-weight: 100;
	line-height: 1;
}

.post .package_gallery_ttl_en span {
	display: block;
}

.post .package_gallery_ttl_jp {
	display: block;
	font-size: min(calc(1.8rem + (1vw - 19.2px) * 0.2589), 1.8rem);
	font-weight: normal;
	color: #609cc5;
}

@media print,
screen and (max-width: 1200px) {
	.post .package_gallery_ttl {
		right: 0;
	}
}

@media print,
screen and (max-width: 959px) {
	.plan_ttl_wrap {
		height: 50px;
	}

	.plan_ttl_number {
		width: 40px;
		height: 40px;
	}

	.plan_detail:before {
		height: 20px;
	}

	.post .package_gallery_ttl_en {
		font-size: calc(7rem + (1vw - 9.6px) * 1.7123);
	}

	.plan_list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.plan_item_A,
	.plan_item_B {
		margin-bottom: 5rem;
	}

	.plan_ttl_wrap {
		max-width: 350px;
	}

	.plan_list .plan_ttl_number {
		position: absolute;
	}

	.plan_ttl_wrap .plan_ttl {
		text-align: center;
	}

	.prepare_txt {
		text-align: left;
	}
}

@media print,
screen and (max-width: 767px) {
	.problem {
		border-radius: 10px;
	}

	.post .designService_flow_item {
		border-radius: 10px;
	}

	.post .plan_table {
		width: 1000px;
	}

	.headTtl::after {
		background-size: 4px 4px;
	}

	.post .problem_list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.post .problem_items {
		margin-top: 5%;
	}

	.readTxt_02 {
		text-align: left;
	}

	.readTxt_02 br {
		display: none;
	}

	.post .designService_flow {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.post .designService_flow_item {
		width: calc((100% - 10px) / 2);
	}

	.caution_y {
		padding: 0 4%;
		margin: 4% 0 5%;
		font-size: 1.2rem;
	}

	.sp_block {
		display: block;
	}

	.read-txt p br {
		display: none;
	}

	.prepare_list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 10px;
	}

	.prepare_item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 2.5% 5%;
	}

	.prepare_img {
		margin: 0 2.5% 0 0;
		width: 30%;
	}

	.prepare_item:not(:last-child):after {
		display: none;
	}

	.post .plan_detail .designService_flow {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.post .plan_detail .designService_flow_item {
		width: 100%;
	}

	.post .plan_detail .designService_flow_item:not(:last-child):after {
		top: initial;
		bottom: -25px;
		right: 50%;
		-webkit-transform: translate(0, -50%) rotate(90deg);
		-ms-transform: translate(0, -50%) rotate(90deg);
		transform: translate(0, -50%) rotate(90deg);
	}

	.sp_none {
		display: none;
	}

	.fin_a,
	.fin_b {
		bottom: -15px;
		right: -10px;
	}

	.post .package_gallery_ttl {
		position: relative;
		text-align: center;
	}

	.post .package_gallery_detail {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-bottom: 0;
	}

	.post .gallery_item {
		width: 100%;
		padding: 0 !important;
		margin: 0 !important;
		margin-bottom: 5.20833333333333vw !important;
	}

	.post .gallery_landscape a,
	.post .gallery_vertical a {
		width: 100%;
		max-width: initial;
	}

	.package_gallery_inner {
		margin: 0 auto;
		padding: 15% 0;
	}
}

@media print,
screen and (max-width: 559px) {
	.designService ul.featuresList li {
		padding: 0;
	}
}

/* サンプル作成フォーム */
/*ボタン装飾*/
.hidden_box {
	margin: 2em 0;
	/*前後の余白*/
	padding: 0;
}

.hidden_box label {
	padding: 15px;
	font-weight: bold;
	border: solid 2px black;
	cursor: pointer;
}

/*ボタンホバー時*/
.hidden_box label:hover {
	background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box input {
	display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked~.hidden_show {
	padding: 10px 0;
	height: auto;
	opacity: 1;
}

/* フォーム追加 */
.formadd {
	width: 100%;
	padding: 8px 16px;
	margin: 16px auto;
	text-align: center;
	display: flex;
	flex-direction: column;
}

.formadd_button {
	width: 50%;
	height: 2.5em;
	margin: 8px auto;
	padding: 4px 0;
	border-radius: 4px;
	background-color: blue;
	color: white;
}

.formadd_button:hover {
	opacity: .7;
}

.form_craft {
	display: none !important;
	;
}

.form_craft2 {
	display: none;
}

.form_craft3 {
	display: none;
}

.form_craft4 {
	display: none;
}

input.noborder {
	background-color: #FFFFFF;
	border: none;
}

/* ここからTC鈴木css追加 */
.orderBtns {
	width: 100%;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: calc(80px + (1vw - 19.2px) * 2.5890) 0;
	/* 80to40 */
	gap: 5px;
}

#content a.orderBtn,
.wpcf7-form .orderBtn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	background: var(--cyan);
	font-size: calc(1.5rem + (1vw - 19.2px) * 0.2232);
	font-weight: 500;
	padding: 15px;
	border-radius: 5px;
	width: 280px;
	cursor: pointer;
}

#content a.orderBtn.orderProduct,
#content a.orderBtn.orderColor,
.orderBtn.orderColor,
#content a.orderBtn.orderSample,
.orderBtn.orderSample {
	background: var(--black);
	transition: .4s;
}

#content a.orderBtn.orderProduct:hover,
#content a.orderBtn.orderColor:hover,
.orderBtn.orderColor:hover,
#content a.orderBtn.orderSample:hover,
.orderBtn.orderSample:hover {
	background: #7b7b7b;
}


p.orderBtn-txt,
.orderBtn-txt {
	padding-top: 5vh;
}

p.txt-center,
.orderBtn-txt.orderSample-txt.txt-center {
	text-align: center;
}

.orderBtn-txt.orderSample-txt.txt-center p {
	text-align: left;
	display: inline-block;
}

p.orderSample-caution {
	font-size: 0.7em;
}

.orderSample-comparison {
	text-align: center;
}

.orderSample-imgs {
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

table.price-table td span input {
	display: inline-block !important;
}

.img-flex {
	display: flex;
	justify-content: space-evenly;
}

.img-flex p {
	font-weight: bold;
}

.orderSample-img.product-img,
.orderSample-img.sample-img {
	width: 90%;
}

@media (max-width: 768px) {
	.img-flex {
		display: block;
	}

	.orderSample-img.product-img,
	.orderSample-img.sample-img {
		width: 100%;
	}

	.orderBtns {
		display: block;
	}

	#content a.orderBtn,
	.wpcf7-form .orderBtn {
		width: 100%;
		margin: auto;
		margin-bottom: 1em;
	}
}

.label-style {
	padding: 15px;
	font-weight: bold;
	border: solid 2px black;
	cursor: pointer;
	background-color: #fff;
}

.label-style:hover {
	background-color: #f0f0f0;
}

.btn-flex {
	display: flex;
	justify-content: center;
}

.btn_area input[type=submit],
.btn_area input[type="button"] {
	border-radius: 0 !important;
	position: relative;
	font-size: calc(1.6rem + (1vw - 19.2px) * 0.1942);
	font-weight: 700;
	line-height: 1.8;
	text-align: center;
	padding: 10px calc(30px + (1vw - 19.2px) * 0.6472);
	margin: 0 calc(10px + (1vw - 19.2px) * 0.3236);
}

span.bg-yellow {
	background-color: yellow;
}

.hidden_box {
	text-align: center;
}

p.txt-left {
	text-align: left;
}

label.btn-flex {
	display: inline-block;
}

table.price-table th {
	background: var(--cyan);
	color: #ffffff;
	font-size: calc(1.6rem + (1vw - 1.92rem) * 0.2589);
}

form.wpcf7-form {
	text-align: center;
}

input[type="number"] {
	width: calc(100% - 3em);
}

/* 本製品フォーム */
div.deliveryBtn {
	display: flex;
	justify-content: center;
}

button.delivery_button {
	cursor: pointer;
	margin: 5px;
	padding: 6px 40px;
	border: 1px solid #000;
	border-radius: 3px;
}

button.delivery_button:hover {
	background: #b5b5b5;
}

.li-center {
	text-align: left;
	display: inline-block;
	list-style: circle;
}

.orderSample-imgs_text,
.orderBtn-imgs_text {
	text-align: left;
}

p.previous {
	margin-bottom: 1em;
}

.post table th.pdfUP {
	position: relative;
}

button.add-deleteBtn {
	position: absolute;
	right: 0;
	padding: 3px;
	font-weight: bold;
	border: 2px solid;
	border-color: var(--cyan);
	background: #fff;
	color: var(--cyan);
	top: 40%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

button.add-deleteBtn:hover {
	background: var(--cyan);
	color: #fff;
}

.note-orderTxt {
	font-size: 1rem;
}

/* 本機色校正フォーム */
.calibration-text {
	text-align: left;
}

.calibration-text p.img-center {
	text-align: center;
	margin-top: 1em;
}

.calibration-text.commentBox {
	margin: 0 3px;
	padding: 25px 20px;
	line-height: 22px;
	font-size: 13px;
}

.calibration-text.commentBox span.comLabel {
	font-size: 1.3rem;
}

.calibration-text .caution-topic {
	border-radius: 0;
	margin: 10px 0;
	font-size: 13px;
}

.calibration-text .caution-topic p.topic-headline {
	font-size: 100%;
}

/* サンプル製品フォーム */
li::marker {
	color: var(--cyan);
}

.orderSample-comparison .caution-topic {
	border-radius: 0;
}

.orderBtn-txt div.li-center.commentBox {
	padding: 20px 20px 20px 40px;
	font-size: 100%;
}

.orderSample-comparison p.orderSample-Title {
	display: inline-block;
	color: #fff;
	background: var(--cyan);
	font-size: 1.2rem;
	letter-spacing: .2rem;
	padding: calc(6px + (1vw - 19.2px) * 0.1942) calc(25px + (1vw - 19.2px) * 0.3236) calc(8px + (1vw - 19.2px) * 0.2589);
	border-radius: 50vw;
	margin: 1em 0;
}

/* 確認画面 */
.btn_area.confirm_btn {
	display: flex;
	width: 100%;
	-webkit-box-pack: justify;
	justify-content: center;
}

.btn_area.confirm_btn p input {
	cursor: pointer;
}

@media(max-width: 768px) {
	.wpcf7 table th {
		background: #f9f9f9;
	}

	.smpth {
		background: var(--cyan) !important;
	}
}

/* 見積書PDFダウンロード */
.pdf-download {
	text-align: center;
}

.pdf-download p {
	line-height: 25px;
	margin-bottom: 40px;
	padding: 0 calc(60px + (1vw - 23px) * 2.5890);
}

.pdf-download p a {
	text-decoration: underline;
}

#btn_area a.pdf-dlBtn {
	font-size: 1.2em;
}

.validation_button {
	background: #b5b5b5;
}

.validation_txt {
	color: #ff0000;
}

/* ここまでTC鈴木css追加 */

/* 20221205追加 */
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.signup_btn {
	text-decoration: underline;
}

.signup_btn a:hover {
	color: var(--txt-yellow);
}

.flash-report-area {
	width: 90%;
	margin: 0 auto;
	max-width: 1300px;
}

.flash-report-area p.update {
	margin: 2rem 0 1rem auto;
}

.flash-report-area_read {
	font-weight: bold;
	text-align: center;
}

.bg_yellow {
	background: var(--txt-yellow) !important;
	font-weight: bold;
}

.flash-report-area_read h2.bg_yellow {
	font-size: min(calc(2rem + (1vw - 1.92rem) * 0.2589), 2rem);
	/* 2rem to 1.6rem */
	display: inline-block;
	padding: calc(10px + (1vw - 19.2px) * 0.3236);
	margin-bottom: calc(10px + (1vw - 19.2px) * 0.3236);
	line-height: 1.2;
}

.flash-report-area_read h2.bg_yellow:before,
.flash-report-area_read h2.bg_yellow:after {
	display: none;
}

.post .green_box,
.post .blue_box,
.post .red_box {
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}

.post .green_box dt,
.post .blue_box dt,
.post .red_box dt {
	font-weight: normal;
	padding: 5px;
	font-size: min(calc(1.3rem + (1vw - 1.92rem) * 0.1942), 1.3rem);
	/* 1.3rem to 1rem */
	width: 40%;
	margin-right: 5px;
}

.post .green_box dd,
.post .blue_box dd,
.post .red_box dd {
	font-weight: bold;
	padding: 0;
}

.post .green_box dt {
	background: #43ab43;
	color: #fff;
}

.post .blue_box dt {
	background: var(--cyan);
	color: #fff;
}

.post .red_box dt {
	background: var(--magenta);
	color: #fff;
}

.post .green_box dd {
	color: #43ab43;
}

.post .blue_box dd {
	color: var(--cyan);
}

.post .red_box dd {
	color: var(--magenta);
}

.report-table td .bg_yellow {
	font-size: min(calc(1.3rem + (1vw - 1.92rem) * 0.1942), 1.3rem);
	/* 1.3rem to 1rem */
}

.post .flash-report-area_ttl {
	margin: calc(75px + (1vw - 19.2px) * 2.9126) auto calc(3rem + (1vw - 1.92rem) * 0.9709) !important;
}

.post .flash-report-area_caution {
	font-weight: bold;
	color: #ff7600;
	font-size: min(calc(1.3rem + (1vw - 1.92rem) * 0.1942), 1.3rem);
	/* 1.3rem to 1rem */
	text-align: left;
	margin-top: 5px;
}

.but_req {
	right: 50px !important;
}

@media only screen and (max-width: 768px) {
	table.report-table {
		width: 1000px;
	}

	.post .green_box dt,
	.post .blue_box dt,
	.post .red_box dt {
		padding: 2px 5px;
	}

	.post .green_box,
	.post .blue_box,
	.post .red_box {
		margin-bottom: 2px;
	}

	.pdfUP button#pdf_up {
		right: 0 !important;
	}
}

.page-register .div_multicheckbox {
	display: block !important;
}

.register-annotation {
	margin-top: 1.5em;
	line-height: 1.5em;
	text-align: center;
}

span.is_color_txt {
	font-size: smaller;
}

.postlist .post_ttls {
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.postlist .post_ttls,
.postlist .post_date {
	display: block;
	padding: 0 10px;
	margin-bottom: 0;
}

.postlist .post_ttls a,
.postlist .post_date a {
	color: #ffffff;
	font-size: large;
}

.postlist .news_cate::after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: calc(7px + (1vw - 19.2px) * 0.1294) 0 calc(7px + (1vw - 19.2px) * 0.1294) calc(12px + (1vw - 19.2px) * 0.1294);
	border-color: transparent transparent transparent #ffffff;
	top: 50%;
	right: calc(40px + (1vw - 19.2px) * 1.2945);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	visibility: visible;
}

.news_cate .post_text {
	background: var(--cyan);
}

li.clearfix.news_cate {
	margin-top: 60px;
	width: 80%;
}

/*==============================================================
　202306デザイン改修
==============================================================*/

/*-----------------------------------------
　トップ
-----------------------------------------*/
.post-password-form {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 90%;
	margin: 100px auto;
	gap: 20px;
}

.enTtl {
	color: var(--black);
}

.bg_gray {
	background: rgb(255, 255, 255);
	background: linear-gradient(-180deg, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 239, 1) 100%);
}

/*ボタン*/
a.morelinkBtn {
	display: inline-block;
	position: relative;
	color: var(--white);
	background: var(--black);
	font-size: calc(1.6rem + (1vw - 19.2px) * 0.1294);
	font-weight: 700;
	line-height: 1.8;
	min-width: calc(380px + (1vw - 19.2px) * 6.4725);
	padding: calc(30px + (1vw - 19.2px) * 0.6472) calc(60px + (1vw - 19.2px) * 1.2945);
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

a.morelinkBtn:hover {
	background: #7b7b7b;
}

/*-- 最新情報 --*/
#front-sectionPost:has(#front_top_content) {
	padding: calc(40px + (1vw - 19.2px) * 0.6472) 0;
	/* 40to30 */
	position: relative;
	z-index: 1;
}

#front_top_content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
}

#front_top_content .listTitle {
	flex-shrink: 0;
}

#front_top_content h1 {
	font-size: calc(3rem + (1vw - 1.92rem) * 0.7767);
	/* 30to18 */
	margin-bottom: 0;
	text-align: left;
}

#front_top_content h1 .enTtl {
	font-size: 12px;
}

#front_top_content .postlist {
	width: 100%;
}

/*-- 納期速報 --*/

.flash-report-area_new {
	position: relative;
	background: var(--bg-lightGray);
	border-radius: calc(20px + (1vw - 19.2px) * 0.5178);
	/* 20 to 12 */
	padding: calc(40px + (1vw - 19.2px) * 1.8123);
	/* 40 to 12 */
	z-index: 1;
	margin: calc(80px + (1vw - 19.2px) * 2.5890) auto;
	/* 80to40 */
}

.home .flash-report-area_new {
	margin-bottom: 0 !important;
}

.flash-report-area_new .flash-report-area_ttl {
	margin: 0 auto calc(3rem + (1vw - 1.92rem) * 0.9709) !important;
}

.flash-report-area_new .flash-report-area_read {
	font-size: calc(2rem + (1vw - 1.92rem) * 0.2589);
	/* 20 to 16 */
}

.flash-report-area_new .flash-report-area_read span {
	font-size: calc(1.4rem + (1vw - 1.92rem) * 0.1294);
	/* 14 to 12 */
	display: block;
}

.flash-report-area_new p.update {
	font-size: 1.3rem;
	background: none;
	display: table;
	margin-left: auto;
	padding: 0;
	border-radius: initial;
	margin: 1rem 0 1rem auto;
}

.flash-report-area_new .report-table {
	background: var(--white);
	margin-bottom: 0 !important;
}

.flash-report-area_new table.report-table th {
	background: var(--black);
}

.flash-report-area_new table.report-table .report_box_wrapper {
	display: flex;
	flex-direction: column;
	gap: 5px;
	font-weight: bold;
}

.flash-report-area_new table.report-table .report_box {
	margin-bottom: 0;
	display: flex;
	align-items: center;
	gap: 5px;
}

.flash-report-area_new table.report-table .report_box dt {
	width: 40%;
	font-size: 1.2rem;
	line-height: 1.2;
	font-weight: normal;
	margin: 0;
	padding: 5px;
	background: #5f5f5f;

}

.flash-report-area_new table.report-table .report_box dd {
	color: var(--black);
}

.flash-report-area_new .caution-topic {
	background: none;
	padding: 20px 0 0;
}

.bg_yellow {
	background: #fff100 !important;
	font-weight: bold;
	border-radius: 50vw;
	max-width: 120px;
	margin: 5px auto 0;
}

.caution-topic .bg_yellow {
	border-radius: initial;
}


/* 納期速報NEW 20230914 */

.flash-report-area_new {
	background: none;
	border: 2px solid #000;
}

.tab_menu {
	display: flex;
	justify-content: space-between;
	gap: 5px;
	width: 100%;
}

.tab_menu li {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px;
	cursor: pointer;
	color: #fff;
	background: #ccc;
	font-size: calc(1.8rem + (1vw - 1.92rem) * 0.2589);
	/* 18to14 */
	transition: .4s;
	border-radius: 10px 10px 0 0;
}

.tab_menu li:last-child {
	margin-right: 0;
}

.tab_menu li.selected {
	background: #000;
}

#tab1:hover {
	background: var(--magenta);
}

#tab2:hover {
	background: var(--cyan);
}

#tab3:hover {
	background: var(--txt-yellow);
}

.tab_panel {
	overflow: hidden;
	height: 0;
	opacity: 0;
}

.tab_panel.is-show {
	overflow: visible;
	height: auto;
	opacity: 1;
	transition: opacity .4s ease-in-out;
}

.tab_panel_container {
	padding: calc(40px + (1vw - 19.2px) * 1.2945);
	/* 40to20 */
	border: 1px solid #ccc;
	border-top: 0;
}

.tab_magenta .delivery-date {
	display: table-cell;
	background: #ffeff8;
	color: var(--magenta);
	font-weight: bold;
}

.tab_cyan .delivery-date {
	display: table-cell;
	background: #eaf9ff;
	color: var(--cyan);
	font-weight: bold;
}

.tab_yellow .delivery-date {
	display: table-cell;
	background: #fffae7;
	color: var(--txt-yellow);
	font-weight: bold;
}

.flash-report-area_new table.report-table th {
	background: #474747 !important;
}

.flash-report-area_new table.report-table th:last-child {
	background: #000 !important;
}

#tab1.selected {
	background: var(--magenta);
}

#tab2.selected {
	background: var(--cyan);
}

#tab3.selected {
	background: var(--txt-yellow);
}

@media only screen and (max-width: 640px) {
	.flash-report-area_new {
		width: 100%;
	}
}


/*-- sec01 --*/
#sec01 .wrapper-content {
	position: relative;
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	z-index: 1;
}

.kvTtl {
	position: absolute;
	content: "";
	display: table;
	font-size: 100px;
	font-weight: 100;
	line-height: 1;
	margin: 0 0 0 auto;
	top: 0;
	left: initial;
	right: 0;
	z-index: 0;
}

#sec01 .top_about {
	position: relative;
	display: flex;
	justify-content: space-between;
	padding-top: 130px;
}

#sec01 .top_about .product_img {
	width: 49%;
}

.kv-mainCol {
	width: 51%;
	max-width: initial;
	margin: 0 auto;
	padding-top: 130px;
}

.kv-mainCol h1 {
	margin-bottom: 30px;
}

.kv-mainCol p {
	line-height: 2.2;
}

.commentBox {
	background: var(--white);
	border-color: var(--black);
}

.comLabel {
	background: var(--black);
}

#sec01 .linkBtn-area {
	position: relative;
	bottom: initial;
	left: initial;
	margin: 0 auto;
	transform: initial;
	text-align: left;
}

#sec01 a.morelinkBtn {
	text-align: center;
	min-width: calc(380px + (1vw - 19.2px) * 6.4725);
	padding: calc(2rem + (1vw - 1.92rem) * 0.3236);
	/* 20to15 */
}

#sec01 .item02 {
	width: calc(190px + (1vw - 19.2px) * 5.5556);
	/* 190to150 */
	bottom: calc((210px + (1vw - 19.2px) * 6.9444) * -1);
	/*210to160*/
	right: calc(10px + (1vw - 19.2px) * -11.1111);
	/* 10to90 */
	transform: rotate(-15deg);
}

#sec01 .item03 {
	width: calc(160px + (1vw - 19.2px) * 5.5556);
	/* 160to120 */
	bottom: calc((180px + (1vw - 19.2px) * 5.5556) * -1);
	/* 180to140 */
	right: calc((120px + (1vw - 19.2px) * 15.2778) * -1);
	/* 120to10 */
	transform: rotate(20deg);
}

#sec01 .item02 img,
#sec01 .item03 img {
	max-width: 100%;
}

.deco_wrap {
	z-index: 0;
}

.deco_wrap div {
	position: absolute;
	content: "";
	z-index: 0;
}

.deco01 {
	width: 37.8125%;
	height: auto;
	max-width: 726px;
	top: 0;
	left: 0;
}

.deco02 {
	width: 19.79166666666667%;
	height: auto;
	max-width: 380px;
	top: -20%;
	right: 0;
}

.deco03 {
	width: 24.16666666666667%;
	height: auto;
	max-width: 464px;
	top: 56%;
	left: 6%;
}

.deco04 {
	width: 40.26041666666667%;
	height: auto;
	max-width: 773px;
	right: 0;
	bottom: -46%;
}

/*-- sec02 --*/
#sec02 {
	padding: 0 0 calc(160px + (1vw - 19.2px) * 6.6964);
	background: none;
}

#sec02::before {
	display: none;
}

#sec02 ul.featureWrap {
	width: 90%;
	max-width: 1800px;
}

.bg_gray #sec02 h1 {
	color: var(--black);
}

.bg_gray #sec02 h1 .enTtl {
	color: var(--black);
}

/*-- sec03 --*/
#sec03 {
	position: relative;
	background: var(--white);
	overflow: hidden;
}

.deco_model01 {
	position: absolute;
	width: 16.5625vw;
	right: -10vw;
	bottom: -14vw;
	filter: drop-shadow(10px 10px 16px rgba(0, 0, 0, 0.2));
}

@media only screen and (max-width: 1200px) {
	.deco_model01 {
		width: 24vw;
		right: -11vw;
		bottom: -26vw;
	}
}

@media only screen and (max-width: 768px) {
	.deco_model01 {
		width: 29vw;
	}
}

@media only screen and (max-width: 640px) {
	.deco_model01 {
		bottom: -17vw;
	}
}

/*-- sec04 --*/
#sec04 {
	position: relative;
	background: url(/struct/wp-content/uploads/bg_top_sec04.jpg) center no-repeat;
	background-size: cover;
	padding: calc(260px + (1vw - 19.2px) * 11.0032) 0 0;
	/* 260 to 90 */
	margin-top: calc((130px + (1vw - 19.2px) * 6.4725) * -1);
	/* -130 to -60 */
}

#sec04:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	top: 0;
	left: 0;
}

#sec04 .bkbgTtl {
	margin-bottom: calc(3rem + (1vw - 1.92rem) * 0.6472);
	/* 30 to 20 */
}

#sec04 .read-txt {
	margin-top: 0;
}

.slideItem {
	margin-top: calc((120px + (1vw - 19.2px) * 4.5307) * -1);
	/* -130 to -50 */
}

#sec04 {
	padding: calc(260px + (1vw - 19.2px) * 11.0032) 0;
	/* 260 to 90 */
	overflow: hidden;
}

.slideItem {
	margin-top: -21vw;
	z-index: 10;
}

.deco_model02 {
	position: absolute;
	width: 15vw;
	left: 16vw;
	bottom: -7vw;
	filter: drop-shadow(10px 10px 16px rgba(0, 0, 0, 0.2));
}

@media only screen and (max-width: 1200px) {
	.deco_model02 {
		width: 24vw;
		left: -3vw;
		bottom: -16vw;
	}
}

@media only screen and (max-width: 1024px) {
	.slideItem {
		margin-top: -26vw;
	}
}

@media only screen and (max-width: 768px) {
	.deco_model02 {
		display: none;
	}

	.slideItem {
		margin-top: -30vw;
	}
}

@media only screen and (max-width: 640px) {
	.slideItem {
		margin-top: -38vw;
	}
}

/*-- sec05 --*/
h2.flowTtl {
	color: var(--cyan);
}

ul.flowList li:last-child h2.flowTtl {
	color: var(--txt-yellow);
}

/*-----------------------------------------
　下層
-----------------------------------------*/
.bgBK {
	position: relative;
	color: #fff;
	background-color: #363639;
	background-image: none;
	padding: calc(150px + (1vw - 19.2px) * 5.8252) 0;
	/* 150to60 */
}

.bgBK:before {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(/struct/wp-content/uploads/deco_dot_bk.png) center repeat;
	background-size: 6px auto;
	top: 0;
	left: 0;
}

/*-- イクスラボの特徴 --*/
.wrapper-content {
	width: 90%;
	max-width: 1200px;
}

.feature_point {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.feature_point p {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	line-height: 1.4;
	font-size: calc(2rem + (1vw - 1.92rem) * 0.3883);
	/* 20to14 */
	margin-top: 20px;
}

.feature_point p .emTxt span {
	font-size: calc(1.6rem + (1vw - 1.92rem) * 0.2589);
	/* 16to12 */
}

.comparisonBox__detale.after h5.radiusTtl,
.comparisonBox__detale.after .sp-ttl {
	background: var(--cyan);
}

.blTxt,
ul.stepList li .stepTtl,
ul.model-step>li::before {
	color: var(--cyan);
}

.bgBL,
.bgBL {
	background: var(--cyan);
}

/*-- パッケージギャラリー --*/

.page-package-gallery #full-wrapper {
	position: relative;
}

.page-package-gallery #full-wrapper:before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background: url(/struct/wp-content/uploads/bg_packagegallery.png) center no-repeat;
	background-size: cover;
}

.package_gallery:before {
	display: none;
}

.package_gallery_ttl {
	color: var(--black) !important;
}

.package_gallery_ttl_en,
.package_gallery_ttl_en span {
	color: var(--black);
}

.post .package_gallery_ttl_jp {
	color: var(--black);
}

/*-- スタッフ紹介 --*/
.staff_wrap {
	display: flex;
	flex-direction: column;
	gap: calc(20px + (1vw - 19.2px) * 0.6472);
	/*20to10*/
}

.staff_wrap .wrapper-content {
	width: 90%;
	display: flex;
	flex-direction: column;
	gap: calc(30px + (1vw - 19.2px) * 0.6472);
	/*30to20*/
}

.profile_wrap {
	display: flex;
	justify-content: space-between;
}

.staff_img {
	position: relative;
	width: 35%;
	flex-shrink: 0;
}

.profile {
	width: 100%;
}

.profile .staff_name {
	text-align: left;
	font-size: calc(3.6rem + (1vw - 1.92rem) * 0.5178);
	/* 36to28 */
	margin-bottom: 0;
}

.profile .staff_name:before,
.profile .staff_name:after {
	display: none;
}

.profile .staff_name .staff_name_en {
	display: block;
	font-size: calc(2rem + (1vw - 1.92rem) * 0.2589);
	/* 20to16 */
}

.staff_wrap .profile_detail th {
	background: var(--black);
	color: var(--white);
}

.staff_wrap h3 {
	color: #222;
	background: none;
	border-bottom: 1px solid #a9a9a9;
	padding: 0 0 10px 0;
	text-align: left;
	margin-bottom: 20px;
}

.staff_wrap .career_detail,
.staff_wrap .career_detail th,
.staff_wrap .career_detail td {
	border: none;
}

.staff_wrap .career_detail tr {
	border-bottom: 1px solid #dfdfdf;
}

.staff_wrap .career_detail th {
	width: 12%;
	padding-right: 0;
	font-weight: bold;
	color: #a9a9a9;
}


@media only screen and (max-width: 1200px) {
	#sec01 {
		padding: calc(120px + (1vw - 12px) * 7.2727) 0;
		/* 120to60 */
	}

	#sec01 .itemfigure {
		display: none;
	}

	.deco01 {
		top: -5%;
		left: 0;
	}

	.deco02 {
		top: 20%;
		right: -3%;
	}

	.deco04 {
		bottom: -27%;
	}

	.deco03 {
		top: 81%;
		left: -5%;
	}
}

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

	/*-- sec04 --*/
	#sec04 {
		background-attachment: fixed;
	}
}

@media only screen and (max-width: 1024px) {

	/*-- イクスラボの特徴 --*/
	.page-feature .wrapper-content {
		width: 90%;
	}

	.feature_point {
		flex-wrap: wrap;
		justify-content: center;
	}

	.feature_point .feature_point_item {
		width: calc((100% - 40px) /3);
	}
}

@media only screen and (max-width: 960px) {

	/*-- sec01 --*/
	.kvTtl {
		font-size: calc(9rem + (1vw - 0.96rem) * 7.5214);
		/* 90to46 */
	}

	.kv-mainCol {
		width: 44%;
		margin: 0;
		padding-top: calc(80px + (1vw - 9.6px) * 15.6250);
		/* 80to50 */
	}

	.kv-mainCol h1 {
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 768px) {
	#front_top_content {
		flex-direction: column;
		gap: 15px;
	}

	.bgBK:before {
		background-size: 4px auto;
	}

	/*-- sec01 --*/
	.kvTtl {
		width: 100%;
		font-size: calc(9rem + (1vw - 0.77rem) * 11.1959);
		/* 90to46 */
		text-align: center;
		right: 50%;
		transform: translateX(50%);
	}

	#sec01 .top_about {
		flex-direction: column;
		padding-top: calc(150px + (1vw - 7.7px) * 19.0840);
		/*150to75*/
	}

	#sec01 .top_about .product_img {
		width: 80%;
		margin: 0 auto;
	}

	.kv-mainCol {
		width: 100%;
		padding-top: 40px;
	}

	#sec01 h1 {
		text-align: center;
	}

	.commentBox {
		padding: 15px;
		margin: 30px 0;
	}

	.comLabel {
		left: 10px;
	}

	#sec01 .linkBtn-area {
		text-align: center;
	}

	.deco01 {
		top: 0;
	}

	.deco02 {
		top: 37%;
		right: initial;
		left: -5%;
	}

	.deco03 {
		top: 17%;
		left: initial;
		right: -6%;
	}

	.deco04 {
		bottom: -8%;
	}

	/*-- sec02 --*/
	.feature__img::before,
	.headTtl::after {
		background-size: 4px auto;
	}

	/*-- パッケージギャラリー --*/
	.page-package-gallery #full-wrapper:before {
		background: none;
	}

	.page-package-gallery #full-wrapper:before {
		background: url(/struct/wp-content/uploads/bg_packagegallery_sp.png) center no-repeat;
		background-size: cover;
	}

	/*-- スタッフ紹介 --*/
	.profile_wrap {
		flex-direction: column;
		gap: 20px;
	}

	.staff_img {
		width: 60%;
		margin: 0 auto;
	}

	.profile {
		width: 100%;
	}

	.profile .staff_name {
		text-align: center;
	}

	.staff_wrap .profile_detail th,
	.staff_wrap .career_detail th {
		width: 32%;
	}
}

@media only screen and (max-width: 640px) {

	/*-- 納期速報 --*/
	.flash-report-area_new {
		width: 94%;
	}

	/*-- sec01 --*/
	.deco04 {
		bottom: 10%;
	}

	/*-----------------------------------------
	　下層
	-----------------------------------------*/
	.page-id-1103 #thumbImg,
	.page-id-1103 header#h1Header {
		background: url(/struct/wp-content/uploads/bg_h1ttl_subpage_sp.png) no-repeat center;
		background-size: cover;
	}

	/*-- イクスラボの特徴 --*/
	.feature_point {
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px;
	}

	.feature_point .feature_point_item {
		width: calc((100% - 10px) /2);
	}
}

/* CF7 5.7.7用の追記 */
.gokakunin {
	display: flex;
	flex-direction: column;
}

div.wpcf7 .wpcf7-spinner {
	display: block;
	margin: 0 auto;
}

.excerpt_info {
	line-height: 1.6;
}

/*==============================================================
　column
==============================================================*/
/*-----------------------------------------
	column一覧
-----------------------------------------*/
.post-type-archive-column #wrapper,
.tax-genre #wrapper {
	max-width: initial;
}

.post-type-archive-column #content.wide,
.tax-genre #content.wide {
	max-width: 1100px;
	margin: calc(100px + (1vw - 19.2px) * 3.2362) auto;
	/* 100to50 */
}

.post-type-archive-column .pagenav,
.tax-genre .pagenav {
	margin: calc(80px + (1vw - 19.2px) * 2.5890) 0 0;
	/* 80to40 */
}

.column_list {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.column_item {
	display: flex;
	justify-content: space-between;
	gap: 30px;
}

.eye_catch_for_archive {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30%;
	flex-shrink: 0;
	background: #eee;
}

.eye_catch_for_archive:before {
	content: "";
	display: block;
	padding-top: 65%;
}

.eye_catch_for_archive img {
	position: absolute;
	height: 100%;
	max-height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
}

.archive_right {
	display: flex;
	flex-direction: column;
	justify-content: end;
	width: 100%;
}

.archive_right h1.title {
	font-size: calc(2.2rem + (1vw - 1.92rem) * 0.2589);
	/* 22to18 */
	text-align: left;
	margin: 0 0 calc(10px + (1vw - 19.2px) * 0.3236) 0;
	/* 10to5 */
}

.link_txt {
	text-align: right;
	margin-top: auto;
}

.archive_right table th,
.archive_right table td {
	font-size: calc(1.3rem + (1vw - 1.92rem) * 0.1942);
	/* 13to10 */
	padding: 5px 10px;
}

.archive_right table th {
	background: #000;
	color: #fff;
}

.column-category {
	margin-bottom: 10px;
	justify-content: flex-start;
}

/*-----------------------------------------
	column詳細
-----------------------------------------*/
.single-column #wrapper {
	margin: calc(100px + (1vw - 19.2px) * 3.2362) auto;
	/* 100to50 */
}

.column-category {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 20px;
}

.column-category a {
	background: #000;
	padding: 6px 12px;
	color: #fff;
	font-size: calc(1.4rem + (1vw - 1.92rem) * 0.2589);
	/*14to10*/
}

.single-column h1.title {
	font-size: calc(3.4rem + (1vw - 1.92rem) * 0.6472);
	/* 34to24 */
	text-align: left;
	margin-bottom: calc(40px + (1vw - 19.2px) * 0.6472);
	/* 40to30 */
}

.single-column h1.title .ttl_sub {
	display: block;
	font-size: calc(2rem + (1vw - 1.92rem) * 0.2589);
	/* 20to16 */
	padding-top: 10px;
}

.customer_info {
	background: #eee;
	border-radius: 20px;
	padding: calc(30px + (1vw - 19.2px) * 0.9709);
	/* 30to15 */
}

.customer_info .common_ttlH2 {
	font-size: calc(2.6rem + (1vw - 1.92rem) * 0.5178);
	/* 26to18 */
	margin-bottom: calc(16px + (1vw - 19.2px) * 0.5178);
	/* 16to8 */
}

.single-column .customer_info table {
	margin-top: 0;
}

.single-column table th,
.single-column table td {
	font-size: calc(1.4rem + (1vw - 1.92rem) * 0.1294);
	/* 14to12 */
}

.single-column table th {
	background: #000;
	color: #fff;
}

.single-column table td {
	background: #fff;
}

.single-column .post {
	display: flex;
	flex-direction: column;
	gap: calc(40px + (1vw - 19.2px) * 1.2945);
	/* 40to20 */
}

.single-column .wp-caption-text {
	text-align: right;
	font-size: calc(1.3rem + (1vw - 1.92rem) * 0.1942);
	/*13to10*/
	margin-top: 5px;
}

@media only screen and (max-width: 960px) {
	.column_item {
		flex-direction: column;
		gap: 10px;
	}

	.eye_catch_for_archive {
		width: 100%;
	}

	.link_txt {
		margin-top: 10px;
	}
}

@media only screen and (max-width: 640px) {
	.single-column .wp-caption-text {
		text-align: center;
	}
}

/*==============================================================
2024/03/22追加
==============================================================*/

.post .normal_h3 {
	padding: 0;
	background: none;
	margin-bottom: 20px;
}

.caution_list li {
	position: relative;
	padding-left: 20px;
}

.caution_list li:before {
	position: absolute;
	left: 0;
	counter-increment: titlenum;
	content: "※";
}

.overflow_wrap {
	overflow-wrap: break-word;
}

.mt0 {
	margin-top: 0 !important;
}

.pt_common {
	padding-top: calc(75px + (1vw - 19.2px) * 1.6181);
}

.align_l {
	text-align: left !important;
}

.color_w {
	color: var(--white) !important;
}

.post .feature_ttl {
	display: flex;
	justify-content: center;
	align-items: center;
}

.post .feature_ttl span {
	font-size: min(calc(1.8rem + (1vw - 19.2px) * 0.2589), 1.8rem);
	/* 18to14 */
	padding: 5px 10px;
	margin-right: 10px;
	border-radius: 100px;
	background: #fff;
	color: #222;
}

.anchor_point {
	padding-top: 130px;
	margin-top: -130px;
}

/*-----------------------------------------
入稿データの注意点ページ
-----------------------------------------*/
/*--- リード ------------------*/
.links_container {
	display: flex;
	flex-direction: column;
	gap: 20px;
	border: 1px solid #fff;
	border-radius: calc(20px + (1vw - 19.2px) * 0.5178);
	/* 20 to 12 */
	padding: min(calc(40px + (1vw - 19.2px) * 1.2945), 40px);
	/* 40to20 */
}

.post .links_container p {
	text-align: center;
}

.btn_wrap {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: min(calc(30px + (1vw - 19.2px) * 0.9709), 30px);
	/* 30to15 */
}

.btn_wrap .morelinkBtn {
	background: var(--cyan);
	text-align: center;
	padding: min(calc(20px + (1vw - 19.2px) * 0.6472), 20px);
	/* 20to10 */
}

.btn_wrap .morelinkBtn span {
	display: block;
}

/*--- ガイドライン ------------------*/
.page-guidelines #content {
	overflow: initial;
}

.guidelines_wrap {
	display: flex;
	justify-content: space-between;
	gap: 40px;
	margin: 0 auto;
	padding: min(calc(120px + (1vw - 19.2px) * 4.5307), 120px) 0;
	/* 120 to 50 */
}

/*--- 目次 ------------------*/
.table-of-contents_wrap {
	width: 30%;
	height: 100vh;
	flex-shrink: 0;
	position: sticky;
	top: 15%;
}

.table-of-contents {
	display: flex;
	flex-direction: column;
	gap: 10px;
	background: var(--bg-lightGray);
	border-radius: calc(20px + (1vw - 19.2px) * 0.5178);
	/* 20 to 12 */
	padding: min(calc(30px + (1vw - 19.2px) * 0.9709), 30px);
	/* 30to15 */
	margin: 0;
}

.table-of-contents h2 {
	font-size: min(calc(2.4rem + (1vw - 19.2px) * 0.5178), 2.4rem);
	/* 24to16 */
	margin: 0;
}

.table-of-contents_list li {
	border-bottom: 1px solid;
	border-color: #d9d9d9;
}

.table-of-contents_list li a {
	position: relative;
	display: block;
	color: var(--black);
	padding: 6px 6px 6px 20px;
	transition: all .2s;
}

.table-of-contents_list li a:before {
	position: absolute;
	counter-increment: titlenum;
	content: counter(titlenum) ".";
	left: 0;
}

.table-of-contents_list li a:hover {
	color: var(--gray);
}

/*--- ガイドライン詳細 ------------------*/
.guidelines_detail {
	display: flex;
	flex-direction: column;
	gap: 40px;
	width: 100%;
}

.guidelines_item h2 {
	font-size: min(calc(2.8rem + (1vw - 19.2px)* 0.7767), 2.8rem);
	/* 28to18 */
	padding: 10px;
	margin: 0 0 15px 0;
	text-align: left;
	background: var(--black);
	color: var(--white);
}

.guidelines_item h3 {
	text-align: left;
	margin: 30px 0 15px;
	padding: 0 0 8px 0;
	color: var(--black);
	background: none;
	border-bottom: 1px solid #222;
	font-size: min(calc(2.2rem + (1vw - 19.2px) * 0.3883), 2.2rem);
	/* 22to16 */
}

.guidelines_item dt {
	font-size: min(calc(1.8rem + (1vw - 19.2px) * 0.2589), 1.8rem);
	/* 18to14 */
}

.guidelines_item dd {
	line-height: 1.6;
}

.guidelines_item .gallery {
	margin-top: 20px !important;
}

@media only screen and (max-width: 1024px) {
	.guidelines_wrap {
		flex-direction: column;
	}

	.table-of-contents_wrap {
		width: 100%;
		height: auto;
		position: relative;
		top: initial;
	}
}

@media only screen and (max-width: 768px) {
	.post .feature_ttl {
		flex-direction: column;
	}

	.post .feature_ttl span {
		margin: 0 0 5px 0;
	}

	.post .links_container p {
		text-align: left;
	}

	.btn_wrap {
		flex-direction: column;
	}
}

/*-----------------------------------------
デジタル印刷について
-----------------------------------------*/
.page-digital-printing {
	.headTtl {
		background: url(/wp-content/uploads/digital_ttl_bg-scaled.jpg) no-repeat center / cover;
	}
}

/*==============================================================
header改修　type02
==============================================================*/
#header_new {
	position: relative;
	z-index: 3000000000;
	width: 100%;
	/* height: 100px; */
	background: #fff;
}

.header_container {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 20px;
	width: 100%;
	height: 100%;
	max-width: 1920px;
	/* background: var(--header-background); */
	color: #222;
	padding: 15px 20px;
}

.header_fix {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-shrink: 0;
	height: 100%;
	column-gap: 20px;
}

.header_catch {
	font-size: min(calc(1.2rem + (1vw - 19.2px) * 0.1294), 1.2rem);
	/* 12to10(1920-375) */
	margin-bottom: 10px;
}

.header_logo {
	display: flex;
	align-items: center;
	height: 40px;
}

.header_logo a {
	display: inline-block;
	height: 100%;
	padding: 0;
}

.header_logo a img {
	height: 100%;
}

.menu_wrap {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.header_btnArea {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 20px;
	width: 100%;
}

.header_menu_inner>ul {
	display: flex;
	/* column-gap: 20px; */
}

.header_menu_inner ul li {
	position: relative;
}

.header_menu_inner ul li a {
	display: block;
	padding: 10px;
	color: #222;
	font-size: min(calc(1.4rem + (1vw - 19.2px) * 0.1294), 1.4rem);
	/* 15to12 */
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1.0;
}

.header_menu_inner ul>li:last-child a {
	padding-right: 0;
}

.header_menu_inner ul li a b {
	font-weight: 400;
}

.header_menu_inner ul li .sub-menu {
	display: none;
	width: 180px;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
}

.header_menu_inner ul li:hover .sub-menu {
	display: block;
}

.header_menu_inner .sub-menu li a {
	font-size: 12px;
	text-align: center;
	padding: 10px;
	background: #fff;
}

/*--- ヘッダーコンタクト ------------------*/
.header_contact_list {
	display: flex;
	gap: 5px;
	height: 100%;
}

.header_contact_item li {
	flex-grow: 1;
}

.header_contact_item a {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	color: #fff;
	background: var(--magenta);
	font-size: calc(1.3rem + (1vw - 1.92rem) * 0.0647);
	/* 13 to 12 */
	font-weight: 500;
	padding: calc(12px + (1vw - 19.2px) * 0.4464) 20px;
	border-radius: 50vw;
	-webkit-transition: .3s;
	transition: .3s;
}

.header_contact_item a.mail {
	background: var(--black);
}

.header_contact_item a.order {
	background: var(--cyan);
}

.header_contact_item a.simulation:before {
	content: '\f157';
}

.header_contact_item a.order:before {
	content: '\f07a';
}

.header_contact_item a.mail:before {
	content: '\f0e0';
}

.header_contact_item a:before,
#header_new .membership li a:before {
	display: block;
	font-size: 120%;
	font-family: 'Font Awesome 5 Free';
	font-weight: bold;
	line-height: 1;
	margin-right: 5px;
}

#header_new ul.membership {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 10px;
}

#header_new ul.membership li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #222;
	font-size: calc(1.2rem + (1vw - 19.2px) * 0.1116);
	padding: 0 calc(10px + (1vw - 19.2px) * 0.5580);
}

#header_new ul.membership li a:hover {
	opacity: 0.6;
}

#header_new ul.membership li a.join::before {
	content: '\f303';
}

#header_new ul.membership li a.login::before {
	content: '\f007';
	font-weight: 500;
}

#thumbImg {
	margin-top: 0 !important;
}

@media print,
screen and (max-width: 1810px) {
	#header_new {
		height: 90px;
	}

	.header_menu_inner {
		position: absolute;
		width: 100%;
		top: 90px;
		left: 0;
		background: #fff;
	}
}

@media screen and (min-width:961px) and (max-width:1810px) {
	.header_menu_inner {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 50px;
	}

	.header_menu_inner>ul {
		align-self: center;
	}

	header#h1Header {
		margin-top: 50px;
	}
}

@media print,
screen and (max-width: 960px) {
	#header_new {
		height: 80px;
	}

	.header_catch {
		display: none;
	}

	.header_logo a {
		padding: 0;
		height: 70%;
	}

	.header_menu_inner {
		position: initial;
		padding: 0;
	}

	.header_btnArea {
		flex-direction: column;
	}

	.header_contact_list {
		flex-direction: column;
		width: 100%;
		height: initial;
	}

	.header_contact_item {
		width: 100%;
	}

	.header_contact_item a {
		font-size: min(calc(1.8rem + (1vw - 9.6px) * 0.5128), 1.8rem);
		/* 1.8to1.5(960to375) */
		padding: 15px;
	}

	#header_new ul.membership li a {
		font-size: min(calc(1.5rem + (1vw - 9.6px) * 0.6838), 1.5rem);
		/* 1.5to1.1(960-375) */
	}
}

@media print,
screen and (max-width: 640px) {
	#header_new {
		height: 60px;
	}
}

/*-----------------------------------------
スティッキーヘッダー
-----------------------------------------*/
.sticky-header .site-header {
	position: fixed !important;
	width: 100%;
	z-index: 9999;
	top: -125px;
	transform: translateY(125px);
	transition: all 0.8s ease-in-out;
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .15);
}

/*-----------------------------------------
ハンバーガーボタン
-----------------------------------------*/
#hamburger {
	display: none;
}

.hamburger_inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.hamburger_line_top,
.hamburger_line_middle,
.hamburger_line_bottom {
	position: absolute;
	content: "";
	top: calc(50% - (0px / 2));
	left: 0;
	width: 100%;
	height: 2px;
	background: #222;
	transition: all .3s;
}

.hamburger_line_top {
	transform: translate(0, -6px);
	transform-origin: center;
}

.hamburger_line_bottom {
	transform: translate(0, 6px);
	transform-origin: center;
}

@media print,
screen and (max-width: 960px) {
	#hamburger {
		position: absolute;
		right: 0;
		display: block;
		z-index: 200;
	}

	.hamburger_inner.menu_open .hamburger_line_top {
		transform: translate(0, 0) rotate(45deg);
	}

	.hamburger_inner.menu_open .hamburger_line_middle {
		opacity: 0;
	}

	.hamburger_inner.menu_open .hamburger_line_bottom {
		transform: translate(0, 0) rotate(-45deg);
	}
}

/*-----------------------------------------
ハンバーガーメニュー
-----------------------------------------*/
@media print,
screen and (max-width: 960px) {
	#header_menu {
		display: flex;
		flex-direction: column-reverse;
		gap: 10px;
		width: 100%;
	}

	#header_menu:-webkit-scrollbar {
		display: none;
		/*スクロールバー非表示（Chrome・Safari）*/
	}

	.header_container {
		display: block;
		padding: 15px 2.5%;
	}

	.header_fix {
		width: 100%;
	}

	.menu_wrap {
		position: fixed;
		display: flex;
		flex-direction: column;
		justify-content: center;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: #fff;
		padding: 16% 8%;
		z-index: -1;
		visibility: hidden;
		opacity: 0;
		transition: all 0.6s;
	}

	.menu_wrap.menu_open {
		z-index: 100;
		visibility: visible;
		opacity: 1;
		overflow: auto;
		scrollbar-width: none;
	}

	.header_menu_inner ul {
		flex-direction: column;
		column-gap: 20px;
	}

	.header_menu_inner ul li {
		border-bottom: 1px solid #ddd;
	}

	.header_menu_inner ul li a {
		padding: 15px 0;
		text-align: left;
		font-size: min(calc(2.6rem + (1vw - 9.6px) * 1.5385), 2.6rem);
		/* 26to17(960to375) */
	}

	.header_menu_inner ul li .sub-menu {
		position: relative;
		display: block;
		width: 100%;
		margin-bottom: 15px;
	}

	.header_menu_inner ul li .sub-menu li {
		border: 0;
	}

	.header_menu_inner ul li .sub-menu li a {
		position: relative;
		margin: 0 20px;
		padding: calc(10px + (1vw - 9.6px) * 0.3419) 20px;
		/* 10to8 */
		font-size: min(calc(1.5rem + (1vw - 9.6px) * 0.3419), 1.5rem);
		/* 15to13 */
		text-align: left;
		background: none;
	}

	.header_menu_inner ul li .sub-menu li a:before {
		position: absolute;
		content: "";
		top: 50%;
		left: 0;
		width: 12px;
		height: 1px;
		background: #e5e5e5;
		transform: translateY(-50%);
	}
}

@media print,
screen and (max-width: 640px) {
	.header_container {
		display: block;
		padding: 10px 5%;
	}

	.menu_wrap {
		/* justify-content: flex-start; */
	}

	#header_new ul.membership {
		display: none;
	}

	.header_contact_list {
		display: none;
	}
}

/*----------20240628----------*/
@media print,
screen and (max-width: 640px) {
	#header_new ul.membership {
		display: flex;
		padding-top: 20px;
		column-gap: 10px;
	}
}

@media print,
screen and (max-width: 960px) {
	.menu_wrap {
		flex-flow: column-reverse;
	}
}

.header_container {
	display: flex;
}

.header_container>ul.header_contact_list {
	height: auto !important;
}

.header_container>ul.header_contact_list li a.headerBtn.mail {
	height: 100% !important;
	min-height: 106px;
	border-radius: 0;
	display: flex;
	flex-flow: column;
	background-color: #fcb900;
	width: 150px;
	color: var(--black);
	font-size: 16px;
	font-weight: 600;
	padding: 0;
}

.header_container>ul.header_contact_list .header_contact_item a:before {
	font-size: 25px;
	color: #000;
}

.header_container {
	padding: 0;
}

.header_container .header_fix {
	padding-left: 15px;
}

.header_container .menu_wrap {
	padding-right: 15px;
}

.header_contact_item a.order {
	color: var(--cyan);
	background: #fff;
	border: 1px solid var(--cyan);
}

.header_contact_item a.simulation {
	color: var(--magenta);
	background: #fff;
	border: 1px solid var(--magenta);
}


@media print,
screen and (min-width: 960px) {

	/* .header_menu_inner ul li a {
		padding: 10px clamp(4px, 6vw - 92.06px, 10px);
	} */
	.header_container {
		column-gap: 0px;
	}
}

@media screen and (min-width:960px) and (max-width:1810px) {
	.header_container>ul.header_contact_list li a.headerBtn.mail {
		min-height: 90px;
	}

	.header_menu_inner ul li a {
		padding: 0 10px;
	}
}

@media print,
screen and (max-width: 960px) {
	.header_container {
		padding: 15px 20px;
	}

	.header_container .header_fix {
		padding: 0;
	}

	.header_container .menu_wrap {
		padding: 16% 8%;
	}
}

/*----------20240628----------*/

.header_menu_inner ul li a {
	font-size: calc(1.3rem + (1vw - 1.92rem) * 0.0647);
	/* 13 to 12 */
}

.menu_wrap {
	justify-content: center;
}


/*----------20240628----------*/
.page-design-service .post .plan_detail .designService_flow_item {
	padding: 1.5% 5px;
}

.page-design-service .post .plan_detail .designService_flow_ttl span {
	font-size: min(calc(1.1rem + (1vw - 1.92rem) * 0.1294), 1.2rem);
	display: block;
	text-align: left;
}

/*----------20241010----------*/
#sec04.customers_voice {
	padding: calc(260px + (1vw - 19.2px) * 11.0032) 0 0;
}

#sec04.customers_voice .bkbgTtl {
	margin-bottom: 60px;
}

.customers_voice {
	color: #222 !important;

	.bkbgTtl span {
		position: relative;
		padding: 0 calc(40px + (1vw - 19.2px) * 1.6828);
		/* 40to14(1920-375) */
		font-size: calc(5.0rem + (1vw - 19.2px) * 1.9417);
		/* 50to20(1920-375) */
	}

	.bkbgTtl span:before {
		position: absolute;
		content: "";
		width: calc(60px + (1vw - 19.2px) * 1.9417);
		/* 60to30(1920-375) */
		height: 2px;
		transform: translate(0, -50%) rotate(65deg);
		background: #fff;
		top: 50%;
		left: -10px;
	}

	.bkbgTtl span:after {
		position: absolute;
		content: "";
		width: calc(60px + (1vw - 19.2px) * 1.9417);
		/* 60to30(1920-375) */
		height: 2px;
		transform: translate(0, -50%) rotate(-65deg);
		background: #fff;
		top: 50%;
		right: -10px;
	}
}

.fukidashi_wrap {
	position: relative;
	width: 100%;

	.fukidashi {
		position: absolute;
	}

	/* .fukidashi:nth-child(1) {
		width: 23.25%;
		top: -5%;
		left: 14%;
	}

	.fukidashi:nth-child(2) {
		width: 25.25%;
		top: -5%;
		right: 13%;
	}

	.fukidashi:nth-child(3) {
		width: 22.58333333333333%;
		bottom: 22%;
		left: 13%;
		z-index: 2;
	}

	.fukidashi:nth-child(4) {
		width: 19.29166666666667%;
		bottom: 22%;
		right: 19%;
		z-index: 2;
	} */
}

.deco_model03 {
	position: relative;
	width: 37%;
	max-width: 444px;
	margin: 0 auto;
}

.deco_model03 img {
	filter: drop-shadow(10px 10px 16px rgba(0, 0, 0, 0.6));
}

@media print,
screen and (max-width: 768px) {
	.fukidashi_wrap {
		.fukidashi:nth-child(1) {
			width: 27%;
			top: -8%;
			left: 14%;
		}

		.fukidashi:nth-child(2) {
			width: 24%;
			top: -8%;
			right: 15%;
		}

		.fukidashi:nth-child(3) {
			width: 22.58333333333333%;
			bottom: 22%;
			left: 13%;
			z-index: 2;
		}

		.fukidashi:nth-child(4) {
			width: 23%;
			bottom: 18%;
			right: 19%;
			z-index: 2;
		}
	}
}

@media print,
screen and (max-width: 640px) {
	.customers_voice {
		.bkbgTtl span:before {
			height: 1px;
			left: -8px;
		}

		.bkbgTtl span:after {
			height: 1px;
			right: -8px;
		}
	}

	.fukidashi_wrap {
		.fukidashi:nth-child(1) {
			width: 43%;
			top: -15%;
			left: 0;
		}

		.fukidashi:nth-child(2) {
			width: 43%;
			top: -7%;
			right: -2%;
		}

		.fukidashi:nth-child(3) {
			width: 38%;
			bottom: 22%;
			left: -3%;
		}

		.fukidashi:nth-child(4) {
			width: 38%;
			bottom: 12%;
			right: 0;
		}
	}

	.deco_model03 {
		width: 60%;
	}

	.deco_model03 img {
		filter: drop-shadow(0px 10px 8px rgba(0, 0, 0, 0.4));
	}
}

/*--------20241025---------*/
@media print,
screen and (min-width: 768px) {
	.fukidashi_wrap {
		position: relative;
		margin: 0 auto;
		padding-bottom: clamp(100px, 6.983vw - -46.36px, 200px);
		width: 100%;
		max-width: 1000px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		column-gap: 5%;
	}

	.fukidashi {
		position: relative !important;
		width: 30% !important;

	}

	.fukidashi:nth-child(1) {
		order: 1;
		margin-left: -5%;

	}

	.fukidashi:nth-child(2) {
		margin-right: 15%;
		order: 2;
	}

	.fukidashi:nth-child(3) {
		order: 4;
		margin-top: -20px;
	}

	.fukidashi:nth-child(4) {
		order: 5;
		margin-top: -40px;
	}

	.deco_model03 {
		position: absolute;
		width: 37%;
		max-width: 444px;
		margin: 0 auto;
		bottom: 0;
		left: 0;
		z-index: 10;
	}

	.deco_model03 img {
		width: 90%;
	}


	#sec04 .wrapper-content .sec04_title img {
		width: 28%;
		min-width: 250px;
	}
}

@media print,
screen and (max-width: 768px) {
	#sec04 .wrapper-content .sec04_title img {
		width: 50%;
		max-width: 250px;
		min-width: 210px;
	}
}

#sec04 .wrapper-content .sec04_title {
	text-align: center;
}

#sec04 .wrapper-content h1 {
	color: #fff;

	span {
		color: #fff;
	}
}

/*-----20241216追加ページ　本機色校正　-----*/
.flex_ {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 50px 0;

	@media screen and (max-width: 768px) {
		flex-flow: column;
	}

	&.flex_recommended {
		align-items: normal;

		.flex_col_50.text {
			background-color: #f2f2f2;
			display: flex;
			flex-flow: column;
			justify-content: center;
			flex-grow: 1;


			@media screen and (max-width: 768px) {
				padding: 50px 0;
			}

			p:not(.read_) {
				border-bottom: 1px solid #ccc;
				width: 80%;
				margin: 0 auto 5px;
				text-align: left;
				font-size: clamp(16px, 0.173vw - -14.66px, 18px);
				line-height: 1.8;
			}
		}
	}

	.flex_col_50 {
		width: calc(calc(100% - 20px) / 2);

		@media screen and (max-width: 768px) {
			width: 100%;
		}

		table {

			th,
			td {
				font-size: 14px;
				border: 2px solid #fff;
				text-align: center;
			}

			th {
				background-color: #404040;
				color: #fff;
				vertical-align: middle;
			}

			td {
				background-color: #f2f2f2;
				text-align: left;

				span {
					font-size: 11px;
					line-height: 1.4 !important;
					display: block;
				}

				&.tint {
					padding: 0;

					table {
						tr {

							th,
							td {
								font-size: 10px;
								border-color: #f2f2f2;
							}

							th {
								background-color: var(--cyan);
								counter-reset: #fff;
							}

							td {
								background-color: #fff;
							}
						}
					}
				}

				a {
					color: var(--cyan);
				}
			}
		}
	}

	&.text {
		background-color: #f2f2f2;
	}
}

.font-w6 {
	font-weight: 600;
	text-align: center;
	font-size: 20px;
	position: relative;

	@media screen and (max-width: 768px) {
		font-size: 16px;
	}

	&.read_ {

		font-size: clamp(20px, 0.347vw - -17.33px, 24px);

		@media screen and (max-width: 768px) {
			font-size: 20px;
		}
	}

	i {
		position: absolute;
		left: -25px;
		top: 50%;
		transform: translateY(-50%);
	}
}

.i_mg {
	margin: 50px 0;
}

.i_mg.i_mg02 {
	display: flex;

	img {
		width: 100%;
		max-width: 200px !important;

		@media screen and (max-width:768px) {
			max-width: 160px !important;
		}
	}
}

.wp-image-2177 {
	width: 100%;
}

@media screen and (min-width:768px) {
	.two_lines {
		line-height: 1 !important;

		.br_::before {
			content: "\A";
			white-space: pre;
		}


	}
}

@media screen and (max-width:768px) {
	.sp_pdg {
		max-width: 96% !important;
		margin: 0 auto !important;
		padding: 0 !important;
	}
}

@media screen and (max-width:560px) {
	.br_2::before {
		content: "\A";
		white-space: pre;
	}
}

.page-id-2168 {
	.wrapper-content {
		ul.stepList {
			&.stepList-text {
				flex-flow: column;

				li {
					width: 100% !important;
					position: relative;
					display: flex;
					justify-content: space-between;
					align-items: center;
					margin-bottom: 50px;

					@media screen and (max-width: 768px) {
						flex-flow: column;
					}

					>div {
						&:nth-child(1) {
							width: 78%;
						}

						&:nth-child(2) {
							width: 20%;

							img {
								width: 100%;
								max-width: 160px;
							}
						}

						@media screen and (max-width: 768px) {
							&:nth-child(1) {
								width: 100%;
							}

							&:nth-child(2) {
								width: 100%;
							}
						}
					}

					&::after {
						content: '';
						position: absolute;
						border-style: solid;
						border-width: 14px 14px 0 14px;
						border-color: var(--cyan) transparent transparent transparent;
						left: 50%;
						bottom: -34px;
						-webkit-transform: translateX(-50%);
						-ms-transform: translateX(-50%);
						transform: translateX(-50%);
					}

					&:last-child::after {
						display: none;
					}
				}
			}
		}
	}



	.estimate_link_wrap {
		border: 1px solid #fff;
		display: flex;
		justify-content: space-evenly;
		max-width: 600px;

		@media screen and (max-width: 768px) {
			flex-flow: column;
		}

		.estimate_link {
			display: flex;
			flex-flow: column;
			/* gap: 10px; */
			/* margin: 5% auto; */
			width: 100%;
			/* max-width: 250px; */
			padding: 5%;

			@media screen and (max-width: 768px) {
				margin: 0 auto;
			}

			a {
				color: #fff;
				font-weight: 500;
				border-bottom: 1px solid #fff;
				position: relative;
				margin-left: 20px;
				padding: 10px 0;


				&::before {
					content: "";
					display: block;
					position: absolute;
					width: 8px;
					height: 8px;
					border-bottom: 1px solid #fff;
					border-right: 1px solid #fff;
					top: 50%;
					right: 0px;
					transform: translate(-100%, -50%) rotate(-45deg);
				}

				&::after {
					content: "";
					display: block;
					position: absolute;
					width: 8px;
					height: 8px;
					border-bottom: 1px solid #fff;
					border-right: 1px solid #fff;
					top: 50%;
					left: 0px;
					transform: translate(-200%, -50%) rotate(90deg);
				}

				&:first-child {
					margin-left: 0px;
					font-size: 18px;
					font-weight: 600;

					&::after {
						display: none;
					}
				}
			}

			&:nth-child(2) {
				@media screen and (max-width: 768px) {
					padding-top: 0;
				}
			}
		}
	}

	.estimate_link09 {
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		margin-top: 20px;

		@media screen and (max-width: 768px) {
			flex-flow: column;
			gap: 20px;
		}

		a {
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			font-size: calc(1.3rem + (1vw - 1.92rem) * 0.0647);
			font-weight: 500;
			padding: calc(12px + (1vw - 19.2px) * 0.4464) 20px;
			border-radius: 50vw;
			-webkit-transition: .3s;
			transition: .3s;
			color: var(--cyan);
			background: #fff;
			border: 1px solid var(--cyan);

		}
	}
}

.page-id-2127,
.page-id-2171 {
	.bg_yellow {
		border-radius: 0;
		padding: 0 5px;

		&.bg_cmyk {
			background-color: var(--cyan) !important;
			color: #fff;
		}
	}

	.pdt-10 {
		padding-top: 10px;
	}
}

.flex_2col {
	display: flex;
	justify-content: flex-start;
	gap: 15px;

	.flex_2col_inner {
		display: block;
		width: 38px;
		white-space: nowrap;
	}
}

.estimate-title-link {
	margin-top: calc(75px + (1vw - 19.2px) * 1.6181);
}

.estimate-explanation-inner {
	border-bottom: 1px solid #ccc;
	margin: 5% 0;
	padding-bottom: 3%;
	display: flex;
	justify-content: space-between;

	&:last-child {
		border: 0px;
		padding-bottom: 0;
		margin-bottom: 0;
	}

	@media screen and (max-width: 768px) {
		flex-flow: column;
	}

	img {
		width: 58%;

		@media screen and (max-width: 768px) {
			width: 100%;
		}
	}

	.estimate-explanation-text {
		width: 40%;

		@media screen and (max-width: 768px) {
			width: 100%;
		}

		span.redTxt {
			padding-right: 5px;
		}
	}
}

#estimate01,
#estimate03,
#estimate04,
#estimate05,
#estimate06,
#estimate07,
#estimate08,
#estimate09 {
	padding-top: 61px;
	margin-top: -61px;
}

#estimate02 {
	padding-top: 100px;
	margin-top: -100px;
}

.headTtl.machine {
	background: url(/wp-content/uploads/machine-color-calibration-image-scaled.jpg);
	background-position: center;
	background-size: cover;

}

.headTtl.sample {
	background: url(/wp-content/uploads/sample-manufacturing-image-scaled.jpg);
	background-position: center;
	background-size: cover;

}

/*------20250116-----*/
.content-inner-flex {
	display: flex;
	justify-content: space-between;

	@media screen and (max-width: 768px) {
		flex-flow: column;
	}

	>div.wrapper-content {
		width: 35%;

		@media screen and (max-width: 768px) {
			width: 50%;
		}

		/* .productItemList {
			margin: 0;

			li {
				width: calc(100% / 3);
				margin: 0;

				.productItem {
					border: 0px;
				}
			}
		} */
		.slider-thumbnail .swiper-slide {
			opacity: .5;
			transition: opacity .5s;
			width: calc(100% / 3);
		}

		.slider-thumbnail .swiper-slide.swiper-slide-thumb-active {
			opacity: 1;
		}
	}

	>div+div.wrapper-content {
		width: 60%;
		margin: 0;

		@media screen and (max-width: 768px) {
			width: 100%;
		}

		.caseList {
			flex-flow: column;

			li {
				width: 100%;
				display: flex;

				.caseImg {
					width: 30%;
				}

				>div+div {
					display: flex;
					flex-flow: column;
					justify-content: center;
					flex-grow: 1;

					.caseDetail {
						width: 90%;
						margin: 0;

						dt {
							white-space: nowrap;
							width: 20%;
						}

						dd {
							white-space: normal;
							width: 80%;
						}
					}
				}
			}
		}
	}
}

.wrapper-content.package {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	row-gap: 30px;

	.package-processing-item {
		width: calc(calc(100% - 30px) / 3);

		@media screen and (max-width: 768px) {
			width: calc(calc(100% - 10px) / 2);
		}

		img {
			max-width: 240px;
			width: 100%;
			border: 5px solid #d0d0d0 !important;
			border-radius: 50vw;
		}

		.package-processing-text {
			display: flex;
			flex-flow: column;
			align-items: center;
			justify-content: center;

			.bg_yellow {
				max-width: max-content;
				border-radius: 0;
				padding: 0 5px;
				line-height: 1.6;
			}

			p+p {
				line-height: 1.2 !important;
				font-size: 12px;
				margin-top: 10px;
				text-align: center;
			}
		}
	}
}

.swiperThumbnail {
	.swiper-wrapper {
		.swiper-slide {
			cursor: pointer;
		}
	}
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: var(--swiper-navigation-sides-offset, 0px) !important;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset, 0px) !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	@media screen and (max-width: 768px) {
		font-size: 24px !important;
	}
}

.fs-package {
	font-size: 14px;
}

.page-product-2 .content-inner h3 {
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: clamp(20px, 12.32vw - 26.22px, 100px);
}

/*------アイキャッチ
--------------------------------------------*/
#thumbImg,
header#h1Header {
	position: relative;
	background: url(/wp-content/uploads/bg_h1ttl_subpage_2025.jpg) no-repeat center;
	background-size: cover;
	overflow: hidden;
	height: calc(500px + (1vw - 19.2px) * 19.4175);
	/*500to200*/
	z-index: -1;
}

@media screen and (max-width: 768px) {
	.fukidashi_wrap {
		height: clamp(230px, 22.90vw - -144.12px, 320px);
		margin-bottom: clamp(10px, 7.633vw - 18.62px, 40px);
	}
}


@media screen and (max-width: 640px) {
	.fukidashi_wrap {
		height: clamp(230px, 60.37vw - -3.584px, 390px);
		margin-bottom: clamp(15px, 28.30vw - 91.13px, 90px);
	}
}

@media print,
screen and (max-width: 768px) {
	.sticky_banner {
		right: 10px;
		bottom: 55px;
	}

	a#scrollUp {
		display: none;
	}
}

.header_contact_item a.sample {
	color: #fcb900;
	background: #fff;
	border: 1px solid #fcb900;
}