@charset "utf-8";

/* ======================================


 initial setting


==================================== */
/*!
 * ress.css • v1.0.1
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
	box-sizing: border-box;
	overflow-y: scroll;
	/* All browsers without overlaying scrollbars */
	-webkit-text-size-adjust: 100%;
	/* iOS 8+ */
}

*,
::before,
::after {
	background-repeat: no-repeat;
	/* Set `background-repeat: no-repeat` to all elements */
	box-sizing: inherit;
}

::before,
::after {
	text-decoration: inherit;
	/* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
	vertical-align: inherit;
}

/* Remove margin, padding of all elements */
* {
	padding: 0;
	/* Reset `padding` and `margin` of all elements */
	margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
	display: none;
	height: 0;
}

hr {
	overflow: visible;
	/* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

summary {
	display: list-item;
	/* Add the correct display in all browsers */
}

small {
	font-size: 80%;
	/* Set font-size to 80% in `small` elements */
}

[hidden],
template {
	display: none;
	/* Add the correct display in IE */
}

abbr[title] {
	border-bottom: 1px dotted;
	/* Add a bordered underline effect in all browsers */
	text-decoration: none;
	/* Remove text decoration in Firefox 40+ */
}

a {
	background-color: transparent;
	/* Remove the gray background on active links in IE 10 */
	-webkit-text-decoration-skip: objects;
	/* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover {
	outline-width: 0;
	/* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	/* Specify the font family of code elements */
}

b,
strong {
	font-weight: bolder;
	/* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
	font-style: italic;
	/* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
	background-color: #ff0;
	color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Safari6 */
b,
strong {
	font-weight: inherit;
}

/* Chrome, Edge, and Safari. */
b,
strong {
	font-weight: bolder;
}

iframe {
	width: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

li {
	list-style: none;
}

i {
	font-style: normal;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
	border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
	cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
	cursor: default;
}

[type="number"] {
	width: auto;
	/* Firefox 36+ */
}

[type="search"] {
	-webkit-appearance: textfield;
	/* Safari 8+ */
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
	/* Safari 8 */
}

textarea {
	overflow: auto;
	/* Internet Explorer 11+ */
	resize: vertical;
	/* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
	font: inherit;
	/* Specify font inheritance of form elements */
}

optgroup {
	font-weight: bold;
	/* Restore the font weight unset by the previous rule. */
}

button {
	overflow: visible;
	/* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: 0;
	padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	outline: 1px dotted ButtonText;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
	/* Correct the inability to style clickable types in iOS */
}

button,
select {
	text-transform: none;
	/* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
	background-color: transparent;
	border-style: none;
	color: inherit;
}

/* Style select like a standard input */
select {
	-moz-appearance: none;
	/* Firefox 36+ */
	-webkit-appearance: none;
	/* Chrome 41+ */
}

select::-ms-expand {
	display: none;
	/* Internet Explorer 11+ */
}

select::-ms-value {
	color: currentColor;
	/* Internet Explorer 11+ */
}

legend {
	border: 0;
	/* Correct `color` not being inherited in IE 8/9/10/11 */
	color: inherit;
	/* Correct the color inheritance from `fieldset` elements in IE */
	display: table;
	/* Correct the text wrapping in Edge and IE */
	max-width: 100%;
	/* Correct the text wrapping in Edge and IE */
	white-space: normal;
	/* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* Correct the inability to style clickable types in iOS and Safari */
	font: inherit;
	/* Change font properties to `inherit` in Chrome and Safari */
}

[type="search"] {
	-webkit-appearance: textfield;
	/* Correct the odd appearance in Chrome and Safari */
	outline-offset: -2px;
	/* Correct the outline style in Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
	border-style: none;
	/* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
	vertical-align: baseline;
}

svg:not(:root) {
	overflow: hidden;
	/* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
	display: inline-block;
	/* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
	[hidden~="screen"] {
		display: inherit;
	}

	[hidden~="screen"]:not(:active):not(:focus):not(:target) {
		position: absolute !important;
		clip: rect(0 0 0 0) !important;
	}
}

/* Specify the progress cursor of updating elements */
[aria-busy="true"] {
	cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
	cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
	cursor: default;
}

/* # =================================================================
   # Selection
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
	background-color: #b3d4fc;
	/* Required when declaring ::selection */
	color: #000;
	text-shadow: none;
}

::selection {
	background-color: #b3d4fc;
	/* Required when declaring ::selection */
	color: #000;
	text-shadow: none;
}



/* ======================================


 basic layout


==================================== */
html {
	font-size: 62.5%;
	/*10px*/
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	overflow: auto;
}

body {
	color: #333;
	font-family: LIFULL, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "MSゴシック", sans-serif;
	font-size: 1.6rem;
	font-feature-settings: "palt";
	letter-spacing: 0.08rem;
	line-height: 1.5;
	position: relative;
	word-wrap: break-word;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: unset;
  -webkit-font-smoothing: antialiased;
}

.ie body {
	color: #333;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "MSゴシック", sans-serif;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
	body {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}

@font-face {
	font-family: LIFULL;
	src: url(/fonts/LIFULLFONT-Regular.woff);
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: LIFULL;
	src: url(/fonts/LIFULLFONT-Bold.woff);
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: LIFULL;
	src: url(/fonts/LIFULLFONT-Heavy.woff);
	font-weight: 900;
	font-style: normal;
}

img {
	border-style: none;
	max-width: 100%;
	vertical-align: top;
}

a {
	color: #ED6103;
	text-decoration: underline;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

a:hover {
	text-decoration: none;
}

input,
button {
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	outline: none;
}

/* IE8+, Chrome */
input,
button {
	outline: 0;
}

/* Firefox */
input::-moz-focus-inner,
button::-moz-focus-inner {
	border: 0;
}

a:hover,
input:hover,
button:hover {
	opacity: 0.8;
}

a.disabled {
	pointer-events: none;
}

*:focus {
	outline: none;
}

a:focus {
	outline: none;
}

a[href^="tel:"] {
	color: #000;
	cursor: default;
}

th,
td {
	word-break: break-all;
}

@media screen and (min-width: 769px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}

@media screen and (max-width: 768px) {
	body {
		/*font-size: 1.4rem;*/
		line-height: 1.4;
		top: 0 !important;
	}

	img {
		height: auto;
		max-width: inherit;
		width: 100%;
	}

	a:hover {
		opacity: 1;
	}

	a[href^="tel:"] {
		text-decoration: underline;
	}
}

.spOnly {
	display: none;
}

.tabOnly {
	display: none;
}

@media only screen and (max-width: 768px) {
	.tabOnly {
		display: block;
	}
}

@media only screen and (max-width: 750px) {
	.spOnly {
		display: block;
	}

	.pcOnly {
		display: none;
	}
}

.iPadOS svg,
.ipad svg,
.iphone svg,
.android svg {
  height: initial;
}

/* module
----------------------------- */
/* button */
.btn a {
	border-radius: 50px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
}

.btn[data-clr="orange"] a {
	background-color: #ED6103;
	height: 80px;
	max-width: 314px;
	width: 100%;
}

.btn[data-clr="whi"] a {
	border: 3px solid #FFF;
	border-radius: 33px;
	height: 65px;
	max-width: 300px;
	width: 100%;
}

.btn[data-clr="orange2"] a {
	border: 1px solid #ED6103;
	border-radius: 33px;
	color: #ED6103;
	height: 65px;
	max-width: 300px;
	width: 100%;
}

/* heading */
.heading[data-hdg="1"] {
	color: #ED6103;
	font-size: 3.2rem;
	line-height: 1.5;
	margin-bottom: 60px;
	text-align: center;
}

.heading[data-hdg="1"] i {
	display: block;
	font-size: 1.5rem;
	margin-bottom: 10px;
}

/* icon */
.icon_blank {
  background-image: url(/img/common/blank.svg);
  background-size: cover;
  height: 24px;
  width: 24px;
}

@media only screen and (max-width: 768px) {
	.heading[data-hdg="1"] {
		font-size: 2.8rem;
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 750px) {
	.btn[data-clr="orange2"] a {
		max-width: 160px;
	}
}

/* list */
.asterisk {
	margin-top: 20px;
}

.asterisk>li {
	margin-top: 5px;
	padding-left: 20px;
	position: relative;
}

.asterisk li:first-child,
.disc li:first-child {
	margin-top: 0;
}

.asterisk>li:before {
	content: "※";
	left: 0;
	position: absolute;
	top: 0;
}
.disc {
	width: 100%;
    text-align: left;
    margin: 0 auto;
}
.disc>li {
	margin-top: 5px;
	padding-left: 15px;
	position: relative;
}

.disc>li:before {
	background-color: #000;
	border-radius: 100%;
	content: "";
	height: 3px;
	left: 6px;
	position: absolute;
	top: 9px;
	width: 3px;
	display: none;
}

.decimal,
.brackets {
	counter-reset: number 0;
}

.decimal>li,
.brackets>li {
	margin-top: 5px;
	padding-left: 20px;
	position: relative;
}

.decimal>li:before,
.brackets>li:before {
	counter-increment: number 1;
	content: counter(number) ".";
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	left: 0;
	position: absolute;
	top: 0;
}

.brackets>li:before {
	content: counter(number) ")";
}



/* header
----------------------------- */
header {
	height: 100px;
	left: 50%;
	padding-top: 29px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.hd-inside {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
	padding-left: 28px;
	/* max-width: 1280px; */
}

.iPadOS .hd-inside,
.ipad .hd-inside {
  padding-left: 0;
}

header .hd-inside {
	justify-content: flex-end;
}

header .hd-logo {
	display: none;
}

header .hd-inside .hd-title {
	/* color: #ED6103;
	font-size: 2.0rem;
	font-weight: 900; */
	height: auto;
	width: 280px;
}

.gnav {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding-right: 30px;
}

.gnav>ul {
	display: flex;
	justify-content: space-between;
}

.gnav>ul li {
	font-size: 1.4rem;
	margin-left: 35px;
	font-weight: bold;
}

.gnav>ul li:first-child {
	margin-left: 0;
}

.gnav>ul li a {
	color: #fff;
	text-decoration: none;
}

.gnav>ul li.lang,
.sd-menu ul li.lang {
	font-size: 1.3rem;
}
.gnav>ul li.lang a:first-child::after,
.sd-menu ul li.lang a:first-child::after {
	content: "/";
	margin: 0 8px;
}

.gnav .btn {
	margin-left: 34px;
}

.gnav .btn a {
	background-color: #ED6103;
	font-size: 1.4rem;
	height: 38px;
	width: 110px;
}

.en .gnav .btn a {
	width: 120px;
}

.sd-trigger {
	display: none;
}

.sd-menu {
	display: none;
}

/* header fixed */
.hd-fixed {
	background-color: rgba(255, 255, 255, 1);
	height: 0;
	opacity: 0;
	padding-top: 0;
	position: fixed;
	top: -100px;
	width: 100%;
	z-index: -1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.hd-fixed.is-show,
.hd-fixed.subpage {
	display: block;
	height: 100px;
	padding-top: 29px;
	opacity: 1;
	top: 0;
	z-index: 2;
}

.hd-fixed .hd-logo {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}

.hd-fixed .gnav>ul li a {
	color: #ED6103;
}

@media only screen and (max-width: 1280px) {
	.gnav>ul li {
		font-size: 1.3rem;
		margin-left: 20px;
  }
}

@media only screen and (max-width: 1024px) {
	.hd-fixed .hd-inside {
		justify-content: flex-end;
	}

	.hd-fixed .hd-logo {
		display: none;
	}
}

@media only screen and (max-width: 768px) {
  .iPadOS .gnav>ul li,
  .ipad .gnav>ul li {
    margin-left: 10px;
  }
}

@media only screen and (max-width: 750px) {
	header {
		height: 54px;
		padding-top: 15px;
	}

	header .hd-def {
		display: none;
	}

	.hd-inside {
		height: 69px;
		padding-left: 20px;
		padding-right: 20px;
	}

	/* hd-fixed */
	.hd-fixed.is-show,
	.hd-fixed.subpage  {
		box-shadow:0px 3px 4px 0px rgba(000, 000, 000, 0.06);
		height: 54px;
		padding-top: 0;
	}

	.hd-fixed .hd-inside {
		justify-content: space-between;
		height: 54px;
	}

	.hd-fixed .hd-logo {
		display: block;
		transform: none;
	}

	.hd-fixed .hd-logo img {
		height: auto;
		max-width: 174px;
	}

	.hd-fixed .gnav {
		display: none;
	}

	header .hd-inside .hd-title {
		width: 180px;
	}
}

@media only screen and (max-width: 375px) {
	.hd-fixed.is-show {
		height: 54px;
	}
}

@media only screen and (max-width: 750px) {
	/* trigger */
	.sd-trigger {
		display: block;
		/* position: fixed; */
		position: absolute;
		margin-top: 20px;
		right: 10px;
		top: 0;
		z-index: 3001;
	}

	/* hd-fixed trigger */
	.hd-fixed .sd-trigger {
		position: initial;
		margin-top: 0;
		-webkit-transform: translate(10px, 3px);
		transform: translate(10px, 3px);
	}

	.sd-trigger p {
		display: flex;
		align-items: center;
		justify-content: center;
		padding-bottom: 13px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		position: relative;
		z-index: 3001;
	}

	.sd-trigger p span {
		background-color: #ED6103;
		border-radius: 3px;
		display: block;
		height: 3px;
		position: relative;
		width: 20px;
	}

	.sd-trigger p span:before,
	.sd-trigger p span:after {
		background-color: #ED6103;
		border-radius: 3px;
		content: "";
		display: block;
		height: 3px;
		left: 0;
		position: absolute;
		width: 20px;
	}

	.sd-trigger p span:before {
		top: -9px;
	}

	.sd-trigger p span:after {
		top: 9px;
	}

	/* global navigation */
	.gnav {
		display: block;
		max-width: initial;
		width: auto;
	}

	.gnav>ul {
		display: block;
		margin-right: 0;
		padding-top: 64px;
		text-align: center;
		width: auto;
	}

	/* sd-menu */
	.sd-menu {
		display: block;
	}

	.sd-menu .close {
		display: block;
	}

	.sd-menu .lower {
		padding-top: 20px;
	}

	nav.sd-menu {
		background-color: rgba(255, 255, 255, 1);
		transition: -webkit-transform 0.3s ease-out;
		transition: transform 0.3s ease-out;
		color: #fff;
		display: block;
		height: 100%;
		overflow: auto;
		position: fixed;
		right: -50%;
		top: 0;
		width: 50%;
		z-index: 3000;
	}

	nav.sd-menu.block {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	nav.sd-menu .menu-inside {
		height: 100%;
		overflow-y: auto;
		padding-left: 20px;
		padding-right: 20px;
		position: relative;
	}

	nav.sd-menu .upper {
		min-height: 55px;
		padding-right: 30px;
		position: relative;
	}

	nav.sd-menu .close {
		height: 40px;
		margin-left: auto;
		padding: 10px;
		position: absolute;
		right: -10px;
		top: 10px;
		width: 40px;
	}

	nav.sd-menu .close span {
		display: block;
		height: 20px;
		position: relative;
		width: 20px;
	}

	nav.sd-menu .close span:before,
	nav.sd-menu .close span:after {
		background-color: #ED6103;
		content: "";
		height: 1px;
		left: 0;
		position: absolute;
		top: 50%;
		width: 20px;
	}

	nav.sd-menu .close span:before {
		transform: rotate(45deg);
	}

	nav.sd-menu .close span:after {
		transform: rotate(-45deg);
	}

	nav.sd-menu .menu-inside .logo {
		color: #ED6103;
		font-size: 2.0rem;
		font-weight: bold;
		opacity: 0;
		padding-top: 15px;
	}

	nav.sd-menu .menu-inside .lower {
		height: 100%;
		padding-top: 25px;
		overflow-y: auto;
	}

	nav.sd-menu .menu-inside ul.link-house {
		display: none;
	}

	nav.sd-menu .menu-inside ul li {
		margin-top: 35px;
		text-align: center;
	}

	nav.sd-menu .menu-inside ul li:first-child {
		margin-top: 0;
	}

	nav.sd-menu .menu-inside ul li a {
		color: #ED6103;
		font-size: 1.4rem;
		font-weight: bold;
		text-decoration: none;
	}

	nav.sd-menu .menu-inside .btn {
		display: block;
		margin-top: 35px;
	}

	nav.sd-menu .menu-inside .btn a {
		background-color: #ED6103;
		font-size: 1.4rem;
		height: 38px;
		width: 110px;
	}
	
	.en nav.sd-menu .menu-inside .btn a {
		width: 120px;
	}

	/* overlay */
	#sd-overlay {
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		z-index: -1;
		transition: 0.3s;
		background: rgba(255, 255, 255, .7);
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		opacity: 0;
	}

	#sd-overlay.block {
		z-index: 2;
		filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
		opacity: 1;
	}

	#sd-overlay-android {
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		display: none;
		background: rgba(000, 000, 000, .5);
		z-index: 8;
	}
}



/* footer
----------------------------- */
footer {
	color: #ED6103;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	height: 260px;
	padding-left: 40px;
	padding-right: 40px;
}

footer a {
	color: #ED6103;
	text-decoration: none;
}

footer .ft-inside {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	max-width: 1024px;
	width: 100%;
}

footer .ft-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

footer .ft-nav li {
	font-size: 1.3rem;
	margin-left: 40px;
}

footer .ft-nav li:first-child {
	margin-left: 0;
}

footer .address {
	font-size: 1.4rem;
	font-weight: bold;
	margin-top: 30px;
}

footer .copyright {
	font-size: 1.2rem;
	font-weight: bold;
}

@media only screen and (max-width: 768px) {
	footer {
		height: 225px;
	}

	footer .ft-nav li {
		margin-left: 30px;
	}

	footer .address {
		margin-top: 15px;
	}

	.android footer .copyright i {
		font-family: "Droid Sans", Verdana;
	}
}

@media only screen and (max-width: 750px) {
	footer {
		height: auto;
		padding-bottom: 35px;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 75px;
	}

	footer .ft-inside {
		display: block;
		text-align: center;
		max-width: initial;
	}

	footer .address {
		margin-top: 35px;
	}

	footer .copyright {
		margin-top: 35px;
	}
}

.pagetop {
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0 12px 23px rgba(0, 0, 0, .2);
  border-radius: 100%;
  cursor: pointer;
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
	height: 50px;
	width: 50px;
  z-index: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.pagetop:before {
	border-right: 2px solid #ED6103;
	border-top: 2px solid #ED6103;
	content: "";
	height: 15px;
	position: absolute;
	right: 50%;
	top: 50%;
	width: 15px;
	z-index: 1;
	-webkit-transform: translate(50%, -25%) rotate(-45deg);
	transform: translate(50%, -25%) rotate(-45deg);
}

.pagetop:hover {
  background-color: rgba(237, 97, 3, 1);
}

.pagetop:hover:before {
  border-right-color: #fff;
  border-top-color: #fff;
}

.iPadOS .pagetop:hover,
.ipad .pagetop:hover,
.iphone .pagetop:hover,
.android .pagetop:hover {
  background-color: rgba(255, 255, 255, 1);
}

.iPadOS .pagetop:hover:before,
.ipad .pagetop::before,
.iphone .pagetop:hover:before,
.android .pagetop:hover:before {
  border-right-color: #ED6103;
  border-top-color: #ED6103;
}

@media screen and (max-width: 768px) {
	.pagetop {
		bottom: 20px;
		right: 20px;

		height: 40px;
		width: 40px;
	}

	.pagetop:before {
		height: 8px;
		width: 8px;
	}
}



/* contents
----------------------------- */
#contents {
	background-color: #FFF;
}

.sec-inside {
	margin-left: auto;
	margin-right: auto;
	max-width: 1024px;
}

.sec-inside.mt-large {
  margin-top: 75px;
}

@media only screen and (max-width: 1280px) {
	#contents {
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media only screen and (max-width: 750px) {
	#contents {
		padding-left: 20px;
    padding-right: 20px;
  }
}



/* Magnific
----------------------------- */
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3042;
	overflow: hidden;
	position: fixed;
	background: rgba(255, 255, 255, 0.9);
	/* opacity: 0.8; */
}

.mfp-bg:before {
	background-image: url(/img/common/close.svg);
	content: "";
	height: 44px;
	right: 44px;
	position: absolute;
	top: 50px;
	width: 44px;
}

.iPadOS .mfp-bg:before,
.ipad .mfp-bg:before {
	position: static;
}

@media all and (max-width: 768px) {
	.mfp-bg {
		position: fixed !important;
	}
}

@media all and (max-width: 750px) {
	.mfp-bg:before {
		position: static;
	}
}

.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}

.mfp-container {
	text-align: center;
	position: relative;
	width: auto;
	height: auto;
	left: 50%;
	top: 50%;
	padding-left: 74px;
	padding-right: 74px;
	display: inline-block;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
	display: none;
}

@media all and (max-width: 1024px) {
	.mfp-container {
		/* padding-left: 30px;
		padding-right: 30px; */
	}
}

@media all and (max-width: 768px) {
	.mfp-container {
		width: 100%;
    height: auto;
    /* padding-left: 37.5px;
    padding-right: 37.5px; */
		position: fixed;
	}
}

@media all and (max-width: 480px) {
	.mfp-container {
		padding-left: 37.5px;
		padding-right: 37.5px;
	}
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}

.mfp-ajax-cur {
	cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
	cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.mfp-loading.mfp-figure {
	display: none;
}

.mfp-hide {
	display: none !important;
}

.mfp-preloader {
	color: #CCC;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 3044;
}

.mfp-preloader a {
	color: #CCC;
}

.mfp-preloader a:hover {
	color: #FFF;
}

.mfp-s-ready .mfp-preloader {
	display: none;
}

.mfp-s-error .mfp-content {
	display: none;
}

button.mfp-close,
button.mfp-arrow {
	/* background: transparent; */
	background-color: #fff;
	border: 0;
	border-radius: 64px;
	box-shadow: transparent;
	cursor: pointer;
	display: block;
	height: 64px;
	-webkit-appearance: none;
	opacity: 1;
	outline: none;
	overflow: visible;
	padding: 0;
	touch-action: manipulation;
	width: 64px;
	z-index: 3046;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	/* opacity: 0.65; */
	padding: 0 0 18px 10px;
	color: #FFF;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
	opacity: 1;
}

.mfp-close:active {
	top: 1px;
}

.mfp-close-btn-in .mfp-close {
	color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	color: #FFF;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%;
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	white-space: nowrap;
}

button.mfp-arrow {
	background-image: url(/img/common/arrow.svg);
	background-size: 17px auto;
	background-position: 21px center;
}

.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	margin: 0;
	top: 50%;
	/* margin-top: -55px; */
	padding: 0;
	width: 16px;
	height: 28px;
	-webkit-tap-highlight-color: transparent;
}

/* .mfp-arrow:active {
	margin-top: -54px;
} */

.mfp-arrow:hover,
.mfp-arrow:focus {
	opacity: 1;
}

/* .mfp-arrow:before,
.mfp-arrow:after {
	content: '';
	display: block;
	width: 16px;
	height: 28px;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
}

.mfp-arrow:after {
	top: 8px;
} */

.mfp-arrow-left {
	box-shadow: 0px 5px 14px 0px rgba(000, 000, 000, .16);
	left: 24px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* .mfp-arrow-left:after {
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	height: 20px;
	width: 20px;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
} */

.mfp-arrow-right {
	box-shadow: 0px -5px 14px 0px rgba(000, 000, 000, .16);
	right: 24px;
	-webkit-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}

/* .mfp-arrow-right:after {
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	height: 20px;
	width: 20px;
	left: auto;
	right: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
} */

@media all and (max-width: 768px) {
  .mfp-counter {
		font-size: 14px;
		font-weight: normal;
	}

	button.mfp-arrow {
		height: 36px;
		width: 36px;
  }

  button.mfp-arrow {
    background-size: 9px auto;
    background-position: 12px center;
  }


  .mfp-arrow-left {
		left: 50px;
	}

	.mfp-arrow-right {
		right: 50px;
	}

	.mfp-arrow {
		width: 9px;
		height: 16px;
	}
}

@media all and (max-width: 480px) {
	/*	.mfp-arrow-left:before,
	.mfp-arrow-right:before {
		background-color: rgba(000,000,000,.3);
		border-radius: 3px;
		display: block;
		height: 50px;
		position: absolute;
		top: 50%;
		width: 50px;
		-webkit-transform: translateY(-125%);
		transform: translateY(-125%);
	}
	.mfp-arrow-left:before {
		left: -20px;
	}
	.mfp-arrow-right:before {
		left: auto;
		right: -20px;
	}*/

	/* .mfp-arrow {
		width: 9px;
		height: 16px;
	}

	.mfp-arrow-left:after,
	.mfp-arrow-right:after {
		border-right-color: #000;
		border-top-color: #000;
		border-right-width: 4px;
		border-top-width: 4px;
	} */

	.mfp-arrow-left {
		left: 18px;
	}

	.mfp-arrow-right {
		right: 18px;
	}
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
	top: -40px;
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #000;
}

/* Main image in popup */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	box-sizing: border-box;
	/* padding: 40px 0 40px; */
	margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
	line-height: 0;
}

.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	/* box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #444; */
}

.mfp-figure small {
	color: #BDBDBD;
	display: block;
	font-size: 12px;
	line-height: 14px;
}

.mfp-figure figure {
	margin: 0;
	position: relative;
	max-width: 660px;
}

.mfp-figure figure .rc {
	border-radius: 20px;
	overflow: hidden;
}

.mfp-figure figure:before {
	content: "";
	height: 90%;
	position: absolute;
	width: 100%;
}

.mfp-bottom-bar {
	margin-top: -12px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}


.iPadOS .mfp-image-holder .mfp-close,
.ipad .mfp-image-holder .mfp-close {
	background-image: url(/img/common/close.svg);
	background-size: cover;
	color: #FFF;
	height: 25px;
	right: 0;
	text-align: initial;
	top: -50px;
	padding-right: 0;
	width: 25px;
}

@media all and (max-width: 750px) {
	.mfp-image-holder .mfp-close {
		background-image: url(/img/common/close.svg);
		background-size: cover;
		color: #FFF;
		height: 25px;
		right: 0;
		text-align: initial;
		top: -50px;
		padding-right: 0;
		width: 25px;
	}

	.mfp-bottom-bar {
		margin-top: -26px;
	}
}

.mfp-title {
	text-align: center;
	line-height: 18px;
	color: #1F1F1F;
	word-wrap: break-word;
	padding-right: 36px;
	font-size: 16px;
	font-weight: bold;
	margin-top: 33px;
	transform: translateX(18px);
}

.mfp-image-holder .mfp-content {
	max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
}

@media all and (max-width: 768px) {
	/* .mfp-title {
		font-size: 14px;
	} */

}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {

	/**
		* Remove all paddings around the image on small screen
		*/
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0;
	}

	.mfp-img-mobile img.mfp-img {
		padding: 0;
	}

	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0;
	}

	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px;
	}

	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, 0.6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		box-sizing: border-box;
	}

	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0;
	}

	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px;
	}

	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, 0.6);
		position: fixed;
		text-align: center;
		padding: 0;
	}
}

