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

/*===============================================
●共通
===============================================*/
#container {line-height: 1;}
#container p {
	color: #000;
	letter-spacing: 0.05em;
}

/* ボタン */
.moreDetailBtn {text-align: center;}
.moreDetailBtn a {
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: 600;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	background-color: #D70111;
	letter-spacing: 0.05em;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
	padding: 1em 2.22em;
}
.sparrowIcon svg {
	width: 9px;
	height: 14px;
}

/* メインイメージ
---------------------------------------- */
#sptoolKv {width: 100%;}

/* EZ BRANDING
---------------------------------------- */
#ezBranding {
	position: relative;
	background-color: #D3EDFB;
}
#ezBranding h1 {
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: 600;
	letter-spacing: 0.05em;
}
#ezBranding p {letter-spacing: 0.05em;}
.brandingBgImg02 {text-align: center;}

/* svgアイコン */
.ezBrandingSt01 {fill: #004ea2;}
.ezBrandingSt02 {fill: #e60012;}

/* SCENE
---------------------------------------- */
#ezScene {background-color: #F5FBFF;}
#ezScene .sceneIcon {text-align: center;}
#ezScene h2 {
	color: #004EA2;
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: 600;
	text-align: center;
	letter-spacing: 0.05em;
}
#ezScene section .sceneDetail {
	background-color: #fff;
	box-shadow: 0 10px 15px -18px;
}
#ezScene section .sceneDetail h3 {
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: 600;
	display: inline-block;
	color: #fff;
	background-color: #004EA2;
	padding: 0.2em 0.3em;
}
#ezScene section .sceneDetail p {letter-spacing: 0.05em;}

/* EZ PRINT
---------------------------------------- */
#ezPrint {background-color: #FBE6EF;}
#ezprintInner h2  {
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: 600;
	letter-spacing: 0.01em;
	line-height: 1.33em;
}

/* svgアイコン */
.sptoolNavy {fill:#004ea2;}
.sptoolRed {fill:#e60012;}
.sparrowIcon {fill: #fff;}

/* SPツールラインアップ
---------------------------------------- */
#sptoollineup {overflow: hidden;}
#sptoollineup .lineupTtl {
	position: relative;
	background-color: #000;
	text-align: center;
}
#sptoollineup .lineupTtl:before {
	content: "";
	position: absolute;
	bottom: -3.95vw;
	left: 0;
	border-top: 4vw solid #000;
	border-right: 50vw solid transparent;
	border-left: 50vw solid transparent;
}
#sptoollineup .lineupTtl span {
	color: #fff;
	font-family: "Teko", sans-serif;
}
#sptoollineup .lineupTtl h2 {
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: 600;
	color: #D3EDFB;
}
.toolTtl {
	position: relative;
	display: flex;
	margin: 0 auto;
	align-items: center;
}
.toolTtl:before {bottom: 0;}
.toolTtl:after {top: 0;}
.flagTtlImg {margin-top: -2em;}
.toolTtl span {
	display: inline-block;
	letter-spacing: 0.05em;
}
.toolTtl .mainTtl {
	font-family: "Teko", sans-serif;
	font-weight: 500;
}
.toolTtl .flagBox {
	background-color: #000;
	color: #fff;
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: 600;
	padding: 0.3em 0.5em;
	display: inline-block;
}
#sptoollineup h3 {
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: 600;
	text-align: center;
}

