@charset "utf-8";

/* base
-------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, main, menu, nav, section {
	display: block;
}
html {
	line-height: 1;
}
ul, ol {
	list-style-type: none;
}
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
q, blockquote {
	quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}
a img {
	border: none;
}
img {
	vertical-align: bottom;
	border: none;
	max-width: 100%;
	height: auto;
}
img[src*=".svg"] {
	width: 100%;
}
a {
	color: inherit;
	text-decoration: none;
}
*,
:before,
:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
input,
button,
select,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font: inherit;
	border: none;
	border-radius: 0;
	outline: none;
}
textarea {
	resize: vertical;
}
input[type='checkbox'],
input[type='radio'] {
	display: none;
}
input[type='submit'],
input[type='button'],
label,
button,
select {
	cursor: pointer;
}
select::-ms-expand {
	display: none;
}

/* --------------------------------------------------------
	フォントと背景
-------------------------------------------------------- */
html {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	font-family: "Arial", "Noto Sans JP", sans-serif;
	color: #000;
	font-size: 1.6em;
	font-weight: 500;
	background: #fff;
	letter-spacing: 0.05em;
	line-height: 1.6;
}

/* フォント */
.ff_yakuHan { font-family: YakuHanJP, sans-serif; }
.ff_serif { font-family: "Noto Serif JP", serif; }
.bold { font-weight: 700; }
.heavy { font-weight: 900; }
.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }

/* 文字色 */
.fc_rd { color: #d20012; }

/* 背景 */
.c-pattern01 {
	background-image: linear-gradient(0deg, transparent calc(100% - 1px), #e6e6e6 calc(100% - 1px)),
		linear-gradient(90deg, transparent calc(100% - 1px), #e6e6e6 calc(100% - 1px));
	background-size: 24px 24px;
	background-repeat: repeat;
	background-position: center center;
	border: solid 1px #e6e6e6;
}
.c-pattern02 { background: url("../img/pattern02.jpg") repeat; }

@media screen and (max-width: 768px) {
body { font-size: 1.4em; }
.c-pattern02 {
	background: url("../img/pattern02_sp.jpg") repeat;
	background-size: 100% auto;
}
}


/* --------------------------------------------------------
	リンク
-------------------------------------------------------- */
a {
	color: inherit;
	transition: .5s;
}
a:hover { opacity: 0.5; }
::-moz-selection {
	color: #fff;
	background: #d20012;
}
::selection {
	color: #fff;
	background: #d20012;
}

/* テキストリンク
-------------------------------------------------------- */

/* アンカーリンク
-------------------------------------------------------- */
.anchor {
	margin-top: -90px;
	padding-top: 90px;
}
@media screen and (max-width: 768px) {
.anchor {
	margin-top: -68px;
	padding-top: 68px;
}
}



/* --------------------------------------------------------
	共通
-------------------------------------------------------- */
.inner {
	max-width: 1200px;
	width: 87%;
	margin: auto;
}
.mw878 {
	max-width: 878px;
	margin: auto;
}
@media screen and (max-width: 768px) {
.inner.is_wide {
	width: 95%;
}
}

.c-frame_layout .c-frame_title {
	color: #999;
	font-size: 1.8rem;
	font-style: italic;
	font-weight: 700;
	text-align: center;
	letter-spacing: 0.1em;
}
.c-frame_layout .c-frame_title span {
	font-size: 3.5rem;
	font-weight: 700;
	display: inline-block;
	margin: 0 0 0 8px;
}
.c-frame_layout .c-frame_content {
	margin: -20px 0 0;
	padding: 20px;
	position: relative;
	z-index: 1;
}
.c-frame_layout .c-frame_content::before,
.c-frame_layout .c-frame_content::after {
	content: "";
	width: 32%;
	height: 35%;
	border: solid 2px #999;
	border-right: none;
	border-bottom: none;
	position: absolute;
	z-index: 0;
}
.c-frame_layout .c-frame_content::before {
	top: 0;
	left: 0;
}
.c-frame_layout .c-frame_content::after {
	bottom: 0;
	right: 0;
	scale: -1 -1;
}
.c-frame_layout .c-frame_content > div { padding: 40px 20px; }
@media screen and (max-width: 768px) {
.c-frame_layout .c-frame_content {
	margin: -16px 0 0;
	padding: 12px;
}
.c-frame_layout .c-frame_content::before,
.c-frame_layout .c-frame_content::after {
	border-width: 1.5px;
}
}


/* iframe */
.iframe { position: relative; }
.iframe.youtube { padding-top: 56.25%; }
.iframe iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


/* flex */
.flex {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}
.nowrap { flex-wrap: nowrap; }
.fd_c {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
}
.fd_rr {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	flex-direction: row-reverse;
}
.ai_fs {
	-webkit-box-align: start;
	align-items: flex-start;
}
.ai_fe {
	-webkit-box-align: end;
	align-items: flex-end;
}
.ai_c {
	-webkit-box-align: center;
	align-items: center;
}
.jc_fs {
	-webkit-box-pack: start;
	justify-content: flex-start;
}
.jc_fe {
	-webkit-box-pack: end;
	justify-content: flex-end;
}
.jc_c {
	-webkit-box-pack: center;
	justify-content: center;
}
.jc_sb {
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.jc_sa {
	justify-content: space-around;
}
.order1 {
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
}
.order2 {
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
}

/* --------------------------------------------------------
	アニメーション
-------------------------------------------------------- */
.trigger {
	opacity: 0;
}
/* 下から上へ */
.animation.animation01 {
	animation: fadeup .8s ease forwards;
}
/* 左から右へ */
.animation.animation02 {
	animation: faderight .8s ease forwards;
}
/* 右から左へ */
.animation.animation03 {
	animation: fadeleft .8s ease forwards;
}

@keyframes fadeup{
	from {
		opacity: 0;
		transform: translateY(2em);
	}
	
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes faderight{
	from {
		opacity: 0;
		transform: translateX(-2em);
	}
	
	to {
		opacity: 1;
		transform: translateX(0);
	}
}
@keyframes fadeleft{
	from {
		opacity: 0;
		transform: translateX(2em);
	}
	
	to {
		opacity: 1;
		transform: translateX(0);
	}
}


/* --------------------------------------------------------
	title
-------------------------------------------------------- */
.c-title01 {
	font-size: 3.2rem;
	font-weight: 700;
	letter-spacing: 0.1em;
}
.c-title01 > span {
	font-size: 4rem;
}
.c-title01 .emphasis {
	display: inline-block;
	position: relative;
}
.c-title01 .emphasis::before {
	content: "";
	width: 8px;
	height: 8px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: -6px;
	left: 50%;
	translate: -50% 0;
}
.c-title01 .wave {
	display: inline-block;
	position: relative;
}
.c-title01 .wave::before {
	content: "";
	width: 100%;
	height: 9px;
	background: url("../img/wave_ye.png") repeat-x;
	background-size: contain;
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
}
.c-line_title {
	color: #fff;
	background: #d20012;
	text-align: center;
	padding: 48px 0;
	position: relative;
}
.c-line_title::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 44px 0px 44px;
	border-color: #d20012 transparent transparent transparent;
	position: absolute;
	top: 100%;
	left: 50%;
	translate: -50% 0;
}
.c-line_title.is_nv {
	background: #383d4a;
}
.c-line_title.is_nv::before {
	border-color: #383d4a transparent transparent transparent;
}
@media screen and (max-width: 768px) {
.c-title01 {
	font-size: 2.4rem;
}
.c-title01 > span {
	font-size: 3.2rem;
}
.c-title01 .emphasis::before {
	width: 6px;
	height: 6px;
	top: -4px;
}
.c-title01 .wave::before {
	height: 4.5px;
}
.c-line_title {
	padding: 24px 0;
}
.c-line_title::before {
	border-width: 28px 32px 0px 32px;
}
}
@media screen and (max-width: 480px) {
.c-title01 {
	font-size: 6.4vw;
}
.c-title01 > span {
	font-size: 8.5vw;
}
}
.c-title02 {
	color: #d20012;
	font-size: 3.2rem;
	font-weight: 700;
	text-align: center;
	margin: 0 0 12px;
	position: relative;
}
.c-title02::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 17.5px 0px 17.5px;
	border-color: #d20012 transparent transparent transparent;
	display: block;
	margin: auto;
}
.c-title02 span {
	background: #fff;
	border: solid 2px #d20012;
	display: inline-block;
	line-height: 1;
	padding: 24px 48px;
}
@media screen and (max-width: 768px) {
.c-title02 {
	font-size: 2.4rem;
}
.c-title02 span {
	line-height: 1.5;
	padding: 12px 20px;
}
}


.c-head01 {
	text-align: center;
	margin: 0 0 72px;
}
.c-head01 .c-head_text {
	font-size: 2.2rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin: 8px 0 0;
}
@media screen and (max-width: 768px) {
.c-head01 {
	margin: 0 0 32px;
}
.c-head01 .c-head_text {
	font-size: 2rem;
}
}
@media screen and (max-width: 480px) {
.c-head01 .c-head_text {
	font-size: 5.3vw;
}
}

/* --------------------------------------------------------
	btn
-------------------------------------------------------- */
.c-btn01 {
	color: #fff;
	max-width: 285px;
	width: 63%;
	background: #d20012;
	border: solid 1px #d20012;
	border-radius: 5px;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	padding: 20px 20px 20px 30px;
	position: relative;
}
.c-btn01 span {
	width: 54px;
	height: 40px;
	border-left: solid 1px #fff;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	overflow: hidden;
	position: absolute;
	top: 50%;
	right: 14px;
	transform: translateY(-50%);
}
.c-btn01 span::before,
.c-btn01 span::after {
	content: "";
	width: 18px;
	height: 18px;
	background-image: url("../img/arrow_r02_wh.svg");
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 26px;
	transform: translateY(-50%);
	transition: .5s;
}
.c-btn01.is_wh {
	color: #000;
	background: #fff;
	border-color: #999;
}
.c-btn01.is_wh span {
	border-left-color: #999;
}
.c-btn01.is_wh span::before,
.c-btn01.is_wh span::after {
	background-image: url("../img/arrow_r02_bk.svg");
}
.c-btn01 span::after {
	left: -54px;
}
.c-btn01:hover {
	color: #d20012;
	background: #fff;
	opacity: 1;
}
.c-btn01:hover span {
	border-left-color: #d20012;
}
.c-btn01:hover span::before,
.c-btn01:hover span::after {
	background-image: url("../img/arrow_r02_rd.svg");
}
.c-btn01.is_wh:hover {
	color: #fff;
	background: #fbb03b;
	border-color: #fbb03b;
}
.c-btn01.is_wh:hover span {
	border-left-color: #fff;
}
.c-btn01.is_wh:hover span::before,
.c-btn01.is_wh:hover span::after {
	background-image: url("../img/arrow_r02_wh.svg");
}
.c-btn01:hover span::before {
	left: 100px;
}
.c-btn01:hover span::after {
	left: 26px;
}
@media screen and (max-width: 768px) {
.c-btn01 {
	-webkit-box-pack: center;
	justify-content: center;
	padding-right: 52px;
}
.c-btn01 span {
	width: 32px;
	height: 32px;
}
.c-btn01 span::before,
.c-btn01 span::after {
	width: 16px;
	height: 16px;
}
.c-btn01 span::before,
.c-btn01:hover span::after {
	left: 14px;
}
}
@media screen and (max-width: 480px) {
.c-btn01 {
	padding: 4.2vw;
	padding-right: calc(4.2vw + 32px);
}
}

/* --------------------------------------------------------
	PC SP
-------------------------------------------------------- */
.is_sp { display: none; }
@media screen and (max-width: 768px) {
	.is_pc { display: none; }
	.is_sp { display: block; }
}


/* --------------------------------------------------------
	header
-------------------------------------------------------- */
header {
	height: 100px;
	background: #fff;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	padding: 0 3.125%;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	transition: .5s;
	z-index: 10;
}
.hd_logo {
	max-width: 208px;
	position: relative;
	transition: .5s;
	z-index: 1;
}
.hd_nav .hd_nav_btn {
	display: -webkit-box;
	display: flex;
}
.hd_nav .hd_nav_btn li:not(:last-child) {
	margin: 0 8px 0 0;
}
.hd_nav_btn li a {
	border: solid 1px #999;
	border-radius: 5px;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	padding: 12px 8px;
}
.hd_nav_btn li:nth-child(2) a {
	color: #fff;
	background: #d20012;
	border-color: #d20012;
}
.hd_nav .hd_nav_btn li a:hover {
	color: #fff;
	background: #fbb03b;
	border-color: #fbb03b;
	opacity: 1;
}
.hd_nav .hd_nav_btn li:nth-child(2) a:hover {
	color: #d20012;
	background: #fff;
	border-color: #d20012;
}
#hamb { display: none; }
.hamb_nav {
	width: 100%;
	min-height: 100vh;
	height: 100%;
	background: #fff;
	padding: 100px 6.7% 0;
	opacity: 0;
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	transition: .5s;
	z-index: 0;
}
.hamb_nav .hd_nav_list {
	margin: 0 0 40px;
}
.hamb_nav .hd_nav_list li {
	border-bottom: solid 1px #e6e6e6;
}
.hamb_nav .hd_nav_list li a {
	font-size: 1.4rem;
	display: block;
	padding: 16px;
	position: relative;
}
.hamb_nav .hd_nav_list li a::before,
.hamb_nav .hd_nav_list li a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.hamb_nav .hd_nav_list li a::before {
	width: 27px;
	height: 27px;
	border: solid 1px #999;
	border-radius: 5px;
	right: 16px;
}
.hamb_nav .hd_nav_list li a::after {
	width: 10px;
	height: 10px;
	background: url("../img/arrow_r02_bk.svg") no-repeat;
	background-size: contain;
	right: 25px;
}
.hamb_nav .hd_nav_btn {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	flex-direction: column-reverse;
}
.hamb_nav .hd_nav_btn li:not(:nth-child(1)) {
	margin: 0 0 14px;
}
.hamb_nav .hd_nav_btn li a {
	display: block;
	text-align: center;
	padding: 16px 20px;
	padding-right: 46px;
	position: relative;
}
.hamb_nav .hd_nav_btn li:nth-child(1) .text::after {
	content: "する";
}
.hamb_nav .hd_nav_btn li:nth-child(2) .text::after {
	content: "をする";
}
.hamb_nav .hd_nav_btn .arrow {
	width: 32px;
	height: 32px;
	border-left: solid 1px #fff;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	overflow: hidden;
	position: absolute;
	top: 50%;
	right: 14px;
	transform: translateY(-50%);
}
.hamb_nav .hd_nav_btn .arrow::before,
.hamb_nav .hd_nav_btn .arrow::after {
	content: "";
	width: 16px;
	height: 16px;
	background-image: url("../img/arrow_r02_wh.svg");
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 14px;
	transform: translateY(-50%);
	transition: .5s;
}
.hamb_nav .hd_nav_btn .arrow::after { left: -54px; }
.hamb_nav .hd_nav_btn li:nth-child(1) .arrow {
	border-left-color: #999;
}
.hamb_nav .hd_nav_btn li:nth-child(1) .arrow::before,
.hamb_nav .hd_nav_btn li:nth-child(1) .arrow::after {
	background-image: url("../img/arrow_r02_bk.svg");
}
.hamb_nav .hd_nav_btn li a:hover span::before { left: 100px; }
.hamb_nav .hd_nav_btn li a:hover span::after { left: 14px; }
.is_hamb_open .hamb_nav {
	opacity: 1;
	visibility: inherit;
}
@media screen and (min-width: 1025px) {
.is_scroll header { height: 70px; }
.is_scroll .hd_logo { max-width: 180px; }
.hd_nav,
.hd_nav_list {
	display: -webkit-box;
	display: flex;
}
.hd_nav {
	font-size: 1.4rem;
	font-weight: 700;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: end;
	justify-content: flex-end;
	flex: 1 1 auto;
}
.hd_nav_list li {
	position: relative;
}
.hd_nav_list li:not(:last-child)::after {
	content: "";
	width: 1px;
	height: 100%;
	background: #999;
	position: absolute;
	top: 0;
	right: 0;
}
.hd_nav_list li a {
	display: block;
	padding: 0 min(1.5vw, 18px);
}
.hd_nav_list li a:hover {
	color: #d20012;
	opacity: 1;
}
.hd_nav_btn li {
	width: min(12vw, 143px);
}
}
@media screen and (max-width: 1024px) {
header {
	height: 70px;
	padding-right: calc(50px + 3.125%);
}
.hd_logo {
	max-width: 165px;
	width: calc(100% - 64px);
}
.hd_nav .hd_nav_list { display: none; }
.hd_nav .hd_nav_btn li {
	width: 143px;
}
#hamb {
	width: 50px;
	height: 50px;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	cursor: pointer;
	position: absolute;
	top: calc(50% - 25px);
	right: 2%;
	z-index: 1;
}
#hamb::before,
#hamb::after {
	content: "";
	width: 34%;
	height: 52%;
	border: solid 1px #999;
	border-right: none;
	border-bottom: none;
	position: absolute;
	transition: .5s;
}
#hamb::before {
	top: 0;
	left: 0;
}
#hamb::after {
	bottom: 0;
	right: 0;
	scale: -1 -1;
}
#hamb .icon {
	width: 25px;
	height: 17px;
	position: relative;
}
#hamb span {
	width: 100%;
	height: 1px;
	background: #000;
	display: block;
	position: absolute;
	left: 0;
	transition: .5s;
}
#hamb span:nth-child(1) {
	top: 0;
}
#hamb span:nth-child(2) {
	top: 50%;
}
#hamb span:nth-child(3) {
	top: 100%;
}
.is_hamb_open #hamb::before,
.is_hamb_open #hamb::after {
	width: 100%;
	height: 100%;
}
.is_hamb_open #hamb span:nth-child(1),
.is_hamb_open #hamb span:nth-child(3) {
	top: 7.5px;
}
.is_hamb_open #hamb span:nth-child(1) {
	transform: rotate(28deg);
}
.is_hamb_open #hamb span:nth-child(2) {
	transform: scaleX(0);
}
.is_hamb_open #hamb span:nth-child(3) {
	transform: rotate(-28deg);
}
}
@media screen and (max-width: 768px) {
header { padding-right: 3.125%; }
.hd_nav .hd_nav_btn { display: none; }
}