@media all and (max-width: 900px) {
	.mfp-arrow {
		/* -webkit-transform: scale(0.75);
		transform: scale(0.75); */
	}

	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		transform-origin: 0;

		/* -webkit-transform: translate(-50%);
		transform: translate(-50%); */
	}

	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%;

		/* -webkit-transform: translate(-50%) rotate(180deg);
		transform: translate(-50%) rotate(180deg); */
		-webkit-transform: translate(-100%, -50%) srotate(180deg);
		transform: translate(-100%,-50%) rotate(180deg);
	}

	.mfp-container {
		/* padding-left: 6px;
		padding-right: 6px; */
	}
}

@media all and (max-width: 480px) {
  .mfp-arrow-left {
    -webkit-transform: translate(-5%, -50%);
		transform: translate(-5%,-50%);
  }

  .mfp-arrow-right {
    -webkit-transform: translate(-100%, -50%) srotate(180deg);
    transform: translate(-100%, -50%) rotate(180deg);
  }
}

@media all and (max-width: 375px) {
  .mfp-arrow-left {
    -webkit-transform: translate(-5%, -50%);
    transform: translate(-5%, -50%);
  }

  .mfp-arrow-right {
    -webkit-transform: translate(-100%, -50%) srotate(180deg);
    transform: translate(-100%, -50%) rotate(180deg);
  }
}


/* overlay at start */
.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

/* overlay animate in */
.mfp-bg.mfp-ready {
	/* opacity: 0.8; */
	opacity: 1;
}

/* overlay animate out */
.mfp-bg.mfp-removing {
	opacity: 0;
}

/* content at start */
.mfp-wrap .mfp-content {
	opacity: 0;

	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

/* content animate it */
.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}

/* content animate out */
.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}


/* fade Up Scroll
----------------------------- */
.fadeInUp {
	opacity: 0;
	transform: translate(0, 50px);
	transition: all 1s;
}

.fadeInUp.active {
	opacity: 1;
	transform: translate(0, 0);
}



/* -----------------------------

 house

----------------------------- */
/* -----------------
 override
----------------- */
/* header */
.house header {
	left: auto;
	margin-top: -4px;
	position: relative;
	transform: none;
}

.house header .hd-def {
	display: block;
}

.house header .gnav>ul.link-house {
	display: flex;
}

.house header .gnav>ul.link-cate {
	display: none;
}

@media only screen and (max-width: 768px) {
	.house header .hd-inside {
		display: block;
	}

	.house nav.sd-menu .menu-inside ul.link-house,
	.subpage nav.sd-menu .menu-inside ul.link-house {
		display: block;
	}

	.house nav.sd-menu .menu-inside ul.link-cate {
		display: none;
	}
}

@media only screen and (max-width: 750px) {
	.house header .gnav {
		display: none;
	}
}


