@import url(../_plugin/fontawesome/css/all.min.css);
@import url(../_plugin/aos/aos.css);

/* common
------------------------------------------------------------------------------------------*/

/* rssHeader ----------*/
body { padding-top: 13.6rem; }
#vc { padding-top: 8rem; }
main h1,main h2,main h3,main h4,main h5,main h6 { font-weight: bold; }
mark { background: linear-gradient(transparent 60%, #ff6 60%); }
.h2 mark { color: #0068B2; }
.h3 mark { color: #0068B2; }
#rssHeader { position: fixed; z-index: 100; top: 0; left: 0; display: flex; flex-direction: column; width: 100%; background-color: #FFF; }
#rssHeader ul { display: flex; align-items: center; }
#rssHeader li { white-space: nowrap; }
#rssHeader li a { display: flex; gap: 0.5rem; align-items: center; font-weight: bold; line-height: 1; }
#rssHeader li a img { width: 2rem; }
#rssHeader .rss_h_wrap { display: flex; gap: 2rem; padding: 2rem 4rem 2rem 2rem; align-items: center; }
#rssHeader .rss_h_wrap .rss_h_logo {}
#rssHeader .rss_h_wrap .rss_h_logo a { display: block; }
#rssHeader .rss_h_wrap .rss_h_logo img { height: 4rem; }
#rssHeader .rss_h_wrap .rss_h_nav { margin-left: auto; }
#rssHeader .rss_h_wrap .rss_h_nav ul.main { gap: 1rem; }
#rssHeader .rss_h_wrap .rss_h_nav ul.main li {}
#rssHeader .rss_h_wrap .rss_h_nav ul.main li a { padding: 0.8rem 2rem; border: solid 2px transparent; border-radius: 5rem; color: #FFF; background-color: #286BA1; font-size: 1.8rem; }
#rssHeader .rss_h_wrap .rss_h_nav ul.main li.vc a { background-color: #2BCDC1; }
#rssHeader .rss_h_wrap .rss_h_nav ul.main li.active a { border-color: #286BA1; color: #286BA1; background-color: #FFF; }
#rssHeader .rss_h_wrap .rss_h_nav ul.main li.vc.active a { border-color: #2BCDC1; color: #2BCDC1; background-color: #FFF; }
#rssHeader .rss_h_wrap .rss_h_nav ul.main li.contact a { background-color: #ED6464; }
#rssHeader .rss_h_wrap .rss_h_nav ul.sub { display: none; }
#rssHeader .rss_h_sub_wrap { padding: 0 4rem 0 2rem; background-color: rgba(230,230,230,0.6); }
#rssHeader .rss_h_sub_wrap .rss_h_sub_nav {}
#rssHeader .rss_h_sub_wrap .rss_h_sub_nav ul { gap: 4rem; justify-content: end; }
#rssHeader .rss_h_sub_wrap .rss_h_sub_nav li {}
#rssHeader .rss_h_sub_wrap .rss_h_sub_nav li a { padding: 2rem 0; font-size: 1.6rem; }
#rssHeader .rss_h_sub_wrap .rss_h_sub_nav li.active a { border-bottom: solid 3px #286BA1; color: #286BA1; }
#navBar { position: relative; display: none; margin-left: auto; width: 4rem; height: 4rem; }
#navBar:hover { cursor: pointer; }
#navBar span { position: relative; display: block; width: inherit; height: inherit; }
#navBar:after, #navBar span:before, #navBar span:after { position: absolute; left: 0; content: ""; display: block; width: 100%; height: 0; border-bottom: solid 2px #333; transition: all 0.2s ease-out; }
#navBar:after { top: 20%; }
#navBar span:before { top: calc(50% - 1px); }
#navBar span:after { bottom: 20%; }
#navBar:hover:after { top: 35%; }
#navBar:hover span:after { bottom: 35%; }
	.nav_open { /*position: fixed;*/ z-index: -1; width: 100%; height: 100%; overflow-y: scroll; }
	.nav_open #navBar:after { top: calc(50% - 1px); -webkit-transform: rotate(135deg); transform: rotate(135deg); }
	.nav_open #navBar span:before { opacity: 0; }
	.nav_open #navBar span:after { bottom: calc(50% - 1px); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
@media screen and (max-width:1024px) { /* l */
  body { padding-top: 13.4rem; }
  #vc { padding-top: 5rem; }
  #rssHeader .rss_h_wrap { padding: 2rem; }
  #rssHeader .rss_h_wrap .rss_h_nav ul.main li a { padding: 0.6rem 1.2rem; font-size: 1.6rem; }
  #rssHeader .rss_h_sub_wrap { padding: 0 2rem 0 2rem; }
  #rssHeader .rss_h_sub_wrap .rss_h_sub_nav ul { gap: 2rem; }
  #rssHeader .rss_h_sub_wrap .rss_h_sub_nav li a { font-size: 1.4rem; }
}
@media screen and (max-width:896px) { /* m */
  body { padding-top: 8rem; }
  #rssHeader { border-bottom: solid 1px rgba(230,230,230,0.6); }
  #rssHeader .rss_h_wrap .rss_h_nav { position: fixed; top: 8rem; left: 100%; display: flex; flex-direction: column; width: 50%; height: calc(100vh - 8rem); background-color: rgba(230,230,230,0.6); transition: all 0.3s ease-out; backdrop-filter: blur(10px); }
  .nav_open #rssHeader .rss_h_wrap .rss_h_nav { left: 50%; }
  #rssHeader .rss_h_wrap .rss_h_nav ul.main { flex-direction: column; padding: 4rem; gap: 2rem; }
  #rssHeader .rss_h_wrap .rss_h_nav ul.main li { width: 100%; }
  #rssHeader .rss_h_wrap .rss_h_nav ul.main li a { padding: 0.8rem 2rem; font-size: 1.8rem; width: 100%; justify-content: center; }
  #rssHeader .rss_h_wrap .rss_h_nav ul.sub { display: flex; flex-direction: column; gap: 3rem; align-items: center; }
  #rssHeader .rss_h_wrap .rss_h_nav ul.sub li a { font-size: 1.6rem; }
  #rssHeader .rss_h_wrap .rss_h_nav ul.sub li.active a { border-bottom: solid 3px #286BA1; color: #286BA1; }
  #rssHeader .rss_h_sub_wrap { display: none; }
  #navBar { display: block; }
}
@media screen and (max-width:480px) { /* s */
  body { padding-top: 5rem; }
  #rssHeader .rss_h_wrap { padding: 1rem; }
  #rssHeader .rss_h_wrap .rss_h_logo img { height: 3rem; }
  #rssHeader .rss_h_wrap .rss_h_nav { width: 80%; }
  #rssHeader .rss_h_wrap .rss_h_nav { top: 5rem; height: calc(100vh - 5rem); }
  .nav_open #rssHeader .rss_h_wrap .rss_h_nav { left: 20%; }
  #rssHeader .rss_h_wrap .rss_h_nav ul.main { padding: 3rem; gap: 1rem; }
  #rssHeader .rss_h_wrap .rss_h_nav ul.sub { gap: 2rem; }
  #navBar { width: 3rem; height: 3rem; }
}

/* rssInquiry ----------*/
#rssInquiry { text-align: center; }
.btn.-inquiry { display: inline-block; padding: 0.7em 1.5em 0.5em 2em; border-radius: 2em; color: #fff; background: #ED6464; font-size: 1.2em; box-shadow: 3px 3px 0 #ccc; letter-spacing: 2px; }
.btn.-inquiry::after { content: ""; display: inline-block; width: 2em; height: 2em; margin: -1em 0 0 0.2em; background-image: url(/assets/img/common/new_window_white.svg); background-size: contain; transform: translateY(0.6em); }

/* rssFooter ----------*/
#rssFooter { margin-top: 14rem; clear: both; }
#rssFooter .footer_logo { margin: 0 auto; width: 27rem; padding-bottom: 1rem; }
#rssFooter p { margin: 1em auto; text-align: center; }
#rssFooter a:link, #rssFooter a:visited { font-size: .7em; font-weight: bold; text-decoration: underline; transition: all 0.3s ease-out; color: #2BCDC1; }
#rssFooter a:hover { opacity: 0.6; }
@media screen and (max-width:480px) { /* s */
  #rssFooter { margin-top: 6rem; }
}

/* mv ----------*/
#rssMv { background-repeat: no-repeat; background-position: center; background-size: cover; }
#rssMv.sub { background: linear-gradient(90deg, #0C6FAB 50%, #4DBBAF 100%); }
#rssMv .inner { max-width: 132rem; margin: 0 auto; padding: 0 2rem; }
#rssMv.sub .inner .tw { padding: 4vw 0 !important; }
#rssMv .inner .tw { padding: 10vw 50% 7vw 0; }
#rssMv .inner .tw h1 { font-size: 5rem; font-weight: bold; line-height: 1.4; }
#rssMv.sub .inner .tw h1 { font-size: 4rem; color: #FFF; }
#rssMv .inner .tw h2 { margin-top: 2rem; color: #0C6FAB; font-size: 2.5rem; font-weight: bold; line-height: 1.4; }
#rssMv .inner .tw p { margin-top: 2rem; color: #666; font-size: 1.8rem; line-height: 1.4; }
#rssMv .inner .tw p strong {}
#rssMv .inner .tw .mv_nav { margin-top: 4rem; }
#rssMv .inner .tw .mv_nav li {}
#rssMv .inner .tw .mv_nav li a { width: 100%; }
#rssMv .inner .tw .mv_nav li .bt-materials, #rssMv .inner .tw .mv_nav li .bt-free { margin-bottom: 1rem; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#rssMv { background-position: center top; background-size: contain; }
	#rssMv .inner .tw { padding: 65vw 2rem 0; width: 100%; margin: auto; }
  #rssMv .inner .tw h1 { font-size: 4rem; }
  #rssMv.sub .inner .tw h1 { font-size: 3rem; }
  #rssMv .inner .tw h2 { font-size: 2.2rem; }
}


/* main ----------*/
main {}
main .inner { max-width: 132rem; margin: 0 auto; padding: 0 2rem; }
main .sec { padding: 12rem 0; }
main .sec.-s { padding: 6rem 0; }
main .bg_lightgray { background-color: #f6f6f6; }
main .bg_lightblue { background-color: #F0F6FB; }
main .bg_lightgray .box, main .bg_lightblue .box { background-color: #FFF; }
main p { font-size: 1.8rem; }
strong { font-weight: bold; }
.red { color: #ED6464; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	main .sec { padding: 6rem 0; }
	main .sec.-s { padding: 4rem 0; }
}

.info_nav { display: flex; }
.info_nav li { width: 50%; margin-right: 2rem; }
.info_nav li.all { width: 100%; margin-right: 0; }
.info_nav li:last-child { margin-right: 0; }
.info_nav li a { width: 100%; padding: 4rem 1rem; }
@media screen and (max-width:1024px) { /* iPad 横 l */
	.info_nav { flex-flow: wrap; }
	.info_nav li { width: 100%; margin-right: 0; margin-bottom: 2rem; }
	.info_nav li:last-child { margin-bottom: 0; }
	.info_nav li a { padding-top: 3rem; padding-bottom: 3rem; }
}



/* rss
------------------------------------------------------------------------------------------*/
#rss {}
#rss .l-title { height: auto; margin-top: 0; }
#rss .c-sub { color: #2E8CB7; }
#rss .hero-title { background-color: #f7f5f3; }
#rss .title_img { width: 50%; background: url(../_img/index/mv.png) no-repeat bottom right 20%; background-size: contain; }
#rss .title_content { width: 60%; margin-left: -10%; padding: 6em 6em 6rem 10%; background-color: #fff; text-align: left; clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0 100%); }
#rss .title_catch { margin-bottom: 1em; font-size: 1.5em; line-height: 1.4; }
#rss .title_head_sup { margin-bottom: .5em; font-size: 1.48em; line-height: 1; letter-spacing: 3px; }
#rss .title_head { font-size: 2.4em; line-height: 1.2; }
#rss .title_logo { height: 113px; margin-top: 20px; }
#rss .title_description { margin-top: 1em; }
#rss .title_inquiry { margin-top: 1em; }
.important-note { display: block; width: fit-content; margin: 2em auto 0; padding: 1em; border: 1px solid #ccc; border-radius: 4px; color: #ED6464; background-color: #f9f9f9; font-weight: bold; font-size: 20px; text-align: center; }
#rss .service_list {}
#rss .service_list li { padding: 3rem; border-radius: 1rem; background-color: #286BA1; }
#rss .service_list li.vc { background-color: #2BCDC1; }
#rss .service_list li h3 { color: #FFF; font-weight: bold; font-size: 3rem; text-align: center; line-height: 1.4; }
#rss .service_list li p { color: #FFF; font-weight: bold; font-size: 1.6rem; }
#rss .service_list li a.bt { margin-top: 2rem; background-color: #FFF; color: #286BA1 !important; width: 100%; display: flex; align-items: center; gap: 1rem; justify-content: center; }
#rss .service_list li.vc a.bt {color: #2BCDC1 !important; }
#rss #planInfo {}
#rss #planInfo h2 { font-weight: bold; font-size: 2.8rem; }
#rss #planInfo .info_nav { margin-top: 4rem; }
#rss .news_list {}
#rss .news_list li { display: flex; flex-flow: wrap; margin-bottom: 2px; padding: 2rem; background-color: #FFF; }
#rss .news_list li span { display: block; font-size: 1.6rem; font-weight: bold; }
#rss .news_list li .d { width: 6em; margin-right: 4rem; color: #2BCDC1; }
#rss .news_list li .t { position: relative; width: calc(100% - 6em - 4rem); }
#rss .news_list li .t_tg { padding-right: 3rem; }
#rss .news_list li .t_tg::after { position: absolute; top: 0; right: 0; content: "\f067"; color: #2CD5C1; font-family: 'Font Awesome 5 Pro'; font-weight: 300; font-size: 1.8rem; }
#rss .news_list li .t_tg.open::after { content: "\f068"; }
#rss .news_list li .t_tg:hover { cursor: pointer; opacity: 0.6; }
#rss .news_list li .w { width: calc(100% - 6em - 4rem); margin-left: calc(6em + 4rem); }
#rss .news_list li .ww { font-weight: normal; }
@media screen and (max-width: 767px) {
  #rss .title_img { display: none; }
  #rss .title_content { width: 100%; margin-left: 0; padding: 2em 2em 2em; background: url(../_img/index/mv.png) no-repeat bottom right; background-size: 60%; background-color: #f6f2f0; clip-path: none; }
  #rss .title_description { padding: 1em 1em 0.5em; background: rgba(255, 255, 255, 0.8); font-weight: bold; }
  #rss .title_head_sup { font-size: 1em; }
  #rss .title_head { font-size: 1.8em; }
  #rss .title_logo { width: 250px; height: auto; }
  #rss .main_bg { padding-top: 5em; padding-bottom: 2em; }
}

/* meeting
------------------------------------------------------------------------------------------*/
#meeting {}
#meeting #rssMv { background-image: url(../_img/meeting/mv.jpg); }
#meeting #img1 { vertical-align: top; }
#meeting #img1 .pw { float: right; max-width: 26rem; margin-left: 4rem; margin-bottom: 0.5rem; }
#meeting #effect .box { background-color: rgb(12, 109, 171); color: #FFF; border-radius: 1rem; display: grid; grid-template-columns: 26rem 1fr; gap: 4rem; align-items: center; }
#meeting #effect .box::after { display: none; }
#meeting #effect .box .h3 { color: #FFF; }
#meeting #effect .box p { opacity: 0.8; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#meeting #rssMv { background-image: url(../_img/meeting/mv_sp.jpg); background-position: center top; background-size: contain;  }
}
@media screen and (max-width:480px) { /* s */
  #meeting #img1 .pw { float: none; max-width: none; margin-left: 0; margin-bottom: 2rem; text-align: center; }
  #meeting #img1 .pw img { width: 60%; }
  #meeting #effect .box { grid-template-columns: 1fr; gap: 2rem; }
}



/* ekyc
------------------------------------------------------------------------------------------*/
#ekyc {}
#ekyc #rssMv { background-image: url(../_img/ekyc/mv_1.png); }
#ekyc #rssMv .tw h1 { color: #0C6FAB; line-height: 1.2; font-size: 2.5rem; margin-bottom: 4rem; text-align: center; }
#ekyc #recommended .recommended_list {}
#ekyc #recommended .recommended_list li { padding: 3rem; border-radius: 1rem; background-color: #EEE; box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1); }
#ekyc #recommended .recommended_list .t { display: block; margin-bottom: 2rem; border-right: solid 4px #BBB; border-left: solid 4px #BBB; text-align: center; line-height: 1.4; font-weight: bold; font-size: 2rem; }
#ekyc #recommended .recommended_list .p { display: block; text-align: center; }
#ekyc #user { background: rgba(43, 205, 193, 0.1); }
#ekyc #user .user_list {}
#ekyc #user .user_list li { position: relative; padding: 2rem; border-radius: 1rem; background-color: #FFF; box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1); }
#ekyc #user .user_list li::after { position: absolute; top: calc(50% - 1.5rem); right: -4rem; content: "\f04b"; opacity: 0.5; color: #0C6DAB; line-height: 1; font-family: 'Font Awesome 5 Pro'; font-weight: 300; font-weight: bold; font-size: 3rem; }
#ekyc #user .user_list div:last-child li::after { display: none; }
#ekyc #user .user_list .p { display: block; margin-bottom: 2rem; text-align: center; }
#ekyc #user .user_list .p img { max-width: 14rem; }
#ekyc #user .user_list .w { display: block; padding: 1.5rem 1rem; border-radius: 1rem; background-color: #0C6DAB; }
#ekyc #user .user_list .h { display: block; margin-bottom: 0.5rem; color: #FFF; text-align: center; line-height: 1.4; font-weight: bold; font-size: 2rem; }
#ekyc #user .user_list .t { display: block; color: #FFF; text-align: center; line-height: 1.4; }
#ekyc #user .tw1 { margin-top: 4rem; display: grid; grid-template-columns: 1fr 30%; align-items: center; gap: 3rem; }
#ekyc #user .tw1 .p { text-align: center; }
#ekyc #user .tw1 ul {}
#ekyc #user .tw1 ul li { font-size: 2.2rem; padding: 1rem 0; }
#ekyc #user .tw1 ul li i { color: #0068B2; }
#ekyc #user .box h3 { font-size: 2rem; }
#ekyc #attorney .attorney_list {}
#ekyc #attorney .attorney_list li { position: relative; border-radius: 1rem; background: rgba(43, 205, 193, 0.1); box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1); }
#ekyc #attorney .attorney_list a { display: block; text-decoration: none; padding: 2rem; }
#ekyc #attorney .attorney_list a:hover { cursor: pointer; }
#ekyc #attorney .attorney_list li::after { position: absolute; top: calc(50% - 1.5rem); right: -4rem; content: "\f04b"; opacity: 0.5; color: #0C6DAB; line-height: 1; font-family: 'Font Awesome 5 Pro'; font-weight: 300; font-weight: bold; font-size: 3rem; }
#ekyc #attorney .attorney_list div:last-child li::after { display: none; }
#ekyc #attorney .attorney_list .p { display: block; margin-bottom: 2rem; text-align: center; }
#ekyc #attorney .attorney_list .p img { max-width: 17rem; }
#ekyc #attorney .attorney_list .w { display: block; padding: 1.5rem 1rem; border-radius: 1rem; background-color: #0C6DAB; }
#ekyc #attorney .attorney_list .h { display: block; margin-bottom: 0.5rem; color: #FFF; text-align: center; line-height: 1.4; font-weight: bold; font-size: 2rem; }
#ekyc #attorney .attorney_list .t { display: block; color: #FFF; text-align: center; line-height: 1.4; }
#ekyc #attorney .tw1 { margin-top: 4rem; display: grid; grid-template-columns: 1fr 30%; align-items: center; gap: 3rem; }
#ekyc #attorney .tw1 .p { text-align: center; }
#ekyc #attorney .tw1 ul {}
#ekyc #attorney .tw1 ul li { font-size: 2.2rem; padding: 1rem 0; }
#ekyc #attorney .tw1 ul li i { color: #0068B2; }
#ekyc #attorney .box h3 { font-size: 2rem; }
#ekyc #attorney .box h4 { font-size: 1.8rem; border-bottom: solid 1px #000; display: inline-block; margin-bottom: 1rem; }
#ekyc #attorney .method { margin: 0 4rem;}
#ekyc #attorney .method li { display: grid; grid-template-columns: 30% 70%; align-items: center; gap: 4rem; padding: 2rem 0; border-bottom: dotted 1px #DDD; }
#ekyc #attorney .method li:last-child { border: none; }
#ekyc #attorney .method li span {}
#ekyc #attorney .method li .i {}
#ekyc #attorney .method li .t { font-size: 2rem; font-weight: bold; line-height: 1.4; }
#ekyc #attorney .method li .t1 { color: #0C6DAB; }
#ekyc #attorney .method li .t2 { color: #2BCDC1; }
#ekyc #attorney .method li .t3 { color: #4472C4; }
#ekyc #attorney .box .w { display: flex; flex-direction: row-reverse; }
#ekyc #attorney .box .w .p { width: 40%; }
#ekyc #attorney .box .w .t { width: 60%; padding-right: 4rem; }
#ekyc #scene { background: rgba(43, 205, 193, 0.1); }
#ekyc #scene .w { max-width: 96rem; margin: auto; }
#ekyc #scene .h3 { border-bottom: solid 1px #000; display: inline-block; margin-bottom: 1rem; }
#ekyc #scene .case_list { margin: auto; }
#ekyc #scene .case_list li { display: grid; grid-template-columns: 10rem 1fr; gap: 3rem; margin-top: 3rem; }
#ekyc #scene .case_list li span {}
#ekyc #scene .case_list li .case { padding-top: 2.5rem; line-height: 1; width: 10rem; height: 10rem; border-radius: 10rem; background-color: #FF7171; color: #FFF; text-align: center; }
#ekyc #scene .case_list li .case strong { font-size: 4rem; }
#ekyc #scene .case_list li .t {}
#ekyc #scene .case_list li .t h4 { color: #FF7171; font-size: 2.2rem; }
#ekyc #scene .case_list li .t p {}
#ekyc #pr .pr1 { background-image: url(../_img/ekyc/img_19.jpg); aspect-ratio: 192 / 80; background-repeat: no-repeat; background-position: center; background-size: cover; }
#ekyc #pr .pr1 h2 { text-align: center; color: #FFF; font-size: 3.5rem; padding-top: 8rem; }
#ekyc #pr .pr1 h2 mark { background:none; color: #ff6;  }
#ekyc #pr .pr1 h2 strong { font-size: 4.5rem; }
#ekyc #pr .pr2 { background-image: url(../_img/ekyc/img_20.svg); aspect-ratio: 192 / 30; background-repeat: no-repeat; background-position: center top; background-size: contain;  }
#ekyc #pr .pr2 h3 { text-align: center; font-size: 3.5rem; padding-top: 4rem; }
#ekyc #pr .btw { max-width: 96rem; margin: auto; }
#ekyc #pr .btw .bt { width: 100%; }
#ekyc #pr .btw1 { margin-top: 6rem; }
#ekyc #pr .btw2 { margin-top: 2rem; display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; }
@media screen and (max-width:1300px) {
	#ekyc #pr .pr1 h2 { font-size: 2.8vw; padding-top: 4vw; }
	#ekyc #pr .pr1 h2 strong { font-size: 3.8vw; }
	#ekyc #pr .pr2 h3 { font-size: 2.8vw; padding-top: 3vw; }
}
@media screen and (max-width:896px) { /* iPhone 横 m */
	#ekyc #rssMv { background-image: url(../_img/ekyc/mv_1sp.png); background-position: center top; background-size: contain;  }
	#ekyc #user .user_list li::after { top: auto; bottom: -4rem; left: calc(50% - 1.5rem); right: auto; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
	#ekyc #attorney .attorney_list li::after { top: auto; bottom: -4rem; left: calc(50% - 1.5rem); right: auto; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
	#ekyc #attorney .method li { grid-template-columns: 40% 60%; gap: 3rem; }
}
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#ekyc #user .tw1 { grid-template-columns: 1fr; }
	#ekyc #user .tw1 .p img { max-width: 50%; }
	#ekyc #attorney .method li { grid-template-columns: 1fr; gap: 2rem; }
	#ekyc #attorney .box .w { display: block; }
	#ekyc #attorney .box .w .p { width: 100%; margin-bottom: 2rem; }
	#ekyc #attorney .box .w .t { width: 100%; padding-right: 0; }
	#ekyc #attorney .tw1 { grid-template-columns: 1fr; }
	#ekyc #attorney .tw1 .p img { max-width: 50%; }
	#ekyc #pr .pr2 h3 { font-size: 3.8vw; }
	#ekyc #pr .btw2 { grid-template-columns: 1fr; gap: 2rem; }
}

/* sr
------------------------------------------------------------------------------------------*/
#sr {}
#sr #fixLink { position: fixed; z-index: 10; right: 3rem; bottom: 3rem; }
#sr #fixLink .bt { width: 14rem; height: 14rem; border-radius: 100%; padding: 0; display: grid; place-items: center; }
#sr #rssMv { background-image: url(../_img/sr/mv_1.png); }
#sr .recommended_list {}
#sr .recommended_list li { padding: 3rem; border-radius: 1rem; background-color: #EEE; box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1); }
#sr .recommended_list .t { display: block; margin-bottom: 2rem; text-align: center; line-height: 1.4; font-weight: bold; font-size: 2rem; }
#sr .recommended_list .p { display: block; text-align: center; }
#sr .box-rsssr { padding: 6rem 8rem; border: solid 1rem #0C6DAB; border-radius: 2rem; background-color: #F0F6FB; box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1); }
#sr .box-rsssr .tw { display: flex; margin-bottom: 4rem; }
#sr .box-rsssr .tw p { margin: 0; line-height: 1.6; }
#sr .box-rsssr .tw .l { width: 40%; margin-right: 4rem; }
#sr .box-rsssr .tw .t { width: 60%; font-size: 1.8rem; }
#sr .box-white { border-radius: 1rem; }
#sr #feature { background: rgba(43, 205, 193, 0.1); }
#sr #feature .feature_list {}
#sr #feature .feature_list > li { overflow: hidden; margin-bottom: 3rem; border-radius: 1rem; background-color: #FFF; box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1); }
#sr #feature .feature_list > li span { display: block; }
#sr #feature .feature_list > li .i { position: relative; background-color: #2BCDC1; }
#sr #feature .feature_list > li .i img { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#sr #feature .feature_list > li .tw { padding: 4rem; }
#sr #feature .feature_list > li .tw h3 { margin-bottom: 3rem; color: #2BCDC1; line-height: 1.4; font-size: 3rem; }
#sr #feature .feature_list > li .tw h3.wrap { margin-bottom: 1.5rem;}
#sr #feature .feature_list > li .tw h3.wrap span { display: inline-block; font-size: 80%; background-color: #2BCDC1; color: #FFF; border-radius: 5rem; padding: 0.5rem 2rem 0.2rem; }
#sr #feature .feature_list > li .tw p { font-size: 1.8rem; }
#sr #feature .app_link { display: flex; }
#sr #feature .app_link li { margin-right: 2rem; }
#sr #feature .app_link li;:last-child { margin-right: 0; }
#sr #feature .app_link a { display: block; text-align: center; }
#sr #feature .app_link img { max-width: 16rem; }
#sr .cost_reduction_list {}
#sr .cost_reduction_list li {}
#sr .cost_reduction_list li span { display: block; }
#sr .cost_reduction_list li .iw { margin-bottom: 2rem; padding: 2rem; border-radius: 1rem; box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1); display: grid; place-items: center; }
#sr .cost_reduction_list li .iw1 { background-color: #00B0F0; }
#sr .cost_reduction_list li .iw2 { background-color: #2BCDC1; }
#sr .cost_reduction_list li .iw3 { background-color: #0C6DAB; }
#sr .cost_reduction_list li .iw .i { margin-bottom: 2rem; text-align: center; }
#sr .cost_reduction_list li .iw .h { color: #FFF; text-align: center; line-height: 1.6; font-weight: bold; font-size: 2.4rem; }
#sr .cost_reduction_list li .t { font-size: 1.8rem; }
#sr #difference .l { font-size: 1.8rem; }
#sr #difference .l2 { font-size: 2.4rem; }
#sr #difference .l2 .ex { color: #00B0F0; }
#sr #difference .difference_list {}
#sr #difference .difference_list li { overflow: hidden; border-radius: 1rem; box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1); }
#sr #difference .difference_list li span { display: block; }
#sr #difference .difference_list li .h { padding: 4rem 2rem; color: #FFF; text-align: center; font-weight: bold; font-size: 2.4rem; }
#sr #difference .difference_list li.ha { border: solid 1px #2BCDC1; }
#sr #difference .difference_list li.ha .h { background-color: #2BCDC1; }
#sr #difference .difference_list li.hb { border: solid 1px #0C6DAB; }
#sr #difference .difference_list li.hb .h { background-color: #0C6DAB; }
#sr #difference .difference_list li .t { padding: 3rem 2rem; background-color: #FFF; text-align: center; }
#sr #difference h3 { text-align: center; }
#sr #difference h3 span { display: inline-block; padding: 0 2rem; border: solid 1px #0C6DAB; color: #0C6DAB; }
#sr #difference table { min-width: 60rem; background-color: #FFF; }
#sr #difference table th, #sr #difference table td { padding: 1rem; border-right: solid 1px #EEE; border-bottom: solid 1px #EEE; text-align: center; vertical-align: middle; }
#sr #difference table th { background-color: #DDD; font-weight: bold; }
#sr #difference table th.nob { background-color: #FFF; }
#sr #difference table th.hr2 { border-left: solid 1px #EEE; color: #0068B2; background-color: #FFF; text-align: left; white-space: nowrap; }
#sr #difference table th.hi { border-left: solid 4px #0C6DAB; border-right: solid 4px #0C6DAB; color: #FFF; background-color: #0068B2; }
#sr #difference table td {}
#sr #difference table td.hi { border-left: solid 4px #0C6DAB; border-right: solid 4px #0C6DAB; background-color: #FBF9F0; font-weight: bold; }
#sr #difference table tr:last-child td.hi { border-bottom: solid 4px #0C6DAB; }
#sr #online .box-rssvc { max-width: 90rem; margin: auto; padding: 6rem 8rem; border: solid 0.6rem #0068B2; border-radius: 2rem; background-color: #FBF9F0; }
#sr #online .box-rssvc2 { background-color: #f6f6f6; }
#sr #online .box-rssvc h3 { margin-bottom: 3rem; color: #0068B2; text-align: center; line-height: 1.4; font-size: 3rem; }
#sr #online .box-rssvc h3 small { font-size: 2rem; }
#sr #online .box-rssvc h4 { margin-bottom: 1rem; text-align: center; line-height: 1.4; font-size: 1.8rem; }
#sr #online .box-rssvc h4 span { display: inline-block; padding: 0.5rem 2rem; border-radius: 5rem; border: solid 1px #0068B2; color: #0068B2; background-color: #FFF; line-height: 1.4; }
#sr #online .box-rssvc h5 { margin-bottom: 2rem; text-align: center; line-height: 1.4; font-size: 1.8rem; }
#sr #online .box-rssvc p {}
@media screen and (max-width:1024px) { /* iPad 横 l */
	#sr .box-rsssr { padding: 4rem 6rem; }
	#sr .box-rsssr .tw { flex-flow: wrap; }
	#sr .box-rsssr .tw .l { width: 100%; margin-right: 0; margin-bottom: 3rem; }
	#sr .box-rsssr .tw .t { width: 100%; }
}
@media screen and (max-width:896px) { /* iPhone 横 m */
	#sr .box-rsssr { padding: 3rem 4rem; }
	#sr #rssMv { background-image: url(../_img/sr/mv_1sp.png); background-position: center top; background-size: contain;  }
	#sr #feature .feature_list > li .i img { position: relative; }
	#sr #online .box-rssvc { padding: 3rem 4rem; }	
}
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#sr .cost_reduction_list li .iw .i img { max-width: 30%; }
}


/* srTrial
------------------------------------------------------------------------------------------*/
#srTrial {}
#srTrial p { font-size: 1.6rem; }
input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
#srTrial .fwb { font-weight: bold;}
#srTrial .fsb { font-size: 1.2em; position: relative; top: -.1em; }
#srTrial .fss { font-size: .8em; position: relative; top: .1em; }
#srTrial .fs32 { font-size: 3.2rem;}
#srTrial .fs22 { font-size: 2.2rem}
#srTrial .fs20 { font-size: 2.0rem}
#srTrial .fs18 { font-size: 1.8rem}
#srTrial .bc { position: relative; display: inline-block; position: relative;left: 50%;transform: translateX(-50%); }
#srTrial .line_diagonal{ position: relative; display: inline-block;}
#srTrial .line_diagonal::before, .line_diagonal::after { content: ""; display: inline-block; width: 1px; height: 1.5em; background-color: #333; position: absolute; top: .2em; }
#srTrial .line_diagonal::before { left: -1em;   transform: rotate(-30deg); }
#srTrial .line_diagonal::after { right: -1em; transform: rotate(30deg); }
#srTrial input.bt-free { padding: 1em 6em; }
#srTrial #fee { overflow: hidden; background-color: #F0F6FB; }
#srTrial #fee .fee_list {}
#srTrial #fee .fee_list li { background-color: #FFF; box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1); }
#srTrial #fee .fee_list li.nobg { background-color: transparent; margin-bottom: -2rem; box-shadow: none; text-align: center; font-weight: bold; font-size: 2rem; color: #ED6464; }
#srTrial #fee .fee_list li.nobg mark { color: #ED6464; }
#srTrial #fee .fee_list .trial { border: solid 1px #00B0F0; }
#srTrial #fee .fee_list .entry { border: solid 1px #2BCDC1; }
#srTrial #fee .fee_list .standard { border: solid 1px #0068B2; }
#srTrial #fee .fee_list .ekyc { border: solid 1px #003687; }
#srTrial #fee .fee_list li span { display: block; }
#srTrial #fee .fee_list li .h { padding: 2rem; color: #FFF; text-align: center; font-weight: bold; font-size: 1.8rem; }
#srTrial #fee .fee_list .trial .h { background-color: #00B0F0; }
#srTrial #fee .fee_list .entry .h { background-color: #2BCDC1; }
#srTrial #fee .fee_list .standard .h { background-color: #0068B2; }
#srTrial #fee .fee_list .ekyc .h { background-color: #003687; }
#srTrial #fee .fee_list li .tw { padding: 2rem; }
#srTrial #fee .fee_list li .tw .pr { position: relative; margin-bottom: 2rem; text-align: center; font-weight: bold; font-size: 2rem; }
#srTrial #fee .fee_list li .tw .pr .b { position: absolute; top: -4rem; right: -5rem; }
#srTrial #fee .fee_list .trial .tw .pr { color: #00B0F0; }
#srTrial #fee .fee_list .entry .tw .pr { color: #2BCDC1; }
#srTrial #fee .fee_list .standard .tw .pr { color: #0068B2; }
#srTrial #fee .fee_list .ekyc .tw .pr { color: #003687; }
#srTrial #fee .fee_list li .tw .pr strong { text-align: center; line-height: 1.2; font-size: 8rem; }
#srTrial #fee .fee_list li .tw .pr span { display: inline-block; color: #999; text-decoration-line: line-through; }
#srTrial #fee .fee_list li .tw .pr2 {  margin-bottom: 2rem;color: #0068B2; font-weight: bold; line-height: 1.4; }
#srTrial #fee .fee_list li .tw .pr2 .pluse { color: #0068B2; text-align: center; line-height: 1; font-size: 3rem; }
#srTrial #fee .fee_list li .tw .pr2 .w { background-color: #F0F6FB; border-radius: 1rem; padding: 1rem; }
#srTrial #fee .fee_list li .tw .pr2 .w h3 { text-align: center; font-size: 2rem; margin-bottom: 1rem; }
#srTrial #fee .fee_list li .tw .pr2 .w div { display: grid; grid-template-columns: 1fr 1fr;  text-align: center; }
#srTrial #fee .fee_list li .tw .pr2 .w div span:first-child { border-right: solid 1px rgba(0, 104, 178, 0.50); }
#srTrial #fee .fee_list li .tw .pr3 { line-height: 1.4; }
#srTrial #fee .fee_list li .tw .pr4 { color: #ED6464 !important; }
#srTrial #fee .fee_list li .tw .c { margin-bottom: -2rem; padding: 0.5rem; border-radius: 0.5rem; color: #FFF; text-align: center; font-weight: bold; }
#srTrial #fee .fee_list .trial .tw .c { background: rgba(255, 184, 0, 0.6); }
#srTrial #fee .fee_list .entry .tw .c { background: rgba(255, 184, 0, 0.8); }
#srTrial #fee .fee_list .standard .tw .c { background: rgba(255, 184, 0, 1); }
#srTrial #fee .fee_list .ekyc .tw .c { background: #22ADA3; }
#srTrial #fee .fee_list li .tw .i { display: flex; margin-top: 2rem; padding-top: 2rem; border-top: solid 1px #EEE; align-items: center; }
#srTrial #fee .fee_list li .tw .c + .i { border: none; }
#srTrial #fee .fee_list li .tw .i .t { width: 7em; margin-right: 4rem; color: #999; line-height: 1.2; font-size: 1.4rem; font-weight: bold; }
#srTrial #fee .fee_list li .tw .i .d { font-weight: bold; font-size: 1.8rem; }
#srTrial #lead { background: linear-gradient(180deg, #EFF5FB 0%, #EFF5FB 65%, #fff 65%, #fff 100%); padding-bottom: 0 !important;}
#srTrial #lead #fee { overflow: initial;}
#srTrial #lead .fee_wrap { width: 450px; margin: 0 auto; padding: 4rem; background: #fff; border-radius: 2rem; position: relative; }
#srTrial #lead .fee_wrap .logo { margin: 0 auto 2rem; display: block; }
#srTrial #lead .fee_list .t { color: #fc6e6e; }
#srTrial #lead .fee_list li .tw .pr strong { vertical-align: bottom; top: 1.2rem; position: relative; margin-right: 1rem;}
#srTrial #lead .note_target { position: absolute; border: 6px solid #fff; border-radius: 1.5rem; background: #FC6E6E; color: #fff; padding: 2rem 1.5rem 1.5rem; right: -4rem; top: 14rem; line-height: 1.4;}
#srTrial #lead .note_target::after{ content: ""; position: absolute; margin: 0; bottom: -21px; left: 17px; width: 0; height: 0; border-top: 30px solid #fc6e6e; border-left: 5px solid transparent; border-right: 14px solid transparent; transform: rotate(28deg); }
#srTrial #lead .voices { position: absolute; height: 100vh; width: 100%; left: 0;}
#srTrial #lead .voice { position: absolute; z-index: 1; }
#srTrial #lead .voice_text { color: #0C6DAB; width: 150px; height: 150px; border-radius: 50%; background: #fff; border: 10px solid #e0edf2; padding-top: 28px; position: relative;}
#srTrial #lead .voice_img { border-radius: 50%;  background-size: cover;  border: 10px solid #fff;  background-size: cover; background-position: center center; }
#srTrial #lead .voice_1 {top: 200px;  left: calc(50% - 450px / 2 ); transform: translateX(-96%);}
#srTrial #lead .voice_1 .voice_img { background-image: url("../_img/sr/trial/img_1.jpg"); width: 235px; height: 235px;}
#srTrial #lead .voice_1 .voice_text {top: -310px;left: -40%;}
#srTrial #lead .voice_2 {top: 360px; left: calc(50% + 450px / 2 ); transform: translateX(5em);}
#srTrial #lead .voice_2 .voice_img { background-image: url("../_img/sr/trial/img_2.jpg"); width: 200px; height: 200px; }
#srTrial #lead .voice_2 .voice_text {top: -97px; right: 45%; }
#srTrial #lead .voice_3 {top: -3em; left: calc(50% + 450px / 2 ); transform: translateX(5em);}
#srTrial #lead .voice_3 .voice_img { background-image: url("../_img/sr/trial/img_3.jpg"); width:  260px; height: 260px; }
#srTrial #lead .voice_3 .voice_text {top: -80px; left: 35%; width: 180px; height: 180px; padding-top: 40px;}
#srTrial #caution .bc { padding: 6em 4em 4em !important; border: 4px solid #FC6E6E; border-radius: 2rem; }
#srTrial #caution .caution_h2 { background: #FC6E6E; color: #fff; display: inline-block; border-radius: 3rem; position: absolute; top: -1em; padding: 0.3em 3em; letter-spacing: .2em; left: 50%; transform: translateX(-50%); }
#srTrial #caution .caution_list { position: relative;}
#srTrial #caution .caution_list li { position: relative; padding-left: 1.2em; margin-bottom: 1.5em;}
#srTrial #caution .caution_list li:last-child { margin-bottom: 0;}
#srTrial #caution .caution_list li::before { content: ""; position: absolute; top: 0.4em; left: 0; -webkit-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg); width: 0.3em; height: 0.6em; border-right: 2px solid #FC6E6E; border-bottom: 2px solid #FC6E6E; }
#srTrial .cta { padding-top: 0 !important;}
#srTrial .cta .cta_message { margin-right: 1.5em; margin-left: 1.5em;}
#srTrial #flow { background: #EFF5FB;}
#srTrial #flow .flow_h2 { color:#0c6dab;}
#srTrial #flow .flow_list { margin-top: 8em; margin-bottom: 3em;}
#srTrial #flow .flow_list li { background: #fff; border-radius: 2em; padding: 0 2em 1em; position: relative;}
#srTrial #flow .list_title { position: relative; transform:translateY(-2em); padding-left: 1.5em; text-indent: -1.5em;	line-height: 1.2em;	height: 2em; }
#srTrial #flow .list_title span { color:#0c6dab; font-size:1.5em; display: inline-block; margin-right: 1em;	vertical-align: middle; }
#srTrial #flow .list_title span::after {	content: ""; border-left: 2px solid #0c6dab;	height: 2em; width: 0.1em; transform: rotate(20deg); position: absolute;	margin: 0 0 0 0.5em; }
@media screen and (max-width:1170px) { 
  #srTrial #lead .voices { overflow-x: clip;}
  #srTrial #lead .voice_1 {top: 200px;  transform: translateX(-100%);}
  #srTrial #lead .voice_1 .voice_text {top: -365px;left: 39%;}
  #srTrial #lead .voice_2 {top: 420px; transform: translateX(2em);}
  #srTrial #lead .voice_2 .voice_text {top: -97px; right: 45%;}
  #srTrial #lead .voice_3 {top: -1rem; transform: translateX(2em);}
  #srTrial #lead .voice_3 .voice_text {top: -70px; left: 10%;}
}
@media screen and (max-width:1150px) { 
  #srTrial #flow .list_content p br { display: none;}
}
@media screen and (max-width:896px) { /* iPhone 讓ｪ m */
  #srTrial #lead { background: linear-gradient(180deg, #EFF5FB 0%, #EFF5FB 80%, #fff 80%, #fff 100%); }
  #srTrial #lead .voices { position: relative;  height: auto;}
  #srTrial #lead .voice { position: relative; top: 0; left: 0; transform: none;}
  #srTrial #lead .voice_text { position: absolute; }
  #srTrial #lead .voice_1 { }
  #srTrial #lead .voice_1 .voice_img {}
  #srTrial #lead .voice_1 .voice_text { top: -30px; left: 200px;}
  #srTrial #lead .voice_2 { top: -130px; left: 40%;}
  #srTrial #lead .voice_2 .voice_img { }
  #srTrial #lead .voice_2 .voice_text { top: 60%; left: -10%;}
  #srTrial #lead .voice_3 { top: -400px; margin-bottom: -300px;}
  #srTrial #lead .voice_3 .voice_img {  margin: 0 0 0 auto;}
  #srTrial #lead .voice_3 .voice_text { top: -50px; left: 55%; }
  #srTrial #flow .flow_list { margin-top: 0;}
  #srTrial #flow .flow_list li { background: none;  padding: 0;}
  #srTrial #flow .list_title { transform: none; margin: 1em 1em 0; padding-left: 2.5em;}
  #srTrial #flow .list_content { background: #fff; border-radius: 2em; padding: 2em 2em 1em; }
	#srTrial #fee .fee_list2 > div:nth-child(1), #fee .fee_list2 > div:nth-child(2), #fee .fee_list2 > div:nth-child(3) { display: none; }
}
@media screen and (max-width:720px) {
  #srTrial #lead .voice_2 { top: -50px; left: 25%;}
  #srTrial #lead .voice_2 .voice_img { display: none; }
  #srTrial #lead .voice_3 { top: -130px; margin-bottom: -75px;}
  #srTrial #lead .voice_3 .voice_text { top: 42%; left: 40%; }
}
@media screen and (max-width:480px) { /* iPhone 邵ｦ s */
  #srTrial .fs32 {    font-size: 2.8rem;}
  #srTrial .fs22 { font-size: 1.8rem;}
  #srTrial .h2 { font-size: 3.5rem;}
  #srTrial #lead { background: linear-gradient(180deg, #EFF5FB 0%, #EFF5FB 80%, #fff 80%, #fff 100%); }
  #srTrial #lead .voices { position: relative;  height: auto;}
  #srTrial #lead .voice { position: relative; top: 0; left: 0; transform: none;}
  #srTrial #lead .voice_text { position: relative; width: 130px; height: 130px; padding-top: 25px; }
  #srTrial #lead .voice_1 { }
  #srTrial #lead .voice_1 .voice_img { width: 180px; height: 180px;}
  #srTrial #lead .voice_1 .voice_text { top: -225px; left: 40%; margin-bottom: -170px;}
  #srTrial #lead .voice_2 { left: 10%;}
  #srTrial #lead .voice_2 .voice_text { top: 0; left: 0;}
  #srTrial #lead .voice_3 { top: -155px; margin-bottom: -180px;}
  #srTrial #lead .voice_3 .voice_img { width: 200px; height: 200px; margin: 0 0 0 auto;}
  #srTrial #lead .voice_3 .voice_text { top: -50px; left: 45%; width: 140px;height: 140px;padding-top: 26px;}
  #srTrial #lead .fee_wrap {	width: 95%;}
  #srTrial #lead .note_target { padding: 1rem; right: -3rem; font-size: .8em;}
  #srTrial #lead .fee_wrap { padding: 3rem; }
  #srTrial #caution .caution_h2 { padding: 0.3em 1em; }
  #srTrial #caution .bc { padding: 4em 2em 2em !important; }
}
@media screen and (max-width:320px) {
  #srTrial #lead .voice_3 .voice_img { width: 140px; height: 140px; }
  #srTrial #lead .note_target { right: 0; top: 21rem;}
  #srTrial .line_diagonal{ font-size: .9em;}
}



/* vc
------------------------------------------------------------------------------------------*/
#vc {}
#vc .c-sub { color: #2E8CB7; }
#vc .c-sr { color: #286BA1; }
#vc .c-vc{ color: #35A1AD; }
#vc .c-highlight { color: #E3C00E; }
#vc .c-notice { color: #ED6464; }
#vc .bg-sr { background-color: #286BA1; }
#vc .bg-vc { background-color: #35A1AD; }
#vc .bg-highlight { background-color: #E3C00E; }
#vc .l-title { height: auto; margin-top: 0; }
#vc .section_title { margin: 1em 0; font-size: 1.6em; font-weight: bold; text-align: center; }
#vc .header_link .list_item { position: relative; }
#vc .btn_note { position: absolute; top: 40px; left: 50%; font-size: .7em; font-weight: bold; transform: translateX(-50%); white-space: nowrap; }
#vc .hero-title { position: relative; padding-bottom: 5em; background: url(../_img/vc/mv.jpg) no-repeat left bottom; background-size: cover; }
#vc .title_content { position: relative; top: 5em; width: 710px; margin: 0 auto; padding: 3em 0 3em 6em; background: rgba(255, 255, 255, .9); text-align: left; /* left: 50%; transform: translateX(-50%); display: inline-block; */ }
#vc .title_catch { position: relative; display: inline-block; padding: 0.2em 1em 0; border-radius: .5em; color: #fff; background-color: #35A1AD; font-weight: bold; }
#vc .title_catch:after{ content: ""; position: absolute; bottom: -10px; left: 0; right: 0; width: 0px; height: 0px; margin: auto; border-style: solid; border-width: 15px 10px 0 10px; border-color: #35A1AD transparent transparent transparent; }
#vc .title_head { margin: 1em 0 1.5rem; font-size: 2.6em; line-height: 1.2; letter-spacing: 1px; }
#vc .title_logo { width: 250px; margin: 20px 0; }
#vc .title_head_side{ font-size: .7em; letter-spacing: 2px; }
#vc .title_description { margin: 1.5em 0; }
#vc .title_apply { margin-left: 1em; }
#vc .case_list .list_item { position: relative; padding: 0 2em; }
#vc .case_list .list_item::before { position: relative; top: 0; left: -2em; display: inline-block; padding: 0.2em 0.5em 0; border-radius: 6px; color: #fff; background: #E3C00E; font-size: .8em; transform: rotate(-10deg); letter-spacing: 2px; }
#vc .case_list .list_item:nth-child(1):before { content: "CASE 1"; }
#vc .case_list .list_item:nth-child(2):before { content: "CASE 2"; }
#vc .case_list .list_item:nth-child(3):before { content: "CASE 3"; }
#vc .case_title { position: relative; font-weight: bold; }
#vc .balloon { position: relative; margin: 0 auto 2em; padding: 1em 0 0.5em; border-bottom: solid 2px #35A1AD; }
#vc .balloon:before,
#vc .balloon:after { content: ""; position: absolute; top: 100%; left: 20%; transform: translateX(-50%); }
#vc .balloon:before { border: solid 12px transparent; border-top: solid 12px #35A1AD; }
#vc .balloon:after { margin-top: -5px; border: solid 14px transparent; border-top: solid 14px #fff; }
#vc .balloon .ballon_content { margin: 0; padding: 0; }
#vc .step { padding: 3em; background: #E0F2F1; }
#vc .section_title { position: relative; line-height: 1.6; }
#vc .step_title .title_block{ display: inline-block; text-align: left; }
#vc .section_title_sup { position: absolute; top: -2em; left: 50%; display: block; font-size: .6em; transform: translateX(-50%); }
#vc .step_list .list_item { position: relative; width: 33.3%; margin: 2em 1em; padding: 2em 2em 1em; background: #fff; text-align: center; box-shadow: 3px 3px 0 #ccc; }
#vc .step_list .list_item::before { position: absolute; top: -1em; left: 0; display: inline-block; padding: 0.2em 0.5em 0; color: #fff; background: #222; font-size: .8em; letter-spacing: 2px; }
#vc .step_list .list_item:nth-child(1):before { content: "STEP 1"; }
#vc .step_list .list_item:nth-child(2):before { content: "STEP 2"; }
#vc .step_list .list_item:nth-child(3):before { content: "STEP 3"; }
#vc .step_body { margin: 2em 0 0; font-weight: bold; font-size: .9em; text-align: left; }
#vc .explain_content { padding: 4em 0 2em; border: 2px solid #35A1AD; }
#vc .explain_main,
#vc .explain_sub,
#vc .explain_note,
#vc .explain_list { max-width: 650px; margin: 2.5em auto; }
#vc .explain_note{ margin: .5em auto; }
#vc .explain_list .list_item { position: relative; width: 33.3%; text-align: center !important; }
#vc .explain_list .list_item:not(:last-child)::after { content: ""; position: absolute; top: 50%; left: 100%; display: block; width: 70px; height: 68px; background: url(../_img/vc/two_way_arrow.svg) no-repeat; background-size: contain; transform: translate(-50%, -83%); }
#vc .explain_title { text-align: center; }
#vc .price_body { text-align: center; }
#vc .explain_img { max-width: 170px; margin-bottom: 1em; padding: 1.5em; border: 1px solid #35A1AD; border-radius: 1em; }
#vc .link.-underline { color: #FFF; }
#vc .explain_sub .link.-underline { color: #333; }
#vc .apply_note .link.-underline { color: #333; }
#vc .link.-new-window.-white::after { background-image: url(/assets/img/common/new_window_white.svg); }
#vc .price { position: relative; color: #fff; background: #40BCB2; }
#vc .price_list .list_item { position: relative; width: 30%; padding: 2em; background: #fff; text-align: center; box-shadow: 3px 3px 0 #ccc; }
#vc .price_list .list_item:first-child { margin-right: 5em; }
#vc .price_list .list_item:first-child::after { content: "＋"; position: absolute; top: 50%; left: 100%; font-weight: bold; font-size: 4em; text-shadow: 3px 3px 0 #ccc; transform: translate(10%, -40%); }
#vc .price_list .list_item:last-child::after { content: "※各税込"; position: absolute; bottom: -2.5em; right: 0; font-weight: bold; }
#vc .price_title { font-size: 1.8em; font-weight: bold; }
#vc .item_title { position: relative; margin-bottom: 1em; padding-bottom: 0.3em; font-size: 1.6em; font-weight: bold; }
#vc .item_title::before { content: ""; position: absolute; bottom: 0; left: 50%; width: 30%; border-bottom: 3px solid #35A1AD; transform: translateX(-50%); }
#vc .item_subtitle { display: inline-block; margin-bottom: 0.5em; padding: .1em 1em 0; border-radius: 5px; font-size: 1em; font-weight: bold; }
#vc .price_body { color: #333; font-size: 2.4em; font-weight: bold; }
#vc .price_unit { font-size: .6em; }
#vc .price_note { position: relative; left: 50%; display: inline-block; margin: 4em 0 0 1.5em; transform: translateX(-50%); }
#vc .apply_notes { position: relative; padding-left: 7em; }
#vc .apply_notes::before { content: "ご注意"; position: absolute; top: 0.5em; left: 0; display: block; width: 4em; height: 4em; margin-right: 1em; padding: 0 0.5em 0 0; border-right: 5px solid #ED6464; color: #ED6464; background: url(../_img/vc/warning.svg) no-repeat bottom center; background-size: 50%; font-weight: bold; text-align: center; }
#vc .apply_list .list_item { margin: 2em 0; padding: 0 1em; }
#vc .mypage_content,
#vc .beginner_content { padding: 2em 1em; border-radius: 1em; color: #fff; background: #0068B2; font-weight: bold; }
#vc .mypage_title,
#vc .beginner_title { position: relative; margin-bottom: 1.5em; padding-left: 5em; font-weight: bold; line-height: 1.4; }
#vc .mypage_title::before,
#vc .beginner_title::before { content: ""; position: absolute; top: 50%; left: 1em; display: block; width: 3em; height: 3em; background: url(../_img/vc/login.svg) no-repeat; transform: translateY(-50%); }
#vc .beginner_title::before { width: 2.5em; height: 2.5em; background-image: url(../_img/vc/beginner.svg); }
#vc .mypage_title::before { content: ""; position: absolute; top: 50%; left: 1em; display: block; width: 3em; height: 3em; background: url(../_img/vc/login.svg) no-repeat; transform: translateY(-50%); }
#vc .btn.-mypage { position: relative; left: 50%; display: inline-block; padding: 0 1em 0.5em 2em; color: #0068B2; background: #FFE458; transform: translateX(-50%); }
#vc .btn.-mypage::after { width: 2em; height: 2em; background-image: url(/assets/img/common/new_window_blue.svg); transform: translateY(10px); }
#vc .beginner_content { border: 2px solid #40BCB2; border-radius: 0; border-left: 0; border-right: 0; color: #333; background: none; }
#vc .beginner_note { font-size: .8em; }
#vc .beginner_note::before { content: "←"; }
#vc .inquiry  { background: #F6F5F5; }
#vc .inquiry_list .list_item { margin-top: 1em; text-align: center; }
#vc .inquiry_list .list_item:not(:last-child) { border-right: 1px solid #ccc; }
#vc .inquiry_title { margin: 1.5em 0 .5em; font-weight: bold; }
#vc .inquiry_list .btn.-inquiry { margin: 1em 0; padding: 0.5em 1em 0.3em 1.3em; font-size: 1em; }
#vc .btn.-apply { display: inline-block; padding: 0.7em 1.5em 0.5em 2em; color: #fff; background: linear-gradient(90deg, #0C6DAB 0%, #2CD0C2 100%); font-size: 1.2em; letter-spacing: 2px; }
#vc .btn.-round { border-radius: 2em; }
#vc .btn.-anker::after { content: ""; display: inline-block; width: 1em; height: 1em; margin: 0 0 0 0.2em; background: url(/assets/img/common/arrow_down.svg) no-repeat; background-size: contain; transform: translateY(0.4em); }
#vc .btn.-anker.-white::after { background-image: url(/assets/img/common/arrow_down_white.svg); }
#vc .btn { box-shadow: 3px 3px 0 #ccc; }
@media screen and (min-width: 768px) and (max-width: 1080px) {
  #vc .intro_body, 
  #vc .apply_notes { max-width: 90%; margin: 0 auto; }
}
@media screen and (max-width: 767px) {
  #vc .gnav_list .list_item.-apply{ display: none; }
  #vc .header_img { height: 25px; }
  #vc .l-section { padding-bottom: 1em; }
  #vc .title_content { top: 0; width: 100%; padding: 6em 5% 2em; }
  #vc .hero-title { padding-bottom: 0; }
  #vc .title_head { font-size: 1.4em; }
  #vc .title_logo { width: 200px; }
  #vc .hero-title .btn.-inquiry,
  #vc .hero-title .btn.-apply { margin: 1em 0 0; font-size: 1em; }
  #vc .case_list .list_item::before { top: 1.5em; }
  #vc .step { padding: 3em 1.5em; }
  #vc .step_list .list_item { width: 90%; }
  #vc .explain_content { width: 95%; padding: 3em 1.5em 0; }
  #vc .explain_img { max-width: 90px; }
  #vc .explain_list .list_item:not(:last-child)::after { width: 36px; height: 54px; }
  #vc .explain_list .explain_title { font-size: .9em; }
  #vc .price,
  #vc .apply,
  #vc .inquiry { padding-top: 3em; }
  #vc .price::before { content: none; }
  #vc .price_list .list_item:first-child { margin-right: 3em; }
  #vc .price_list .list_item { width: 45%; padding: 2em 0; }
  #vc .item_subtitle { padding: 0.1em 0.7em 0; }
  #vc .price_list .list_item:first-child::after { font-size: 2.8em; text-shadow: 2px 2px 0 #ccc; }
  #vc .apply_list { text-align: center; }
  #vc .apply_list .list_item.-mypage,
  #vc .apply_list .list_item.-beginner { padding: 0; }
  #vc .mypage_title,
  #vc .beginner_title { padding-left: 0; }
  #vc .mypage_title::before,
  #vc .beginner_title::before { left: 0.5em; width: 2em; height: 2em; background-size: contain; }
  #vc .beginner_content { padding: 1em 0; }
  #vc .btn.-mypage { left: auto; transform: none; }
  #vc .beginner_note::before { content: "↑"; }
  #vc .apply_notes { margin-left: 1em; }
  #vc .inquiry_title { margin: 1em 0 0; }
  #vc .inquiry_list .list_item:not(:last-child) { border: none; border-bottom: 1px solid #ccc; }
  #vc .inquiry_list .btn.-inquiry { margin: 0.5em 0 2em; }
}


/* campaign ----------*/
#campaign { background: #F6F5F5; }
#campaign h3 { margin-bottom: 40px; font-weight: bold; font-size: 2em; text-align: center; line-height: 1.4; }
#campaign h3 strong { font-size: 1.3em; }
#campaign h4 { margin-bottom: 40px; font-size: 1.8em; text-align: center; line-height: 1.4; }
#campaign h4 a { text-decoration: underline; }
#campaign h4 span { color: #8DC63F; }
#campaign h5 { margin-bottom: 30px; padding: 1em; border-radius: 10px; color: #FFF; background-color: #8DC63F; font-size: 1.5em; font-weight: bold; text-align: center; line-height: 1.4; }
#campaign h6 { display: inline-block; padding: 10px; background-color: #F0ECD8; font-weight: bold; font-size: 0.8em; line-height: 1.4; }
#campaign .cmp_img { margin-bottom: 40px; text-align: center; }
#campaign .cmp_img img { width: 100%; max-width: 600px; }
#campaign table { border: solid 4px #F0ECD8; background-color: #FFF; }
#campaign table th, #campaign table td { padding: 10px; border-bottom: solid 1px #F0ECD8; font-size: 0.8em; text-align: left; line-height: 1.4; }
#campaign table th { border-right: solid 1px #F0ECD8; font-weight: bold; white-space: nowrap; }
#campaign table td {}

/* online ----------*/
#online {}
#online .box-rssvc { max-width: 110rem; margin: auto; padding: 6rem 8rem; border: solid 0.6rem #0068B2; border-radius: 2rem; background-color: #FBF9F0; }
#online .box-rssvc h3 { margin: 2rem 0 3rem; color: #0068B2; font-size: 3rem; text-align: center; line-height: .75; }
#online .box-rssvc h3 small { font-size: 2rem; font-weight: bold; }
#online .box-rssvc h4 { margin-bottom: 1rem; font-size: 2.4rem; font-weight: bold; text-align: center; line-height: 1.4; }
#online .box-rssvc h4 span { display: inline-block; padding: 0.5rem 2rem; border-radius: 5rem; border: solid 1px #0068B2; color: #0068B2; background-color: #FFF; line-height: 1.4; }
#online .box-rssvc h5 { margin-bottom: 2rem; font-size: 1.8rem; text-align: center; line-height: 1.4; }
#online .box-rssvc p {}
@media screen and (max-width:896px) { /* iPhone 横 m */
	#online .box-rssvc { padding: 3rem 4rem; }	
}

/* movie ----------*/
#movie .inner { display: flex; /*padding: 10px; border: solid 4px #2E8CB7; border-radius: 10px; */ align-items: center; }
#movie .inner .mw { width: 100%; text-align: center; }
#movie video { max-width: 80%; border: solid 1px #EEE; }

@media screen and (max-width:896px) { /* iPhone 横 m */
  #movie .inner { flex-flow: wrap; }
  #movie .inner .mw { width: 100%; }
  #movie video { max-width: 100%; border: solid 1px #EEE; }
}

.important-note { display: block; width: fit-content; margin: 4.5em auto 0; padding: 1em; border: 1px solid #ccc; border-radius: 4px; color: #ED6464; background-color: #f9f9f9; font-weight: bold; font-size: 20px; text-align: center; }




/* detail
------------------------------------------------------------------------------------------*/
#detail {}
#detail #serviceDetail {}
#detail #serviceDetail .box { display: flex; align-items: center; gap: 4rem; }
#detail #serviceDetail .box h2 { font-size: 3rem; }
#detail #onlineInterviewSupport { background-color: #F0F6FB; }
#detail #smartphoneDigitalSignature { background-color: #F0F6FB; }
#detail #registrationUse .movie { display: flex; align-items: center; margin-top: 3rem; }
#detail #registrationUse .movie .tw { width: 30%; }
#detail #registrationUse .movie .tw h3 { display: grid; place-items: center; }
#detail #registrationUse .movie .tw h3 span { border-radius: 240px; width: 240px; height: 240px; background-color: #2E8CB7; color: #FFF; display: grid; place-items: center; text-align: center; font-weight: bold; font-size: 24px; line-height: 1.4; }
#detail #registrationUse .movie .mw { width: 70%; }
#detail #registrationUse .movie video { max-width: 100%; border: solid 1px #EEE; }
#detail #registrationUse .service_link { margin-top: 3rem; }
#detail #registrationUse .service_link .w { text-align: center; padding: 3rem; border: solid 0.5rem; }
#detail #registrationUse .service_link .w h5 { display: inline-block; padding: 0.5rem 2rem; border-radius: 5rem; border: solid 1px #0068B2; color: #0068B2; background-color: #FFF; text-align: center; line-height: 1.4; }
#detail #registrationUse .service_link .w h4 { margin-bottom: 1rem; margin-top: 1rem; font-size: 3rem; text-align: center; line-height: 1.4; }
#detail #registrationUse .service_link .w.vc { border-color: #52b7f4; }
#detail #registrationUse .service_link .w.vc h5 { border: solid 1px #52b7f4; color: #52b7f4; }
#detail #registrationUse .service_link .w.vc h4 {color: #52b7f4;}
#detail #registrationUse .service_link .w.vc .bt-blue { background-color: #52b7f4; }
#detail #registrationUse .service_link .w.tikara { border-color: #22ADA3; }
#detail #registrationUse .service_link .w.tikara h5 { border: solid 1px #22ADA3; color: #22ADA3; }
#detail #registrationUse .service_link .w.tikara h4 { color: #22ADA3; }
#detail #registrationUse .service_link .w.tikara .bt-blue { background-color: #22ADA3; }
#detail .page_link { max-width: 80rem; margin: auto; margin-top: 6rem; background-color: #FFF; padding: 3rem; border-radius: 1rem; }
#detail .page_link.bg1 { background-color: #F0F6FB; }
#detail .page_link p { font-weight: bold; color: #2CD0C2; margin-bottom: 3rem; }
#detail .page_link ul { display: flex; flex-flow: wrap; align-items: center; justify-content: center; gap: 3rem; }
#detail .page_link ul li { position: relative; }
#detail .page_link ul li::after { content: ""; position: absolute; width: 0; height: 0; top: 0; bottom: 0; left: calc(100% + 1rem); margin: auto; border: 1rem solid transparent; border-left: 1rem solid #2CD0C2; }
#detail .page_link ul li:last-child:after { display: none; }
#detail .page_link ul li a { display: block; font-weight: bold; text-decoration: none; background-color: #0068B2; color: #FFF; padding: 2rem; border-radius: 1rem; }
#detail .cost_reduction_list {}
#detail .cost_reduction_list li {}
#detail .cost_reduction_list li span { display: block; }
#detail .cost_reduction_list li .iw { margin-bottom: 2rem; padding: 2rem; border-radius: 1rem; box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1); display: grid; place-items: center; }
#detail .cost_reduction_list li .iw1 { background-color: #00B0F0; }
#detail .cost_reduction_list li .iw2 { background-color: #2BCDC1; }
#detail .cost_reduction_list li .iw3 { background-color: #0C6DAB; }
#detail .cost_reduction_list li .iw .i { margin-bottom: 2rem; text-align: center; }
#detail .cost_reduction_list li .iw .h { color: #FFF; text-align: center; line-height: 1.6; font-weight: bold; font-size: 2.4rem; }
#detail .cost_reduction_list li .t { font-size: 1.8rem; }
#detail .icon_list { max-width: 80rem; margin: auto; display: grid; grid-template-columns: 1fr; gap: 3rem; }
#detail .icon_list > li { display: grid; grid-template-columns: 14rem 1fr; gap: 3rem; }
#detail .icon_list > li span {}
#detail .icon_list > li .iw {}
#detail .icon_list > li .iw img { border-radius: 1rem; }
#detail .icon_list > li .tw {}
#detail .icon_list > li .tw h3 { font-size: 2.4rem; color: #0068B2; }
#detail #difference .l { font-size: 1.8rem; }
#detail #difference .l2 { font-size: 2.4rem; }
#detail #difference .l2 .ex { color: #00B0F0; }
#detail #difference .difference_list {}
#detail #difference .difference_list li { overflow: hidden; border-radius: 1rem; box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1); }
#detail #difference .difference_list li span { display: block; }
#detail #difference .difference_list li .h { padding: 4rem 2rem; color: #FFF; text-align: center; font-weight: bold; font-size: 2.4rem; }
#detail #difference .difference_list li.ha { border: solid 1px #2BCDC1; }
#detail #difference .difference_list li.ha .h { background-color: #2BCDC1; }
#detail #difference .difference_list li.hb { border: solid 1px #0C6DAB; }
#detail #difference .difference_list li.hb .h { background-color: #0C6DAB; }
#detail #difference .difference_list li .t { padding: 3rem 2rem; background-color: #FFF; text-align: center; }
#detail #difference h3 { text-align: center; }
#detail #difference h3 span { display: inline-block; padding: 0 2rem; border: solid 1px #0C6DAB; color: #0C6DAB; }
#detail #difference table { min-width: 60rem; background-color: #FFF; }
#detail #difference table th, #detail #difference table td { padding: 1rem; border-right: solid 1px #EEE; border-bottom: solid 1px #EEE; text-align: center; vertical-align: middle; }
#detail #difference table th { background-color: #DDD; }
#detail #difference table th.nob { background-color: #FFF; }
#detail #difference table th.hr2 { border-left: solid 1px #EEE; color: #0068B2; background-color: #FFF; text-align: left; white-space: nowrap; }
#detail #difference table th.hi { border-left: solid 4px #0C6DAB; border-right: solid 4px #0C6DAB; color: #FFF; background-color: #0068B2; }
#detail #difference table td {}
#detail #difference table td.hi { border-left: solid 4px #0C6DAB; border-right: solid 4px #0C6DAB; background-color: #FBF9F0; font-weight: bold; }
#detail #difference table tr:last-child td.hi { border-bottom: solid 4px #0C6DAB; }

@media screen and (max-width:896px) { /* iPhone 横 m */
  #detail #registrationUse .movie { flex-flow: wrap; }
  #detail #registrationUse .movie .tw { width: 100%; }
  #detail #registrationUse .movie .tw h3 span { font-size: 20px; width: auto; height: auto; display: block; padding: 10px 60px; margin-bottom: 10px; }
  #detail #registrationUse .movie .mw { width: 100%; }
}
@media screen and (max-width:480px) { /* s */
	#detail #serviceDetail .box { display: block; }
	#detail #serviceDetail .box .pw { margin-bottom: 2rem; }
	#detail #serviceDetail .box h2 { font-size: 2.4rem; }
	#detail .cost_reduction_list { gap: 0; }
	#detail .cost_reduction_list li .iw .i img { max-width: 30%; }
	#detail .icon_list > li { grid-template-columns: 10rem 1fr; gap: 2rem; }
}


/* function
------------------------------------------------------------------------------------------*/
#function {}
#function #basic_feature { background-color: #F0F6FB; }
#function .basic_feature_list {}
#function .basic_feature_list li { padding: 3rem; border-radius: 1rem; background-color: #FFF; }
#function .basic_feature_list span { display: block; }
#function .basic_feature_list .i { margin-bottom: 2rem; }
#function .basic_feature_list .h { margin-bottom: 1rem; text-align: center; line-height: 1.4; font-size: 2.4rem; font-weight: bold; }
#function .basic_feature_list .t { line-height: 1.4; font-size: 1.8rem; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#function .basic_feature_list li { padding: 1.5rem; }
}


/* plan
------------------------------------------------------------------------------------------*/
#plan {}
#plan .fee_list {}
#plan .fee_list li { background-color: #FFF; box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1); }
#plan .fee_list li.nobg { background-color: transparent; margin-bottom: -2rem; box-shadow: none; text-align: center; font-weight: bold; font-size: 2rem; color: #ED6464; }
#plan .fee_list li.nobg mark { color: #ED6464; }
#plan .fee_list .trial { border: solid 1px #00B0F0; }
#plan .fee_list .entry { border: solid 1px #2BCDC1; }
#plan .fee_list .standard { border: solid 1px #0068B2; }
#plan .fee_list .ekyc { border: solid 1px #003687; }
#plan .fee_list li span { display: block; }
#plan .fee_list li .h { padding: 2rem; color: #FFF; text-align: center; font-weight: bold; font-size: 1.8rem; }
#plan .fee_list .trial .h { background-color: #00B0F0; }
#plan .fee_list .entry .h { background-color: #2BCDC1; }
#plan .fee_list .standard .h { background-color: #0068B2; }
#plan .fee_list .ekyc .h { background-color: #003687; }
#plan .fee_list li .tw { padding: 2rem; }
#plan .fee_list li .tw .pr { position: relative; margin-bottom: 2rem; text-align: center; font-weight: bold; font-size: 2rem; }
#plan .fee_list li .tw .pr .b { position: absolute; top: -4rem; right: -5rem; }
#plan .fee_list .trial .tw .pr { color: #00B0F0; }
#plan .fee_list .entry .tw .pr { color: #2BCDC1; }
#plan .fee_list .standard .tw .pr { color: #0068B2; }
#plan .fee_list .ekyc .tw .pr { color: #003687; }
#plan .fee_list li .tw .pr strong { text-align: center; line-height: 1.2; font-size: 8rem; }
#plan .fee_list li .tw .pr span { display: inline-block; color: #999; text-decoration-line: line-through; }
#plan .fee_list li .tw .pr2 {  margin-bottom: 2rem;color: #0068B2; font-weight: bold; line-height: 1.4; }
#plan .fee_list li .tw .pr2 .pluse { color: #0068B2; text-align: center; line-height: 1; font-size: 3rem; }
#plan .fee_list li .tw .pr2 .w { background-color: #F0F6FB; border-radius: 1rem; padding: 1rem; }
#plan .fee_list li .tw .pr2 .w h3 { text-align: center; font-size: 2rem; margin-bottom: 1rem; }
#plan .fee_list li .tw .pr2 .w div { display: grid; grid-template-columns: 1fr 1fr;  text-align: center; }
#plan .fee_list li .tw .pr2 .w div span:first-child { border-right: solid 1px rgba(0, 104, 178, 0.50); }
#plan .fee_list li .tw .pr3 { line-height: 1.4; }
#plan .fee_list li .tw .pr4 { color: #ED6464 !important; }
#plan .fee_list li .tw .c { margin-bottom: -2rem; padding: 0.5rem; border-radius: 0.5rem; color: #FFF; text-align: center; font-weight: bold; }
#plan .fee_list .trial .tw .c { background: rgba(255, 184, 0, 0.6); }
#plan .fee_list .entry .tw .c { background: rgba(255, 184, 0, 0.8); }
#plan .fee_list .standard .tw .c { background: rgba(255, 184, 0, 1); }
#plan .fee_list .ekyc .tw .c { background: #22ADA3; }
#plan .fee_list li .tw .i { display: flex; margin-top: 2rem; padding-top: 2rem; border-top: solid 1px #EEE; align-items: center; }
#plan .fee_list li .tw .c + .i { border: none; }
#plan .fee_list li .tw .i .t { width: 7em; margin-right: 4rem; color: #999; line-height: 1.2; font-size: 1.4rem; font-weight: bold; }
#plan .fee_list li .tw .i .d { font-weight: bold; font-size: 1.8rem; }
#plan .price { position: relative; color: #fff; background: #40BCB2; padding: 2rem 0; }
#plan .price a { color: #fff !important;}
#plan .section_title { margin: 1em 0; font-size: 1.6em; font-weight: bold; text-align: center; }
#plan .price_list .list_item { position: relative; width: 30%; padding: 2em; background: #fff; text-align: center; box-shadow: 3px 3px 0 #ccc; }
#plan .price_list .list_item:first-child { margin-right: 5em; }
#plan .price_list .list_item:first-child::after { content: "＋"; position: absolute; top: 50%; left: 100%; font-weight: bold; font-size: 4em; text-shadow: 3px 3px 0 #ccc; transform: translate(10%, -40%); }
#plan .price_list .list_item:last-child::after { content: "※各税込"; position: absolute; bottom: -2.5em; right: 0; font-weight: bold; }
#plan .price_title { font-size: 1.8em; font-weight: bold; }
#plan .item_title { position: relative; margin-bottom: 1em; padding-bottom: 0.3em; font-size: 1.6em; font-weight: bold; }
#plan .item_title::before { content: ""; position: absolute; bottom: 0; left: 50%; width: 30%; border-bottom: 3px solid #35A1AD; transform: translateX(-50%); }
#plan .item_subtitle { display: inline-block; margin-bottom: 0.5em; padding: .1em 1em 0; border-radius: 5px; font-size: 1em; font-weight: bold; }
#plan .price_body { color: #333; font-size: 2.4em; font-weight: bold; text-align: center; }
#plan .price_unit { font-size: .6em; }
#plan .price_note { position: relative; display: inline-block; padding: 0 2rem; margin-top: 4rem; }
#plan .c-vc{ color: #35A1AD; }
#plan .bg-highlight { background-color: #E3C00E; }
#plan .link.-new-window.-white::after { background-image: url(/assets/img/common/new_window_white.svg); }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#plan .fee_list2 > div:nth-child(1), #plan .fee_list2 > div:nth-child(2), #plan .fee_list2 > div:nth-child(3) { display: none; }
}
@media screen and (max-width:480px) { /* s */
  #plan .price_list { flex-direction: column; align-items: center; justify-content: center; }
  #plan .price_list .list_item:first-child { margin-right: 0; margin-bottom: 5em; }
  #plan .price_list .list_item { width: 80%; }
  #plan .price_list .list_item:first-child::after { top: calc(100% + 0.5em); left: calc(50% - 0.5em); }
}



/* application
------------------------------------------------------------------------------------------*/
#application {}
#application h3 { margin-bottom: 3rem; color: #ED6464; text-align: center; text-decoration: underline; font-size: 2.4rem; }
#application .application_list {}
#application .application_list li { padding: 6rem; border-radius: 1rem; }
#application .application_list .owner { background-color: #0068B2; }
#application .application_list .other { background: rgba(0, 176, 240, 0.2); }
#application .application_list li h4 { margin-bottom: 3rem; text-align: center; text-decoration: underline; font-size: 2.2rem; color: #00B0F0; }
#application .application_list .owner h4 { color: #FFF; }
#application .application_list li p {}
#application .application_list .owner p { color: #FFF; }
#application .application_list li .bt { width: 100%; }
#application .application_list .owner .bt { padding-top: 3rem; padding-bottom: 3rem; }
#application .application_list .form_bt {position: relative;}
#application .application_list .form_bt i {position: relative; top: -2.4em; left: calc(50% + 6em);color: #52b7f4;}
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#application .application_list li { padding: 3rem; }
}



/* usecase
------------------------------------------------------------------------------------------*/
#usecase {}
#usecase {}
#usecase .voice { border: solid 1px #0C6DAB; padding: 4rem; border-radius: 1rem; margin-bottom: 3rem; }
#usecase .voice .w { display: flex; align-items: center; }
#usecase .voice .w .pw { margin-right: 3rem; }
#usecase .voice .w .pw img { width: 20rem; height: 20rem; border-radius: 20rem; }
#usecase .voice .w .tw { width: calc(100% - 23rem); }
#usecase .voice .w .tw h3 { font-size: 3rem; line-height: 1.4; margin-bottom: 2rem; }
#usecase .voice .w .tw .name { font-weight: bold; font-size: 2rem; }
#usecase .voice .txt {}
#usecase .voice .txt.hide { overflow: hidden; height: 11em; }
#usecase .voice .txt h4 { margin-bottom: 2rem; padding-top: 3rem; color: #0C6DAB; font-size: 2rem; }
#usecase .voice .more { color: #0068B2 !important; }
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#usecase .voice .w { flex-flow: wrap; justify-content: center; }
	#usecase .voice .w .pw { width: 100%; text-align: center; margin-right: 0; margin-bottom: 2rem; }
	#usecase .voice .w .tw { width: 100%; }
}



/* faq
------------------------------------------------------------------------------------------*/
#faq {}
#faqWrap { background-color: #F0F6FB; }
#faqWrap .h3 { background-color: #286BA1; color: #FFF; line-height: 1; padding: 1rem 2rem; border-radius: 1rem; display: inline-block; margin-bottom: 3rem; }
#faqWrap .faq_list {}
#faqWrap .faq_list li { margin-bottom: 1.5rem; padding: 2rem 3rem; border-radius: 1rem; background-color: #FFF; }
#faqWrap .faq_list li span { display: block; }
#faqWrap .faq_list li .q { position: relative; padding-right: 3rem; padding-left: 4rem; color: #0068B2; line-height: 1.4; font-size: 2.2rem; font-weight: bold; transition: all 0.3s ease-out; }
#faqWrap .faq_list li .q:hover { opacity: 0.7; cursor: pointer; }
#faqWrap .faq_list li .q::before { position: absolute; top: 0; left: 0; content: "Q"; color: #2CD5C1; font-size: 2.2rem; }
#faqWrap .faq_list li .q::after { position: absolute; top: 0; right: 0; content: "\f067"; color: #2CD5C1; font-family: 'Font Awesome 5 Pro'; font-weight: 300; font-size: 2.4rem; }
#faqWrap .faq_list li .q.open::after { content: "\f068"; }
#faqWrap .faq_list li .a {}
#faqWrap .faq_list li .a .w { position: relative; padding-top: 2rem; padding-left: 4rem; line-height: 1.6; font-size: 1.8rem; }
#faqWrap .faq_list li .a .w::before { position: absolute; top: 2rem; left: 0; content: "A"; color: #999; font-weight: bold; font-size: 2.4rem; }