/* --------------------------------------------------------
	footer
-------------------------------------------------------- */
footer > div:not(.ft_info) {
	color: #fff;
	background: #383d4a;
	text-align: center;
}
.ft_info {
	border-top: solid 2px #999;
	text-align: center;
	padding: 64px 0;
}
.ft_logo {
	max-width: 208px;
	width: 55.6%;
}
.ft_info .zensin {
	max-width: 147px;
	width: 28%;
	margin: 16px 0 20px;
}
.ft_desc {
	padding: 64px 0;
}
.ft_desc_title {
	font-size: 2.4rem;
	margin: 0 0 12px;
}
.ft_desc_text {
	font-size: 1.8rem;
	line-height: 1.75;
}
#copyright {
	font-size: 1.2rem;
	border-top: solid 1px #fff;
	padding: 10px 8px;
}
#fix_bnr {
	max-width: 347px;
	width: 80%;
	position: fixed;
	right: 28px;
	bottom: 16px;
	z-index: 5;
}
#fix_bnr.is_hide { display: none; }
#bnr_close {
	width: 24px;
	height: 24px;
	background: #fff;
	border: solid 1px #999;
	border-radius: 50%;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	cursor: pointer;
	padding: 0;
	position: absolute;
	top: -12px;
	right: -10px;
}
#bnr_close:after {
	content: "";
	width: 9px;
	height: 9px;
	background: url("../img/icon_times_gy.svg") no-repeat;
	background-size: contain;
	display: block;
}
@media screen and (max-width: 768px) {
.ft_info .zensin {
	max-width: 105px;
	margin: 16px 0 24px;
}
.ft_desc_title {
	font-size: 2rem;
	margin: 0 0 20px;
}
.ft_desc_text {
	font-size: 1.6rem;
}
#copyright {
	font-size: 1rem;
}
#fix_bnr {
	right: 6%;
}
}





/* --------------------------------------------------------
	メインビジュアル
-------------------------------------------------------- */
#mv { padding: min(4vw, 56px) 0; }
#mv .inner { max-width: 1300px; }
.mv_mov {
	width: 38%;
	padding: 20px;
	position: relative;
}
.mv_mov::before,
.mv_mov::after {
	content: "";
	width: 32%;
	height: 35%;
	border: solid 2px #999;
	border-right: none;
	border-bottom: none;
	position: absolute;
}
.mv_mov::before {
	top: 0;
	left: 0;
}
.mv_mov::after {
	bottom: 0;
	right: 0;
	scale: -1 -1;
}
.mv_mov > div {
	overflow: hidden;
	padding-top: 177.5%;
	position: relative;
}
.mv_mov video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#mv .text_wrap {
	width: 58%;
}
.mv_title {
	font-size: min(2.28vw, 32px);
/*	font-size: 3.2rem;*/
	font-weight: 700;
	width: 100%;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	flex-direction: column-reverse;
	-webkit-box-align: center;
	align-items: center;
	text-align: center;
	letter-spacing: 0.1em;
	white-space: nowrap;
}
.mv_title .sub {
	margin: 0 0 16px;
}
.mv_title .sub > span {
	font-size: min(2.5vw, 36px);
/*	font-size: 3.6rem;*/
}
.mv_title .sub > span span {
	display: inline-block;
	position: relative;
}
.mv_title .sub > span span::before {
	content: "";
	width: 100%;
	height: 9px;
	background: url("../img/wave_gy.png") repeat-x;
	background-size: contain;
	display: inline-block;
	position: absolute;
	bottom: -1px;
	left: 0;
}
.mv_title .main {
	line-height: .8;
}
.mv_title .main > span {
	font-size: min(4.57vw, 64px);
/*	font-size: 6.4rem;*/
}
.mv_title .main > span span {
	font-size: min(7.4vw, 104px);
	position: relative;
	bottom: max(-1.42vw, -20px);
}
.mv_cta {
	margin: 48px 0 0;
	padding: min(3.5vw, 50px) min(2.85vw, 40px);
}
.mv_cta_title {
	font-size: min(2.28vw, 32px);
	font-weight: 700;
	text-align: center;
	margin: 0 0 min(2.28vw, 32px);
}
.mv_cta_title span {
	display: inline-block;
	padding: 0 32px;
	position: relative;
}
.mv_cta_title span::before,
.mv_cta_title span::after {
	content: "";
	width: 14px;
	height: 29px;
	background-image: url("../img/deco.svg");
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.mv_cta_title span::before {
	left: 0;
}
.mv_cta_title span::after {
	right: 0;
	scale: -1 1;
}
.mv_cta_btn li {
	width: 48%;
}
.mv_cta_btn .c-btn01 {
	max-width: inherit;
	width: 100%;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: center;
}
@media screen and (min-width: 1025px) {
.mv_cta_btn .c-btn01 {
	font-size: min(1.14vw, 16px);
	padding: min(1.66vw, 20px);
	padding-right: min(4.85vw, 68px);
	padding-left: 0;
}
.mv_cta_btn .c-btn01 span {
	width: min(3.85vw, 54px);
	height: min(2.85vw, 40px);
	right: min(1vw, 14px);
}
.mv_cta_btn .c-btn01 span::before,
.mv_cta_btn .c-btn01 span::after {
	width: min(1.28vw, 18px);
	height: min(1.28vw, 18px);
}
.mv_cta_btn .c-btn01 span::before,
.mv_cta_btn .c-btn01:hover span::after {
	left: min(1.85vw, 26px);
}
.mv_cta_btn .c-btn01:hover span::before {
	left: 100px;
}

}
@media screen and (max-width: 1024px) {
#mv { padding: 24px 0 56px; }
#mv .inner {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
}
.mv_mov {
	width: 60%;
	margin: 0 0 40px;
}
#mv .text_wrap { width: 100%; }
.mv_title,
.mv_cta_title {
	font-size: 3.2rem;
}
.mv_title .sub > span {
	font-size: 3.6rem;
}
.mv_title .main {
	line-height: .75;
}
.mv_title .main > span {
	font-size: 6.4rem;
}
.mv_title .main > span span {
	font-size: 10.4rem;
	bottom: -20px;
}
.mv_cta {
	margin: 64px 0 0;
}
.mv_cta_btn .c-btn01 {
	padding-right: 68px;
	padding-left: 0;
}
}
@media screen and (max-width: 768px) {
.mv_mov {
	width: 100%;
	margin: 0 0 40px;
	padding: 12px;
}
.mv_title,
.mv_cta_title,
.mv_title .sub > span {
	font-size: 2.4rem;
}
.mv_title .main {
	line-height: .9;
}
.mv_title .main > span {
	font-size: 4rem;
}
.mv_title .main > span span {
	font-size: 6.6rem;
	bottom: -14px;
}
.mv_title .sub {
	margin: 0 0 8px;
}
.mv_title .sub > span span::before {
	height: 4.5px;
	bottom: 0;
}
.mv_cta {
	margin: 32px 0 0;
	padding: 32px 0;
}
.mv_cta_title span {
	padding: 0 40px;
}
.mv_cta_title span::before,
.mv_cta_title span::after {
	width: 25px;
	height: 54.5px;
	background-image: url("../img/deco_sp.svg");
	top: inherit;
	bottom: 2px;
	transform: none;
}
.mv_cta_btn {
	width: 80%;
	margin: auto;
}
.mv_cta_btn li {
	width: 100%;
}
.mv_cta_btn li:not(:last-child) {
	margin: 0 0 14px;
}
.mv_cta_btn .c-btn01 {
	padding-right: 46px;
	padding-left: 0;
}
}


/* --------------------------------------------------------
	成果を出す導線を全部プロデュースします！
-------------------------------------------------------- */
.intro01 .content {
	padding: 80px 0 100px;
}
.intro01 .c-frame_layout .c-frame_content::before,
.intro01 .c-frame_layout .c-frame_content::after {
	border-width: 2px;
}
.intro01 .c-frame_layout .c-frame_content {
	margin: 0;
}
.intro01 .c-frame_layout .c-frame_content > div {
	padding: 20px 20px 16px;
}
.intro_list {
	max-width: 990px;
	width: 100%;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	margin: auto;
}
.intro_list li:not(.times) {
	width: 27%;
	text-align: center;
}
.intro_list li.times {
	width: 9.5%;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	padding: 0 2.7%;
}
.intro_list_title {
	font-size: min(2.1vw, 22px);
	font-weight: 700;
	margin: 16px 0 0;
}
@media screen and (max-width: 768px) {
.intro01 .c-frame_layout .c-frame_content::before,
.intro01 .c-frame_layout .c-frame_content::after {
	border-width: 1.5px;
}
.intro01 .content {
	padding: 56px 0 64px;
}
.intro01 .c-title01 > span:not(.ff_takuHan) {
	display: inline-block;
	margin: 10px 0 0;
}
.intro01 .c-frame_layout .c-frame_content > div {
	padding: 16px 10px 10px;
}
.intro_list {
	width: 55.5%;
}
.intro_list li:not(.times),
.intro_list li.times {
	width: 100%;
	padding: min(2.4vw, 10px) 0;
}
.intro_list li.times {
	-webkit-box-pack: center;
	justify-content: center;
}
.intro_list li.times img {
	max-width: 26.5px;
	width: 12.7%;
}
.intro_list_title {
	font-size: 2rem;
	margin: 8px 0 0;
}
}
@media screen and (max-width: 480px) {
.intro_list_title {
	font-size: 5.3vw;
}
}