/* -----------------
 contents
----------------- */

/* produced
----------------- */
.house .produced {
  color: #ED6103;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  font-weight: bold;
}

.house .produced img {
  height: 30px;
  margin-left: 30px;
  max-width: 236px;
}

@media only screen and (max-width: 767px) {
  .house .produced {
    font-size: 1.0rem;
  }

  .house .produced img {
    margin-left: 25px;
    max-width: 158px;
  }
}


/* main-images
----------------- */
.house .main-images {
  margin-bottom: 60px;
	margin-top: -96px;
	position: relative;
	z-index: 1;
}

.house .main-images,
.house .main-images .main-inside {
	position: relative;
}

.house .main-images::before,
.house .main-images::after,
.house .main-images .main-inside::before,
.house .main-images .main-inside::after {
	background-image: url(/img/common/l.svg);
	background-size: cover;
	content: "";
	height: 38px;
	position: absolute;
	width: 29px;
	z-index: 1;
}

.house .main-images::before {
  left: 34px;
  top: 91px;
  transform: rotate(90deg);
}

.house .main-images::after {
	right: 30px;
	top: 95px;
	transform: rotate(180deg);
}

.house .main-images .main-inside::before {
	bottom: 108px;
	left: 30px;
	transform: rotate(0);
}

.house .main-images .main-inside::after {
	bottom: 104px;
	right: 34px;
	transform: rotate(-90deg);
}

.house .main-images .slider {
	position: relative;
}

.house .main-images .each-slide {
  background-position: center center;
  background-size: cover;
  height: 680px;
  overflow: hidden;
  position: relative;
}

.house .main-images .each-slide:nth-child(1) {
	background-image: url(/img/house/house_fv_01.jpg);
}

.house .main-images .each-slide:nth-child(2) {
	background-image: url(/img/house/house_fv_02.jpg);
}

.house .main-images .each-slide:nth-child(3) {
  background-image: url(/img/house/house_fv_03.jpg);
}

.house .main-images .each-slide:nth-child(4) {
  background-image: url(/img/house/house_fv_04.jpg);
}

.house .main-images .each-slide:nth-child(5) {
  background-image: url(/img/house/house_fv_05.jpg);
}

.house .main-images .each-slide:nth-child(6) {
  background-image: url(/img/house/house_fv_06.jpg);
}

.house.booth .main-images .each-slide:nth-child(1) {
	background-image: url(/img/booth/booth_fv_01.jpg);
}

.house.booth .main-images .each-slide:nth-child(2) {
	background-image: url(/img/booth/booth_fv_02.jpg);
}

.house.booth .main-images .each-slide:nth-child(3) {
	background-image: url(/img/booth/booth_fv_03.jpg);
}

.house.booth .main-images .each-slide:nth-child(4) {
	background-image: url(/img/booth/booth_fv_04.jpg);
}

.iPadOS .house .main-images .each-slide:nth-child(1),
.ipad .house .main-images .each-slide:nth-child(1),
.iPadOS .house .main-images .each-slide:nth-child(2),
.ipad .house .main-images .each-slide:nth-child(2),
.iPadOS .house .main-images .each-slide:nth-child(3),
.ipad .house .main-images .each-slide:nth-child(3),
.iPadOS .house .main-images .each-slide:nth-child(4),
.ipad .house .main-images .each-slide:nth-child(4),
.iPadOS .house .main-images .each-slide:nth-child(5),
.ipad .house .main-images .each-slide:nth-child(5) ,
.iPadOS .house .main-images .each-slide:nth-child(6),
.ipad .house .main-images .each-slide:nth-child(6) {
  background-image: none;
  height: auto !important;
  overflow: hidden;
}

.house .main-images .each-slide::before {
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}

.house .main-images .slider .each-slide::after {
  background-image: url(/img/house/house_fv_flame.svg);
  background-position: right bottom;
  background-size: contain;
  bottom: -1px;
  content: "";
  height: 68px;
  position: absolute;
  right: -2px;
  width: 722px;
}

.house .main-images .each-slide p {
  /* margin-bottom: 20px; */
  overflow: hidden;
}

.house .main-images .each-slide p img {
  opacity: 0;
}

.iPadOS .house .main-images .each-slide p img,
.ipad .house .main-images .each-slide p img {
  height: auto;
  opacity: 1;
  width: 100%;
}

.house .main-images .each-slide svg {
  height: auto;
  width: 100%;
}

.house .main-images .each-slide image {
  height: auto;
  width: 100%;
}

.iPadOS .house .main-images .each-slide svg,
.ipad .house .main-images .each-slide svg,
.iphone .house .main-images .each-slide svg,
.android .house .main-images .each-slide svg {
  height: initial;
}

.house .main-images .slider .slick-dots {
	bottom: 55px;
	display: flex;
	justify-content: center;
	left: 50%;
	height: 10px;
  position: absolute;
  z-index: 1;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.iPadOS .house .main-images .slider .slick-dots,
.ipad .house .main-images .slider .slick-dots {
  left: 20px;
  transform: initial;
}

.house .main-images .slider .slick-dots li {
	margin-left: 9px;
	margin-right: 9px;
}

.house .main-images .slider .slick-dots li button {
	background-color: #fff;
	border-radius: 10px;
	height: 10px;
	text-indent: -999em;
	width: 10px;
}

.house .main-images .slider .slick-dots li.slick-active button {
	background-color: #ED6103;
}

.house .main-images .main-inside .mv-tx {
	background-image: url(/img/logo/svgomg/logo_copy_white.svg);
	background-size: contain;
	left: 13.3%;
	padding-top: 8%;
	position: absolute;
	top: 50%;
	max-width: 420px;
	min-width: 362px;
	width: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.house .main-images .main-inside .mv-tx.booth {
	background-image: url(/img/logo/svgomg/logo_booth_copy_white.svg);
}

.house .main-images .main-inside .mv-tx img {
	display: none;
}

.house .main-images .blank {
  height: 20px;
}

.house .main-images .produced {
  bottom: 29px;
  position: absolute;
  right: 30px;
}

.ie11 .house .main-images .produced {
  width: 240px;
}

@media only screen and (max-width: 1280px) {
	.house .main-images {
		margin-left: -40px;
		margin-right: -40px;
  }
}

@media only screen and (max-width: 768px) {
	.house .main-images {
		margin-left: -40px;
		margin-right: -40px;
	}

	.house .main-images .main-inside .mv-tx {
		height: 51px;
		left: 5%;
		max-width: 260px;
		min-width: 260px;
	}
}

@media only screen and (max-width: 750px) {
	.house .main-images {
    margin-bottom: 120px;
		margin-left: -20px;
		margin-right: -20px;
		margin-top: -54px;
	}

	.house .main-images .main-inside {
		padding-bottom: 49%;
	}

	.house .main-images::before,
	.house .main-images::after,
	.house .main-images .main-inside::before,
	.house .main-images .main-inside::after {
		height: 23px;
		width: 18px;
	}

	.house .main-images::before {
		left: 24px;
		top: 57px;
	}

	.house .main-images::after {
		right: 20px;
		top: 61px;
	}

	.house .main-images .main-inside::before {
		bottom: 0;
		left: 20px;
	}

	.house .main-images .main-inside::after {
		bottom: -4px;
		right: 24px;
	}

	.house .main-images .each-slide {
		height: auto;
  }

  .iPadOS .house .main-images .each-slide:nth-child(1),
  .ipad .house .main-images .each-slide:nth-child(1),
  .iPadOS .house .main-images .each-slide:nth-child(2),
  .ipad .house .main-images .each-slide:nth-child(2),
  .iPadOS .house .main-images .each-slide:nth-child(3),
  .ipad .house .main-images .each-slide:nth-child(3),
  .iPadOS .house .main-images .each-slide:nth-child(4),
  .ipad .house .main-images .each-slide:nth-child(4) {
    background-image: none;
  }

  .house .main-images .slider .each-slide::after {
    background-image: none;
    height: auto;
    position: static;
    width: auto;
  }

  .house .main-images .each-slide p {
    margin-bottom: 0;
  }

  .house .main-images .each-slide p img {
    /* opacity: 1; */
  }

  .phone .house .main-images .each-slide p img,
  .android .house .main-images .each-slide p img {
    opacity: 1;
  }

  .iPadOS .house .main-images .each-slide p img,
  .ipad .house .main-images .each-slide p img,
  .iphone .house .main-images .each-slide p img,
  .android .house .main-images .each-slide p img {
    display: block;
    opacity: 1;
  }

  .house .main-images .each-slide p svg {
    width: 100%;
  }

  .house .main-images .slider .slick-dots {
    bottom: 30px;
  }

	.house .main-images .main-inside .mv-tx {
		background-image: none;
		bottom: 10%;
		height: auto;
		left: 0;
		padding-top: 0;
		top: auto;
		max-width: initial;
		min-width: initial;
		width: 100%;
		-webkit-transform: none;
		transform: none;
	}

	.house .main-images .main-inside .mv-tx img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 281px;
		width: 100%;
  }

  .house .main-images .blank {
    height: auto;
  }

  .house .main-images .produced {
    margin-top: 20px;
    position: static;
  }
}


/* concept
----------------- */
.house .wrp-concept {
	margin-bottom: 200px;
	text-align: center;
}

.house .wrp-concept .sec-inside {
  max-width: 1126px;
}

.house .wrp-concept .heading {
	font-size: 3.8rem;
	line-height: 2.2;
	margin-bottom: 40px;
}

.house .wrp-concept .heading i {
	line-height: 1;
}

.house .wrp-concept p {
	color: #ED6103;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 2.5;
}

.house .wrp-concept .concept_img {
	margin-top: 160px;
}
/* @media only screen and (min-width:1024px) {
	.house .wrp-concept .concept_img {
		max-width: 100%; 
		margin: 0 ;
	}
} */
.house .wrp-outline .concept_img__house {
	overflow: hidden;
	border-radius: 16px;
}
@media only screen and (min-width:751px) {
	.house .wrp-outline .concept_img__house {
		max-width: 334px; 
		margin: 0 auto;
	}
	.house.booth .wrp-outline .concept_img__house {
		max-width: 310px; 
		margin: 0;
	}
}
@media only screen and (min-width:1024px) {
	.house .wrp-outline .concept_img__house {
		max-width: 100%; 
		margin: 0;
	}
}

.house .wrp-concept .concept_img {
  margin-top: 160px;
}

.house .wrp-concept .concept_img .concept_each_img {
  display: flex;
  margin-top: 60px;
}

.house .wrp-concept .concept_img .concept_each_img .pcdis {
  width: 100%;
}

.house .wrp-concept .concept_img .concept_each_img:nth-child(1) {
  justify-content: flex-end;
  margin-top: 0;
  padding-right: 51px;
}

.house .wrp-concept .concept_img .concept_each_img:nth-child(1) .pcdis {
  max-width: 886px;
}

.ie11 .house .wrp-concept .concept_img .concept_each_img:nth-child(1) .pcdis svg+svg {
	height: 524px;
}

/* .ipad .house .wrp-concept .concept_img .concept_each_img:nth-child(1) .pcdis svg+svg {
  height: auto !important;
} */

.house .wrp-concept .concept_img .concept_each_img:nth-child(2) .pcdis {
  max-width: 836px;
}

.ie11 .house .wrp-concept .concept_img .concept_each_img:nth-child(2) .pcdis svg+svg {
	height: 452px;
}

.house .wrp-concept .concept_img .concept_each_img:nth-child(3) {
  justify-content: flex-end;
  padding-right: 15px;
}

.house .wrp-concept .concept_img .concept_each_img:nth-child(3) .pcdis {
  max-width: 548px;
}

.ie11 .house .wrp-concept .concept_img .concept_each_img:nth-child(3) .pcdis svg+svg {
	height: 356px;
}

.house .wrp-concept .concept_img .concept_each_img:nth-child(4) {
  justify-content: center;
}

.house .wrp-concept .concept_img .concept_each_img:nth-child(4) .pcdis {
  max-width: 966px;
}

.ie11 .house .wrp-concept .concept_img .concept_each_img:nth-child(4) .pcdis svg+svg {
	height: 578px;
}

.house .wrp-concept .concept_img .tabdis {
	display: none;
}

.house .wrp-concept .concept_img svg {
	height: auto;
	width: 100%;
}

.iPadOS .house .wrp-concept .concept_img svg,
.ipad .house .wrp-concept .concept_img svg,
.iphone .house .wrp-concept .concept_img svg,
.android .house .wrp-concept .concept_img svg {
  height: initial;
}

/* .ie11 .house .wrp-concept .concept_img svg {
  height: inherit;
} */

@media only screen and (max-width: 1280px) {
  .house .wrp-concept .concept_img .concept_each_img:nth-child(1) {
    padding-right: 4.53%;
  }

  .house .wrp-concept .concept_img .concept_each_img:nth-child(1) .pcdis {
    max-width: 82.42%;
  }

  .house .wrp-concept .concept_img .concept_each_img:nth-child(2) .pcdis {
    max-width: 74.25%;
  }

  .house .wrp-concept .concept_img .concept_each_img:nth-child(3) {
    padding-right: 1.34%;
  }

  .house .wrp-concept .concept_img .concept_each_img:nth-child(3) .pcdis {
    max-width: 49.33%;
  }

  .house .wrp-concept .concept_img .concept_each_img:nth-child(4) .pcdis {
    max-width: 85.8%;
  }
}

@media only screen and (max-width: 768px) {
	.house .wrp-concept .heading {
		font-size: 3.2rem;
	}

	.house .wrp-concept .heading i {
		font-size: 2.0rem;
  }

  .house .wrp-concept .concept_img svg {
    /* height: auto; */
  }
}

@media only screen and (max-width: 414px) {
  .house .wrp-concept .concept_img .tabdis {
    display: block;
  }

  .house .wrp-concept .concept_img .pcdis {
    display: none;
  }

	.house .wrp-concept {
		margin-bottom: 120px;
	}

	.house .wrp-concept .heading {
		font-size: 2.8rem;
	}

	.house .wrp-concept .heading i {
		font-size: 1.5rem;
	}

	.house .wrp-concept p {
		font-size: 1.6rem;
	}

	.house .wrp-concept .concept_img {
	  margin-left: -20px;
	  margin-right: -20px;
	  margin-top: 60px;
  }

  .house .wrp-concept .concept_img .concept_each_img:nth-child(1) {
    padding-right: 0;
  }

  .house .wrp-concept .concept_img .concept_each_img:nth-child(1) .tabdis {
    /* max-width: 94.95%; */
    width: 94.95%;
  }

  .house .wrp-concept .concept_img .concept_each_img:nth-child(2) .tabdis {
    /* max-width: 86.95%; */
    width: 86.95%;
  }

  .house .wrp-concept .concept_img .concept_each_img:nth-child(3) {
    padding-right: 0;
  }

  .house .wrp-concept .concept_img .concept_each_img:nth-child(3) .tabdis {
    /* max-width: 74.67%; */
    width: 74.67%;
  }

  .house .wrp-concept .concept_img .concept_each_img:nth-child(4) .tabdis {
    /* max-width: 89.5%; */
    width: 89.5%;
  }
}


/* feature
----------------- */
.house .wrp-feature {
	margin-bottom: 200px;
}

.house .wrp-feature .eact-feature {
	display: flex;
	justify-content: space-between;
}

.house .wrp-feature .eact-feature:nth-child(odd) {
	flex-flow: row-reverse;
}

.house .wrp-feature .eact-feature:nth-child(n+2) {
	margin-top: 60px;
}

.house .wrp-feature .heading+.eact-feature {
	margin-top: 0;
}

.house .wrp-feature .eact-feature .feature_img {
	max-width: 456px;
	width: 100%;
}

.house .wrp-feature .eact-feature:nth-child(even) .feature_img {
	margin-right: 6.65%;
}

.house .wrp-feature .eact-feature:nth-child(odd) .feature_img {
	margin-left: 6.65%;
}

.house .wrp-feature .eact-feature .feature_img svg {
	width: 100%;
}

.house .wrp-feature .eact-feature .feature_txtb {
	display: flex;
	align-items: center;
	max-width: 499px;
	width: 100%;
}

.house .wrp-feature .eact-feature .feature_txtb .label {
	background-color: #FFF6E8;
	border-radius: 4px;
	display: table;
}

.house .wrp-feature .eact-feature .feature_txtb .label b {
	color: #ED6103;
	display: table-cell;
	font-size: 1.4rem;
	height: 28px;
	padding-left: 14px;
	padding-right: 14px;
	vertical-align: middle;
}

.house .wrp-feature .eact-feature .feature_txtb .feature_hdg {
	color: #ED6103;
	font-size: 2.8rem;
	font-weight: bold;
	margin-top: 15px;
}

.house .wrp-feature .eact-feature .feature_txtb .feature_tx {
	line-height: 1.7;
	margin-top: 20px;
}

.house .wrp-feature .eact-feature .feature_txtb .asterisk {
	margin-top: 10px;
}

.house .wrp-feature .eact-feature .feature_txtb .asterisk>li {
	font-size: 1.3rem;
	margin-top: 5px;
	padding-left: 16px;
}

.house .wrp-feature .eact-feature .feature_txtb .asterisk>li:before {
	content: "※";
}

@media only screen and (max-width: 750px) {
	.house .wrp-feature {
		margin-bottom: 70px;
	}

	.house .wrp-feature .eact-feature {
		display: block;
	}

	.house .wrp-feature .eact-feature:nth-child(n+2) {
		margin-top: 60px;
	}

	.house .wrp-feature .heading+.eact-feature {
		margin-top: 0;
	}

	.house .wrp-feature .eact-feature .feature_img {
		max-width: initial;
		text-align: center;
	}

	.house .wrp-feature .eact-feature:nth-child(even) .feature_img {
		margin-right: auto;
	}

	.house .wrp-feature .eact-feature:nth-child(odd) .feature_img {
		margin-left: auto;
	}

	.house .wrp-feature .eact-feature .feature_img svg {
		height: auto;
	}

	.house .wrp-feature .eact-feature .feature_txtb {
		margin-top: 15px;
		max-width: initial;
	}

	.house .wrp-feature .eact-feature .feature_txtb .feature_hdg {
		font-size: 2.0rem;
		margin-top: 10px;
	}

	.house .wrp-feature .eact-feature .feature_txtb .feature_tx {
		margin-top: 15px;
	}
}


/* process
----------------- */
.house .wrp-process {
	background-color: #FDFAF5;
	margin-bottom: 160px;
	padding-bottom: 60px;
	padding-top: 123px;
}

.house .wrp-process .process-inside .inside-inside {
	padding-bottom: 8.3%;
}

.house .wrp-process .process-inside,
.house .wrp-process .process-inside .inside-inside {
	position: relative;
}

.house .wrp-process .process-inside::before,
.house .wrp-process .process-inside::after,
.house .wrp-process .process-inside .inside-inside::before,
.house .wrp-process .process-inside .inside-inside::after {
	background-image: url(/img/common/l.svg);
	background-size: cover;
	content: "";
	height: 38px;
	position: absolute;
	width: 29px;
	transition: all ease-out .5s;
}

.house .wrp-process .process-inside::before {
	left: -34px;
	top: -67px;
	transform: rotate(90deg);
}

.house .wrp-process .process-inside::after {
	right: -38px;
	top: -63px;
	transform: rotate(180deg);
}

.house .wrp-process .process-inside .inside-inside::before {
	bottom: 0;
	left: -38px;
	transform: rotate(0);
}

.house .wrp-process .process-inside .inside-inside::after {
	bottom: -4px;
	right: -34px;
	transform: rotate(-90deg);
}

.house .wrp-process .active .process-inside::before {
	left: 4px;
}

.house .wrp-process .active .process-inside::after {
	right: 0;
}

.house .wrp-process .active .process-inside .inside-inside::before {
	left: 0;
}

.house .wrp-process .active .process-inside .inside-inside::after {
	right: 4px;
}

.house .wrp-process .heading {
  margin-bottom: 80px;
}

.house .wrp-process .process-list {
	display: flex;
	justify-content: space-between;
	padding-left: 4%;
	padding-right: 4%;
}

.house .wrp-process .process-list .each-process {
  margin-left: 5%;
  position: relative;
	-webkit-width: calc((100%-10%) / 3);
	width: calc((100%-10%) / 3);
	max-width: 280px;
	width: 100%;
}

.house .wrp-process .process-list .each-process:first-child {
	margin-left: 0;
}

.house .wrp-process .process-list .each-process .process_num {
  background-color: #FFF;
  border-radius: 100%;
  color: #ED6103;
  display: flex;
  align-items: center;
  justify-content: center;
	font-size: 2.5rem;
  font-weight: 700;
  height: 64px;
  left: 50%;
	line-height: 1;
  margin-bottom: 30px;
  position: absolute;
  top: 0;
  width: 64px;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%, -50%);
}