/* フラッグ */
.toolContent section {
	position: relative;
	width: 98%;
	background-color: #fff;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.toolContent section:nth-of-type(even) {margin-left: auto;}
.toolContent section:nth-of-type(odd):before {
	content: "";
	position: absolute;
	left: 20px;
	top: 20px;
	width: 100%;
	height: 100%;
	background-color: #D3EDFB;
	z-index: -10;
}
.toolContent section:nth-of-type(even):before {
	content: "";
	position: absolute;
	right: 20px;
	top: 20px;
	width: 100%;
	height: 100%;
	background-color: #D3EDFB;
	z-index: -10;
}
.toolContent h4 {
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: 600;
	letter-spacing: 0.05em;
}
.toolContent .toolAreaTtl {position: relative;}
.toolContent .toolAreaTtl:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #000;
	bottom: -1.5em;
	left: 0;
}
.ttlBorder {
	position: relative;
	z-index: 10;
}
.toolContent section:nth-of-type(odd) .ttlBorder {text-align: right;}
.toolContent section:nth-of-type(even) .ttlBorder {text-align: left;}
.ttlBorder span {
	display: inline-block;
	font-family: "Teko", sans-serif;
	font-weight: 500;
	background-color: #000;
	color: #fff;
	padding: 0.3em 0.5em 0.22em;
	letter-spacing: 0.05em;
}
.toolContent h5 {
	font-weight: bold;
	line-height: 1.8em;
	letter-spacing: 0.05em;
}
.toolContent .toolDetail {line-height: 1.87em;}
.sizeSelect {border: 1px solid #000;}
.sizeSelectTtl {
	letter-spacing: 0.08em;
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: 600;
	color: #fff;
	background-color: #000;
	display: inline-block;
	border-radius: 26px;
	padding: 0.18em 1.33em 0.55em;
}
.sizeSelectTtl span {color: #FFF000;}
.sizeSelect p {
	line-height: 1.75em;
	font-weight: 500;
}
.sizeSelect ul {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.sizeSelect li {
	background-color: #004EA2;
	color: #fff;
	font-weight: bold;
	margin-right: 0.55em;
	padding: 0.5em 1em;
}
.fitModel {
	border: 1px solid #000;
	padding: 0.71em 1em 2.14em 0.71em;
}
.modelBox {
	display: inline-block;
	font-weight: bold;
	font-family: 'Noto Sans JP', sans-serif;
	background-color: #D3EDFB;
	padding: 0.5em 1em;
}
.fitModel .modelTtl .modelDetail {
	letter-spacing: 0.05em;
	font-weight: 500;
}
.tentSeries {margin-left: 1em;}
.tentSeries span {
	border-bottom: 1px solid #000;
	margin: 0 0.5em;
}

/* ハーフ横幕 */
.toolTtl {width: 96.3%;}
.ttlTiers {
	flex-wrap: wrap;
	justify-content: center;
}
.ttlTiers div {
	display: flex;
	align-items: center;
}
.toolTtl:before,
.toolTtl:after {
	position: absolute;
	right: 0;
	content: "";
	width: 100%;
	height: 5px;
	background-color: #000;
}
.toolTtl .circleHead {
	border: 2px solid #707070;
	border-radius: 50%;
	font-weight: bold;
	line-height: 1.5em;
	padding: 0.8em 1.2em;
}
#halfwalls h3 {
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: 600;
	color: #004EA2;
	letter-spacing: 0.05em;
}
#halfwalls h3 span {font-size: 1.42em;}
#halfwalls .wallsImg {text-align: center;}
#halfwalls .wallsText {
	text-align: center;
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: 600;
	line-height: 1.63em;
}
#halfwalls .toolAreaTtl {
	position: relative;
	display: flex;
}
.headingNum {
	display: flex;
	margin-top: -1em;
	align-items: center;
}
.vertical {
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: 600;
	letter-spacing: 0.2em;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.headingNum .numTtl {
	font-family: "Teko", sans-serif;
	letter-spacing: 0.05em;
	color: #004EA2;
}
#halfwalls {padding: 1.5em 0 0 0;}
#halfwalls .toolAreaTtl:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #000;
	left: 0;
	bottom: -1em;
}
.wallContentInner {
	position: relative;
	margin-bottom: 3.78em;
}
.halfWallsImg,
.sptoolFrame {text-align: center;}
.sizeSelect {padding: 2.07em 1em 2.07em 2.14em;}
.toolAreaTtl h4 span {
	display: block;
	border: 2px solid #000;
	font-size: 0.5em;
	margin-top: 0.5em;
	padding: 0.2em;
}

/* ブースの魅せ方
---------------------------------------- */
#otherTool {
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	padding-bottom: 3.57em;
}
#otherTool .blowTtl:after {
	width: 2em;
	transform: rotate(54deg);
}
#otherTool .blowBottom {
	position: relative;
	margin: 0 auto;
	text-align: center;
	border: 3px solid #000;
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: 600;
}
#otherTool .blowBottom:before {
	content: "";
	position: absolute;
	bottom: -8px;
	left: 47%;
	background-color: #fff;
	width: 1.5em;
	height: 10px;
}
#otherTool .blowBottom:after {
	content: "";
	position: absolute;
	left: 47%;
	bottom: -2px;
	height: 3px;
	background-color: #000;
	transform-origin: left;
}
#otherTool .blowBottom p {
	text-align: center;
	line-height: 1.8em;
}
#otherTool .settingArea section {display: flex;}
#otherTool .settingArea section:nth-of-type(even) {flex-direction: row-reverse;}
#otherTool .settingBanner {width: 46%;}
#otherTool .otherToolInner {width: 54%;}
.bgFont02 {font-size: 1.07em;}
.hacching {
	font-size: 1.3em;
	background-color: #FFF000;
	display: inline-block;
    line-height: 1.2em;
}
#otherTool h3 {
	color: #fff;
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: 600;
	background-color: #000;
	padding: 0.3em 0;
}
#otherTool .blowLeft {
	position: relative;
	text-align: center;
	padding: 0.63em 1.41em;
	border: 3px solid #000;
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: 600;
	display: inline-block;
}
#otherTool .blowLeft:before {
	content: "";
	position: absolute;
	bottom: 35%;
	left: -7px;
	background-color: #fff;
	width: 10px;
	height: 0.6em;
}
#otherTool .blowLeft:after {
	content: "";
	position: absolute;
	bottom: 34%;
	left: -2px;
	width: 3px;
	height: 1.2em;
	background-color: #000;
	transform: rotate(-54deg);
	transform-origin: bottom;
}
#otherTool .bannerDetail {background-color: #F5FBFF;}
#otherTool .bannerDetail h4 {font-weight: bold;}
#otherTool .bannerDetail p {
	font-weight: 500;
	line-height: 1.5em;
}
#otherTool .settingArea section:nth-of-type(even) .otherToolInner .bannerDetail p,
#otherTool .settingArea section:nth-of-type(even) .otherToolInner {text-align: right;}
#otherTool .blowRight {
	position: relative;
	text-align: center;
	padding: 0.63em 1.41em;
	border: 3px solid #000;
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: 600;
	display: inline-block;
}
#otherTool .blowRight:before {
	content: "";
	position: absolute;
	bottom: 35%;
	right: -7px;
	background-color: #fff;
	width: 10px;
	height: 0.6em;
}
#otherTool .blowRight:after {
	content: "";
	position: absolute;
	bottom: 34%;
	right: -2px;
	width: 3px;
	height: 1.2em;
	background-color: #000;
	transform: rotate(54deg);
	transform-origin: bottom;
}
#otherTool .utilityArea .blowBottom {
	width: 80%;
	padding: 0.64em 0;
	line-height: 1.33em;
}
#otherTool .utilityTtl:after {
	width: 1.5em;
	transform: rotate(45deg);
}
#otherTool .utilityArea .utilityImg {text-align: center;}
#otherTool .utilityArea .utilityBox {background-color: #F5FBFF;}
#otherTool .utilityArea h4 {
	text-align: center;
	font-weight: bold;
}
#otherTool .utilityArea p {line-height: 1.5em;}

