@charset "utf-8";


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

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

/* !Reseting
---------------------------------------------------------- */
body {
	font-family: "BIZ UDGothic", sans-serif;
	background: #fff;
	color: #434343;
	font-size: min(16px,1.15vw);
	line-height: 1.5;
	font-weight: 700;
	-webkit-text-size-adjust: none;
	font-feature-settings: "palt";
}

@media (max-width: 1024px) {
body {
	font-size: 16px;
}
}
@media (max-width: 767px) {
body {
	font-size: 14px;
}
}


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: #434343;
	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;
}



/* !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", sans-serif;
}
.ff_udp {
	font-family: "BIZ UDPGothic", sans-serif;
}


/* !fc
------------------------------------------------ */
.fc_red {
	color: #ff0000;
}
.fc_blue {
	color: #1f80cf;
}



/* header
----------------------------------------------- */
#header {
	position: fixed;
	left: 0;
	top: 0;
	padding: 20px;
	z-index: 99;
}
#header .header_logo {
	display: flex;
	flex-direction: column;
	gap: 10px 0;
	cursor: pointer;
}
#header .header_logo img {
	width: 200px;
}
#header .header_logo .logo_txt {
	font-size: 16px;
	color: #202020;
	font-weight: 700;
}

@media (max-width: 767px) {
#header {
	padding: 10px;
}
#header .header_logo {
	gap: 5px 0;
}
#header .header_logo img {
	width: 170px;
}
#header .header_logo .logo_txt {
	font-size: 12px;
}
}

.header_fix {
	display: none;
}
@media (max-width: 1024px) {
.header_fix {
	display: block;
}
.header_fix .navbar-toggle {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 9;
}
.header_fix .navbar-toggle .toggle_menu {
	width: 100%;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #ff0000;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.2em;
}
.header_fix .navbar-collapse {
	display: none;
	background: #fff;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	padding: 50px 0 0;
	z-index: 10;
	overflow: auto;
}
.header_fix .navbar-collapse .menu_mess {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 50px;
	display: flex;
	align-items: stretch;
	z-index: 1;
}
.header_fix .navbar-collapse .menu_tit {
	background: #202020;
	height: 50px;
	width: calc(100% - 50px);
	border-left: 5px #ff0000 solid;
	padding: 5px 25px;
	display: flex;
	align-items: center;
	font-size: min(22px,5.87vw);
	color: #fff;
	letter-spacing: 0.14em;
	font-weight: 700;
}
.header_fix .navbar-collapse .menu_close {
	flex-shrink: 0;
	width: 50px;
	height: 50px;
	background: #9e9e9e;
	position: relative;
}
.header_fix .navbar-collapse .menu_close span {
	display: inline-block;
	transition: all .4s;
	position: absolute;
	left: 8px;
	background-color: #fff;
	width: 34px;
	height: 2px;
}
.header_fix .navbar-collapse .menu_close span:nth-of-type(1) {
	top:21px;
	transform: translateY(3px) rotate(-45deg);
}
.header_fix .navbar-collapse .menu_close span:nth-of-type(2) {
	top:27px;
	transform: translateY(-3px) rotate(45deg);
}
.header_fix .navbar-collapse .side_inner {
	padding: 25px 30px 20px;
}

.header_fix .navbar-collapse .side_form .form_box input[type=text],
.header_fix .navbar-collapse .side_form .form_box input[type=email],
.header_fix .navbar-collapse .side_form .form_box input[type=tel] {
	height: 50px;
	font-size: 16px;
}
.header_fix .navbar-collapse .side_form .form_box .form_name {
	font-size: 16px;
}
.header_fix .navbar-collapse .side_form .form_box .must {
	width: 44px;
	height: 24px;
	font-size: 14px;
}
.header_fix .navbar-collapse .side_form .form_box select {
	background: url("../img/arrow_select.png") right 8px center no-repeat #f5f5f5;
	height: 50px;
	padding: 5px 26px 5px 8px;
	font-size: 13px;
}
.header_fix .navbar-collapse .side_form .form_box {
	gap: 15px 0;
}
.header_fix .navbar-collapse .side_form .form_agree input[type=checkbox] {
	width: 40px;
	height: 40px;
}
.header_fix .navbar-collapse .side_form .form_agree .agree_txt {
	font-size: 14px;
}
}




/* footer
----------------------------------------------- */
#footer {
	
}
#footer .footer_logo {
	padding: 20px;
	text-align: center;
}
#footer .copyright {
	background: #202020;
	padding: 15px 20px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.06em;
}
@media (max-width: 767px) {
#footer .copyright {
	padding: 15px 10px;
	font-size: 10px;
	letter-spacing: 0.06em;
}
#footer .footer_logo {
	padding: 10px;
}
#footer .footer_logo img {
	width: 140px;
}
}