.intro02 {
	background: #383d4a;
	padding: 120px 0 0;
}
.intro02 .c-title01 {
	color: #fff;
	text-align: center;
	margin: 0 0 min(3.7vw, 48px);
}
.intro02 .c-title01 > span:not(.ff_yakuHan) {
	color: #f6dd4f;
}
.intro02 .bubble_wrap {
	max-width: 1033px;
	width: 100%;
	margin: auto;
	padding: min(13.8vw, 180px) 0 0;
	position: relative;
}
.intro02 .bubble_wrap .illust {
	text-align: center;
}
.intro02 .bubble_wrap .illust img {
	max-width: 164px;
	width: 15.8%;
}
.intro02 .bubble,
.intro02 .bubble .text {
	position: absolute;
}
.intro02 .bubble .text {
	font-size: min(1.6vw, 1.8rem);
	font-weight: 700;
	text-align: center;
	line-height: 1.75;
}
@media screen and (min-width: 769px) {
.intro02 .bubble.bubble01 {
	width: 34.4%;
	top: 39%;
	left: 0;
}
.intro02 .bubble.bubble01 .text {
	top: 29%;
	left: 14%;
}
.intro02 .bubble.bubble02,
.intro02 .bubble.bubble03 {
	top: 0;
}
.intro02 .bubble.bubble02 {
	width: 33%;
	left: 12.8%;
}
.intro02 .bubble.bubble02 .text {
	top: 27%;
	left: 24%;
}
.intro02 .bubble.bubble03 {
	width: 33%;
	right: 11%;
}
.intro02 .bubble.bubble03 .text {
	top: 33.4%;
	left: 21%;
}
.intro02 .bubble.bubble04 {
	width: 35.6%;
	top: 40%;
	right: 0;
}
.intro02 .bubble.bubble04 .text {
	top: 36%;
	left: 30%;
}
}
@media screen and (max-width: 768px) {
.intro02 {
	padding: 64px 0 0;
}
.intro02 .c-title01 {
	margin: 0 0 24px;
}
.intro02 .bubble_wrap .illust {
	margin-top: -8%;
}
.intro02 .bubble_wrap .illust img {
	width: 26%;
}
.intro02 .bubble_wrap {
	padding: 0;
}
.intro02 .bubble_wrap .bubble:not(:last-of-type) {
	margin: 0 0 min(2.2vw, 16.5px)
}
.intro02 .bubble {
	position: relative;
}
.intro02 .bubble .text {
	font-size: 4.2666vw;
	width: 100%;
	top: 50%;
	left: 0;
	translate: 0 -50%;
}
.intro02 .bubble.bubble04 .text {
	margin: -4% 0 0;
}
}

.intro03 { padding: 72px 0 0; }
.intro03 .inner {
	padding: 0 0 min(9.4vw, 113px);
	position: relative;
}
.intro03 .arrow {
	text-align: center;
	margin: 0 0 40px;
}
.intro03 .arrow img {
	max-width: 199px;
	width: 26.5%;
}
.intro03 .text_wrap {
	font-size: min(1.8vw, 22px);
	font-weight: 700;
	max-width: 834px;
	width: 70%;
	text-align: center;
	margin: auto;
}
.intro03 .c-frame_layout .c-frame_content::before,
.intro03 .c-frame_layout .c-frame_content::after {
	width: 24%;
	height: 45%;
	border-width: 2px;
}
.intro03 .c-frame_layout .c-frame_content {
	margin: 0;
}
.intro03 .c-frame_layout .c-frame_content > div {
	padding: 40px 0;
}
.intro03 .text_wrap .main {
	font-size: min(3vw, 36px);
	margin-top: -48px;
}
.intro03 .text_wrap .main > span:not(.ff_yakuHan) {
	font-size: min(5vw, 60px);
}
.intro03 .text_wrap .main > span span {
	font-size: min(8.3vw, 100px);
	position: relative;
	bottom: max(-1.666vw, -20px);
}
.intro03 .text_wrap .sub {
	margin: -32px 0 0;
}
.intro03 .text_wrap .sub > span {
	font-size: min(3.333vw, 40px);
	position: relative;
	bottom: max(-0.8333vw, -10px);
}
.intro03 .illust {
	position: absolute;
	bottom: 0;
}
.intro03 .illust.illust01 {
	max-width: 229px;
	width: 19%;
	left: 0;
}
.intro03 .illust.illust02 {
	max-width: 176px;
	width: 14.666%;
	right: 0;
}
@media screen and (max-width: 768px) {
.intro03 { padding: 40px 0 0; }
.intro03 .inner {
	padding: 0;
}
.intro03 .arrow {
	margin: 0 0 24px;
}
.intro03 .text_wrap {
	font-size: 2rem;
	width: 100%;
}
.intro03 .c-frame_layout .c-frame_content > div {
	padding: 4px 0;
}
.intro03 .text_wrap .main {
	font-size: 2.4rem;
	line-height: 1.25;
	margin-top: -12px;
}
.intro03 .text_wrap .main > span:not(.ff_yakuHan) {
	font-size: 4rem;
}
.intro03 .text_wrap .main > span span {
	font-size: 6rem;
	bottom: -10px;
}
.intro03 .text_wrap .sub {
	margin: 16px 0 0;
}
.intro03 .text_wrap .sub > span {
	font-size: 3.6rem;
	display: inline-block;
	margin: -16px 0;
	bottom: -9px;
}
.intro03 .illust_wrap {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: end;
	align-items: flex-end;
	-webkit-box-pack: center;
	justify-content: center;
	margin: 22px 0 0;
}
.intro03 .illust {
	position: relative;
}
.intro03 .illust.illust01 {
	width: 41.2%;
	margin: 0 4.2666% 0 0;
}
.intro03 .illust.illust02 {
	width: 31.7%;
}
}
@media screen and (max-width: 480px) {
.intro03 .text_wrap {
	font-size: 5.3vw;
}
.intro03 .text_wrap .main {
	font-size: 6.4vw;
}
.intro03 .text_wrap .main > span:not(.ff_yakuHan) {
	font-size: 10.6vw;
}
.intro03 .text_wrap .main > span span {
	font-size: 16vw;
	bottom: -2.5vw;
}
.intro03 .text_wrap .sub > span {
	font-size: 9.6vw;
	bottom: -2.5vw;
}
}

/* --------------------------------------------------------
	凄い展示会」なら！
-------------------------------------------------------- */
#point .content {
	padding: 100px 0 120px;
}
#point .content .c-title01 {
	text-align: center;
	margin: 0 0 48px;
}
#point .content .c-title01 .emphasis::before {
	background: #d20012;
}
.point_list li {
	width: 30%;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	text-align: center;
	margin-top: 56px;
	margin-right: 5%;
}
.point_list.c-frame_layout .c-frame_content,
.point_list.c-frame_layout .c-frame_content > div {
	height: 100%;
}
.point_list.c-frame_layout .c-frame_content > div {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	text-align: center;
	padding: 40px 8px;
}
.point_list_title {
	font-size: min(1.7vw, 22px);
	font-weight: 700;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	flex: 1 1 auto;
	margin: 0 0 8px;
}
.point_list_img {
	margin: 0 0 12px;
}
.point_list_text {
	font-size: min(1.18vw, 16px);
}
@media screen and (min-width: 1025px) {
.point_list li:nth-child(-n + 3) {
	margin-top: 0;
}
.point_list li:nth-child(3n) {
	margin-right: 0;
}
}
@media screen and (max-width: 1024px) {
.point_list li {
	width: 47.5%;
}
.point_list li:nth-child(-n + 2) {
	margin-top: 0;
}
.point_list li:nth-child(2n) {
	margin-right: 0;
}
.point_list_title {
	font-size: 2.2rem;
}
.point_list_text {
	font-size: 1.6rem;
}
}
@media screen and (max-width: 768px) {
#point .content {
	padding: 56px 0 64px;
}
#point .content .c-title01 {
	line-height: 2;
	margin: 0 0 8px;
}
#point .content .c-title01 .emphasis::before {
	top: 0;
}
.point_list {
	padding: 0 4%;
}
.point_list li {
	width: 100%;
	margin-right: 0;
}
.point_list li,
.point_list li:nth-child(-n + 2) {
	margin-top: 24px;
}
.point_list li:nth-child(1) {
	margin-top: 0;
}
.point_list_title {
	font-size: 2rem;
}
.point_list_text {
	font-size: 1.4rem;
}
}