.house .wrp-process .process-list .each-process .process_num::before {
  content: "STEP";
  font-size: 0.9rem;
  font-weight: 700;
  position: absolute;
  top: 18px;
}

.house .wrp-process .process-list .each-process .process_num i {
  padding-top: 20px;
}

.house .wrp-process .process-list .each-process .process_img {
	border-radius: 20px;
	overflow: hidden;
}

.house .wrp-process .process-list .each-process .process_hdg {
	color: #ED6103;
	font-size: 2.0rem;
	font-weight: bold;
	margin-top: 20px;
}

.house .wrp-process .process-list .each-process .process_tx {
	font-size: 1.4rem;
	line-height: 1.7;
	margin-top: 10px;
}

@media only screen and (max-width: 1280px) {
	.house .wrp-process {
		margin-left: -40px;
		margin-right: -40px;
		padding-left: 40px;
    padding-right: 40px;
    overflow: hidden;
	}
}

@media only screen and (max-width: 750px) {
	.house .wrp-process {
		margin-bottom: 60px;
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
    padding-right: 20px;
	}

  .house .wrp-process .process-inside::before,
  .house .wrp-process .process-inside::after,
  .house .wrp-process .process-inside .inside-inside::before,
  .house .wrp-process .process-inside .inside-inside::after {
    height: 23px;
    width: 18px;
  }

  .house .wrp-process .process-inside .inside-inside {
    padding-bottom: 24%;
  }

  .house .wrp-process .process-list {
    display: block;
  }

  .house .wrp-process .process-list .each-process {
    margin-left: auto;
    width: auto;
    max-width: initial;
  }

  .house .wrp-process .process-list .each-process+.each-process {
    margin-top: 58px;
  }

	.house .wrp-process .heading[data-hdg="1"] {
		font-size: 3.2rem;
		margin-bottom: 70px;
	}

	.house .wrp-process .process-list {
		padding-left: 8.5%;
		padding-right: 8.5%;
	}

	.house .wrp-process .process-list .each-process+.each-process {
		margin-top: 75px;
	}

	.house .wrp-process .process-list .each-process .process_img {
		width: 100%;
	}

	.house .wrp-process .process-list .each-process .process_hdg {
		margin-top: 18px;
	}
}


/* case
----------------- */
.house .wrp-case {
	margin-bottom: 160px;
}

.house .wrp-case .case_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.house .wrp-case .case_list li {
	max-width: 240px;
	width: 23.4%;
}

.house .wrp-case .case_list li:nth-child(n+5) {
	margin-top: 2%;
}

.house .wrp-case .case_list li a {
	border-radius: 80px;
	display: block;
	overflow: hidden;
	transition: all ease-out .2s;
}

.house .wrp-case .case_list li a:hover {
	border-radius: 20px;
	opacity: 1;
}

.house .wrp-case .case_list li a img {
	height: auto;
	width: 100%;
}

/* .house .modal-wrap {
	display: none;
} */

.house .modal-cts figure {
	max-width: 660px;
}

.house .modal-cts figure p {
	border-radius: 20px;
	overflow: hidden;
}

.house .modal-cts figure img {
	height: auto;
	max-width: initial;
	width: 100%;
}

.house .modal-cts figure figcaption {
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	padding-top: 26px;
	text-align: center;
}

#cboxContent #cboxClose {
	display: none;
}

@media only screen and (max-width: 768px) {
	.house .wrp-case .case_list {
		justify-content: flex-start;
	}

	.house .wrp-case .case_list li {
		margin-right: 6.5%;
		max-width: 200px;
		width: 29%;
	}

	.house .wrp-case .case_list li:nth-child(3n) {
		margin-right: 0;
	}

	.house .wrp-case .case_list li:nth-child(n+4) {
		margin-top: 3%;
	}

	.house .wrp-case .case_list li a {
		border-radius: 60px;
	}

	.house .wrp-case .case_list li a:hover {
		border-radius: 60px;
	}

	.house #cboxPrevious,
	.house #cboxNext {
		top: 40%;
	}

	.house #cboxContent #cboxClose {
		display: block;
	}
}

@media only screen and (max-width: 750px) {
	.house .wrp-case {
		margin-bottom: 120px;
	}

	.house .wrp-case .heading[data-hdg="1"] {
		margin-bottom: 40px;
	}

	.house .wrp-case .case_list {
		justify-content: space-between;
	}

	.house .wrp-case .case_list li {
		margin-right: 4.5%;
		max-width: 47.7%;
		width: 100%;
	}

	.house .wrp-case .case_list li:nth-child(even) {
		margin-right: 0;
	}

	.house .wrp-case .case_list li:nth-child(n+3) {
		margin-top: 4.5%;
	}

	.house .wrp-case .case_list li a {
		border-radius: 40px;
	}

	.house .wrp-case .case_list li a:hover {
		border-radius: 40px;
	}
}

@media only screen and (max-width: 375px) {
	.house .modal-cts figure {
		max-width: 295px;
	}
}


/* flow
----------------- */
.house .wrp-flow .step-list {
	display: flex;
	justify-content: space-between;
	margin-bottom: 140px;
}

.house .wrp-flow .step-list .each-step {
  margin-left: 2%;
  position: relative;
	text-align: center;
	max-width: 238px;
	width: 100%;
}

.house .wrp-flow .step-list .each-step:first-child {
	margin-left: 0;
}

.house .wrp-flow .step-list .each-step .step {
  background-color: #FFF;
  border-radius: 100%;
  color: #ED6103;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.5rem;
  font-weight: 700;
  height: 64px;
  left: 50%;
  line-height: 1;
  position: absolute;
  top: 0;
  width: 64px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.house .wrp-flow .step-list .each-step .step::before {
  content: "STEP";
  font-size: 0.9rem;
  font-weight: 700;
  position: absolute;
  top: 18px;
}

.house .wrp-flow .step-list .each-step .step i {
  padding-top: 20px;
}

.house .wrp-flow .step-list .each-step .step_lower {
	background-color: #F7F7F7;
	border-radius: 24px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5%;
	min-height: 242px;
}

.house .wrp-flow .step-list .each-step .step_lower .step-icon img {
	height: 150px;
	width: 150px;
}

.house .wrp-flow .step-list .each-step .step_lower .step_txtb {
  -webkit-transform: translateY(-25px);
  transform: translateY(-25px);
}

.house .wrp-flow .step-list .each-step .step_lower .step_hdg {
	font-size: 2.4rem;
	font-weight: bold;
}

.house .wrp-flow .step-list .each-step .step_lower .step_tx {
	font-size: 1.4rem;
	/* margin-top: 9px; */
}

@media only screen and (max-width: 768px) {
	.house .wrp-flow .step-list {
		flex-wrap: wrap;
	}

	.house .wrp-flow .step-list .each-step {
		margin-left: 0;
		margin-right: 2.6%;
    max-width: 47.7%;
    text-align: initial;
	}

	.house .wrp-flow .step-list .each-step:nth-child(even) {
		margin-right: 0;
	}

	.house .wrp-flow .step-list .each-step:nth-child(n+3) {
		margin-top: 50px;
	}

	.house .wrp-flow .step-list .each-step .step_lower {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-bottom: 5px;
		padding-top: 5px;
		min-height: initial;
	}

	.house .wrp-flow .step-list .each-step .step_lower .step_txtb {
    margin-left: -18px;
		max-width: 198px;
		width: 100%;
    -webkit-transform: initial;
    transform: initial;
  }

	.house .wrp-flow .step-list .each-step .step_lower .step_hdg {
		margin-top: 0;
	}

	.house .wrp-flow .step-list .each-step .step_lower .step_hdg+p {
		font-size: 1.4rem;
		margin-top: 9px;
	}
}

@media only screen and (max-width: 750px) {
	.house .wrp-flow {
		margin-bottom: 160px;
	}

	.house .wrp-flow .heading[data-hdg="1"] {
    line-height: 1.5;
    margin-bottom: 75px;
	}

	.house .wrp-flow .step-list {
		display: block;
	}

	.house .wrp-flow .step-list .each-step {
		margin-right: 0;
		max-width: initial;
	}

	.house .wrp-flow .step-list .each-step:nth-child(even) {
		margin-right: 0;
	}

	.house .wrp-flow .step-list .each-step:nth-child(n+2) {
		margin-top: 55px;
	}

	.house .wrp-flow .step-list .each-step .step_lower .step_txtb {
		max-width: 62%;
		width: 100%;
	}

	.house .wrp-flow .step-list .each-step .step_lower .step_hdg {
		margin-top: 0;
	}

	.house .wrp-flow .step-list .each-step .step_lower .step_tx {
		font-size: 1.4rem;
		margin-top: 9px;
	}
}


/* outline
----------------- */
.house .wrp-outline {
	margin-bottom: 160px;
}

.house .wrp-outline .concept_img {
	margin-bottom: 40px;
}
.house.booth .wrp-outline .concept_img {
	margin-bottom: 0;
}

.house .wrp-outline .concept_img .tabdis {
  display: none;
}

.house .wrp-outline .concept_img svg {
	width: 100%;
}

.house .wrp-outline table {
	margin-left: auto;
	margin-right: auto;
	font-size: 1.4rem;
}
.house .wrp-outline .flex__table#table_sp table{
	display: none;
}
.house .wrp-outline .flex__table#table_sp table.current{
	display: table;
	width: 100%;
}