/* wrapper
----------------------------------------------- */

.inner {
	max-width: 880px;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	z-index: 1;
}
@media (max-width: 1024px) {
#wrapper {
	padding: 0 0 60px;
}
}



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




/* H
----------------------------------------------- */
.hdl {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	font-weight: 700;
	color: #202020;
}
.hdl .hdl_eng {
	font-family: "Barlow", sans-serif;
	font-size: min(18px,1.29vw);
	color: #0081d3;
	letter-spacing: 0.04em;
	line-height: 1;
	margin: 0 0 25px;
}
.hdl .hdl_cap {
	font-size: min(24px,1.72vw);
	letter-spacing: 0.08em;
	line-height: 1.2;
	margin: 0 0 10px;
}
.hdl .hdl_jps {
	font-size: min(38px,2.72vw);
	line-height: 1.3;
	letter-spacing: 0.08em;
}
.hdl .hdl_jps .jps_sml {
	font-size: min(30px,2.15vw);
}

@media (max-width: 1024px) {
.hdl .hdl_eng {
	font-size: 18px;
}
.hdl .hdl_cap {
	font-size: 24px;
}
.hdl .hdl_jps {
	font-size: 38px;
}
.hdl .hdl_jps .jps_sml {
	font-size: 30px;
}
}
@media (max-width: 767px) {
.hdl .hdl_eng {
	font-size: 14px;
	letter-spacing: 0.04em;
	margin: 0 0 15px;
}
.hdl .hdl_cap {
	font-size: 20px;
	letter-spacing: 0.08em;
}
.hdl .hdl_jps {
	font-size: 28px;
	letter-spacing: 0.08em;
}
.hdl .hdl_jps .jps_sml {
	font-size: 20px;
}
}

.hdm {
	display: flex;
	flex-direction: column;
	gap: 10px 0;
}
.hdm .hdm_eng {
	font-size: 80px;
	color: #0081d3;
	font-weight: 700;
	line-height: 1;
	font-family: "Barlow", sans-serif;
	letter-spacing: 0.02em;
}
.hdm .hdm_jps {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.2em;
}
@media (max-width: 767px) {
.hdm .hdm_eng {
	font-size: 60px;
}
.hdm .hdm_jps {
	font-size: 14px;
}
}




/* 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
----------------------------------------------- */







/* box
----------------------------------------------- */
.warpper_box {
	padding: 0 400px 0 0;
}
.warpper_main {
	background: url("../img/bg.jpg") right 0 repeat-y #fff;
	overflow: hidden;
}
.warpper_side {
	width: 400px;
	height: 100vh;
	position: fixed;
	right: 0;
	top: 0;
	border-top: 5px #ff0000 solid;
	z-index: 2;
}


@media (max-width: 1024px) {
.warpper_box {
	padding: 0;
}
.warpper_side {
	display: none;
}
.warpper_main {
	background: none;
}
}


/* main
----------------------------------------------- */
.top_main {
	position: relative;
}
.top_main .main_img img {
	width: 100%;
	height: 100vh;
	object-fit: cover;
	object-position: center center;
}
.top_main .main_cont {
	position: absolute;
	left: 0;
	bottom: min(65px,8.66vw);
	width: 100%;
	padding: 0 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 35px;
	z-index: 1;
}
.top_main .main_txt {
	text-align: center;
}
.top_main .main_btn {
	display: flex;
	justify-content: center;
}
.top_main .main_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 220px;
	height: 60px;
	background: #ff0000;
	font-size: 15px;
	color: #fff;
	letter-spacing: 0.16em;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;
}
.top_main .main_btn a:hover {
	background: #202020;
}

@media (max-width: 767px) {
.top_main .main_img img {
	width: 100%;
	height: auto;
	object-fit: contain;
}
.top_main .main_btn a {
	width: 200px;
	height: 50px;
	font-size: 13px;
}
.top_main .main_cont {
	bottom: 13.33vw;
	padding: 0;
	gap: 9.33vw;
}
.top_main .main_btn a {
	width: 240px;
	height: 60px;
	font-size: 16px;
	letter-spacing: 0.16em;
}
}