/* --------------------------------------------------------
	成果実績
-------------------------------------------------------- */
#flow .c-line_title {
	padding: 2px 0 32px;
}
#flow .c-title01 span span {
	font-size: 8rem;
	position: relative;
	bottom: -24px;
}
#flow .content {
	background-image: url("../img/flow_bg.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 64px 0;
}
.flow_list {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}
.flow_list li {
	width: 17%;
	background: #fff;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center;
	padding: min(3vw, 40px) 0;
	position: relative;
}
.flow_list li.arrow {
	width: 3.75%;
	background: none;
	-webkit-box-pack: center;
	justify-content: center;
	padding: 0 1.2%;
}
.flow_list li.arrow::before {
	content: "";
	width: 100%;
	background-image: url("../img/arrow_r_wh.svg");
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 180%;
}
.flow_list_title {
	font-size: min(1.692vw, 22px);
	font-weight: 700;
	margin: 0 0 min(1.23vw, 16px);
}
.flow_list_icon {
	font-size: 0;
	max-width: 144px;
	width: 72%;
	margin: 0 0 min(1.5vw, 20px);
}
.flow_list_text {
	font-size: min(1.23vw, 16px);
	text-align: center;
}
@media screen and (max-width: 1024px) {
.flow_list .is_pc { display: none; }
.flow_list .is_sp { display: block; }
.flow_list li,
.flow_list li.arrow {
	width: 100%;
}
.flow_list li {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	padding: 24px;
}
.flow_list li.arrow {
	padding: 12px 0;
}
.flow_list li.arrow::before {
	width: 8%;
	background-image: url("../img/arrow_b_wh.svg");
	padding-top: 4.48%;
}
.flow_list .text_wrap {
	padding: 0 0 0 16px;
}
.flow_list_title {
	font-size: 2.2rem;
}
.flow_list_text {
	font-size: 1.6rem;
	text-align: left;
}
}
@media screen and (max-width: 768px) {
#flow .c-line_title {
	padding: 10px 0 24px;
}
#flow .c-title01 {
	line-height: 1.4;
}
#flow .c-title01 span span {
	font-size: 5rem;
	bottom: -10px;
}
.flow_list_title {
	font-size: 2rem;
}
.flow_list_text {
	font-size: 1.4rem;
}
}
@media screen and (max-width: 480px) {
#flow .c-title01 span span {
	font-size: 13.333vw;
	bottom: -2.5vw;
}
}


/* --------------------------------------------------------
	成果実績
-------------------------------------------------------- */
#performance {
	padding: 120px 0;
}
#performance .c-head01 {
	margin: 0 0 min(8.8vw, 150px);
}
#performance .c-head01 .c-head_text {
	margin-top: -12px;
}
#performance .c-head01 .c-head_text span {
	font-size: 4rem;
	position: relative;
	bottom: -10px;
}
.performance_list li {
	width: 30%;
	background: #f2f2f2;
	margin-right: 5%;
	padding: 0 0  min(3.7vw, 48px);
	position: relative;
}
.performance_list_title {
	width: 68.6%;
	margin: auto;
	position: relative;
	top: -14%;
}
.performance_list_title .text {
	color: #fff;
	font-size: min(1.692vw, 22px);
	font-weight: 700;
	width: 100%;
	text-align: center;
	position: absolute;
	top: min(3.26vw, 45px);
	left: 0;
}
.performance_list .item {
	height: min(21vw, 274px);
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	margin-top: -16%;
	position: relative;
}
.performance_list .item > span {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 30%;
	left: 0;
}
.performance_list li:nth-child(1) .item img {
	width: min(16.9vw, 220px);
}
.performance_list li:nth-child(2) .item img {
	width: min(17.6vw, 230px);
}
.performance_list li:nth-child(3) .item img {
	width: min(14vw, 184px);
}
.performance_list .counter {
	font-size: min(3vw, 40px);
	font-weight: 700;
}
.performance_list .counter > span {
	color: #d20012;
}
.performance_list .counter .js-number {
	font-size: min(5.7vw, 74px);
}

@media screen and (min-width: 769px) {
.performance_list li:nth-child(3n) {
	margin-right: 0;
}
}
@media screen and (max-width: 768px) {
#performance {
	padding: 64px 0;
}
#performance .c-head01 {
	margin: 0 0 min(19vw, 75px);
}
#performance .c-head01 .c-head_text {
	line-height: 1.35;
	margin-top: -2px;
}
#performance .c-head01 .c-head_text span {
	font-size: 3.2rem;
	bottom: -6px;
}
.performance_list li {
	width: 100%;
	margin-top: min(20vw, 80px);
	margin-right: 0;
	padding: 0 0 24px;
}
.performance_list li:nth-child(1) {
	margin-top: 0;
}
.performance_list_title {
	max-width: 208px;
	width: 64%;
	top: -25%;
}
.performance_list_title .text {
	font-size: 2rem;
	top: 25%;
}
.performance_list .item {
	height: auto;
	margin-top: -70px;
}
.performance_list .item > span {
	top: min(48vw, 15%);
}
.performance_list li:nth-child(1) .item img {
	width:  min(34.2vw, 120px);
}
.performance_list li:nth-child(2) .item img {
	width: min(33.333vw, 125px);
}
.performance_list li:nth-child(3) .item img {
	width: min(25.86vw, 97px);
}
.performance_list .counter {
	font-size: 35px;
}
.performance_list .counter .js-number {
	font-size: 72px;
}
}
@media screen and (max-width: 480px) {
#performance .c-head01 .c-head_text {
	margin-top: -0.8vw;
}
#performance .c-head01 .c-head_text span {
	font-size: 9.6vw;
	bottom: -2.5vw;
}
.performance_list_title .text {
	font-size: 5.333vw;
}
.performance_list .counter {
	font-size: 9.3vw;
}
.performance_list .counter .js-number {
	font-size: 19.2vw;
}
}


.case {
	background: #f2f2f2;
	margin: 64px 0 0;
	padding: 96px 16px;
}
.case_list {
	max-width: 960px;
	width: 100%;
	margin: auto;
}
.case_list li {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.case_list li:not(:last-child) {
	margin: 0 0 40px;
}
.case_list_head {
	width: 160px;
	height: 160px;
	background: #fff;
	border: solid 1px #ccc;
	border-radius: 50%;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: center;
}
.case_list_head .icon {
	max-width: 60px;
	width: 100%;
	margin: 0 0 10px;
}
.case_list_head dl dd {
	color: #b3b3b3;
	font-size: 1.4rem;
}
.case_list_content {
	width: calc(100% - 200px);
	position: relative;
}
.case_list_content::before {
	content: "";
	width: 28px;
	height: 24px;
	background-image: url("../img/case_bubble.svg");
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: -26px;
	bottom: 40px;
}
.case_list_content > div {
	height: 100%;
	background: #fff;
	border: solid 1px #ccc;
	border-radius: 5px;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	padding: 0 24px;
}
.case_list_content dl {
	width: 100%;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}
.case_list_content dl > div {
	width: 50%;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center;
	line-height: 1;
}
.case_list_content dl dt {
	color: #fff;
	font-size: 1.8rem;
	background: #d20012;
	margin: 0 0 16px;
	padding: 6px 20px;
}
.case_list_content dl dd {
	font-size: 4rem;
	font-weight: 700;
}
.case_list_content dl dd > span {
	color: #d20012;
}
.case_list_content dl dd > span span {
	font-size: 7rem;
}
@media screen and (max-width: 1024px) {
.case {
	padding: 64px 16px;
}
.case_list li {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center;
}
.case_list_content {
	width: 100%;
	margin: 24px 0 0;
}
.case_list_content::before {
	width: 32px;
	height: 16px;
	background-image: url("../img/case_bubble_sp.svg");
	top: -12px;
	left: 50%;
	bottom: inherit;
	transform: translateX(-50%);
}
.case_list_content > div {
	padding: 20px 8px;
}
}
@media screen and (max-width: 768px) {
.case {
	margin: 40px 0 0;
	padding: 40px 10px;
}
.case_list_head dl dd {
	font-size: 1.2rem;
}
.case_list_content dl > div {
	width: 100%;
}
.case_list_content dl > div:not(:last-child) {
	margin: 0 0 24px;
}
.case_list_content dl dt {
	font-size: 1.6rem;
	margin: 0 0 8px;
}
.case_list_content dl dd {
	font-size: 3.5rem;
}
.case_list_content dl dd > span span {
	font-size: 7.2rem;
}
}
@media screen and (max-width: 480px) {
.case_list_content dl dd {
	font-size: 9.3vw;
}
.case_list_content dl dd > span span {
	font-size: 19.2vw;
}
}

/* --------------------------------------------------------
	私たちがプロデュースします！
-------------------------------------------------------- */
#staff {
	background: #d20012;
	padding: 120px 0;
}
#staff .c-head01 {
	color: #fff;
}
.staff_list li {
	width: 48%;
}
.staff_list.c-frame_layout .c-frame_content {
	margin: 0;
	margin-top: 64px;
	margin-right: 4%;
}
.staff_list.c-frame_layout .c-frame_content::before,
.staff_list.c-frame_layout .c-frame_content::after {
	border-color: #fff;
}
.staff_list.c-frame_layout .c-frame_content > div {
	height: 100%;
	background: #fff;
	display: -webkit-box;
	display: flex;
}
.staff_list_img {
	width: min(15vw, 200px);
}
.staff_list .text_wrap {
	width: calc(100% - min(15vw, 200px));
	padding: 0 0 0 min(1.2vw, 16px);
}
.staff_list_title {
	font-size: 2.2rem;
	font-weight: 700;
	text-align: center;
	margin: 0 0 8px;
}
@media screen and (max-width: 1024px) {
.staff_list.c-frame_layout .c-frame_content > div {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center;
}
.staff_list_img {
	width: 200px;
	margin: 0 0 16px;
}
.staff_list .text_wrap {
	width: 100%;
	padding: 0;
}
}
@media screen and (min-width: 769px) {
.staff_list.c-frame_layout .c-frame_content:nth-child(-n + 2) {
	margin-top: 0;
}
.staff_list.c-frame_layout .c-frame_content:nth-child(2n) {
	margin-right: 0;
}
}
@media screen and (max-width: 768px) {
#staff {
	padding: 64px 0;
}
#staff .c-head01 .c-head_text {
	margin: 10px 0 0;
}
.staff_list { padding: 0 4%; }
.staff_list li {
	width: 100%;
}
.staff_list.c-frame_layout .c-frame_content {
	margin-top: 40px;
	margin-right: 0;
}
.staff_list.c-frame_layout .c-frame_content:nth-child(1) {
	margin-top: 0;
}
.staff_list_img {
	width: min(42.6vw, 200px);
}
.staff_list_title {
	font-size: 2rem;
}
}