.house .wrp-outline table th,
.house .wrp-outline table td {
	border-bottom: 1px solid #D0D0D0;
	padding-bottom: 11px;
	padding-top: 11px;
}

.house .wrp-outline table td {
	width: 30%;
  padding: 11px;
}
.house .wrp-outline table td[colspan="3"] {
	text-align: center;
}

.house .wrp-outline table tr:first-child th,
.house .wrp-outline table tr:first-child td {
  vertical-align: top;
}

.house .wrp-outline table th {
	text-align: left;
	width: 10%;
}
.house.en .wrp-outline table th {
	width: 12%;
}
.house .wrp-outline table td em{
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
}
.house .wrp-outline table td strong{
	display: inline-block;
	margin-top: 20px;
	
}
.house .wrp-outline table td .u-mt-small{
	margin-top: 8px !important;
}
.house .wrp-outline table td stron:first-of-type{
	margin-top: 20px;
	
}

.house .wrp-outline table td .asterisk {
	margin-top: 0;
	font-size: 1.3rem;
}

.house .wrp-outline table td .disc li {
	padding-left: 68px;
	font-size:13px;
}
.house .wrp-outline table td .disc .asterisk li {
	padding-left: 20px;
} 

.house .wrp-outline table td .disc>li:before {
	left: 58px;
	top: 10px;
}

.house .wrp-outline table td .disc li i {
	left: 0;
	position: absolute;
	top: 0;
}

.house.en .wrp-outline table td {
	word-break: break-word;
}
.house.en .wrp-outline table td .disc>li {
	padding-left: 0;
}
.house.en .wrp-outline table td .disc li i {
	position: static;
}

.house .wrp-outline table thead th {
  border-bottom: none;
}

.house .wrp-outline table thead .table__head em {
  box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
  border-radius: 20px;
  background: #ED6103;
  font-size: 1.4rem;
  text-align: center;
  padding: 15px 0 13px;
  margin: 0 auto;
  color: #fff;
  line-height: 1;
  font-weight: 700;
  width: calc(100% - 10px);
  font-style: normal;
  display: block;
}

/* campaign */
.house .wrp-outline .campaign {
	background-color: #FDFAF5;
	border-radius: 24px;
	margin-top: 58px;
	padding: 40px 53px;
}

.house .wrp-outline .campaign .campaign-hdg {
	color: #ED6103;
	font-size: 3.2rem;
	font-weight: bold;
	text-align: center;
}

.house .wrp-outline .campaign .campaign-tx {
	line-height: 1.7;
	margin-top: 30px;
	text-align: center;
}

.house .wrp-outline .campaign .limited {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}

.house .wrp-outline .campaign .limited .each-limited {
	background-color: #fff;
	border-radius: 23px;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 141px;
	max-width: 437px;
	width: 100%;
}

.house .wrp-outline .campaign .limited .each-limited:nth-child(2) {
	margin-left: 4%;
}

.house .wrp-outline .campaign .limited .each-limited {
	color: #797979;
}

.house .wrp-outline .campaign .limited .monitor {
	color: #ED6103;
	margin-left: 47px;
	position: relative;
}