/* STAND BANNER LONG
---------------------------------------- */
#toolDisplay .longBanner {margin-top: 8px;}
#sblBg {background-color: #D3EDFB;}
#toolDisplay .toolTtl {
	flex-direction: column;
	text-align: center;
}
.toolText {
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: 600;
	text-align: center;
	line-height: 1.66em;
}
#toolDisplay .toolTtl {
	padding: 2em 0;
	margin-bottom: 3.53em;
}
#sblBg .toolTtl {padding: 0.7em 0 1.5em;}
#sblBg .mainTtl {line-height: 0.8em;}
.bannerFlex {
	display: flex;
	justify-content: space-between;
}
.bannerInner {
	background-color: #fff;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.bannerFlex p {line-height: 1.87em;}
#pubBg {background-color: #D3FBEF;}
#tcBg {background-color: #FBE6EF;}
#tcBg .toolTtl {flex-direction: row;}
#tcBg .toolTtl {width: 100%;}
#tcBg .toolTtl .circleHead {background-color: #fff;}
#sptentBg {background-color: #FBF8D3;}
#contactFlex .contactBox h2 {background-color: #000;}
.selectFlex {
	display: flex;
	justify-content: space-between;
}
.sizeTtl {
	display: inline-block;
	background-color: #004EA2;
	color: #fff;
	font-weight: bold;
	padding: 0.6em 0.8em;
	margin-bottom: 0.55em;
}
.sizeDetail {
	margin-top: auto;
	line-height: 1.87em;
	font-weight: 500;
}
.sizeSmall .toolSizeImg {margin-bottom: 2.51em;}
.productDetail span {
	font-weight: 500;
	line-height: 2em;
}

/* ご相談受付中
---------------------------------------- */
#promoteSection {background: url("../../img/sptool/consulBg.jpg") no-repeat center / cover;}
.promoteInfo {
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: 600;
	color: #fff;
	text-align: center;
	line-height: 2em;
}
.fontGothicMB {
	/* font-family: "ゴシックMB101 DB"; */
	font-weight: 600;
	text-align: center;
	line-height: 1.25em;
}
.fontYuGothic {
	text-align: center;
	line-height: 1.5em;
}
.contactSt01 {fill:#000;}
#contactFlex .contactBox > div {
    border: 2px solid #000;
}

/*===============================================
●画面の横幅が729px以下
===============================================*/
@media screen and (max-width: 729px) {

	/* 共通
	---------------------------------------- */

	/* ボタン */
	.moreDetailBtn a {
		padding: 1.2em 0;
		width: 100%;
	}
	.moreDetailBtn a span {margin-left: 4%;}

	/* EZ BRANDING
	---------------------------------------- */
	#ezBranding {background: #D3EDFB;}
	#ezBranding {padding: 2.14em 1.42em 3.57em;}
	#ezBranding h1 {
		font-size: 1.85em;
		margin-bottom: 0.76em;
		text-align: center;
		line-height: 1.25em;
	}
	#ezBranding svg {
		width: 100%;
		height: 4.68em;
		margin-bottom: 0.69em;
	}
	#ezBranding .ezbrandingIcon {text-align: center;}
	#ezBranding .brandingBgImg02 {margin-bottom: 4.28em;}
	#ezBranding p {
		font-weight: 500;
		line-height: 1.71em;
	}
	.brandingBgImg {
		width: 80%;
		margin: 0 auto 4.28em;
		text-align: center;
	}

	/* SCENE
	---------------------------------------- */
	#ezScene {padding: 2.14em 1.42em 3.57em;}
	#ezScene h2 {
		font-size: 1.5em;
		margin-bottom: 2em;
		line-height: 1.3em;
	}
	#ezScene section {margin-bottom: 3.5em;}
	#ezScene .sceneIcon svg {
		width: 10.74em;
		height: 4.68em;
		margin-bottom: 1.28em;
	}
	#ezScene section .sceneInner .sceneImage span {height: 75vw;}
	#ezScene section .sceneDetail h3 {
		font-size: 1.5em;
		margin-bottom: 1em;
		padding: 0.46em 0.66em;
	}
	#ezScene section .sceneDetail p {
		margin-bottom: 2em;
		line-height: 1.4em;
	}
	#ezScene section .sceneInner .sceneDetail {padding: 2em;}

	/* EZ PRINT
	---------------------------------------- */
	#ezPrint {
		padding: 2.14em 1.42em 3.57em;
		text-align: center;
	}
	#ezPrint p {
		line-height: 1.71em;
		margin-bottom: 2.14em;
	}
	#ezPrint .ezprintInner {padding: 0 1.42em;}
	#ezPrint h2 {
		font-size: 1.85em;
		text-align: center;
		margin-bottom: 0.76em;
	}
	#ezPrint .ezprintIcon svg {
		width: 15.71em;
		height: 4.18em;
		margin-bottom: 2em;
	}
	#ezPrint .ezPrintImg01 {margin-bottom: 3.42em;}

	/* SPツールラインアップ
	---------------------------------------- */
	#sptoollineup .lineupTtl {
		height: 10em;
		padding: 3em 0 4.28em;
		margin-bottom: 16vw;
	}
	#sptoollineup .lineupTtl span {
		margin-bottom: 0.3em;
		font-size: 2em;
		display: inline-block;
	}
	#sptoollineup .lineupTtl h2 {font-size: 2em;}
	.toolContent section:nth-of-type(odd):before {
		left: 10px;
		top: 10px;
	}
	.toolContent section:nth-of-type(even):before {
		right: 10px;
		top: 10px;
	}
	.toolTtl {
		width: 90%;
		justify-content: center;
	}
	#flagArea .toolTtl {margin-bottom: 2em;}
	#halfwalls .toolTtl {
		padding: 0.5em;
		margin-bottom: 3em;
	}
	.toolTtl:before,
	.toolTtl:after {
		position: absolute;
		right: 0;
		content: "";
		width: 100%;
		height: 5px;
		background-color: #000;
	}
	.toolTtl .circleHead {
		font-size: 0.8em;
		padding: 0.3em 0.5em;
		line-height: 1.2em;
	}
	.flagTtlImg {
		width: 20%;
		margin-top: -1em;
	}
	.toolTtl .flagTtlImg {margin-right: 1em;}
	#sptoollineup .toolTtl .mainTtl {
		font-size: 16vw;
		margin-right: 0.25em;
		padding-top: 0.1em;
	}
	#sptoollineup .toolTtl .flagBox {
		font-size: 4vw;
		margin-right: 0.5em;
	}
	#sptoollineup h3 {
		font-size: 1.3em;
		margin-bottom: 3em;
	}
	.toolContent section {padding: 5% 3%;}
	.toolContent .flagToolImg {
		text-align: center;
		margin-bottom: 1em;
	}
	.toolContent .sizeSelect {margin-bottom: 1em;}
	.toolContent h4 {
		font-size: 1.59em;
		margin-bottom: 0.8em;
	}
	.toolContent .toolAreaTtl:before {bottom: -0.5em;}
	.toolContent h5 {
		font-size: 1.13em;
		margin-bottom: 1em;
	}
	#flagArea .toolDetail {margin-bottom: 2em;}
	#flagArea .sizeSelect {
		position: relative;
	}
	#flagArea .sizeSelectTtl {
		font-size: 1.1em;
		position: absolute;
		top: -1em;
		left: -0.1em;
	}
	#flagArea .moreDetailBtn {margin: 2em 0;}
	.sizeSelectTtl span {font-size: 1.71em;}
	.sizeSelect p {
		font-size: 1.1em;
		margin-bottom: 1em;
	}
	.fitModel .modelTtl {margin-bottom: 1em;}
	.toolContent .flagAreaInner {margin-bottom: 1em;}
	.toolContent section {margin-bottom: 3em;}
	#flagArea .sizeSelect ul {
		margin-bottom: 2.14em;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#halfwalls .sizeSelect ul {
		margin-bottom: 2.14em;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	#tcBg .sizeSelect ul {margin-bottom: 0;}
	.sizeSelect ul li {margin-top: 0.5em;}
	.modelTtl .modelBox {margin-bottom: 1em;}
	.sizeInfoArea {display: inline-block;}
	#cornerflags .sizeInfoArea .sizeSelectImg {margin-bottom: 1em;}

	/* ハーフ横幕 */
	.headingNum {margin-top: -3em;}
	#halfwalls .toolTtl div {margin-top: -0.5em;}
	#halfwalls .wallsImg {margin-bottom: 1em;}
	#halfwalls .wallsText {margin-bottom: 2em;}
	#halfwalls .toolAreaTtl {align-items: flex-end;}
	.headingNum .numTtl {
		font-size: 5em;
		padding-top: 0.1em;
		margin-right: 0.1em;
	}
	#halfwalls .vertical {margin: 0 0.5em;}
	#halfwalls .toolAreaTtl:before {bottom: 0.5em;}
	#halfwalls .sizeSelect {
		position: relative;
	}
	#halfwalls .sizeSelect .sizeSelectTtl {
		position: absolute;
		top: -1em;
		left: -0.1em;
	}
	#halfwalls .halfWallsImg {margin-bottom: 2em;}
	#halfwalls .halfWallsInner .toolDetail {margin-bottom: 2em;}

	/* 設置や使用用途
	---------------------------------------- */
	.utilityArea {margin-bottom: 2em;}
	#otherTool {padding: 0 1em 3em;}
	#otherTool .blowTtl {
		margin-bottom: 2em;
		padding: 0.8em 0.5em;
	}
	#otherTool .blowBottom p {font-size: 1.45em;}
	#otherTool h3 {
		font-size: 1.5em; letter-spacing: 0;
		margin-bottom: 1.08em;
		white-space: nowrap;
	}
	#otherTool h4 {
		font-size: 1.2em;
		margin-bottom: 1em;
	}
	#otherTool .settingArea > section  {margin-bottom: 2em;}
	#otherTool .otherToolInner {padding-top: 3em;}
	#otherTool .bannerDetail {padding: 0.9em 0.5em 1em 0.8em;}
	#otherTool .settingArea {margin-bottom: 3em;}
	#otherTool .utilityArea section {margin-bottom: 1em;}
	#otherTool .utilityArea .blowBottom {
		font-size: 1.36em;
		margin-bottom: 1.2em;
	}
	#otherTool .utilityArea .utilityBox {padding-bottom: 1em;}
	#otherTool .utilityArea p {padding: 0 1.5em;}
	#otherTool .blowLeft {
		margin-left: 1em;
		margin-bottom: 0.72em;
		padding: 0.63em 0.5em;
	}
	#otherTool .blowRight {
		margin-right: 1em;
		margin-bottom: 0.72em;
		padding: 0.63em 0.5em;
	}

	/* スタンドバナーロング
	---------------------------------------- */
	#toolDisplay .toolTtl .mainTtl {
		font-size: 4em;
		margin-right: 0.25em;
	}
	#toolDisplay .toolTtl .flagBox {
		font-size: 1.5em;
		margin-right: 0.5em;
	}
	#toolDisplay section {padding: 2em 0;}
	#toolDisplay .toolTtl {padding: 1em 0;}
	#toolDisplay .moreDetailBtn {margin: 2em 0;}
	.bannerInner {padding: 1em;}
	#toolDisplay .toolTtl {margin-bottom: 1em;}
	.toolText {
		font-size: 1.1em;
		margin-bottom: 1em;
	}
	#sblBg .sizeSelect ul {margin-bottom: 1em;}
	.bannerFlex {margin-bottom: 2.14em;}
	#sblBg .bannerFlex  {flex-direction: column;}
	.bannerFlex .sblImg02 {
		text-align: center;
		margin-bottom: 2em;
	}
	#pubBg .bannerFlex,
	#tcBg .bannerFlex,
	#sptentBg .bannerFlex {flex-direction: column-reverse;}
	.modelTtl {
		display: flex;
		align-items: flex-start;
		flex-direction: column;
	}
	#pubBg .selectFlex {flex-direction: column;}
	#toolDisplay .sizeSelect {margin-bottom: 1em;}
	#pubBg .toolTtl {width: 100%;}
	#pubBg .toolTtl .mainTtl {margin-right: 0;}
	#toolDisplay .sizeSelect {
		position: relative;
		padding: 2.07em 1em 2.07em 2.14em;
	}
	#toolDisplay .sizeSelect .sizeSelectTtl {
		position: absolute;
		top: -1em;
		left: -0.1em;
		margin: 0;
		padding-top:0.2em
	}
	#sptentBg .sizeSelect .sizeSelectTtl {padding-top: 0.5em;}

	/* ご相談受付中
	---------------------------------------- */
	.promoteInfo {
		font-size: 1.1em;
		padding: 1.63em 1em;
	}
	.promoteInfo span {font-size: 1.7em;}

	/* ご相談受付中
	---------------------------------------- */
	#sptoolContact {padding: 1.5em 1em 3em;}
	.fontGothicMB {
		font-size: 1.5em;
		margin-bottom: 1.5em;
	}
	.fontYuGothic {
		font-size: 1.12em;
		margin-bottom: 1.5em;
	}
	#contactFlex #telArea > div {padding: 9% 3.12% 3%;}
	#contactFlex #mailArea > div {padding: 0.5em 1em 1.42em;}
	#mailArea .moreDetailBtn {margin: 1em 0;}
}