.dab {
	margin: 102px 0 0;
}
.dab_support {
	margin: 105px 0 0;
	padding: 20px;
}
.dab_support > div {
	background: #fff;
	padding: 0 2% 58px;
	position: relative;
}
.dab_support .c-title02 {
	font-size: min(3.125vw, 32px);
	top: -40px;
	margin-bottom: -40px;
	z-index: 1;
}
.dab_support_list {
	max-width: 1020px;
	width: 100%;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	margin: auto;
}
.dab_support_list li {
	width: 31%;
	text-align: center;
	margin-right: 3.5%;
}
.dab_support_list_en {
	color: #d20012;
	font-size: min(1.75vw, 18px);
	font-style: italic;
	font-weight: 700;
	margin: 0 0 4px;
}
.dab_support_list_en span {
	font-size: min(3.4vw, 35px);
	display: inline-block;
	margin: 0 0 0 4px;
}
.dab_support_list_title {
	font-size: min(2.1vw, 22px);
	font-weight: 700;
	margin: 0 0 24px;
}
@media screen and (min-width: 769px) {
.dab_support_list li:nth-child(3n) {
	margin-right: 0;
}
}
@media screen and (max-width: 768px) {
.dab {
	margin: 64px 0 0;
}
.dab_support {
	margin: 64px 0 0;
	padding: 12px;
}
.dab_support .c-title02 {
	font-size: 2.4rem;
}
.dab_support_list {
	width: 73.8%;
	margin: auto;
}
.dab_support_list li {
	width: 100%;
	margin-top: 40px;
	margin-right: 0;
}
.dab_support_list li:nth-child(1) {
	margin-top: 0;
}
.dab_support_list_en {
	font-size: 1.6rem;
}
.dab_support_list_en span {
	font-size: 2.4rem;
}
.dab_support_list_title {
	font-size: 2rem;
}
}
@media screen and (max-width: 480px) {
.dab_support .c-title02 {
	font-size: 6.4vw;
}
}
.dab_office {
	margin: 48px 0 0;
	padding: 20px;
}
.dab_office_list {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}
.dab_office_list li {
	width: 45%;
	margin-right: 10%;
}
.dab_office_list .c-title02 {
	font-size: min(2.1vw, 22px);
	z-index: 1;
}
.dab_office_list_map {
	overflow: hidden;
	margin-top: -64px;
	padding-top: 100%;
	position: relative;
	z-index: 0;
}
.dab_office_list_map iframe {
	width: 100%;
	height: calc(100% + (150px * 2));
	position: absolute;
	top: -150px;
	left: 0;
}
.dab_office_list_address {
	color: #fff;
	margin: 16px 0 0;
}
@media screen and (min-width: 769px) {
.dab_office_list li:nth-child(2n) {
	margin-right: 0;
}
}
@media screen and (max-width: 768px) {
.dab_office {
	margin: 24px 0 0;
	padding: 12px;
}
.dab_office_list li {
	width: 100%;
	margin-top: 40px;
	margin-right: 0;
}
.dab_office_list li:nth-child(1) {
	margin-top: 0;
}
.dab_office_list .c-title02 {
	font-size: 2rem;
}
.dab_office_list_map {
	margin-top: -56px;
}
}
@media screen and (max-width: 480px) {
.dab_office_list .c-title02 {
	font-size: 6.4vw;
}
}


/* --------------------------------------------------------
	こんなお悩みがある企業様にこそ、届けたい
-------------------------------------------------------- */
#trouble .c-title01 .wave::before {
	background: url("../img/wave_wh.png") repeat-x;
	background-size: contain;
}
#trouble .content {
	padding: 80px 0 120px;
}
.trouble_list li {
	font-size: min(1.7vw, 2.2rem);
	font-weight: 700;
	display: -webkit-box;
	display: flex;
}
.trouble_list li:not(:last-child) {
	margin: 0 0 40px;
}
.trouble_list_target {
	width: 37%;
	position: relative;
}
.trouble_list_target .text {
	width: 100%;
	text-align: center;
	margin: min(0.9vw, 12px) 0 0;
	position: absolute;
	top: 50%;
	left: 0;
	translate: 0 -50%;
}
.trouble_list_arrow {
	width: 6%;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	padding: 0 min(1.333vw, 16px);
}
.trouble_list_arrow picture {
	max-width: 50px;
	width: 100%;
	display: block;
}
.trouble_list_solve {
	width: 57%;
	background: #f6dd4f;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	padding: 0 0 0 40px;
	position: relative;
}
.trouble_list_solve .icon {
	width: min(8vw, 106px);
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
}
.trouble_list li:nth-child(1) .trouble_list_solve .icon img {
	max-width: min(5vw, 65px);
}
.trouble_list li:nth-child(2) .trouble_list_solve .icon img {
	max-width: min(5.8vw, 75px);
}
.trouble_list li:nth-child(4) .trouble_list_solve .icon img {
	max-width: min(5.6vw, 73px);
}
.trouble_list_solve .text {
	width: 100%;
	min-height: min(9.2vw, 120px);
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: center;
}
@media screen and (max-width: 1024px) {
.trouble_list li {
	font-size: 2rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center;
}
.trouble_list_target {
	max-width: 480px;
	width: 100%;
}
.trouble_list_target .text {
	margin: min(1.2vw, 12px) 0 0;
}
.trouble_list_arrow {
	width: 26px;
	margin: 12px 0;
	padding: 0;
}
.trouble_list_solve {
	width: 100%;
	padding: 24px 20px;
}
.trouble_list_solve .icon {
	width: 106px;
}
.trouble_list li:nth-child(1) .trouble_list_solve .icon img {
	max-width: 65px;
}
.trouble_list li:nth-child(2) .trouble_list_solve .icon img {
	max-width: 75px;
}
.trouble_list li:nth-child(4) .trouble_list_solve .icon img {
	max-width: 75px;
}
}
@media screen and (max-width: 768px) {
#trouble .content {
	padding: 64px 0;
}
.trouble_list_target .text {
	margin: min(2vw, 16px) 0 0;
}
.trouble_list_solve {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	padding: 20px;
}
.trouble_list_solve .icon {
	width: 91px;
	margin: 0 0 12px;
	position: static;
	transform: none;
}
.trouble_list li:nth-child(1) .trouble_list_solve .icon img {
	max-width: 56px;
}
.trouble_list li:nth-child(2) .trouble_list_solve .icon img {
	max-width: 65px;
}
.trouble_list li:nth-child(4) .trouble_list_solve .icon img {
	max-width: 63.5px;
}
.trouble_list_solve .text {
	width: 100%;
}
}
@media screen and (max-width: 480px) {
.trouble_list li {
	font-size: 5vw;
}
}

