@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: var(--font-white);
	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
------------------------------------------------ */
@font-face {
	font-family: 'Klavika Basic';
	src: url('../fonts/klavika-basic.otf') format('opentype');
	font-weight: 400;
}
@font-face {
	font-family: 'Klavika Basic';
	src: url('../fonts/klavika-basic-medium.otf') format('opentype');
	font-weight: 500;
}
@font-face {
	font-family: 'Klavika Basic';
	src: url('../fonts/klavika-basic-bold.otf') format('opentype');
	font-weight: 700;
}

.ff_klavika {
	font-family: var(--font-family-base);
}

.fwb {
	font-weight: 700;
}
.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;
}



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


/* amd_apn
----------------------------------------------- */
:root {
	--font-family-base: 'Klavika Basic', sans-serif;
	--font-dark-blue:#00C2DE;
	--font-light-blue:#3DD5F1;
	--font-mid-blue:#05B1D5;
	--font-white:#fff;
}


.amd_apn {
	font-family: Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic, YuGothicM, sans-serif;
	color: var(--font-white);
	background: #000;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	-webkit-text-size-adjust: none;
	overflow: hidden;
}

.apn_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;
}
.com_detail {
	text-align: center;
	font-size: 14px;
	line-height: 1.71;
}
@media (max-width: 767px) {
.com_detail {
	text-align: left;
}
}




/* H
----------------------------------------------- */
.apn_hdl {
	text-align: center;
	font-weight: 700;
	font-size: 38px;
	letter-spacing: 0.02em;
	position: relative;
	z-index: 1;
}
.apn_hdl .hdl_eng {
	font-size: 44px;
	line-height: 1.3;
	font-family: var(--font-family-base);
}
@media (max-width: 767px) {
.apn_hdl {
	font-size: 24px;
}
.apn_hdl .hdl_eng {
	font-size: 30px;
}
}

.apn_hdm {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.02em;
	padding: 0 0 0 16px;
	line-height: 1.3;
	position: relative;
}
.apn_hdm:before {
	position: absolute;
	content: "";
	background: var(--font-dark-blue);
	height: 100%;
	width: 6px;
	left: 0;
	top: -2px;
	z-index: 0;
}
@media (max-width: 767px) {
.apn_hdm {
	font-size: 16px;
	padding: 0 0 0 10px;
}
.apn_hdm:before {
	width: 3px;
	top: -2px;
}
}

.apn_hds {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.02em;
	padding: 0 0 0 16px;
	line-height: 1.3;
	position: relative;
}
.apn_hds:before {
	position: absolute;
	content: "";
	background: var(--font-dark-blue);
	height: 100%;
	width: 6px;
	left: 0;
	top: -2px;
	z-index: 0;
}
@media (max-width: 767px) {
.apn_hds {
	font-size: 14px;
	padding: 0 0 0 10px;
}
.apn_hds:before {
	width: 3px;
	top: -2px;
}
}






/* main
----------------------------------------------- */
.apn_head {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 15px min(15px,2.09vw) 15px min(50px,3.48vw);
	background: rgba(0,0,0,0);
	gap: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: all 0.3s !important;
	-moz-transition: all 0.3s !important; /* Firefox */
	-webkit-transition: all 0.3s !important; /* Chrome&Safari */
	z-index: 9;
}
.head_show .apn_head {
	position: fixed;
	background: rgba(0,0,0,0.5);
	top: 0;
}
.apn_head .apn_head_mess {
	display: flex;
	align-items: center;
	gap: 40px;
}
.apn_head .apn_head_logo {
	width: 134px;
	flex-shrink: 0;
}
.apn_head .apn_head_navi {
	display: flex;
	align-items: center;
	gap: 2em;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 15px;
	letter-spacing: 0.02em;
	font-weight: 700;
}
.apn_head .apn_head_navi a:hover {
	opacity: 0.5;
}
.apn_head .apn_head_btn a {
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.06em;
	background: #F26522;
	height: 48px;
	padding: 0 30px;
}
.apn_head .apn_head_btn a:hover {
	opacity: 0.5;
}

@media (max-width: 1310px) {
.apn_head .apn_head_logo {
	width: 100px;
	flex-shrink: 0;
}
.apn_head .apn_head_mess {
	gap: 20px;
	flex-shrink: 0;
}
.apn_head .apn_head_navi {
	gap: 1.5em;
	font-size: 14px;
}
.apn_head .apn_head_btn a {
	font-size: 14px;
	padding: 0 20px;
}
}
@media (max-width: 1024px) {
.apn_head {
	display: none;
}
}