/* side form
----------------------------------------------- */
.side_inner {
	padding: 30px 40px;
	height: 100%;
	overflow-y: scroll;
}
.side_inner {
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
}
.side_inner::-webkit-scrollbar{
	display: none;
}
.side_inner {
	scrollbar-width: none;
}
.side_form {
	
}
.side_form .form_tit {
	text-align: center;
	font-size: 20px;
	margin: 0 0 20px;
	font-weight: 700;
	letter-spacing: 0.14em;
	line-height: 1.2;
	color: #202020;
}
.side_form .form_box {
	display: flex;
	flex-direction: column;
	gap: 12px;
	color: #202020;
	font-size: 14px;
	letter-spacing: 0.12em;
}
.side_form .form_box li {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.side_form .form_box .form_name {
	display: flex;
	align-items: center;
	font-weight: 700;
	letter-spacing: 0.12em;
	justify-content: space-between;
	gap: 10px;
}
.side_form .form_box .must {
	background: #ff0000;
	color: #fff;
	width: 40px;
	height: 22px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 12px;
	letter-spacing: 0.12em;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-ms-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
}
.side_form .form_box input[type=text],
.side_form .form_box input[type=email],
.side_form .form_box input[type=tel] {
	background: #f5f5f5;
	width: 100%;
	outline: none;
	height: 45px;
	padding: 5px 20px;
	font-weight: 700;
	letter-spacing: 0.1em;
	border: 1px #dfe4e5 solid;
	font-family: "BIZ UDGothic", sans-serif;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
.side_form .form_box .form_cont {
	
}
.side_form .form_box select {
	background: url("../img/arrow_select.png") right 8px center no-repeat #f5f5f5;
	width: 100%;
	outline: none;
	height: 45px;
	padding: 5px 28px 5px 10px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 00;
	border: 1px #dfe4e5 solid;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	font-family: "BIZ UDGothic", sans-serif;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	color: #202020;
}
.side_form .form_agree {
	margin: 30px 0 0;
}
.side_form .form_agree input[type=checkbox] {
	width: 30px;
	height: 30px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
.form_btn {
	margin: 30px 0 0;
	display: flex;
	justify-content: center;
}
.form_btn input[type=submit] {
	background: #202020;
	width: 160px;
	height: 60px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.2em;
	color: #fff;
	cursor: pointer;
	text-align: center;
	transition: all 0.3s !important;
	-moz-transition: all 0.3s !important; /* Firefox */
	-webkit-transition: all 0.3s !important; /* Chrome&Safari */
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;
}
.form_btn input[type=submit]:hover {
	opacity: 0.5;
}


/* problem
----------------------------------------------- */
.top_problem {
	padding: 100px 0 20px;
}
.top_problem .hdl {
	margin: 0 0 80px;
}
.top_problem .problem_box {
	display: flex;
	align-items: stretch;
	gap: 0 4.75%;
}
.top_problem .problem_box li {
	width: calc((100% - 9.5%)/3);
	display: flex;
	flex-direction: column;
	align-items: center;
}
.top_problem .problem_box .box_guru {
	text-align: center;
	margin: 0 0 25px;
}
.top_problem .problem_box .box_tit {
	text-align: center;
	font-size: min(18px,1.29vw);
	color: #202020;
	line-height: 1.5;
	letter-spacing: 0.12em;
	margin: 0 0 45px;
}
.top_problem .problem_box .box_img {
	text-align: center;
	margin: 0 0 30px;
}
.top_problem .problem_box .box_txt {
	font-size: min(16px,1.15vw);
	line-height: 1.75;
	letter-spacing: 0.1em;
	width: 100%;
}

@media (max-width: 1024px) {
.top_problem .problem_box .box_tit {
	font-size: 20px;
}
.top_problem .problem_box .box_txt {
	font-size: 15px;
}
}
@media (max-width: 767px) {
.top_problem {
	padding: 50px 0 20px;
}
.top_problem .hdl {
	margin: 0 0 40px;
}
.top_problem .problem_box {
	flex-direction: column;
	gap: 50px 0;
}
.top_problem .problem_box li {
	width: 100%;
}
.top_problem .problem_box .box_guru {
	margin: 0 0 20px;
}
.top_problem .problem_box .box_tit {
	margin: 0 0 30px;
}
.top_problem .problem_box .box_img {
	margin: 0 0 20px;
}
}



/* service
----------------------------------------------- */
.top_service {
	background: #d1eaf8;
	padding: 180px 0 17.86vw;
	position: relative;
}
.top_service:before {
	position: absolute;
	content: "";
	background: -moz-linear-gradient(top, #fff, #d1eaf8);
	background: -webkit-gradient(linear, top, from(#fff), to(#d1eaf8));
	background: -webkit-linear-gradient(top, #fff, #d1eaf8);
	left: 0;
	top: 0;
	width: 100%;
	height: 180px;
	z-index: 0;
}
.top_service .hdl {
	margin: 0 0 80px;
}
.top_service .service_block {
	display: flex;
	flex-direction: column;
}
.top_service .service_box {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 0 60px;
}
.top_service .service_01 {
	
}
.top_service .service_02 {
	margin: 190px 0 0;
	flex-direction: row-reverse;
}
.top_service .service_03 {
	margin: 165px 0 0;
	gap: 0 35px;
}
.top_service .service_img {
	position: relative;
	z-index: 2;
}
.top_service .service_01 .service_img {
	margin: 117px 0 0
}
.top_service .service_01 .service_img img {
	height: 336px;
	object-fit: cover;
	object-position: right center;
}
.top_service .service_02 .service_img img {
	height: 374px;
	object-fit: cover;
	object-position: left center;
}
.top_service .service_03 .service_img img {
	height: 345px;
	object-fit: cover;
	object-position: right center;
}
.top_service .service_cont {
	width: 580px;
	max-width: 58%;
	flex-shrink: 0;
	padding: 75px min(50px,3.57vw) 75px min(65px,4.65vw);
	background: #ecf8ff;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 0 20px;
	-webkit-border-radius: 80px 0 0 0;
	-moz-border-radius: 80px 0 0 0;
	-ms-border-radius: 80px 0 0 0;
	-o-border-radius: 80px 0 0 0;
	border-radius: 80px 0 0 0;
	position: relative;
}
.top_service .service_cont:before {
	position: absolute;
	content: "";
	background: #ecf8ff;
	width: 100vw;
	height: 100%;
	left: 100%;
	top: 0;
	z-index: 0;
}
.top_service .service_02 .service_cont {
	padding: 75px min(65px,4.65vw) 75px min(50px,3.57vw);
	flex-direction: row-reverse;
	-webkit-border-radius: 0 80px 0 0;
	-moz-border-radius: 0 80px 0 0;
	-ms-border-radius: 0 80px 0 0;
	-o-border-radius: 0 80px 0 0;
	border-radius: 0 80px 0 0;
}
.top_service .service_02 .service_cont:before {
	left: auto;
	right: 100%;
}
.top_service .service_03 .service_cont {
	margin: 115px 0 0;
}
.top_service .service_point {
	background: url("../img/ico_service.png") center center no-repeat;
	width: 62px;
	height: 208px;
	flex-shrink: 0;
	font-size: 24px;
	line-height: 1;
	color: #0081d3;
	font-weight: 700;
	font-family: "Barlow", sans-serif;
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
}
.top_service .service_in {
	max-width: 360px;
}
.top_service .service_tit {
	color: #202020;
	font-size: min(24px,1.72vw);
	font-weight: 700;
	letter-spacing: 0;
	margin: 0 0 25px;
}
.top_service .service_tit .ff_barlow {
	font-size: min(28px,2vw);
}
.top_service .service_tit .tit_sml {
	font-size: min(18px,1.29vw);
	display: block;
}
.top_service .service_txt {
	font-size: min(16px,1.15vw);
	line-height: 1.75;
	letter-spacing: 0.1em;
}

@media (max-width: 1024px) {
.top_service .service_tit {
	font-size: 24px;
}
.top_service .service_tit .ff_barlow {
	font-size: 28px;
}
.top_service .service_tit .tit_sml {
	font-size: 18px;
}
.top_service .service_txt {
	font-size: 16px;
}
}
@media (max-width: 767px) {
.top_service {
	padding: 100px 0 120px;
}
.top_service:before {
	height: 100px;
}
.top_service .hdl {
	margin: 0 0 100px;
}
.top_service .service_box {
	flex-direction: column-reverse;
	align-items: center;
	gap: 40px 0;
	position: relative;
}
.top_service .service_01 {
	
}
.top_service .service_02 {
	margin: 60px 0 0;
	flex-direction: column-reverse;
}
.top_service .service_03 {
	margin: 60px 0 0;
	gap: 40px 0;
}
.top_service .service_01 .service_img {
	margin: 0
}
.top_service .service_01 .service_img {
	position: absolute;
	right: 60px;
	top: -100px;
	width: 178px;
	z-index: 1;
}
.top_service .service_02 .service_img {
	position: absolute;
	right: -110px;
	top: -88px;
	width: 214px;
}
.top_service .service_03 .service_img {
	position: absolute;
	right: -58px;
	bottom: -65px;
	width: 222px;
}
.top_service .service_01 .service_img img {
	height: auto;
	object-fit: contain;
}
.top_service .service_02 .service_img img {
	height: auto;
	object-fit: contain;
}
.top_service .service_03 .service_img img {
	height: auto;
	object-fit: contain;
}
.top_service .service_cont {
	width: 90%;
	max-width: none;
	padding: 40px 20px;
	-webkit-border-radius: 40px 0 0 0;
	-moz-border-radius: 40px 0 0 0;
	-ms-border-radius: 40px 0 0 0;
	-o-border-radius: 40px 0 0 0;
	border-radius: 40px 0 0 0;
}
.top_service .service_02 .service_cont {
	padding: 40px 20px;
	-webkit-border-radius: 0 40px 0 0;
	-moz-border-radius: 0 40px 0 0;
	-ms-border-radius: 0 40px 0 0;
	-o-border-radius: 0 40px 0 0;
	border-radius: 0 40px 0 0;
}
.top_service .service_03 .service_cont {
	margin: 0;
}
.top_service .service_point {
	font-size: 16px;
	width: 40px;
	height: 134px;
	background-size: 40px 134px;
}
.top_service .service_in {
	max-width: none;
}
.top_service .service_tit {
	font-size: 20px;
	margin: 0 0 20px;
}
.top_service .service_tit .ff_barlow {
	font-size: 22px;
}
.top_service .service_tit .tit_sml {
	font-size: 16px;
}
.top_service .service_txt {
	font-size: 15px;
	letter-spacing: 0.1em;
}
}

.top_service .point_table {
	margin: 0 0 -75px -150px;
	width: min(584px,41.72vw);
	background: #ecf8ff;
	padding: 50px 0 50px 50px;
	-webkit-border-radius: 80px 80px 80px 4px;
	-moz-border-radius: 80px 80px 80px 4px;
	-ms-border-radius: 80px 80px 80px 4px;
	-o-border-radius: 80px 80px 80px 4px;
	border-radius: 80px 80px 80px 4px;
}
@media (max-width: 1024px) {
.top_service .point_table {
	margin: 0 0 -75px -70px;
	width: 400px;
}
}

@media (max-width: 767px) {
.top_service .point_table {
	margin: 30px -60px 0 0;
	width: auto;
	padding: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
}



/* data
----------------------------------------------- */
.top_data {
	background: #dff0fc;
	padding: 30px 0 24vw;
	position: relative;
	z-index: 1;
}
.top_data .data_wave {
	position: absolute;
	left: 0;
	font-size: 0;
	bottom: 100%;
	width: 100%;
	z-index: 0;
}
.top_data .data_wave img {
	width: 100%;
}
.top_data .hdm {
	align-items: flex-end;
	margin: 0 0 45px;
}
.top_data .data_slider {
	
}
.top_data .data_slider .slick-slide {
	margin: 0 3.57vw;
	outline: none;
}
.top_data .data_slider .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	border: none;
	cursor: pointer;
	outline: none;
	width: 40px;
	height: 40px;
	background-color: #202020;
	text-indent: -9999px;
	padding: 0;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.top_data .data_slider .slick-prev {
	background-image: url("../img/prev_slider.png");
	left: 6vw;
}
.top_data .data_slider .slick-next {
	background-image: url("../img/next_slider.png");
	right: 6vw;
}
.top_data .data_slider .data_box {
	background: #fff;
	padding: 35px 30px 50px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
	position: relative;
}
.top_data .data_slider .data_tit {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	color: #202020;
	letter-spacing: 0.1em;
	margin: 0 0 40px;
	padding: 0 0 20px;
	position: relative;
}
.top_data .data_slider .data_tit:before {
	position: absolute;
	content: "";
	background: #ff0000;
	width: 20px;
	height: 4px;
	right: 50%;
	bottom: 0;
	z-index: 0;
}
.top_data .data_slider .data_tit:after {
	position: absolute;
	content: "";
	background: #0081d3;
	width: 20px;
	height: 4px;
	left: 50%;
	bottom: 0;
	z-index: 0;
}
.top_data .data_slider .data_img {
	display: flex;
	justify-content: center;
	text-align: center;
}
.top_data .data_slider .data_tip {
	position: absolute;
	left: 0;
	top: calc(100% + 40px);
	width: 100%;
	z-index: 2;
}
.top_data .data_slider .data_tip .tip_box {
	background: #0081d3;
	max-width: 400px;
	margin: 0 auto;
	height: 110px;
	color: #fff;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 10px 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	position: relative;
}
.top_data .data_slider .data_tip .tip_box:before {
	position: absolute;
	content: "";
	background: #0081d3;
	clip-path: polygon(50% 0,100% 100%,0 100%);
	left: 50%;
	bottom: calc(100% - 1px);
	transform: translateX(-50%);
	width: 20px;
	height: 8px;
	z-index: 0;
}
.top_data .data_slider .data_tip .tip_cap {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.1em;
}
.top_data .data_slider .data_tip .tip_mid {
	font-size: 18px;
	letter-spacing: 0.1em;
}
.top_data .data_slider .data_tip .tip_lar {
	font-size: 26px;
	line-height: 1.2;
	letter-spacing: 0.1em;
	font-weight: 500;
}
.top_data .data_slider .slick-list {
	overflow: visible;
}


@media (max-width: 1024px) {
.top_data {
	padding: 30px 0 300px;
}
.top_data .data_slider .slick-prev {
	left: 5vw;
}
.top_data .data_slider .slick-next {
	right: 5vw;
}
}
@media (max-width: 767px) {
.top_data {
	padding: 30px 0 200px;
}
.top_data .hdm {
	margin: 0 0 30px;
}
.top_data .data_slider .slick-arrow {
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
}
.top_data .data_slider .slick-prev {
	left: 4vw;
}
.top_data .data_slider .slick-next {
	right: 4vw;
}
.top_data .data_slider .data_box {
	padding: 30px 20px 40px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.top_data .data_slider .data_tit {
	font-size: 15px;
	padding: 0 0 20px;
	margin: 0 0 20px;
}
.top_data .data_slider .data_tit:before {
	height: 2px;
}
.top_data .data_slider .data_tit:after {
	height: 2px;
}
.top_data .data_slider .data_tip {
	top: calc(100% + 10px);
}
.top_data .data_slider .data_tip .tip_box {
	max-width: 90%;
	height: auto;
	min-height: 100px;
	padding: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.top_data .data_slider .data_tip .tip_box:before {
	width: 16px;
	height: 6px;
}
.top_data .data_slider .data_tip .tip_cap {
	font-size: 12px;
	letter-spacing: 0.1em;
}
.top_data .data_slider .data_tip .tip_mid {
	font-size: 14px;
	letter-spacing: 0.1em;
}
.top_data .data_slider .data_tip .ff_barlow {
	font-size: 20px;
}
}



/* faq
----------------------------------------------- */
.top_faq {
	background: #f4faff;
	padding: 9.57vw 0 100px;
	position: relative;
}
.top_faq:after {
	position: absolute;
	content: "";
	height: 100px;
	left: 0;
	bottom: 0;
	width: 100%;
	background: -moz-linear-gradient(top, #f4faff, #fff);
	background: -webkit-gradient(linear, top, from(#f4faff), to(#fff));
	background: -webkit-linear-gradient(top, #f4faff, #fff);
	z-index: 0;
}
.top_faq .hdl {
	margin: 0 0 70px;
}
.top_faq .hdl .hdl_eng {
	font-size: 45px;
	line-height: 1;
}
.top_faq .faq_block {
	display: flex;
	flex-direction: column;
	gap: 35px 0;
}
.top_faq .faq_box {
	
}
.top_faq .q_box {
	display: flex;
	align-items: center;
	gap: 0 20px;
	cursor: pointer;
}
.top_faq .q_box .q_ico {
	flex-shrink: 0;
	background: #202020;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	line-height: 1;
	font-family: "Barlow", sans-serif;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.top_faq .q_box .q_cont {
	flex: 1;
	background: #fff;
	font-size: 18px;
	letter-spacing: 0.14em;
	color: #202020;
	font-weight: 700;
	line-height: 1.35;
	padding: 25px 90px 25px 40px;
	-webkit-border-radius: 16px 16px 16px 2px;
	-moz-border-radius: 16px 16px 16px 2px;
	-ms-border-radius: 16px 16px 16px 2px;
	-o-border-radius: 16px 16px 16px 2px;
	border-radius: 16px 16px 16px 2px;
	position: relative;
}
.top_faq .q_box .q_cont .q_arrow {
	position: absolute;
	display: block;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	background: #1f80cf;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	z-index: 0;
}
.top_faq .q_box .q_cont .q_arrow:before {
	position: absolute;
	content: "";
	background: #fff;
	width: 10px;
	height: 2px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	transition: all 0.3s !important;
	-moz-transition: all 0.3s !important; /* Firefox */
	-webkit-transition: all 0.3s !important; /* Chrome&Safari */
	z-index: 0;
}
.top_faq .q_box .q_cont .q_arrow:after {
	position: absolute;
	content: "";
	background: #fff;
	width: 2px;
	height: 10px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	transition: all 0.3s !important;
	-moz-transition: all 0.3s !important; /* Firefox */
	-webkit-transition: all 0.3s !important; /* Chrome&Safari */
	z-index: 0;
}
.top_faq .q_box.on .q_cont .q_arrow:after {
	transform: translate(-50%,-50%) rotate(90deg);
}
.top_faq .a_box {
	padding: 25px 30px 0 120px;
	display: none;
}
.top_faq .a_box .a_txt {
	line-height: 1.75;
	letter-spacing: 0.1em;
}
.top_faq .a_box .a_txt a {
	text-underline-offset: 6px;
	text-decoration: underline;
}

@media (max-width: 767px) {
.top_faq {
	padding: 9.57vw 0 50px;
}
.top_faq:after {
	height: 50px;
}
.top_faq .hdl {
	margin: 0 0 40px;
}
.top_faq .hdl .hdl_eng {
	font-size: 30px;
}
.top_faq .faq_block {
	gap: 30px 0;
}
.top_faq .q_box {
	gap: 0 10px;
}
.top_faq .q_box .q_ico {
	width: 40px;
	height: 40px;
	font-size: 22px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.top_faq .q_box .q_cont {
	font-size: 16px;
	letter-spacing: 0.14em;
	line-height: 1.35;
	padding: 15px 60px 15px 20px;
	-webkit-border-radius: 8px 8px 8px 2px;
	-moz-border-radius: 8px 8px 8px 2px;
	-ms-border-radius: 8px 8px 8px 2px;
	-o-border-radius: 8px 8px 8px 2px;
	border-radius: 8px 8px 8px 2px;
}
.top_faq .q_box .q_cont .q_arrow {
	right: 20px;
	width: 32px;
	height: 32px;
}
.top_faq .a_box {
	padding: 20px 20px 0 60px;
	display: none;
}
}



/* contact
----------------------------------------------- */
.top_cta {
	position: relative;
	padding: 100px 0 140px;
}
.top_cta .hdl {
	margin: 0 0 70px;
}
.top_cta .form_box {
	display: flex;
	flex-direction: column;
	gap: 20px 0;
}
.top_cta .form_box li {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.top_cta .form_box .form_vat {
	align-self: flex-start;
}
.top_cta .form_box .form_name {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 39%;
	padding: 13px 0;
	gap: 10px;
}
.top_cta .form_box .form_name .name_txt {
	color: #202020;
	font-size: 15px;
	letter-spacing: 0.05em;
}
.top_cta .form_box .form_name .name_sml {
	font-size: 13px;
}
.top_cta .form_box .must {
	background: #ff0000;
	flex-shrink: 0;
	width: 56px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	font-size: 13px;
	letter-spacing: 0.12em;
	font-weight: 700;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-ms-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
}
.top_cta .form_box .form_cont {
	width: 58.5%;
}
.top_cta .form_box input[type=text],
.top_cta .form_box input[type=email],
.top_cta .form_box input[type=tel] {
	background: #f5f5f5;
	width: 100%;
	outline: none;
	height: 60px;
	padding: 5px 20px;
	font-weight: 700;
	letter-spacing: 0.1em;
	border: 1px #dfe4e5 solid;
	font-family: "BIZ UDGothic", sans-serif;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
.top_cta .form_box textarea {
	height: 180px;
	background: #f5f5f5;
	width: 100%;
	outline: none;
	padding: 20px;
	font-weight: 700;
	letter-spacing: 0.1em;
	border: 1px #dfe4e5 solid;
	font-family: "BIZ UDGothic", sans-serif;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
.top_cta .form_agree {
	margin: 50px 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 10px;
}
.form_agree {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 10px;
}
.form_agree input[type=checkbox] {
	background: #f5f5f5;
	width: 36px;
	height: 36px;
	border: 1px #dfe4e5 solid;
	flex-shrink: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}
.form_agree input[type=checkbox]:checked:before {
	position: absolute;
	content: "";
	border-bottom: 3px #202020 solid;
	border-right: 3px #202020 solid;
	width: 6px;
	height: 16px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-60%) rotate(45deg);
	z-index: 0;
}
.form_agree .agree_txt {
	font-size: 14px;
	color: #202020;
	letter-spacing: 0.12em;
}
.form_agree .agree_txt a {
	text-underline-offset: 6px;
	text-decoration: underline;
	color: #202020;
}

@media (max-width: 767px) {
.top_cta {
	padding: 50px 0 80px;
}
.top_cta .hdl {
	margin: 0 0 40px;
}
.top_cta .form_box li {
	flex-direction: column;
	gap: 15px 0;
}
.top_cta .form_box .form_name {
	width: 100%;
	padding: 0;
}
.top_cta .form_box .form_name .name_txt {
	font-size: 15px;
}
.top_cta .form_box .form_name .name_sml {
	font-size: 12px;
}
.top_cta .form_box .must {
	width: 40px;
	height: 30px;
	font-size: 11px;
}
.top_cta .form_box .form_cont {
	width: 100%;
}
.top_cta .form_box input[type=text],
.top_cta .form_box input[type=email],
.top_cta .form_box input[type=tel] {
	height: 40px;
	padding: 5px 15px;
}
.top_cta .form_box textarea {
	height: 150px;
	padding: 15px;
}
.top_cta .form_agree {
	margin: 30px 0 0;
}
.form_agree input[type=checkbox] {
	width: 30px;
	height: 30px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
.form_agree .agree_txt {
	font-size: 12px;
}
}



/* case
----------------------------------------------- */
.top_case {
	background: #fff;
	padding: 60px 0 120px;
	position: relative;
}
.top_case .wave_up {
	position: absolute;
	left: 0;
	bottom: 100%;
	width: 100%;
	z-index: 1;
}
.top_case .wave_up img {
	width: 100%;
}
.top_case .wave_btm {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	z-index: 1;
}
.top_case .wave_btm img {
	width: 100%;
}
.top_case .hdm {
	margin: 0 0 45px;
}
.top_case .case_box {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
}
.top_case .case_box li {
	width: calc((100% - 60px)/3);
	background: #f4faff;
	padding: 30px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px 0;
	font-size: 15px;
	-webkit-border-radius: 20px 20px 20px 2px;
	-moz-border-radius: 20px 20px 20px 2px;
	-ms-border-radius: 20px 20px 20px 2px;
	-o-border-radius: 20px 20px 20px 2px;
	border-radius: 20px 20px 20px 2px;
}
.top_case .case_box .box_tit {
	background: #1f80cf;
	padding: 3px 10px 2px;
	color: #fff;
	text-align: center;
	letter-spacing: 0.16em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.top_case .case_box .box_txt {
	letter-spacing: 0.1em;
	line-height: 1.6;
	color: #202020;
}


@media (max-width: 1024px) {
.top_case .case_box li {
	padding: 20px;
}
}
@media (max-width: 767px) {
.top_case {
	padding: 30px 0 60px;
	position: relative;
}
.top_case .hdm {
	margin: 0 0 30px;
}
.top_case .case_box {
	gap: 20px;
}
.top_case .case_box li {
	width: calc((100% - 20px)/2);
	padding: 20px 15px;
	font-size: 13px;
}
.top_case .case_box .box_txt {
	font-size: 15px;
}
}



/* pop
----------------------------------------------- */
.pop_box {
	display: none;
	width: 1240px;
	height: 590px;
	overflow-y: scroll;
	padding: 40px 50px;
	max-width: 100%;
	background: #fff;
	border-top: 10px #ff0000 solid;
}
.pop_box .pop_hd {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: #202020;
	margin: 0 0 30px;
}
.pop_box .pop_inner {
	display: flex;
	flex-direction: column;
	gap: 30px 0;
}
.pop_box .pop_cont {
	
}
.pop_box .pop_item {
	line-height: 1.75;
	font-size: 16px;
	color: #434343;
	font-weight: 700;
	letter-spacing: 0.1em;
	padding: 0 0 0 20px;
}
.pop_box .pop_tit {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.08em;
	margin: 0 0 10px;
	color: #202020;
}
.pop_box .pop_list li {
	text-indent: -2.5em;
	padding-left: 2.5em;
}
.pop_box .pop_dot li {
	padding: 0 0 0 1.5em;
	position: relative;
}
.pop_box .pop_dot li:before {
	position: absolute;
	content: "";
	background: #434343;
	width: 6px;
	height: 6px;
	left: 0;
	top: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	z-index: 0;
}
.pop_box .pop_close {
	display: flex;
	justify-content: center;
}
.pop_box .pop_close a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 160px;
	height: 60px;
	background: #202020;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.2em;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;
}
@media (max-width: 767px) {
.pop_box {
	height: 100vh;
	padding: 30px 20px;
	border-top: 5px #ff0000 solid;
}
.pop_box .pop_hd {
	font-size: 18px;
}
.pop_box .pop_inner {
	gap: 20px 0;
}
.pop_box .pop_item {
	font-size: 14px;
	letter-spacing: 0.1em;
}
.pop_box .pop_tit {
	font-size: 16px;
}
.pop_box .pop_dot li:before {
	top: 8px;
}
.pop_box .pop_close a {
	width: 120px;
	height: 40px;
	font-size: 13px;
}
}

.error {
	color: #ff0000;
	letter-spacing: 0.08em;
	margin: 4px 0 0;
}

.thanks {
	text-align: center;
	letter-spacing: 0.08em;
	margin: 15px 0 0;
}


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


@media (max-width: 1024px) {

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






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


@media (max-width: 1024px) {

}
@media (max-width: 767px) {
	
}
/* Modal Styles Start */
.modal-overlay {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}

.modal-content {
	background-color: #fff;
	margin: 35vh auto;
	padding: 0;
	border-radius: 8px;
	width: 90%;
	max-width: 400px;
	box-shadow: 0 4px 20px rgba(0,0,0,0.3);
	animation: modalSlideIn 0.3s ease-out;
}

@keyframes modalSlideIn {
	from {
		transform: translateY(-50px);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

.modal-title {
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	color: #333;
}

.modal-body {
	padding: 20px;
	text-align: center;
	color: #202020;
    font-size: 15px;
    letter-spacing: 0.05em;
}

.modal-footer {
	padding: 10px 20px 20px 20px;
	text-align: center;
}

.modal-btn {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.2em;
	color: #fff;
	cursor: pointer;
	text-align: center;
	transition: all 0.3s !important;
	border:none;
	-moz-transition: all 0.3s !important; /* Firefox */
	-webkit-transition: all 0.3s !important; /* Chrome&Safari */
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;
}

.btn-ok {
	background: #202020;
	width: 140px;
	height: 40px;
}

.btn-ok:hover {
	transform: translateY(-1px);
}

.btn-cancel {
	background: #202020;
	opacity: 0.5;
	width: 140px;
	height: 42px;
}

.btn-cancel:hover {
	transform: translateY(-1px);
}
/* Modal Styles End */