/* --------------------------------------------------------
	全力サポート
-------------------------------------------------------- */
#support .content {
	background: #f2f2f2;
	padding: 80px 0 120px;
}
.support_list li {
	background: #fff;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	padding: 20px 40px;
}
.support_list li:not(:last-child) {
	margin: 0 0 40px;
}
.support_list_step {
	color: #fff;
	font-size: 1.8rem;
	font-style: italic;
	font-weight: 700;
	width: 120px;
	height: 120px;
	background: #f2b7bb;
	border-radius: 50%;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	position: relative;
}
.support_list_step > span {
	margin: -2px 0 0;
}
.support_list li:not(:last-child) .support_list_step::before {
	content: "";
	width: 4px;
	height: 100%;
	background: #f2b7bb;
	position: absolute;
	top: 100%;
	left: 50%;
	translate: -50% 0;
}
.support_list li:nth-child(2) .support_list_step,
.support_list li:nth-child(2) .support_list_step::before {
	background: #ed9aa0;
}
.support_list li:nth-child(3) .support_list_step,
.support_list li:nth-child(3) .support_list_step::before {
	background: #e97f88;
}
.support_list li:nth-child(4) .support_list_step,
.support_list li:nth-child(4) .support_list_step::before {
	background: #e4626d;
}
.support_list li:nth-child(5) .support_list_step,
.support_list li:nth-child(5) .support_list_step::before {
	background: #dd3f4d;
}
.support_list li:nth-child(6) .support_list_step,
.support_list li:nth-child(6) .support_list_step::before {
	background: #d20012;
}
.support_list_step span span {
	font-size: 3.5rem;
	display: inline-block;
	margin: 0 0 0 4px;
}
.support_list .text_wrap {
	width: calc(100% - 120px);
	padding: 0 0 0 40px;
}
.support_list_title {
	font-size: 2.2rem;
	font-weight: 700;
	margin: 0 0 8px;
}
@media screen and (max-width: 768px) {
#support .content {
	padding: 64px 0 80px;
}
.support_list li {
	padding: 40px 18px;
}
.support_list li:not(:last-child) {
	margin: 0 0 20px;
}
.support_list_step {
	font-size: 1.6rem;
	width: 92px;
	height: 92px;
}
.support_list li:not(:last-child) .support_list_step::before {
	height: 200%;
}
.support_list_step span span {
	font-size: 2.4rem;
}
.support_list .text_wrap {
	width: calc(100% - 92px);
	padding: 0 0 0 16px;
}
.support_list_title {
	font-size: 2rem;
}
}
@media screen and (max-width: 480px) {
.support_list li {
	padding: 10.6vw 4.6vw;
}
.support_list_step {
	width: 24.5vw;
	height: 24.5vw;
}
.support_list .text_wrap {
	width: calc(100% - 24.5vw);
	padding: 0 0 0 3.7vw;
}
.support_list_title {
	font-size: 5.3vw;
}
}



/* --------------------------------------------------------
	展示会プロデュース実績
-------------------------------------------------------- */
#produce {
	background: #383d4a;
	padding: 120px 0;
}
.produce_title {
	color: #e5be1c;
	font-weight: 700;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	margin: 0 0 64px;
}
.produce_title::before {
	content: "";
	width: 84px;
	height: 55px;
	background: url("../img/produce_icon01.svg") no-repeat;
	background-size: contain;
	display: block;
	margin: 0 0 10px;
}
.produce_title > span {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center;
	padding: 0 80px;
	position: relative;
}
.produce_title > span::before,
.produce_title > span::after {
	content: "";
	width: 54px;
	height: 133px;
	background: url("../img/produce_icon02.svg") no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	bottom: 0;
}
.produce_title > span::before {
	left: 0;
}
.produce_title > span::after {
	right: 0;
	scale: -1 1;
}
.produce_title .sub {
	font-size: 3.2rem;
}
.produce_title .main {
	font-size: 7rem;
	line-height: 1.2;
	margin: -20px 0 0;
}
.produce_title .main span {
	font-size: 11rem;
}
@keyframes tor {
	from {
		transform: translateX(-100%);
	}
	to {
		transform: translateX(0%);
	}
}
@keyframes tol {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}
.scroll_infinity,
.scroll_infinity ul {
	display: -webkit-box;
	display: flex;
}
.scroll_infinity.tor {
	animation: tor 100s infinite linear 0.5s both;
}
.scroll_infinity.tol {
	animation: tol 100s infinite linear 0.5s both;
}
.produce_company,
.instagram {
	overflow: hidden;
}
.produce_company {
	margin: 0 0 64px;
}
.produce_company .scroll_infinity.tor {
	margin: 0 0 8px;
}
.produce_company .scroll_infinity ul li {
	min-width: 1672px;
	margin-right: 8px;
}
.instagram .scroll_infinity.tor {
	animation: tor 60s infinite linear 0.5s both;
}

.instagram ul li {
	min-width: 400px;
	margin-right: 8px;
}
.instagram ul li a {
	display: block;
	overflow: hidden;
	padding-top: 100%;
	position: relative;
}
.instagram ul li a img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}
.instagram .btn_wrap {
	margin: 40px 0 0;
}
.instagram .c-btn01 {
	background: #383d4a;
	border-color: #fff;
}
.instagram .c-btn01:hover {
	color: #000;
	background: #fff;
	border-color: #383d4a;
}
.instagram .c-btn01:hover span {
	border-left-color: #000;
}
.instagram .c-btn01:hover span::before,
.instagram .c-btn01:hover span::after {
	background-image: url(../img/arrow_r02_bk.svg);
}
@media screen and (max-width: 768px) {
#produce {
	padding: 64px 0;
}
.produce_title {
	margin: 0 0 32px;
}
.produce_title .sub {
	font-size: 1.6rem;
}
.produce_title .main {
	font-size: 3.6rem;
	margin: -4px 0 0;
}
.produce_title .main span {
	font-size: 5.6rem;
}
.produce_title::before {
	width: 42px;
	height: 27.5px;
	margin: 0 0 4px;
}
.produce_title > span {
	padding: 0 40px;
}
.produce_title > span::before,
.produce_title > span::after {
	width: 27px;
	height: 66.5px;
}
.scroll_infinity.tor {
	animation: tor 50s infinite linear 0.5s both;
}
.scroll_infinity.tol {
	animation: tol 50s infinite linear 0.5s both;
}
.produce_company {
	margin: 0 0 24px;
}
.produce_company .scroll_infinity ul li {
	min-width: 800px;
	margin-right: 4px;
}
.produce_company .scroll_infinity.tor {
	margin: 0 0 4px;
}
.instagram .scroll_infinity.tor {
	animation: tor 30s infinite linear 0.5s both;
}
.instagram ul li {
	min-width: inherit;
	width: calc(100vw / 2);
	margin-right: 4px;
}
.instagram .btn_wrap {
	margin: 24px 0 0;
}
}
@media screen and (max-width: 480px) {
.produce_title .main {
	font-size: 9.5vw;
}
.produce_title .main span {
	font-size: 14.8vw;
}
}

