/* argument */
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
.ffRb { font-family: 'Roboto', sans-serif; }

/* font style */
/* site style */
/* [ opacity ]
-------------------------------------------------*/
/* [ display style ]
-------------------------------------------------*/
/* [ background-image ]
-------------------------------------------------*/
/* [ writing-mode ]
-------------------------------------------------*/
/* [ illustrator & photoshop letter spacing ]
-------------------------------------------------*/
/* [ easy breakpoint ]
-------------------------------------------------*/
/* [ easy transform ]
-------------------------------------------------*/
.support.fixHeader { padding-top: 82px; }

@media (max-width: 767px) { .support .box_breadcrumb { margin-bottom: 64px; } }

.support__anchor { margin: 52px 0 101px; overflow: hidden; }

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

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

.support__anchor ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; }

@media (max-width: 767px) { .support__anchor ul { margin: 0; padding: 0; border-top: 1px solid #D6D6D6; } }

.support__anchor ul li { width: 20%; padding: 0 24px; border-right: 1px solid #D6D6D6; text-align: center; display: table; }

@media only screen and (max-width: 1024px) { .support__anchor ul li { padding: 0 10px; } }

@media (max-width: 767px) { .support__anchor ul li { width: 50%; border-bottom: 1px solid #D6D6D6; padding: 12px; min-height: 60px; text-align: left; }
  .support__anchor ul li:nth-child(2n) { border-right: none; } }

@media only screen and (max-width: 350px) { .support__anchor ul li { padding: 12px 10px; } }

.support__anchor ul li:first-child { border-left: 1px solid #D6D6D6; }

@media (max-width: 767px) { .support__anchor ul li:first-child { border-left: none; } }

.support__anchor ul li a { display: table-cell; vertical-align: middle; font-size: 16px; font-size: 1.6rem; line-height: 20px; font-weight: bold; }

@media only screen and (max-width: 1024px) { .support__anchor ul li a { font-size: 14px; font-size: 1.4rem; } }

@media (max-width: 767px) { .support__anchor ul li a { font-size: 14px; font-size: 1.4rem; line-height: 18px; } }

@media only screen and (max-width: 350px) { .support__anchor ul li a { font-size: 13px; font-size: 1.3rem; } }

.support__anchor ul li a .iconR { background: url("../../img/common/ar_down_black.svg") right 2px center no-repeat; background-size: 16px 16px; display: inline-block; padding-right: 24px; text-align: left; }

@media (max-width: 767px) { .support__anchor ul li a .iconR { background: none; position: relative; display: block; }
  .support__anchor ul li a .iconR:before { content: ""; background: url("../../img/common/ar_down_black.svg") center/cover no-repeat; width: 14px; height: 14px; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin-top: 1px; } }

@media only screen and (max-width: 350px) { .support__anchor ul li a .iconR { padding-right: 20px; } }

.support .boxDesk { line-height: 29px; margin-bottom: 167px; }

@media (max-width: 767px) { .support .boxDesk { line-height: 23px; margin-bottom: 80px; } }

.support .boxDesk:last-child { margin-bottom: 160px; }

@media (max-width: 767px) { .support .boxDesk:last-child { margin-bottom: 65px; } }

.support .boxDesk .title { font-size: 32px; font-size: 3.2rem; letter-spacing: 0.02em; font-weight: bold; color: #00439B; text-align: center; margin-bottom: 33px; padding: 0 20px; }

@media (max-width: 767px) { .support .boxDesk .title { font-size: 25px; font-size: 2.5rem; line-height: 30px; letter-spacing: 0em; margin-bottom: 18px; } }

@media only screen and (max-width: 350px) { .support .boxDesk .title { font-size: 20px; font-size: 2rem; } }

@media (min-width: 768px) { .support .boxDesk .w83 { width: 83%; } }

@media only screen and (max-width: 1024px) { .support .boxDesk .w83 { width: 100%; } }

.support .boxDesk .list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.support .boxDesk .img, .support .boxDesk .txt { width: 50%; }

@media (max-width: 767px) { .support .boxDesk .img, .support .boxDesk .txt { width: 100%; } }

.support .boxDesk .img { background-repeat: no-repeat; background-position: center; background-size: cover; }

@media (max-width: 767px) { .support .boxDesk .img { background: none; } }

.support .boxDesk .img img { opacity: 0; }

@media (max-width: 767px) { .support .boxDesk .img img { opacity: 1; } }

.support .boxDesk .txt { background: #F1F4FA; padding: 90px 73px 93px; padding-right: 105px; }

@media only screen and (max-width: 1024px) { .support .boxDesk .txt { padding: 50px 30px; } }

@media (max-width: 767px) { .support .boxDesk .txt { padding: 30px 20px 53px; } }

.support .boxDesk .txt a { color: #00439B; text-decoration: underline; }

.support .boxDesk .titleh3 { font-size: 30px; font-size: 3rem; line-height: 52px; letter-spacing: 0em; margin-bottom: 6px; }

@media only screen and (max-width: 1024px) { .support .boxDesk .titleh3 { font-size: 24px; font-size: 2.4rem; line-height: 35px; } }

@media (max-width: 767px) { .support .boxDesk .titleh3 { font-size: 24px; font-size: 2.4rem; line-height: 34px; margin-bottom: 15px; } }

.support .boxDesk .txtDest { line-height: 29px; margin-bottom: 15px; }

@media (max-width: 767px) { .support .boxDesk .txtDest { line-height: 23px; } }

.support .boxDesk a.btn_cm, .support .boxDesk span.btn_cm { font-size: 22px; font-size: 2.2rem; line-height: 26px; letter-spacing: 0em; font-weight: normal; max-width: 388px; border-radius: 50px; margin-bottom: 28px; background: #00439B url("../../img/common/ar_right.svg") center right 20px no-repeat; background-size: 8px 12px; padding: 21px 15px; padding-right: 20px; text-decoration: none; color: #fff; border-color: #00439B; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .support .boxDesk a.btn_cm, .support .boxDesk span.btn_cm { padding: 25px 15px 17px; } }

@media (max-width: 767px) { .support .boxDesk a.btn_cm, .support .boxDesk span.btn_cm { font-size: 18px; font-size: 1.8rem; line-height: 21px; padding: 19px 15px; max-width: 100%; background-size: 7px 10px; } }

@media only screen and (min-width: 1025px) { .support .boxDesk a.btn_cm:hover, .support .boxDesk span.btn_cm:hover { background-color: #000; border-color: #000; } }

.support .boxDesk .Note { background: #FCFDFE; border: 1px solid #D9DCE2; padding: 11px 20px; font-size: 14px; font-size: 1.4rem; line-height: 25px; letter-spacing: 0em; }

.support .boxDesk .Note .clRed { font-weight: bold; color: #F03F24; }

@media (min-width: 768px) { .support .boxDesk.boxContent { margin-bottom: 154px; } }

.support .boxDesk.boxContent .img, .support .boxDesk.boxContent .txt { padding: 90px 7% 89px; }

@media only screen and (max-width: 1024px) { .support .boxDesk.boxContent .img, .support .boxDesk.boxContent .txt { padding: 50px 30px; } }

@media (max-width: 767px) { .support .boxDesk.boxContent .img, .support .boxDesk.boxContent .txt { padding: 40px 20px 47px; } }

.support .boxDesk.boxContent .img { background: #F8F8F8; }

@media (max-width: 767px) { .support .boxDesk.boxContent .img { margin-bottom: 6px; } }

.support .boxDesk.boxContent .txt { background: #EDEDED; text-align: center; }

@media (max-width: 767px) { .support .boxDesk.boxContent .txt p { letter-spacing: 0.02em; } }

@media (max-width: 767px) { .support .boxDesk.boxContent .stepMain { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

@media (max-width: 767px) { .support .boxDesk.boxContent .stepMain__img { width: 82px; } }

.support .boxDesk.boxContent .stepMain__txt { text-align: left; margin-top: 12px; }

@media (max-width: 767px) { .support .boxDesk.boxContent .stepMain__txt { width: calc(100% - 82px); padding-left: 15px; margin-top: 0; } }

.support .boxDesk.boxContent .stepMain__txt .mt5 { margin-top: 20px; display: inline-block; }

@media (max-width: 767px) { .support .boxDesk.boxContent .stepMain .mt20 { margin-top: 20px; } }

.support .boxDesk.boxContent .titleh4 { font-size: 22px; font-size: 2.2rem; line-height: 31px; letter-spacing: 0.02em; font-weight: bold; text-align: center; color: #00439B; margin-bottom: 25px; }

@media (max-width: 767px) { .support .boxDesk.boxContent .titleh4 { font-size: 20px; font-size: 2rem; } }

.support .boxDesk.boxContent .faqCat { margin-top: 10px; }

.support .boxDesk.boxContent .faqCat li a { display: block; border-bottom: 1px solid #C4C4C4; padding: 15px 0; background: url("../../img/common/ar_r_bl.svg") right 2px center/18px no-repeat; font-weight: bold; font-size: 16px; font-size: 1.6rem; padding-right: 30px; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .support .boxDesk.boxContent .faqCat li a { background-size: 16px; padding: 15px 0 10px; } }

.support .boxDesk.boxContent .select { appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; width: 100%; border-radius: 4px; border: 1px solid #707070; padding: 12px 18px; font-size: 16px; font-size: 1.6rem; margin-top: 19px; background: #fff url("../../img/support/ar_d.svg") right 16px center no-repeat; padding-right: 35px; }

@media (max-width: 767px) { .support .boxDesk.boxContent .select { margin-top: 20px; } }

@media (min-width: 768px) { .support .boxDesk.boxTrain { margin-bottom: 161px; } }

@media (max-width: 767px) { .support .boxDesk.boxTrain .titleh3 { font-size: 21px; font-size: 2.1rem; } }

@media (max-width: 767px) { .support .boxDesk.boxTrain a.btn_cm { margin: 25px 0 0; } }

@media (min-width: 768px) { .support .boxDesk.boxTrain .txtDest { width: 83%; } }

@media only screen and (max-width: 1024px) { .support .boxDesk.boxTrain .txtDest { width: 100%; } }

@media (min-width: 768px) { .support .boxDesk.boxTrain .btn_cm { max-width: 425px; margin: 13px 0 0; } }

@media (min-width: 768px) { .support .boxDesk.boxSoft { margin-bottom: 161px; } }

.support .boxDesk.boxSoft .txt { background: #F2F2F2; }

.support .boxDesk.boxSoft .inner { max-width: 472px; }

@media (max-width: 767px) { .support .boxDesk.boxSoft .inner { max-width: 100%; } }

.support .boxDesk.boxSoft .stepMain { margin: 21px 0 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #fff; border: 1px solid #D9DCE2; border-radius: 4px; padding: 28px 16px; padding-right: 20px; }

@media (max-width: 767px) { .support .boxDesk.boxSoft .stepMain { padding: 20px 12px; padding-right: 15px; } }

.support .boxDesk.boxSoft .stepMain:last-child { margin-top: 17px; }

.support .boxDesk.boxSoft .stepMain .mt5 { margin-top: 5px; display: block; }

.support .boxDesk.boxSoft .stepMain__img { width: 117px; }

@media (max-width: 767px) { .support .boxDesk.boxSoft .stepMain__img { width: 83px; } }

.support .boxDesk.boxSoft .stepMain__txt { padding-left: 17px; color: #2B2B2B; width: calc(100% - 117px); }

@media (max-width: 767px) { .support .boxDesk.boxSoft .stepMain__txt { width: calc(100% - 83px); padding-left: 12px; } }

@media only screen and (max-width: 350px) { .support .boxDesk.boxSoft .stepMain__txt br { display: none; } }

.support .boxDesk.boxSoft .stepMain .txtTitle { font-size: 20px; font-size: 2rem; line-height: 29px; letter-spacing: 0em; font-weight: bold; margin-bottom: 5px; }

@media only screen and (max-width: 1024px) { .support .boxDesk.boxSoft .stepMain .txtTitle { font-size: 18px; font-size: 1.8rem; } }

@media only screen and (max-width: 350px) { .support .boxDesk.boxSoft .stepMain .txtTitle { font-size: 18px; font-size: 1.8rem; } }

.support .boxDesk.boxWork .titleh3 { font-size: 25px; font-size: 2.5rem; }

@media (max-width: 767px) { .support .boxDesk.boxWork .titleh3 { font-size: 21px; font-size: 2.1rem; margin-bottom: 10px; } }

.support .boxDesk.boxWork a { display: block; }

.support .boxDesk.boxWork .txt { background: #F4FAEE; }

@media (min-width: 768px) { .support .boxDesk.boxWork .txtDest { width: 83%; margin-bottom: 25px; } }

@media only screen and (max-width: 1024px) { .support .boxDesk.boxWork .txtDest { width: 100%; } }

.support .boxDesk.boxWork a.btn_cm { background-color: #78BD27; max-width: 472px; border-color: #78BD27; margin: 0; }

@media only screen and (min-width: 1025px) { .support .boxDesk.boxWork a.btn_cm:hover { background-color: #000; border-color: #000; } }

@media only screen and (max-width: 1024px) { .support .boxDesk.boxWork a.btn_cm { font-size: 17px; font-size: 1.7rem; } }

@media (max-width: 767px) { .support .boxDesk.boxWork a.btn_cm { max-width: 100%; margin: 15px 0 0; font-size: 16px; font-size: 1.6rem; } }

@media only screen and (max-width: 350px) { .support .boxDesk.boxWork a.btn_cm { font-size: 14px; font-size: 1.4rem; } }

/*# sourceMappingURL=maps/support.min.css.map */