@charset "utf-8";


/* --------------------------------------------------
	Resetting default margin and padding
-------------------------------------------------- */

/* !HTML5 elements
---------------------------------------------------------- */
header, footer, nav, section, aside, article
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family: "Noto Sans JP", serif;
	background: #fff;
	color: #111;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400;
	-webkit-text-size-adjust: none;
	font-feature-settings: "palt";
}

body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td,input,a,textarea,select,span,nav,section,header
{
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
input,
textarea {
	margin: 0;
	font-size: 100%;
	appearance: none;
	-webkit-appearance: none;
	border: none;
	outline: none;
}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top; max-width: 100%;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: 500;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}




/* !Clearfix
---------------------------------------------------------- */
.clearfix {
	display: block;
	min-height: 1%;
}
.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { }
@media print {
	html,
	html body { *zoom: 0.65;}
}



/* link
------------------------------------------------ */
a {
	color: #111;
	text-decoration:none;
	transition: all 0.3s !important;
	-moz-transition: all 0.3s !important; /* Firefox */
	-webkit-transition: all 0.3s !important; /* Chrome&Safari */
}

a:hover {
	transition: all 0.3s !important;
	-moz-transition: all 0.3s !important; /* Firefox */
	-webkit-transition: all 0.3s !important; /* Chrome&Safari */
}

.op,
.op a,
.op img,
.op input {
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}
.op:hover,
.op a:hover,
.op:hover img,
.op:hover input {
	opacity: .5;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}
@media (max-width: 767px) {
.op:hover,
.op a:hover,
.op:hover img,
.op:hover input {
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
}
}



/* !fs
------------------------------------------------ */
.visible-pc {
	display: block !important;
}
.visible-tab {
	display: none !important;
}
.visible-ts {
	display: none !important;
}
.visible-pc-only {
	display: block !important;
}


@media (max-width: 1024px) {
.visible-tab {
	display: block !important;
}
.visible-pc-only {
	display: none!important;
}
}
@media (max-width: 767px) {
.visible-pc {
	display: none !important;
}
.visible-ts {
	display: block !important;
}
}


/* !fonts
------------------------------------------------ */
.fwb {
	font-weight: 700;
}

.vat {
	vertical-align: top !important;
}
.vam {
	vertical-align: middle !important;
}
.tal {
	text-align: left !important;
}
.tac {
	text-align: center !important;
}
.tar {
	text-align: right !important;
}


/* !ff
------------------------------------------------ */
.ff_barlow {
	font-family: "Barlow", serif;
}


/* !fc
------------------------------------------------ */
.fc_red {
	color: #dc000c;
}



/* html
----------------------------------------------- */
html.html-lock {
	overflow: hidden;
	touch-action: none;
}




/* header
----------------------------------------------- */
#header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 99;
}
#header .header_in {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 15px 15px 20px;
}
#header .header_logo {
	width: 180px;
	position: relative;
	z-index: 100;
}
#header .header_navi {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
}
#header .header_navi .navi_list {
	display: flex;
	align-items: center;
	gap: 35px;
}
#header .header_navi .navi_list li {
	font-size: 15px;
	letter-spacing: 0.08em;
}
#header .header_navi .navi_list li a {
	color: #333;
	display: block;
}
#header .header_navi .navi_list li a:hover {
	color: #dc000c;
}
#header .navi_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 120px;
	height: 50px;
	border: 1px #dc000c solid;
	background: #dc000c;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.12em;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius: 50px;
}
#header .navi_btn a:hover {
	background: #fff;
	color: #dc000c;
}


.navbar-toggle {
	display: none;
}
.navbar-collapse {
	display: none;
}

@media (max-width: 1100px) {
#header .header_navi {
	gap: 20px;
}
#header .header_navi .navi_list {
	gap: 25px;
}
}

@media (max-width: 1024px) {
#header .header_in {
	padding: 10px 15px;
}
#header .header_logo {
	width: 90px;
}
#header .header_navi {
	display: none;
}

.navbar-toggle {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #f5f5f5;
	width: 36px;
	height: 36px;
	cursor: pointer;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	z-index: 99;
}
.navbar-toggle .toggle_menu {
	width: 16px;
	height: 12px;
	position: relative;
}
.navbar-toggle .toggle_menu span {
	display: inline-block;
	transition: all .4s;
	position: absolute;
	left: 0;
	background-color: #dc000c;
	width: 16px;
	height: 2px;
}
.navbar-toggle .toggle_menu span:nth-of-type(1) {
	top:0;
}

.navbar-toggle .toggle_menu span:nth-of-type(2) {
	top:5px;
}

.navbar-toggle .toggle_menu span:nth-of-type(3) {
	top:10px;
}

.navbar-toggle.on .toggle_menu span:nth-of-type(1) {
	top:0;
	transform: translateY(5px) rotate(-45deg);
}
.navbar-toggle.on .toggle_menu span:nth-of-type(2) {
	opacity: 0;
}
.navbar-toggle.on .toggle_menu span:nth-of-type(3) {
	top:10px;
	transform: translateY(-5px) rotate(45deg);
}
.navbar-collapse {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	background: #f5f5f5;
	height: 100vh;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 90;
}
.navbar-collapse .navbar_inner {
	padding: 60px min(80px,10.66vw) 20px;
}
.navbar-collapse .navbar_list {
	margin-bottom: min(55px,14.66vw);
}
.navbar-collapse .navbar_list li {
	border-bottom: 1px #e0dfd6 solid;
}
.navbar-collapse .navbar_list li a {
	display: block;
	padding: 20px 15px;
	font-size: 15px;
	letter-spacing: 0.04em;
	position: relative;
}
.navbar-collapse .navi_btn {
	display: flex;
	justify-content: center;
}
}




/* footer
----------------------------------------------- */
#footer .copyright {
	background: #111;
	text-align: center;
	color: #fff;
	font-family: "Barlow", serif;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.14em;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* wrapper
----------------------------------------------- */
#wrapper {
	overflow: hidden;
	background: #fff;
	padding: 80px 0 0;
}
@media (max-width: 1024px) {
#wrapper {
	padding: 60px 0 0;
}
}

