@charset "utf-8";/* CSS Document */
.container_ {overflow-x: hidden;}
#header .head_bottom ul li.tr5 a.ho {background: url("/cms/images/header/arrow.png") center 50px no-repeat;}
/* .container_ {padding-top: 100px;} */
#header .logo {position: initial;margin-right: 20px;}
#header {position: fixed;top: 0;left: 0;width: 100%;z-index: 100;min-width: 1200px;max-width: initial;height: auto;background-color: inherit;}
#header .head_top {height: 30px;line-height: 30px;padding-left: 20px;background: #fff;border-bottom: 1px solid #eee;}
#header .head_top ul li img {vertical-align: text-bottom;}
#header .tagline {font-size: 11px;float: left;color: #555;}
#header .head_top ul {font-size: 12px;float: right;padding-right: 162px;}
#header .head_top ul li {display: inline-block;}
#header .head_top ul li a {display: block;margin-right: 1.3em;color: #5fb700;}
#header .head_bottom {height: 70px;background: rgba(255, 255, 255, 1);clear: both;padding: 15px 20px;border-bottom: 1px solid #f2f0eb;min-width: 1280px;transition-duration: 1s;box-shadow: 0px 3px 13px #36363629;}
#header.is-fixed .head_bottom {padding: 0px 20px;}
#header .logo {float: left;padding-top: 5px;width: 122px;}
#header .logo img {width: 100%;height: auto;}
#header .nav {color: #fff;}
#header .head_bottom ul {float: left;margin-left: 24px;}
#header .head_bottom ul li {padding-top: 6px;vertical-align: top;padding-right: 6px;position: relative;}
#header .head_bottom ul li span.num {position: absolute;background-color: #DE0042;width: 16px;height: 16px;text-align: center;border-radius: 9px;font-size: 9px;top: 11px;right: 2px;line-height: 18px;}
#header .head_bottom ul li a {font-size: 14px;font-weight: bold;display: table-cell;vertical-align: middle;padding-left: 1.2em;margin-right: 1.7em;transition: background-position linear 0.1s;letter-spacing: 0.5px;height: auto;}
#header .head_bottom ul li.kansai_btn a {font-size: 10px;}
#header .head_bottom ul li a:hover {padding-left: 1.2em;margin-right: 1.7em;color: #888;}
#header .head_bottom .dropdown {position: relative;padding-bottom: 10px;}
#header .head_bottom .dropdown ul {position: absolute;background-color: #fff;margin: 0;top: 72px;width: 200px;display: none;}
#header .head_bottom .dropdown ul li {display: block;border-bottom: 1px dotted #5fb700;padding-left: 0;}
#header .head_bottom .dropdown ul li:hover {background-color: #f0f0f0;}
#header .head_bottom .dropdown ul li a {line-height: 3em;height: 30px;}
.nav>ul>li.st-Header_NavItem2.tr1 .header-nav-menu {opacity: 0;visibility: hidden;top: 100px;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}
.nav>ul>li.st-Header_NavItem2.tr2 .header-nav-menu {opacity: 0;visibility: hidden;top: 100px;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}
.nav>ul>li.st-Header_NavItem2.tr5 .header-nav-menu {opacity: 0;visibility: hidden;top: 100px;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;transition: all 0.2s linear;}
.nav>ul>li.st-Header_NavItem2.tr1:hover .header-nav-menu,.nav>ul>li.st-Header_NavItem2.tr2:hover .header-nav-menu,.nav>ul>li.st-Header_NavItem2.tr5:hover .header-nav-menu {opacity: 1 !important;visibility: visible !important;top: 100px !important;}
#header.is-fixed .nav>ul>li.st-Header_NavItem2.tr1 .header-nav-menu {top: 70px;}
#header.is-fixed .nav>ul>li.st-Header_NavItem2.tr2 .header-nav-menu {top: 70px;}
#header.is-fixed .nav>ul>li.st-Header_NavItem2.tr5 .header-nav-menu {top: 70px;}
#header.is-fixed .nav>ul>li.st-Header_NavItem2.tr1:hover .header-nav-menu,#header.is-fixed .nav>ul>li.st-Header_NavItem2.tr2:hover .header-nav-menu,#header.is-fixed .nav>ul>li.st-Header_NavItem2.tr5:hover .header-nav-menu {top: 70px !important;}
#header.is-fixed .header-nav-menu {position: fixed;width: calc(100% - 180px);left: 0;height: 340px;background-color: rgba(78, 78, 78, 0.6);padding: 40px 90px 0;letter-spacing: 1.12px;}
#header.is-fixed .header-nav-menu .white_area {border-radius: 19px;background: #fff;padding: 30px 50px;width: 1200px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;}
#header .head_bottom ul li a.view_all.nm0 {box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);text-align: center;width: 210px;height: 220px;padding: 30px 0 0 0;}
#header .head_bottom ul li a.view_all.nm0 .imgimg {margin-bottom: 30px;display: flex;align-items: center;justify-content: center;}
#header .head_bottom ul li a.view_all.nm0 .imgimg_t {font-size: 17px;font-weight: bold;line-height: 1.7em;color: #171717;display: flex;align-items: center;justify-content: center;}
#header .head_bottom ul li div.view_all {margin-right: 40px;padding-right: 40px;padding-top: 20px;padding-bottom: 20px;text-align: center;border-right: 1px solid #707070;}
#header .head_bottom ul li .view_all .tttt1 {color: #1d1d1d;font-weight: bold;font-size: 20px;margin-bottom: 20px;}
#header .head_bottom ul li .view_all .tttt2 a {color: #fff;font-weight: bold;font-size: 16px;background: #3C586F;padding: 10px 27px;position: relative;transition: all 0.4s ease-out;}
#header .head_bottom ul li .view_all .tttt2 a:after {content: "";border-top: solid 2px #fff;border-right: solid 2px #fff;width: 6px;height: 6px;transform: rotate(45deg);display: block;position: absolute;top: 40%;right: 10px;}
#header .head_bottom ul li .view_all .tttt2 a:hover {opacity: 0.8;}
#header .head_bottom ul li div.view_all.nm2 {margin-right: 1.7em;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);text-align: center;width: 232px;height: 220px;padding: 30px 30px 0 30px;text-align: center;border-right: 0px;}
#header .head_bottom ul li div.view_all.nm2 .imgimg_t2 {color: #171717;font-size: 18px;text-align: center;padding-bottom: 20px;font-weight: bold;border-bottom: 1px solid #1e1e1e;margin-bottom: 20px;}
#header .head_bottom ul li div.view_all.nm2 .imgimg {margin-bottom: 20px;}
#header .head_bottom ul li .imgimg_t3 a {font-weight: bold;font-size: 14px;line-height: 1.6em;text-align: left;color: #2e2e2e;position: relative;display: inline-block;}
#header .head_bottom ul li .imgimg_t3 a:after {content: "";width: 0;height: 0;border-left: 7px solid black;border-top: 5px solid transparent;border-bottom: 5px solid transparent;display: block;position: absolute;top: 23%;left: 5px;}
.con20220519 a {position: relative;z-index: 0;overflow: hidden;transition: 0.5s;background: transparent;box-shadow: 4px 4px 13px #0e07a42e;border-radius: 8px;font-size: 13px;color: #0E07A4;font-weight: bold;text-align: center;padding: 14px 25px 14px 50px;display: block;margin-top: 9px;transition: all 250ms;border: 2px solid #0E07A4;}
.con20220519 a:hover {box-shadow: 4px 5px 19px rgba(36, 36, 36, 0.22);color: #fff/*5c6c7d*/;opacity: 1;}
.con20220519 a::before {content: ' ';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;transition: all 250ms;background: #fff;}
.con20220519 a::after {content: ' ';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;width: 0;transition: all 250ms;background: #0E07A4;}
.con20220519 a:hover::after {width: 100%;}
.con20220519 a:hover::before {border-radius: 15px;}
.con20220519 a span:after {content: "";background: url("/cms/images/b2b/top_new/main/202409_icon2_blue.png") no-repeat;width: 18px;height: 18px;display: block;position: absolute;top: 34%;left: 13px;transition: all 250ms;background-size: 100%;}
.con20220519 a:hover span:after {background: url("/cms/images/top/new/202408_icon2_w.png") no-repeat;background-size: 100%;}
.con20220519_2 a {position: relative;z-index: 0;overflow: hidden;transition: 0.5s;background: transparent;box-shadow: 4px 5px 19px rgba(255, 28, 28, 0.25);/*box-shadow: 4px 4px 13px #00a8a53d;*/border-radius: 8px;font-size: 13px;color: #fff;font-weight: bold;text-align: center;padding: 16px 25px 16px 50px;display: block;margin-top: 9px;transition: all 250ms;margin-left: 10px;}
.con20220519_2 a:hover {box-shadow: 4px 5px 19px rgba(36, 36, 36, 0.22);color: #000;opacity: 1;}
.con20220519_2 a::before {content: ' ';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;background: linear-gradient(265deg, #C43B00 0%, #F55E1B 100%);transition: all 250ms;}
.con20220519_2 a::after {content: ' ';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index:/* -2*/-1;width: 0;transition: all 250ms;background: #fff;}
.con20220519_2 a:hover::after {width: 100%;}
.con20220519_2 a:hover::before {border-radius: 15px;}
.con20220519_2 a span:after {content: "";background: url("/cms/images/top/new/202408_icon1_h.png") no-repeat;width: 20px;height: 20px;display: block;position: absolute;top: 32%;left: 15px;transition: all 250ms;background-size: 100%;}
.con20220519_2 a:hover span:after {background: url("/cms/images/b2b/top_new/main/202409_icon1_black.png") no-repeat;background-size: 100%;}
/*header_cv_btn_new*/
.tell201906 {display: inline-block;font-size: 17px;font-weight: bold;color: #000;text-align: left;padding-right: 8px;float: right;letter-spacing: 0.01em;margin-right: 15px;line-height: 1.5em;}
#header .head_bottom {min-width: auto;}
#header {min-width: auto;}
.btob_btn {font-size: 11px;font-weight: bold;color: #000;text-align: left;display: inline-block;padding-right: 8px;letter-spacing: 0.01em;margin-right: 10px;line-height: 1.5em;float: right;margin-top: 25px;}
#header .head_bottom ul li.kansai_btn {font-size: 12px;font-weight: bold;color: #000;text-align: left;display: inline-block;padding-right: 8px;letter-spacing: 0.01em;margin-left: 20px;line-height: 1.5em;float: left;margin-top: 0px;}
#header .head_bottom ul li.kansai_btn a {border-radius: 4px;display: inline-block;padding: 7px 20px 7px 10px;transition: all 0.4s ease-out;color: #252525;background: #FFF4D4;position: relative;box-shadow: 1px 2px 5px #2626262e;}
#header .head_bottom ul li.kansai_btn a:after {content: "";position: absolute;width: 0px;height: 0px;border-top: solid 4px transparent;border-bottom: solid 4px transparent;border-left: solid 5px #252525;border-right: solid 7px transparent;top: 11px;right: 0px;}
#header .head_bottom ul li.kansai_btn a:hover {background: #fff;box-shadow: 1px 2px 5px #2626262e;}
#header .logo {padding-top: 13px !important;}
.tr1 {position: relative;}
.tr1 span,.tr3 span {font-size: 10px;font-weight: bold;position: absolute;top: -15px;right: 4px;color: #f00;}
.tr5 {position: relative;}
.tr5 span {font-size: 10px;font-weight: bold;position: absolute;top: -15px;right: 4px;color: #f00;}
/*	@media screen and (max-width: 1650px){.btob_btn{display:none;}
}
@media screen and (max-width: 1230px){.tr7{display:none;}
}
@media screen and (max-width: 1500px){.tr6{display:none;}
}
@media screen and (max-width: 1355px){.tr5{display:none;}
}
@media screen and (max-width: 1155px){.tr4{display:none;}
}
@media screen and (max-width: 1040px){.tr3{display:none;}
}
@media screen and (max-width: 950px){.tr2{display:none;}
}
@media screen and (max-width: 835px){.tr1{display:none;}
}
@media screen and (max-width: 750px){.tr0{display:none;}
}
@media screen and (max-width: 650px){.tell201906{display:none;}
}
*/
@media screen and (max-width: 1450px) {
  #header .head_bottom ul li a {font-size: 0.8vw;}
.con20220519 a {font-size: 11px;padding: 15px 10px 15px 28px;}
.con20220519 a span:after {width: 14px;height: 14px;left: 7px;}
.con20220519_2 a {font-size: 11px;padding: 17px 10px 17px 28px;}
.con20220519_2 a span:after {width: 14px;height: 14px;left: 7px;top: 41%;}
}
@media screen and (max-width: 1500px) {
  .btoc {font-size: 0.7vw;}
.tell201906 {font-size: 13px;}
.tell_text {display: none;}
}
@media screen and (max-width: 1630px) {
  #header .head_bottom ul li.kansai_btn {display: none;}
#header .head_bottom ul li.kansai_btn a {font-size: 9px;}
#header .head_bottom ul li.kansai_btn {margin-left: 0px;}
}
@media screen and (max-width: 1300px) {
  .btoc {display: none;}
}
@media screen and (max-width: 1110px) {
  .con20220519 a {font-size: 10px;}
.con20220519_2 a {font-size: 10px;}
.tell201906 {margin-right: 5px;}
#header .head_bottom {padding: 0 10px;}
#header .logo {width: 80px !important;}
#header .head_bottom ul li a {font-size: 0.9vw;}
.tell201906 {font-size: 10px;margin-top: 10px;}
.tell201906 {display: none;}
}
@media screen and (max-width: 850px) {
  #header .head_bottom {padding: 0 5px;}
.con20220519 a span:after {width: 0px;height: 0px;}
.con20220519 a {padding: 18px 10px 18px 10px;}
.con20220519_2 a span:after {width: 0px;height: 0px;}
.con20220519_2 a {margin-right: 0px;padding: 18px 10px 18px 10px;}
}
@media screen and (max-width: 760px) {
  .con20220519 a {margin-right: 0px;}
.con20220519_2 a {display: none;}
}
@media screen and (max-width: 700px) {
  #header .head_bottom ul li a {font-size: 0.9vw;}
.con20220519 a {padding: 18px 5px 18px 5px;}
#header .logo {margin-right: 10px;}
}
@media screen and (max-width: 640px) {
  #header .logo {width: 200px !important;}
.tr1 span,.tr3 span {position: relative;top: 0px;right: -10px;}
}
@media screen and (max-width: 640px) {
/* .container_ {padding-top: 50px;} */
.tr1 span {position: relative;left: 10px;top: 0;right: 0;}
.tr5 span {position: relative;left: 10px;top: 0;right: 0;}
.top_new #header {width: 100%;margin: 0px 0px 0px 0px;}
#header .logo span {bottom: 0px;top: 15px;left: 10px;}
#header .logo {padding-top: 9px !important;}
.btoc a {border: 0px solid #919191;border-radius: 0px;background: initial;}
.btoc {margin-left: 0px;}
.btoc a:after {border-top: solid 0px #000;border-right: solid 0px #000;}
html {overflow-y: visible;}
}
.fl_dl {position: fixed;top:/*258*/160px;left: 0px;z-index: 10000000000;box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);animation: SlideIn2 1.6s infinite;animation-iteration-count: 1;animation-delay: 2s;opacity: 0;animation-fill-mode: forwards;border-radius: 0 16px 16px 0;}
.fl_dl a.dl {font-size: 10px;line-height: 1.4em;text-align: center;border-radius: 0 16px 16px 0;}
.fl_dl a.dl span {font-size: 12px;text-align: center;}
.fl_dl a.archive {border-radius: 0px 0 0/*16*/0px;}
.fl_dl a.cost {border-radius: 0px 0 0 16px;}
.fl_dl a {font-weight: bold;letter-spacing: 0.1em;background: #dffd45;padding: 50px 5px 10px 5px;text-align: center;text-decoration: none;color: #1d1d1d;font-size:/*16*/10px;display: block;position: relative;transition: all 0.4s ease-out;line-height: 1.8em;}
.fl_dl a.dl:before {content: "";background: url("/cms/images/index7/icon_file.png") no-repeat;display: block;position: absolute;top:/*15*//*20*/10px;background-size:/*50*/40%;width: 100%;height: 100%;left: 20px;}
.fl_dl a.archive:before {content: "";background: url("/cms/images/index7/icon_video.png") no-repeat;display: block;position: absolute;top:/*15*/13px;background-size: 40%;width: 100%;height: 100%;left: 24px;}
.fl_dl a.cost:before {content: "";background: url("/cms/images/index7/cost.png") no-repeat;display: block;position: absolute;top:/*15*/13px;background-size: 40%;width: 100%;height: 100%;left: 24px;}
.fl_dl a.dl:after {content: '';position: absolute;left: 51%;bottom: 0px;display: inline-block;width: 35px;height:/*1*/0px;-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: black;border-radius: 2px;}
.fl_dl a.archive:after {content: '';position: absolute;left: 51%;bottom: 0px;display: inline-block;width: 35px;height: 1px;-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: black;border-radius: 2px;}
.fl_dl a:hover {background: #b3ca40;opacity: 1;transition: all 0.4s ease-out;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;}
.sp_only {display: none;}
.pc_only {display: block;}
@media screen and (max-width: 640px) {
  .sp_only {display: block;}
.pc_only {display: none;}
}
@-moz-document url-prefix() {
  .fl_dl {left: 30px;}
}
@keyframes SlideIn2 {0% {opacity: 0;transform: translateX(-50px);}
100% {opacity: 1;transform: translateX(0);}
}
.fl_b2c {position: fixed;top:/*258*/260px;right: 0px;z-index: 10000000000;box-shadow: 0px 0px 13px rgb(0 0 0 / 50%);animation: SlideIn 1.6s infinite;animation-iteration-count: 1;animation-delay: 1s;opacity: 0;animation-fill-mode: forwards;border-radius: 16px 0 0 16px;}
.fl_b2c.fl_dl_dis.pc_only {animation: SlideOut 1.6s infinite;animation-iteration-count: 1;animation-delay: 1s;opacity: 1;animation-fill-mode: forwards;}
.fl_b2c a.right_b2b {text-align: center;position: relative;font-weight: bold;letter-spacing: 0.1em;text-decoration: none;color: #fff;transition: all 0.4s ease-out;}
.fl_b2c:hover {opacity: 1;transition: all 0.4s ease-out;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;box-shadow: 0px 0px 10px rgb(0 0 0 / 0%);}
.fl_b2c a .blue_b2 {background: linear-gradient(130deg, #2C6975 0%, #549C70 58.88%, #2C6975 100%);;padding: 35px 16px 30px 16px;border-radius: 16px 0 0 0px;line-height: 1.8em;}
.fl_b2c a .blue_b2 .f_b {font-size: 14px;margin-bottom: 10px}
.fl_b2c a .blue_b2 .f_b span {font-size: 24px}
.fl_b2c a .blue_b2 .f_b span.mini {font-size: 14px}
.fl_b2c a .white_b2 {background: #fff;font-weight: bold;font-size: 15px;text-align: center;color: #2C6975;padding: 20px 8px 20px 8px;border-radius: 0 0 0px 16px;border-left: 1px solid #F8F8F8;border-bottom: 1px solid #F8F8F8;}
.sp_only {display: none;}
.pc_only {display: block;}
@media screen and (max-width: 640px) {
  .sp_only {display: block;}
.pc_only {display: none;}
}
@-moz-document url-prefix() {
  .fl_b2c {right: 30px;}
}
@keyframes SlideIn {0% {opacity: 0;transform: translateX(64px);}
100% {opacity: 1;transform: translateX(0);}
}
@keyframes SlideOut {0% {opacity: 1;transform: translateX(0px);}
100% {opacity: 0;transform: translateX(64px);display: none;}
}
#breadcrumb {padding: 10px 20px;}
#breadcrumb ul li {margin-left: 7px;padding-left: 11px;background: url(https://www.ecbeing.net/cms/images/b2b/common/arrow_breadcrumb.png) no-repeat 0 10px;float: left;line-height: 2.5em;font-size: 11px;}
#breadcrumb ul li:first-child {margin-left: 0;padding-left: 0;background: none;}
#breadcrumb ul li a {color: #000;text-decoration: none;}
#breadcrumb ul:after {content: ".";display: block;height: 0px;clear: both;visibility: hidden;}
/* reason */
#reason {font-size: 16px;letter-spacing: .05em;color: #1A1A1A;line-height: 1.4;}
@media (max-width: 1600px) {
  #reason {font-size: calc((100vw - 390px) / 605 + 14px);}
}
:root {--bl: #4A7AE1;--fz12: 0.75rem;--fz14: 0.875rem;--fz16: 1rem;--fz18: 1.125rem;--fz20: 1.25rem;--fz22: 1.375rem;--fz24: 1.5rem;--fz28: 1.75rem;--fz30: 1.875rem;--fz34: 2.125rem;--fz36: 2.25rem;--fz38: 2.375rem;}
.fz18 {font-size: var(--fz18);}
.fz28 {font-size: var(--fz28);}
.fz30 {font-size: var(--fz30) !important;}
.fz34 {font-size: var(--fz34) !important;}
.fz36 {font-size: var(--fz36) !important;}
.img-center {display: block;margin: auto;max-width: 500px !important;}
#reason img {max-width: 100%;height: auto;}
#reason * {box-sizing: border-box;}
#reason .h2 {font-size: var(--fz34);line-height: 1.5;}
#reason .h2 span {font-size: var(--fz38);}
#reason .h2 span span {font-size: 4.5rem !important;}
#reason .h2 sub {font-size: 1rem;}
#reason .h2 span.point-icon {font-size: var(--fz28);background-color: #FFDD1F;padding: .5em 1em;border-radius: 0 .25em 0 0;letter-spacing: 2px;margin-right: .5em;}
#reason .ttl {font-size: var(--fz30);font-weight: bold;position: relative;text-align: center;margin-bottom: 2em;line-height: 1.8;}
#reason .ttl span {font-size: .8em;color: var(--bl);display: block;margin-bottom: .75em;letter-spacing: 0.05em;}
#reason .ttl::before {background-color: var(--bl);border-radius: 5px;bottom: -.5em;content: "";height: 3px;left: 50%;position: absolute;transform: translateX(-50%);width: 30px;}
#reason .ttl2 {font-size: var(--fz24);font-weight: bold;position: relative;border-left: 4px solid var(--bl);padding-left: .5em;}
#reason .btn a {position: relative;z-index: 0;overflow: hidden;transition: 0.5s;background: transparent;border-radius: 40px;font-size: var(--fz20);color: #0E08A4;font-weight: bold;text-align: center;padding: 1.2em;display: block;transition: all 250ms;border: 3px solid #0E08A4;max-width: 500px;margin: 0 auto;}
#reason .btn a:before {content: ' ';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;background: #fff;transition: all 250ms;}
#reason .btn a:after {content: ' ';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;width: 0;background: linear-gradient(160deg, #0E08A4 0%, #0E08A4 100%);transition: all 250ms;height: auto;}
#reason .btn a span:after {content: "";border-left: 0.5em solid #0E08A4;border-top: 0.25em solid transparent;border-bottom: 0.25em solid transparent;display: block;position: absolute;top: 50%;transform: translateY(-50%);right: 2em;}
#reason .btn a:hover {color: #fff;opacity: 1;}
#reason .btn a:hover:after {width: 100%;height: auto;}
#reason .btn a:hover:before {border-radius: 15px;}
#reason .btn a:hover span:after {border-left: 0.5em solid #fff;}
/* circle-list */
.circle-list {padding-left: 1.5em;text-indent: -1em;line-height: 1.5;letter-spacing: 0.05rem;}
.circle-list li+li {margin-top: 1em;}
.circle-list li:before {content: "E";}
/* check-list */
.list-wrap {display: flex;justify-content: center;}
.check-list {padding-left: 1.5em;text-indent: -1.5em;font-size: var(--fz18);font-weight: bold;}
.check-list li+li {margin-top: 1em;}
.check-list li:before {content: "";padding-right: .5em;width: 1.5rem;height: 1.5rem;display: inline-block;background: url(/cms/images/b2b/reason/check.png) no-repeat;bottom: -.25em;position: relative;}
#reason .reason_top {background: #0a0b74;mix-blend-mode: multiply;color: #fff;font-weight: bold;position: relative;}
#reason .reason_top h1 .logo {position: relative;bottom: 2.2em;vertical-align: top;}
#reason .points {position: relative;bottom: 5em;height: 0;}
#reason .points a:hover img {opacity: 1;}
#reason #point01 {padding-top: 3em;}
#reason .strength {background: #fff;padding: 7rem 0 0;position: relative;z-index: -1;}
#reason .strength .pc\:flex {gap: 3rem;}
#reason .strength .pc\:flex .strength-txt {flex: 1.3;}
#reason .strength .pc\:flex .strength-txt p {letter-spacing: 0.05rem;}
#reason .reasons {padding: 5rem 0;}
#reason .cases {padding: 5rem 0;background: #EBECF2;}
#reason .cases .wt-box {padding: 2em;background: #fff;box-shadow: 0px 3px 8px #00000014;margin-top: 3em;}
#reason .cases .wt-box .gy-border {border: 1px solid #E6E6E6;padding: 1em;border-radius: .25rem}
#reason .cases .wt-box.case1 img {width: 965px;margin: 2em auto;display: block;}
#reason .cases .wt-box.case2 img {width: 989px;margin: 2em auto;display: block;}
#reason .cases .wt-box.case3 img {width: 1089px;margin: 2em auto;display: block;}
#reason .contact {background: #1F3A57;color: #fff;text-align: center;padding-bottom: 3em;}
#reason .contact h2 {background: transparent linear-gradient(270deg, #0095D5 0%, #0072EE 100%) 0% 0% no-repeat padding-box;font-size: var(--fz18);text-align: center;color: #fff;display: inline-block;padding: 1em 4em;border-radius: 2em;position: relative;bottom: 1.5em;margin-bottom: 0;}
#reason .contact p {font-size: var(--fz18);font-weight: bold;margin-bottom: 2em;margin-top: .5em;}
#reason .contact .icon {background: url(/cms/images/b2b/reason/contact-icon.png)no-repeat;width: 30px;height: 24px;display: inline-block;margin-right: .25em;background-size: contain;}
#reason .contact a:hover .icon {background: url(/cms/images/top/new/202408_icon2_w.png);background-size: contain;}
#reason .contact .icon::after {display: none;}
#reason .support {background: #EBECF2;padding: 5em 2em;}
#reason .support .support-ttl-inner::after {content: "";background: #EBECF2 url(/cms/images/b2b/reason/support-bg.png)no-repeat 100% 0;background-size: contain;width: 1800px;height: 500px;display: block;top: 0;left: 50%;transform: translateX(-50%);position: absolute;z-index: -1;}
#reason .support .support-ttl-inner h2 {padding: .5em 0;}
#reason .support .support-ttl-inner {color: #fff;font-size: var(--fz20);font-weight: bold;text-align: center;line-height: 2;position: relative;z-index: 1;}
#reason .support .read {font-weight: bold;text-align: center;}
#reason .support .read span {font-size: var(--fz18);}
#reason .support .cs h4 {background: transparent linear-gradient(90deg, #0072EE 0%, #0095D5 100%);color: #fff;padding: 1em;font-weight: bold;letter-spacing: 0.05rem;text-align: center;}
#reason .support .support-body .support_flex .box .tre {padding: 25px;}
#reason .support .support-body .support_flex {margin-bottom: 0;}
#reason .support .support-body {padding: 0}
#reason .support .support-body .support_flex .box .tre.o3 {height: auto;}
#reason .support .circle-flex {width: 844px;margin: 2em auto;}
#reason .marketing-box {padding: 1.5em 2.5em;}
#reason .marketing-box h4 {font-size: var(--fz22);background: transparent linear-gradient(90deg, #0072EE 0%, #0095D5 100%);color: #fff;padding: .5em;font-weight: bold;letter-spacing: 0.05rem;text-align: center;}
#reason .marketing-box .marketing-txt1 ul {font-size: var(--fz14);}
#reason .marketing-box .marketing-txt1 .icon img {width: 50px;}
#reason .marketing-box .marketing-txt2 p {color: #4A7AE1;line-height: 1.8;}
#reason .marketing-box .marketing-txt2 .icon img {width: 35px;}
#reason .marketing-box .marketing-txt1,#reason .marketing-box .marketing-txt2 {display: flex;gap: .5em;}
#reason .marketing-box .icon {flex: 1}
#reason .marketing-box .icon img {display: block;margin: auto;}
#reason .marketing-box .txt {flex: 8}
#reason .marketing-box .marketing-content>*+* {margin-top: 1.5em;}
#reason .marketing-box .arrow img {display: block;margin: auto;}
#reason .security {position: relative;padding: 3em 0;z-index: 0;}
#reason .security::after {content: "";display: block;width: 100vw;height: /*80vh*/930px;background: url('/cms/images/b2b/reason/security-bg.jpg') no-repeat;background-size: /*100%*/cover;background-position: center bottom;position: absolute;bottom: 0;z-index: -1;}
#reason .security .inner-m {max-width: none;}
#reason .security .security-inner {max-width: 100%;width: calc(652px + 4em);margin-right: auto;margin-left: auto;padding-left: 2rem;padding-right: 2rem;text-align: center;}
#reason .security .security-inner .read {background: transparent linear-gradient(90deg, #0072EE 0%, #0095D5 100%);color: #fff;font-size: 1.5em;font-weight: bold;}
#reason .security .security-inner p {font-weight: bold;letter-spacing: 0.05rem;line-height: 2;}
#reason .security .wt-box>div {background: #FFF;box-shadow: 0px 0px 6px #00000014;padding: 2em;}
#reason .security .wt-box.pc\:flex img {height: 80px;max-height: 100%;width: auto;margin: auto;display: block;}
#reason .security .wt-box.pc\:flex h3 {color: #0E08A4;font-size: var(--fz18);font-weight: bold;text-align: center;}
#reason .security .wt-box.pc\:flex p {font-size: var(--fz14);}
#reason .security .wt-box.w-full {margin-top: 2rem;}
#reason .security .wt-box.w-full p {text-align: center;font-size: var(--fz18);font-weight: bold;line-height: 1.8;margin-bottom: 2em;}
#reason .security .security-box>div {border: 3px solid #0E08A4;padding: 1.5em 1em;}
#reason .security .security-box>div .icon {display: flex;justify-content: center;}
#reason .security .security-box>div .ttl-area {flex: 3.5;}
#reason .security .security-box>div .t1 {font-size: var(--fz18);color: #0E08A4;font-weight: bold;border-bottom: 1px solid;margin-bottom: .5em;padding-bottom: .5em;letter-spacing: 0.08em;}
#reason .security .security-box>div .t2 {font-size: var(--fz14);line-height: 1.8;}
#reason .security .h2 {position: relative;text-align: center;}
h2 {text-align: center;color: #232323;font-weight: bold;font-size: 30px;margin-bottom: 30px;}
.download_area_cv {background: #fff;padding: 70px 0 50px;}
.download_area_cv .inner-s {max-width: none;}
.download_area_cv .dl_area {/* width: 63%; */
margin: 0 auto;}
.download_area_cv .dl_area .ttl {color: #272727;font-weight: bold;font-size: 18px;text-align: center;margin-bottom: 30px;}
.download_area_cv .dl_area .dl_y {margin-bottom: 50px;}
.download_area_cv .dl_area .dl_y .dl_y_bk {background: #F6F6F6;border-radius: 14px;box-shadow: 10px 10px 19px rgb(0 0 0 / 16%);padding: 4% 6%;}
.download_area_cv .dl_area .dl_y ul {display: flex;flex-wrap: wrap;align-items: center;gap: 5em;}
.download_area_cv .dl_area .dl_y ul li {width: 360px;max-width: 100%;display: block;}
.download_area_cv .dl_area .dl_y ul li.img {display: block;}
.download_area_cv .dl_area .dl_y ul li img {width: 100%;border-radius: 8px;}
.download_area_cv .dl_area .dl_y ul li .title {color: #0070ed;font-weight: bold;margin-bottom: 20px;}
.download_area_cv .dl_area .dl_y ul li .text {color: #272727;font-size: var(--fz14);font-weight: bold;margin-bottom: 50px;line-height: 1.6em;}
.download_area_cv .dl_area .dl_y ul li .btn_flex {display: flex;justify-content: flex-start;white-space: nowrap;gap: 2em;}
.download_area_cv .five_link {display: flex;justify-content: center;flex-wrap: wrap;margin: 0;padding: 0;margin-bottom: 60px;gap: 2em;}
.download_area_cv .five_link li {display: block;width: 23%;position: relative;}
.download_area_cv .five_link li a:hover {opacity: 0.8;}
.download_area_cv .five_link li img.img {width: 100%;border-radius: 10px;box-shadow: 0px 0px 15px rgb(0 0 0 / 16%);margin-bottom: 30px;}
.download_area_cv .five_link li span {line-height: 1.6em;font-size: 14px;font-weight: bold;text-align: center;display: block;margin-bottom: 20px;color: #000;}
.download_area_cv .five_link li span img {width: 100%;}
.download_area_cv .five_link a .arrow3 {position: relative;z-index: 0;overflow: hidden;transition: 0.5s;background: transparent;border-radius: 7px;font-size: 15px;color: #0071ee;font-weight: bold;text-align: center;padding: 10px 35px 10px 35px;display: block;transition: all 250ms;border: 2px solid #0071ee;margin-top: 20px;}
.download_area_cv .five_link a:hover .arrow3 {color: #fff;opacity: 1;}
.download_area_cv .five_link a .arrow3::before {content: ' ';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;background: #fff;transition: all 250ms;}
.download_area_cv .five_link a .arrow3::after {content: ' ';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;width: 0;background: linear-gradient(160deg, #0071EE 0%, #0096D4 100%);transition: all 250ms;height: auto;}
.download_area_cv .five_link a:hover .arrow3::after {width: 100%;height: auto;}
.download_area_cv .five_link a:hover .arrow3::before {border-radius: 15px;}
.download_area_cv .five_link a .arrow3 span:after {content: "";border-top: solid 2px #0071ee;border-right: solid 2px #0071ee;width: 6px;height: 6px;transform: rotate(45deg);display: block;position: absolute;top: 40%;right: 30px;}
.download_area_cv .five_link a:hover .arrow3 span:after {border-top: solid 2px #fff;border-right: solid 2px #fff;}
.download_area_cv .five_link li span {margin-bottom: 0px;}
.download_area_cv .dl_area .dl_y ul li .btn33 a {position: relative;z-index: 0;overflow: hidden;transition: 0.5s;background: transparent;box-shadow: 0px 3px 6px rgba(9, 68, 94, 0.16);border-radius: 7px;font-size: 16px;color: #fff;font-weight: bold;text-align: center;padding: 20px 35px 20px 35px;display: block;transition: all 250ms;width: 150px;margin: 0 auto;}
.download_area_cv .dl_area .dl_y ul li .btn33 a:hover {box-shadow: 4px 5px 19px rgba(36, 36, 36, 0.22);color: #242424;opacity: 1;}
.download_area_cv .dl_area .dl_y ul li .btn33 a::before {content: ' ';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;background: linear-gradient(160deg, #0071EE 0%, #0096D4 100%);transition: all 250ms;}
.download_area_cv .dl_area .dl_y ul li .btn33 a::after {content: ' ';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;background: #fff;width: 0;transition: all 250ms;}
.download_area_cv .dl_area .dl_y ul li .btn33 a:hover::after {width: 100%;}
.download_area_cv .dl_area .dl_y ul li .btn33 a:hover::before {border-radius: 15px;}
.download_area_cv .dl_area .dl_y ul li .btn33 a span:after {content: "";border-top: solid 2px #fff;border-right: solid 2px #fff;width: 6px;height: 6px;transform: rotate(45deg);display: block;position: absolute;top: 40%;right: 15px;}
.download_area_cv .dl_area .dl_y ul li .btn33 a:hover span:after {border-top: solid 2px #000;border-right: solid 2px #000;}
.download_area_cv .dl_area .dl_y ul li .btn44 a {position: relative;z-index: 0;overflow: hidden;transition: 0.5s;background: transparent;border-radius: /7px;font-size: 15px;color: #0071ee;font-weight: bold;text-align: center;padding: 18px 35px 18px 35px;display: block;transition: all 250ms;border: 2px solid #0071ee;}
.download_area_cv .dl_area .dl_y ul li .btn44 a:hover {color: #fff;opacity: 1;}
.download_area_cv .dl_area .dl_y ul li .btn44 a::before {content: ' ';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;background: #fff;transition: all 250ms;}
.download_area_cv .dl_area .dl_y ul li .btn44 a::after {content: ' ';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;width: 0;background: linear-gradient(160deg, #0071EE 0%, #0096D4 100%);transition: all 250ms;height: auto;}
.download_area_cv .dl_area .dl_y ul li .btn44 a:hover::after {width: 100%;height: auto;}
.download_area_cv .dl_area .dl_y ul li .btn44 a:hover::before {border-radius: 15px;}
.download_area_cv .dl_area .dl_y ul li .btn44 a span:after {content: "";border-top: solid 2px #0071ee;border-right: solid 2px #0071ee;width: 6px;height: 6px;transform: rotate(45deg);display: block;position: absolute;top: 40%;right: 15px;}
.download_area_cv .dl_area .dl_y ul li .btn44 a:hover span:after {border-top: solid 2px #fff;border-right: solid 2px #fff;}
/* @media screen and (max-width: 1700px) {
  .download_area_cv .dl_area {width: 70%;}
}
@media screen and (max-width: 1600px) {
  .download_area_cv .dl_area {width: 75%;}
}
@media screen and (max-width: 1500px) {
  .download_area_cv .dl_area {width: 80%;}
}
@media screen and (max-width: 1400px) {
  .download_area_cv .dl_area {width: 85%;}
}
@media screen and (max-width: 1300px) {
  .download_area_cv .dl_area {width: 90%;}
}
@media screen and (max-width: 1200px) {
  .download_area_cv .dl_area {width: 95%;}
}
 */
@media screen and (max-width: 640px) {
  h2 {font-size: 20px;line-height: 1.5em;margin-bottom: 10px;}
.download_area_cv .dl_area {width: 92%;}
.download_area_cv .dl_area .dl_y ul li .btn33 a {padding: 4%;width: 92%;}
.download_area_cv .dl_area .dl_y ul li .btn44 a {padding: 4%;margin-bottom: 10px;}
.download_area_cv .five_link a .arrow3 {font-size: 12px;padding: 4%;margin-top: 10px;}
.download_area_cv .five_link a .arrow3 span:after {right: 10px;}
.download_area_cv .five_link li {width: 49%;margin-bottom: 30px;}
.download_area_cv .dl_area .dl_y ul {display: block;}
.download_area_cv .dl_area .dl_y ul li.img {width: 100%;margin-bottom: 20px;}
.download_area_cv .dl_area .dl_y ul li {width: 100%;}
.download_area_cv .dl_area .dl_y ul li .text {margin-bottom: 20px;}
.download_area_cv .dl_area .dl_y ul li .btn_flex {justify-content: center;}
.download_area_cv .five_link li {width: 49%;margin-bottom: 30px;}
.download_area_cv .dl_area .dl_y ul {display: block;}
.download_area_cv .dl_area .dl_y ul li.img {width: 100%;margin-bottom: 20px;}
.download_area_cv .dl_area .dl_y ul li {width: 100%;}
.download_area_cv .dl_area .dl_y ul li .text {margin-bottom: 20px;}
.download_area_cv .dl_area .dl_y ul li .btn_flex {justify-content: center;}
.download_area_cv {padding: 50px 0 0px;}
.download_area_cv .five_link li span {font-size: 9px;}
.download_area_cv .five_link li span {margin-bottom: 0px;}
.download_area_cv .five_link li img.img {margin-bottom: 15px;}
.download_area_cv .five_link {margin-bottom: 30px;flex-wrap: nowrap;}
.download_area_cv .dl_area .dl_y ul li .btn33 {margin-right: 0px;margin-left: 0;margin-bottom: 1em;}
}
@media screen and (max-width: 550px) {
  .download_area_cv .dl_area .dl_y ul li .btn_flex {display: block;}
.download_area_cv .dl_area .dl_y ul li .title {font-size: 19px;margin-bottom: 10px;}
}
.inner-s {max-width: 100%;width: /*1120*/1250px;margin-right: auto;margin-left: auto;padding-left: 2rem;padding-right: 2rem;}
.inner-m {max-width: 100%;width: 1440px;margin-right: auto;margin-left: auto;padding-left: 2rem;padding-right: 2rem;}
.inner-l {max-width: 100%;width: 1600px;margin-right: auto;margin-left: auto;padding-left: 2rem;padding-right: 2rem;}
/* table-scroll */
.table-scroll table {min-width: 700px;border: 1px solid #E6E6E6;}
.table-scroll table tr {border-top: 1px solid #E6E6E6;}
.table-scroll table tr *+* {border-left: 1px solid #E6E6E6;}
.table-scroll table tr th,.table-scroll table tr td {vertical-align: middle;padding: 2em 1em;text-align: center;}
.table-scroll table tr th {font-weight: bold;letter-spacing: .05rem;}
.table-scroll table tr td {font-size: /*.625*/.7rem;letter-spacing: .15em;line-height: 2em;}
.table-scroll table tr td img {display: block;margin: 0 auto 1em;}
.table-scroll table tr th img {max-width: 9rem !important;}
.table-scroll table .bg-gy {background: #F6F6F6;}
.table-scroll table .bg-bl {background: #F5F8FA;}
@media screen and (min-width:639px) {
  .table-scroll table {width: 100%;}
}
@media screen and (max-width:640px) {
  .table-scroll {overflow: scroll;}
}
/* hidden */
.hidden {display: none}
.sp\:hidden {display: none !important}
@media screen and (min-width:639px) {
  .sp\:hidden {display: block !important}
.pc\:hidden {display: none !important}
}
/*flex*/.flex {display: flex}
.justify-center {justify-content: center}
.items-center {align-items: center}
.flex-row-reverse {flex-direction: row-reverse}
.flex-wrap {flex-wrap: wrap}
.flex>* {flex: 1}
.flex2 {flex: 2}
.flex-2col>* {width: calc(100% / 2 - (1rem / 2))}
.flex-3col>* {width: calc(100% / 3 - (2rem / 3))}
.flex-4col>* {width: calc(100% / 4 - (3rem / 4))}
.flex-5col>* {width: calc(100% / 5 - (4rem / 5))}
.flex-6col>* {width: calc(100% / 6 - (5rem / 6))}
/* gap */
.gap-xs {gap: .25rem}
.gap-sm {gap: .5rem}
.gap-base {gap: 1rem}
.gap-lg {gap: 1.5rem}
.gap-xl {gap: 2rem}
.gap-2xl {gap: 2.5rem}
.gap-3xl {gap: 3rem}
.gap-4xl {gap: 3.5rem}
.gap-5xl {gap: 4rem}
/* space */
.space-sm>*+* {margin-top: .25em}
.space-sm>*+* {margin-top: .5em}
.space-base>*+* {margin-top: 1em}
.space-lg>*+* {margin-top: 1.5em}
.space-xl>*+* {margin-top: 2em}
.space-2xl>*+* {margin-top: 2.5em}
.space-3xl>*+* {margin-top: 3em}
.space-4xl>*+* {margin-top: 3.5em}
.space-5xl>*+* {margin-top: 4em}
.space-6xl>*+* {margin-top: 4.5em}
/* line-height */
.lh-s {line-height: 1;}
.lh-m {line-height: 1.5;}
.lh-l {line-height: 2;}
/* text-align */
.text-left {text-align: left}
.text-center {text-align: center}
.text-right {text-align: right}
/* colorEdecoration */
.bl {color: var(--bl)}
.og {color: #FFAC1F}
.text-link {text-decoration: underline}
.border {border: 1px solid var(--bl)}
.bg-wt {background: #fff;}
/* font-weight */
.font-thin {font-weight: 100}
.font-extralight {font-weight: 200}
.font-light {font-weight: 300}
.font-normal {font-weight: 400}
.font-medium {font-weight: 500}
.font-semibold {font-weight: 600}
.font-bold {font-weight: 700}
.font-extrabold {font-weight: 800}
.font-black {font-weight: 900}
/* PC */
@media screen and (min-width:639px) {
  /* flex */
.pc\:flex {display: flex}
.pc\:flex-wrap {flex-wrap: wrap}
.pc\:justify-center {justify-content: center}
.pc\:items-center {align-items: center}
.pc\:flex-row-reverse {flex-direction: row-reverse}
.pc\:flex>* {flex: 1;}
.pc\:flex15 {flex: 1.5;}
.pc\:flex2 {flex: 2;}
.pc\:flex3 {flex: 3;}
.pc\:flex-2col>* {width: calc(50% - (1rem / 2))}
.pc\:flex-3col>* {width: calc(33.33% - (1rem / 1.5))}
.pc\:flex-4col>* {width: calc(25% - (1rem / 1.25))}
}
@media screen and (max-width: 640px) {
#reason .security::after { height: 86%;}
  /* flex */
.sp\:flex {display: flex}
.sp\:flex-wrap {flex-wrap: wrap}
.sp\:justify-center {justify-content: center}
.sp\:items-center {align-items: center}
.sp\:flex-row-reverse {flex-direction: row-reverse}
.sp\:flex>* {width: 100%}
.sp\:flex-2col>* {width: calc(50% - (1rem / 2))}
.sp\:flex-3col>* {width: calc(33.33% - (1rem / 1.5))}
.sp\:flex-4col>* {width: calc(25% - (1rem / 1.25))}
body.drawer #header .head_bottom ul li.kansai_btn.tr0.tr6 {display: none;}
.nav>ul>li.st-Header_NavItem2.tr1 .header-nav-menu {opacity: 1 !important;visibility: visible !important;top: 100px !important;}
.nav>ul>li.st-Header_NavItem2.tr2:hover .header-nav-menu {opacity: 0 !important;visibility: hidden !important;}
.nav>ul>li.st-Header_NavItem2.tr5 .header-nav-menu {opacity: 1 !important;visibility: visible !important;top: 100px !important;}
.header-nav-menu {position: initial;width: auto;left: 0;height: auto;}
.header-nav-menu .white_area {border-radius: 0;background: initial;padding: 0;width: auto;margin: 0 auto;display: inherit;}
#header .head_bottom ul li div.view_all {display: none;}
#header .head_bottom ul li a.view_all.nm0 .imgimg {display: none;}
#header .head_bottom ul li a.view_all.nm0 {box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);text-align: center;width: auto;height: auto;padding: 7px 0 7px 0;}
.header-nav-menu {padding: 0px 20px 0;}
#header .head_bottom ul li a.view_all.nm0 .imgimg_t {font-size: 14px;text-align: left;line-height: 1.5em;display: block;color: #fff;font-weight: inherit;}
.inner-s,.inner-m,.inner-l {max-width: 100% !important;padding-left: 1rem;padding-right: 1rem;}
#reason {text-align: left;}
#reason .reason_top h1 .logo {bottom: 0;margin: 3em 0;}
#reason .strength {padding: 400px 0 5rem;}
#reason .h2 {font-size: var(--fz22);line-height: 1.5;margin-bottom: 2em;}
#reason .h2 span {font-size: var(--fz28);}
#reason .strength .fz28 {font-size: var(--fz18);margin-top: 1.5em;}
#reason .strength .space-xl.lh-m {margin-top: 1.5em;margin-bottom: 2em;}
#reason .ttl {font-size: var(--fz18);}
#reason .btn a {font-size: var(--fz14);}
#reason .ttl span {margin-bottom: 0;}
.check-list {font-size: var(--fz14);}
#reason .cases .wt-box {padding: 2em 1em;}
#reason .cases .wt-box .pc\:flex.gap-3xl>div+div {margin-top: 1em;}
#reason .ttl2 {font-size: var(--fz18);}
#reason .contact h2 {font-size: var(--fz14);padding: 1em 2em;}
#reason .contact p {font-size: var(--fz14);}
#reason .contact .icon {width: 25px;height: 20px;background-size: contain;background-repeat: no-repeat;}
#reason .support {padding: 2em 0 5em;}
#reason .support .support-ttl-inner {max-width: 100%;font-size: var(--fz16);letter-spacing: 0px;text-align: left;padding-top: 2em;}
#reason .support .support-ttl-inner p {margin-top: 2em;}
#reason .support .circle-flex {max-width: 100%;}
#reason .support .read span {font-size: var(--fz16);letter-spacing: 0;}
#reason .support .support-body .support_flex {padding: 0;margin: 0;width: 100%;}
#reason .support .pc\:hidden {margin-top: 1em;}
#reason .support .cs {flex-wrap: wrap;}
#reason .support .cs>div {flex: none;width: calc(50% - .5rem);}
#reason .security .security-inner {padding-left: 1rem;padding-right: 1rem;}
#reason .h2 span span {font-size: 1.5em !important;}
#reason .security .security-inner .read {font-size: var(--fz18);}
#reason .security .wt-box>div+div {margin-top: 1em;}
#reason .security .wt-box.pc\:flex img {height: 46px;}
#reason .security .wt-box.pc\:flex h3 {text-align: left;font-size: var(--fz16);margin: 0;}
#reason .security .wt-box.pc\:flex .sp\:flex {text-align: left;font-size: var(--fz16);}
#reason .security .wt-box>div {padding: 2em 1em;}
#reason .security .h2 {font-size: var(--fz20) !important;margin-bottom: 0;}
#reason .security .h2 .fz30 {font-size: var(--fz18) !important;}
#reason .security .wt-box.w-full p {font-size: var(--fz16);}
#reason .security .security-box>div+div {margin-top: 1em;}
#reason .security .security-box>div .t1 {font-size: var(--fz16);}
#reason .security .security-box>div {gap: .5em;}
#reason .security {padding: 3em 0;/*background: url(/cms/images/b2b/reason/security-bg_sp.png) no-repeat;background-size: 120%;background-position: center bottom;*/}
.img-center {max-width: 100% !important;}
.table-scroll table {width: 1231px;}
.table-scroll table tr td {font-size: .5625rem;text-align: left;}
.table-scroll table tr th {font-size: .8125rem;}
.table-scroll table tr th img {max-width: 7rem !important;}
.table-scroll table tr th,.table-scroll table tr td {padding: 1em;}
#reason .marketing-box h4 {font-size: var(--fz16);}
#reason .marketing-box {padding: 1em;}
#reason .marketing-box .marketing-txt1 ul {font-size: var(--fz12);}
#reason .marketing-box .marketing-txt2 p {font-size: var(--fz14);}
#reason .marketing-box .marketing-content+.marketing-content {margin-top: 2em;}
#reason .marketing-box .marketing-txt2 .icon img {width: 22px;}
#reason .points{max-width: 343px!important;}
#reason .h2 span.point-icon {font-size: var(--fz18);margin-bottom: .5em;display: inline-block;}
#reason .support .support-ttl-inner::after {background: #EBECF2 url(/cms/images/b2b/reason/support-bg_sp.png) no-repeat 100% 0;background-size: cover/*contain*/;top: /*150*/105px;width: 100vw;height: /*400*/290px;}

#reason .reasons {padding:0;}
}



@media screen and (max-width: 540px) {
#reason .support .support-ttl-inner::after {background-size: contain;top: 150px;width: 100vw;height: 400px;}
}