@charset "UTF-8";

/* Document
 * ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
	line-height: 1.15;
	/* 1 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}

/* Sections
 * ========================================================================== */
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */
/**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */
dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
	margin: 0;
}

/**
 * Remove the margin on nested lists in Edge 18- and IE.
 */
ol ol,
ol ul,
ul ol,
ul ul {
	margin: 0;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Correct the inheritance of border color in Firefox.
 * 3. Show the overflow in Edge 18- and IE.
 */
hr {
	box-sizing: content-box;
	/* 1 */
	color: inherit;
	/* 2 */
	height: 0;
	/* 1 */
	overflow: visible;
	/* 3 */
}

/**
 * Add the correct display in IE.
 */
main {
	display: block;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

/* Text-level semantics
 * ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */
abbr[title] {
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/* Embedded content
 * ========================================================================== */
/**
 * Remove the border on images within links in IE 10-.
 */
img {
	border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
	overflow: hidden;
}

/* Tabular data
 * ========================================================================== */
/**
 * 1. Correct table border color inheritance in all Chrome, Edge, and Safari.
 * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.
 */
table {
	border-color: inherit;
	/* 1 */
	text-indent: 0;
	/* 2 */
}

/* Forms
 * ========================================================================== */
/**
 * Remove the margin on controls in Safari.
 */
button,
input,
select {
	margin: 0;
}

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */
button {
	overflow: visible;
	/* 1 */
	text-transform: none;
	/* 2 */
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * Show the overflow in Edge 18- and IE.
 */
input {
	overflow: visible;
}

/**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */
legend {
	box-sizing: border-box;
	/* 1 */
	color: inherit;
	/* 2 */
	display: table;
	/* 1 */
	max-width: 100%;
	/* 1 */
	white-space: normal;
	/* 1 */
}

/**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */
progress {
	display: inline-block;
	/* 1 */
	vertical-align: baseline;
	/* 2 */
}

/**
 * Remove the inheritance of text transform in Firefox.
 */
select {
	text-transform: none;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 */
textarea {
	margin: 0;
	/* 1 */
	overflow: auto;
	/* 2 */
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	outline-offset: -2px;
	/* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
	color: inherit;
	opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */
::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* 1 */
	font: inherit;
	/* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */
::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */
:-moz-ui-invalid {
	box-shadow: none;
}

/* Interactive
 * ========================================================================== */
/*
 * Add the correct display in Edge 18- and IE.
 */
details {
	display: block;
}

/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */
dialog {
	background-color: white;
	border: solid;
	color: black;
	display: block;
	height: -moz-fit-content;
	height: -webkit-fit-content;
	height: fit-content;
	left: 0;
	margin: auto;
	padding: 1em;
	position: absolute;
	right: 0;
	width: -moz-fit-content;
	width: -webkit-fit-content;
	width: fit-content;
}

dialog:not([open]) {
	display: none;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Scripting
 * ========================================================================== */
/**
 * Add the correct display in IE.
 */
template {
	display: none;
}

/* User interaction
 * ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
	display: none;
}

html {
	font-size: 16px;
}

body {
	margin: 0;
	padding: 0;
	line-height: 1.7;
	-webkit-text-size-adjust: 100%;
	font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", serif;
	-webkit-font-smoothing: antialiased;
	background-color: #000c27;
	color: #fff;
}

img {
	max-width: 100%;
	vertical-align: top;
	border: 0;
	height: auto;
}

dd {
	margin: 0;
}

object,
embed {
	vertical-align: top;
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

a {
	color: inherit;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	text-decoration: none;
}

a:hover {
	opacity: 0.7;
}

:focus {
	outline: none;
}

table {
	border-style: solid;
	border-collapse: collapse;
	border-width: 0;
}

th {
	white-space: nowrap;
}

button {
	font: inherit;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.cf::before,
.cf::after {
	content: "";
	display: table;
}

.cf::after {
	clear: both;
}

.pc {
	display: none;
}

.kern {
	display: inline-block;
}

.kern--f {
	text-indent: -0.4em;
}

.kern--r {
	letter-spacing: -0.4em;
}

.anchor {
	position: absolute;
	margin: -60px 0 0;
	padding: 60px 0 0;
}

.wrapper {
	overflow: hidden;
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	width: 100%;
	height: 60px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #000C27;
	padding: 0 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.header__logo {
	width: 116px;
	line-height: 0;
	margin: 0;
}

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

.menu {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	width: 100%;
	height: 100%;
	background: rgba(0, 12, 39, 0.85);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.menu.show {
	opacity: 1;
	pointer-events: auto;
}

.menu__list {
	font-size: 20px;
	text-align: center;
}

.menu__item {
	margin: 1em 0;
}

.menu__item a {
	display: block;
}

.menu__item--contact a {
	color: #000C27;
	background: #fdb900;
	padding: 8px;
	margin: 0 18px;
}

.menuBtn {
	display: block;
	width: 40px;
	height: 40px;
	padding: 10px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 11;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.menuBtn__inner {
	display: block;
	width: 40px;
	height: 2px;
	background: #fff;
	position: absolute;
	top: 50%;
	margin: -1px 0 0;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.menuBtn__inner::before,
.menuBtn__inner::after {
	content: "";
	display: block;
	width: 40px;
	height: 2px;
	background: #fff;
	position: absolute;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.menuBtn__inner::before {
	top: -14px;
	-webkit-transition: top 0.3s ease 0.3s, -webkit-transform 0.3s ease;
	transition: top 0.3s ease 0.3s, -webkit-transform 0.3s ease;
	transition: top 0.3s ease 0.3s, transform 0.3s ease;
	transition: top 0.3s ease 0.3s, transform 0.3s ease, -webkit-transform 0.3s ease;
}

.menuBtn__inner::after {
	bottom: -14px;
	-webkit-transition: bottom 0.3s ease 0.3s, -webkit-transform 0.3s ease;
	transition: bottom 0.3s ease 0.3s, -webkit-transform 0.3s ease;
	transition: bottom 0.3s ease 0.3s, transform 0.3s ease;
	transition: bottom 0.3s ease 0.3s, transform 0.3s ease, -webkit-transform 0.3s ease;
}

.menuBtn.on .menuBtn__inner {
	background: rgba(255, 255, 255, 0);
}

.menuBtn.on .menuBtn__inner::before {
	top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease 0.3s;
	transition: top 0.3s ease, -webkit-transform 0.3s ease 0.3s;
	transition: top 0.3s ease, transform 0.3s ease 0.3s;
	transition: top 0.3s ease, transform 0.3s ease 0.3s, -webkit-transform 0.3s ease 0.3s;
}

.menuBtn.on .menuBtn__inner::after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: bottom 0.3s ease, -webkit-transform 0.3s ease 0.3s;
	transition: bottom 0.3s ease, -webkit-transform 0.3s ease 0.3s;
	transition: bottom 0.3s ease, transform 0.3s ease 0.3s;
	transition: bottom 0.3s ease, transform 0.3s ease 0.3s, -webkit-transform 0.3s ease 0.3s;
}

.menuBtn__closeText {
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	text-align: center;
	position: absolute;
	bottom: -10px;
	left: 0;
	display: block;
	width: 100%;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
	pointer-events: none;
}

.menuBtn.on .menuBtn__closeText {
	-webkit-transition: opacity 0.3s ease 0.3s;
	transition: opacity 0.3s ease 0.3s;
	opacity: 1;
}

.main {
	padding: 60px 0 0;
}

.top {
	background: -webkit-gradient(linear, right top, left bottom, from(#001e60), to(#000));
	background: linear-gradient(to left bottom, #001e60 0%, #000 100%);
}

.top__image {
	text-align: center;
}

.top__image img {
	max-width: 100%;
	height: auto;
}

.campaignBnr {
	background: #ecd3ac;
	text-align: center;
}

.sec2 {
	background-color: #313131;
	background-image: linear-gradient(139deg, #000 0%, #646464 73%, #757575 89%);
}

.sec2__inner {
	padding: 70px 15px 50px;
}

.sec2__heading {
	font-size: 26px;
	font-weight: 400;
	text-align: center;
	margin: 0 0 50px;
}

.sec2__movie {
	margin: 0 0 50px;
}

.sec2__text {
	font-size: 15px;
	font-weight: 600;
	line-height: 2.5;
	text-align: center;
	margin: 0;
}

.point__subSection {
	background-image: -webkit-gradient(linear, right top, left bottom, from(#001e60), to(#000));
	background-image: linear-gradient(to bottom left, #001e60 0%, #000 100%);
}

.point__inner {
	padding: 50px 15px;
}

.point__heading {
	font-size: 3.7vw;
	font-weight: 700;
	line-height: 1.4;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0;
}

.point__heading ._num {
	font-size: 2.15em;
	color: rgba(255, 255, 255, 0.6);
	display: inline-block;
	margin: 0 0.35em 0 0;
	white-space: nowrap;
	border-right: 1px solid rgba(255, 255, 255, 0.6);
	padding-right: 0.35em;
	line-height: 1;
}

.pointHeader {
	background: -webkit-gradient(linear, right top, left bottom, from(#001e60), to(#000));
	background: linear-gradient(to bottom left, #001e60 0%, #000 100%);
}

.pointHeader__inner {
	padding: 60px 15px;
}

.pointHeader__bg {
	display: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	height: 100%;
	width: calc((100vw - 624px) / 2);
}

.pointHeader__bg--l {
	background-image: url(../img/sec3_bg_l@2x.png);
	left: 0;
	-webkit-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
}

.pointHeader__bg--r {
	background-image: url(../img/sec3_bg_r@2x.png);
	right: 0;
	-webkit-transform: translate(100%, 0);
	transform: translate(100%, 0);
}

.pointHeader__heading {
	color: #ffe2b5;
	font-size: 6.41026vw;
	font-weight: 700;
	text-align: center;
	margin: 0 0 20px;
}

.pointHeader__heading ._num {
	font-size: 1.45em;
	display: inline-block;
	margin: 0 0 0 0.25em;
}

.pointHeaderList {
	background-image: url(../img/sec3_frame@2x.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding: 2px;
}

.pointHeaderList__item {
	font-size: 3.6vw;
	font-weight: 700;
}

.pointHeaderList__item ._num {
	color: rgba(255, 255, 255, 0.6);
	font-size: 1.76em;
	margin: 0 2.86576% 0 0;
	border-right: 1px solid rgba(255, 255, 255, 0.6);
	padding-right: 2.86576%;
}

.pointHeaderList__item a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-image: -webkit-gradient(linear, right top, left top, from(#001e60), to(#001238));
	background-image: linear-gradient(to left, #001e60 0%, #001238 100%);
	border: 1px solid #707070;
	padding: 3% 3.92157%;
	line-height: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.pointHeaderList__item a::after {
	content: "";
	display: block;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.905%22%20height%3D%2242.287%22%20viewBox%3D%220%200%2019.905%2042.287%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_20%22%20data-name%3D%22%E3%83%91%E3%82%B9%2020%22%20d%3D%22M169%2C1699.022l20.829%2C18.86%2C20.787-18.86%22%20transform%3D%22translate(-1698.652%20210.951)%20rotate(-90)%22%20fill%3D%22none%22%20stroke%3D%22%23cdb99a%22%20stroke-width%3D%221%22%2F%3E%0A%3C%2Fsvg%3E%0A");
	background-repeat: no-repeat;
	background-size: contain;
	width: 10px;
	height: 20px;
	position: absolute;
	top: 50%;
	right: 3.25792%;
	margin: -10px 0 0;
}

.pointHeaderList__item a:hover {
	opacity: 1;
}

.point1__subHeading,
.point4__subHeading {
	color: #ffe2b5;
	font-size: 5vw;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	margin: 0;
}

.point1__catch {
	color: #fff;
	font-size: 4.5vw;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	margin: 0;
}

.point1__subHeading ._inner,
.point4__subHeading ._inner {
	display: inline-block;
	position: relative;
	padding: 0 0 0.6579em;
}

.point1__subHeading ._inner::after,
.point4__subHeading ._inner::after {
	content: "";
	width: 100%;
	height: 2px;
	background: #ffe2b5;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.point1__text,
.point2__text,
.point3__text,
.point3__note,
.point4__text {
	font-size: 4.1vw;
	text-align: center;
	line-height: 2;
	margin: 0;
}

.point1__text strong,
.point2__text strong,
.point3__text strong,
.point3__note strong,
.point4__text strong,
.point1__text em,
.point2__text em,
.point3__text em,
.point3__note em,
.point4__text em,
.point1__text small,
.point2__text small,
.point3__text small,
.point3__note small,
.point4__text small {
	font: inherit;
}

.point1__text ._orange,
.point2__text ._orange,
.point3__text ._orange,
.point3__note ._orange,
.point4__text ._orange {
	color: #fdb900;
}

.point1__text ._underline,
.point2__text ._underline,
.point3__text ._underline,
.point3__note ._underline {
	display: inline-block;
	line-height: 1.7;
	border-bottom: 1px solid;
}

.point4__text ._underline {
	line-height: 1.7;
	border-bottom: 1px solid;
}

.point2__subHeading,
.point4__subHeading2,
.productsData__heading {
	color: #cdb99a;
	font-size: 5vw;
	font-weight: 700;
	line-height: 2;
	text-align: center;
	padding: 0 0.62em;
	border: 1px solid #cdb99a;
	width: 100%;
  margin: auto;
  box-sizing: border-box;
}

.point1__catch {
	margin: 6% 0 5%;
}

.point1__text {
	margin: 0 auto 6%;
}

.point1__image {
	max-width: 651px;
	margin: auto;
}

.point1__subHeading ._top {
	font-size: 0.737em;
	display: block;
}

.point1__subHeading--2 {
	font-size: 4vw;
}

.point1__image2 {
	margin: 6.74157% 0 3.37079%;
}

.point1__image3 {
	width: 63.59551%;
	margin: auto;
}

.point1__image4 {
	margin: 2.5% 0 4.5%;
}

.point1__toContact {
	color: #001e60;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.8;
	text-align: center;
	max-width: 410px;
	margin: auto;
}

.point1__toContact a {
	display: block;
	background: #fdb900;
	position: relative;
}

.point1__toContact a::after {
	content: "";
	display: block;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.521%22%20height%3D%2222.151%22%20viewBox%3D%220%200%2011.521%2022.151%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_20%22%20data-name%3D%22%E3%83%91%E3%82%B9%2020%22%20d%3D%22M169%2C1699.022l10.414%2C9.43%2C10.393-9.43%22%20transform%3D%22translate(-1698.281%20190.479)%20rotate(-90)%22%20fill%3D%22none%22%20stroke%3D%22%23001e60%22%20stroke-width%3D%222%22%2F%3E%0A%3C%2Fsvg%3E%0A");
	background-repeat: no-repeat;
	background-size: contain;
	width: 10px;
	height: 20px;
	position: absolute;
	top: 50%;
	right: 3.25792%;
	margin: -10px 0 0;
}

.point2__text {
	margin: 1em 0;
}

.point2__text--2 {
	margin: 0 0 2em;
}

.point2__subHeading--1 {
	margin: 0 auto 1%;
}

.point2__note1 {
	color: #CDB98A;
	text-align: center;
	font-size: 3vw;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 700;
	margin: 0 0 2em;
}

.point2__subHeading--2 {
	margin: 7% auto 3.8%;
}

.point2__image {
	max-width: 770px;
	text-align: center;
	margin: 20px auto;
}

.point2__image1 img {
	width: 50%;
}

.point2__movie {
	max-width: 844px;
	margin: auto;
}

.point3__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 7.6% auto 4.3%;
	max-width: 960px;
}

.point3__item {
	width: 31.25%;
}

.point3__text {
	margin: 0 0 6%;
}

.point3__subHeading {
	font-size: 4.5vw;
	font-weight: 600;
	text-align: center;
}

.point3__subHeading ._inner {
	display: inline-block;
	padding: 0 0 0.5em;
	border-bottom: 1px solid;
}

.point3__note {
	font-size: 4vw;
}

.point4__subHeading {
	font-size: 4.5vw;
	margin: 5.6% 0 4.6%;
}

.point4__text {
	margin: 0 0 10px;
}

.point4__text--2 {
	margin: 3.7% 0 5.2%;
}

.point__inner--4_2 {
	padding: 0 15px 50px;
}

.products__inner {
	background-image: -webkit-gradient(linear, right top, left bottom, from(#001e60), to(#000));
	background-image: linear-gradient(to bottom left, #001e60 0%, #000 100%);
	padding: 50px 15px;
}

.products__item {
	margin: 0 0 3%;
}

.productsHeader {
	background-image: -webkit-gradient(linear, right top, left bottom, from(#001e60), to(#000));
	background-image: linear-gradient(to bottom left, #001e60 0%, #000 100%);
}

.productsHeader__inner {
	padding: 8.01282% 0;
}

.productsHeader__bg {
	display: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	height: 100%;
	width: calc((100vw - 624px) / 2);
}

.productsHeader__bg--l {
	background-image: url(../img/sec10_h_bg_l@2x.png);
	left: 0;
	-webkit-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
}

.productsHeader__bg--r {
	background-image: url(../img/sec10_h_bg_r@2x.png);
	right: 0;
	-webkit-transform: translate(100%, 0);
	transform: translate(100%, 0);
}

.productsHeader__heading {
	color: #ffe2b5;
	font-size: 6.41026vw;
	font-weight: 700;
	text-align: center;
	margin: 0;
}

.productsHeader__heading ._inner {
	display: inline-block;
	border-bottom: 2px solid #ffe2b5;
	padding: 0 0 0.4em;
}

.product {
	color: #cdb99a;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.product__image {
	width: 30%;
}

.product__right {
	width: 66%;
}

.product__heading {
	font-size: 2vw;
	margin: 0;
}

.product__heading ._inner {
	display: inline-block;
	border-bottom: 1px solid;
	padding: 0 0 0.2em;
}

.product__text {
	font-size: 1.6vw;
	margin: 1em 0 0;
}

.productsData {
	max-width: 1000px;
	margin: 50px auto;
}

.productsData__heading {
	font-size: 4vw;
  width: 100%;
	margin: 7% auto 3%;
}

.productsData__image {
	width: 100%;
	margin: 5% auto;
}

.productsData__tableWrap {
	overflow: auto;
}

.productsData table {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	width: 100%;
}

.productsData th,
.productsData td {
	font-size: 10px;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	color: #333333;
	border: 2px solid #c9caca;
}

.productsData th {
	font-size: 10px;
	white-space: nowrap;
	background-color: #0a8cd3;
	color: #fff;
}

.productsData th:empty {
	background-color: transparent;
	border-top: transparent;
	border-left: transparent;
}

.productsData td {
	background-color: #fff;
}

.productsData td small {
	display: inline-block;
}

.productsData td._left {
	text-align: left;
}

.productsData tfoot td._noteArea {
	color: #fff;
	background: transparent;
	padding: 0;
	text-align: left;
	border: transparent;
}

.productsData tfoot td._noteArea p {
	margin: 0;
}

.flow__inner {
	padding: 50px 15px;
}

.flow__list {
	max-width: 800px;
	margin: auto;
}

.flow__item {
	margin: 0 0 12px;
}

.flowHeader {
	background-image: -webkit-gradient(linear, right top, left bottom, from(#001e60), to(#000));
	background-image: linear-gradient(to bottom left, #001e60 0%, #000 100%);
}

.flowHeader__inner {
	padding: 8.01282% 0;
}

.flowHeader__bg {
	display: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	height: 100%;
	width: calc((100vw - 624px) / 2);
}

.flowHeader__bg--l {
	background-image: url(../img/sec11_h_bg_l@2x.png);
	left: 0;
	-webkit-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
}

.flowHeader__bg--r {
	background-image: url(../img/sec11_h_bg_r@2x.png);
	right: 0;
	-webkit-transform: translate(100%, 0);
	transform: translate(100%, 0);
}

.flowHeader__heading {
	color: #ffe2b5;
	font-size: 6.41026vw;
	font-weight: 700;
	text-align: center;
	margin: 0;
}

.flowHeader__heading ._inner {
	display: inline-block;
	border-bottom: 2px solid #ffe2b5;
	padding: 0 0 0.4em;
}

.flowHeader__top {
	color: #fdb900;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 700;
	font-size: 4.00641vw;
	text-align: center;
	margin: 0 0 0.5em;
}

.flowItem {
	color: #cdb99a;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 700;
	border: 1px solid #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#001e60), to(#000613));
	background-image: linear-gradient(to bottom, #001e60 0%, #000613 100%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 10px;
	position: relative;
}

.flowItem:not(:last-child)::before,
.flowItem:not(:last-child)::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 80px solid transparent;
	border-right: 80px solid transparent;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -80px;
}

.flowItem::before {
	border-top: 20px solid #fff;
	bottom: -20px;
	z-index: 1;
}

.flowItem::after {
	border-top: 20px solid #000613;
	bottom: -19px;
	z-index: 2;
}

.flowItem__image {
	width: 25%;
}

.flowItem__right {
	width: 70%;
}

.flowItem__heading {
	font-size: 5vw;
	line-height: 1.4;
	margin: 0;
	text-align: center;
}

.flowItem__heading ._num {
	font-size: 1em;
	line-height: 1;
	display: inline-block;
	margin: 0 0.3em 0 0;
}

.flowItem__text {
	font-size: 4vw;
  margin: 0;
}

.flowItem__text ._orange {
	color: #fdb900;
}

.faq__inner {
	padding: 50px 15px;
}

.faq__list {
	max-width: 800px;
	margin: auto;
}

.faq__item {
	margin: 0 0 2.5%;
}

.faqHeader {
	background-image: -webkit-gradient(linear, right top, left bottom, from(#001e60), to(#000));
	background-image: linear-gradient(to bottom left, #001e60 0%, #000 100%);
}

.faqHeader__inner {
	padding: 8.01282% 0;
}

.faqHeader__bg {
	display: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	height: 100%;
	width: calc((100vw - 624px) / 2);
}

.faqHeader__bg--l {
	background-image: url(../img/sec12_h_bg_l@2x.png);
	left: 0;
	-webkit-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
}

.faqHeader__bg--r {
	background-image: url(../img/sec12_h_bg_r@2x.png);
	right: 0;
	-webkit-transform: translate(100%, 0);
	transform: translate(100%, 0);
}

.faqHeader__heading {
	color: #ffe2b5;
	font-size: 6.41026vw;
	font-weight: 700;
	text-align: center;
	margin: 0;
}

.faqHeader__heading ._inner {
	display: inline-block;
	border-bottom: 2px solid #ffe2b5;
	padding: 0 0 0.4em;
}

.faqItem__q,
.faqItem__a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.faqItem__q {
	border: 1px solid #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#001e60), to(#000613));
	background-image: linear-gradient(to bottom, #001e60 0%, #000613 100%);
	position: relative;
	cursor: pointer;
}

.faqItem__q::after {
	content: "＋";
	color: #cdb99a;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 1;
	display: block;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 2.75%;
}

.faqItem__a {
	background: rgba(255, 255, 255, 0.2);
}

.faqItem__heading {
	color: #ffe2b5;
	font-size: 6vw;
	font-weight: 700;
	line-height: 1;
	margin: 0;
}

.faqItem__heading--q {
	position: relative;
	padding: 2.625% 11.5% 2.625% 3%;
}

.faqItem__heading--q::after {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background: #cdb99a;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transform-origin: center top;
	transform-origin: center top;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.faqItem__heading--a {
	padding: 2.625% 3% 2.625% 5%;
}

.faqItem__qText,
.faqItem__aText {
	color: #cdb99a;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 700;
}

.faqItem__qText {
	font-size: 4vw;
  margin: 0;
  padding: 2.625% 9.6% 2.625% 0.7%;
}

.faqItem__aText {
	font-size: 3.5vw;
	padding: 2.625% 6.5% 2.625% 2.625%;
}

.contact__inner {
	background-image: -webkit-gradient(linear, right top, left bottom, from(#001e60), to(#000));
	background-image: linear-gradient(to bottom left, #001e60 0%, #000 100%);
	padding: 50px 15px;
}

.contactHeader {
	background-image: -webkit-gradient(linear, right top, left bottom, from(#001e60), to(#000));
	background-image: linear-gradient(to bottom left, #001e60 0%, #000 100%);
}

.contactHeader__inner {
	padding: 8.01282% 0;
}

.contactHeader__bg {
	display: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	height: 100%;
	width: calc((100vw - 624px) / 2);
}

.contactHeader__bg--l {
	background-image: url(../img/sec13_h_bg_l@2x.png);
	left: 0;
	-webkit-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
}

.contactHeader__bg--r {
	background-image: url(../img/sec13_h_bg_r@2x.png);
	right: 0;
	-webkit-transform: translate(100%, 0);
	transform: translate(100%, 0);
}

.contactHeader__heading {
	color: #ffe2b5;
	font-size: 6.41026vw;
	font-weight: 700;
	text-align: center;
	margin: 0;
}

.contactHeader__heading ._inner {
	display: inline-block;
	border-bottom: 2px solid #ffe2b5;
	padding: 0 0 0.4em;
}

.contactHeader__text {
	color: #fdb900;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 700;
	font-size: 4.00641vw;
	text-align: center;
	margin: 1em 0 0;
}

.contactBanner {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0037b1), to(#000a21));
	background-image: linear-gradient(to bottom, #0037b1 0%, #000a21 100%);
	border: 1px solid #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 90%;
  min-width: 250px;
  padding: 5%;
	position: relative;
	margin: auto;
}

.contactBanner__label {
	font-size: 4vw;
	font-weight: 600;
	text-align: center;
	line-height: 1.25;
	position: absolute;
	top: -8vw;
  left: -1vw;
	width: 15vw;
	height: 15vw;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0037b1), to(#000a21));
	background-image: linear-gradient(to bottom, #0037b1 0%, #000a21 100%);
	border: 1px solid #fff;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: -1vw 0 0 -3.8vw;
}

.contactBanner__text {
	color: #cdb99a;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 700;
	font-size: 3.7vw;
	text-align: center;
	margin: 0;
}

.contactBanner__tel {
	color: #fde000;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 700;
	font-size: 5vw;
	text-align: center;
	margin: 0;
}

.contactBanner__hour {
	font-size: 10px;
	text-align: center;
	margin: 0;
}

.contactForm {
	color: #cdb99a;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 700;
	font-size: 16px;
	padding: 60px 35px;
	box-sizing: border-box;
	max-width: 1040px;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	margin: 0 auto;
}

.contactForm .contact-title {
	font-size: 20px;
	margin: 0 auto 20px;
	text-align: center;
}

.contactForm--thanks {
	padding: 0;
}

.contactForm input[type="text"],
.contactForm input[type="email"],
.contactForm input[type="number"],
.contactForm textarea {
	font: inherit;
	color: #333;
	padding: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border: 2px solid #cdb99a;
	vertical-align: top;
}

.contactForm dl {
	margin: 0 0 20px;
}

.contactForm dt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 0 5px;
}

.contactForm dt .require {
	color: #001e60;
	font-size: 14px;
	display: block;
	background: #cdb99a;
	padding: 1px 8px;
}

.contactForm dt .free {
	font-size: 14px;
	display: block;
	padding: 1px 8px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #cdb99a;
}

.contactForm__check {
	text-align: center;
	margin: 7.5% 0 0;
}

.contactForm__ppLink {
	font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", serif;
}

.contactForm__ppLink a {
	display: inline-block;
	padding: 0 0 0.5em;
	border-bottom: 2px solid #707070;
}

.contactForm__submit {
	margin: 40px 0 0;
}

.contactForm__submit input {
	color: #cdb99a;
	font: inherit;
	font-size: 20px;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 238px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: auto;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#001e60), to(#000613));
	background-image: linear-gradient(to bottom, #001e60 0%, #000613 100%);
	border: 1px solid #fff;
}

.contactForm__submit.clicked {
	position: relative;
}

.contactForm__submit.clicked input {
	opacity: 0;
	pointer-events: none;
}

.contactForm__note {
	font-size: 14px;
	margin: 20px 0 0;
}

.contactForm__thanksHeading {
	color: #fff;
	font-size: 20px;
}

.contactForm__thanksTexts {
	color: #fff;
	line-height: 2;
	margin: 0 0 50px;
}

.contactForm .file_input {
	display: block;
}

.loader {
	border-radius: 50%;
	width: 30px;
	height: 30px;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 6px solid rgba(255, 255, 255, 0.2);
	border-right: 6px solid rgba(255, 255, 255, 0.2);
	border-bottom: 6px solid rgba(255, 255, 255, 0.2);
	border-left: 6px solid #ffffff;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -21px 0 0 -21px;
}

@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.footer {
	text-align: center;
	background: #666666;
	padding: 20px 0;
}

.footer__copyright {
	color: #cdb99a;
	font-size: 12px;
	margin: 0;
}

.mw_wp_form input[type="checkbox"].error {
	display: inline-block;
}

@media print,
screen and (min-width: 480px) {
	.pc {
		display: inline;
	}

	.sp {
		display: none;
	}

	.anchor {
		margin: -70px 0 0;
		padding: 70px 0 0;
	}

	.wrapper {
		min-width: 1040px;
	}

	.header {
		min-width: 1040px;
		height: 70px;
		padding: 0 40px;
	}

	.header__inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
	}

	.menu {
		font-size: 16px;
		font-weight: 700;
		line-height: 40px;
		display: block;
		width: auto;
		height: auto;
		background: none;
		position: relative;
		opacity: 1;
		pointer-events: auto;
	}

	.menu__list {
		font-size: inherit;
		text-align: left;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.menu__item a {
		padding: 0 18px;
	}

	.menu__item--spOnly {
		display: none;
	}

	.menuBtn {
		display: none;
	}

	.main {
		padding: 70px 0 0;
	}

	.sec2__inner {
		max-width: 790px;
		padding: 94px 20px;
		margin: auto;
	}

	.sec2__heading {
		font-size: 36px;
	}

	.sec2__text {
		font-size: 18px;
	}

	.point__inner {
		width: 1000px;
		padding: 50px 0 62px;
		margin: auto;
	}

	.point__inner--1_2 {
		width: 890px;
		padding: 60px 0;
	}

	.point__inner--4_2 {
		width: 844px;
		padding: 0 0 50px;
	}

	.point__heading {
		font-size: 40px;
	}

	.pointHeader__inner {
		width: 624px;
		position: relative;
		margin: auto;
	}

	.pointHeader__bg {
		display: block;
	}

	.pointHeader__heading {
		font-size: 40px;
		line-height: 1;
		margin: 0 0 30px;
	}

	.pointHeaderList {
		width: 670px;
		padding: 4px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0 0 0 -23px;
		position: relative;
	}

	.pointHeaderList__item {
		font-size: 25px;
	}

	.pointHeaderList__item a::after {
		width: 19px;
		height: 42px;
		margin: -21px 0 0;
	}

	.pointHeaderList__item a:hover {
		color: #001e60;
		background: #fff;
	}

	.pointHeaderList__item a:hover ._num {
		color: rgba(0, 30, 96, 0.6);
		border-color: rgba(0, 30, 96, 0.6);
	}

	.pointHeaderList__item a:hover::after {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.905%22%20height%3D%2242.287%22%20viewBox%3D%220%200%2019.905%2042.287%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_20%22%20data-name%3D%22%E3%83%91%E3%82%B9%2020%22%20d%3D%22M169%2C1699.022l20.829%2C18.86%2C20.787-18.86%22%20transform%3D%22translate(-1698.652%20210.951)%20rotate(-90)%22%20fill%3D%22none%22%20stroke%3D%22%23001e60%22%20stroke-width%3D%221%22%2F%3E%0A%3C%2Fsvg%3E%0A");
	}

	.point1__subHeading ._inner::after,
	.point4__subHeading ._inner::after {
		height: 3px;
	}

	.point1__catch,
	.point1__subHeading,
	.point4__subHeading {
		font-size: 40px;
	}

	.point1__text {
		font-size: 20px;
		max-width: 880px;
		margin: auto;
	}

	.point2__text,
	.point3__text,
	.point3__note {
		font-size: 20px;
		max-width: 800px;
		margin: auto;
	}

	.point4__text {
		font-size: 20.5px;
		max-width: 800px;
		margin: auto;
	}

	.point2__subHeading,
	.point4__subHeading2,
	.productsData__heading {
		font-size: 29px;
		max-width: 500px;
		width: 100%;
		box-sizing: border-box;
	}

	.point1__catch {
		margin: 50px 0 20px;
	}

	.point1__text {
		margin: 0 auto 60px;
	}

	.point1__image4 {
		width: 826px;
		margin: 25px auto 45px;
	}

	.point1__toContact {
		font-size: 25px;
		line-height: 45px;
	}

	.point2__text {
		margin: 29px auto 30px;
	}

	.point2__text--2 {
		margin: 30px auto 45px;
	}

	.point2__note1 {
		font-size: 14px;
	}
	
	.point2__image {
	margin: 40px auto;
}

	.point2__image1 img {
		width: 35%;
	}

	.point2__image3 img {
		width: 65%;
	}

	.point2__image5 img {
		width: 58%;
	}

	.point3__text {
		margin: 0 auto 60px;
	}

	.point3__subHeading {
		font-size: 25px;
	}

	.point3__note {
		font-size: 18px;
	}

	.point4__subHeading {
		font-size: 31px;
		margin: 56px 0 46px;
	}

	.point4__text--2 {
		margin: 37px auto 52px;
	}

	.point4__image {
		width: 830px;
		margin: auto;
	}

	.point4__movie {
		padding-bottom: 50px;
	}

	.products__list {
		width: 1000px;
		margin: auto;
	}

	.productsHeader__inner {
		width: 624px;
		padding: 36px 0 50px;
		position: relative;
		margin: auto;
	}

	.productsHeader__bg {
		display: block;
	}

	.productsHeader__heading {
		font-size: 40px;
	}

	.product__image {
		width: 272px;
	}

	.product__right {
		width: 700px;
	}

	.product__heading {
		font-size: 20px;
	}

	.product__text {
		font-size: 16px;
	}

	.productsData__columnwrap {
		display: flex;
		justify-content: center;
	}

	.productsData__column {
		width: 49.5%;
		flex-basis: 49.5%;
	}

	.productsData__heading {
		margin: 50px auto 0;
	}

	.productsData__tableWrap {
		overflow: hidden;
	}

	.productsData table {
		margin: auto;
		border-spacing: 5px;
	}

	.productsData th,
	.productsData td {
		font-size: 16px;
		padding: 12px;
	}

	.productsData th._header {
		font-size: 18px;
	}

	.productsDataTable2 {
		width: 742px;
		margin: 0 auto 40px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.productsDataTable2 table {
		width: 309px;
	}

	.productsDataTable2 .productsData__image {
		width: 400px;
	}

	.flow__item {
		margin: 0 0 26px;
	}

	.flowHeader__inner {
		width: 624px;
		padding: 36px 0 50px;
		position: relative;
		margin: auto;
	}

	.flowHeader__bg {
		display: block;
	}

	.flowHeader__heading {
		font-size: 40px;
	}

	.flowHeader__top {
		font-size: 25px;
	}

	.flowItem {
		padding: 25px 23px;
	}

	.flowItem:not(:last-child)::before,
	.flowItem:not(:last-child)::after {
		border-left: 187px solid transparent;
		border-right: 187px solid transparent;
		margin: 0 0 0 -187px;
	}

	.flowItem::before {
		border-top: 45px solid #fff;
		bottom: -45px;
	}

	.flowItem::after {
		border-top: 45px solid #000613;
		bottom: -44px;
	}

	.flowItem__image {
		width: 200px;
	}

	.flowItem__right {
		width: 540px;
	}

	.flowItem__heading {
		font-size: 23px;
			display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
		text-align: left;
	}
	.flowItem__heading ._num {
	font-size: 1.8em;
}

	.flowItem__text {
		font-size: 16px;
		margin: 0.5em 0 0;
	}

	.faqHeader__inner {
		width: 624px;
		padding: 36px 0 50px;
		position: relative;
		margin: auto;
	}

	.faqHeader__bg {
		display: block;
	}

	.faqHeader__heading {
		font-size: 40px;
	}

	.faqItem__q::after {
		font-size: 41px;
		width: 41px;
		height: 41px;
	}

	.faqItem__heading {
		font-size: 60px;
	}

	.faqItem__qText {
		font-size: 20px;
	}

	.faqItem__aText {
		font-size: 18px;
	}

	.contact__inner {
		padding: 50px 15px 86px;
	}

	.contactHeader__inner {
		width: 624px;
		padding: 36px 0 50px;
		position: relative;
		margin: auto;
	}

	.contactHeader__bg {
		display: block;
	}

	.contactHeader__heading {
		font-size: 40px;
	}

	.contactHeader__text {
		font-size: 25px;
	}

	.contactBanner {
		width: 642px;
		padding: 20px 40px 18px 110px;
	}

	.contactBanner__label {
		font-size: 32px;
		width: 134px;
		height: 134px;
		margin: -10px 0 0 -38px;
	}

	.contactBanner__text {
		font-size: 27px;
	}

	.contactBanner__tel {
		font-size: 41px;
	}

	.contactBanner__hour {
		font-size: 16px;
	}

	.contactForm {
		font-size: 20px;
	}

	.contactForm .contact-title {
		font-size: 25px;
		margin-bottom: 30px;
	}

	.contactForm input[type="text"],
	.contactForm input[type="email"],
	.contactForm input[type="number"],
	.contactForm textarea {
		border: 3px solid #cdb99a;
		padding: 15px;
	}

	.contactForm dl {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.contactForm dt {
		font-size: 22px;
		width: 303px;
	}

	.contactForm dt .require {
		font-size: 20px;
		line-height: 1.85;
		padding: 0 12px;
	}

	.contactForm dt .free {
		font-size: 20px;
		line-height: 1.85;
		padding: 0 12px;
	}

	.contactForm dd {
		width: 600px;
	}

	.contactForm__submit {
		margin: 45px 0 0;
	}

	.contactForm__submit input {
		font-size: 30px;
	}

	.contactForm__note {
		font-size: 18px;
		text-align: center;
		margin: 30px 0 0;
	}

	.contactForm__thanksHeading {
		font-size: 40px;
		text-align: center;
	}

	.contactForm__thanksTexts {
		text-align: center;
	}

	.footer__copyright {
		font-size: 18px;
	}
}

@media (min-width: 1080px) {
	.top__image {
		max-height: calc(95vh - 70px - 107px);
		min-height: 550px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
	}

	.top__image img {
		width: 100%;
		opacity: 0;
	}
}

@media only screen and (max-width: 479px) {
	.pointHeaderList__item a {
		padding: 3% 1.5%;
	}

	.pointHeaderList__item ._num {
		margin-right: 2%;
		padding-right: 2%;
	}

	.pointHeaderList__item {
		font-size: 3.7vw;
	}

	.point__inner {
		padding: 30px 15px;
	}

	.point__heading {
		flex-direction: column;
		font-size: 6vw;
		text-align: center;
	}

	.point__heading ._num {
		margin: 0 0 0.4em;
		padding-right: 0;
		border-right: none;
		font-size: 9vw;
	}

	.point1__subHeading ._top {
		font-size: 1em;
	}
	.point1__image3 {
	width: 100%;
}
	.point2__image2, .point2__image4 {
	overflow: auto;
	width: calc(100% + 15px);
}
	.point2__image2 img, .point2__image4 img {
	width: 150%;
	max-width: none;
}
.point2__image3, .point2__image5 {
		position: relative;
	}
	.point2__image3::before, .point2__image5::before {
		content: "";
    width: 80px;
    height: 30px;
    background-image: url(../img/swipe.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    top: -20px;
    right: -10px;
	}	
	.point__inner--4_2 {
	padding: 0 15px 30px;
}
	
	.products__item {
	flex-direction: column;
	align-items: center;
		margin-bottom: 10%;
}
	.product__image {
	width: 100%;
}
	.product__right {
	width: 100%;
}
	.product__heading {
	text-align: center;
	font-size: 4.5vw;
		font-weight: 900;
}
	.product__heading ._inner {
	display: inline-block;
	border-bottom: none;
	padding: 0.5em 0;
}
	.product__text {
	font-size: 4vw;
	margin: 0;
}
	.flowItem {
	flex-direction: column;
	align-items: center;
		padding: 25px 15px;
		margin-bottom: -1px;
}
	
	.flowItem__image {
	width: 100%;
	margin: 10px auto;
}
	.flowItem__right {
	width: 100%;
}
	
	.faq__inner {
	padding: 30px 15px;
}
	.contactBanner__tel {
		line-height: 1.3;
	}
	.contactBanner__tel .num {
		font-size: 1.8em;
	}
	.contactBanner__hour {
	font-size: 4vw;
	line-height: 1.4;
}
}

/* 価格改定 追加分 */
.top_news_kakaku_wrapper {
	padding: 0 15px;
	margin-top: 30px;
}

.news_kakaku {
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 20px;
	background-color: #bd2222;
	border: 4px double #710f0f;
	box-sizing: border-box;
}

.contact .news_kakaku {
	margin-bottom: 50px;
}

@media (max-width:767px) {
	.news_kakaku_title {
		font-size: 18px;
	}

	.news_kakaku_text {
		font-size: 15px;
	}
}

/* 対談セクション 追加分 */
.ctrl {
	display: inline-block;
}

.productsDataTable2 {
	margin: 0 auto 40px;
}

.interviewHeader {
	background-image: -webkit-gradient(linear, right top, left bottom, from(#001e60), to(#000));
	background-image: linear-gradient(to bottom left, #001e60 0%, #000 100%);
}

.interviewHeader__inner {
	padding: 8.01282% 0;
}

.interviewHeader__bg {
	display: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	height: 100%;
	width: calc((100vw - 624px) / 2);
}

.interviewHeader__bg--l {
	background-image: url(../img/sec10_h_bg_l@2x.png);
	left: 0;
	-webkit-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
}

.interviewHeader__bg--r {
	background-image: url(../img/sec10_h_bg_r@2x.png);
	right: 0;
	-webkit-transform: translate(100%, 0);
	transform: translate(100%, 0);
}

.interviewHeader__heading {
	color: #ffe2b5;
	font-size: 6.41026vw;
	font-weight: 700;
	text-align: center;
	margin: 0;
}

.interviewHeader__heading ._inner {
	display: inline-block;
	border-bottom: 2px solid #ffe2b5;
	padding: 0 0 0.4em;
}

@media (min-width: 480px) {
	.interviewHeader__inner {
		width: 624px;
		padding: 36px 0 50px;
		position: relative;
		margin: auto;
	}

	.interviewHeader__bg {
		display: block;
	}

	.interviewHeader__heading {
		font-size: 40px;
	}
}

.interview__inner {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 50px 15px;
	box-sizing: border-box;
}

.interview__intro01 {
	text-align: center;
	font-size: 15px;
	color: #ffe2b5;
}

.interview__intro02 {
	text-align: center;
	font-size: 25px;
	font-weight: 700;
	color: #ffe2b5;
}

.interview__intro02 .underline {
	border-bottom: 1px solid #ffe2b5;
}

.interview__intro03 {
	margin-bottom: 50px;
}

.interview__imgtitle {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
}

.interview__imgtitle_item {
	flex-basis: 32%;
	width: 32%;
}

.interview__talk:not(:last-child) {
	margin-bottom: 40px;
}

.interview__name .wraping {
	padding: 3px 8px;
	color: #000c27;
	font-weight: 700;
	font-size: 18px;
}

.interview__name.matsumoto .wraping {
	background-color: #99a0b1;
}

.interview__name.ito .wraping {
	background-color: #ffe2b5;
}


@media (max-width: 479px) {
	.interview__inner {
	padding: 30px 15px;
}
}

/* サンクスページ追加css */
.contactHeader__new_inner {
	background-image: url('../img/h_bg.png');
	background-size: cover;
	background-position: center;
	padding: 55px 0;
}

.contactHeader__new_inner ._inner {
	display: inline-block;
	border-bottom: 2px solid #FCEE21;
	padding: 0 0 0.4em;
}


.contactHeader__new_inner .contactHeader__heading {
	color: #FCEE21;
}

.contactForm__new {
	text-align: center;
}

.contactForm__new p {
	color: #fff;
	font-size: 20px;
}

.contactForm__new .txt_02 {
	font-size: 26px;
}

.sp_br {
	display: none;
}

.touroku_img {
	width: 154px;
	display: block;
	margin: 0 auto;
	margin-top: 45px;
	margin-bottom: 35px;
}

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

	.touroku_img {
		width: 110px;
		display: block;
		margin: 0 auto;
		margin-top: 30px;
		margin-bottom: 20px;
	}

}

.line_img {
	width: 90%;
	max-width: 615px;
	margin: 0 auto;
}

.qr_img {
	width: 90%;
	max-width: 230px;
	margin: 0 auto;
	background-color: #fff;
	padding: 10px;
	border-radius: 20px;
	margin-top: 25px;
	margin-bottom: 80px;
}


@media only screen and (max-width: 768px) {
	.qr_img {
		max-width: 190px;
		margin-top: 25px;
		margin-bottom: 50px;
	}

	.sp_br {
		display: block;
	}

	.contactForm__new p {
		color: #fff;
		font-size: 14px;
	}

	.contactForm__new .txt_02 {
		font-size: 16px;
	}

}

.contactForm--thanks_new .contactForm__thanksHeading {
	text-align: center;
	font-size: 40px;
}

@media only screen and (max-width: 768px) {
	.contactForm--thanks_new .contactForm__thanksHeading {
		text-align: center;
		font-size: 19px;
	}
}

/* フォームタブ切り替え */
.tab-area {
	max-width: 1040px;
	box-sizing: border-box;
	display: flex;
	margin: 50px auto 0;
	border: 2px solid #fff;
}

.tab {
	width: 50%;
	flex-basis: 50%;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
	font-size: 23px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 700;
	padding: 10px;
	position: relative;
	transition: 0.7s;
}

.tab:not(:last-child) {
	border-right: 2px solid #fff;
}

.tab.active {
	background-color: #cdb99a;
}

.tab.active::before {
	display: block;
	content: "";
	position: absolute;
	bottom: -18px;
	left: 50%;
	width: 26px;
	height: 18px;
	background-color: #fff;
	clip-path: polygon(0 0, 100% 0%, 50% 100%, 50% 100%);
	transform: translateX(-50%);
}

.tab.active::after {
	display: block;
	content: "";
	position: absolute;
	bottom: -14px;
	left: 50%;
	width: 20px;
	height: 15px;
	background-color: #cdb99a;
	clip-path: polygon(0 0, 100% 0%, 50% 100%, 50% 100%);
	transform: translateX(-50%);
}

.panel {
	display: none;
}

.panel.active {
	display: block;
}

.contactForm .radio_03,
.contactForm .radio_04 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.contactForm .mwform-radio-field {
	padding: 15px;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 35px;
}

.contactForm .radio_03 .mwform-radio-field {
	width: 32%;
	flex-basis: 32%;
	margin-left: 0 !important;
}

.contactForm .radio_04 .mwform-radio-field {
	width: 49%;
	flex-basis: 49%;
	margin-left: 0 !important;
}

.contactForm .radio_04 .mwform-radio-field:nth-child(1),
.contactForm .radio_04 .mwform-radio-field:nth-child(2) {
	margin-bottom: 10px;
}

.contactForm .mwform-radio-field .mwform-radio-field-text {
	position: relative;
	box-sizing: border-box;
	margin: 0;
	cursor: pointer;
	font-weight: 700;
	color: #231815;
}

.contactForm .mwform-radio-field .mwform-radio-field-text::before {
	content: '';
	background-color: #fff;
	border-radius: 100%;
	border: 2px solid #cdb99a;
	display: inline-block;
	width: 1em;
	height: 1em;
	position: relative;
	top: -0.1em;
	margin-right: 10px;
	vertical-align: middle;
	cursor: pointer;
	text-align: center;
	-webkit-transition: all 250ms ease;
	transition: all 250ms ease;
}

.contactForm .mwform-radio-field input[type="radio"] {
	position: absolute;
	opacity: 0;
}

.contactForm .mwform-radio-field input[type="radio"]:checked+.mwform-radio-field-text::before {
	background-color: #cdb99a;
	box-shadow: inset 0 0 0 2px #fff;
}

.contactForm .select_01 {
	display: inline-flex;
	align-items: center;
	position: relative;
}

.contactForm .select_01::after {
	position: absolute;
	right: 20px;
	width: 20px;
	height: 14px;
	background-color: #cdb99a;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	content: '';
	pointer-events: none;
}

.contactForm .select_01 select {
	appearance: none;
	width: 100%;
	padding: 15px 50px 15px 15px;
	border: 1px solid #cdb99a;
	background-color: #fff;
	color: #231815;
	font-size: 1em;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 700;
	cursor: pointer;
}

@media only screen and (max-width: 480px) {
	.tab {
		font-size: 18px;
	}

	.contactForm {
		padding: 40px 18px;
	}

	.contactForm .radio_03 .mwform-radio-field,
	.contactForm .radio_04 .mwform-radio-field {
		width: 100%;
		flex-basis: 100%;
		margin-bottom: 5px !important;
	}

	.contactForm .select_01 {
		width: 100%;
	}

	.contactForm .mwform-radio-field {
		padding: 5px 15px;
	}

	.contactForm .select_01 select {
		padding: 5px 30px 5px 5px;
	}

	.contactForm .select_01::after {
		right: 10px;
		width: 15px;
		height: 10px;
	}
}

/* モーダル */
.modal {
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
}

.modal__bg {
	background: rgba(0, 0, 0, 0.8);
	height: 100vh;
	position: absolute;
	width: 100%;
}

.modal__content {
	background: #000c27;
	border-radius: 11px;
	left: 50%;
	padding: 15px 9px 9px 9px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	max-width: 475px;
}

.modal__content img {
	width: 100%;
}

img.m_img02 {
	width: 90%;
	margin: 0 auto;
	display: block;
	margin-bottom: 15px;
}

.sp_only {
	display: none;
}

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

	.pc_only {
		display: none;
	}

	.sp_only {
		display: block;
	}

	.modal__content {
		background: #000c27;
		border-radius: 11px;
		left: 50%;
		padding: 15px 9px 9px 9px;
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 80%;
		max-width: 320px;
	}

	img.m_img02 {
		width: 100%;
	}


}

.modal__box {
	background-color: #f2f2f2;
	border-radius: 0px 0px 5px 5px;
}

.peke {
	position: fixed;
	right: -41px;
	top: -16px;
	transform: translate(-50%, -50%);
	color: #fff;
	cursor: pointer;
	opacity: 1;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background: rgba(0, 0, 0, 0.5);
}

.peke::before {
	display: block;
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 3px;
	height: 22px;
	border-radius: 4px;
	background: #fff;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);

}

.peke::after {
	display: block;
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3px;
	height: 22px;
	border-radius: 4px;
	background: #fff;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}


/* フォーム */
.modal__content dl {
	background-color: #fff;
	border: 1px solid #AFAFAF;
	border-radius: 6px;
	width: 85%;
	margin: 0 auto;
	margin-bottom: 5px;
	display: flex;
	align-items: center;
	padding: 5px 10px;
	box-sizing: border-box;
}

.modal__content form dt {
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	width: 31%;
	border-right: 1px solid #AFAFAF;
}

.modal__content form dd {
	flex-grow: 1;
}

.modal__content .mw_wp_form .error {
	font-size: 80%;
}

.modal__content input[type="email"],
.modal__content input[type="text"] {
	border: none;
	width: 100%;
}

.modal__content input[type="submit"] {
	cursor: pointer;
	background-color: transparent !important;
	border: none !important;
	background: url("https://www.preceed.co.jp/sdfan/wp-content/themes/sdfan_lp/img/m_cta.png") no-repeat;
	background-size: contain;
	width: 100%;
	padding: 0;
	height: 62px;
	text-indent: -9999px;
	overflow: hidden;
}

.modal-table {
	padding-bottom: 10px;
}

.modal-submit {
	width: 85%;
	margin: 0 auto;
}

@media only screen and (max-width: 768px) {
	.modal__content form dt {
		font-size: 10px;
	}
}

/* 光るアニメーション */
.m_cta {
	width: 100%;
	display: inline-block;
	position: relative;
	overflow: hidden;
}

.m_cta:after {
	content: "";
	height: 100%;
	width: 30px;
	position: absolute;
	top: -180px;
	left: 0;
	background-color: #fff;
	opacity: 0;
	transform: rotate(45deg);
	animation: reflection 2s ease-in-out infinite;
}

@keyframes reflection {
	0% {
		-webkit-transform: scale(0) rotate(45deg);
		opacity: 0;
	}

	80% {
		-webkit-transform: scale(0) rotate(45deg);
		opacity: 0.5;
	}

	81% {
		-webkit-transform: scale(4) rotate(45deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(50) rotate(45deg);
		opacity: 0;
	}
}


/*** ボタン動き ***/
@keyframes bound-anim {
	0% {
		transform: translateY(0) scale(1);
	}

	60% {
		transform: translateY(5px) scale(1);
	}

	100% {
		transform: translateY(10px) scale(1);
	}
}

.m_cta img {
	display: inline-block;
	animation: .5s bound-anim ease-in infinite alternate;
	width: 85%;
}

@media only screen and (max-width: 768px) {
	.m_cta img {
		width: 100%;

	}
}

.m_arrow {
	position: relative;
	display: block;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 10px;
	max-width: 130px;
}

.toContact__gif {
	margin: 50px auto 20px;
	max-width: 380px;
}

#toc_container span.toc_toggle {
	font-size: 75%;
}

.post_content #toc_container p a {
	color: #001a53;
}

/* 23.06.15追加分 5つの強み */
.point5__wrap {
	display: flex;
	justify-content: space-between;
	padding-top: 30px;
}

.point5__item {
	text-align: center;
	flex-basis: 31%;
	width: 31%;
	margin-bottom: 50px;
}

.point5__list {
	margin-bottom: 20px;
}

.point5__list li {
	text-align: justify;
}

.point5__list ._orange {
	color: #fdb900;
}

.point5__itemHeading {
	color: #fdb900;
	font-size: 26px;
	letter-spacing: 0;
	line-height: 1.5;
	border-bottom: 1px solid #fff;
	margin: 25px 0;
	padding-bottom: 20px;
}

.point5__itemHeading .strong {
	display: block;
	font-size: 1.2em;
}

@media only screen and (max-width: 768px) {
	.point5__wrap {
		display: block;
	}

	.point5__item {
		width: 100%;
	}

	.point5__itemHeading {
		font-size: 6vw;
		margin: 15px 0;
		padding-bottom: 10px;
	}

	.point5__list li {
		font-size: 3.3vw;
	}

	.point5__icon {
		height: 70px;
		width: auto;
	}
}

@media only screen and (max-width: 479px) {
	.point5__itemHeading {
    font-size: 5vw;
		border-bottom: none;
		padding-bottom: 0;
	}
	.point5__itemHeading .strong {
	display: inline-block;
	font-size: 1em;
}
	.point5__list li {
	font-size: 4vw;
}
}

@media screen and (min-width:480px) and (max-width:1400px) {
	.menu__item a {
		padding: 0 8px;
		font-size: 12.5px;
	}
}

/* 23.06.19追加分 インタビュー格納 */
.readmore__animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes slideDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes slideDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

.slide-down {
	-webkit-animation-name: slideDown;
	animation-name: slideDown;
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}

	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@keyframes slideUp {
	0% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}

	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

.slide-up {
	-webkit-animation-name: slideUp;
	animation-name: slideUp;
}

.interview__readmore {
	height: 200px;
	overflow: hidden;
	position: relative;
	margin: 0;
}

.foot_cta {
	display: flex;
	align-items: center;
	justify-content: space-around;
	justify-content: space-evenly;
	padding: 15px 0;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
	width: 100%;
	max-width: 400px;
}

.foot_cta__inner {
	position: relative;
	width: 95%;
}

.foot_cta a {
	display: inline-block;
}

.foot_cta a img {
	width: 100%;
	height: auto;
}

.foot_cta__close {
	position: absolute;
	opacity: 0.9;
	cursor: pointer;
	z-index: 2;
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgICAgICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMjciIGhlaWdodD0iMjciIHJ4PSIxMy41IiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSIjOTk5OTk5Ii8+CiAgICAgICAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE5LjY1NjkgOC4zNDMxNUMxOS4yNjYzIDcuOTUyNjIgMTguNjMzMiA3Ljk1MjYyIDE4LjI0MjYgOC4zNDMxNUwxNCAxMi41ODU4TDkuNzU3MzYgOC4zNDMxNUM5LjM2Njg0IDcuOTUyNjIgOC43MzM2NyA3Ljk1MjYyIDguMzQzMTUgOC4zNDMxNUM3Ljk1MjYyIDguNzMzNjcgNy45NTI2MiA5LjM2Njg0IDguMzQzMTUgOS43NTczNkwxMi41ODU4IDE0TDguMzQzMTUgMTguMjQyNkM3Ljk1MjYyIDE4LjYzMzIgNy45NTI2MiAxOS4yNjYzIDguMzQzMTUgMTkuNjU2OUM4LjczMzY3IDIwLjA0NzQgOS4zNjY4MyAyMC4wNDc0IDkuNzU3MzYgMTkuNjU2OUwxNCAxNS40MTQyTDE4LjI0MjYgMTkuNjU2OUMxOC42MzMyIDIwLjA0NzQgMTkuMjY2MyAyMC4wNDc0IDE5LjY1NjkgMTkuNjU2OUMyMC4wNDc0IDE5LjI2NjMgMjAuMDQ3NCAxOC42MzMyIDE5LjY1NjkgMTguMjQyNkwxNS40MTQyIDE0TDE5LjY1NjkgOS43NTczNkMyMC4wNDc0IDkuMzY2ODQgMjAuMDQ3NCA4LjczMzY3IDE5LjY1NjkgOC4zNDMxNVoiIGZpbGw9IiM5OTk5OTkiLz4KICAgICAgICAgIDwvc3ZnPg==");
	top: -12px;
	right: -7px;
}

@media screen and (max-width: 480px) {
	.foot_cta {
		background: linear-gradient(0deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 50%, transparent 100%);
	}
}

/* 実測データセクション追加 */
.zissokuHeader {
	background-image: -webkit-gradient(linear, right top, left bottom, from(#001e60), to(#000));
	background-image: linear-gradient(to bottom left, #001e60 0%, #000 100%);
}

.zissokuHeader__inner {
	padding: 8.01282% 0;
}

.zissokuHeader__bg {
	display: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	height: 100%;
	width: calc((100vw - 624px) / 2);
}

.zissokuHeader__bg--l {
	background-image: url(../img/sec11_h_bg_l@2x.png);
	left: 0;
	-webkit-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
}

.zissokuHeader__bg--r {
	background-image: url(../img/sec11_h_bg_r@2x.png);
	right: 0;
	-webkit-transform: translate(100%, 0);
	transform: translate(100%, 0);
}

.zissokuHeader__heading {
	color: #ffe2b5;
	font-size: 6.41026vw;
	font-weight: 700;
	text-align: center;
	margin: 0;
}

.zissokuHeader__heading ._inner {
	display: inline-block;
	border-bottom: 2px solid #ffe2b5;
	padding: 0 0 0.4em;
}

.zissokuHeader__top {
	color: #fdb900;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 700;
	font-size: 4.00641vw;
	text-align: center;
	margin: 0 0 0.5em;
}

@media (min-width: 480px) {
	.zissokuHeader__inner {
		width: 624px;
		padding: 36px 0 50px;
		position: relative;
		margin: auto;
	}

	.zissokuHeader__bg {
		display: block;
	}

	.zissokuHeader__heading {
		font-size: 40px;
	}

	.zissokuHeader__top {
		font-size: 25px;
	}
}

.zissoku__subttl {
	text-align: center;
	font-size: 2rem;
	margin-bottom: 3rem;
	line-height: 1;
}

.zissoku__subttl .note {
	font-size: 1.2rem;
}

.zissoku__inner {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 50px 15px;
	box-sizing: border-box;
}

.zissoku__readmore {
	height: 400px;
	overflow: hidden;
	position: relative;
	margin: 0;
}

@media (max-width: 479px) {
	.zissoku__inner {
	padding: 0;
}
}

.readclose__btn,
.readmore__btn {
	display: block;
	width: 100%;
	padding: 80px 0 0;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	background: -moz-linear-gradient(top,
			rgba(0, 12, 39, 0) 0%,
			rgba(0, 12, 39, 1) 60%);
	background: -webkit-linear-gradient(top,
			rgba(0, 12, 39, 0) 0%,
			rgba(0, 12, 39, 1) 60%);
	background: linear-gradient(to bottom,
			rgba(0, 12, 39, 0) 0%,
			rgba(0, 12, 39, 1) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000c27',
			endColorstr='#000c27',
			GradientType=0);
}

.readclose__btn {
	background: none;
}

.slide-up {
	height: 150px;
	padding-bottom: 0;
	overflow: hidden;
}

.slide-down {
	height: auto;
	overflow: visible;
	padding-bottom: 50px;
}

.readmore__btn p {
	display: inline-block;
	color: #001749;
	cursor: pointer;
	background: #ffe2b5;
	padding: 7.5px 20px;
	width: 80%;
	border-radius: 20px;
	font-weight: 700;
	font-size: 1.1em;
}

.readclose__btn {
	padding: 0;
}

.readclose__btn p {
	background: #99a0b1;
}


.top_fv_kouji {
	max-width: 540px;
	margin: 60px auto 0;
	padding: 0 15px;
	text-align: center;
}

.top_fv_kouji_ttl {
	border-top: 1px solid #ffe2b5;
	border-bottom: 1px solid #ffe2b5;
	padding:0.1em 0;
	color: #ffe2b5;
	font-size: 5.4vw;
	font-weight: 700;
	margin: 0;
}

.top_fv_kouji_ttl p {
	display: inline-block;
	text-align: left;
	margin: 0;
}

.top_fv_kouji_ttl p span {
	display: block;
}

.top_fv_kouji_ttl p .subttl {
	font-size: 0.667em;
	line-height: 1;
	margin-top: 0.6em;
}

.top_fv_kouji_exp {
	font-size: 3.4vw;
	line-height: 2;
}

.top_fv_kouji_footnum {
	font-size: 0.7em;
}

.top_fv_kouji_note {
	background-color: #000;
	margin: 0;
	padding: 10px 15px;
	font-size: 0.7em;
}

@media screen and (min-width: 480px) {
	.top_fv_kouji_ttl {
		font-size: 31px;
	}

	.top_fv_kouji_exp {
		font-size: 20px;
	}
	
	.top_fv_kouji_note {
		text-align: center;
	}
}



.bnrup {
	background-color: #011135;
	line-height: 1.7;
	-webkit-text-size-adjust: 100%;
	font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", serif;
	color: #fff;
	padding: 2rem 0.7rem 0;
	margin-bottom: 1.5rem;
}
.bnrup .top_fv_kouji {
	margin: 0 auto;
	padding: 0;
}
.bnrup .top_fv_kouji .top_fv_kouji_ttl p {
	margin: 0 auto;
}
.bnrup .top_fv_kouji .top_fv_kouji_exp {
	margin: 1.5rem auto;
}
@media screen and (max-width: 479px) {
	.bnrup .top_fv_kouji_ttl {
		font-size: 4.5vw;
	}
	.bnrup .top_fv_kouji_exp {
		font-size: 2.8vw;
	}
}