/* --------------------------------------------------------
	お問い合わせ
-------------------------------------------------------- */
.present .c-line_title .inner {
	max-width: 1300px;
	padding: 0 calc(70px + 4%);
	position: relative;
}
.present .c-line_title .icon {
	width: 100%;
	position: absolute;
}
.present .c-line_title .icon.icon01 {
	max-width: 137px;
	top: -72px;
	left: 0;
}
.present .c-line_title .icon.icon02 {
	max-width: 69px;
	top: 50%;
	right: 4%;
	transform: translateY(-50%);
}
.present .content {
	padding: 64px 0;
}
.present_list {
	max-width: 878px;
	margin: auto;
}
.present_list li,
.present_list .pattern,
.present_list .c-pattern01 {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	text-align: center;
}
.present_list li {
	width: 42%;
}
.present_list li:not(:last-child) {
	margin: 0 16% 0 0;
}
.present_list .en {
	color: #999;
	font-size: 1.8rem;
	font-style: italic;
	text-align: center;
}
.present_list .en span {
	font-size: 3.5rem;
	font-weight: 700;
	display: inline-block;
	margin: 0 0 0 8px;
}
.present_list .pattern,
.present_list .c-pattern01 {
	height: 100%;
}
.present_list .pattern {
	margin: -20px 0 0;
	padding: 20px;
	position: relative;
}
.present_list .pattern::before,
.present_list .pattern::after {
	content: "";
	width: 32%;
	height: 35%;
	border: solid 1px #999;
	border-right: none;
	border-bottom: none;
	position: absolute;
}
.present_list .pattern::before {
	top: 0;
	left: 0;
}
.present_list .pattern::after {
	bottom: 0;
	right: 0;
	scale: -1 -1;
}
.present_list .c-pattern01 {
	padding: 32px 0;
}
.present_list .img {
	height: 272px;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	margin: 0 0 16px;
}
.present_list .title {
	font-size: min(2.2vw, 2.2rem);
	font-weight: 700;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	flex: 1 1 auto;
}
.present .btn_wrap {
	margin: 40px 0 0;
}
.present .btn_wrap .btn_text {
	font-size: 1.8rem;
	font-weight: 700;
	margin: 0 0 8px;
}
.present .btn_wrap .btn_text > span {
	display: inline-block;
	padding: 0 32px;
	position: relative;
}
.present .btn_wrap .btn_text > span::before,
.present .btn_wrap .btn_text > span::after {
	content: "";
	width: 14px;
	height: 29px;
	background-image: url(../img/deco.svg);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.present .btn_wrap .btn_text > span::before {
	left: 0;
}
.present .btn_wrap .btn_text > span::after {
	right: 0;
	scale: -1 1;
}
.present .btn_wrap .btn_text span span {
	color: #d20012;
	font-size: 2.2rem;
	display: inline-block;
	margin: 0 8px;
}
.present .btn_wrap .c-btn01 {
	width: 92.5%;
}
@media screen and (max-width: 768px) {
.present .c-line_title .inner {
	padding: 0;
}
.present .c-line_title .icon.icon01 {
	max-width: 113px;
	width: 25%;
	top: -40px;
}
.present .c-line_title .icon.icon02 {
	max-width: 53px;
	width: 14%;
	top: 0;
	transform: none;
}
.present .c-line_title .c-title01 {
	line-height: 2;
}
.present .c-line_title .c-title01 .emphasis::before {
	top: 0;
}
.present_list li {
	width: 100%;
}
.present_list li:not(:last-child) {
	margin: 0 0 24px;
}
.present_list .en {
	font-size: 1.6rem;
}
.present_list .en span {
	font-size: 2.4rem;
}
.present_list .pattern {
	margin: -14px 0 0;
	padding: 12px;
}
.present_list .c-pattern01 {
	padding: 24px 0;
}
.present_list .img {
	height: auto;
}
.present_list .title {
	font-size: 2rem;
}
.present .btn_wrap .btn_text {
	font-size: 1.6rem;
	text-align: center;
	margin: 0 0 24px;
}
.present .btn_wrap .btn_text span span {
	font-size: 2rem;
	display: block;
	margin: 0;
}
.present .btn_wrap .btn_text > span::before,
.present .btn_wrap .btn_text > span::after {
	width: 25px;
	height: 54.5px;
	background-image: url(../img/deco_sp.svg);
	top: inherit;
	bottom: 2px;
	transform: none;
}
}
@media screen and (max-width: 480px) {
.present_list .title {
	font-size: 5.3vw;
}
.present .btn_wrap .btn_text {
	font-size: 4.2vw;
}
.present .btn_wrap .btn_text span span {
	font-size: 5.3vw;
}
}

.form_wrap {
	max-width: 878px;
	margin: auto;
}
.contact_wrap {
	border-top: solid 2px #999;
	padding: 104px 0 120px;
}
.contact_wrap .c-head01 {
	margin: -20px 0 40px;
}
.contact_wrap .c-head01 .c-title01 {
	line-height: 1;
}
.contact_wrap .c-head01 .c-title01 span span {
	font-size: 8rem;
	position: relative;
	bottom: -24px;
}
.contact_wrap .c-head01 .c-head_text {
	margin: 12px 0 0;
}
.contact_wrap .c-frame_layout .c-frame_title {
	font-size: 3.2rem;
	font-weight: 700;
}
.contact_wrap .c-frame_layout .c-frame_content {
	margin: -23px 0 0;
}
.contact_wrap .c-frame_layout .c-frame_content > div {
	background: #f2f2f2;
	padding: 64px 20px;
	position: relative;
	z-index: 1;
}
.contact_form .c-frame_layout .c-frame_content > div > div {
	max-width: 720px;
	margin: auto;
}
.form_text {
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
	margin: 0 0 24px;
}
.contact_form table th,
.contact_form table td {
	padding: 15px 0;
}
.contact_form table th {
	width: 237px;
}
.contact_form .required > span {
	color: #fff;
	font-size: 1.3rem;
	background: #d20012;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	margin: -2px 0 0 8px;
	padding: 4px 10px;
}
.form_radio_list {
	margin-top: -4px;
	margin-right: -32px;
}
.form_radio_list li {
	margin: 4px 32px 0 0;
}
.contact_form .btn_wrap {
	margin: 40px 0 0;
}
.contact_form .c-btn01 {
	font-size: 1.6rem;
	text-shadow: none;
}
.contact_form .c-btn01:hover {
	box-shadow: none;
}
.contact_tel {
	max-width: 528px;
	margin: 72px auto 0;
}
.contact_tel .c-frame_layout .c-frame_content > div {
	background: #fcefb4;
	text-align: center;
}
.contact_tel_title {
	font-size: 2.2rem;
	font-weight: 700;
	margin: 0 0 16px;
}
.contact_tel_num {
	color: #fff;
	font-size: 3.2rem;
	font-weight: 700;
	background: #fbb03b;
	border-radius: 5px;
	display: inline-block;
	line-height: 1;
	margin: 0 0 24px;
	padding: 20px 24px;
}
.contact_tel_num span::before {
	content: "";
	width: 24px;
	height: 24px;
	background-image: url("../img/icon_tel_wh.svg");
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
	margin: -2px 10px 0 0;
}
.contact_tel_num:hover {
	color: #fbb03b;
	background: #fff;
	opacity: 1;
}
.contact_tel_num:hover span::before {
	background-image: url("../img/icon_tel_ye.svg");
}
@media screen and (max-width: 768px) {
.contact_wrap {
	padding: 64px 0;
}
.contact_wrap .c-head01 {
	margin: 12px 0 32px;
}
.contact_wrap .c-head01 .c-title01 {
	line-height: .75;
}
.contact_wrap .c-head01 .c-title01 span span {
	font-size: 6.3rem;
	bottom: -20px;
}
.contact_wrap .c-head01 .c-head_text {
	margin: 16px 0 0;
}
.contact_wrap .c-frame_layout .c-frame_title { font-size: 2.4rem; }
.contact_wrap .c-frame_layout .c-frame_content { margin: -14px 0 0; }
.contact_wrap .c-frame_layout .c-frame_content > div {
	padding: 40px 20px;
}
.form_text { font-size: 1.6rem; }
.contact_form table th,
.contact_form table td {
	width: 100%;
	display: block;
}
.contact_form table th {
	padding: 0 0 10px;
}
.contact_form table td {
	padding: 0 0 24px;
}
.contact_form .required > span {
	font-size: 1.2rem;
	padding: 4px 6px;
}
.contact_form .btn_wrap {
	margin: 10px 0 0;
}
.contact_form .c-btn01 {
	font-size: 1.4rem;
}
.contact_tel {
	margin: 40px auto 0;
}
.contact_tel_title {
	font-size: 2rem;
}
.contact_tel_num {
	font-size: 2.4rem;
	margin: 0 0 16px;
}
.contact_tel_num span::before {
	width: 18px;
	height: 18px;
	margin: -2px 10px 0 0;
}
}
@media screen and (max-width: 480px) {
.contact_wrap .c-head01 .c-title01 span span {
	font-size: 16.8vw;
	bottom: -5vw;
}
}

#contact_thanks {
	padding: 120px 0;
}
#contact_thanks .inner {
	max-width: 960px;
}
.thanks_title {
	font-size: 3.2rem;
	font-weight: 700;
	margin: 0 0 16px;
}
#contact_thanks .btn_wrap {
	margin: 40px 0 0;
}
@media screen and (max-width: 768px) {
#contact_thanks {
	padding: 64px 0;
}
.thanks_title {
	font-size: 2.4rem;
}
#contact_thanks .btn_wrap {
	margin: 24px 0 0;
}
}

#mailformpro input[type="text"],
#mailformpro input[type="email"],
#mailformpro input[type="tel"],
#mailformpro select,
#mailformpro textarea {
	color: #3a3232;
	font-size: 16px;
	width: 100% !important;
	background: #fff;
	border: solid 1px #bfbfbf;
	border-radius: 0;
	box-shadow: none;
	padding: 10px 16px;
	box-sizing: border-box;
}
#mailformpro input.mfp_element_all,
#mailformpro textarea.mfp_element_all {
	max-width: 100% !important;
}
#mailformpro textarea {
	height: 200px !important;
}
#mailformpro .radio {
	display: inline-block;
	margin: 0;
	padding: 0 0 0 18px;
	position: relative;
	cursor: pointer;
}
#mailformpro .radio::before,
#mailformpro .radio::after {
	content: "";
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: .5s;
}
#mailformpro .radio::before {
	width: 10px;
	height: 10px;
	background: #d20012;
	opacity: 0;
	left: 2px;
	z-index: 1;
}
#mailformpro .radio::after {
	width: 14px;
	height: 14px;
	background: #fff;
	border: solid 1px #bfbfbf;
	left: 0;
	z-index: 0;
}
#mailformpro input[type=radio]:checked ~ label:before {
	opacity: 1;
}
#mailformpro input::placeholder,
#mailformpro textarea::placeholder {
	color: #b3b3b3;
}
/* 旧Edge対応 */
#mailformpro input::-ms-input-placeholder,
#mailformpro textarea::-ms-input-placeholder {
	color: #b3b3b3;
}
/* IE対応 */
#mailformpro input:-ms-input-placeholder,
#mailformpro textarea:-ms-input-placeholder {
	color: #b3b3b3;
}
@media screen and (max-width: 768px) {
#mailformpro input[type="text"],
#mailformpro input[type="email"],
#mailformpro input[type="tel"],
#mailformpro select,
#mailformpro textarea {
	font-size: 14px;
}
#mailformpro textarea {
	height: 160px !important;
}
}