.apn_main {
	background-image: url("../images/bg_main.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 140px 20px 45px;
	position: relative;
}
.apn_main .main_inner {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.apn_main .main_cap {
	margin: 0 0 10px;
	font-size: 18px;
	font-family: var(--font-family-base);
	font-weight: 500;
	letter-spacing: 0.06em;
	-webkit-text-shadow: 0 0 10px rgba(0,0,0,1);
	-moz-text-shadow: 0 0 10px rgba(0,0,0,1);
	-ms-text-shadow: 0 0 10px rgba(0,0,0,1);
	-o-text-shadow: 0 0 10px rgba(0,0,0,1);
	text-shadow: 0 0 10px rgba(0,0,0,1);
}
.apn_main .main_tit {
	font-size: 44px;
	letter-spacing: -0.02em;
	line-height: 1.4;
	font-weight: 700;
	margin: 0 0 20px;
	-webkit-text-shadow: 0 0 10px rgba(0,0,0,1);
	-moz-text-shadow: 0 0 10px rgba(0,0,0,1);
	-ms-text-shadow: 0 0 10px rgba(0,0,0,1);
	-o-text-shadow: 0 0 10px rgba(0,0,0,1);
	text-shadow: 0 0 10px rgba(0,0,0,1);
}
.apn_main .main_txt {
	max-width: 610px;
	margin: 0 0 30px;
	font-size: 16px;
	line-height: 1.625;
	letter-spacing: 0.02em;
	-webkit-text-shadow: 0 0 10px rgba(0,0,0,0.6);
	-moz-text-shadow: 0 0 10px rgba(0,0,0,0.6);
	-ms-text-shadow: 0 0 10px rgba(0,0,0,0.6);
	-o-text-shadow: 0 0 10px rgba(0,0,0,0.6);
	text-shadow: 0 0 10px rgba(0,0,0,0.6);
}
.apn_main .main_cont {
	background: rgba(0,0,0,0.8);
	border: 1px rgba(74,88,96,0.8) solid;
	padding: 25px 40px 40px;
	display: flex;
	align-items: flex-end;
	gap: 40px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.apn_main .main_cont .cont_list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.apn_main .main_cont .cont_list li {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 25px;
}
.apn_main .main_cont .cont_list .list_tit {
	font-size: 14px;
	padding: 0 0 0 23px;
	position: relative;
}
.apn_main .main_cont .cont_list .list_tit:before {
	position: absolute;
	content: "";
	background-image: url("../images/ico_main.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	left: 0;
	top: 2px;
	width: 16px;
	height: 16px;
	z-index: 0;
}
.apn_main .main_cont .cont_list .list_txt {
	font-size: 14px;
	line-height: 1.23;
	font-weight: 700;
}
.apn_main .main_cont .cont_list .list_txt .txt_sml {
	font-size: 12px;
	font-family: var(--font-family-base);
}
.apn_main .main_cont .cont_list .list_txt .txt_mid {
	font-size: 18px;
	font-family: var(--font-family-base);
}
.apn_main .main_cont .cont_list .list_txt .txt_lar {
	font-size: 22px;
	font-family: var(--font-family-base);
}
.apn_main .main_cont .cont_intro {
	
}
.apn_main .main_cont .cont_intro .intro_tit {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin: 0 0 5px;
	color: #F26522;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.57;
}
.apn_main .main_cont .cont_intro .intro_tit .tit_item {
	
}
.apn_main .main_cont .cont_intro .intro_tit .tit_line {
	padding: 0 25px;
	position: relative;
}
.apn_main .main_cont .cont_intro .intro_tit .tit_line:before,
.apn_main .main_cont .cont_intro .intro_tit .tit_line:after {
	position: absolute;
	content: "";
	background: #F26522;
	width: 20px;
	height: 1px;
	top: 50%;
	z-index: 0;
}
.apn_main .main_cont .cont_intro .intro_tit .tit_line:before {
	left: 0;
}
.apn_main .main_cont .cont_intro .intro_tit .tit_line:after {
	right: 0;
}
.apn_main .main_cont .cont_intro .intro_tit .tit_lar {
	font-size: 20px;
}
.apn_main .main_cont .cont_intro .intro_btn {
	width: 100%;
}
.apn_main .main_cont .cont_intro .intro_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 50px;
	text-align: center;
	background: #F26522;
	padding: 5px 30px;
	font-size: 16px;
	font-weight: 700;
}
.apn_main .main_cont .cont_intro .intro_btn a:hover {
	opacity: 0.5;
}

@media (max-width: 1024px) {
.apn_main {
	padding: 45px 20px;
}
.apn_main .main_cont {
	flex-direction: column;
	align-items: center;
}
}
@media (max-width: 767px) {
.apn_main {
	background-image: url("../images/bg_main_sp.png");
	padding: 30px 20px;
}
.apn_main .main_cap {
	font-size: 14px;
}
.apn_main .main_tit {
	font-size: 20px;
	margin: 0 0 20px;
}
.apn_main .main_txt {
	max-width: none;
	margin: 0 0 20px;
	font-size: 14px;
}
.apn_main .main_cont {
	padding: 30px 20px;
	gap: 30px;
}
.apn_main .main_cont .cont_list li {
	gap: 15px;
}
.apn_main .main_cont .cont_list .list_txt {
	font-size: 12px;
	flex-shrink: 0;
}
.apn_main .main_cont .cont_list .list_txt .txt_sml {
	font-size: 12px;
}
.apn_main .main_cont .cont_list .list_txt .txt_mid {
	font-size: 16px;
}
.apn_main .main_cont .cont_list .list_txt .txt_lar {
	font-size: 20px;
}
.apn_main .main_cont .cont_intro .intro_tit .tit_line {
	padding: 0 15px;
}
.apn_main .main_cont .cont_intro .intro_tit .tit_line:before,
.apn_main .main_cont .cont_intro .intro_tit .tit_line:after {
	width: 10px;
}
.apn_main .main_cont .cont_intro .intro_tit .tit_lar {
	font-size: 16px;
}
.apn_main .main_cont .cont_intro .intro_btn a {
	background: #F26522;
	padding: 10px 20px;
	height: auto;
	font-size: 14px;
}
}



/* business
----------------------------------------------- */
.apn_business {
	background-image: url("../images/bg_wave.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	padding: 100px 0;
}
.apn_business .business_type {
	max-width: 1320px;
	padding: 0 20px;
	margin: 0 auto 220px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 10px;
}
.apn_business .business_type .type_item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 25px;
}
.apn_business .business_type .type_item .item_tit {
	display: flex;
	align-items: center;
	justify-content: center;
}
.apn_business .business_type .type_item .item_tit .tit_cont {
	font-size: 30px;
	color: var(--font-dark-blue);
	font-weight: 700;
	line-height: 1.3;
}
.apn_business .business_type .type_item .item_tit .tit_lar {
	font-size: 50px;
	font-family: var(--font-family-base);
}
.apn_business .business_type .type_item .item_tit .tit_mid {
	font-size: 30px;
	font-family: var(--font-family-base);
}
.apn_business .business_type .type_item .item_tit .tit_sml {
	font-size: 20px;
	font-family: var(--font-family-base);
}
.apn_business .business_type .type_item .item_txt {
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.86;
}
.apn_business .business_type .type_item .item_txt .txt_sml {
	font-size: 13px;
}

.apn_business .business_block {
	position: relative;
}
.apn_business .business_block .apn_hdl {
	margin: 0 0 40px;
}
.apn_business .business_box {
	margin: 80px 0 40px;
	display: flex;
	flex-direction: column;
	gap: 100px 0;
}
.apn_business .business_box .apn_hdm {
	margin: 0 0 55px;
}
.apn_business .business_box .box_item {
	
}
.apn_business .business_box .box_list {
	display: flex;
	align-items: stretch;
	max-width: 1020px;
	margin: 0 auto;
}
.apn_business .business_box .box_list li {
	width: 33.33333%;
	padding: 0 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 15px;
}
.apn_business .business_box .box_list .list_tit {
	color: var(--font-dark-blue);
	font-family: var(--font-family-base);
	font-weight: 700;
	line-height: 1.2;
	font-size: 44px;
}
.apn_business .business_box .box_list .list_tit .tit_lar {
	font-size: 74px;
}
.apn_business .business_box .box_list .list_txt {
	font-size: 15px;
	font-weight: 700;
	line-height: 2;
}
@media (max-width: 1440px) {
.apn_business {
	background-size: auto;
	padding: 100px 0;
}
}
@media (max-width: 1024px) {
.apn_business .business_type .type_item {
	gap: 15px;
}
.apn_business .business_type {
	margin: 0 auto 100px;
}
}
@media (max-width: 767px) {
.apn_business {
	background-position: center 400px;
	padding: 50px 0;
}
.apn_business .business_type {
	margin: 0 auto 80px;
	flex-direction: column;
	align-items: center;
	gap: 30px 10px;
}
.apn_business .business_type .type_item .item_tit .tit_cont {
	font-size: 22px;
}
.apn_business .business_type .type_item .item_tit .tit_lar {
	font-size: 30px;
}
.apn_business .business_type .type_item .item_tit .tit_mid {
	font-size: 22px;
}
.apn_business .business_type .type_item .item_tit .tit_sml {
	font-size: 16px;
}
.apn_business .business_type .type_item .item_txt {
	font-size: 14px;
}

.apn_business .business_block .apn_hdl {
	margin: 0 0 30px;
}
.apn_business .business_box {
	margin: 40px 0 20px;
	gap: 50px 0;
}
.apn_business .business_box .apn_hdm {
	margin: 0 0 30px;
}
.apn_business .business_box .box_list {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
}
.apn_business .business_box .box_list li {
	width: auto;
}
.apn_business .business_box .box_list .list_tit {
	font-size: 30px;
}
.apn_business .business_box .box_list .list_tit .tit_lar {
	font-size: 50px;
}
.apn_business .business_box .box_list .list_txt {
	font-size: 14px;
}
}



/* model
----------------------------------------------- */
.apn_model {
	padding: 100px 0;
	position: relative;
}
.apn_model .model_bg {
	position: absolute;
	left: 0;
	top: 100px;
	width: 100%;
	text-align: center;
	z-index: 0;
}
.apn_model .apn_hdl {
	margin: 0 0 50px;
}
.apn_model .model_box {
	display: flex;
	align-items: stretch;
	gap: 18px;
	margin: 70px 0 0;
}
.apn_model .model_box .box_item {
	width: calc((100% - 36px)/3);
	padding: 30px;
	position: relative;
}
.apn_model .model_box .box_item:before {
	position: absolute;
	content: "";
	border: 1px #4A5860 solid;
	background: linear-gradient(to bottom right, #000, #151A22);
	opacity: 0.7;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	z-index: 0;
}
.apn_model .model_box .box_item .item_inner {
	position: relative;
	z-index: 1;
}
.apn_model .model_box .box_item .item_mess {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin: 0 0 25px;
}
.apn_model .model_box .box_item .item_cap {
	font-size: 12px;
	color: rgba(255,255,255,0.5);
	font-family: var(--font-family-base);
	letter-spacing: 0.02em;
	flex-shrink: 0;
}
.apn_model .model_box .box_item .item_txt {
	font-size: 14px;
	line-height: 1.7;
	margin: 0 0 20px;
}
.apn_model .model_box .box_item .item_cate {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.apn_model .model_box .box_item .item_cate li {
	border: 1px rgba(255,255,255,0.5) solid;
	padding: 5px 20px;
	font-size: 13px;
	letter-spacing: 0.02em;
	text-align: center;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
}

@media (max-width: 1024px) {
.apn_model .model_box {
	flex-direction: column;
}
.apn_model .model_box .box_item {
	width: 100%;
}
}
@media (max-width: 767px) {
.apn_model {
	padding: 50px 0;
}
.apn_model .model_bg {
	top: -50px;
}
.apn_model .apn_hdl {
	margin: 0 0 30px;
}
.apn_model .model_box {
	margin: 40px 0 0;
}
.apn_model .model_box .box_item {
	padding: 20px;
}
.apn_model .model_box .box_item .item_mess {
	margin: 0 0 20px;
}
.apn_model .model_box .box_item .item_cate li {
	padding: 5px 15px;
	font-size: 12px;
}
}



/* benefit
----------------------------------------------- */
.apn_benefit {
	padding: 100px 0;
	position: relative;
	z-index: 1;
}
.apn_benefit .apn_hdl {
	margin: 0 0 40px;
}
.apn_benefit .benefit_table {
	margin: 70px 0 0;
}
.apn_benefit .benefit_table table {
	width: 100%;
	border-top: 1px #4A5860 solid;
}
.apn_benefit .benefit_table table th,
.apn_benefit .benefit_table table td {
	border-bottom: 1px #4A5860 solid;
	vertical-align: middle;
}
.apn_benefit .benefit_table table th {
	width: 50%;
	padding: 15px 10px 12px 0;
	font-size: 15px;
	font-weight: 700;
}
.apn_benefit .benefit_table table td {
	width: 14.2%;
	padding: 18px 10px;
	text-align: center;
}
.apn_benefit .benefit_table table td:nth-child(2) {
	padding-right: 28px;
}
.apn_benefit .benefit_table table td:nth-child(4) {
	padding-left: 20px;
}
.apn_benefit .benefit_table table td:nth-child(5) {
	padding-left: 25px;
}
.apn_benefit .benefit_table table .ico_check,
.apn_benefit .benefit_table table .ico_line {
	font-size: 0;
	display: block;
}
.apn_benefit .benefit_table table .ico_check img {
	width: 24px;
}
.apn_benefit .benefit_table table .ico_line img {
	width: 26px;
}
.apn_benefit .benefit_table .table_head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
}
.apn_benefit .benefit_table .table_head .table_head_th {
	width: 54%;
	padding: 3px 0 0;
	font-size: 15px;
}
.apn_benefit .benefit_table .table_head .table_head_td {
	width: 46%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}
.apn_benefit .benefit_table .table_head .table_head_td .td_item {
	width: calc((100% - 40px)/3);
	height: 30px;
	padding: 3px 0 0;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.apn_benefit .benefit_table .table_head .table_head_td .td_item:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.75;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	z-index: 0;
}
.apn_benefit .benefit_table .table_head .table_head_td .td_bk:before {
	background: linear-gradient(to bottom right, #000, #151A22);
	border: 1px #4A5860 solid;
}
.apn_benefit .benefit_table .table_head .table_head_td .td_gr:before {
	background: linear-gradient(to bottom right, #6F6F6F, #393939);
	border: 1px #585858 solid;
}
.apn_benefit .benefit_table .table_head .table_head_td .td_yl:before {
	background: linear-gradient(to bottom right, #D6B64B, #A37B2F);
	border: 1px #B7A777 solid;
}
.apn_benefit .benefit_table .table_head .table_head_td .td_bl:before {
	background: linear-gradient(to bottom right, #445D69, #19293E);
	border: 1px #314B69 solid;
}
.apn_benefit .benefit_table .table_head .table_head_td .td_item .item_txt {
	color: #fff;
	font-size: 15px;
	line-height: 1;
	font-family: var(--font-family-base);
	position: relative;
}
.apn_benefit .benefit_logo {
	margin: 40px 0 0;
	display: flex;
	align-items: center;
	gap: 13px;
}
.apn_benefit .benefit_logo li {
	width: calc((100% - 39px)/4);
}

@media (max-width: 767px) {
.apn_benefit {
	padding: 50px 0;
}
.apn_benefit .apn_hdl {
	margin: 0 0 30px;
}
.apn_benefit .benefit_table {
	margin: 40px 0 0;
}
.apn_benefit .benefit_table table th {
	width: 40%;
	padding: 10px 5px 8px 0;
	font-size: 11px;
}
.apn_benefit .benefit_table table td {
	width: 15%;
	padding: 15px 5px;
}
.apn_benefit .benefit_table table td:nth-child(2) {
	padding-right: 5px;
}
.apn_benefit .benefit_table table td:nth-child(4) {
	padding-left: 5px;
}
.apn_benefit .benefit_table table td:nth-child(5) {
	padding-left: 5px;
}
.apn_benefit .benefit_table table .ico_check img {
	width: 12px;
}
.apn_benefit .benefit_table table .ico_line img {
	width: 13px;
}
.apn_benefit .benefit_table .table_head .table_head_th {
	font-size: 12px;
	width: 40%;
}
.apn_benefit .benefit_table .table_head .table_head_td {
	width: 52%;
	gap: 5px;
}
.apn_benefit .benefit_table .table_head .table_head_td .td_item {
	width: calc((100% - 20px)/3);
	height: 30px;
}
.apn_benefit .benefit_table .table_head .table_head_td .td_item .item_txt {
	font-size: 10px;
	word-break: break-all;
}
.apn_benefit .benefit_logo {
	margin: 30px 0 0;
	flex-wrap: wrap;
	gap: 10px;
}
.apn_benefit .benefit_logo li {
	width: calc((100% - 10px)/2);
}
}



/* support
----------------------------------------------- */
.apn_support {
	padding: 100px 0;
}
.apn_support .support_hd {
	position: relative;
	margin: 0 0 80px;
}
.apn_support .support_hd:before {
	position: absolute;
	content: "";
	background-image: url("../images/bg_support.png");
	background-position: center center;
	background-repeat: no-repeat;
	width: 100vw;
	height: 758px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-53%);
	z-index: 0;
}
.apn_support .support_box {
	display: flex;
	flex-direction: column;
	gap: 20px;
	position: relative;
}
.apn_support .support_box .box_item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	background: linear-gradient(to bottom right, #000, #151A22);
	border: 1px #4A5860 solid;
	padding: 50px 50px 50px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.apn_support .support_box .box_item .item_mess {
	display: flex;
	align-items: center;
	width: 51%;
}
.apn_support .support_box .box_item .item_ico {
	width: 39%;
	flex-shrink: 0;
	text-align: center;
}
.apn_support .support_box .box_item .item_ico img {
	width: 72px;
}
.apn_support .support_box .box_item .item_tit {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	font-size: 14px;
	line-height: 1.9;
}
.apn_support .support_box .box_item .item_tit .tit_lar {
	font-size: 26px;
	line-height: 1.3;
	font-weight: 700;
	font-family: var(--font-family-base);
	color: var(--font-mid-blue);
}
.apn_support .support_box .box_item .item_txt {
	width: 49%;
	font-size: 14px;
	line-height: 1.7;
}


@media (max-width: 767px) {
.apn_support {
	padding: 50px 0;
}
.apn_support .support_hd {
	margin: 0 0 50px;
}
.apn_support .support_hd:before {
	background-size: 680px 440px;
	height: 440px;
}
.apn_support .support_box .box_item {
	flex-direction: column;
	gap: 20px;
	padding: 30px;
}
.apn_support .support_box .box_item .item_mess {
	width: 100%;
	gap: 20px;
}
.apn_support .support_box .box_item .item_ico {
	width: auto;
	flex-shrink: 0;
}
.apn_support .support_box .box_item .item_ico img {
	width: 50px;
}
.apn_support .support_box .box_item .item_tit .tit_lar {
	font-size: 18px;
}
.apn_support .support_box .box_item .item_txt {
	width: 100%;
	font-size: 14px;
	line-height: 1.7;
}
}



/* resource
----------------------------------------------- */
.apn_resource {
	padding: 100px 0;
	position: relative;
	z-index: 1;
}
.apn_resource:before {
	position: absolute;
	content: "";
	background-image: url("../images/bg_resource.png");
	background-position: center center;
	background-repeat: no-repeat;
	width: 760px;
	height: 670px;
	left: calc(50% + 170px);
	top: -80px;
	z-index: 0;
}
.apn_resource .apn_hdl {
	margin: 0 0 45px;
}
.apn_resource .resource_box {
	display: flex;
	align-items: stretch;
	gap: 20px;
	margin: 80px 0 0;
}
.apn_resource .resource_box .box_item {
	width: calc((100% - 60px)/4);
	background: linear-gradient(to bottom right, #000, #151A22);
	border: 1px #4A5860 solid;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.apn_resource .resource_box .box_item .item_img img {
	width: 100%;
}
.apn_resource .resource_box .box_item .item_cont {
	padding: 30px;
}
.apn_resource .resource_box .box_item .item_tit {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.02em;
	margin: 0 0 8px;
}
.apn_resource .resource_box .box_item .item_eng {
	font-size: 12px;
	line-height: 1.25;
	letter-spacing: 0.02em;
	font-family: var(--font-family-base);
	margin: 0 0 20px;
	color: var(--font-dark-blue);
}
.apn_resource .resource_box .box_item .item_txt {
	font-size: 14px;
	line-height: 1.7;
}

@media (max-width: 1024px) {
.apn_resource .resource_box .box_item .item_cont {
	padding: 20px;
}
}
@media (max-width: 767px) {
.apn_resource {
	padding: 50px 0;
}
.apn_resource::before {
	background-size: contain;
	height: 600px;
    left: 0;
    top: -50px;
}
.apn_resource .apn_hdl {
	margin: 0 0 40px;
}
.apn_resource .resource_box {
	gap: 20px;
	margin: 50px 0 0;
	flex-wrap: wrap;
}
.apn_resource .resource_box .box_item {
	width: 100%;
}
.apn_resource .resource_box .box_item .item_cont {
	padding: 20px;
}
}



/* flow
----------------------------------------------- */
.apn_flow {
	padding: 100px 0;
	position: relative;
}
.apn_flow:before {
	position: absolute;
	content: "";
	background-image: url("../images/bg_flow.png");
	background-position: center center;
	background-repeat: no-repeat;
	width: 760px;
	height: 800px;
	right: calc(50% + 280px);
	top: 0;
	z-index: 0;
}
.apn_flow .apn_hdl {
	margin: 0 0 80px;
}
.apn_flow .flow_box {
	display: flex;
	align-items: stretch;
	gap: 20px;
}
.apn_flow .flow_box .box_item {
	width: calc((100% - 60px)/4);
	padding: 30px;
	background: linear-gradient(to bottom right, #000, #151A22);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.apn_flow .flow_box .box_item .item_num {
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.02em;
	margin: 0 0 30px;
	font-family: var(--font-family-base);
	color: var(--font-light-blue);
}
.apn_flow .flow_box .box_item .item_tit {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.02em;
	margin: 0 0 25px;
}
.apn_flow .flow_box .box_item .item_txt {
	font-size: 14px;
	line-height: 1.7;
}
.apn_flow .flow_note {
	color: #9b9b9b;
	font-size: 12px;
	padding: 20px 0 0;
	line-height: 1.5;
}

@media (max-width: 1024px) {
.apn_flow .flow_box .box_item {
	padding: 20px;
}
}
@media (max-width: 767px) {
.apn_flow {
	padding: 50px 0;
}
.apn_flow:before {
	background-size: contain;
	height: 600px;
    right: 0;
    top: -160px;
}
.apn_flow .apn_hdl {
	margin: 0 0 50px;
}
.apn_flow .flow_box {
	flex-direction: column;
}
.apn_flow .flow_box .box_item {
	width: 100%;
	padding: 20px;
}
.apn_flow .flow_box .box_item .item_num {
	font-size: 18px;
	margin: 0 0 20px;
}
.apn_flow .flow_box .box_item .item_tit {
	font-size: 16px;
	margin: 0 0 15px;
}
.apn_flow .flow_note {
	font-size: 13px;
	padding: 10px 0 0;
}
}



/* case
----------------------------------------------- */
.apn_case {
	padding: 100px 0;
	position: relative;
}
.apn_case .apn_hdl {
	margin: 0 0 85px;
}
.apn_case .case_box {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.apn_case .case_box .box_item {
	display: flex;
	align-items: stretch;
	background: linear-gradient(to bottom right, #000, #151A22);
	border: 1px #4A5860 solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.apn_case .case_box .box_item .item_left {
	width: 61%;
	padding: 40px;
}
.apn_case .case_box .box_item .item_mess {
	display: flex;
	align-items: stretch;
	gap: 40px;
	margin: 0 0 30px;
}
.apn_case .case_box .box_item .item_logo {
	width: 235px;
	flex-shrink: 0;
}
.apn_case .case_box .box_item .item_logo img {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.apn_case .case_box .box_item .item_name {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.apn_case .case_box .box_item .item_name .name_sml {
	font-size: 12px;
	letter-spacing: 0.02em;
	color: var(--font-dark-blue);
}
.apn_case .case_box .box_item .item_name .name_lar {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
}
.apn_case .case_box .box_item .item_tit {
	margin: 0 0 15px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.45;
}
.apn_case .case_box .box_item .item_txt {
	font-size: 14px;
	line-height: 1.7;
}
.apn_case .case_box .box_item .item_right {
	background-image: url("../images/bg_shadow.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 39%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	gap: 20px;
	padding: 85px 40px 20px;
	border-left: 1px #4A5860 solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.apn_case .case_box .box_item .item_det {
	font-size: 16px;
	width: 100%;
	line-height: 2.125;
	position: relative;
}
.apn_case .case_box .box_item .item_det:before,
.apn_case .case_box .box_item .item_det:after {
	position: absolute;
	font-size: 90px;
	line-height: 0.5;
	color: var(--font-light-blue);
	font-family: var(--font-family-base);
	z-index: 0;
}
.apn_case .case_box .box_item .item_det:before {
	content: "“";
	left: 0;
	top: -10px;
}
.apn_case .case_box .box_item .item_det:after {
	content: "”";
	right: 0;
	top: calc(100% + 10px);
}
.apn_case .case_box .box_item .item_cap {
	font-size: 13px;
	line-height: 1.54;
	color: #8E8E8E;
}

@media (max-width: 1024px) {
.apn_case .case_box .box_item {
	flex-direction: column;
}
.apn_case .case_box .box_item .item_left {
	width: 100%;
}
.apn_case .case_box .box_item .item_right {
	width: 100%;
	padding: 40px;
	border-left: none;
	border-top: 1px #4A5860 solid;
	gap: 40px;
}
}
@media (max-width: 767px) {
.apn_case {
	padding: 50px 0;
}
.apn_case:before {
	background-size: cover;
	width: 380px;
	height: 400px;
	right: 50%;
}
.apn_case .apn_hdl {
	margin: 0 0 50px;
}
.apn_case .case_box .box_item .item_left {
	padding: 30px;
}
.apn_case .case_box .box_item .item_mess {
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 20px;
	margin: 0 0 20px;
}
.apn_case .case_box .box_item .item_logo {
	width: 160px;
}
.apn_case .case_box .box_item .item_name {
	gap: 10px;
}
.apn_case .case_box .box_item .item_name .name_lar {
	font-size: 18px;
}
.apn_case .case_box .box_item .item_tit {
	font-size: 16px;
}
.apn_case .case_box .box_item .item_det {
	font-size: 14px;
}
.apn_case .case_box .box_item .item_det:before,
.apn_case .case_box .box_item .item_det:after {
	font-size: 60px;
}
.apn_case .case_box .box_item .item_right {
	padding: 30px;
}
}



/* growth
----------------------------------------------- */
.apn_growth {
	padding: 100px 0 200px;
	overflow: hidden;
	position: relative;
}
.apn_growth:before {
	position: absolute;
	content: "";
	background-image: url("../images/bg_growth.png");
	background-position: right top;
	background-repeat: no-repeat;
	width: 1584px;
	height: 792px;
	right: 0;
	top: 130px;
	z-index: 0;
}
.apn_growth .apn_hdl {
	margin: 0 0 40px;
}

.apn_growth .growth_amazon {
	margin: 45px 0 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 15px;
}
.apn_growth .growth_amazon .amazon_tit {
	color: #F26522;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.875;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.apn_growth .growth_amazon .amazon_tit .tit_item {
	position: relative;
}
.apn_growth .growth_amazon .amazon_tit .tit_line {
	padding: 0 25px;
	position: relative;
}
.apn_growth .growth_amazon .amazon_tit .tit_line:before,
.apn_growth .growth_amazon .amazon_tit .tit_line:after {
	position: absolute;
	content: "";
	background: #F26522;
	width: 20px;
	height: 1px;
	top: 50%;
	z-index: 0;
}
.apn_growth .growth_amazon .amazon_tit .tit_line:before {
	left: 0;
}
.apn_growth .growth_amazon .amazon_tit .tit_line:after {
	right: 0;
}
.apn_growth .growth_amazon .amazon_tit .tit_lar {
	font-size: 24px;
	line-height: 1.25;
}
.apn_growth .growth_amazon .amazon_tit .tit_mid {
	font-size: 22px;
	line-height: 1.25;
}
.apn_growth .growth_amazon .amazon_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 20px 40px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	background: #F26522;
}
.apn_growth .growth_amazon .amazon_btn a:hover {
	opacity: 0.5;
}

@media (max-width: 767px) {
.apn_growth {
	padding: 50px 0 100px;
}
.apn_growth:before {
	background-size: cover;
	width: 792px;
	height: 396px;
	top: 200px;
}
.apn_growth .apn_hdl {
	margin: 0 0 30px;
}

.apn_growth .growth_amazon {
	margin: 30px 0 0;
}
.apn_growth .growth_amazon .amazon_tit {
	font-size: 14px;
}
.apn_growth .growth_amazon .amazon_tit .tit_lar {
	font-size: 20px;
}
.apn_growth .growth_amazon .amazon_tit .tit_mid {
	font-size: 18px;
}
	.apn_growth .growth_amazon .amazon_btn {
		width: 100%;
	}
.apn_growth .growth_amazon .amazon_btn a {
	padding: 10px 20px;
	font-size: 16px;
	width: 100%;
}
.apn_growth .growth_amazon .amazon_tit .tit_line {
	padding: 0 15px;
}
.apn_growth .growth_amazon .amazon_tit .tit_line:before,
.apn_growth .growth_amazon .amazon_tit .tit_line:after {
	width: 10px;
}
}



/* form
----------------------------------------------- */
.apn_form {
	background: #fff;
	padding: 100px 0;
}

@media (max-width: 767px) {
.apn_form {
	padding: 50px 0;
}
}



/* XXXXXXXX
----------------------------------------------- */

@media (max-width: 1024px) {

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

}