.inner {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	z-index: 1;
}

.inner_box {
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	z-index: 1;
}



/* anchor
----------------------------------------------- */
.anchor {
	position: absolute;
	left: 0;
	top: 0;
	padding-top: 80px;
	margin-top: -80px;
	z-index: 0;
}
@media (max-width: 1024px) {
.anchor {
	padding-top: 60px;
	margin-top: -60px;
}
}



/* H
----------------------------------------------- */
.hdl {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 20px;
}
.hdl .hdl_eng {
	padding: 0 8px 0 10px;
	position: relative;
}
.hdl .hdl_eng:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 8px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: #f4f4f4;
	z-index: 0;
}
.hdl.hdl_white .hdl_eng:before {
	background: #fff;
}
.hdl .hdl_eng .eng_txt {
	font-family: "Barlow", serif;
	display: block;
	font-size: 20px;
	color: #dc000c;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 0.14em;
	position: relative;
	z-index: 1;
}
.hdl .hdl_jps {
	font-size: 36px;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.2;
}
@media (max-width: 767px) {
.hdl {
	gap: 10px;
}
.hdl .hdl_eng:before {
	height: 4px;
}
.hdl .hdl_eng .eng_txt {
	font-size: 16px;
	letter-spacing: 0.14em;
}
.hdl .hdl_jps {
	font-size: 28px;
	letter-spacing: 0.04em;
}
}