/*===============================================
●画面の横幅が730px以上
===============================================*/

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

	/* 共通
	---------------------------------------- */
	#container a:hover {opacity: 0.8;}

	/* ボタン */

	.moreDetailBtn a {font-size: 1.28em;}
	.moreDetailBtn a .sparrowIcon {margin-left: 1.66em;}

	/* メインイメージ
	---------------------------------------- */
	#sptoolKv div {
		max-width: 1920px;
		margin: 0 auto;
	}

	/* EZ BRANDING
	---------------------------------------- */
	.sptoolMaxwidth {
		max-width: 1366px;
		margin: 0 auto;
		position: relative;
	}
	#brandingInner {
		width: 35%;
		padding: 7.17% 0 7.54%;
		margin: 0 38% 0 auto;
	}
	#ezBranding h1 {
		font-size: 2.28em;
		margin-bottom: 10.66%;
	}
	.brandingBgImg01 {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 25%;
	}
	.brandingBgImg02 {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 33%;
	}
	#ezBranding svg {
		width: 100%;
		max-width: 34em;
		height: 6.14em;
		margin-bottom: 10.92%;
	}
	#ezBranding p {
		font-size: 1.14em;
		line-height: 1.5em;
	}

	/* SCENE
	---------------------------------------- */
	#ezScene {padding: 7.85em 0 7.14em;}
	#ezScene .sceneIcon {margin-bottom: 1.8em;}
	#ezScene .sceneIcon svg {
		width: 15.57em;
		height: 6.78em;
	}
	#ezScene h2 {
		font-size: 2em;
		margin-bottom: 3.67em;
	}
	#ezScene section {
		position: relative;
		z-index: 10;
	}
	#ezScene section {margin-bottom: 10.71em;}
	#ezScene section:last-of-type {margin-bottom: 7.85em;}
	#ezScene section .sceneImage {width: 60%;}
	#ezScene section .sceneDetail {
		width: 46%;
		padding: 3.66%;
	}
	#ezScene  section:nth-of-type(odd) .sceneDetail {
		position: absolute;
		bottom: 5%;
		right: 83px;
		width: 43%;
	}
	#ezScene  section:nth-of-type(even) .sceneDetail {
		position: absolute;
		bottom: 5%;
		left: 83px;
		width: 43%;
	}
	#ezScene section .sceneDetail h3 {
		font-size: 2.14em;
		margin-bottom: 1em;
		padding: 0.46em 0.66em;
	}
	#ezScene section .sceneDetail p {
		font-size: 1.28em;
		line-height: 1.55em;
		margin-bottom: 3.01em;
	}
	#ezScene section:nth-of-type(even) .sceneImage {margin-left: auto;}

	/* EZ PRINT
	---------------------------------------- */
	.ezPrintImg01 {
		position: absolute;
		bottom: 92px;
		left: 0;
		width: 40%;
	}
	#ezprintInner {
		width: 30%;
		padding: 7.24% 0 7.35%;
		margin: 0 29% 0 auto;
	}
	#ezprintInner h2 {
		font-size: 2.14em;
		margin-bottom: 13.5%;
	}
	#ezprintInner .ezprintIcon svg {
		width: 22.97em;
		height: 6.12em;
		margin-bottom: 3.4em;
	}
	#ezprintInner p {
		font-size: 1.14em;
		font-weight: 500;
		margin-bottom: 16.8%;
		line-height: 1.5em;
	}
	#ezPrint .moreDetailBtn a {
		width: 100%;
		padding: 1em 1em;
	}
	.ezPrintImg02 {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 25%;
	}

	/* SPツールラインアップ
	---------------------------------------- */
	#sptoollineup {padding-bottom: 5.85em;}
	#sptoollineup .lineupTtl  {
		padding: 5em 0 4.1em;
		margin-bottom: 16vw;
	}
	#sptoollineup .lineupTtl span {
		display: inline-block;
		margin-bottom: 0.3em;
		font-size: 3.57em;
	}
	#sptoollineup .lineupTtl h2 {font-size: 4.28em;}

	/* フラッグ */
	#halfwalls .toolTtl {
		margin-bottom: 3.53em;
		padding: 1em 0;
	}
	.toolContent section:nth-of-type(even) h4 {text-align: right;}
	.toolContent section:nth-of-type(even) h5 {text-align: right;}
	.toolContent section:nth-of-type(even) .toolDetail {text-align: right;}
	#flagArea .toolTtl {justify-content: flex-end;}
	.toolTtl:before,
	.toolTtl:after {
		position: absolute;
		right: 0;
		content: "";
		height: 5px;
		background-color: #000;
	}
	#flagArea .toolTtl:before,
	#flagArea .toolTtl:after {width: 46.85em;}
	#flagArea .toolTtl {
		width: 45em;
		margin-bottom: 3.5em;
	}
		.toolTtl .mainTtl {
		font-size: 8.57em;
		padding-top: 0.1em;
	}
	#halfwalls .toolTtl .mainTtl {margin-right: 0.33em;}
	#flagArea .mainTtl {margin-left: 0.28em;}
	.toolTtl .flagBox {font-size: 2.14em;}
	#flagArea .flagBox {margin-left: 1.13em;}
	#sptoollineup h3 {
		font-size: 1.71em;
		margin-bottom: 1.37em;
	}
	.toolContent section {margin-bottom: 9.28em;}
	#flagArea section:nth-of-type(odd) {padding: 2em 0 3.57em 3.57em;}
	#flagArea section:nth-of-type(even) {padding: 2em 3.57em 3.57em 0;}
	.toolContent h4 {font-size: 2.28em;}
	#flagArea section .ttlBorder {margin-bottom: 1.1em;}
	.ttlBorder span {font-size: 2em;}
	.toolContent h5 {
		font-size: 1.42em;
		margin-bottom: 1.5em;
	}
	.toolContent .flagToolImg {
		position: absolute;
		top: 15.5em;
		width: 37%;
	}
	.toolContent #blade .flagToolImg {width: 37%;}
	.toolContent #teardrop .flagToolImg {width: 44%;}
	.toolContent #cornerflags .flagToolImg {width: 43%;}
	.toolContent section:nth-of-type(odd) .flagToolImg  {right: 0;}
	#flagArea section:nth-of-type(even) .flagToolImg  {left: 0;}
	#flagArea .toolDetail {
		font-size: 1.14em;
		margin-bottom: 3.5em;
	}
	.toolContent .flagAreaInner {
		width: 48.5%;
		margin-bottom: 3.57em;
	}
	.toolContent section:nth-of-type(even) .flagAreaInner {margin-left: auto;}
	#flagArea .sizeSelect {margin-bottom: 1.42em;}
	.sizeSelect .sizeSelectTtl {
		font-size: 1.28em;
	}
	#flagArea .sizeSelect {
		position: relative;
	}#flagArea .sizeSelect {
		padding: 3.21em 1em 2.07em 2.14em;;
	}
	#flagArea .sizeSelectTtl {
		position: absolute;
		top: -1em;
		left: -0.1em;
	}
	.sizeSelectTtl span {
		font-size: 2.14em;
		vertical-align: text-bottom;
	}
	.sizeSelect p {
		font-size: 1.14em;
		margin-bottom: 1.25em;
	}
	.sizeInfoArea .sizeSelectImg {margin-bottom: 1.42em;}
	.sizeInfoArea ul {max-width: 251px;}
	.sizeInfoArea ul li:last-child {margin-right: 0;}
	.sizeInfoArea ul li {padding: 0.5em 0.8em;}
	#flagArea .sizeSelect ul {
		margin-bottom: 0.55em;
		justify-content: space-between;
	}
	.sizeSelect li {font-size: 1.28em;}
	.selectFlex section {width: calc(100% / 3);}
	.fitModel .modelTtl {margin-bottom: 1em;}
	.modelTtl {
		display: flex;
		flex-wrap: wrap;
	}
	.modelTtl {align-items: baseline;}
	.modelTtl .modelBox {margin: 0 0.71em 1em 0;}

	/* ハーフ横幕 */
	.circleHead {font-size: 1.14em;}
	#halfwalls .toolAreaTtl {align-items: flex-end;}
	#halfwalls h3 {
		font-size: 3em;
		margin-bottom: 1.35em;
	}
	#halfwalls section:nth-of-type(even) .toolAreaTtl {flex-direction: row-reverse;}
	#halfwalls section:nth-of-type(even) .headingNum {flex-direction: row-reverse;}
	#halfwalls .sizeSelect {
		position: relative;
		padding: 3.21em 1em 2.07em 2.14em;
	}
	#halfwalls .sizeSelect .sizeSelectTtl {
		position: absolute;
		top: -1.3em;
		left: -0.1em;
	}
	#toolDisplay .sizeSelect {
		position: relative;
		padding: 3.21em 1em 2.07em 2.14em;
	}
	#toolDisplay .sizeSelect .sizeSelectTtl {
		position: absolute;
		top: -1.3em;
		left: -0.1em;
	}
	#halfwalls .ttlBorder span {margin-top: -0.3em;}
	#halfwalls .flagBox {margin-right: 1em;}
	#halfwalls .wallsImg {margin-bottom: 3.5em;}
	#halfwalls .wallsText {
		font-size: 1.57em;
		margin-bottom: 4.63em;
	}
	.vertical {font-size: 1.71em;}
	.headingNum .vertical {margin: 0 0.41em;}
	.numTtl {
		font-size: 10.21em;
		line-height: 0.1em;
	}
	.headingNum .numTtl {padding-top: 0.1em;}
	#halfwalls section:nth-of-type(odd) .headingNum .numTtl {margin-right: 0.1em;}
	#halfwalls section:nth-of-type(even) .headingNum .numTtl {margin-left: 0.1em;}
	.wallInner {padding: 0 3.57em 3.57em;}
	#halfwalls section:nth-of-type(odd) .halfWallsImg {
		position: absolute;
		top: 0;
		right: 0;
		width: 43%;
		text-align: right;
	}
	#halfwalls section:nth-of-type(even) .halfWallsImg {
		position: absolute;
		top: 0;
		left: 0;
		width: 50%;
	}
	#halfwalls .toolDetail {
		font-size: 1.14em;
		margin-bottom: 2.06em;
	}
	#standbanner .toolDetail {margin-bottom: 4.76em;}
	.halfWallsInner {width: 47%;}
	#standbanner .halfWallsInner {width: 43%;}
	#halfwalls section:nth-of-type(even) .halfWallsInner {margin-left: auto;}
	.sizeSelect {margin-bottom: 3.57em;}
	#halfwalls .sizeSelect ul {margin-bottom: 1.28em;}

	/* ブースの魅せ方
	---------------------------------------- */
	#otherTool .blowTtl {
		width: 82.2%;
		margin-bottom: 3.57em;
		padding: 2.07em 0;
	}
	#otherTool .blowBottom p {font-size: 1.85em;}
	#otherTool h3 {
		font-size: 2.85em;
		margin-bottom: 1.35em;
	}
	.bgFont01 {
		display: block;
		margin-bottom: 0.4em;
	}
	#otherTool .settingArea section + section {margin-top: -1em;}
	#otherTool .settingArea {margin-bottom: 5.75em;}
	#otherTool .otherToolInner {padding-top: 7.09em;}
	#otherTool .blowLeft {
		font-size: 2em;
		margin-left: 2.1em;
		margin-bottom: 0.72em;
	}
	#otherTool .bannerDetail {padding: 1.1em 5.42em 1.1em 4.28em;}
	#otherTool h4 {font-size: 1.57em;}
	#otherTool .bannerDetail h4 {margin-bottom: 0.45em;}
	#otherTool .utilityBox h4 {margin-bottom: 1em;}
	#otherTool .bannerDetail p {font-size: 1.14em;}
	#otherTool .blowRight {
		font-size: 2em;
		margin-right: 2.1em;
		margin-bottom: 0.72em;
	}
	#otherTool .utilityArea {
		display: flex;
		padding: 0 1.42em;
		margin-bottom: 3.57em;
	}
	#otherTool .utilityArea section {
		width: calc(100% / 3);
		margin-right: 0.71em;
	}
	#otherTool .utilityArea section:last-of-type {margin-right: 0;}
	#otherTool .utilityArea .blowBottom {
		font-size: 1.71em;
		margin-bottom: 1.35em;
	}
	.utilityBox {min-height: 420px;}
	.utilityBox .utilityImg {margin-bottom: 0.92em;}
	#otherTool .utilityArea p {
		font-size: 1.14em;
		padding: 0 1.87em;
	}
	#toolDisplay .longBanner {padding: 5.6em 0 5.85em;}
	.toolText {
		font-size: 1.5em;
		margin-bottom: 2.2em;
	}
	.bannerInner {padding: 2.42em 3.57em 3.57em;}
	.sblImg01 {margin-bottom: 2.14em;}
	.bannerFlex {margin-bottom: 2.14em;}
	.bannerFlex p {
		font-size: 1.14em;
		margin: 2.65em 1em 0 0;
	}
	#sblBg .sizeSelect ul {margin-bottom: 2.14em;}
	.sizeDetail {font-size: 1.14em;}
	.sizeTtl {font-size: 1.28em;}
	#pubBg .sizeSelect {padding: 3.21em 3.57em 2.14em;}
	#tcBg .mainTtl {margin-right: 0.25em;}
	#tcBg .flagBox {margin-right: 0.66em;}
	.sizeMedium .toolSizeImg {margin-bottom: 2em;}
	.sizeLarge .toolSizeImg {margin-bottom: 1em;}
	.sizeMedium .sizeDetail {margin-left: 1em;}
	.sizeLarge .sizeDetail {margin-left: 2em;}
	.productDetail span {font-size: 1.14em;}
	#sptentBg .bannerFlex p {width: 47%;}
	#sptentBg .sblImg02 {width: 50%;}
	.bannerFlex .sblImg02 {text-align: right;}
	#sptentBg .sizeSelect {
		position: relative;
		padding: 3em 1em 2.07em 2.14em;
	}
	#sptentBg .sizeSelect .sizeSelectTtl {
		position: absolute;
		top: -1em;
		left: 0;
		margin: 0;
		padding: 0.61em 1.66em;
	}

	/* ご相談受付中
	---------------------------------------- */
	#promoteSection {padding: 5.64em 0 5.35em;}
	.promoteInfo {
		font-size: 2.14em;
		line-height: 2.5em;
	}
	.promoteInfo span {font-size: 2.16em;}

	/* お問合せ
	---------------------------------------- */
	#sptoolContact {padding: 3.5em 0 8.57em;}
	.fontGothicMB {
		font-size: 1.71em;
		margin-bottom: 1.5em;
	}
	.fontYuGothic {
		font-size: 1.42em;
		margin-bottom: 3.5em;
	}
	#contactFlex #telArea > div {padding: 4.42em 2.14em 1.42em;}
	#contactFlex #mailArea > div {padding: 1.28em 2.14em 1.42em;}
	.contactSpBtn {
		max-width: 297px;
		margin: 0 auto 1.42em;
	}
	.contactSpBtn a {width: 100%;}
	#contactFlex #telArea a {margin-bottom: 4.52em;}
	#contactFlex .moreDetailBtn a .sparrowIcon {margin-left: 1.11em;}
}