.house .wrp-outline .campaign .limited .monitor::before {
	border-style: solid;
	border-width: 11px 0 11px 17px;
	border-color: transparent transparent transparent #ED6103;
	content: "";
	left: -30px;
	position: absolute;
	top: 68%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.house .wrp-outline .campaign .limited .limited_tx {
	font-size: 1.9rem;
	font-weight: bold;
}

.house .wrp-outline .campaign .limited .limited_price {
	font-size: 5.5rem;
	font-weight: bold;
	line-height: 1;
}

.house .wrp-outline .campaign .limited .limited_price i {
	font-size: 3.3rem;
}

.house .wrp-outline .campaign .asterisk li {
	color: #717171;
	font-size: 1.2rem;
	margin-top: 0;
}

.house .wrp-outline .campaign .asterisk li:before {
	left: 10px;
}

.house .wrp-outline .flex{
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-flow: row nowrap;
}
.house.booth .wrp-outline .flex {
	max-width: 826px;
	margin: 0 auto 40px;
}
.house .wrp-outline .flex.align__ctr {
  align-items: center;
}

.house .wrp-outline .flex.justify__ctr {
  justify-content: center;
}

.house .wrp-outline .flex.justify__str {
  justify-content: flex-start;
}

.house .wrp-outline .flex .flex__block{
	max-width: calc((100% - 6.4%) / 2);
	flex-basis: calc((100% - 6.4%) / 2);
	width: calc((100% - 6.4%) / 2);
}
.house .wrp-outline .flex .flex__block.small{
	max-width: calc((100% - 6.4%) / 3);
	flex-basis: calc((100% - 6.4%) / 3);
	width: calc((100% - 6.4%) / 3);
  margin: 0 30px 0 0;
}
.house .wrp-outline .flex .heading[data-hdg="1"]{
	margin-bottom: 0;
}
.house .wrp-outline .table__block .table-tab{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-flow: row nowrap;
	margin-top: 30px;

}
.house .wrp-outline .table__block .table-tab_item{
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	border-radius: 20px;
	background: #fff;
	font-size: 1.4rem;
	text-align: center;
	padding: 15px 0 13px;
	max-width: calc((100% - 32px) / 3);
	flex-basis: calc((100% - 32px) / 3);
	color: #797979;
	line-height: 1;
	transition: all .2s ease-in-out;
	font-weight: 700;
}
.house .wrp-outline .table__block .table-tab_item:hover{
	cursor: pointer;
}
.house .wrp-outline .table__block .flex__table{
	margin-top: 20px;
}
.house.booth .wrp-outline .table__block{
	margin: 0 auto;
	max-width: 826px;
}
.house .wrp-outline .flex .flex__option h4{
	color: #ED6103;
    font-size: 2.4rem;
    font-weight: bold;
	line-height:1;
}
.house .wrp-outline .flex .flex__option h5{
	color: #ED6103;
    font-size: 2.0rem;
    font-weight: bold;
	margin-top: 34px;
	line-height:1;
	/* padding-left: 30px; */
	position: relative;
}

/* .house .wrp-outline .flex .flex__option h5:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 25px;
	height: 25px;
	transform: translate(0,-50%);
	border-radius: 100px;
	background: #ED6103;
} */
.house .wrp-outline .flex .flex__option h5[data-num="1"]:after{
	content: "1";
	position: absolute;
	top: 50%;
	left: 0;
	width: 25px;
	height: 25px;
	font-size:16px;
	display: flex;
	justify-content: center;
	flex-flow: column nowrap;
	text-align: center;
	transform: translate(0,-45%);
	color: #fff;
	line-height: 1;
}
.house .wrp-outline .flex .flex__option h5[data-num="2"]:after{
	content: "2";
	position: absolute;
	top: 50%;
	left: 0;
	width: 25px;
	height: 25px;
	font-size:16px;
	display: flex;
	justify-content: center;
	flex-flow: column nowrap;
	text-align: center;
	transform: translate(0,-45%);
	color: #fff;
	line-height: 1;
}

.house .wrp-outline .flex .flex__option__table{
	margin-top: 20px;
	width: 100%;
}

.house .wrp-outline .flex__option p{
	margin-top: 20px;
  line-height: 1.5em;
}

.house .wrp-outline .table__block .table-tab_item:hover,
.house .wrp-outline .table__block .table-tab_item.current{
	background: #ED6103;
	color: #fff;
	box-shadow: none;
}

.house .wrp-outline .flex .flex__block .pcdis{
	display: block;
}
.house .wrp-outline .flex .flex__block .tabdis{
	display: none;
}
.house .wrp-outline .caption {
  font-size: 1.4rem;
  line-height: 1.7;
  margin-top: 10px;
}

@media only screen and (max-width: 1023px) {
	/* campaign */
	.house .wrp-outline .campaign {
		margin-top: 100px;
		padding: 40px 23px;
	}

	.house .wrp-outline .campaign .limited .each-limited {
		background-color: #fff;
		border-radius: 23px;
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: 141px;
		max-width: 437px;
		width: 100%;
	}

	.house .wrp-outline .campaign .limited .each-limited:nth-child(2) {
		margin-left: 4%;
	}

	.house .wrp-outline .campaign .limited .monitor {
		margin-left: 17px;
	}

	.house .wrp-outline .campaign .limited .monitor::before {
		border-width: 5.5px 0 5.5px 11px;
		left: -12px;
	}

	.house .wrp-outline .campaign .limited .limited_tx {
		font-size: 1.4rem;
	}

	.house .wrp-outline .campaign .limited .limited_price {
		font-size: 4.2rem;
	}

	.house .wrp-outline .campaign .limited .limited_price i {
		font-size: 2.4rem;
	}



}

@media only screen and (max-width:1023px){
	.house .wrp-outline .flex{
		display: block;
		width: 100%;
	}
	.house .wrp-outline .flex .flex__block,
  .house .wrp-outline .flex .flex__block.small{
		max-width: 100%;
		flex-basis: 100%;
		width: 100%;
	}
  .house .wrp-outline .flex .flex__block.small {
    margin: 0;
  }
	.house .wrp-outline .flex .flex__block:not(:first-child){
		margin-top: 40px;
	}
	.house .wrp-outline .flex .flex__block svg{
		width: 100%;
	}
	.house .wrp-outline .flex .flex__block .pcdis{
		display: none;
	}
	.house .wrp-outline .flex .flex__block .tabdis{
		display: block;
	}	
	.house .wrp-outline .concept_img .spdis {
		display: none;
	}	
	.house .wrp-outline table{
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}

@media only screen and (max-width: 768px) {
	.house .wrp-outline .heading[data-hdg="1"] {
		font-size: 2.8rem;
	}

	.house .wrp-outline .concept_img {
		margin-left: -40px;
		margin-right: -40px;
	}

	.house .wrp-outline .concept_img .tabdis {
		display: block;
  }
  
  .ipad .wrp-outline .concept_img .tabdis {
    padding-left: 40px;
    padding-right: 40px;
  }

	.house .wrp-outline .concept_img .pcdis {
		display: none;
	}
	.house .wrp-outline .concept_img .spdis {
		display: block;
	}

	.house .wrp-outline .campaign .asterisk li {
		font-size: 1.0rem;
	}
	
}

@media only screen and (max-width: 750px) {
	.house .wrp-outline {
		margin-bottom: 60px;
	}

	.house .wrp-outline .heading[data-hdg="1"] {
		margin-bottom: 40px;
	}

	.house .wrp-outline .concept_img {
		margin-left: -20px;
		margin-right: -20px;
	}

	.house .wrp-outline .concept_img svg {
		height: auto;
	}

	.house .wrp-outline .concept_img .tabdis #mask16 {
		display: none;
	}

	.house .wrp-outline .campaign .limited {
		display: block;
		margin-top: 30px;
	}

	.house .wrp-outline table th {
		width: 27%;
	}

	.house.en .wrp-outline table th {
		width: 33%;
	}

	.house .wrp-outline table td {
		font-size: 1.4rem;
		width: 73%;
	}
	
	.house.en .wrp-outline table td {
		width: 67%;
	}

	/* campaign */
	.house .wrp-outline .campaign {
		border-radius: 0;
		margin-left: -20px;
		margin-right: -20px;
		margin-top: 45px;
		padding: 30px 20px;
	}

	.house .wrp-outline .campaign .campaign-hdg {
		font-size: 2.4rem;
	}

	.house .wrp-outline .campaign .campaign-tx {
		font-size: 1.4rem;
	}

	.house .wrp-outline .campaign .limited .each-limited {
		max-width: initial;
		min-height: 100px;
	}

	.house .wrp-outline .campaign .limited .each-limited:nth-child(2) {
		margin-left: 0;
	}

	.house .wrp-outline .campaign .limited .each-limited+.each-limited {
		margin-top: 18px;
	}

	.house .wrp-outline .campaign .limited .monitor {
		margin-left: 27px;
	}

	.house .wrp-outline .campaign .limited .monitor::before {
		left: -17px;
	}
}

/* utility class */
.u-text-left{
	text-align: left !important;
}
.u-mt-small{
	margin-top: 70px;
}
.u-mt-xs{
	margin-top: 20px;
}
.u-dn{
	display: none !important;
}

.u-di{
	display: inline !important;
}
@media only screen and (min-width: 751px) {
	.u-dn-sp{
		display: none !important;
	}
	.u-di-sp{
		display: inline !important;
	}
	.u-db-sp{
		display: block !important;
	}
}
@media only screen and (min-width: 1024px) {
	.u-dn-tb{
		display: none !important;
	}
	.u-di-tb{
		display: inline !important;
	}
	.u-db-tb{
		display: block !important;
	}
}
@media only screen and (max-width: 1023px) {

	.u-mt-small{
		margin-top: 40px;
	}
}
/* faq
----------------- */
.house .wrp-faq {
	margin-bottom: 160px;
	padding-top: 123px;
}

.house .wrp-faq .each-faq:nth-child(n+2) {
	margin-top: 100px;
}

.house .wrp-faq .each-faq .faq_hdg {
	color: #797979;
	font-size: 2.0rem;
	font-weight: bold;
}

.house .wrp-faq .each-faq .faq_list li {
	border-bottom: 1px solid #D0D0D0;
	padding-top: 20px;
}

.house .wrp-faq .each-faq .faq_list li .question,
.house .wrp-faq .each-faq .faq_list li .answer .answer_inside {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	position: relative;
	width: 100%;
}

.house .wrp-faq .each-faq .faq_list li .question p,
.house .wrp-faq .each-faq .faq_list li .answer .answer_table,
.house .wrp-faq .each-faq .faq_list li .answer .answer_inside p {
	padding-left: 60px;
	padding-right: 20px;
}

.ie11 .house .wrp-faq .each-faq .faq_list li .question,
.ie11 .house .wrp-faq .each-faq .faq_list li .answer .answer_inside {
	display: table;
	width: 100%;
}

.ie11 .house .wrp-faq .each-faq .faq_list li .question p,
.ie11 .house .wrp-faq .each-faq .faq_list li .answer .answer_inside p {
	display: table-cell;
	vertical-align: middle;
}

.house .wrp-faq .each-faq .faq_list li .answer .answer_inside {
	min-height: 40px;
}

.ie .house .wrp-faq .each-faq .faq_list li .answer .answer_inside {
	height: 40px;
}

.house .wrp-faq .each-faq .faq_list li .question {
	min-height: 40px;
}

.ie .house .wrp-faq .each-faq .faq_list li .question {
	height: 40px;
}

.house .wrp-faq .each-faq .faq_list li .answer {
	display: none;
}
.house .wrp-faq .each-faq .faq_list li .answer .flex {
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-flow: row nowrap;
	margin: 20px 0;
}

.house .wrp-faq .each-faq .faq_list li .answer .flex .flex__block{
	max-width: calc((100% - 21px) / 2);
	flex-basis: calc((100% - 21px) / 2);
	width: calc((100% - 21px) / 2);
}
.house .wrp-faq .each-faq .faq_list li .question:before,
.house .wrp-faq .each-faq .faq_list li .answer .answer_inside:after {
	border-radius: 8px;
	color: #fff;
	content: "";
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.0rem;
	font-weight: bold;
	height: 40px;
	left: 0;
	padding-left: 6px;
	position: absolute;
	top: 0;
	width: 40px;
}

.house .wrp-faq .each-faq .faq_list li .question:before {
	background-color: #8F8F8F;
	content: "Q.";
}

.house .wrp-faq .each-faq .faq_list li .answer .answer_inside:after {
	background-color: #ED6103;
	content: "A.";
}

.house .wrp-faq .each-faq .faq_list li .question:after {
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	content: "";
	height: 5px;
	position: absolute;
	right: 13px;
	top: 50%;
	width: 5px;
	-webkit-transform: translateY(-50%) rotate(135deg);
	transform: translateY(-50%) rotate(135deg);
}

.house .wrp-faq .each-faq .faq_list li .question.active:after {
	-webkit-transform: translateY(0) rotate(-45deg);
	transform: translateY(0) rotate(-45deg);
}


.house .wrp-faq .each-faq .faq_list li .answer_lower {
  margin-bottom: 10px;
}

.house .wrp-faq .each-faq .faq_list li .answer_img {
  display: flex;
  flex-wrap: wrap;
}

.house .wrp-faq .each-faq .faq_list li [data-column="2"] .each_img {
  width: 48.8%;
}
.house .wrp-faq .each-faq .faq_list li [data-column="3"] .each_img {
  width: 31.8%;
}

.house .wrp-faq .each-faq .faq_list li [data-column="2"] .each_img:nth-child(even) {
  margin-left: 2.3%;
}
.house .wrp-faq .each-faq .faq_list li [data-column="3"] .each_img:not(:first-child) {
  margin-left: 2.3%;
}

.house .wrp-faq .each-faq .faq_list li [data-column="2"] .each_img article,
.house .wrp-faq .each-faq .faq_list li [data-column="3"] .each_img article {
  border-radius: 20px;
  overflow: hidden;
}
.house .wrp-faq .each-faq .faq_list li .answer .answer_table {
	display: block;
}
.house .wrp-faq .each-faq .faq_list li .answer .answer_table th,
.house .wrp-faq .each-faq .faq_list li .answer .answer_table td {
	border-bottom: 1px solid #D0D0D0;
	padding-bottom: 11px;
	padding-top: 11px;
}
.house .wrp-faq .each-faq .faq_list li .answer .answer_table tr:last-child th,
.house .wrp-faq .each-faq .faq_list li .answer .answer_table tr:last-child td {
	border-bottom: none;
}
.house .wrp-faq .each-faq .faq_list li .answer .answer_table th {
	width: 30%;
}

@media only screen and (max-width: 750px) {
	.house .wrp-faq {
		margin-bottom: 120px;
		padding-top: 60px;
	}

	.house .wrp-faq .each-faq:nth-child(n+2) {
		margin-top: 50px;
  }

  .house .wrp-faq .each-faq .faq_list li .answer_img {
    display: block;
  }

  .house .wrp-faq .each-faq .faq_list li [data-column="2"] .each_img,
  .house .wrp-faq .each-faq .faq_list li [data-column="3"] .each_img {
    width: auto;
  }

  .house .wrp-faq .each-faq .faq_list li [data-column="2"] .each_img:nth-child(even),
	.house .wrp-faq .each-faq .faq_list li [data-column="3"] .each_img:not(:first-child) {
    margin-left: 0;
  }

  .house .wrp-faq .each-faq .faq_list li [data-column="2"] .each_img:nth-child(n+2),
  .house .wrp-faq .each-faq .faq_list li [data-column="3"] .each_img:nth-child(n+2) {
    margin-top: 12px;
  }
  .house .wrp-faq .each-faq .faq_list li .answer .flex {
	  display: block;
  }
  .house .wrp-faq .each-faq .faq_list li .answer .flex .flex__block{
	  max-width: 100%;
	  flex-basis: 100%;
	  width: 100%;
	  margin-top: 16px;
  } 
	.house .wrp-faq .each-faq .faq_list li .answer .answer_table tr {
		display: grid;
	}
	.house .wrp-faq .each-faq .faq_list li .answer .answer_table th {
		width: 100%;
		border-bottom: none;
		padding-bottom: 0;
	}
}


/* terms
----------------- */
.house .wrp-terms {
	margin-bottom: 60px;
}

.house .wrp-terms .terms_use {
	background-color: #F5F5F5;
	font-size: 1.3rem;
	height: 160px;
	overflow-y: scroll;
}

.house .wrp-terms .terms_use .terms_use-inside {
	padding: 25px 20px;
}

.house .wrp-terms .terms_use p+p,
.house .wrp-terms .terms_use ul+p {
	margin-top: 30px;
}

.house .wrp-terms .terms_use p:last-child {
	margin-top: 0;
}

@media only screen and (max-width: 768px) {
	.house .wrp-terms .terms_use {
		height: 225px;
	}
}

@media only screen and (max-width: 750px) {
	.house .wrp-terms .terms_use {
		height: 360px;
	}
}


/* contact
----------------- */
.house .wrp-contact {
	background-color: #FDFAF5;
	padding-bottom: 60px;
  padding-top: 60px;
	text-align: center;
}

.house .wrp-contact .contact-inside,
.house .wrp-contact .contact-inside .inside-inside {
	position: relative;
}

.house .wrp-contact .contact-inside .inside-inside {
  padding-bottom: 75px;
	padding-top: 40px;
}

.house .wrp-contact .contact-inside::before,
.house .wrp-contact .contact-inside::after,
.house .wrp-contact .contact-inside .inside-inside::before,
.house .wrp-contact .contact-inside .inside-inside::after {
	background-image: url(/img/common/l.svg);
	background-size: cover;
	content: "";
	height: 38px;
	position: absolute;
	width: 29px;
	transition: all ease-out .5s;
}

.house .wrp-contact .contact-inside::before {
	left: -34px;
	top: -4px;
	transform: rotate(90deg);
}

.house .wrp-contact .contact-inside::after {
	right: -38px;
	top: 0;
	transform: rotate(180deg);
}

.house .wrp-contact .contact-inside .inside-inside::before {
	bottom: 0;
	left: -38px;
	transform: rotate(0);
}

.house .wrp-contact .contact-inside .inside-inside::after {
	bottom: -4px;
	right: -34px;
	transform: rotate(-90deg);
}

.house .wrp-contact .active .contact-inside::before {
	left: 4px;
}

.house .wrp-contact .active .contact-inside::after {
	right: 0;
}

.house .wrp-contact .active .contact-inside .inside-inside::before {
	left: 0;
}

.house .wrp-contact .active .contact-inside .inside-inside::after {
	right: 4px;
}

.house .wrp-contact .heading[data-hdg="1"] {
	margin-bottom: 40px;
}

.house .wrp-contact .heading[data-hdg="1"] i {
	font-size: 1.3rem;
}

.house .wrp-contact .contact_icon {
  background-color: #fff;
  border-radius: 100%;
  height: 118px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  width: 118px;
}

.house .wrp-contact .contact_icon+p {
  line-height: 1.8;
}

.house .wrp-contact .btn {
	margin-top: 35px;
}

.house .wrp-contact .btn a {
  box-shadow: 0px 3px 6px 0px rgba(000, 000, 000, 0.16);
  font-size: 2.4rem;
  max-width: 308px;
}

.house .wrp-contact .btn .icon_blank {
  margin-left: 15px;
  vertical-align: middle;
}

.house .wrp-contact .btn+p {
  font-size: 1.4rem;
	font-weight: bold;
	margin-top: 20px;
}

@media only screen and (max-width: 1280px) {
	.house .wrp-contact {
		margin-left: -40px;
		margin-right: -40px;
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media only screen and (max-width: 750px) {
	.house .wrp-contact {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.house .wrp-contact .contact-inside .inside-inside {
		padding-bottom: 80px;
		padding-top: 60px;
	}

	.house .wrp-contact .contact-inside::before,
	.house .wrp-contact .contact-inside::after,
	.house .wrp-contact .contact-inside .inside-inside::before,
	.house .wrp-contact .contact-inside .inside-inside::after {
		height: 23px;
		width: 18px;
	}

	.house .wrp-contact .contact-inside::before {
		left: 4px;
		top: -4px;
	}

	.house .wrp-contact .contact-inside::after {
		right: 0;
		top: 0;
	}

	.house .wrp-contact .contact-inside .inside-inside::before {
		bottom: 0;
		left: 0;
	}

	.house .wrp-contact .contact-inside .inside-inside::after {
		bottom: -4px;
		right: 4px;
  }

  .house .wrp-contact .contact_icon+p {
    font-size: 1.3rem;
  }

  .house .wrp-contact .btn a {
    font-size: 2.0rem;
    height: 68px;
    max-width: 268px;
  }

  .house .wrp-contact .btn .icon_blank {
    height: 20px;
    width: 20px;
  }

  .house .wrp-contact .btn+p {
    font-size: 1.3rem;
  }
}


/* series
----------------- */
.house .wrp-series {
	background-image: url(/img/house/products_lead.jpg);
	background-position: center bottom;
	background-size: cover;
	position: relative;
}

.house .wrp-series::before {
	background-color: rgba(255, 255, 255, .7);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

.house .wrp-series::after {
  background-image: url(/img/house/series_flame.svg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 39px;
  left: 0;
  position: absolute;
  top: -1px;
  width: 100%;
  z-index: 1;
}

.house .wrp-series .sec-inside {
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	height: 566px;
	position: relative;
}

.house .wrp-series .sec-inside .series-inside {
  max-width: 784px;
  text-align: center;
}

.house .wrp-series .heading[data-hdg="1"] {
  margin-bottom: 40px;
}

.house .wrp-series .heading[data-hdg="1"] a {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}

.house .wrp-series .heading[data-hdg="1"] img {
  display: block;
  height: 32px;
  width: auto;
}

.house .wrp-series .series_emp {
  color: #ED6103;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 2;
  margin-bottom: 30px;

}

.house .wrp-series .series_emp+p {
  line-height: 2;
}

.house .wrp-series .btn {
	margin-top: 60px;
}

.house .wrp-series .btn a {
  background-color: #fff;
  border-width: 0;
  box-shadow: 0px 3px 6px 0px rgba(000, 000, 000, 0.16);
  color: #ED6103;
  font-size: 1.6rem;
  height: 65px;
  max-width: 241px;
  position: relative;
}

.house .wrp-series .btn a::after {
  border-right: 2px solid #ED6103;
  border-top: 2px solid #ED6103;
  content: "";
  height: 10px;
  position: absolute;
  right: 34px;
  top: 50%;
  width: 10px;
  z-index: 1;
  -webkit-transform: translate(0%, -50%) rotate(45deg);
  transform: translate(0%, -50%) rotate(45deg);
}

.house .wrp-series .btn i {
  -webkit-transform: translateX(-5px);
  transform: translateX(-5px);
}

@media only screen and (max-width: 1280px) {
	.house .wrp-series {
		margin-left: -40px;
		margin-right: -40px;
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media only screen and (max-width: 750px) {
	.house .wrp-series {
		background-image: url(/img/house/sp_products_lead.jpg);
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}

  .house .wrp-series::after {
    background-image: url(/img/house/series_flame_sp.svg);
    height: 15px;
  }

  .house .wrp-series .heading[data-hdg="1"] img {
    height: 24px;
  }

  .house .wrp-series .series_emp {
    font-size: 1.8rem;
    margin-bottom: 30px;
  }

  .house .wrp-series .series_emp+p {
    font-size: 1.4rem;
    text-align: center;
  }
}



/* -----------------------------

 product

----------------------------- */
/* header */
.product header {
  background-color: rgba(255, 255, 255, 1);
  padding-top: 39px;
	position: fixed;
}

.product header .hd-inside {
	color: #ED6103;
	justify-content: space-between;
	padding-left: 0;
  padding-right: 0;
  max-width: 1280px;
}

.product header .hd-inside .hd-link a {
	color: #ED6103;
	font-size: 1.4rem;
	font-weight: bold;
	text-decoration: none;
}

@media only screen and (max-width: 1340px) {
  .product header .hd-inside {
    padding-left: 30px;
    padding-right: 30px;
    max-width: initial;
  }
}

@media only screen and (max-width: 750px) {
  .product header {
    padding-top: 0;
  }

  .product header .hd-def {
		display: block;
	}

  .product header .hd-inside {
		height: 54px;
		padding-left: 20px;
    padding-right: 20px;
  }

  .product header .hd-inside .hd-title a img {
    display: block;
  }

	.product header .hd-inside .hd-link a {
		font-size: 1.3rem;
	}
}


/* -----------------
 contents
----------------- */
.product #contents {
  padding-top: 100px;
}

.iPadOS .product svg,
.ipad .product svg,
.iphone .product svg,
.android .product svg {
  height: initial;
}

@media only screen and (max-width: 750px) {
	.product #contents {
    padding-left: 20px;
    padding-right: 20px;
		padding-top: 54px;
	}
}


/* main images
----------------- */
.product .main-images {
  margin-bottom: 180px;
  padding-left: 110px;
  padding-right: 110px;
}

.product .main-images .main-inside {
	display: flex;
	flex-direction: row-reverse;
	margin-left: auto;
	margin-right: auto;
	max-width: 1280px;
	position: relative;
}

.product .main-images .main-inside .mv-r {
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	position: absolute;
	top: 50%;
	max-width: 64.7%;
	width: 100%;
}

.product .main-images .main-inside .mv-l {
	max-width: 740px;
	width: 100%;
}

.product .main-images .main-inside .mv-l svg {
	width: 100%;
}

.product .main-images .l-inside .inside-inside {
	padding: 60px 10px 60px 110px;
}

.product .main-images .mv-r .heading[data-hdg="1"] {
	font-size: 3.8rem;
  font-weight: bold;
  letter-spacing: 0.21em;
	line-height: 2;
	margin-bottom: 40px;
	text-align: left;
}

.product .main-images .mv-r .mv_tx {
	color: #ED6103;
	font-weight: bold;
	line-height: 1.8;
}

.product .main-images .main-inside+.produced {
  margin-top: 15px;
}

@media only screen and (max-width: 1280px) {
  .product .main-images {
    padding-left: 9px;
    padding-right: 24px;
  }
	.product .main-images .main-inside {
		max-width: initial;
  }

  .product .main-images .l-inside .inside-inside {
    padding: 9.8% 0 9.8% 15.8%;
  }
}

@media only screen and (max-width: 1110px) {
  .product .main-images .l-inside .inside-inside {
    padding-left: 12.8%;
  }
}

@media only screen and (max-width: 1024px) {
  .product .main-images {
    padding-left: 0;
    padding-right: 0;
  }

	.product .main-images .main-inside {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 740px;
		width: auto;
	}

	.product .main-images .main-inside .mv-r {
		-webkit-transform: initial;
		transform: initial;
		position: static;
		max-width: 740px;
	}

	.product .main-images .main-inside .mv-l svg {
		width: 100%;
	}

	.product .main-images .l-inside {
		width: auto;
	}

	.product .main-images .l-inside .inside-inside {
		padding: 46px 20px;
  }

	.product .main-images .mv-r .heading[data-hdg="1"] {
		line-height: 2;
		margin-bottom: 25px;
	}

  .product .main-images .main-inside+.produced {
    margin-top: 50px;
    max-width: 740px;
  }
}

@media only screen and (max-width: 750px) {
  .product .main-images {
    margin-bottom: 120px;
  }

  .product .main-images .main-inside .mv-r {
		margin-top: 30px;
		max-width: initial;
		text-align: left;
  }

	.product .main-images .main-inside .mv-r .heading[data-hdg="1"] {
		font-size: 2.2rem;
		text-align: left;
	}

	.product .main-images .main-inside .mv-r .mv_tx {
    font-size: 1.4rem;
    line-height: 2;
  }

  .product .main-images .main-inside+.produced {
    margin-top: 10px;
  }
}

.product .produced {
	color: #ED6103;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: 1.2rem;
	font-weight: bold;
	margin-left: auto;
  margin-right: auto;
  margin-top: 32px;
	max-width: 1280px;
	position: relative;
}

.product .produced img {
	height: 28px;
	margin-left: 30px;
	max-width: 220px;
}

@media only screen and (max-width: 767px) {
	.product .main-images .produced {
		font-size: 1.0rem;
		margin-bottom: 150px;
		margin-top: 20px;
	}

	.product .main-images .produced img {
		margin-left: 25px;
		max-width: 162px;
	}
}

.product .main-images .l-inside,
.product .main-images .l-inside .inside-inside {
  position: relative;
}

.product .main-images .l-inside::before,
.product .main-images .l-inside::after,
.product .main-images .l-inside .inside-inside::before,
.product .main-images .l-inside .inside-inside::after {
	background-image: url(/img/common/l.svg);
	background-size: cover;
	content: "";
	height: 27px;
	position: absolute;
	width: 20px;
}

.product .main-images .l-inside::before {
  left: 4px;
  top: -4px;
  transform: rotate(90deg);
}

.product .main-images .l-inside::after {
	right: 0;
	top: 0;
	transform: rotate(180deg);
}

.product .main-images .l-inside .inside-inside::before {
	bottom: 0;
	left: 0;
	transform: rotate(0);
}

.product .main-images .l-inside .inside-inside::after {
	bottom: -4px;
	right: 4px;
	transform: rotate(-90deg);
}

@media only screen and (max-width: 750px) {
  .product .main-images {
    padding-left: 0;
    padding-right: 0;
  }

  .product .main-images .mv-r::before,
  .product .main-images .mv-r::after {
    background-image: url(/img/common/l.svg);
    background-size: cover;
    content: "";
    height: 27px;
    position: absolute;
    width: 20px;
  }

  .product .main-images .mv-r::before {
    left: 4px;
    top: 16px;
    transform: rotate(90deg);
  }

  .product .main-images .mv-r::after {
    right: 0;
    top: 20px;
    transform: rotate(180deg);
  }

  .product .main-images .l-inside::before,
  .product .main-images .l-inside::after {
    background-image: none;
  }

  .product .main-images .l-inside .inside-inside {
    padding: 0 10px 65px;
  }

  .product .main-images .slider {
		margin-left: -20px;
		margin-right: -20px;
	}

	.product .main-images .slider #mask12 {
		display: none;
	}
}


/* about
----------------- */
.product .wrp-about {
	margin-bottom: 160px;
}

.product .wrp-about .sec-inside {
  max-width: initial;
}

.product .wrp-about .about_beginning {
	line-height: 2;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	max-width: 670px;
}

.product .wrp-about .about_img {
  background-image: url(/img/products/Background.jpg);
  background-position: center;
  background-size: cover;
  height: 320px;
  margin-top: 120px;
}

.ie11 .product .wrp-about .about_img {
  margin-left: -60px;
  margin-right: -60px;
}

.product .wrp-about .about_img img {
  display: none;
}

.product .wrp-about .subheading {
  margin-left: auto;
  margin-right: auto;
  margin-top: 65px;
  max-width: 676px;
}

.product .wrp-about .subheading .heading[data-hdg="1"] {
	line-height: 1.5;
	margin-bottom: 30px;
	text-align: left;
}

.product .wrp-about .subheading p {
	line-height: 2;
}

.product .wrp-about .about_img02 {
  margin-top: 120px;
}

.product .wrp-about .about_img02 svg {
  width: 100%;
}

@media only screen and (max-width: 1280px) {
	.product .wrp-about .about_img {
		margin-left: -40px;
		margin-right: -40px;
	}
}

@media only screen and (max-width: 768px) {
	.product .wrp-about .about_img02 svg {
		height: auto;
	}
}

@media only screen and (max-width: 750px) {
	.product .wrp-about {
		margin-bottom: 120px;
	}

	.product .wrp-about .heading[data-hdg="1"] {
		font-size: 2.2rem;
	}

	.product .wrp-about .about_beginning {
		max-width: 800px;
	}

  .product .wrp-about .about_img,
  .product .wrp-about .about_img02 {
		margin-left: -20px;
		margin-right: -20px;
  }

  .product .wrp-about .subheading {
    margin-top: 40px;
  }
}


/* process
----------------- */
.product .wrp-process {
	margin-bottom: 150px;
}

.product .wrp-process .heading[data-hdg="1"] {
	margin-bottom: 40px;
}

.heading[data-decoration="disc"] i {
  display: inline-block;
  font-size: 2.0rem;
  font-weight: 700;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.heading[data-decoration="disc"] i::before,
.heading[data-decoration="disc"] i::after {
  background-color: #ED6103;
  border-radius: 100%;
  content: "";
  height: 4px;
  position: absolute;
  top: 50%;
  width: 4px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.heading[data-decoration="disc"] i::before {
  left: 0;
}

.heading[data-decoration="disc"] i::after {
  right: 0;
}

.product .wrp-process .process-list {
  margin-left: auto;
  margin-right: auto;
  max-width: 756px;
}

.product .wrp-process .each-process {
	display: flex;
	justify-content: space-between;
}

.product .wrp-process .each-process:nth-child(n+2) {
	margin-top: 20px;
}

.product .wrp-process .heading+.each-process {
	margin-top: 0;
}

.product .wrp-process .each-process .process_img {
	margin-right: 4%;
	max-width: 378px;
	width: 100%;
}

.product .wrp-process .each-process .process_img svg {
	width: 100%;
}

.product .wrp-process .each-process .process_txtb {
	display: flex;
  align-items: center;
  padding-right: 30px;
	max-width: 357px;
	width: 100%;
}

.product .wrp-process .each-process .process_txtb .process_hdg {
	color: #ED6103;
	font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.12em;
}

.product .wrp-process .each-process .process_txtb .process_tx {
	line-height: 1.7;
	margin-top: 20px;
}

@media only screen and (max-width: 768px) {
	.product .wrp-process .each-process .process_img svg {
		height: auto;
	}
}

@media only screen and (max-width: 750px) {
  .product .wrp-process {
    margin-bottom: 250px;
  }

  .heading[data-decoration="disc"] i {
    font-size: 1.8rem;
  }

  .product .wrp-process .each-process {
		display: block;
  }

  .product .wrp-process .each-process:nth-child(n+2) {
    margin-top: 50px;
  }

	.product .wrp-process .each-process .process_img {
		margin-right: 0;
		max-width: initial;
	}

	.product .wrp-process .each-process .process_img svg {
		height: auto;
	}

	.product .wrp-process .each-process .process_txtb {
    margin-top: 20px;
    padding-right: 0;
		max-width: initial;
	}

	.product .wrp-process .each-process .process_txtb .process_hdg {
		font-size: 1.8rem;
  }

  .product .wrp-process .each-process .process_txtb .process_tx {
    margin-top: 15px;
  }
}

/* merit */
.product .wrp-process .process-merit {
  background-image: url(/img/products/point.jpg);
  background-position: center;
  background-size: cover;
  margin-top: 100px;
  padding-left: 10%;
  padding-right: 10%;
  position: relative;
  min-height: 662px;
}

.product .wrp-process .process-merit::before {
  background-image: url(/img/products/point_flame.svg);
  background-position: center -1px;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 46px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.product .wrp-process .process-merit .heading[data-hdg="1"] {
  margin-bottom: 20px;
}

.product .wrp-process .process-merit .heading[data-hdg="1"] i {
  margin-bottom: 0;
}

.product .wrp-process .process-merit .merit-img {
  display: none;
}

.product .wrp-process .merit-list {
  background-color: #fff;
  border: 1px solid #ED6103;
  border-radius: 52px;
  margin-bottom: -135px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
  padding-top: 30px;
  min-height: 242px;
  max-width: 1024px;
  width: 100%;
  -webkit-transform: translateY(-108px);
  transform: translateY(-108px);
}

.product .wrp-process .merit-list .merit-list_inside {
  display: flex;
  justify-content: center;
}

.product .wrp-process .merit-list .each-merit {
	border-right: 1px dashed #ED6103;
  padding: 0 22px;
  text-align: center;
	max-width: 31.89%;
	width: 100%;
}

.product .wrp-process .merit-list .each-merit:nth-child(3) {
  border-right: none;
}

.product .wrp-process .merit-list .each-merit .merit_hdg {
	color: #ED6103;
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 15px;
}
.product .wrp-process .merit-list .each-merit .merit_hdg small {
	display: block;
	font-size: .7em;
	line-height: 1.5em;
}

.product .wrp-process .merit-list .each-merit .merit_tx {
	font-size: 1.4rem;
}

@media only screen and (max-width: 1280px) {
  .product .wrp-process .process-merit {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media only screen and (max-width: 768px) {
  .product .wrp-process .merit-list .each-merit {
    padding: 0 15px;
  }

  .product .wrp-process .merit-list .each-merit .merit_hdg {
    font-size: 2.0rem;
  }
}

@media only screen and (max-width: 750px) {
	.product .wrp-process .process-merit {
    background-image: none;
    display: block;
    margin-left: 0;
    margin-right: 0;
    margin-top: 120px;
    padding-left: 0;
    padding-right: 0;
    min-height: initial;
	}

	.product .wrp-process .merit-list .each-merit {
		max-width: initial;
	}

	.product .wrp-process .merit-list .each-merit:nth-child(n+2) {
		margin-top: 35px;
	}

	.product .wrp-process .each-merit .merit_hdg {
		font-size: 1.8rem;
  }

  .product .wrp-process .process-merit .merit-img {
    display: block;
    margin-bottom: 40px;
    margin-left: -20px;
    margin-right: -20px;
  }

  .product .wrp-process .merit-list {
    border-radius: 40px;
    padding-bottom: 40px;
    padding-top: 40px;
    min-height: initial;
    transform: none;
  }

  .product .wrp-process .merit-list .merit-list_inside {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
  }

  .product .wrp-process .merit-list .each-merit {
    border-right: none;
    border-top: 1px dashed #ED6103;
    padding-left: 0;
    padding-right: 0;
    padding-top: 40px;
    max-width: initial;
  }

  .product .wrp-process .merit-list .each-merit:nth-child(1) {
    border-top: none;
    padding-top: 0;
  }
}


/* creator
----------------- */
.product .wrp-creator {
  margin-bottom: 90px;
}

.product .wrp-creator .sec-inside {
  max-width: 676px;
}

.product .wrp-creator .profile .profile_upper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.product .wrp-creator .profile .profile_upper .prof_photo {
  margin-right: 28px;
  width: 106px;
}

.product .wrp-creator .profile .profile_upper .prof_photo p {
  border-radius: 100%;
  overflow: hidden;
}

.product .wrp-creator .profile .profile_upper .prof_photo p img {
  height: auto;
  width: 106px;
}

.product .wrp-creator .profile .profile_upper .prof_txtb {
  font-size: 1.1rem;
}

.product .wrp-creator .profile .profile_upper .prof_txtb .name {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1;
}

.product .wrp-creator .profile .profile_upper .prof_txtb .name span {
  display: block;
  font-size: 1.1rem;
  font-weight: 400;
  margin-top: 8px;
}

.product .wrp-creator .profile .profile_upper .prof_txtb .name+p {
  line-height: 1.7;
  margin-top: 5px;
}

.product .wrp-creator .profile table {
  margin-top: 50px;
}

.product .wrp-creator .profile table th,
.product .wrp-creator .profile table td {
  font-size: 1.4rem;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: left;
  vertical-align: top;
}

.product .wrp-creator .profile table th {
  font-weight: 400;
  width: 10%;
}

.product .wrp-creator .profile table td {
  width: 90%;
}

.product .wrp-creator .message {
  border: 1px solid #ED6103;
  border-radius: 52px;
  margin-top: 70px;
  padding: 35px 50px 50px;
}

.product .wrp-creator .message .heading {
  margin-bottom: 30px;
}

.product .wrp-creator .message .heading i {
  margin-bottom: 0;
}

.product .wrp-creator .message p:nth-child(n+2) {
  line-height: 1.7;
  margin-top: 40px;
}

@media only screen and (max-width: 750px) {
  .product .wrp-creator {
    margin-bottom: 55px;
  }

  .product .wrp-creator .sec-inside {
    max-width: initial;
  }

  .product .wrp-creator .sec-inside .heading[data-hdg="1"] {
    margin-bottom: 45px;
  }

  .product .wrp-creator .profile .profile_upper {
    display: block;
    text-align: center;
  }

  .product .wrp-creator .profile .profile_upper .prof_photo {
    margin-left: auto;
    margin-right: auto;
  }

  .product .wrp-creator .profile .profile_upper .prof_txtb {
    margin-top: 25px;
  }

  .product .wrp-creator .profile .profile_upper .prof_txtb .name {
    font-size: 2.0rem;
  }

  .product .wrp-creator .profile table {
    margin-top: 30px;
  }

  .product .wrp-creator .profile table th {
    width: 65px;
  }

  .product .wrp-creator .profile table td {
    width: auto;
  }

  .product .wrp-creator .message {
    border-radius: 40px;
    margin-top: 50px;
    padding: 40px 20px 55px;
  }

  .product .wrp-creator .sec-inside .message .heading[data-hdg="1"] {
    margin-bottom: 15px;
  }

  .product .wrp-creator .sec-inside .message .heading[data-hdg="1"]+p {
    margin-top: 0;
  }
}


/* lineup
----------------- */
.wrp-lineup {
	background-color: #F8F1EC;
	padding-bottom: 60px;
	padding-top: 60px;
	text-align: center;
}

.wrp-lineup .lineup-inside,
.wrp-lineup .lineup-inside .inside-inside {
	position: relative;
}

.wrp-lineup .lineup-inside .inside-inside {
	padding-bottom: 90px;
	padding-top: 25px;
}

.wrp-lineup .lineup-inside::before,
.wrp-lineup .lineup-inside::after,
.wrp-lineup .lineup-inside .inside-inside::before,
.wrp-lineup .lineup-inside .inside-inside::after {
	background-image: url(/img/common/l.svg);
	background-size: cover;
	content: "";
	height: 27px;
	position: absolute;
	width: 20px;
	transition: all ease-out .5s;
}

.wrp-lineup .lineup-inside::before {
	left: -34px;
	top: -4px;
	transform: rotate(90deg);
}

.wrp-lineup .lineup-inside::after {
	right: -38px;
	top: 0;
	transform: rotate(180deg);
}

.wrp-lineup .lineup-inside .inside-inside::before {
	bottom: 0;
	left: -38px;
	transform: rotate(0);
}

.wrp-lineup .lineup-inside .inside-inside::after {
	bottom: -4px;
	right: -34px;
	transform: rotate(-90deg);
}

.wrp-lineup .active .lineup-inside::before {
	left: 4px;
}

.wrp-lineup .active .lineup-inside::after {
	right: 0;
}

.wrp-lineup .active .lineup-inside .inside-inside::before {
	left: 0;
}

.wrp-lineup .active .lineup-inside .inside-inside::after {
	right: 4px;
}

.wrp-lineup .heading[data-hdg="1"] {
	margin-bottom: 50px;
}

.wrp-lineup .special {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 877px;
	width: 100%;
}

.wrp-lineup .special:not(:nth-child(2)) {
	margin-top: 90px;
}

.ie11 .wrp-lineup .special {
  justify-content: center;
}

.wrp-lineup .special .special_img {
	max-width: 456px;
  width: 100%;
}

.wrp-lineup .special .special_txtb {
	margin-left: 5.4%;
	max-width: 373px;
  width: 100%;
}

.ie11 .wrp-lineup .special .special_txtb {
  width: auto;
}

.ie11 .wrp-lineup .special .special_tx a {
  display: inline-block;
}

.wrp-lineup .special .special_tx img {
  height: auto;
  width: 100%;
}

.wrp-lineup .special .btn {
	margin-top: 40px;
}

.wrp-lineup .special .btn a {
  box-shadow: 0px 3px 6px 0px rgba(000, 000, 000, 0.16);
  height: 65px;
  max-width: 241px;
  position: relative;
}

.wrp-lineup .special .btn a::after {
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  content: "";
  height: 10px;
  position: absolute;
  right: 34px;
  top: 50%;
  width: 10px;
  z-index: 1;
  -webkit-transform: translate(0%, -50%) rotate(45deg);
  transform: translate(0%, -50%) rotate(45deg);
}

.wrp-lineup .special .btn i {
  -webkit-transform: translateX(-5px);
  transform: translateX(-5px);
}

.wrp-lineup .special .special_img svg {
	width: 100%;
}

@media only screen and (max-width: 1280px) {
	.wrp-lineup {
		margin-left: -40px;
		margin-right: -40px;
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media only screen and (max-width: 750px) {
	.wrp-lineup {
		margin-left: -20px;
		margin-right: -20px;
		padding-bottom: 85px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.wrp-lineup .lineup-inside .inside-inside {
		padding-bottom: 65px;
		padding-top: 60px;
	}

	.wrp-lineup .lineup-inside::before,
	.wrp-lineup .lineup-inside::after,
	.wrp-lineup .lineup-inside .inside-inside::before,
	.wrp-lineup .lineup-inside .inside-inside::after {
		height: 23px;
		width: 18px;
	}

	.wrp-lineup .lineup-inside::before {
		left: 4px;
		top: -4px;
	}

	.wrp-lineup .lineup-inside::after {
		right: 0;
		top: 0;
	}

	.wrp-lineup .lineup-inside .inside-inside::before {
		bottom: 0;
		left: 0;
	}

	.wrp-lineup .lineup-inside .inside-inside::after {
		bottom: -4px;
		right: 4px;
  }

  .wrp-lineup .heading[data-hdg="1"] {
    font-size: 2.2rem;
    margin-bottom: 35px;
  }

  .wrp-lineup .heading[data-hdg="1"] i {
    font-size: 1.4rem;
  }

	.wrp-lineup .special {
    display: block;
		padding-left: 23px;
		padding-right: 23px;
  }

	.wrp-lineup .special:not(:nth-child(2)) {
		margin-top: 55px;
	}

  .wrp-lineup .special .special_img {
    max-width: initial;
  }

  .wrp-lineup .special .special_img svg {
		height: auto;
	}

  .wrp-lineup .special .special_txtb {
    margin-left: 0;
    margin-top: 10px;
    max-width: initial;
  }

  .wrp-lineup .special .special_txtb .special_tx {
    margin-left: auto;
    margin-right: auto;
    max-width: 336px;
    width: 100%;
  }
}



/* -----------------------------

 not found

----------------------------- */
.notfound header {
	left: auto;
	position: relative;
	transform: none;
}

.notfound header .hd-inside {
	justify-content: flex-start;
}

.notfound #contents {
	padding-top: 100px;
}

.notfound .wrp-notfound {
	border-bottom: 1px solid #EAEAEA;
	margin-top: 100px;
	padding-bottom: 80px;
	text-align: center;
}

.notfound .wrp-notfound .notfound_warning {
	color: #ED6103;
	font-weight: bold;
	line-height: 1;
}

.notfound .wrp-notfound .notfound_warning i {
	font-size: 160px;
}

.notfound .wrp-notfound .notfound_warning p {
	font-size: 46px;
}

.notfound .wrp-notfound .notfound_tx {
	margin-top: 45px;
}

.notfound .wrp-notfound .btn[data-clr="orange2"] {
	margin-top: 45px;
}

@media only screen and (max-width: 1280px) {
	.notfound .wrp-notfound {
		margin-left: -40px;
		margin-right: -40px;
	}
}

@media only screen and (max-width: 768px) {
	.notfound header {
		height: auto;
		display: block;
		padding-top: 0;
	}

	.notfound header .hd-def {
		display: block;
	}

	.notfound .wrp-notfound {
		margin-bottom: 130px;
		padding-bottom: 115px;
	}

	.notfound footer .ft-inside {
		display: block;
		text-align: center;
	}

	.notfound footer .copyright {
		margin-top: 20px;
	}
}

@media only screen and (max-width: 750px) {
	.notfound #contents {
		padding-top: 30px;
	}

	.notfound .wrp-notfound {
		margin-bottom: 0;
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 100px;
	}

	.notfound .wrp-notfound .notfound_warning {
		color: #ED6103;
		font-weight: bold;
		line-height: 1;
	}

	.notfound .wrp-notfound .notfound_warning i {
		font-size: 9.1rem;
	}

	.notfound .wrp-notfound .notfound_warning p {
		font-size: 2.4rem;
	}

	.notfound .wrp-notfound .notfound_tx {
		font-size: 1.2rem;
		margin-top: 30px;
	}

	.notfound .wrp-notfound .btn[data-clr="orange2"] {
		margin-top: 20px;
	}

	.notfound .wrp-notfound .btn[data-clr="orange2"] a {
		border-width: 1px;
		font-size: 1.2rem;
		height: 44px;
	}

	.notfound footer {
		padding-top: 35px;
	}

}

/* manual
----------------- */
.house .wrp-manual {
	margin-bottom: 75px;
	text-align: center;
}

.house .wrp-manual .btn a {
	font-size: 2.4rem;
  margin-top: 35px;
}

.house .wrp-manual .btn .icon_blank {
  margin-left: 15px;
  vertical-align: middle;
}

@media only screen and (max-width: 750px) {
  .house .wrp-manual .btn a {
    font-size: 2.0rem;
    height: 68px;
    max-width: 268px;
  }

  .house .wrp-manual .btn .icon_blank {
    height: 20px;
    width: 20px;
  }
}

/* facebook
----------------- */
.house .wrp-fb {
	margin-bottom: 75px;
	text-align: center;
}

.house .wrp-fb .btn a {
	font-size: 2.4rem;
	box-shadow: 0px 3px 6px 0px rgba(000, 000, 000, 0.16);
}

.house .wrp-fb .btn .icon_blank {
  margin-left: 15px;
  vertical-align: middle;
}
.house .wrp-fb .fb-inside {
	display: grid;
	grid-template: auto / repeat(2, 1fr);
	justify-content: center;
	gap: 3rem;
	max-width: 658px;
	margin: 0 auto;
}

@media only screen and (max-width: 750px) {
  .house .wrp-fb .btn a {
    font-size: 2.0rem;
    height: 68px;
    max-width: 268px;
  }

  .house .wrp-fb .btn .icon_blank  {
    height: 20px;
    width: 20px;
  }
	.house .wrp-fb .fb-inside {
		grid-template-columns: 1fr;
	}
}

/* subpage
----------------- */
.subpage {
	padding-top: 100px;
}

@media only screen and (max-width: 750px) {
	.subpage {
		padding-top: 65px;
	}
}

/* breadcrumb
----------------- */
.breadcrumb {
	padding: 0 28px;
}

.breadcrumb a,
.breadcrumb p {
	display: inline-block;
	font-size: 14px;
}

.breadcrumb a {
	color: #333;
}

.breadcrumb a::after {
	content: "";
	display: inline-block;
	width: 5px;
	height: 10px;
	background: url(/img/common/ic_arrow_breadcrumb.svg) center center no-repeat;
	background-size: contain;
	margin: 0 10px 0 13px;
}

@media only screen and (max-width: 750px) {
	.breadcrumb {
		padding: 0;
	}

	.breadcrumb a,
	.breadcrumb p {
		font-size: 12px;
	}
}

/* news list
----------------- */
.wrp-news {
	margin-bottom: 160px;
}

.wrp-news .heading[data-hdg="1"] {
	margin-bottom: 30px;
}

.wrp-news ul li {
	background: #F7F7F7;
	padding: 22px 20px 19px;
}

.wrp-news ul li:nth-child(even) {
	background: #fff;
}

.wrp-news .news-date {
	display: inline-block;
	margin: 0 24px 0 0;
}

.wrp-news .news-link {
	display: inline-block;
	color: #333;
}

@media only screen and (max-width: 750px) {
	.wrp-news {
		margin-bottom: 120px;
	}

	.wrp-news ul {
		width: 100vw;
		margin: 0 0 0 -20px;
	}

	.wrp-news .news-date {
		margin: 0 0 10px 0;
	}
}

/* news detail
----------------- */
.wrp-article .sec-inside {
	position: relative;
	padding: 60px 0 80px;
}

.wrp-article .sec-inside::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	background: #D0D0D0;
	width: 100%;
	height: 1px;
}

.wrp-article .article_hdr {
	position: relative;
}

.wrp-article .heading[data-hdg="1"] {
	margin-bottom: 80px;
}

.wrp-article .article_tx {
	line-height: 1.7;
	margin-top: 40px;
}

.wrp-article .article_tx.date {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1.5;
	margin-top: 0;
}

.wrp-article .article_list {
	margin-top: 40px;
}

.wrp-article .article_list li {
	margin-top: 10px;
}

.wrp-article .article_list li p {
	display: inline-block;
	text-indent: -20px;
	padding: 0 0 0 20px;
}

.wrp-article .article_list p::before {
	content: "";
	position: relative;
	top: -1px;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 10px;
	background: #8F8F8F;
	border-radius: 50%;
}

@media only screen and (max-width: 750px) {
	.wrp-article .sec-inside {
		padding-top: 19px;
	}

	.wrp-article .sec-inside::after {
		left: -20px;
		width: 100vw;
	}

	.wrp-article .heading[data-hdg="1"] {
		margin-top: 43px;
	}

	.wrp-article .article_tx.date {
		position: static;
	}

}

/* house banner
----------------- */
.bnr_fixed {
	display: block;
	position: fixed;
	bottom: 18px;
	left: 29px;
	width: 384px;
	z-index: 99;
}
.bnr_fixed a {
	display: block;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 12px 16px rgba(0, 0, 0, .08);
}
.bnr_fixed .btn_close {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: -6px;
	right: -6px;
}
.bnr_fixed img.tabdis {
	display: none;
}
@media only screen and (max-width: 750px){
	.bnr_fixed{
		bottom: 8px;
		left: 20px;
		width: 275px;
	}
	
.bnr_fixed img.pcdis {
	display: none;
}
.bnr_fixed img.tabdis {
	display: block;
}
}

/* house personal
----------------- */
.house.personal main {
	padding-top: 80px;
}

.house.personal header {
	margin-top: 0;
	position: fixed;
}

.house.personal .hd-inside {
	display: flex;
	padding-right: 28px;
	justify-content: space-between;
}

.house.personal .hd-link a {
	display: block;
	background: #ED6103;
	color: #fff;
	padding: 11px 31px;
	border-radius: 999px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
}

.house.personal .btn a {
	font-size: 2.4rem;
	margin: 64px 0 0;
}

.house.personal .btn a .icon_blank {
	margin-left: 8px;
}

.house.personal .personal_img {
	border-radius: 16px;
	overflow: hidden;
}

.house.personal .personal_hdg .label {
	background-color: #FFF6E8;
	border-radius: 999px;
	display: table;
}

.house.personal .personal_hdg .label b {
	color: #ED6103;
	display: table-cell;
	font-size: 1.6rem;
	height: 35px;
	padding-left: 16px;
	padding-right: 16px;
	vertical-align: middle;
}

.house.personal .personal_hdg .ttl {
	display: block;
	color: #ED6103;
	font-size: 2.8rem;
	font-weight: bold;
	margin-top: 15px;
}

.house.personal .personal_price {
	margin-top: 24px;
	color: #ED6103;
	font-size: 1.6rem;
	font-weight: 700;
}

.house.personal .personal_price em {
	font-size: 4rem;
	font-style: normal;
}

.house.personal .personal_price .note {
	display: block;
	font-weight: 400;
}

.house.personal .cautions {
	margin-top: 54px;
}

.house.personal .cautions * {
	font-size: 1.4rem;
	line-height: 1.29;
}

.house.personal .cautions h2 {
	font-weight: 400;
}

.house.personal .cautions h2+p {
	margin-top: 1em;
}

.house.personal .cautions li {
	text-indent: -16px;
	padding-left: 16px;
	margin-top: 1em;
}

.house.personal .cautions li::before {
	content: '・';
	margin-right: 8px;
	font-size: 1.6rem;
	vertical-align: middle;
}

.house.personal .wrp-outline table th,
.house.personal .wrp-outline table td {
	border: none;
	padding: 22px 0 0;
	font-size: 1.6rem;
}

@media only screen and (max-width: 750px) {
	.house.personal main {
		padding-top: 15px;
	}

	.house.personal .hd-inside {
		height: 100%;
		padding-right: 20px;
	}

	.house.personal .hd-link a {
		padding: 8px 17px;
	}

	.house.personal .btn a {
		margin: 36px auto 0;
	}

	.house.personal .personal_img {
		border-radius: 0;
		width: 100vw;
		margin-left: -20px;
	}

	.house.personal .personal_hdg .ttl {
		font-size: 2.3rem;
	}

	.house.personal .personal_price em {
		font-size: 3.6rem;
	}

	.house.personal .cautions {
		margin-top: 40px;
	}

	.house.personal .wrp-outline table th {
		width: 18%;
	}

	.house.personal .wrp-outline table td {
		width: 82%;
	}
}