/* animate
----------------------------------------------- */
@keyframes fadeInLeftLit {
	from {
		opacity: 0;
		transform: translate3d(-30px, 0, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}
.fadeInLeftLit {
	animation-name: fadeInLeftLit;
}

@keyframes fadeInRightLit {
	from {
		opacity: 0;
		transform: translate3d(30px, 0, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}
.fadeInRightLit {
	animation-name: fadeInRightLit;
}

@keyframes fadeInUpLit {
	from {
		opacity: 0;
		transform: translate3d(0, 30px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}
.fadeInUpLit {
	animation-name: fadeInUpLit;
}



/* com
----------------------------------------------- */
.com_btn {
	display: flex;
	justify-content: center;
}
.com_btn a {
	border: 1px #dc000c solid;
	background: #dc000c;
	max-width: 100%;
	width: 260px;
	height: 70px;
	padding: 5px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.2em;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius: 50px;
}
.com_btn a:hover {
	background: #fff;
	color: #dc000c;
}

@media (max-width: 767px) {
.com_btn a {
	width: 220px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.2em;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius: 50px;
}
}





/* company
----------------------------------------------- */
.company {
	padding: 120px 0;
	background: url(../img/bg_company.jpg) right bottom no-repeat;
	position: relative;
}
.company .hdl {
	margin: 0 0 50px;
}
.company .company_tab {
	width: 100%;
	border-top: 1px #d8d8d9 solid;
}
.company .company_tab th,
.company .company_tab td {
	padding: 35px 0;
	border-bottom: 1px #d8d8d9 solid;
	vertical-align: top;
	font-size: 15px;
	line-height: 1.66;
}
.company .company_tab th {
	font-weight: 500;
	letter-spacing: 0.24em;
	width: 27%;
}
.company .company_tab td {
	letter-spacing: 0.24em;
}
.company .company_tab .tab_logo {
	display: flex;
	margin: 15px 0 0;
	gap: 20px;
	align-items: center;
}
.company .company_tab .min_spac {
	letter-spacing: 0.16em;
}

@media (max-width: 767px) {
.company {
	padding: 60px 0;
	background: url(../img/bg_company.jpg) right bottom no-repeat;
	background-size: 200px auto;
}
.company .hdl {
	margin: 0 0 30px;
}
.company .company_tab th,
.company .company_tab td {
	padding: 25px 0;
	font-size: 14px;
}
.company .company_tab th {
	width: 30%;
	padding-right: 10px;
}
}



/* contact
----------------------------------------------- */
.error {
	color: #dc000c;
}
.contact {
	background: #f9f9f9;
	padding: 120px 0;
	position: relative;
}
.contact .hdl {
	margin: 0 0 35px;
}
.contact .form_box {
	width: 100%;
}
.contact .form_box th,
.contact .form_box td {
	padding: 20px 0;
	vertical-align: middle;
}
.contact .form_box th {
	width: 30%;
}
.contact .form_box td {
	width: 70%;
	padding-left: 30px;
	font-size: 15px;
	letter-spacing: 0.16em;
}
.contact .form_box th .th_in {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	gap: 10px;
}
.contact .form_box th .th_txt {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.1em;
}
.contact .form_box th .must,
.contact .form_box th .random {
	width: 64px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.36em;
	padding: 0 0 0 0.36em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
.contact .form_box th .must {
	background: #dc000c;
}
.contact .form_box th .random {
	background: #bebebe;
}
.contact .form_box input[type=text],
.contact .form_box input[type=tel],
.contact .form_box input[type=email] {
	width: 100%;
	background: #fff;
	padding: 10px 20px;
	height: 50px;
	font-family: "Noto Sans JP", serif;
	font-size: 15px;
	letter-spacing: 0.16em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
.contact .form_box input::placeholder {
	color: #ababab;
}
.contact .form_box .input_box {
	
}
.contact .form_box select {
	width: 56%;
	outline: none;
	border: none;
	background: url(../img/arrow_select.png) right 15px center no-repeat #fff;
	padding: 10px 30px 10px 20px;
	height: 50px;
	font-size: 15px;
	letter-spacing: 0.16em;
	font-family: "Noto Sans JP", serif;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
.contact .form_box .radio_box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;
}
.contact .form_box .radio_box input[type=radio] {
	width: 28px;
	height: 28px;
	border: none;
	background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	position: relative;
}
.contact .form_box .radio_box input[type=radio]:checked:before {
	position: absolute;
	content: "";
	background: #dc000c;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	z-index: 0;
}
.contact .form_box .radio_box label {
	display: flex;
	align-items: center;
	gap: 10px;
}
.contact .form_box textarea {
	width: 100%;
	background: #fff;
	padding: 15px 20px;
	height: 180px;
	font-size: 15px;
	letter-spacing: 0.16em;
	font-family: "Noto Sans JP", serif;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
.contact .form_box textarea::placeholder {
	color: #ababab;
}
.contact .policy_area {
	margin: 40px 0 0;
	padding: 10px 3px 10px 0;
	background: #fff;
	border: 1px #d8d8d9 solid;
	position: relative;
}
.contact .policy_area:before {
	position: absolute;
	content: "";
	background: #f9f9f9;
	width: 15px;
	height: 100%;
	right: 0;
	top: 0;
	border-left: 1px #d8d8d9 solid;
	z-index: 0;
}
.contact .policy {
	height: 160px;
	padding: 15px 20px 15px 30px;
	overflow-y: scroll;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	position: relative;
}
.contact .policy::-webkit-scrollbar{
	width: 8px;
	height: 100%;
}
.contact .policy::-webkit-scrollbar-thumb{
	background: #c8c8c8;
	border-radius: 4px;
}
.contact .policy .policy_box {
	display: flex;
	flex-direction: column;
	gap: 15px;
	font-size: 14px;
	line-height: 1.43;
	letter-spacing: 0.06em;
}
.contact .policy .policy_tit {
	font-weight: 700;
}
.contact .policy .policy_txt {
	
}
.contact .form_agree {
	margin: 30px 0 0;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.contact .form_agree label {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 15px;
	letter-spacing: 0.16em;
}
.contact .form_agree input[type=checkbox] {
	width: 30px;
	height: 30px;
	border: none;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	position: relative;
}
.contact .form_agree input[type=checkbox]:checked:before {
	position: absolute;
	content: "✔";
	font-size: 20px;
	line-height: 1;
	color: #dc000c;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	z-index: 0;
}
.contact .form_btn {
	display: flex;
	justify-content: center;
	margin: 60px 0 0;
}
.contact .form_btn input[type=submit] {
	width: 170px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.12em;
	background: #111;
	border: 1px #111 solid;
	font-family: "Noto Sans JP", serif;
	cursor: pointer;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius: 50px;
	transition: all 0.3s !important;
	-moz-transition: all 0.3s !important; /* Firefox */
	-webkit-transition: all 0.3s !important; /* Chrome&Safari */
}
.contact .form_btn input[type=submit]:hover {
	background: #fff;
	color: #111;
}
.contact .form_note {
	font-size: 13px;
	line-height: 1.54;
	letter-spacing: 0.1em;
	margin: 35px 0 0;
}

@media (max-width: 767px) {
.contact {
	padding: 60px 0;
}
.contact .hdl {
	margin: 0 0 30px;
}
.contact .form_box th .th_in {
	justify-content: flex-start;
}
.contact .form_box th,
.contact .form_box td {
	display: block;
	padding: 10px 0;
}
.contact .form_box th {
	width: auto;
}
.contact .form_box td {
	width: auto;
	padding-left: 0;
}
.contact .form_box select {
	width: 100%;
}
.contact .form_agree input[type=checkbox] {
	flex-shrink: 0;
}
.contact .form_btn {
	margin: 40px 0 0;
}
.contact .form_btn input[type=submit] {
	font-size: 14px;
}
.contact .policy {
	height: 260px;
	padding: 15px 20px;
}
.contact .form_box th .must,
.contact .form_box th .random {
	width: 56px;
	height: 30px;
	font-size: 12px;
}
}



/* thanks
----------------------------------------------- */
.thanks_box {
	min-height: calc(100vh - 40px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 20px;
}
.thanks_box .thanks_txt {
	font-size: 20px;
	line-height: 2;
	text-align: center;
	letter-spacing: 0.1em;
}
.thanks_box .thanks_back {
	margin: 40px 0 0;
	display: flex;
	justify-content: center;
}
.thanks_box .thanks_back a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 160px;
	height: 50px;
	border: 1px #dc000c solid;
	background: #dc000c;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.12em;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius: 50px;
}
.thanks_box .thanks_back a:hover {
	background: #fff;
	color: #dc000c;
}
@media (max-width: 767px) {
.thanks_box .thanks_txt {
	font-size: 14px;
	letter-spacing: 0.1em;
}
}



/* faq
----------------------------------------------- */
.faq {
	position: relative;
	padding: 120px 0;
}
.faq .hdl {
	margin: 0 0 40px;
}
.faq .faq_block {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.faq .faq_box {
	width: 100%;
	background: #f9f9f9;
	padding: 30px 40px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.faq .faq_q {
	cursor: pointer;
	padding: 0 30px 0 0;
	display: flex;
	align-items: center;
	position: relative;
}
.faq .faq_q:before {
	position: absolute;
	content: "";
	background: url(../img/arrow_faq.png) center center no-repeat;
	width: 16px;
	height: 12px;
	right: 0;
	top: 8px;
	transition: all 0.3s !important;
	-moz-transition: all 0.3s !important; /* Firefox */
	-webkit-transition: all 0.3s !important; /* Chrome&Safari */
	z-index: 0;
}
.faq .faq_q.on:before {
	transform: rotate(-180deg);
}
.faq .faq_q .q_ico {
	width: 45px;
	flex-shrink: 0;
	align-self: flex-start;
	font-size: 30px;
	color: #dc000c;
	font-weight: 700;
	line-height: 1;
	font-family: "Barlow", serif;
	letter-spacing: 0;
}
.faq .faq_q .q_txt {
	font-size: 18px;
	font-weight: 700;
	color: #191828;
	letter-spacing: 0.12em;
}
.faq .faq_a {
	display: none;
	padding: 15px 30px 0 45px;
}
.faq .faq_a .a_txt {
	font-size: 16px;
	line-height: 1.57;
	letter-spacing: 0.08em;
}

@media (max-width: 767px) {
.faq {
	padding: 60px 0;
}
.faq .hdl {
	margin: 0 0 30px;
}
.faq .faq_box {
	padding: 20px;
}
.faq .faq_q .q_ico {
	width: 35px;
	font-size: 24px;
}
.faq .faq_q .q_txt {
	font-size: 16px;
}
.faq .faq_a {
	display: none;
	padding: 15px 30px 0 35px;
}
}



/* flow
----------------------------------------------- */
.flow {
	padding: 120px 0 100px;
	background: #f9f9f9;
	position: relative;
}
.flow .hdl {
	margin: 0 0 55px;
}
.flow .flow_block {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 30px;
}
.flow .flow_box {
	flex: 1;
}
.flow .flow_in+.flow_in {
	margin: 20px 0 0;
}
.flow .flow_in {
	background: #fff;
	min-height: 130px;
	display: flex;
	align-items: center;
	padding: 10px 30px 10px 40px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.flow .flow_cont {
	display: flex;
	align-items: center;
}
.flow .flow_cont .flow_num {
	font-size: 20px;
	letter-spacing: 0.14em;
	line-height: 1.2;
	font-weight: 700;
	width: 80px;
	flex-shrink: 0;
	color: #4e4e4e;
	font-family: "Barlow", serif;
}
.flow .flow_cont .flow_ico {
	margin: 0 25px 0 0;
	flex-shrink: 0;
	text-align: center;
}
.flow .flow_cont .flow_type {
	flex: 1;
}
.flow .flow_cont .flow_name {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.12em;
	margin: 0 0 15px;
}
.flow .flow_cont .flow_txt {
	font-size: 16px;
	letter-spacing: 0.08em;
}
.flow .flow_cont .flow_note {
	font-size: 13px;
}
.flow .flow_least {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #dc000c;
	width: 70px;
	padding: 70px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	position: relative;
}
.flow .flow_least:before {
	position: absolute;
	content: "";
	right: calc(100% - 1px);
	top: 50%;
	transform: translateY(-50%);
	background: #dc000c;
	width: 14px;
	height: 20px;
	clip-path: polygon(0 50%,100% 0,100% 100%);
	z-index: 0;
}
.flow .flow_least .least_in {
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.16em;
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
}
.flow .flow_least .least_num {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.14em;
	display: inline-block;
	padding: 0 0 0 0.14em;
	-webkit-writing-mode: horizontal-tb;
	writing-mode: horizontal-tb;
	-ms-writing-mode: lr-tb;
}

.flow .com_btn {
	margin: 60px 0 0;
}

@media (max-width: 767px) {
.flow {
	padding: 60px 0;
}
.flow .hdl {
	margin: 0 0 30px;
}
.flow .flow_block {
	gap: 20px;
	flex-direction: column-reverse;
}
.flow .flow_in {
	min-height: inherit;
	padding: 15px;
}
.flow .flow_cont {
	flex-direction: column;
	align-items: center;
	gap: 15px;
}
.flow .flow_cont .flow_num {
	font-size: 16px;
	letter-spacing: 0.14em;
	width: auto;
}
.flow .flow_cont .flow_ico {
	margin: 0;
}
.flow .flow_cont .flow_type {
	flex: 1;
}
.flow .flow_cont .flow_name {
	text-align: center;
}
.flow .flow_cont .flow_note {
	display: block;
}
.flow .flow_least {
	width: 100%;
	padding: 20px 15px;
}
	.flow .flow_least:before {
		right: 50%;
		top: 100%;
		width: 20px;
		height: 14px;
		transform: translate(50%, 0);
		clip-path: polygon(0 0, 100% 0, 50% 100%);
	}
.flow .flow_least .least_in {
	font-size: 16px;
	letter-spacing: 0.16em;
	-webkit-writing-mode: horizontal-tb;
	writing-mode: horizontal-tb;
	-ms-writing-mode: lr-tb;
}
.flow .flow_least .least_num {
	font-size: 22px;
}
.flow .com_btn {
	margin: 30px 0 0;
}
}




/* case
----------------------------------------------- */
.case {
	position: relative;
	padding: 75px 0 90px;
}
.case:before {
	position: absolute;
	content: "";
	background: #dc000c;
	width: 28.5%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0;
}
.case .hdl {
	margin: 0 0 70px;
}
.case .case_navi {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin: 20px 0 0;
}
.case .case_navi .case_prev,
.case .case_navi .case_next {
	background: #1a1311;
	width: 56px;
	height: 56px;
	position: relative;
	cursor: pointer;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.case .case_navi .case_prev:before,
.case .case_navi .case_next:before {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #fff;
	z-index: 0;
}
.case .case_navi .case_prev:before {
	clip-path: polygon(0 50%,100% 0,100% 100%);
}
.case .case_navi .case_next:before {
	clip-path: polygon(0 0,100% 50%,0 100%);
}

.case .case_slider .slick-list {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.case .case_slider .slick-slide {
	margin: 0 2.86vw;
}
.case .case_box {
	background: #fff;
	padding: 50px;
	position: relative;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0 0 10px rgba(131,131,131,0.2);
	-moz-box-shadow: 0 0 10px rgba(131,131,131,0.2);
	-ms-box-shadow: 0 0 10px rgba(131,131,131,0.2);
	-o-box-shadow: 0 0 10px rgba(131,131,131,0.2);
	box-shadow: 0 0 10px rgba(131,131,131,0.2);
}
.case .case_box .case_mess {
	display: flex;
	align-items: center;
	margin: 0 0 30px;
	gap: 40px;
}
.case .case_box .case_mess .mess_eng {
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 0.04em;
	font-family: "Barlow", serif;
	line-height: 1.1;
	flex-shrink: 0;
}
.case .case_box .case_mess .mess_sum {
	display: flex;
	align-items: center;
	gap: 10px;
}
.case .case_box .case_mess .mess_sum .sum_cap {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.1;
	flex-shrink: 0;
	color: #dc000c;
	border: 1px #dc000c solid;
	letter-spacing: 0.16em;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 26px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.case .case_box .case_mess .mess_sum .sum_txt {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.16em;
}
.case .case_box .case_mess .mess_sum .sum_num {
	font-family: "Barlow", serif;
	font-size: 18px;
	line-height: 1.2;
}
.case .case_box .case_inner {
}
.case .case_box .case_type {
	display: flex;
	align-items: stretch;
	gap: 20px;
	margin: 20px 0 0;
}
.case .case_box .case_type .type_tit {
	background: #f2f0f1;
	width: 85px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 10px 5px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.16em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.case .case_box .case_type .type_in {
	align-self: center;
	font-size: 15px;
	line-height: 1.5;
	letter-spacing: 0.16em;
}
.case .case_box .case_type .type_txt {
	letter-spacing: 0.08em;
}
.case .case_box .case_type .type_list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.case .case_box .case_type .type_list li {
	background: url(../img/ico_case.png) 0 5px no-repeat;
	padding: 0 0 0 22px;
}
.case .case_box .case_spc {
	margin: 30px 0 0;
	display: flex;
	align-items: stretch;
	gap: 20px;
}
.case .case_box .case_spc .spc_tit {
	background: #dc000c;
	color: #fff;
	width: 85px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 10px 5px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.16em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.case .case_box .case_spc .spc_in {
	align-self: center;
	font-size: 14px;
	line-height: 1.57;
	letter-spacing: 0.08em;
	width: 100%;
}
.case .case_box .case_spc .spc_txt {
	font-size: 15px;
	margin: 0 0 25px;
}
.case .case_box .case_spc .spc_item {
	display: flex;
	align-items: stretch;
	gap: 20px;
}
.case .case_box .case_spc .spc_item li {
	width: calc((100% - 40px)/3);
}
.case .case_box .case_spc .spc_item .item_tit {
	border: 1px #dc000c solid;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 14px;
	color: #dc000c;
	font-weight: 700;
	letter-spacing: 0.16em;
	line-height: 1.1;
	height: 32px;
	margin: 0 0 15px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.case .case_box .case_spc .spc_item .item_img {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.case .case_box .case_page {
	position: absolute;
	right: 15px;
	bottom: 15px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: #adadad;
	z-index: 1;
	font-family: "Barlow", serif;
}
.case .case_box .case_page .page_current {
	font-size: 14px;
	color: #111;
}


@media (max-width: 1024px) {
.case .case_box {
	padding: 30px 20px 40px;
}
}

@media (max-width: 767px) {
.case {
	padding: 50px 0;
}
.case:before {
	width: 20%;
}
.case .hdl {
	margin: 0 0 30px;
}
.case .case_navi .case_prev,
.case .case_navi .case_next {
	width: 40px;
	height: 40px;
}
.case .case_slider .slick-slide {
	margin: 0 10px;
}
.case .case_box {
	padding: 30px 15px;
}
.case .case_box .case_mess {
	margin: 0 0 20px;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
}
.case .case_box .case_mess .mess_eng {
	font-size: 22px;
	letter-spacing: 0.04em;
}
.case .case_box .case_mess .mess_sum .sum_txt {
	font-size: 12px;
}
.case .case_box .case_type {
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}
.case .case_box .case_type .type_tit {
	width: 100%;
}
.case .case_box .case_type .type_in {
	align-self: flex-start;
}
.case .case_box .case_spc {
	margin: 20px 0 0;
	flex-direction: column;
	gap: 10px;
}
.case .case_box .case_spc .spc_tit {
	width: 100%;
}
.case .case_box .case_spc .spc_item {
	flex-direction: column;
	gap: 20px;
}
.case .case_box .case_spc .spc_item li {
	width: auto;
}
.case .case_box .case_page {
	right: 10px;
	bottom: 5px;
}
}




/* merit
----------------------------------------------- */
.merit {
	position: relative;
	background: #f9f9f9;
	padding: 120px 0 ;
}
.merit .hdl {
	margin: 0 0 50px;
}
.merit .merit_item {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 30px;
}
.merit .merit_item li {
	display: flex;
	align-items: center;
	padding: 30px;
	gap: 30px;
	background: #fff;
	width: calc((100% - 30px)/2);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.merit .merit_item .item_img {
	flex-shrink: 0;
}
.merit .merit_item .item_txt {
	font-size: 16px;
	line-height: 2;
	font-weight: 700;
	letter-spacing: 0.08em;
}
.merit .merit_item .item_txt .txt_line {
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fcd05f 0%) repeat scroll 0 0;
}
.merit .merit_ico {
	margin: 40px auto;
	background: #dc000c;
	width: 50px;
	height: 26px;
	clip-path: polygon(0 0,100% 0,50% 100%);
}
.merit .merit_then {
	background: #fff;
	padding: 60px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	position: relative;
}
.merit .merit_then .then_tit {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0.04em;
	margin: 0 0 35px;
	gap: 10px;
	line-height: 1.1;
}
.merit .merit_then .then_box {
	border-top: 1px #d8d8d9 solid;
}
.merit .merit_then .then_box li {
	border-bottom: 1px #d8d8d9 solid;
	padding: 10px 0;
	min-height: 120px;
	display: flex;
	align-items: center;
}
.merit .merit_then .then_cap {
	width: 175px;
	padding: 0 10px;
	font-family: "Barlow", serif;
	color: #dc000c;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.14em;
	display: flex;
	align-items: flex-end;
	flex-shrink: 0;
	gap: 10px;
}
.merit .merit_then .then_cap .cap_lar {
	font-size: 40px;
	line-height: 1;
}
.merit .merit_then .then_txt {
	font-size: 16px;
	letter-spacing: 0.08em;
	line-height: 1.7;
}
.merit .merit_then .then_txt .txt_line {
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffc7ca 0%) repeat scroll 0 0;
	font-weight: 700;
}

@media (max-width: 767px) {
.merit {
	padding: 60px 0 ;
}
.merit .hdl {
	margin: 0 0 30px;
}
.merit .merit_item {
	gap: 20px;
}
.merit .merit_item li {
	flex-direction: column;
	padding: 20px 10px;
	gap: 20px;
	width: calc((100% - 20px)/2);
}
.merit .merit_then {
	padding: 30px 20px;
}
.merit .merit_then .then_tit {
	font-size: 18px;
	letter-spacing: 0.04em;
	margin: 0 0 20px;
}
.merit .merit_then .then_box li {
	padding: 20px 10px;
	min-height: inherit;
	flex-direction: column;
	gap: 20px;
}
.merit .merit_then .then_cap {
	width: auto;
	font-size: 16px;
}
.merit .merit_then .then_cap .cap_lar {
	font-size: 30px;
}
}



/* point
----------------------------------------------- */
.point {
	padding: 100px 0 120px;
	position: relative;
}
.point .hdl {
	margin: 0 0 85px;
}
.point .hdl .logo {
	font-size: 0;
	margin: 0 10px 0 0;
}
.point .point_flex {
	display: flex;
	align-items: flex-start;
	gap: 0 6.3%;
	margin: 0 0 140px;
}
.point .point_flex.reverse {
	flex-direction: row-reverse;
}
.point .point_flex .flex_img {
	max-width: 55.1%;
	flex-shrink: 0;
}
.point .point_flex .flex_in {
	flex: 1;
}
.point .point_flex .flex_num {
	font-family: "Barlow", serif;
	font-size: 40px;
	font-weight: 700;
	color: #d2d2d2;
	letter-spacing: 0.14em;
	line-height: 1.1;
	margin: 0 0 30px;
}
.point .point_flex .flex_tit {
	font-size: 28px;
	line-height: 1.57;
	font-weight: 700;
	letter-spacing: 0.04em;
	margin: 0 0 25px;
}
.point .point_flex .flex_tit .ff_barlow {
	font-size: 40px;
	line-height: 1.2;
}
.point .point_flex .flex_txt {
	font-size: 16px;
	line-height: 2;
	letter-spacing: 0.08em;
}
.point .point_flex .flex_txt .txt_line {
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffc7ca 0%) repeat scroll 0 0;
}
@media (max-width: 1024px) {
.point .point_flex {
	gap: 0 4%;
}
}
@media (max-width: 767px) {
.point {
	padding: 60px 0;
}
.point .hdl {
	margin: 0 0 40px;
}
.point .hdl .logo {
	font-size: 0;
	margin: 0 10px 0 0;
}
.point .hdl .logo img {
	width: 100px;
}
.point .point_flex {
	display: block;
	gap: 0;
	margin: 0 0 70px;
}
.point .point_flex .flex_img {
	max-width: none;
	margin: 30px 0 0;
}
.point .point_flex .flex_num {
	text-align: center;
	font-size: 30px;
	letter-spacing: 0.14em;
	margin: 0 0 20px;
}
.point .point_flex .flex_tit {
	font-size: 22px;
	text-align: center;
}
.point .point_flex .flex_tit .ff_barlow {
	font-size: 30px;
}
}

.point .point_voice {
	margin: 0 0 120px;
	position: relative;
}
.point .point_voice:before {
	position: absolute;
	content: "";
	background: url(../img/dec_voice01.png) center center no-repeat;
	width: 486px;
	height: 225px;
	right: 0;
	bottom: 100%;
	z-index: 0;
}
.point .point_voice:after {
	position: absolute;
	content: "";
	background: url(../img/dec_voice02.png) center center no-repeat;
	width: 592px;
	height: 274px;
	left: 0;
	top: 100%;
	z-index: 0;
}
.point .point_voice .voice_box {
	background: #dc000c;
	padding: 90px 0;
	position: relative;
	z-index: 1;
}
.point .point_voice .voice_box:before {
	position: absolute;
	content: "";
	background: #f2f0f1;
	width: 38.5%;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 0;
}
.point .point_voice .voice_mess {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	gap: 20px;
	padding: 10px 0;
}
.point .point_voice .voice_hd {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.point .point_voice .voice_hd .hd_eng {
	font-size: 61px;
	font-weight: 700;
	line-height: 0.95;
	letter-spacing: 0.04em;
	font-family: "Barlow", serif;
	margin: 0 0 15px;
	padding: 0 20px 0 0;
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 85%, #fff 0%) repeat scroll 0 0;
}
.point .point_voice .voice_hd .hd_txt {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.18em;
}
.point .point_voice .voice_navi {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
.point .point_voice .voice_navi .voice_prev,
.point .point_voice .voice_navi .voice_next {
	background: #1a1311;
	width: 56px;
	height: 56px;
	position: relative;
	cursor: pointer;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.point .point_voice .voice_navi .voice_prev:before,
.point .point_voice .voice_navi .voice_next:before {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #fff;
	z-index: 0;
}
.point .point_voice .voice_navi .voice_prev:before {
	clip-path: polygon(0 50%,100% 0,100% 100%);
}
.point .point_voice .voice_navi .voice_next:before {
	clip-path: polygon(0 0,100% 50%,0 100%);
}
.point .point_voice .voice_inner {
	position: absolute;
	left: 300px;
	top: 0;
	z-index: 1;
}
	
.point .point_voice .voice_slider .slick-slide {
	margin: 0 10px 0 0;
	padding: 10px;
	outline: none;
}
.point .point_voice .voice_slider .slider_box {
	background: #fff;
	width: 330px;
	padding: 30px;
	-webkit-box-shadow: 0 0 10px rgba(131,131,131,0.2);
	-moz-box-shadow: 0 0 10px rgba(131,131,131,0.2);
	-ms-box-shadow: 0 0 10px rgba(131,131,131,0.2);
	-o-box-shadow: 0 0 10px rgba(131,131,131,0.2);
	box-shadow: 0 0 10px rgba(131,131,131,0.2);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	position: relative;
}
.point .point_voice .voice_slider a:hover .slider_box{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
.point .point_voice .voice_slider .slider_img {
	margin: 0 0 20px;
	text-align: center;
}
.point .point_voice .voice_slider .slider_img img {
	display: inline-block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.point .point_voice .voice_slider .slider_tit {
	font-size: 14px;
	letter-spacing: 0.16em;
	margin: 0 0 15px;
}
.point .point_voice .voice_slider .slider_txt {
	font-size: 17px;
	line-height: 1.65;
	font-weight: 700;
	letter-spacing: 0.08em;
}
.point .point_voice .voice_slider a:hover .slider_tit,
.point .point_voice .voice_slider a:hover .slider_txt {
	opacity: .7;
}
.point .point_voice .voice_slider .slider_num {
	position: absolute;
	right: 15px;
	bottom: 10px;
	font-size: 12px;
	font-weight: 600;
	color: #adadad;
	letter-spacing: 0.04em;
	font-family: "Barlow", serif;
	z-index: 1;
}
.point .point_voice .voice_slider .slider_num .num_lar {
	font-size: 14px;
	color: #111;
}


@media (max-width: 767px) {
.point .point_voice {
	margin: 0 0 60px;
}
.point .point_voice:before {
	background: url(../img/dec_voice01.png) center center no-repeat;
	background-size: cover;
	width: 150px;
	height: 69px;
}
.point .point_voice:after {
	background: url(../img/dec_voice02.png) center center no-repeat;
	background-size: cover;
	width: 180px;
	height: 83px;
}
.point .point_voice .voice_box {
	padding: 40px 0;
}
.point .point_voice .voice_box:before {
	width: 60%;
}
.point .point_voice .voice_mess {
	display: block;
	padding: 0 20px;
	margin: 0 0 30px;
}
.point .point_voice .inner {
	padding: 0 0 50px;
}
.point .point_voice .voice_hd .hd_eng {
	font-size: 40px;
	letter-spacing: 0.04em;
}
.point .point_voice .voice_hd .hd_txt {
	font-size: 16px;
}
.point .point_voice .voice_navi {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.point .point_voice .voice_navi .voice_prev,
.point .point_voice .voice_navi .voice_next {
	width: 40px;
	height: 40px;
}
.point .point_voice .voice_inner {
	position: static;
}
.point .point_voice .voice_slider .slick-slide {
	margin: 0 10px;
}
.point .point_voice .voice_slider .slider_box {
	width: 100%;
	padding: 20px 20px 30px;
}
.point .point_voice .voice_slider .slider_txt {
	font-size: 16px;
}
}

.point .point_sup {
	margin: 0 0 90px;
}
.point .point_sup .inner {
	max-width: 920px;
}
.point .point_sup .sup_num {
	text-align: center;
	font-size: 40px;
	font-weight: 700;
	color: #d2d2d2;
	line-height: 1.1;
	letter-spacing: 0.14em;
	margin: 0 0 40px;
	font-family: "Barlow", serif;
}
.point .point_sup .sup_tit {
	text-align: center;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 0.04em;
	margin: 0 0 30px;
}
.point .point_sup .sup_det {
	text-align: center;
	font-size: 16px;
	line-height: 2;
	letter-spacing: 0.08em;
	margin: 0 0 40px;
}
.point .point_sup .sup_cont {
	background: #f6f6f6;
	max-width: 620px;
	margin: 0 auto 45px;
	padding: 25px 20px 25px 30px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.point .point_sup .sup_check {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.point .point_sup .sup_check li {
	font-size: 16px;
	letter-spacing: 0.08em;
	line-height: 1.57;
	padding: 0 0 0 25px;
	background: url(../img/ico_case.png) 0 6px no-repeat;
}
.point .point_sup .sup_contrast {
	
}
.point .point_sup .sup_contrast .contrast_flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.14em;
	margin: 0 0 15px;
}
.point .point_sup .sup_contrast .contrast_flex .flex_left {
	width: 23.5%;
	text-align: center;
}
.point .point_sup .sup_contrast .contrast_flex .flex_right {
	width: 75%;
	text-align: center;
}
.point .point_sup .sup_contrast .contrast_img {
	text-align: center;
}
@media (max-width: 767px) {
.point .point_sup {
	margin: 0 0 50px;
}
.point .point_sup .sup_num {
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 0.14em;
	margin: 0 0 20px;
}
.point .point_sup .sup_tit {
	font-size: 22px;
	letter-spacing: 0.04em;
	margin: 0 0 20px;
}
.point .point_sup .sup_det {
	margin: 0 0 30px;
	text-align: left;
}
.point .point_sup .sup_cont {
	margin: 0 auto 30px;
	padding: 15px;
}
.point .point_sup .sup_contrast .contrast_flex {
	font-size: 13px;
	letter-spacing: 0.14em;
}
}

.point .point_other .hdl {
	margin: 0 0 25px;
}
.point .point_other .hdl .hdl_eng .eng_txt {
	color: #111;
}
.point .point_other .other_box {
	display: flex;
	align-items: stretch;
	justify-content: center;
	flex-wrap: wrap;
	gap: 30px;
}
.point .point_other .other_box li {
	width: calc((100% - 90px)/4);
	background: #f9f9f9;
	position: relative;
	padding: 30px 10px 25px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 15px;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.point .point_other .other_box li:before {
	position: absolute;
	content: "";
	background: #e3e3e3;
	clip-path: polygon(0 0,100% 0,0 100%);
	width: 50px;
	height: 50px;
	left: 0;
	top: 0;
	z-index: 0;
}
.point .point_other .other_img img {
	width: 70px;
}
.point .point_other .other_tit {
	font-size: 15px;
	line-height: 1.4;
	font-weight: 700;
	letter-spacing: 0.12em;
}
.point .point_other .com_btn {
	margin: 50px 0 0;
}
@media (max-width: 767px) {
.point .point_other .other_box {
	gap: 20px;
}
.point .point_other .other_box li {
	width: calc((100% - 20px)/2);
}
.point .point_other .other_box li:before {
	width: 30px;
	height: 30px;
}
}



/* task
----------------------------------------------- */
.task {
	padding: 100px 20px 0;
}
.task .task_box {
	background: #f9f9f9;
	max-width: 1240px;
	margin: 0 auto;
	padding: 60px 0 70px;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	-ms-border-radius: 26px;
	-o-border-radius: 26px;
	border-radius: 26px;
	position: relative;
}
.task .task_box:before {
	position: absolute;
	content: "";
	background: #f9f9f9;
	width: 70px;
	height: 26px;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
	clip-path: polygon(0 0,100% 0,50% 100%);
	z-index: 0;
}
.task .hdl {
	margin: 0 0 40px;
}
.task .task_inner {
	display: flex;
	align-items: stretch;
	gap: 5%;
	justify-content: space-between;
}
.task .task_inner li {
	width: calc((100% - 10%)/3);
}
.task .task_inner .task_tit {
	font-size: 18px;
	text-align: center;
	font-weight: 700;
	line-height: 1.78;
	letter-spacing: 0.04em;
	margin: 0 0 25px;
	padding: 20px 25px;
	position: relative;
}
.task .task_inner .task_tit:before {
	position: absolute;
	content: "";
	width: 20px;
	height: 32px;
	border-left: 2px #dc000c solid;
	border-top: 2px #dc000c solid;
	left: 0;
	top: 0;
	z-index: 0;
}
.task .task_inner .task_tit:after {
	position: absolute;
	content: "";
	width: 20px;
	height: 32px;
	border-right: 2px #dc000c solid;
	border-bottom: 2px #dc000c solid;
	right: 0;
	bottom: 0;
	z-index: 0;
}
.task .task_inner .task_img01 {
	text-align: center;
	margin: 0 0 45px;
}
.task .task_inner .task_cap {
	background: #fff;
	padding: 15px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: 5px;
	font-size: 18px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.04em;
	margin: 0 0 25px;
	position: relative;
}
.task .task_inner .task_cap:before {
	position: absolute;
	content: "";
	background: #fff;
	width: 14px;
	height: 8px;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
	clip-path: polygon(0 0,100% 0,50% 100%);
	z-index: 0;
}
.task .task_inner .task_cap img {
	width: 90px;
}
.task .task_inner .task_det {
	margin: 0 0 35px;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.78;
	letter-spacing: 0.04em;
}
.task .task_inner .task_det .det_line {
	display: inline-block;
	position: relative;
}
.task .task_inner .task_det .det_line:before {
	position: absolute;
	content: "";
	background: #dc000c;
	width: 100%;
	left: 0;
	bottom: -3px;
	height: 2px;
	z-index: 0;
}
.task .task_inner .task_img02 {
	text-align: center;
	margin: 0 0 25px;
}
.task .task_inner .task_txt {
	font-size: 16px;
	line-height: 2;
	letter-spacing: 0.07em;
}
.task .task_inner .task_txt .txt_line {
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fcd05f 0%) repeat scroll 0 0;
	font-weight: 700;
}

@media (max-width: 1024px) {
.task .task_inner .task_tit {
	font-size: 18px;
}
.task .task_inner .task_det {
	font-size: 18px;
}
}
@media (max-width: 767px) {
.task {
	padding: 50px 20px 0;
}
.task .task_box {
	padding: 40px 0;
}
.task .task_box:before {
	width: 50px;
	height: 20px;
}
.task .hdl {
	margin: 0 0 30px;
}
.task .task_inner {
	flex-direction: column;
	gap: 50px;
}
.task .task_inner li {
	width: 100%;
}
.task .task_inner .task_tit {
	margin: 0 0 25px;
	padding: 15px 20px;
}
.task .task_inner .task_img01 {
	margin: 0 0 30px;
}
.task .task_inner .task_cap {
	padding: 10px;
	font-size: 16px;
	letter-spacing: 0.04em;
}
.task .task_inner .task_cap img {
	width: 90px;
}
.task .task_inner .task_det {
	margin: 0 0 30px;
}
}




/* main
----------------------------------------------- */
.main {
	padding: 0 0 20px;
	display: flex;
	align-items: center;
	position: relative;
}
.main .main_dec {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 60%;
	z-index: 0;
}
.main .main_dec img {
	width: 100%;
}
.main .main_img {
	width: 48.3%;
	flex-shrink: 0;
	align-self: flex-end;
	position: relative;
	z-index: 1;
}
.main .main_in {
	width: 51.7%;
	padding: 0 20px 0 5.7vw;
	display: flex;
	justify-content: flex-end;
	position: relative;
	z-index: 1;
}
.main .main_cont {
	
}
.main .main_cap {
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.2;
	margin: 0 0 10px;
}
.main .main_cap .ff_barlow {
	font-size: 50px;
	line-height: 1.1;
	letter-spacing: 0;
}
.main .main_tit {
	font-size: 39px;
	font-weight: 700;
	line-height: 1.43;
	letter-spacing: 0.04em;
	margin: 0 0 15px;
}
.main .main_det {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.56;
	letter-spacing: 0.16em;
	margin: 0 0 25px;
}
.main .main_ico {
	display: flex;
	gap: 20px;
	align-items: center;
}
@media (max-width: 1440px) {
.main .main_tit br {
	display: none;
}
}
@media (max-width: 1024px) {
.main .main_cap {
	font-size: 18px;
}
.main .main_cap .ff_barlow {
	font-size: 40px;
}
.main .main_tit {
	font-size: 20px;
}
.main .main_ico li {
	width: 130px;
}
}
@media (max-width: 767px) {
.main {
	flex-direction: column-reverse;
	padding: 0;
	gap: 20px;
}
.main .main_cont {
	text-align: center;	
}
.main .main_dec {
	display: none;
}
.main .main_img {
	width: 100%;
	text-align: center;
}
.main .main_in {
	width: 100%;
	padding: 0 20px;
	margin: 0;
	display: block;
}
.main .main_cap {
	font-size: min(20px,4.8vw);
}
.main .main_cap .ff_barlow {
	font-size: min(36px,8vw);
}
.main .main_tit {
	font-size: min(22px,5.34vw);
}
.main .main_tit br {
	display: block;
}
.main .main_det {
	font-size: min(16px,4.2vw);
	letter-spacing: 0.16em;
}
.main .main_ico {
	display: flex;
	justify-content: center;
}
}



/* loop
----------------------------------------------- */
.loop_box {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.loop_logo {
	display: inline-block;
	animation: scroll 10s linear infinite;
	width: 1260px;
}

@keyframes scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}


.com_fix {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background: rgba(0,0,0,0.5);
	padding: 15px;
	transition: all 0.3s !important;
	-moz-transition: all 0.3s !important; /* Firefox */
	-webkit-transition: all 0.3s !important; /* Chrome&Safari */
	z-index: 2;
}
.com_fix .com_btn {
	margin: 0;
}

.show .com_fix {
	transform: translateY(100%);
	transition: all 0.3s !important;
	-moz-transition: all 0.3s !important; /* Firefox */
	-webkit-transition: all 0.3s !important; /* Chrome&Safari */
}



/* XX
----------------------------------------------- */


@media (max-width: 1024px) {

}
@media (max-width: 767px) {
}