@charset "utf-8";


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

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

/* !Reseting
---------------------------------------------------------- */

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: #19233C;
	text-decoration:none;
	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) {
a:hover {
	opacity: 1;
}
.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
------------------------------------------------ */

.ff_nimbus {
	font-family: "Google Sans Flex", sans-serif;
}

.fwb {
	font-weight: 600;
}
.fwm {
	font-weight: 500;
}

.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;
}



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



/* !anchor
------------------------------------------------ */
.anchor {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}


/* service_whatap
----------------------------------------------- */
.service_whatap {
	background: #19233C;
	font-family: "Noto Sans JP", sans-serif;
	color: #19233C;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	-webkit-text-size-adjust: none;
	overflow: hidden;
}
@media (max-width: 767px) {
.service_whatap {
	font-size: 14px;
}
}

.serwhatap_inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	z-index: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.com_section {
	position: relative;
}

.serwhatap_bg {
	background: linear-gradient(to bottom, #f1f4fc, #e6ebfa);
}



/* footer
----------------------------------------------- */
.footer_whatap {
	background: #0F1928;
	padding: 50px 20px;
}
.footer_whatap .footer_inner {
	max-width: 1300px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer_whatap .footer_logo {
	width: 346px;
	font-size: 0;
}
.footer_whatap .copyright {
	font-size: 14px;
	letter-spacing: 0.08em;
	color: #fff;
}

@media (max-width: 767px) {
.footer_whatap {
	padding: 30px 20px;
}
.footer_whatap .footer_inner {
	flex-direction: column;
	align-items: center;
	gap: 20px;
}
.footer_whatap .footer_logo {
	width: 173px;
}
.footer_whatap .copyright {
	font-size: 12px;
}

}



/* fix
----------------------------------------------- */
.serwhatap_fix {
	position: fixed;
	right: 0;
	top: 80%;
	transform: translateY(-50%);
	padding: 30px 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #fff;
	-webkit-border-radius: 35px 0 0 35px;
	-moz-border-radius: 35px 0 0 35px;
	-ms-border-radius: 35px 0 0 35px;
	-o-border-radius: 35px 0 0 35px;
	border-radius: 35px 0 0 35px;
	-webkit-box-shadow: 0 0 15px rgba(15,25,40,0.1);
	-moz-box-shadow: 0 0 15px rgba(15,25,40,0.1);
	-ms-box-shadow: 0 0 15px rgba(15,25,40,0.1);
	-o-box-shadow: 0 0 15px rgba(15,25,40,0.1);
	box-shadow: 0 0 15px rgba(15,25,40,0.1);
	z-index: 99;
}
.serwhatap_fix .fix_list {
	display: flex;
	flex-direction: column;
}
.serwhatap_fix .fix_list a {
	color: #111;
	display: block;
	font-size: 15px;
	line-height: 1.66;
	font-weight: 700;
	letter-spacing: 0.05em;
}
.serwhatap_fix .fix_list a:hover {
	color: #BE001E;
}
.serwhatap_fix .fix_btn {
	margin: 15px 0 0;
}
.serwhatap_fix .fix_btn a {
	background: #BE001E;
	width: 120px;
	height: 50px;
	font-size: 15px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.02em;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	-ms-border-radius: 28px;
	-o-border-radius: 28px;
	border-radius: 28px;
}

@media (max-width: 767px) {
.serwhatap_fix {
	display: none;
}
}



/* H
----------------------------------------------- */
.serwhatap_hdl {
	text-align: center;
	font-size: 38px;
	letter-spacing: 0.08em;
	font-weight: 700;
	line-height: 1.6;
	padding: 0 0 50px;
	margin: 0 0 100px;
	position: relative;
}
.serwhatap_hdl.hdl_wh {
	color: #fff;
}
.serwhatap_hdl:before {
	position: absolute;
	content: "";
	background: #BE0A23;
	width: 100px;
	height: 5px;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	z-index: 0;
}

@media (max-width: 767px) {
.serwhatap_hdl {
	font-size: 26px;
	padding: 0 0 30px;
	margin: 0 0 50px;
}
.serwhatap_hdl:before {
	width: 50px;
	height: 3px;
}
}



/* topic
----------------------------------------------- */
.serwhatap_topic {
	clip-path: polygon(0 0,100% 0,100% calc(100% - 250px),50% 100%,0 calc(100% - 250px));
	margin: 0 0 -250px;
}
.serwhatap_topic .topic_block {
	padding: 120px 0 360px;
}
.serwhatap_topic .topic_wrapper {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 40px;
}
.serwhatap_topic .topic_wrapper .wrapper_item {
	width: calc((100% - 80px)/3);
	background: #fff;
	display: flex;
	align-items: center;
	padding: 35px 35px 40px;
	gap: 30px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0 0 15px rgba(15,25,40,0.05);
	-moz-box-shadow: 0 0 15px rgba(15,25,40,0.05);
	-ms-box-shadow: 0 0 15px rgba(15,25,40,0.05);
	-o-box-shadow: 0 0 15px rgba(15,25,40,0.05);
	box-shadow: 0 0 15px rgba(15,25,40,0.05);
}
.serwhatap_topic .topic_wrapper .wrapper_item .item_ico {
	width: 70px;
	flex-shrink: 0;
}
.serwhatap_topic .topic_wrapper .wrapper_item .item_txt {
	font-size: 18px;
	line-height: 1.6;
	letter-spacing: 0.05em;
}
.serwhatap_topic .topic_wrapper .wrapper_item .item_txt .fc_red {
	font-weight: 700;
}


@media (max-width: 1024px) {
.serwhatap_topic .topic_wrapper .wrapper_item {
	width: calc((100% - 40px)/2);
}
}
@media (max-width: 767px) {
.serwhatap_topic {
	clip-path: polygon(0 0,100% 0,100% calc(100% - 120px),50% 100%,0 calc(100% - 120px));
	margin: 0 0 -120px;
}
.serwhatap_topic .topic_block {
	padding: 60px 0 180px;
}
.serwhatap_topic .topic_wrapper {
	flex-direction: column;
	gap: 20px;
}
.serwhatap_topic .topic_wrapper .wrapper_item {
	width: 100%;
	padding: 20px;
	gap: 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.serwhatap_topic .topic_wrapper .wrapper_item .item_ico {
	width: 50px;
}
.serwhatap_topic .topic_wrapper .wrapper_item .item_txt {
	font-size: 14px;
}
}



/* why
----------------------------------------------- */
.serwhatap_why {
	position: relative;
	z-index: 1;
}
.serwhatap_why .serwhatap_inner {
	padding: 370px 20px 120px;
	position: relative;
	z-index: 1;
}
.serwhatap_why .why_ico01 {
	position: absolute;
	left: 25px;
	top: 60px;
	width: 376px;
}
.serwhatap_why .why_ico02 {
	position: absolute;
	right: 273px;
	top: 90px;
	width: 78px;
}
.serwhatap_why .why_box {
	display: flex;
	align-items: stretch;
	gap: 45px;
}
.serwhatap_why .why_box .box_item {
	width: calc((100% - 90px)/3);
	border: 1px rgba(255,255,255,0.5) solid;
	padding: 50px 50px 70px;
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: linear-gradient(to bottom right, rgba(83,124,182,0.4), rgba(15,25,40,0.1));
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.serwhatap_why .why_box .box_item .item_num {
	background: rgba(70,140,240,0.4);
	padding: 10px;
	margin: 0 0 30px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.serwhatap_why .why_box .box_item .item_num .num_in {
	width: 76px;
	height: 76px;
	font-family: "Google Sans Flex", sans-serif;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
	background: #468CF0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	position: relative;
}
.serwhatap_why .why_box .box_item .item_tit {
	text-align: center;
	font-weight: 800;
	font-size: 22px;
	letter-spacing: 0.05em;
	line-height: 1.66;
	margin: 0 0 25px;
	color: #fff;
}
.serwhatap_why .why_box .box_item .item_txt {
	width: 100%;
	font-size: 16px;
	line-height: 1.8;
	letter-spacing: 0.05em;
	color: #fff;
}
.serwhatap_why .why_note {
	color: #fff;
	font-size: 26px;
	letter-spacing: 0.08em;
	background-image: url("../images/whatap/bg_why.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 80px 20px 120px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 35px 0;
}
.serwhatap_why .why_note .note_tit {
	color: #fff;
	
}
.serwhatap_why .why_note .note_txt {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	color: #fff;
}
.serwhatap_why .why_note .note_txt .txt_lar {
	font-size: 36px;
	font-weight: 800;
	padding: 10px 15px;
	line-height: 1.4;
	background: #BE001E;
	color: #fff;
}


@media (max-width: 1024px) {
.serwhatap_why .why_box {
	gap: 30px;
}
.serwhatap_why .why_box .box_item {
	width: calc((100% - 60px)/3);
	padding: 30px 20px 40px;
}
.serwhatap_why .why_note {
	font-size: 26px;
}
.serwhatap_why .why_note .note_txt .txt_lar {
	font-size: 32px;
}
}
@media (max-width: 767px) {
.serwhatap_why .serwhatap_inner {
	padding: 200px 20px 60px;
}
.serwhatap_why .why_ico01 {
	left: 0;
	top: 30px;
	width: 188px;
}
.serwhatap_why .why_ico02 {
	right: 80px;
	top: 45px;
	width: 39px;
}
.serwhatap_why .why_box {
	flex-direction: column;
	gap: 30px;
}
.serwhatap_why .why_box .box_item {
	width: 100%;
	padding: 30px 30px 40px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.serwhatap_why .why_box .box_item .item_num {
	padding: 5px;
	margin: 0 0 20px;
}
.serwhatap_why .why_box .box_item .item_num .num_in {
	width: 60px;
	height: 60px;
	font-size: 24px;
}
.serwhatap_why .why_box .box_item .item_tit {
	font-size: 18px;
	margin: 0 0 20px;
}
.serwhatap_why .why_box .box_item .item_txt {
	font-size: 14px;
}
.serwhatap_why .why_note {
	font-size: min(18px,4.8vw);
	padding: 40px 20px;
	gap: 20px 0;
}
.serwhatap_why .why_note .note_txt {
	gap: 10px;
	flex-direction: column;
	align-items: center;
}
.serwhatap_why .why_note .note_txt .txt_lar {
	font-size: min(22px,5.87vw);
	padding: 10px;
}
}



/* use
----------------------------------------------- */
.serwhatap_use {
	padding: 120px 0 200px;
}
.serwhatap_use .serwhatap_hdl {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 25px;
}
.serwhatap_use .serwhatap_hdl .hdl_item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
}
.serwhatap_use .serwhatap_hdl .hdl_line {
	font-size: 42px;
	color: #fff;
	font-weight: 800;
	line-height: 1.4;
	padding: 10px 15px;
	background: #19233C;
}
.serwhatap_use .use_wrapper {
	display: flex;
	flex-direction: column;
	gap: 120px 0;
}
.serwhatap_use .use_item {
	display: flex;
	align-items: stretch;
}
.serwhatap_use .use_item.reverse {
	flex-direction: row-reverse;
}
.serwhatap_use .use_item .item_img {
	width: 50%;
}
.serwhatap_use .use_item .item_img img {
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
}
.serwhatap_use .use_item .item_cont {
	width: 50%;
	padding: 0 6.15%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.serwhatap_use .use_item .item_num {
	font-family: "Google Sans Flex", sans-serif;
	font-size: 70px;
	color: #BE001E;
	font-weight: 700;
	line-height: 1;
	margin: 0 0 20px;
}
.serwhatap_use .use_item .item_tit {
	font-size: 28px;
	font-weight: 800;
	line-height: 1.6;
	letter-spacing: 0.05em;
	margin: 0 0 25px;
}
.serwhatap_use .use_item .item_txt {
	font-size: 16px;
	line-height: 2;
	letter-spacing: 0.05em;
}

@media (max-width: 1024px) {
.serwhatap_use .use_item .item_cont {
	padding: 0 20px;
}
.serwhatap_use .use_item .item_tit {
	font-size: 28px;
	margin: 0 0 15px;
}
.serwhatap_use .use_item .item_txt {
	font-size: 18px;
}
}
@media (max-width: 767px) {
.serwhatap_use {
	padding: 60px 0 100px;
}
.serwhatap_use .serwhatap_hdl {
	gap: 15px;
}
.serwhatap_use .serwhatap_hdl .hdl_item {
	gap: 5px;
	flex-wrap: wrap;
}
.serwhatap_use .serwhatap_hdl .hdl_line {
	font-size: 18px;
	padding: 5px 10px;
}
.serwhatap_use .use_wrapper {
	gap: 60px 0;
}
.serwhatap_use .use_item {
	flex-direction: column;
	gap: 30px;
}
.serwhatap_use .use_item.reverse {
	flex-direction: column;
}
.serwhatap_use .use_item .item_img {
	width: 100%;
}
.serwhatap_use .use_item .item_img img {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}
.serwhatap_use .use_item .item_cont {
	width: 100%;
	padding: 0;
}
.serwhatap_use .use_item .item_num {
	font-size: 40px;
}
.serwhatap_use .use_item .item_tit {
	font-size: 22px;
}
.serwhatap_use .use_item .item_txt {
	font-size: 14px;
}
}



/* fuction
----------------------------------------------- */
.serwhatap_fuction {
	padding: 120px 0 180px;
}
.serwhatap_fuction .fuction_wrapper {
	border: 1px rgba(255,255,255,0.5) solid;
	overflow: hidden;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
}
.serwhatap_fuction .fuction_item {
	height: 100px;
	display: flex;
	align-items: stretch;
	color: #fff;
	font-size: 17px;
	letter-spacing: 0.05em;
}
.serwhatap_fuction .fuction_item:nth-child(odd) {
	background: rgba(255,255,255,0.05);
}
.serwhatap_fuction .fuction_item .item_tit {
	width: 32%;
	display: flex;
	align-items: center;
	padding: 5px 10px 5px 4.6%;
	font-weight: 800;
	color: #fff;
}
.serwhatap_fuction .fuction_item .item_tit .tit_in {
	display: block;
	padding: 0 0 0 30px;
	position: relative;
	color: #fff;
}
.serwhatap_fuction .fuction_item .item_tit .tit_in:before {
	position: absolute;
	content: "";
	width: 15px;
	height: 15px;
	background: #468CF0;
	left: 0;
	top: 50%;
	margin-top: -8px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	z-index: 0;
}
.serwhatap_fuction .fuction_item .item_cont {
	width: 68%;
	display: flex;
	align-items: center;
	padding: 5px 20px 5px 0;
	color: #fff;
}
.serwhatap_fuction .fuction_item.item_head {
	background: rgba(70,140,240,0.25);
	color: #69A5FF;
	font-weight: 800;
	height: 90px;
}
.serwhatap_fuction .fuction_ico {
	position: absolute;
	right: 60px;
	top: calc(100% + 90px);
	width: 175px;
	z-index: 0;
}

@media (max-width: 767px) {
.serwhatap_fuction {
	padding: 60px 0 90px;
}
.serwhatap_fuction .fuction_wrapper {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}
.serwhatap_fuction .fuction_item {
	height: auto;
	font-size: 14px;
	padding: 15px 0;
}
.serwhatap_fuction .fuction_item .item_tit {
	width: 40%;
	padding: 0 10px;
}
.serwhatap_fuction .fuction_item .item_tit .tit_in {
	padding: 0 0 0 20px;
}
.serwhatap_fuction .fuction_item .item_tit .tit_in:before {
	width: 10px;
	height: 10px;
	margin-top: -5px;
}
.serwhatap_fuction .fuction_item .item_cont {
	width: 60%;
	padding: 0 10px 0 0;
}
.serwhatap_fuction .fuction_item.item_head {
	height: auto;
}
.serwhatap_fuction .fuction_ico {
	right: 40px;
	top: calc(100% + 45px);
	width: 88px;
}
}



/* reason
----------------------------------------------- */
.serwhatap_reason {
	padding: 120px 0 180px;
}
.serwhatap_reason .serwhatap_hdl {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}
.serwhatap_reason .serwhatap_hdl .hdl_sml {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.78;
	letter-spacing: 0.08em;
}
.serwhatap_reason .reason_wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 50px;
}
.serwhatap_reason .reason_wrapper .reason_item {
	width: calc((100% - 50px)/2);
	background: #fff;
	padding: 50px 60px 70px;
	display: flex;
	flex-direction: column;
	align-items: center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0 0 15px rgba(15,25,40,0.05);
	-moz-box-shadow: 0 0 15px rgba(15,25,40,0.05);
	-ms-box-shadow: 0 0 15px rgba(15,25,40,0.05);
	-o-box-shadow: 0 0 15px rgba(15,25,40,0.05);
	box-shadow: 0 0 15px rgba(15,25,40,0.05);
}
.serwhatap_reason .reason_wrapper .reason_item .item_num {
	background: rgba(70, 140, 240, 0.4);
	padding: 10px;
	margin: 0 0 30px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.serwhatap_reason .reason_wrapper .reason_item .item_num .num_in {
	width: 76px;
	height: 76px;
	font-family: "Google Sans Flex", sans-serif;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
	background: #468CF0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	position: relative;
}
.serwhatap_reason .reason_wrapper .reason_item .item_tit {
	text-align: center;
	font-size: 22px;
	font-weight: 800;
	line-height: 1.875;
	letter-spacing: 0.05em;
	margin: 0 0 20px;
}
.serwhatap_reason .reason_wrapper .reason_item .item_txt {
	width: 100%;
	font-size: 16px;
	line-height: 1.8;
	letter-spacing: 0.05em;
}
.serwhatap_reason .reason_support {
	margin: 120px 0 0;
}
.serwhatap_reason .reason_support .support_tit {
	text-align: center;
	font-size: 32px;
	font-weight: 700;
	margin: 0 0 40px;
	letter-spacing: 0.08em;
}
.serwhatap_reason .reason_support .support_flow {
	text-align: center;
}
.serwhatap_reason .reason_ico {
	position: absolute;
	width: 166px;
	left: 110px;
	top: calc(100% + 90px);
	z-index: 0;
}


@media (max-width: 1024px) {
.serwhatap_reason .reason_wrapper .reason_item {
	padding: 50px 30px;
}
.serwhatap_reason .reason_wrapper .reason_item .item_tit {
	font-size: 20px;
}
}
@media (max-width: 767px) {
.serwhatap_reason {
	padding: 80px 0 90px;
}
.serwhatap_reason .serwhatap_hdl {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
}
.serwhatap_reason .serwhatap_hdl .hdl_sml {
	font-size: 18px;
}
.serwhatap_reason .reason_wrapper {
	flex-direction: column;
	gap: 30px;
}
.serwhatap_reason .reason_wrapper .reason_item {
	width: 100%;
	padding: 30px 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.serwhatap_reason .reason_wrapper .reason_item .item_num {
	padding: 5px;
	margin: 0 0 20px;
}
.serwhatap_reason .reason_wrapper .reason_item .item_num .num_in {
	width: 60px;
	height: 60px;
	font-size: 24px;
}
.serwhatap_reason .reason_wrapper .reason_item .item_tit {
	font-size: 18px;
}
.serwhatap_reason .reason_wrapper .reason_item .item_txt {
	width: 100%;
	font-size: 14px;
}
.serwhatap_reason .reason_support {
	margin: 60px 0 0;
}
.serwhatap_reason .reason_support .support_tit {
	font-size: 24px;
	margin: 0 0 30px;
}
.serwhatap_reason .reason_support .support_flow {
	overflow-x: scroll;
	padding:0 0 10px;
}
.serwhatap_reason .reason_support .support_flow img {
	width: 800px;
	max-width: none;
	display: block;
}
.serwhatap_reason .reason_support .support_flow::-webkit-scrollbar{
	width: 100%;
	height: 5px;
	background: #ebe7e7;
	border-radius: 6px;
	border:1px #666 solid;
}
.serwhatap_reason .reason_support .support_flow::-webkit-scrollbar-thumb{
	background: #666;
	border-radius: 6px;
}
.serwhatap_reason .reason_ico {
	width: 83px;
	left: 40px;
	top: calc(100% + 45px);
}
}



/* option
----------------------------------------------- */
.serwhatap_option {
	padding: 120px 0 180px;
}
.serwhatap_option .option_wrapper {
	display: flex;
	align-items: stretch;
	gap: 50px;
}
.serwhatap_option .option_item {
	color: #fff;
	width: calc((100% - 50px)/2);
	overflow: hidden;
	border: 1px rgba(255,255,255,0.5) solid;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.serwhatap_option .option_item .item_tit {
	text-align: center;
	font-size: 24px;
	font-weight: 800;
	letter-spacing: 0.05em;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.serwhatap_option .option_item .item_tit.bg_blue {
	background: rgba(70,140,240,0.25);
	color: #fff;
}
.serwhatap_option .option_item .item_tit.bg_red {
	background: rgba(190,0,30,0.4);
	color: #fff;
}
.serwhatap_option .option_item .item_cont {
	padding: 50px 60px;
}
.serwhatap_option .option_item .item_list {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 20px;
}
.serwhatap_option .option_item .item_list li {
	font-size: 18px;
	line-height: 1.9;
	letter-spacing: 0.04em;
	padding: 0 0 0 45px;
	position: relative;
	color: #fff;
}
.serwhatap_option .option_item .item_list li:before {
	position: absolute;
	content: "";
	background-image: url("../images/whatap/check_option.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 30px;
	height: 30px;
	left: 0;
	top: 3px;
	z-index: 0;
}
.serwhatap_option .option_item .item_txt {
	margin: 0 50px;
	border-top: 1px rgba(255,255,255,0.5) solid;
	padding: 35px 20px 55px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.07em;
	color: #fff;
}


@media (max-width: 1024px) {
.serwhatap_option .option_item .item_cont {
	padding: 20px 30px;
}
.serwhatap_option .option_item .item_txt {
	margin: 0 30px;
}
}
@media (max-width: 767px) {
.serwhatap_option {
	padding: 90px 0;
}
.serwhatap_option .option_wrapper {
	flex-direction: column;
	gap: 30px;
}
.serwhatap_option .option_item {
	width: 100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.serwhatap_option .option_item .item_tit {
	font-size: 20px;
	height: 60px;
}
.serwhatap_option .option_item .item_cont {
	padding: 20px;
}
.serwhatap_option .option_item .item_list {
	gap: 10px;
}
.serwhatap_option .option_item .item_list li {
	font-size: 14px;
	padding: 0 0 0 30px;
	position: relative;
}
.serwhatap_option .option_item .item_list li:before {
	width: 20px;
	height: 20px;
	top: 3px;
}
.serwhatap_option .option_item .item_txt {
	margin: 0 20px;
	padding: 20px 20px 30px;
	font-size: 16px;
}
}



/* recommend
----------------------------------------------- */
.serwhatap_recommend {
	padding: 120px 0 180px;
}
.serwhatap_recommend .recommend_wrapper {
	display: flex;
	flex-direction: column;
	gap: 60px;
}
.serwhatap_recommend .recommend_tit {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-size: 22px;
	font-weight: 800;
	letter-spacing: 0.05em;
	padding: 0 0 30px;
	margin: 0 0 50px;
}
.serwhatap_recommend .recommend_issue,
.serwhatap_recommend .recommend_industry {
	padding: 50px 60px 80px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	position: relative;
}
.serwhatap_recommend .recommend_issue {
	background: #fff;
	-webkit-box-shadow: 0 0 15px rgba(15,25,40,0.05);
	-moz-box-shadow: 0 0 15px rgba(15,25,40,0.05);
	-ms-box-shadow: 0 0 15px rgba(15,25,40,0.05);
	-o-box-shadow: 0 0 15px rgba(15,25,40,0.05);
	box-shadow: 0 0 15px rgba(15,25,40,0.05);
}
.serwhatap_recommend .recommend_issue .issue_ico {
	position: absolute;
	right: 105px;
	top: -30px;
	width: 58px;
	z-index: 0;
}
.serwhatap_recommend .recommend_issue .recommend_tit {
	border-bottom-color: rgba(25,35,60,0.3);
}
.serwhatap_recommend .recommend_issue .issue_list {
	display: flex;
	flex-wrap: wrap;
	gap: 35px 10px;
}
.serwhatap_recommend .recommend_issue .issue_list li {
	width: calc((100% - 10px)/2);
	font-size: 18px;
	letter-spacing: 0.05em;
	position: relative;
	padding: 0 0 0 45px;
}
.serwhatap_recommend .recommend_issue .issue_list li:before {
	position: absolute;
	content: "";
	background-image: url("../images/whatap/check_recommend.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
	z-index: 0;
}

.serwhatap_recommend .recommend_industry {
	background: #19233C;
}
.serwhatap_recommend .recommend_industry .industry_ico {
	position: absolute;
	right: 80px;
	top: -40px;
	width: 130px;
	z-index: 0;
}
.serwhatap_recommend .recommend_industry .recommend_tit {
	border-bottom-color: rgba(255,255,255,0.5);
	color: #69A5FF;
}
.serwhatap_recommend .recommend_industry .industry_list {
	display: flex;
	flex-wrap: wrap;
	gap: 25px 20px;
}
.serwhatap_recommend .recommend_industry .industry_list li {
	border: 1px rgba(255,255,255,0.5) solid;
	background: rgba(255,255,255,0.05);
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.05em;
	padding: 0 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius: 50px;
}
.serwhatap_recommend .recommend_industry .industry_list li:nth-child(5),
.serwhatap_recommend .recommend_industry .industry_list li:nth-child(6) {
	padding: 0 40px;
}

@media (max-width: 767px) {
.serwhatap_recommend {
	padding: 60px 0 90px;
}
.serwhatap_recommend .recommend_wrapper {
	gap: 40px;
}
.serwhatap_recommend .recommend_tit {
	font-size: 18px;
	padding: 0 0 20px;
	margin: 0 0 30px;
}
.serwhatap_recommend .recommend_issue,
.serwhatap_recommend .recommend_industry {
	padding: 30px 20px 40px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.serwhatap_recommend .recommend_issue .issue_ico {
	right: 20px;
	top: -20px;
	width: 29px;
}
.serwhatap_recommend .recommend_issue .issue_list {
	flex-direction: column;
	gap: 20px 0;
}
.serwhatap_recommend .recommend_issue .issue_list li {
	width: auto;
	font-size: 14px;
	padding: 0 0 0 30px;
}
.serwhatap_recommend .recommend_issue .issue_list li:before {
	top: 0;
	width: 20px;
	height: 20px;
}

.serwhatap_recommend .recommend_industry .industry_ico {
	right: 20px;
	top: -20px;
	width: 65px;
}
.serwhatap_recommend .recommend_industry .industry_list {
	gap: 15px 10px;
}
.serwhatap_recommend .recommend_industry .industry_list li {
	height: 40px;
	font-size: 14px;
	padding: 0 20px;
}
.serwhatap_recommend .recommend_industry .industry_list li:nth-child(5),
.serwhatap_recommend .recommend_industry .industry_list li:nth-child(6) {
	padding: 0 20px;
}
}



/* expect
----------------------------------------------- */
.serwhatap_expect {
	padding: 120px 0 180px;
}
.serwhatap_expect .expect_wrapper {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 60px 45px;
}
.serwhatap_expect .expect_item {
	width: calc((100% - 90px)/3);
	border: 1px rgba(255,255,255,0.5) solid;
	overflow: hidden;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.serwhatap_expect .expect_item .item_img {
	
}
.serwhatap_expect .expect_item .item_cont {
	background: linear-gradient(to bottom right, rgba(83,124,182,0.4), rgba(15,25,40,0.1));
	padding: 40px 50px 60px;
	color: #fff;
}
.serwhatap_expect .expect_item .item_tit {
	text-align: center;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.66;
	letter-spacing: 0.05em;
	margin: 0 0 20px;
	color: #fff;
}
.serwhatap_expect .expect_item .item_txt {
	font-size: 16px;
	line-height: 2;
	letter-spacing: 0.05em;
	color: #fff;
}

@media (max-width: 1024px) {
.serwhatap_expect .expect_item {
	width: calc((100% - 45px)/2);
}
}
@media (max-width: 767px) {
.serwhatap_expect {
	padding: 60px 0 90px;
}
.serwhatap_expect .expect_wrapper {
	flex-direction: column;
	gap: 40px 0;
}
.serwhatap_expect .expect_item {
	width: 100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.serwhatap_expect .expect_item .item_img img {
	width: 100%;
}
.serwhatap_expect .expect_item .item_cont {
	padding: 20px 30px 30px;
}
.serwhatap_expect .expect_item .item_tit {
	font-size: 18px;
}
.serwhatap_expect .expect_item .item_txt {
	font-size: 14px;
}
}



/* flow
----------------------------------------------- */
.serwhatap_flow {
	padding: 120px 0 180px;
}
.serwhatap_flow .flow_wrapper {
	max-width: 1140px;
	margin: 0 auto;
}
.serwhatap_flow .flow_item:not(:last-child) {
	padding: 0 0 50px;
}
.serwhatap_flow .flow_item {
	overflow: hidden;
	display: flex;
	align-items: center;
	gap: 80px;
}
.serwhatap_flow .flow_item .item_num {
	flex-shrink: 0;
	background: rgba(70, 140, 240, 0.4);
	padding: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.serwhatap_flow .flow_item .item_num .num_in {
	width: 76px;
	height: 76px;
	font-family: "Google Sans Flex", sans-serif;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
	background: #468CF0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	position: relative;
}
.serwhatap_flow .flow_item .item_num .num_in:before,
.serwhatap_flow .flow_item .item_num .num_in:after {
	position: absolute;
	content: "";
	background: #468CF0;
	width: 2px;
	height: 100vh;
	left: 50%;
	margin-left: -1px;
	z-index: 0;
}
.serwhatap_flow .flow_item .item_num .num_in:before {
	bottom: 100%;
}
.serwhatap_flow .flow_item .item_num .num_in:after {
	top: 100%;
}
.serwhatap_flow .flow_item:first-child .item_num .num_in:before,
.serwhatap_flow .flow_item:last-child .item_num .num_in:after {
	display: none;
}
.serwhatap_flow .flow_item:last-child .item_num {
	background: rgba(190,0,30,0.3);
}
.serwhatap_flow .flow_item:last-child .num_in {
	background: #BE001E;
}
.serwhatap_flow .flow_item .item_cont {
	width: 100%;
	background: #fff;
	height: 200px;
	padding: 10px 70px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0 0 15px rgba(15,25,40,0.05);
	-moz-box-shadow: 0 0 15px rgba(15,25,40,0.05);
	-ms-box-shadow: 0 0 15px rgba(15,25,40,0.05);
	-o-box-shadow: 0 0 15px rgba(15,25,40,0.05);
	box-shadow: 0 0 15px rgba(15,25,40,0.05);
}
.serwhatap_flow .flow_item .item_tit {
	font-size: 22px;
	font-weight: 800;
	letter-spacing: 0.05em;
}
.serwhatap_flow .flow_item .item_txt {
	line-height: 1.8;
	font-size: 16px;
	letter-spacing: 0.05em;
}

@media (max-width: 767px) {
.serwhatap_flow {
	padding: 60px 0 90px;
}
.serwhatap_flow .flow_item:not(:last-child) {
	padding: 0 0 30px;
}
.serwhatap_flow .flow_item {
	gap: 20px;
}
.serwhatap_flow .flow_item .item_num {
	padding: 5px;
}
.serwhatap_flow .flow_item .item_num .num_in {
	width: 60px;
	height: 60px;
	font-size: 24px;
}
.serwhatap_flow .flow_item .item_cont {
	height: 220px;
	padding: 10px 20px;
	gap: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.serwhatap_flow .flow_item .item_tit {
	font-size: 18px;
}
.serwhatap_flow .flow_item .item_txt {
	font-size: 14px;
}

}



/* proposal
----------------------------------------------- */
.serwhatap_proposal {
	
}
.serwhatap_proposal .proposal_inner {
	padding: 120px 0;
}
.serwhatap_proposal .proposal_wrapper {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 50px;
}
.serwhatap_proposal .proposal_item {
	width: calc((100% - 50px)/2);
	height: 155px;
	display: flex;
	align-items: center;
	padding: 10px 35px;
	gap: 30px;
	border: 1px rgba(255,255,255,0.5) solid;
	background: linear-gradient(to right bottom, rgba(83, 124, 182, 0.4), rgba(15, 25, 40, 0.1));
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.serwhatap_proposal .proposal_item .item_ico {
	flex-shrink: 0;
	width: 70px;
}
.serwhatap_proposal .proposal_item .item_cont {
	font-size: 18px;
	line-height: 1.75;
	letter-spacing: 0.05em;
	color: #fff;
}
.serwhatap_proposal .proposal_other {
	background-image: url("../images/whatap/bg_proposal.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 80px 20px 100px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 50px;
}
.serwhatap_proposal .proposal_other .other_tit {
	text-align: center;
	font-size: 28px;
	line-height: 1.875;
	letter-spacing: 0.12em;
	color: #fff;
}
.serwhatap_proposal .proposal_other .other_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #BE001E;
	width: 400px;
	height: 80px;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.05em;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	border-radius: 100px;
}

@media (max-width: 767px) {
.serwhatap_proposal .proposal_inner {
	padding: 60px 0;
}
.serwhatap_proposal .proposal_wrapper {
	flex-direction: column;
	gap: 30px;
}
.serwhatap_proposal .proposal_item {
	width: 100%;
	height: 120px;
	padding: 10px 20px;
	gap: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.serwhatap_proposal .proposal_item .item_ico {
	width: 50px;
}
.serwhatap_proposal .proposal_item .item_cont {
	font-size: 16px;
}
.serwhatap_proposal .proposal_other {
	padding: 40px 20px 50px;
	gap: 30px;
}
.serwhatap_proposal .proposal_other .other_tit {
	font-size: 20px;
}
.serwhatap_proposal .proposal_other .other_btn a {
	width: 300px;
	height: 60px;
	font-size: 18px;
}
}



/* faq
----------------------------------------------- */
.serwhatap_faq {
	padding: 120px 0 180px;
}
.serwhatap_faq .faq_wrapper {
	border-top: 1px rgba(25,35,60,0.3) solid;
}
.serwhatap_faq .faq_item {
	border-bottom: 1px rgba(25,35,60,0.3) solid;
}
.serwhatap_faq .faq_ico {
	font-size: 45px;
	display: block;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.02em;
	font-family: "Google Sans Flex", sans-serif;
	align-self: flex-start;
	flex-shrink: 0;
}
.serwhatap_faq .faq_q {
	padding: 40px 100px 40px 50px;
	display: flex;
	align-items: center;
	gap: 30px;
	position: relative;
	cursor: pointer;
}
.serwhatap_faq .faq_q .faq_ico {
	color: #468CF0;
}
.serwhatap_faq .faq_q .q_txt {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.05em;
}
.serwhatap_faq .faq_q .q_plus {
	position: absolute;
	display: block;
	right: 50px;
	top: 50%;
	margin-top: -22px;
	width: 45px;
	height: 45px;
	background: #19233C;
	border: 2px #19233C solid;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	z-index: 1;
}
.serwhatap_faq .faq_q.on .q_plus {
	background: #fff;
}
.serwhatap_faq .faq_q.on .q_plus:before,
.serwhatap_faq .faq_q.on .q_plus:after {
	background: #19233C;
}
.serwhatap_faq .faq_q .q_plus:before,
.serwhatap_faq .faq_q .q_plus:after {
	position: absolute;
	content: "";
	background: #fff;
	z-index: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	transition: all 0.5s !important;
	-moz-transition: all 0.5s !important; /* Firefox */
	-webkit-transition: all 0.5s !important; /* Chrome&Safari */
}
.serwhatap_faq .faq_q .q_plus:before {
	width: 21px;
	height: 3px;
	left: 10px;
	top: 19px;
}
.serwhatap_faq .faq_q .q_plus:after {
	width: 3px;
	height: 21px;
	left: 19px;
	top: 10px;
}
.serwhatap_faq .faq_q.on .q_plus:after {
	transform: rotate(90deg);
}
.serwhatap_faq .faq_a {
	display: none;
	background: rgba(70,140,240,0.15);
	padding: 50px;
}
.serwhatap_faq .faq_a .faq_ico {
	color: #BE001E;
}
.serwhatap_faq .faq_a .a_inner {
	display: flex;
	align-items: flex-start;
	gap: 30px;
}
.serwhatap_faq .faq_a .a_txt {
	font-size: 16px;
	line-height: 2;
	letter-spacing: 0.05em;
}

@media (max-width: 767px) {
.serwhatap_faq {
	padding: 60px 0 90px;
}
.serwhatap_faq .faq_ico {
	font-size: 34px;
}
.serwhatap_faq .faq_q {
	padding: 20px 60px 20px 20px;
	gap: 20px;
}
.serwhatap_faq .faq_q .q_txt {
	font-size: 16px;
}
.serwhatap_faq .faq_q .q_plus {
	right: 10px;
	margin-top: -15px;
	width: 36px;
	height: 36px;
}
.serwhatap_faq .faq_q .q_plus:before {
	width: 16px;
	height: 2px;
	left: 8px;
	top: 15px;
}
.serwhatap_faq .faq_q .q_plus:after {
	width: 2px;
	height: 16px;
	left: 15px;
	top: 8px;
}
.serwhatap_faq .faq_a {
	padding: 20px;
}
.serwhatap_faq .faq_a .a_inner {
	gap: 20px;
}
.serwhatap_faq .faq_a .a_txt {
	font-size: 14px;
}
}



/* choose
----------------------------------------------- */
.serwhatap_cta {
	background-image: url("../images/whatap/bg_cta.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 140px 20px 160px;
}
.serwhatap_cta .cta_tit {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 35px 0;
	font-size: 26px;
	color: #fff;
	letter-spacing: 0.1em;
	margin: 0 0 50px;
}
.serwhatap_cta .cta_tit .tit_item {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
	color: #fff;
}
.serwhatap_cta .cta_tit .tit_lar {
	background: #fff;
	font-size: 36px;
	font-weight: 800;
	color: #19233C;
	padding: 10px 15px;
	line-height: 1.4;
}
.serwhatap_cta .cta_txt {
	text-align: center;
	color: #fff;
	margin: 0 0 65px;
	font-size: 18px;
	line-height: 2.2;
	letter-spacing: 0.1em;
}
.serwhatap_cta .cta_btn {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px 30px;
}
.serwhatap_cta .cta_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 80px;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.05em;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	border-radius: 100px;
}
.serwhatap_cta .cta_btn a:hover {
	opacity: 0.5;
}
.serwhatap_cta .cta_btn .btn_red {
	background: #BE001E;
	width: 325px;
}
.serwhatap_cta .cta_btn .btn_blue {
	background: #468CF0;
	width: 275px;
}
.serwhatap_cta .cta_btn .btn_dark {
	background: rgba(25,35,60,0.8);
	width: 395px;
}

@media (max-width: 767px) {
.serwhatap_cta {
	padding: 70px 20px 80px;
}
.serwhatap_cta .cta_tit {
	gap: 20px 0;
	font-size: 22px;
	margin: 0 0 30px;
}
.serwhatap_cta .cta_tit .tit_lar {
	font-size: 24px;
	padding: 5px 10px;
}
.serwhatap_cta .cta_txt {
	margin: 0 0 30px;
	font-size: 14px;
}
.serwhatap_cta .cta_btn {
	flex-direction: column;
	align-items: center;
	gap: 20px;
}
.serwhatap_cta .cta_btn a {
	width: 300px;
	max-width: 100%;
	height: 60px;
	font-size: 18px;
}
.serwhatap_cta .cta_btn .btn_red {
	width: 300px;
}
.serwhatap_cta .cta_btn .btn_blue {
	width: 300px;
}
.serwhatap_cta .cta_btn .btn_dark {
	width: 300px;
}
}



/* main
----------------------------------------------- */
.serwhatap_main {
	padding: 150px 20px 105px;
	display: flex;
	justify-content: center;
	color: #fff;
}
.serwhatap_main .main_wrapper {
	width: 1400px;
	max-width: 100%;
	display: flex;
	justify-content: flex-start;
}
.serwhatap_main .main_box {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}
.serwhatap_main .main_logo {
	font-size: 0;
	margin: 0 0 30px;
	width: 346px;
}
.serwhatap_main .main_cap {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0.03em;
	line-height: 1.25;
	gap: 20px;
	position: relative;
	margin: 0 0 30px;
	color: #fff;
}
.serwhatap_main .main_cap:before,
.serwhatap_main .main_cap:after {
	content: "";
	background: rgba(255,255,255,0.5);
	width: 77px;
	height: 1px;
	z-index: 0;
}
.serwhatap_main .main_det {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-size: 24px;
	margin: 0 0 35px;
	color: #fff;
}
.serwhatap_main .main_det .det_lar {
	height: 65px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #BE001E;
	padding: 0 10px;
	font-size: 38px;
	line-height: 1;
	font-weight: 900;
	color: #fff;
}
.serwhatap_main .main_det .det_lar.ff_nimbus {
	font-size: 42px;
	font-weight: 700;
}
.serwhatap_main .main_det .det_gap {
	margin: 0 -10px 0 0;
	color: #fff;
}
.serwhatap_main .main_tit {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	font-size: 34px;
	line-height: 1.375;
	font-weight: 700;
	margin: 0 0 30px;
	color: #fff;
}
.serwhatap_main .main_tit .tit_lar {
	width: 190px;
	height: 190px;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	line-height: 1.25;
	font-weight: 800;
	border: 1px rgba(255,255,255,0.5) solid;
	background: linear-gradient(to right bottom, rgba(83, 124, 182, 0.4), rgba(15, 25, 40, 0.1));
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
}
.serwhatap_main .main_txt {
	font-size: 16px;
	font-weight: 400;
	line-height: 2;
	letter-spacing: 0.05em;
	text-align: center;
	margin: 0 0 35px;
	color: #fff;
}
.serwhatap_main .main_check {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin: 0 0 60px;
}
.serwhatap_main .main_check li {
	background: #0F1826;
	padding: 10px 15px;
}
.serwhatap_main .main_check .check_txt {
	display: block;
	font-size: 16px;
	font-weight: 400;
	padding: 0 0 0 25px;
	position: relative;
	color: #fff;
}
.serwhatap_main .main_check .check_txt:before {
	position: absolute;
	content: "";
	background-image: url("../images/whatap/check_main.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 15px;
	height: 10px;
	left: 0;
	top: 8px;
	z-index: 0;
}
.serwhatap_main .main_btn {
	display: flex;
	align-items: stretch;
	gap: 30px;
}
.serwhatap_main .main_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	width: 250px;
	height: 80px;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.05em;
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	-ms-border-radius: 80px;
	-o-border-radius: 80px;
	border-radius: 80px;
}
.serwhatap_main .main_btn a:hover {
	opacity: 0.5;
}
.serwhatap_main .main_btn .btn_red {
	background: #BE001E;
}
.serwhatap_main .main_btn .btn_blue {
	background: #468CF0;
}
.serwhatap_main .main_img {
	position: absolute;
	left: calc(100% + 55px);
	top: 0;
	width: 608px;
	z-index: 1;
}

@media (max-width: 1024px) {
.serwhatap_main .main_img {
	position: static;
	width: auto;
	max-width: 100%;
	padding: 0 30px;
	margin: 50px 0 0;
}
}
@media (max-width: 767px) {
.serwhatap_main {
	padding: 100px 20px 60px;
}
.serwhatap_main .main_wrapper {
	display: block;
}
.serwhatap_main .main_logo {
	width: 300px;
	margin-bottom: 20px;
}
.serwhatap_main .main_cap {
	font-size: min(18px,4.8vw);
	gap: 10px;
	text-align: center;
	margin: 0 0 20px;
}
.serwhatap_main .main_cap:before,
.serwhatap_main .main_cap:after {
	flex-shrink: 0;
	width: 40px;
}
.serwhatap_main .main_det {
	gap: 5px;
	font-size: 16px;
	margin: 0 0 20px;
}
.serwhatap_main .main_det .det_lar {
	height: 50px;
	padding: 0 5px;
	font-size: 18px;
	line-height: 1.2;
	text-align: center;
}
.serwhatap_main .main_det .det_lar.ff_nimbus {
	font-size: 20px;
}
.serwhatap_main .main_tit {
	gap: 5px;
	font-size: 18px;
}
.serwhatap_main .main_tit .tit_lar {
	width: 120px;
	height: 120px;
	font-size: 24px;
}
.serwhatap_main .main_txt {
	font-size: 14px;
	margin: 0 0 30px;
}
.serwhatap_main .main_check {
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 40px;
}
.serwhatap_main .main_check li {
	width: calc((100% - 10px)/2);
	padding: 10px;
	display: flex;
	align-items: center;
}
.serwhatap_main .main_check .check_txt {
	font-size: 12px;
	padding: 0 0 0 20px;
}
.serwhatap_main .main_check .check_txt:before {
	width: 10px;
	height: 7px;
	left: 0;
	top: 5px;
}
.serwhatap_main .main_btn {
	gap: 10px;
	width: 100%;
}
.serwhatap_main .main_btn a {
	width: calc((100% - 10px)/2);
	height: 50px;
	font-size: 16px;
}

}

/* パンくず非表示 */
.page-id-723 .mywidth {
	display: none;
}