@charset "utf-8";
/* **********************************************************
common
********************************************************** */
.service__block {}
.service__block h3 { border-bottom: 1px solid #cccccc; color: #0d47a1; font-size: 2.4rem; font-weight: bold; padding-bottom: 15px; }
.service__block .service__column { display: table; width: 100%; }
.service__block .service__left { display: table-cell; vertical-align: top; padding-right: 40px; }
.service__block .service__left .border { border-bottom: 1px solid #d9d9d9; padding-bottom: 15px; }
.service__block .service__left a { font-weight: bold; }
.service__block .service__left p a { font-size: 1.8rem; font-weight: bold; }
.service__block .service__left > * { margin-bottom: 15px; }
.service__block .service__left > *:last-child { margin-bottom: 0; }
.service__block .service__left dt { background-color: #f5f5f5; color: #0d47a1; font-weight: bold; margin-bottom: 10px; padding: 5px 10px; }
.service__block .service__left dd a { font-size: 1.8rem; font-weight: bold; }
.service__block .service__right { display: table-cell; vertical-align: top; white-space: nowrap; width: 470px; }
.service__block .service__right > dl { background-color: #fcf7e3; border: 10px solid #fecc2f; padding: 10px 20px 20px 20px; }
.service__block .service__right > dl > dt { font-weight: bold; text-align: center; padding-bottom: 5px; }
.service__block .service__right > dl > dd { background-color: #ffffff; }
.service__block .service__right > dl > dd > .link { background-color: #fcf7e3; text-align: center; padding-bottom: 20px; }
.service__block .service__right > dl > dd > .link a { background-color: #0d47a1; color: #ffffff; display: block; font-weight: bold; text-align: center; padding: 10px; }
.service__block .service__right > dl > dd > .link a span { background: url(/ja/common/images/arw_link_white.png) right center no-repeat; background-size: 7px auto; display: inline-block; padding: 0 15px; }
.service__block .service__right > dl > dd > .caption { background-color: #fcf7e3; text-align: center; padding-top: 10px; }
.service__block .service__right > dl > dd > .contact { background-color: #fcf7e3; text-align: center; padding-top: 15px; }
.service__block .service__right > dl > dd > .contact a { background-color: #fecb2f; color: #000000;; display: block; font-weight: bold; text-align: center; padding: 5px 10px; }
.service__block .service__right > dl > dd > .contact a:hover { background-color: #fff59d; text-decoration: none; }
.service__block .service__right > dl > dd > .contact a span { background: url(/ja/common/images/icon_blank.png) right center no-repeat; background-size: 11px auto; display: inline-block; line-height: 1.2; text-align: left; padding: 0 25px; }
.service__block .service__right > dl > dd > a { background-color: #0d47a1; color: #ffffff; display: block; font-weight: bold; text-align: center; padding: 10px; }
.service__block .service__right > dl > dd > a span { background: url(/ja/common/images/arw_link_white.png) right center no-repeat; background-size: 7px auto; display: inline-block; padding: 0 15px; }
.service__block .service__right > dl > dd > dl { display: table; width: 100%; }
.service__block .service__right > dl > dd > dl.subTel { display: none; }
.service__block .service__right > dl > dd > .subFax { display: none; }
.service__block .service__right > dl > dd > dl > dt { background-color: #0d47a1; color: #ffffff; display: table-cell; font-size: 1.4rem; font-weight: bold; text-align: center; vertical-align: middle; padding: 5px 0; white-space: nowrap; width: 11em; }
.service__block .service__right > dl > dd > dl > dd { display: table-cell; vertical-align: middle; padding: 5px 10px; }
.service__block .service__right > dl > dd > dl > dd > dl { display: table; }
.service__block .service__right > dl > dd > dl > dd > dl > dt { display: table-cell; vertical-align: middle; white-space: nowrap; }
.service__block .service__right > dl > dd > dl > dd > dl > dd { display: table-cell; font-size: 2.4rem; font-weight: bold; line-height: 1.2; vertical-align: middle; }
.service__block .service__right > dl > dd > dl > dd > p { display: none; }
.service__block .font_S { font-size: 1.4rem; }
.service__block .mdl__arw_lb { background-position: left 8px; font-size: 1.8rem; font-weight: bold; }
@media (max-width: 767px) {
.service__block {}
.service__block h3 { border-bottom: 1px solid #cccccc; color: #0d47a1; font-size: 1.8rem; font-weight: bold; padding-bottom: 10px; }
.service__block .service__column { display: block; width: auto; }
.service__block .service__left { display: block; vertical-align: top; padding-right: 0; }
.service__block .service__left .border { border-bottom: 0px; padding-bottom: 0; }
.service__block .service__left a { font-weight: bold; }
.service__block .service__left p a { font-size: 1.4rem; font-weight: bold; }
.service__block .service__left > * { margin-bottom: 10px; }
.service__block .service__left > *:last-child { margin-bottom: 0; }
.service__block .service__left dt { background-color: #f5f5f5; color: #0d47a1; font-weight: bold; margin-bottom: 10px; padding: 5px 10px; }
.service__block .service__left dd a { font-size: 1.4rem; font-weight: bold; }
.service__block .service__right { display: block; vertical-align: top; white-space: nowrap; margin-top: 10px; width: auto; }
.service__block .service__right > p { margin-top: 15px; }
.service__block .service__right > p a { font-size: 1.4rem; font-weight: bold; margin-top: 10px; }
.service__block .service__right > dl { background-color: #fcf7e3; border: 5px solid #fecc2f; padding: 10px 15px 15px 15px; }
.service__block .service__right > dl > dt { font-weight: bold; text-align: center; padding-bottom: 10px; }
.service__block .service__right > dl > dd { background-color: #ffffff; }
.service__block .service__right > dl > dd > .link { background-color: #fcf7e3; text-align: center; padding-bottom: 10px; }
.service__block .service__right > dl > dd > .link a { background-color: #0d47a1; color: #ffffff; display: block; font-weight: bold; text-align: left; padding: 15px 10px; }
.service__block .service__right > dl > dd > .link a span { background: url(/ja/common/images/arw_link_white.png) right center no-repeat; background-size: 5px auto; display: block; padding: 0 10px 0 0; }
.service__block .service__right > dl > dd > .caption { background-color: #fcf7e3; text-align: center; padding-top: 10px; }
.service__block .service__right > dl > dd > .contact { background-color: #fcf7e3; text-align: center; padding-bottom: 10px; }
.service__block .service__right > dl > dd > .contact a { background-color: #fecb2f; color: #000000; display: block; text-align: center; padding: 8px; }
.service__block .service__right > dl > dd > .contact a span { background: url(/ja/common/images/icon_blank.png) right center no-repeat; background-size: 11px auto; display: inline-block; line-height: 1.2; text-align: left; padding: 0 13px; }
.service__block .service__right > dl > dd > a { background-color: #0d47a1; color: #ffffff; display: block; font-weight: bold; text-align: left; padding: 10px; }
.service__block .service__right > dl > dd > a span { background: url(/ja/common/images/arw_link_white.png) right center no-repeat; background-size: 5px auto; display: block; padding: 0 10px 0 0; }
.service__block .service__right > dl > dd > dl { display: block; width: auto; }
.service__block .service__right > dl > dd > dl.subTel { background-color: #fcf7e3; display: block; padding-top: 10px; }
.service__block .service__right > dl > dd > dl.subFax { display: block; }
.service__block .service__right > dl > dd > dl > dt { background-color: #0d47a1; color: #ffffff; display: block; font-size: 1.2rem; font-weight: bold; text-align: center; vertical-align: middle; padding: 5px 10px; white-space: nowrap; width: auto; }
.service__block .service__right > dl > dd > dl > dd { display: block; vertical-align: middle; text-align: center; padding: 10px 15px 15px 15px; }
.service__block .service__right > dl > dd > dl.subTel > dd { background-color: #ffffff; }
.service__block .service__right > dl > dd > dl.subFax > dd { background-color: #ffffff; padding: 0 15px 15px 15px; }
.service__block .service__right > dl > dd > dl > dd > dl { display: table; margin: 0 auto; }
.service__block .service__right > dl > dd > dl > dd > dl > dt { display: table-cell; font-size: 1.8rem; font-weight: bold; line-height: 1.2; vertical-align: middle; white-space: nowrap; }
.service__block .service__right > dl > dd > dl > dd > dl > dd { display: table-cell; font-size: 1.8rem; font-weight: bold; line-height: 1.2; vertical-align: middle; }
.service__block .service__right > dl > dd > dl > dd > p { display: block; margin-top: 10px; }
.service__block .service__right > dl > dd > dl > dd > p a { background-color: #37aa6a; color: #ffffff; display: block; font-weight: bold; padding: 15px; }
.service__block .font_S { font-size: 1.2rem; }
.service__block .mdl__arw_lb { white-space: normal; background-position: left 6px; font-size: 1.4rem; font-weight: bold; }
}
/* **********************************************************
service__index
********************************************************** */
.service__index { background-color: #f5f5f5; padding: 10px; }
.service__index.index__lead { background-color: transparent; margin-bottom: 25px; padding: 0; }
.service__index .index_outer { background-color: #ffffff; border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; color: #000000; display: flex; text-decoration: none; position: relative; margin-bottom: 0; }
.service__index .index_outer:last-child { border-bottom: 1px solid #d9d9d9; }
.service__index a.index_outer:hover { color: #000000; }
.service__index .index_outer.index_header { background-color: #0d47a1; color: #ffffff; font-weight: bold; text-align: center; }
.service__index .index_outer > div { -webkit-box-sizing: border-box; box-sizing: border-box; }
.service__index .index_outer .outer_cell1 { border-right: 1px solid #d9d9d9; display: flex; align-items: center; position: relative; padding: 10px; width: 19.3952%; }
.service__index .index_outer .outer_cell1::after { -webkit-box-sizing: border-box; box-sizing: border-box; border: 10px solid #ffffff; content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.service__index .index_outer.index_header .outer_cell1::after { display: none; }
.service__index .index_outer .outer_cell1 div { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 0 10px; width: 100%; z-index: 2; }
.service__index .index_outer .outer_cell1 div span { background: url(/ja/common/images/arw_link_white.png) right center no-repeat; background-size: 7px auto; color: #ffffff; display: block; font-size: 1.8rem; font-weight: bold; padding-right: 35px; }
.service__index .index_outer .outer_cell2 { flex: 1; }
.service__index .index_inner { border-top: 1px solid #d9d9d9; display: flex; flex-wrap: wrap; }
.service__index .index_inner:first-child { border-top: none; }
.service__index .index_inner .inner_head { display: none; }
.service__index .index_inner > div { -webkit-box-sizing: border-box; box-sizing: border-box; }
.service__index .index_inner .inner_cell1 { border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; display: flex; align-items: center; justify-content: center; padding: 15px 10px; width: 14%; }
.service__index .index_outer.index_header .index_inner .inner_cell1 { border-right: none; }
.service__index .index_inner .inner_cell2 { border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; padding: 15px 10px; width: 43%; }
.service__index .index_outer.index_header .index_inner .inner_cell2 p { padding-right: 29%; }
.service__index .index_inner .inner_cell3 { border-top: 1px solid #d9d9d9; padding: 15px 10px; width: 43%; }
.service__index .index_inner .inner_cell4 { display: none; }
.service__index .index_inner .inner_cell5 { border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 15px 10px; width: 14%; }
.service__index .index_inner .inner_cell5 p:nth-of-type(1) { padding: 0px 10px 15px; }
.service__index .index_inner .inner_cell5 p:nth-of-type(2) { padding: 15px 10px 0; position: relative; display: inline-block; }
.service__index .index_inner .inner_cell5 p:nth-of-type(2):before { content: ''; position: absolute; left: 50%; top: 0px; display: inline-block; width: 108px; height: 1px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #d9d9d9; border-radius: solid;}
.service__index .index_inner > div:nth-of-type(1),
.service__index .index_inner > div:nth-of-type(2),
.service__index .index_inner > div:nth-of-type(3),
.service__index .index_inner > div:nth-of-type(4) { border-top: none; }
.service__index .index_inner > div.noneViewPC { display: none; }
.service__index .index_outer.index_link1 .outer_cell1 { background-color: #1876d1; }
.service__index .index_outer.index_link2 .outer_cell1 { background-color: #378e3c; }
.service__index .index_outer.index_link3 .outer_cell1 { background-color: #ff9f00; }
.service__index .index_outer.index_link4 .outer_cell1 { background-color: #d22f2e; }
.service__index .index_outer.index_link5 .outer_cell1 { background-color: #512da8; }
.service__index .index_outer.index_link6 .outer_cell1 { background-color: #18b3d1; }
@media (min-width: 768px) {
.service__index a.index_outer:hover .outer_cell1::after { background-color: rgba(255,255,255,0.5); }
.service__index a.index_outer:hover p,
.service__index a.index_outer:hover ul { opacity: 0.5; }
}
@media (max-width: 767px) {
.service__index { background-color: #f5f5f5; padding: 5px; }
.service__index.index__lead { background-color: transparent; margin-bottom: 15px; padding: 0; }
.service__index .index_outer { background-color: #ffffff; border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; color: #000000; display: block; text-decoration: none; position: relative; margin-bottom: 0; padding: 5px; }
.service__index .index_outer:last-child { border-bottom: 1px solid #d9d9d9; }
.service__index .index_outer.index_header { display: none; }
.service__index .index_outer > div { -webkit-box-sizing: border-box; box-sizing: border-box; }
.service__index .index_outer .outer_cell1 { border-right: none; display: block; align-items: center; position: relative; padding: 15px 10px; width: auto; }
.service__index .index_outer .outer_cell1::after { display: none; }
.service__index .index_outer.index_header .outer_cell1::after { display: none; }
.service__index .index_outer .outer_cell1 div { -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; position: relative; padding: 0; width: auto; z-index: 2; }
.service__index .index_outer .outer_cell1 div span { background: url(/ja/common/images/arw_link_white.png) right center no-repeat; background-size: 5px auto; color: #ffffff; display: inline-block; font-size: 1.4rem; font-weight: bold; padding-right: 15px; }
.service__index .index_outer .outer_cell2 { flex: auto; }
.service__index .index_inner { border-top: none; display: flex; flex-wrap: wrap; padding-bottom: 15px; }
.service__index .index_inner:first-child { border-top: none; }
.service__index .index_inner .inner_head { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; font-weight: bold; text-align: center; margin-top: 10px; padding: 10px; width: 100%; }
.service__index .index_inner .inner_head:nth-of-type(2) { order: 5; margin-top: 20px; }
.service__index .index_inner > div { -webkit-box-sizing: border-box; box-sizing: border-box; }
.service__index .index_inner .inner_cell1 { border-top: none; border-right: none; display: block; align-items: center; justify-content: center; font-weight: bold; margin: 0 15px; padding: 0; width: 100%; }
.service__index .index_outer.index_header .index_inner .inner_cell1 { border-right: none; }
.service__index .index_inner .inner_cell2 { border-top: none; border-right: none; margin: 0 15px; padding: 0; width: 100%; }
.service__index .index_outer.index_header .index_inner .inner_cell2 p { padding-right: 25.5319%; }
.service__index .index_inner .inner_cell3 { border-top: none; margin: 0 15px; padding: 0; width: 100%; }
.service__index .index_inner .inner_cell4 { display: block; font-weight: bold; margin: 0 15px; width: 100%; }
.service__index .index_inner .inner_cell5 { border-top: none; border-right: none; margin: 0 15px; padding: 0; display: block; font-weight: bold; width: 100%; }
.service__index .index_inner .inner_cell5 p:nth-of-type(1),
.service__index .index_inner .inner_cell5 p:nth-of-type(2) { padding: 0; }
.service__index .index_inner .inner_cell5 p:nth-of-type(2):before { display: none; }
.service__index .index_inner > div:nth-of-type(1) { order: 1; border-top: none; margin-top: 15px; }
.service__index .index_inner > div:nth-of-type(2) { order: 3; border-top: none; margin-top: 15px; }
.service__index .index_inner > div:nth-of-type(3) { order: 2; border-top: none; }
.service__index .index_inner > div:nth-of-type(4) { order: 7; border-top: none; }
.service__index .index_inner > div:nth-of-type(5) { order: 6; margin-top: 15px; }
.service__index .index_inner > div:nth-of-type(6) { order: 8; margin-top: 15px; }
.service__index .index_inner > div:nth-of-type(7) { order: 4; }
.service__index .index_inner > div:nth-of-type(8) { order: 9; }
.service__index .index_inner > div.noneView { font-size: 0; line-height: 0; margin-top: 0; }
.service__index .index_inner > div.noneViewPC { display: block; }
.service__index .index_outer.index_link1 .index_inner .inner_head { background-color: #bbdefb; }
.service__index .index_outer.index_link2 .index_inner .inner_head { background-color: #c8e6c9; }
.service__index .index_outer.index_link3 .index_inner .inner_head { background-color: #ffecb3; }
.service__index .index_outer.index_link4 .index_inner .inner_head { background-color: #ffcdd2; }
.service__index .index_outer.index_link5 .index_inner .inner_head { background-color: #d1c4e9; }
.service__index .index_outer.index_link6 .index_inner .inner_head { background-color: #bce9f5; }
}
/* **********************************************************
service__procedure
********************************************************** */
.service__procedure {}
.service__procedure .procedure__service {}
@media (max-width: 767px) {
}
/* **********************************************************
service__send
********************************************************** */
.service__send {}
.service__send .send__img { text-align: center; }
.service__send .send__img dl { margin: 0 auto; width: 57.14%; }
.service__send .send__img dt { border: 1px solid #e2e2e2; padding: 49px; }
.service__send .send__img dt img { width: 100%; }
.service__send .send__img dd { margin-top: 15px; }
@media (max-width: 767px) {
.service__send {}
.service__send .send__img { text-align: center; margin-bottom: 15px; }
.service__send .send__img dl { margin: 0; width: auto; }
.service__send .send__img dt { border: 1px solid #e2e2e2; padding: 24px; }
.service__send .send__img dt img { width: 100%; }
.service__send .send__img dd { margin-top: 10px; }
}
/* **********************************************************
service__material1
********************************************************** */
.service__material1 {}
.service__material1 h3 { border-bottom: 1px solid #cccccc; color: #0d47a1; font-size: 2.4rem; line-height: 1.2; margin: 0 0 40px 0; padding-bottom: 15px; }
.service__material1 .material1__column { display: table; width: 100%; }
.service__material1 .material1__block h4 { background-color: #0d47a1; color: #ffffff; font-weight: bold; margin-bottom: 15px; padding: 2px 10px; }
.service__material1 .material1__block .block__link { margin-bottom: 15px; }
.service__material1 .material1__block .block__link p { margin-bottom: 15px; }
.service__material1 .material1__block .block__link p:nth-of-type(2) { border-bottom: 1px solid #d9d9d9; font-weight: bold; margin-bottom: 0; padding: 20px 0; }
.service__material1 .material1__block .block__link dl { border-bottom: 1px solid #d9d9d9; display: table; padding: 20px 0; width: 100%; }
.service__material1 .material1__block .block__link dl:nth-of-type(1) { border-top: 1px solid #d9d9d9; }
.service__material1 .material1__block .block__link dt { display: table-cell; font-weight: bold; vertical-align: middle; white-space: nowrap; width: 10em; }
.service__material1 .material1__block .block__link dd { display: table-cell; vertical-align: middle; padding-left: 25px; }
.service__material1 .material1__block .block__link dd ul { margin-top: -10px; }
.service__material1 .material1__block .block__link dd li { float: left; margin-right: 20px; padding-top: 10px; }
.service__material1 .material1__block .block__link dd li:last-child { margin-right: 0; }
.service__material1 .material1__left { display: table-cell; vertical-align: top; width: 25.51%; }
.service__material1 .material1__left p { box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); border: 1px solid #d9d9d9; overflow: hidden; }
.service__material1 .material1__left p img { width: 100%; }
.service__material1 .material1__left dl { text-align: center; }
.service__material1 .material1__left dt { font-size: 1.4rem; padding: 10px 0 5px 0; }
.service__material1 .material1__left dd a { display: inline-block; }
.service__material1 .material1__right { display: table-cell; vertical-align: top; padding-left: 40px; }
.service__material1 .material1__right h4 { background-color: #0d47a1; color: #ffffff; font-weight: bold; margin-bottom: 15px; padding: 2px 10px; }
.service__material1 .material1__right > ul { font-size: 1.4rem; }
.service__material1 .material1__right .right__title { background-color: #f7f7f7; margin-bottom: 30px; }
.service__material1 .material1__right .right__title ul { display: table; overflow: hidden; width: 100%; }
.service__material1 .material1__right .right__title li { display: table-cell; vertical-align: middle; }
.service__material1 .material1__right .right__title li:nth-of-type(2) { text-align: right; padding: 0 20px 0 5px; white-space: nowrap; }
.service__material1 .material1__right .right__title li dl { display: table; }
.service__material1 .material1__right .right__title li dt { background-color: #0d47a1; color: #ffffff; display: table-cell; font-size: 2.0rem; font-weight: bold; line-height: 50px; position: relative; vertical-align: middle; padding: 0 10px; white-space: nowrap; }
.service__material1 .material1__right .right__title li dt:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 25px 0 25px 20px; border-color: transparent transparent transparent #0d47a1; position: absolute; left: 100%; top: 0px; }
.service__material1 .material1__right .right__title li dd { display: table-cell; vertical-align: middle; padding-left: 30px; }
.service__material1 .material1__right .right__title li:nth-of-type(2) a { display: inline-block; }
.service__material1 .material1__right .right__book { display: none; }
.service__material1 .material1__right .right__link { margin-bottom: 15px; }
.service__material1 .material1__right .right__link p { margin-bottom: 15px; }
.service__material1 .material1__right .right__link p:nth-of-type(2) { border-bottom: 1px solid #d9d9d9; font-weight: bold; margin-bottom: 0; padding: 20px 0; }
.service__material1 .material1__right .right__link dl { border-bottom: 1px solid #d9d9d9; display: table; padding: 20px 0; width: 100%; }
.service__material1 .material1__right .right__link dl:nth-of-type(1) { border-top: 1px solid #d9d9d9; }
.service__material1 .material1__right .right__link dt { display: table-cell; font-weight: bold; vertical-align: middle; white-space: nowrap; width: 10em; }
.service__material1 .material1__right .right__link dd { display: table-cell; vertical-align: middle; padding-left: 25px; }
.service__material1 .material1__right .right__link dd ul { margin-top: -10px; }
.service__material1 .material1__right .right__link dd li { float: left; margin-right: 20px; padding-top: 10px; }
.service__material1 .material1__right .right__link dd li:last-child { margin-right: 0; }
.service__material1 .material1__questionary { background-color: #fecb2f; text-align: center; padding: 40px; }
.service__material1 .material1__questionary dt { font-weight: bold; margin-bottom: 15px; }
.service__material1 .material1__questionary a { box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); background-color: #ffffff; color: #e60012; display: block; padding: 10px 0; }
.service__material1 .material1__questionary a span { background: url(/ja/common/images/arw_link_red.png) right center no-repeat; background-size: 7px auto; display: inline-block; font-weight: bold; padding: 0 20px; }
.service__material1 .material1__table { background-color: #f5f5f5; padding: 10px; }
.service__material1 .material1__table tbody th { background-color: #e9f3ff; padding: 25px 10px; }
.service__material1 .material1__table tbody th dt { color: #000000; font-weight: bold; margin-bottom: 10px; }
.service__material1 .material1__table tbody th p { border: 1px solid #d9d9d9; overflow: hidden; }
.service__material1 .material1__table tbody th img { width: 138px; }
.service__material1 .material1__table tbody td { padding: 25px; }
/* .service__material1 .material1__table tbody td.td__type1 { background-color: #fff2ca; }
.service__material1 .material1__table tbody td.td__type2 { background-color: #fff1f1; } */
.service__material1 .material1__table tbody td > * { margin-bottom: 25px; }
.service__material1 .material1__table tbody td > *:last-child { margin-bottom: 0; }
.service__material1 .material1__table tbody td h4 { font-size: 2.4rem; line-height: 1.2; margin-bottom: 5px; }
.service__material1 .material1__table tbody td h5 { margin-bottom: 5px; }
.service__material1 .material1__table tbody td .large { font-size: 2.4rem; line-height: 1.2; }
.service__material1 .material1__table tbody td small { font-size: 1.4rem; }
.service__material1 .material1__table tbody td .date { display: none; }
.service__material1 .material1__table tbody td .book { display: none; }
.service__material1 .material1__table tbody td .margin_bottomS { margin-bottom: 5px; }
.service__material1 .material1__table tbody td .font__red { color: #ff0000; }
.service__material1 .material1__table tbody td .font__blue { color: #0d47a1; }
.service__material1 .material1__table tbody td .text__list > li { float: left; margin-right: 20px; }
.service__material1 .material1__table tbody td .text__list > li:last-child { margin-right: 0; }
.service__material1 .material1__table tbody td .text__box { border-top: 1px solid #d9d9d9; }
.service__material1 .material1__table tbody td .text__box > li { border-bottom: 1px solid #d9d9d9; padding: 10px 0; }
.service__material1 .material1__table tbody td .price__list { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; display: table; width: 100%; }
.service__material1 .material1__table tbody td .price__list.second { border-top: 0px; }
.service__material1 .material1__table tbody td .price__list > li { display: table-cell; vertical-align: top; padding: 10px 20px 10px 0; }
.service__material1 .material1__table tbody td .price__list > li:nth-of-type(2) { width: 3em; white-space: nowrap; }
.service__material1 .material1__table tbody td .price__list > li:last-child { padding: 10px 0; white-space: inherit; }
.service__material1 .material1__table tbody td .price__list.list__type2 { margin-bottom: 0; }
.service__material1 .material1__table tbody td .price__list.list__type2 > li:nth-of-type(1) { width: 8em; white-space: nowrap; }
.service__material1 .material1__book {}
.service__material1 .material1__table .material1__book > p { border: 0px; width: 140px; }
.service__material1 .material1__book > p a { border: 1px solid #d9d9d9; display: block; cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; font-size: 0; line-height: 0; overflow: hidden; }
.service__material1 .material1__book > p a img { width: 100%; }
.service__material1 .material1__book > p span { color: #000000; display: block; font-size: 1.2rem; line-height: 1.4; padding: 5px 0 10px 0; }
.service__material1 .material1__book .thumb { overflow: hidden; width: 140px; }
.service__material1 .material1__book .thumb ul { margin-right: -8px; }
.service__material1 .material1__book .thumb li { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; line-height: 0; float: left; padding: 10px 8px 0 0; width: 33.33%; }
.service__material1 .material1__book .thumb li p { border: 2px solid #e9f3ff; cursor: pointer; }
.service__material1 .material1__book .thumb li p span { border: 1px solid #d9d9d9; display: block; }
.service__material1 .material1__book .thumb li p span em { display: block; overflow: hidden; }
.service__material1 .material1__book .thumb li p span em img { width: 100%; }
.service__material1 .material1__book .thumb li.selected p { border: 2px solid #666666;}
.service__material1 .material1__book .thumb li.selected p span { border: 1px solid #666666;}
.service__material1 th .material1__book { display: block; }
.service__material1 td .material1__book { display: none; }
@media (min-width: 768px) {
.service__material1 .material1__questionary a:hover { background-color: #fed559; }
.service__material1 .material1__book .thumb li p:hover { border: 2px solid #666666;}
.service__material1 .material1__book .thumb li p:hover span { border: 1px solid #666666;}
}
@media (max-width: 767px) {
.service__material1 {}
.service__material1 h3 { border-bottom: 1px solid #cccccc; color: #0d47a1; font-size: 1.8rem; line-height: 1.2; margin: 0 0 15px 0; padding-bottom: 10px; }
.service__material1 .material1__column { display: block; width: auto; }
.service__material1 .material1__block { background-color: #ebebeb; border: 5px solid #f5f5f5; display: block; vertical-align: top; padding: 15px; }
.service__material1 .material1__block h4 { background-color: #0d47a1; color: #ffffff; font-weight: bold; margin-bottom: 10px; padding: 2px 5px; }
.service__material1 .material1__block .block__link { margin-bottom: 10px; }
.service__material1 .material1__block .block__link p { margin-bottom: 10px; }
.service__material1 .material1__block .block__link p:nth-of-type(2) { border-bottom: 1px solid #d9d9d9; font-weight: bold; margin-bottom: 0; padding: 10px 0; }
.service__material1 .material1__block .block__link dl { border-bottom: 1px solid #d9d9d9; display: block; padding: 10px 0; width: auto; }
.service__material1 .material1__block .block__link dl:nth-of-type(1) { border-top: 1px solid #d9d9d9; }
.service__material1 .material1__block .block__link dt { display: block; font-weight: bold; vertical-align: middle; white-space: nowrap; width: auto; }
.service__material1 .material1__block .block__link dd { display: block; vertical-align: middle; padding: 10px 0 0 1em; }
.service__material1 .material1__block .block__link dd ul { margin-top: 0; }
.service__material1 .material1__block .block__link dd li { float: none; margin-right: 0; padding-top: 10px; }
.service__material1 .material1__block .block__link dd li:nth-of-type(1) { padding-top: 0; }
.service__material1 .material1__block .block__link dd li:last-child { margin-right: 0; }
.service__material1 .material1__left { display:none; }
.service__material1 .material1__left p { box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); border: 1px solid #d9d9d9; overflow: hidden; }
.service__material1 .material1__left p img { width: 100%; }
.service__material1 .material1__right { background-color: #ebebeb; border: 5px solid #f5f5f5; display: block; vertical-align: top; padding: 15px; }
.service__material1 .material1__right h4 { background-color: #0d47a1; color: #ffffff; font-weight: bold; margin-bottom: 10px; padding: 2px 5px; }
.service__material1 .material1__right > ul { font-size: 1.4rem; }
.service__material1 .material1__right .right__title { background-color: #f7f7f7; margin-bottom: 20px; }
.service__material1 .material1__right .right__title ul { display: table; overflow: hidden; width: 100%; }
.service__material1 .material1__right .right__title li { display: table-cell; vertical-align: middle; }
.service__material1 .material1__right .right__title li:nth-of-type(2) { display: none; }
.service__material1 .material1__right .right__title li dl { display: table; }
.service__material1 .material1__right .right__title li dt { background-color: #0d47a1; color: #ffffff; display: table-cell; font-size: 1.4rem; font-weight: bold; line-height: 30px; position: relative; vertical-align: middle; padding: 0 5px; white-space: nowrap; }
.service__material1 .material1__right .right__title li dt:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 10px; border-color: transparent transparent transparent #0d47a1; position: absolute; left: 100%; top: 0px; }
.service__material1 .material1__right .right__title li dd { display: table-cell; vertical-align: middle; padding-left: 15px; }
.service__material1 .material1__right .right__title li:nth-of-type(2) a { display: inline-block; }
.service__material1 .material1__right .right__book { display: block; margin-bottom: 20px; }
.service__material1 .material1__right .right__book a { display: block; }
.service__material1 .material1__right .right__book dl { display: table; width: 100%; }
.service__material1 .material1__right .right__book dt { display: table-cell; vertical-align: middle; width: 126px; }
.service__material1 .material1__right .right__book dt span { box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); border: 1px solid #d9d9d9; display: block; overflow: hidden; }
.service__material1 .material1__right .right__book dt span img { width: 100%; }
.service__material1 .material1__right .right__book dd { display: table-cell; vertical-align: middle; padding-left: 15px; }
.service__material1 .material1__right .right__book dd small { font-size: 1.0rem; display: block; padding-bottom: 5px; }
.service__material1 .material1__right .right__link { margin-bottom: 10px; }
.service__material1 .material1__right .right__link p { margin-bottom: 10px; }
.service__material1 .material1__right .right__link p:nth-of-type(2) { border-bottom: 1px solid #d9d9d9; font-weight: bold; margin-bottom: 0; padding: 10px 0; }
.service__material1 .material1__right .right__link dl { border-bottom: 1px solid #d9d9d9; display: block; padding: 10px 0; width: auto; }
.service__material1 .material1__right .right__link dl:nth-of-type(1) { border-top: 1px solid #d9d9d9; }
.service__material1 .material1__right .right__link dt { display: block; font-weight: bold; vertical-align: middle; white-space: nowrap; width: auto; }
.service__material1 .material1__right .right__link dd { display: block; vertical-align: middle; padding: 10px 0 0 1em; }
.service__material1 .material1__right .right__link dd ul { margin-top: 0; }
.service__material1 .material1__right .right__link dd li { float: none; margin-right: 0; padding-top: 10px; }
.service__material1 .material1__right .right__link dd li:nth-of-type(1) { padding-top: 0; }
.service__material1 .material1__right .right__link dd li:last-child { margin-right: 0; }
.service__material1 .material1__questionary { background-color: #fecb2f; text-align: center; padding: 20px; }
.service__material1 .material1__questionary dt { font-size: 1.8rem; font-weight: bold; margin-bottom: 15px; }
.service__material1 .material1__questionary a { box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); background-color: #ffffff; color: #e60012; display: block; font-size: 1.8rem; padding: 10px 0; }
.service__material1 .material1__questionary a span { background: url(/ja/common/images/arw_link_red.png) right center no-repeat; background-size: 5px auto; display: inline-block; font-weight: bold; padding: 0 10px; }
.service__material1 .material1__table { background-color: transparent; display: block; padding: 0; }
.service__material1 .material1__table tr { display: block; padding-bottom: 20px; }
.service__material1 .material1__table tr:last-child { padding-bottom: 0; }
.service__material1 .material1__table thead { display: none; }
.service__material1 .material1__table tbody th { display: none; }
.service__material1 .material1__table tbody th dt { color: #000000; font-weight: bold; margin-bottom: 10px; }
.service__material1 .material1__table tbody th p { border: 1px solid #d9d9d9; overflow: hidden; }
.service__material1 .material1__table tbody th img { width: 138px; }
.service__material1 .material1__table tbody td { background-color: #ffffff; border: 5px solid #f5f5f5; display: block; padding: 15px; }
/* .service__material1 .material1__table tbody td.td__type1 { background-color: #fff2ca; border: 5px solid #ffcc9e; }
.service__material1 .material1__table tbody td.td__type2 { background-color: #fff1f1; border: 5px solid #ffc6c6; } */
.service__material1 .material1__table tbody td > * { margin-bottom: 15px; }
.service__material1 .material1__table tbody td > *:last-child { margin-bottom: 0; }
.service__material1 .material1__table tbody td h4 { border-bottom: 1px solid #d9d9d9; padding-bottom: 10px; font-size: 1.8rem; line-height: 1.2; margin-bottom: 5px; }
.service__material1 .material1__table tbody td h5 { margin-bottom: 5px; }
.service__material1 .material1__table tbody td .large { font-size: 1.8rem; line-height: 1.2; }
.service__material1 .material1__table tbody td small { font-size: 1.0rem; }
.service__material1 .material1__table tbody td .date { display: block; border-bottom: 1px solid #d9d9d9; font-weight: bold; margin-bottom: 10px; padding-bottom: 10px; }
.service__material1 .material1__table tbody td .book { display: block; text-align: center; }
.service__material1 .material1__table tbody td .book span { display: inline-block; border: 1px solid #d9d9d9; overflow: hidden; width: 124px; }
.service__material1 .material1__table tbody td .book span img { width: 100%; }
.service__material1 .material1__table tbody td .border { border-bottom: 1px solid #d9d9d9; padding-bottom: 10px; }
.service__material1 .material1__table tbody td .margin_bottomS { margin-bottom: 5px; }
.service__material1 .material1__table tbody td .font__red { color: #ff0000; }
.service__material1 .material1__table tbody td .font__blue { color: #0d47a1; }
.service__material1 .material1__table tbody td .text__list > li { float: left; margin-right: 10px; }
.service__material1 .material1__table tbody td .text__list > li:last-child { margin-right: 0; }
.service__material1 .material1__table tbody td .text__box { border-top: 1px solid #d9d9d9; }
.service__material1 .material1__table tbody td .text__box > li { border-bottom: 1px solid #d9d9d9; padding: 10px 0; }
.service__material1 .material1__table tbody td .price__list { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; display: block; width: auto; }
.service__material1 .material1__table tbody td .price__list.second { border-top: 0px; }
.service__material1 .material1__table tbody td .price__list:after { height: 0; visibility: hidden; content: ""; display: block; clear: both; }
.service__material1 .material1__table tbody td .price__list > li { display: block; float: left; vertical-align: top; padding: 10px 0 5px 0; width: auto; }
.service__material1 .material1__table tbody td .price__list > li:nth-of-type(2) { float: right; width: auto; text-align: right; white-space: nowrap; }
.service__material1 .material1__table tbody td .price__list > li:last-child { clear: left; padding: 0 0 10px 0; white-space: inherit; width: 100%; }
.service__material1 .material1__table tbody td .price__list.list__type2 { margin-bottom: 0; }
.service__material1 .material1__table tbody td .price__list.list__type2 > li:nth-of-type(1) { width: 50%; white-space: nowrap; }
.service__material1 .material1__table tbody td .price__list.list__type2 > li:nth-of-type(2) { width: 50%; }
.service__material1 .material1__book {}
.service__material1 .material1__table .material1__book > p { border: 0px; width: auto; }
.service__material1 .material1__book > p a { border: 1px solid #d9d9d9; display: block; cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; font-size: 0; line-height: 0; overflow: hidden; margin: 0 auto; width: 138px; }
.service__material1 .material1__book > p a img { width: 100%; }
.service__material1 .material1__book > p span { color: #000000; display: block; font-size: 1.0rem; line-height: 1.4; text-align: center; padding: 5px 0 0 0; }
.service__material1 .material1__book .thumb { overflow: hidden; width: auto; }
.service__material1 .material1__book .thumb ul { margin-right: -6px; }
.service__material1 .material1__book .thumb li { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; line-height: 0; float: left; padding: 20px 6px 0 0; width: 16.66%; }
.service__material1 .material1__book .thumb li p { border: 1px solid #ffffff; cursor: pointer; }
.service__material1 .material1__book .thumb li p span { border: 1px solid #d9d9d9; display: block; }
.service__material1 .material1__book .thumb li p span em { display: block; overflow: hidden; }
.service__material1 .material1__book .thumb li p span em img { width: 100%; }
.service__material1 .material1__book .thumb li.selected p { border: 1px solid #666666;}
.service__material1 .material1__book .thumb li.selected p span { border: 1px solid #666666;}
.service__material1 th .material1__book { display: none; }
.service__material1 td .material1__book { display: block; }
}
/* **********************************************************
service__material2
********************************************************** */
.service__material2 {}
.service__material2 h2 { border-bottom: 1px solid #cccccc; padding-bottom: 15px; }
.service__material2 h2 > span { display: table; width: 100%; }
.service__material2 h2 > span span { display: table-cell; font-weight: bold; vertical-align: top; }
.service__material2 h2 > span span:nth-of-type(1) { width: 30px; }
.service__material2 h2 > span span:nth-of-type(1) em { -webkit-border-radius: 50%; border-radius: 50%; background-color: #0d47a1; color: #ffffff; display: block; font-size: 2.0rem; line-height: 30px; text-align: center; }
.service__material2 h2 > span span:nth-of-type(2) { color: #0d47a1; font-size: 2.4rem; line-height: 1.2; vertical-align: middle; padding-left: 10px; }
.service__material2 .material2__table { background-color: #f5f5f5; padding: 10px; }
.service__material2 .material2__table a { color: #0051aa; display: block; }
.service__material2 .material2__table small { display: block; font-size: 1.4rem; }
.service__material2 .material2__table td { vertical-align: middle; }
.service__material2 .material2__table td:last-child { vertical-align: top; }
.service__material2 .material2__table thead th:last-child { width: 12em; }
.service__material2 .material2__table.table__no3 thead th:nth-of-type(2) { width: 14em; }
.service__material2 .material2__table.table__no3 td { vertical-align: top; }
.service__material2 .material2__table td p { margin-top: 5px; }
.service__material2 .material2__table td p:nth-of-type(1) { margin-top: 0; }
.service__material2 .material2__table tbody th { background-color: #ffebae; color: #000000; font-weight: bold; vertical-align: top; white-space: nowrap; width: 4em; }
.service__material2 .material2__table tbody th em { display: inline-block; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.service__material2 .material2__block { background-color: #fcf7e3; padding: 25px; }
.service__material2 .material2__block dl { border-top: 3px solid #ffcd00; border-bottom: 3px solid #ffcd00; padding: 25px 0; }
.service__material2 .material2__block dd { font-size: 1.8rem; margin-top: 10px; }
@media (max-width: 767px) {
.service__material2 {}
.service__material2 h2 { border-bottom: 1px solid #cccccc; padding-bottom: 15px; }
.service__material2 h2 > span { display: table; width: 100%; }
.service__material2 h2 > span span { display: table-cell; font-weight: bold; vertical-align: top; }
.service__material2 h2 > span span:nth-of-type(1) { width: 25px; }
.service__material2 h2 > span span:nth-of-type(1) em { -webkit-border-radius: 50%; border-radius: 50%; background-color: #0d47a1; color: #ffffff; display: block; font-size: 1.8rem; font-weight: bold; line-height: 25px; text-align: center; }
.service__material2 h2 > span span:nth-of-type(2) { color: #0d47a1; font-size: 1.8rem; line-height: 1.2; vertical-align: middle; padding-left: 5px; }
.service__material2 .material2__table { -webkit-box-sizing: border-box; box-sizing: border-box; display: table; margin-right: -10px; width: 100%; background-color: #f5f5f5; padding: 10px; }
.service__material2 .material2__table a { color: #0051aa; display: block; }
.service__material2 .material2__table small { display: block; font-size: 1.0rem; }
.service__material2 .material2__table td { white-space: nowrap; vertical-align: middle; }
.service__material2 .material2__table td:last-child { vertical-align: top; }
.service__material2 .material2__table thead th:last-child { width: 12em; }
.service__material2 .material2__table.table__no3 thead th:nth-of-type(2) { width: 14em; }
.service__material2 .material2__table.table__no3 td { vertical-align: top; }
.service__material2 .material2__table.table__no3 td:nth-of-type(1) { white-space: inherit; min-width: 17em; }
.service__material2 .material2__table td p { margin-top: 5px; }
.service__material2 .material2__table td p:nth-of-type(1) { margin-top: 0; }
.service__material2 .material2__table tbody th { background-color: #ffebae; color: #000000; font-weight: bold; vertical-align: top; white-space: nowrap; width: 4em; }
.service__material2 .material2__table tbody th em { display: inline-block; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.service__material2 .material2__block { background-color: #fcf7e3; padding: 10px; }
.service__material2 .material2__block dl { border-top: 3px solid #ffcd00; border-bottom: 3px solid #ffcd00; padding: 15px 0; }
.service__material2 .material2__block dd { font-size: 1.4rem; margin-top: 10px; }
}
/* **********************************************************
service__service
********************************************************** */
.service__service {}
.service__service .font_sizeS { font-size: 1.4rem; }
.service__service h3 { border-bottom: 1px solid #cccccc; padding-bottom: 15px; }
.service__service h3 > span { display: table; width: 100%; }
.service__service h3 > span span { display: table-cell; font-weight: bold; vertical-align: top; }
.service__service h3 > span span:nth-of-type(1) { width: 30px; }
.service__service h3 > span span:nth-of-type(1) em { -webkit-border-radius: 50%; border-radius: 50%; background-color: #0d47a1; color: #ffffff; display: block; font-size: 2.0rem; font-weight: bold; line-height: 30px; text-align: center; }
.service__service h3 > span span:nth-of-type(2) { color: #0d47a1; font-size: 2.4rem; line-height: 1.2; vertical-align: middle; padding-left: 10px; }
.service__service h4 { background-color: #f5f5f5; font-size: 2.0rem; font-weight: bold; line-height: 1.2; padding: 10px; }
.service__service h5 { margin-bottom: 10px; }
.service__service .service__ml_em1 { margin-left: 1em; }
.service__service .service__mb10 { margin-bottom: 10px; }
.service__service .service__photo { border: 10px solid #f5f5f5; padding: 40px; }
.service__service .service__photo h5 { background-color: #0d47a1; color: #ffffff; font-size: 2.0rem; line-height: 1.2; text-align: center; margin-bottom: 30px; padding: 10px; }
.service__service .service__photo dt { background-color: #f7f7f7; color: #0d47a1; font-weight: bold; line-height: 1.2; margin-bottom: 20px; padding: 10px; }
.service__service .service__photo dd { margin-bottom: 40px; }
.service__service .service__photo dd:last-child { margin-bottom: 0; }
.service__service .service__photo dd img { width: 100%; }
.service__service .service__info { background-color: #fcf7e3; border: 10px solid #fecc2f; float: right; line-height: 1.2; padding: 20px; }
.service__service .service__info h5,
.service__service .service__info p { text-align: center; margin-bottom: 10px; }
.service__service .service__info dl { display: table; }
.service__service .service__info dt { background-color: #0d47a1; color: #ffffff; display: table-cell; font-weight: bold; vertical-align: middle; padding: 5px 30px; }
.service__service .service__info dd { background-color: #ffffff; text-align: center; vertical-align: middle; padding: 5px 10px; }
.service__service .service__info dd strong { font-size: 2.4rem; }
.service__service .service__info .pcTel { display: table-cell; }
.service__service .service__info .spTel { display: none; }
.service__service .service__table { background-color: #f5f5f5; padding: 10px; }
.service__service .service__table table { width: 100%; }
.service__service .service__table th { background-color: #0d47a1; border: 1px solid #d9d9d9; color: #ffffff; font-weight: bold; text-align: center; padding: 10px; }
.service__service .service__table td { background-color: #ffffff; border: 1px solid #d9d9d9; padding: 10px 30px; }
.service__service .service__table tbody tr:nth-of-type(even) td { background-color: #f7f7f7; }
.service__service .service__table_1 { background-color: #f5f5f5; padding: 10px; }
.service__service .service__table_1 thead th:nth-of-type(1) { white-space: nowrap; }
.service__service .service__table_1 tbody th { font-weight: bold; vertical-align: middle; }
.service__service .service__table_1 tbody tr:nth-of-type(even) td { background-color: #f7f7f7; }
.service__service .service__table_2 { background-color: #f5f5f5; padding: 10px; }
.service__service .service__table_2 thead th,
.service__service .service__table_2 tbody td { vertical-align: middle; }
.service__service .service__table_2 tbody td[rowspan="2"],
.service__service .service__table_2 tbody td:last-child { white-space: nowrap; }
.service__service .service__table_3 { background-color: #f5f5f5; padding: 10px; }
.service__service .service__table_3 thead th { vertical-align: middle; }
.service__service .service__table_3 thead th .normal { font-weight: normal; }
.service__service .service__table_3 thead th.th_c01 { background-color: #0d47a1; }
.service__service .service__table_3 thead th.th_c02 { background-color: #d87525; }
.service__service .service__table_3 thead th.th_c03 { background-color: #62b04d; }
.service__service .service__table_3 thead th.th_c04 { background-color: #bf9d00; }
.service__service .service__table_3 thead th.th_c05 { background-color: #0d47a1; }
.service__service .service__table_3 tbody td { text-align: center; vertical-align: middle; width: 20%; }
.service__service .service__table_3 tbody .td_c01 td { background-color: #f7f7f7; }
.service__service .service__table_3 tbody .td_c02 td { background-color: #ededed; }
.service__service .yen { font-size: 1.4rem; text-align: right; margin: -10px 0 5px 0; }
.service__service .service__anchor { background-color: #f5f5f5; padding: 20px; }
.service__service .service__anchor .anchor__block { background-color: #ffffff; border: 2px solid #d9d9d9; padding: 8px; }
.service__service .service__anchor ul { margin: -10px -10px 0 0; }
.service__service .service__anchor li { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding: 10px 10px 0 0; width: 33.33%; }
.service__service .service__anchor li:nth-of-type(3n+1) { clear: left; }
.service__service .service__anchor li a { background-color: #0d47a1; color: #ffffff; display: block; font-weight: bold; padding: 15px 15px 15px 10px; }
.service__service .service__anchor li a dl { display: table; width: 100%; }
.service__service .service__anchor li a dt { display: table-cell; vertical-align: middle; width: 30px; }
.service__service .service__anchor li a dt span { background-color: #ffffff; -webkit-border-radius: 50%; border-radius: 50%; color: #0d47a1; display: block; font-size: 2.0rem; line-height: 30px; text-align: center; width: 30px; }
.service__service .service__anchor li a dd { background: url(/ja/common/images/icon_anchor.png) right center no-repeat; background-size: 15px auto; display: table-cell; line-height: 1.2; vertical-align: middle; padding: 0 25px 0 10px; }
.service__service .service__anchor.col_2 li { width: 50%; }
.service__service .service__anchor.col_2 li:nth-of-type(2n+1) { clear: left; }
.service__service .service__anchor.col_2 li:nth-of-type(3n+1) { clear: none; }
.service__service .service__bgblock { background-color: #fcf7e3; padding: 30px; }
.service__service .service__bgblock .new { background-color: #da0000; color: #fff; display: inline-block; font-size: 1.2rem; line-height: 1; vertical-align: middle; margin: 0 10px 3px 0; padding: 4px 15px; }
.service__service .mdl__toggle { margin: 0 0 10px; }
.service__service .mdl__toggle .mdl__toggle-block h4,
.service__service .mdl__toggle .mdl__toggle-block p,
.service__service .mdl__toggle .mdl__toggle-block .service__photo,
.service__service .mdl__toggle .mdl__toggle-block .mdl__ul_em10,
.service__service .mdl__toggle .mdl__toggle-block .service__bgblock,
.service__service .mdl__toggle .mdl__toggle-block .service__contents,
.service__service .mdl__toggle .mdl__toggle-block .service__table_1 { margin-bottom: 25px; }
.service__service .mdl__toggle .mdl__toggle-block .service__bgblock p {margin-bottom: 0;}
.service__service .mdl__toggle .mdl__toggle-block .service__linkbox { background-color: #f5f5f5; padding: 10px; margin-bottom: 25px; }
.service__service .mdl__toggle .mdl__toggle-block .service__linkbox li { background-color: #fff; color: #000000; border: 1px solid #d9d9d9; padding: 15px 20px; }
.service__service .mdl__toggle .mdl__toggle-block .service__table_4 { background-color: #f5f5f5; padding: 10px; margin-bottom: 25px; }
.service__service .mdl__toggle .mdl__toggle-block .service__table_4 table { width: 100%; }
.service__service .mdl__toggle .mdl__toggle-block .service__table_4 table th,
.service__service .mdl__toggle .mdl__toggle-block .service__table_4 table td { background-color: #fff; color: #000000; border: 1px solid #d9d9d9; padding: 15px 20px; }
.service__service .mdl__toggle .mdl__toggle-block .service__table_4 tr:nth-of-type(even) th,
.service__service .mdl__toggle .mdl__toggle-block .service__table_4 tr:nth-of-type(even) td { background-color: #f7f7f7; }
.service__service .mdl__toggle .mdl__toggle-block .service__table_5 { background-color: #f5f5f5; padding: 10px; margin-bottom: 25px; }
.service__service .mdl__toggle .mdl__toggle-block .service__table_5 thead th { vertical-align: middle; }
.service__service .mdl__toggle .mdl__toggle-block .service__table_5 thead td { background-color: #1565c0; color: #ffffff; font-weight: bold; text-align: center; vertical-align: middle; padding: 10px 5px; }
.service__service .mdl__toggle .mdl__toggle-block .service__table_5 tbody th,
.service__service .mdl__toggle .mdl__toggle-block .service__table_5 tbody td { text-align: center; vertical-align: middle; }
.service__service .mdl__toggle .mdl__toggle-block .service__table_5 tbody tr:nth-of-type(even) td { background-color: #f7f7f7; }
@media (min-width: 768px) {
.service__service .service__anchor li a:hover { background-color: #fecb2f; color: #000000; text-decoration: none; }
.service__service .service__anchor li a:hover dt span { background-color: #ffffff; color: #000000; }
.service__service .service__anchor li a:hover dd { background: url(/ja/common/images/icon_anchor_hover.png) right center no-repeat; background-size: 15px auto; }
}
@media (max-width: 767px) {
.service__service {}
.service__service .font_sizeS { font-size: 1.2rem; }
.service__service .font_sizeL { font-size: 1.4rem; }
.service__service h3 { border-bottom: 1px solid #cccccc; padding-bottom: 15px; }
.service__service h3 > span { display: table; width: 100%; }
.service__service h3 > span span { display: table-cell; font-weight: bold; vertical-align: top; }
.service__service h3 > span span:nth-of-type(1) { width: 25px; }
.service__service h3 > span span:nth-of-type(1) em { -webkit-border-radius: 50%; border-radius: 50%; background-color: #0d47a1; color: #ffffff; display: block; font-size: 1.8rem; font-weight: bold; line-height: 25px; text-align: center; }
.service__service h3 > span span:nth-of-type(2) { color: #0d47a1; font-size: 1.8rem; line-height: 1.2; vertical-align: middle; padding-left: 5px; }
.service__service h4 { background-color: #f5f5f5; font-size: 1.4rem; font-weight: bold; line-height: 1.2; padding: 5px; }
.service__service h5 { font-size: 1.4rem; margin-bottom: 5px; }
.service__service .service__ml_em1 { margin-left: 1em; }
.service__service .service__mb10 { margin-bottom: 5px; }
.service__service .service__photo { border: 5px solid #f5f5f5; padding: 10px; }
.service__service .service__photo h5 { background-color: #0d47a1; color: #ffffff; font-size: 1.4rem; line-height: 1.2; text-align: center; margin-bottom: 10px; padding: 5px; }
.service__service .service__photo dt { background-color: #f7f7f7; color: #0d47a1; font-weight: bold; line-height: 1.2; margin-bottom: 10px; padding: 5px; }
.service__service .service__photo dd { margin-bottom: 15px; }
.service__service .service__photo dd:last-child { margin-bottom: 0; }
.service__service .service__photo dd img { width: 100%; }
.service__service .service__info { background-color: #fcf7e3; border: 5px solid #fecc2f; float: none; line-height: 1.2; padding: 15px; }
.service__service .service__info h5 { font-size: 1.4rem; text-align: center; margin-bottom: 10px; }
.service__service .service__info p { text-align: center; margin-bottom: 10px; }
.service__service .service__info dl { display: block; }
.service__service .service__info dt { background-color: #0d47a1; color: #ffffff; display: block; font-weight: bold; text-align: center; vertical-align: middle; padding: 5px; }
.service__service .service__info dd { background-color: #ffffff; text-align: center; vertical-align: middle; padding: 15px; }
.service__service .service__info dd strong { display: block; font-size: 1.8rem; }
.service__service .service__info dd a { background-color: #37aa6a; color: #ffffff; display: block; font-size: 1.4rem; font-weight: bold; margin-top: 10px; padding: 15px; }
.service__service .service__info .pcTel { display: none; }
.service__service .service__info .spTel { display: block; }
.service__service .service__table { background-color: #f5f5f5; display: table; margin-right: -10px; padding: 10px; }
.service__service .service__table table { width: 100%; }
.service__service .service__table th { background-color: #0d47a1; border: 1px solid #d9d9d9; color: #ffffff; font-weight: bold; text-align: center; padding: 10px; }
.service__service .service__table td { background-color: #ffffff; border: 1px solid #d9d9d9; padding: 10px 20px; white-space: nowrap; }
.service__service .service__table tbody tr:nth-of-type(even) td { background-color: #f7f7f7; }
.service__service .service__table_1 { background-color: #f5f5f5; display: table; margin-right: -10px; padding: 10px; }
.service__service .service__table_1 thead th:nth-of-type(1) { white-space: nowrap; }
.service__service .service__table_1 tbody th { font-weight: bold; vertical-align: middle; white-space: nowrap; }
.service__service .service__table_1 tbody tr:nth-of-type(even) td { background-color: #f7f7f7; }
.service__service .service__table_2 { background-color: #f5f5f5; display: table; margin-right: -10px; padding: 10px; }
.service__service .service__table_2 .mdl__table { table-layout: fixed; }
.service__service .service__table_2 thead th { white-space: nowrap; }
.service__service .service__table_2 tbody td { vertical-align: middle; }
.service__service .service__table_2 tbody td[rowspan="2"],
.service__service .service__table_2 tbody td:last-child { white-space: inherit; }
.service__service .service__table_2 .col_1 { width: 4em; }
.service__service .service__table_2 .col_2 { width: 14em; }
.service__service .service__table_2 .col_3 { width: 14em; }
.service__service .service__table_2 .col_4 { width: 14em; }
.service__service .service__table_2 .col_5 { width: 9em; }
.service__service .service__table_2 .col_6 { width: 22em; }
.service__service .service__table_2 .col_7 { width: 10em; }
.service__service .service__table_3 { -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #f5f5f5; display: table; margin-right: -10px; padding: 10px; width: 100%; }
.service__service .service__table_3 thead th { vertical-align: middle; white-space: nowrap; }
.service__service .service__table_3 thead th .normal { font-weight: normal; }
.service__service .service__table_3 thead th.th_c01 { background-color: #0d47a1; }
.service__service .service__table_3 thead th.th_c02 { background-color: #d87525; }
.service__service .service__table_3 thead th.th_c03 { background-color: #62b04d; }
.service__service .service__table_3 thead th.th_c04 { background-color: #bf9d00; }
.service__service .service__table_3 thead th.th_c05 { background-color: #0d47a1; }
.service__service .service__table_3 tbody td { text-align: center; vertical-align: middle; width: 20%; }
.service__service .service__table_3 tbody .td_c01 td { background-color: #f7f7f7; }
.service__service .service__table_3 tbody .td_c02 td { background-color: #ededed; }
.service__service .yen { font-size: 1.2rem; text-align: right; margin: 0 0 5px 0; }
.service__service .service__anchor { background-color: #f5f5f5; padding: 5px; }
.service__service .service__anchor .anchor__block { background-color: #ffffff; border: 2px solid #d9d9d9; padding: 8px; }
.service__service .service__anchor ul { margin: -5px 0 0 0; }
.service__service .service__anchor li { -webkit-box-sizing: border-box; box-sizing: border-box; float: none; padding: 5px 0 0 0; width: auto; }
.service__service .service__anchor li:nth-of-type(3n+1) { clear: left; }
.service__service .service__anchor li a { background-color: #0d47a1; color: #ffffff; display: block; font-weight: bold; padding: 10px; }
.service__service .service__anchor li a dl { display: table; width: 100%; }
.service__service .service__anchor li a dt { display: table-cell; vertical-align: middle; width: 25px; }
.service__service .service__anchor li a dt span { background-color: #ffffff; -webkit-border-radius: 50%; border-radius: 50%; color: #0d47a1; display: block; font-size: 1.6rem; line-height: 25px; text-align: center; width: 25px; }
.service__service .service__anchor li a dd { background: url(/ja/common/images/icon_anchor.png) right center no-repeat; background-size: 8px auto; display: table-cell; line-height: 1.2; vertical-align: middle; padding: 0 15px 0 10px; }
.service__service .service__anchor.col_2 li { width: auto; }
.service__service .service__bgblock { background-color: #fcf7e3; padding: 10px; }
.service__service .service__bgblock .new { font-size: 1.0rem; }
.service__service .mdl__toggle .mdl__toggle-block h4,
.service__service .mdl__toggle .mdl__toggle-block p,
.service__service .mdl__toggle .mdl__toggle-block .service__photo,
.service__service .mdl__toggle .mdl__toggle-block .mdl__ul_em10,
.service__service .mdl__toggle .mdl__toggle-block .service__bgblock,
.service__service .mdl__toggle .mdl__toggle-block .service__contents { margin-bottom: 15px; }
.service__service .mdl__toggle .mdl__toggle-block .service__photo { margin-bottom: 15px; }
.service__service .mdl__toggle .mdl__toggle-block .mdl__ul_em10 { margin-bottom: 15px; }
.service__service .mdl__toggle .mdl__toggle-block .service__table_1 { margin-bottom: 0; }
.service__service .mdl__toggle .mdl__toggle-block .service__table_1 tbody td { white-space: nowrap; }
.service__service .mdl__toggle .mdl__toggle-block .service__table_5 { margin-bottom: 0; }
.service__service .mdl__toggle .mdl__toggle-block .service__table_5 thead th,
.service__service .mdl__toggle .mdl__toggle-block .service__table_5 thead td { white-space: nowrap; }
.service__service .mdl__toggle .mdl__toggle-block .service__table_5 thead td { padding: 10px 10px; }
.service__service .mdl__toggle .mdl__toggle-block .service__table_5 tbody th,
.service__service .mdl__toggle .mdl__toggle-block .service__table_5 tbody td { white-space: nowrap; }
}
/* **********************************************************
service__protection
********************************************************** */
.service__protection {}
.service__protection h3 { border-bottom: 1px solid #cccccc; color: #0d47a1; font-size: 2.4rem; font-weight: bold; padding-bottom: 15px; }
.service__protection h4 { font-size: 1.6rem; margin-bottom: 15px; }
.service__protection .margin_bottom { margin-bottom: 20px; }
.service__protection .protection__block { background-color: #fcf7e3; padding: 25px; }
.service__protection .protection__block .block__title { border-bottom: 1px solid #d9d9d9; text-align: center; margin-bottom: 15px; padding-bottom: 25px; }
.service__protection .protection__block .block__title p { font-weight: bold; }
.service__protection .protection__block .block__title h4 { font-size: 2.6rem; }
.service__protection .protection__block .block__tel { text-align: center; padding-bottom: 30px; }
.service__protection .protection__block .block__tel ul { display: table; line-height: 1.2; margin: 0 auto; }
.service__protection .protection__block .block__tel li { display: table-cell; vertical-align: top; }
.service__protection .protection__block .block__tel li:nth-of-type(1) { border-right: 1px solid #87847a; padding-right: 20px; }
.service__protection .protection__block .block__tel li:nth-of-type(2) { padding-left: 20px; }
.service__protection .protection__block .block__text { border-top: 3px solid #ffcd00; margin-top: 25px; padding: 25px 0 0 0; }
.service__protection .protection__block div:nth-of-type(1).block__text { margin-top: 0; }
.service__protection .protection__block .block__text h5 { font-size: 2.4rem; margin-bottom: 20px; }
.service__protection .protection__block .block__text > ul { font-size: 1.4rem; }
.service__protection .protection__block .block__text > ul.margin_left { font-size: 1.6rem; font-weight: bold; margin-left: 2em; }
.service__protection .protection__block .block__table { border-top: 3px solid #ffcd00; margin-top: 25px; padding-top: 25px; }
.service__protection .protection__block .block__table h5 { font-size: 2.4rem; margin-bottom: 10px; }
.service__protection .protection__block .block__table > p { margin-bottom: 15px; }
.service__protection .protection__block .block__table > ul { font-size: 1.4rem; }
.service__protection .protection__block .block__table > dl { display: table; }
.service__protection .protection__block .block__table > dl:nth-of-type(1) { margin-top: 10px; }
.service__protection .protection__block .block__table > dl dt { display: table-cell; position: relative; vertical-align: top; width: 8em; }
.service__protection .protection__block .block__table > dl dt:after { content: ":"; position: absolute; top: 0px; right: 0px; }
.service__protection .protection__block .block__table > dl dd { display: table-cell; font-weight: bold; vertical-align: top; padding-left: 0.5em; }
.service__protection .protection__block .mdl__scroll_horizontal { margin-bottom: 15px; }
.service__protection .protection__block .table__wrap { background-color: #f5f5f5; padding: 10px; }
.service__protection .protection__block .table__wrap.table_1 { margin-bottom: 15px; }
.service__protection .protection__block .table__wrap.table_1 tbody th,
.service__protection .protection__block .table__wrap.table_1 tbody td { vertical-align: middle; }
.service__protection .protection__block .table__wrap.table_3 {}
.service__protection .protection__block .table__wrap.table_3 thead th { vertical-align: middle; }
.service__protection .protection__block .table__wrap.table_3 thead td { background-color: #1565c0; color: #ffffff; font-weight: bold; text-align: center; vertical-align: middle; padding: 10px 5px; }
.service__protection .protection__block .table__wrap.table_3 tbody th,
.service__protection .protection__block .table__wrap.table_3 tbody td { text-align: center; vertical-align: middle; }
.service__protection .protection__block .table__wrap.table_3 .red th { background-color: #9a1b1b; }
.service__protection .protection__block .table__wrap.table_3 .red td { background-color: #ffe0e0; }
.service__protection .protection__block .table__wrap.table_3 .red td strong { color: #9a1b1b; }
.service__protection .protection__block .table__wrap.table_3 .icon { position: relative; }
.service__protection .protection__block .table__wrap.table_3 .icon span { position: absolute; top: 0px; left: -40px; z-index: 2; }
.service__protection .protection__block .table__wrap.table_3 .icon span img { height: 94px; }
.service__protection .protection__block .table__wrap.table_2 {}
.service__protection .protection__block .table__wrap.table_2 table { overflow: hidden; }
.service__protection .protection__block .table__wrap.table_2 thead th:nth-of-type(2) { border-right: 0px; }
.service__protection .protection__block .table__wrap.table_2 thead th:nth-of-type(3) { border-right: 0px; border-left: 0px; padding-right: 5px; }
.service__protection .protection__block .table__wrap.table_2 thead th:nth-of-type(4) { border-left: 0px; padding-left: 5px; }
.service__protection .protection__block .table__wrap.table_2 thead p { position: relative; }
.service__protection .protection__block .table__wrap.table_2 thead span { -webkit-border-radius: 5px; border-radius: 5px; background-color: #deedff; color: #0d47a1; display: block; font-weight: bold; line-height: 30px; width: 4em; z-index: 3; position: absolute; top: 50%; margin-top: -15px; }
.service__protection .protection__block .table__wrap.table_2 thead .th_1 p span { left: 0px; }
.service__protection .protection__block .table__wrap.table_2 thead .th_2 p span { right: 0px; }
.service__protection .protection__block .table__wrap.table_2 thead .th_3 p span:nth-of-type(1) { left: 0px; }
.service__protection .protection__block .table__wrap.table_2 thead .th_3 p span:nth-of-type(2) { right: 0px; }
.service__protection .protection__block .table__wrap.table_2 thead .th_1 p:after { background-color: #d9d9d9; border-left: 1px dotted #7c7c7c; content: ""; position: absolute; right: -11px; top: -300px; width: 0px; height: 1000px; z-index: 3; }
.service__protection .protection__block .table__wrap.table_2 tbody th { vertical-align: middle; width: 9em; white-space: nowrap; }
.service__protection .protection__block .table__wrap.table_2 tbody td { font-size: 1.4rem; line-height: 20px; width: 27%; padding: 10px 5px; }
.service__protection .protection__block .table__wrap.table_2 tbody td:nth-of-type(1) { padding-left: 10px; }
.service__protection .protection__block .table__wrap.table_2 tbody td:last-of-type { padding-right: 10px; }
.service__protection .protection__block .table__wrap.table_2 tbody td:nth-last-of-type(2) { padding-left: 5px; }
.service__protection .protection__block .table__wrap.table_2 tbody td:nth-of-type(1) { border-right: 0px; }
.service__protection .protection__block .table__wrap.table_2 tbody td:nth-of-type(2) { border-right: 0px; border-left: 0px; }
.service__protection .protection__block .table__wrap.table_2 tbody td:nth-of-type(3) { border-left: 0px; }
.service__protection .protection__block .table__wrap.table_2 tbody td.td_1,
.service__protection .protection__block .table__wrap.table_2 tbody td.td_2 { border-bottom: 0px; padding-bottom: 0; }
.service__protection .protection__block .table__wrap.table_2 tbody td.td_3 { border-left: 0px; border-top: 0px; }
.service__protection .protection__block .table__wrap.table_2 tbody td.td_4 { border-right: 1px solid #d9d9d9; border-top: 0px; }
.service__protection .protection__block .table__wrap.table_2 tbody td .arw_box { display: block; position: relative; text-align: center; padding: 0 10px; }
.service__protection .protection__block .table__wrap.table_2 tbody td .arw_box span { display: table; width: 100%; height: 50px; }
.service__protection .protection__block .table__wrap.table_2 tbody td .arw_box span em { background-color: #ffd73f; display: table-cell; line-height: 20px; vertical-align: middle; position: relative; padding: 0 10px; }
.service__protection .protection__block .table__wrap.table_2 tbody td .arw_box span em:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 25px 10px 25px 0; border-color: transparent #ffd73f transparent transparent; position: absolute; top: 0px; right: 100%; }
.service__protection .protection__block .table__wrap.table_2 tbody td .arw_box span em:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 25px 0 25px 10px; border-color: transparent transparent transparent #ffd73f; position: absolute; top: 0px; left: 100%; }
.service__protection .protection__block .table__wrap.table_2 tbody td .bg_box { background-color: #fef1bf; text-align: center; padding: 0 10px; }
.service__protection .protection__block .table__wrap.table_2 tbody td .bg_box span { display: table; width: 100%; height: 50px; }
.service__protection .protection__block .table__wrap.table_2 tbody td .bg_box span em { display: table-cell; vertical-align: middle; }
.service__protection .protection__block .table__wrap.table_2 tbody td .bg_box.left_color { position: relative; }
.service__protection .protection__block .table__wrap.table_2 tbody td .bg_box.left_color:after { background-color: #fef1bf; content: ""; position: absolute; top: 0px; left: -10px; width: 10px; height: 50px; }
.service__protection .protection__block .table__wrap.table_2 tbody td .border_box { border: 2px solid #ffd73f; text-align: center; padding: 0 10px; }
.service__protection .protection__block .table__wrap.table_2 tbody td .border_box span { display: table; width: 100%; height: 46px; }
.service__protection .protection__block .table__wrap.table_2 tbody td .border_box span em { display: table-cell; vertical-align: middle; }
.service__protection .protection__block .table__wrap.table_4 {}
.service__protection .protection__block .table__wrap.table_4 table { overflow: hidden; }
.service__protection .protection__block .table__wrap.table_4 thead th:nth-of-type(2) { border-right: 0px; }
.service__protection .protection__block .table__wrap.table_4 thead th:nth-of-type(3) { border-right: 0px; border-left: 0px; padding-right: 5px; }
.service__protection .protection__block .table__wrap.table_4 thead th:nth-of-type(4) { border-left: 0px; padding-left: 5px; }
.service__protection .protection__block .table__wrap.table_4 thead p { position: relative; }
.service__protection .protection__block .table__wrap.table_4 thead span { -webkit-border-radius: 5px; border-radius: 5px; background-color: #deedff; color: #0d47a1; display: block; font-weight: bold; line-height: 30px; width: 4em; z-index: 3; position: absolute; top: 50%; margin-top: -15px; }
.service__protection .protection__block .table__wrap.table_4 thead .th_1 p span { left: 0px; }
.service__protection .protection__block .table__wrap.table_4 thead .th_2 p span { right: 0px; }
.service__protection .protection__block .table__wrap.table_4 thead .th_3 p span:nth-of-type(1) { left: 0px; }
.service__protection .protection__block .table__wrap.table_4 thead .th_3 p span:nth-of-type(2) { right: 0px; }
.service__protection .protection__block .table__wrap.table_4 tbody th { vertical-align: middle; width: 7em; white-space: nowrap; }
.service__protection .protection__block .table__wrap.table_4 tbody td { line-height: 20px; vertical-align: middle; text-align: center; padding: 10px 5px; }
.service__protection .protection__block .table__wrap.table_4 tbody td:nth-of-type(1) { padding-left: 10px; }
.service__protection .protection__block .table__wrap.table_4 tbody td:nth-of-type(2) { border-right: 0px; }
.service__protection .protection__block .table__wrap.table_4 tbody td:nth-of-type(3) { border-right: 0px; border-left: 0px; }
.service__protection .protection__block .table__wrap.table_4 tbody td:nth-of-type(4) { border-left: 0px; }
.service__protection .protection__block .table__wrap.table_4 tbody td:last-of-type { border-right: 1px solid #d9d9d9; padding-right: 10px; }
.service__protection .protection__block .table__wrap.table_4 tbody td .arw_box { display: block; position: relative; text-align: center; padding: 0 10px 0 0; }
.service__protection .protection__block .table__wrap.table_4 tbody td .arw_box span { display: table; width: 100%; height: 50px; }
.service__protection .protection__block .table__wrap.table_4 tbody td .arw_box span em { background-color: #ffd73f; display: table-cell; vertical-align: middle; position: relative; padding: 0 10px; }
.service__protection .protection__block .table__wrap.table_4 tbody td .arw_box span em:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 25px 0 25px 10px; border-color: transparent transparent transparent #ffd73f; position: absolute; top: 0px; left: 100%; }
.service__protection .protection__block .table__wrap.table_4 tbody td .timing { color: #e00000; padding-left: 15px; }
.service__protection .protection__block .table__wrap.table_4 tbody td .timing span { display: block; position: relative; }
.service__protection .protection__block .table__wrap.table_4 tbody td .timing span:after { background: url(/ja/images/service/protection/bg_timing.png) no-repeat; content: ""; position: absolute; top: -37px; left: -26px; z-index: 2; width: 25px; height: 45px; }
.service__protection .protection__block .table__wrap.table_4 tbody td .bg_box { text-align: center; position: relative; padding: 10px 30px 10px 0; }
.service__protection .protection__block .table__wrap.table_4 tbody td .bg_box span { background-color: #fef1bf; display: table; width: 100%; height: 40px; }
.service__protection .protection__block .table__wrap.table_4 tbody td .bg_box span em { display: table-cell; vertical-align: middle; padding: 0 10px; }
.service__protection .protection__block .table__wrap.table_4 tbody td .bg_box:after { background: url(/ja/images/service/protection/arw.png) no-repeat; content: ""; position: absolute; top: 0px; right: 0px; width: 30px; height: 60px; z-index: 2; }
.service__protection .protection__table_1 { background-color: #f5f5f5; padding: 10px; }
.service__protection .protection__table_1 thead th { vertical-align: middle;}
.service__protection .protection__table_1 thead th:nth-of-type(1) { white-space: nowrap; }
.service__protection .protection__table_1 thead th small { font-size: 1.2rem; }
.service__protection .protection__table_1 tbody th { font-weight: bold; vertical-align: middle; }
.service__protection .protection__table_1 tbody th small { font-size: 1.2rem; }
.service__protection .protection__table_1 tbody tr td { text-align: center; vertical-align: middle; }
.service__protection .protection__table_1 tbody tr:nth-of-type(even) td { background-color: #f7f7f7; }
.service__protection .protection__table_1 tbody tr .bgGray { background-color: #f7f7f7; }
.service__protection .protection__anchor { background-color: #f5f5f5; padding: 20px; }
.service__protection .protection__anchor .anchor__block { background-color: #ffffff; border: 2px solid #d9d9d9; padding: 8px; }
.service__protection .protection__anchor ul { margin: -10px -10px 0 0; }
.service__protection .protection__anchor li { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding: 10px 10px 0 0; width: 33.33%; }
.service__protection .protection__anchor.column5 li { width: 20%; }
.service__protection .protection__anchor.column0 li { float: none; width: auto; }
.service__protection .protection__anchor li:nth-of-type(3n+1) { clear: left; }
.service__protection .protection__anchor.column5 li:nth-of-type(3n+1) { clear: none; }
.service__protection .protection__anchor.column5 li:nth-of-type(5n+1) { clear: left; }
.service__protection .protection__anchor li a { background-color: #0d47a1; color: #ffffff; display: block; font-weight: bold; padding: 0 15px 0 10px; }
.service__protection .protection__anchor li p { display: table; width: 100%; height: 60px; }
.service__protection .protection__anchor li a span { background: url(/ja/common/images/icon_anchor.png) right center no-repeat; background-size: 15px auto; display: table-cell; line-height: 20px; vertical-align: middle; padding: 10px 25px 10px 10px; }
.service__protection .protection__link { background-color: #f5f5f5; padding: 20px; }
.service__protection .protection__link .link__block { background-color: #ffffff; border: 2px solid #d9d9d9; padding: 8px; }
.service__protection .protection__link ul { margin: -10px -10px 0 0; }
.service__protection .protection__link li { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding: 10px 10px 0 0; width: 33.33%; }
.service__protection .protection__link li:nth-of-type(3n+1) { clear: left; }
.service__protection .protection__link li a { background-color: #0d47a1; color: #ffffff; display: block; font-weight: bold; padding: 0 15px 0 10px; }
.service__protection .protection__link li p { display: table; margin: 0 auto; height: 80px; }
.service__protection .protection__link li a span { background: url(/ja/common/images/arw_link_white.png) right center no-repeat; background-size: 7px 12px; display: table-cell; line-height: 20px; vertical-align: middle; padding: 10px 15px; }
.service__protection .protection__link2 { background-color: #f5f5f5; padding: 20px; }
.service__protection .protection__link2 .link__block { background-color: #ffffff; border: 2px solid #d9d9d9; padding: 8px; }
.service__protection .protection__link2 ul { margin: -10px -10px 0 0; }
.service__protection .protection__link2 li { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding: 10px 10px 0 0; width: 20%; }
.service__protection .protection__link2 li:nth-of-type(5n+1) { clear: left; }
.service__protection .protection__link2 li a { background-color: #0d47a1; color: #ffffff; display: block; font-weight: bold; padding: 0 15px 0 10px; }
.service__protection .protection__link2 li p { display: table; margin: 0 auto; height: 100px; }
.service__protection .protection__link2 li .service__textlink { height: 50px; }
.service__protection .protection__link2 li a span { background: url(/ja/common/images/arw_link_white.png) right center no-repeat; background-size: 7px 12px; display: table-cell; line-height: 20px; vertical-align: middle; padding: 10px 15px; }
.service__protection .protection__link2 li a:first-child .service__textlink span { font-size: 1.7rem; background-position: right 60%; padding: 15px 15px 5px; }
.service__protection .protection__link2 li a:last-child .service__textlink span { font-size: 1.5rem; background-position: right 35%; padding: 5px 15px 15px; }
.service__protection .mdl__arw_lb { background-position: left 8px; font-size: 1.8rem; font-weight: bold; }
.service__protection .protection__mediate {}
.service__protection .protection__mediate h4 { background-color: #f7f7f7; color: #0d47a1; line-height: 1.2; padding: 10px; }
.service__protection .protection__mediate h5 { margin-bottom: 5px; }
.service__protection .protection__mediate > p { border-top: 1px dotted #7f7f7f; text-align: right; margin-top: 15px; padding-top: 35px; }
.service__protection .protection__mediate > p span { display: inline-block; position: relative; padding-left: 1em; }
.service__protection .protection__mediate > p span em { position: absolute; top: 0px; left: 0px; }
.service__protection .protection__mediate > ul { margin-bottom: 50px; }
.service__protection .protection__mediate > ul:last-of-type { margin-bottom: 0; }
.service__protection .protection__mediate > ul > li { border-bottom: 1px dotted #7f7f7f; margin-bottom: 15px; padding-bottom: 15px; }
.service__protection .protection__mediate > ul > li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.service__protection .protection__mediate > ul > li dl { margin-top: 15px; }
.service__protection .protection__mediate > ul > li dl > dd a { display: none; }
.service__protection .protection__roster {}
.service__protection .protection__roster h4 { background-color: #f7f7f7; color: #0d47a1; line-height: 1.2; margin-bottom: 25px; padding: 10px; }
.service__protection .protection__roster > ul { margin-bottom: 50px; }
.service__protection .protection__roster > ul:last-of-type { margin-bottom: 0; }
.service__protection .protection__roster > ul > li { border-bottom: 1px dotted #7f7f7f; margin-bottom: 25px; padding-bottom: 25px; }
.service__protection .protection__roster > ul > li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.service__protection .protection__roster > ul > li > * { margin-bottom: 20px; }
.service__protection .protection__roster > ul > li > *:last-child,
.service__protection .protection__roster > ul > li > h5 { margin-bottom: 0; }
.service__protection .protection__roster > ul > li > h6 { margin-bottom: 5px; }
.service__protection .protection__roster .roster__table { background-color: #f5f5f5; padding: 10px; }
.service__protection .protection__roster .roster__table th { background-color: #0d47a1; width: 25%; }
.service__protection .protection__roster .roster__table td { text-align: center; vertical-align: middle; width: 25%; }
.service__protection .protection__roster .lang { margin-bottom: 13px; }
.service__protection .protection__roster .lang span { background-color: #fff9b2; display: inline-block; margin: 0 7px 7px 0; padding: 2px 0.5em; }
.service__protection.protection__link_border { border-top: 1px dotted #7f7f7f; margin-top: -55px; padding-top: 80px; }
@media (min-width: 768px) {
.service__protection .protection__anchor li a:hover { background-color: #fecb2f; color: #000000; text-decoration: none; }
.service__protection .protection__anchor li a:hover span { background: url(/ja/common/images/icon_anchor_hover.png) right center no-repeat; background-size: 15px auto; }
.service__protection .protection__link li a:hover { background-color: #fecb2f; color: #000000; text-decoration: none; }
.service__protection .protection__link li a:hover span { background: url(/ja/common/images/arw_link_black.png) right center no-repeat; background-size: 7px 12px; }
.service__protection .protection__link2 li a:hover { background-color: #fecb2f; color: #000000; text-decoration: none; }
.service__protection .protection__link2 li a:hover span { background: url(/ja/common/images/arw_link_black.png) right center no-repeat; background-size: 7px 12px; }
}
@media (min-width: 768px) and (max-width: 979px) {
.service__protection .protection__block .table__wrap.table_2 tbody td { font-size: 1.2rem; }
}
@media (max-width: 767px) {
.service__service {}
.service__protection {}
.service__protection h3 { border-bottom: 1px solid #cccccc; color: #0d47a1; font-size: 1.8rem; font-weight: bold; padding-bottom: 10px; }
.service__protection h4 { font-size: 1.4rem; margin-bottom: 10px; }
.service__protection .margin_bottom { margin-bottom: 10px; }
.service__protection .protection__block { background-color: #fcf7e3; padding: 10px; }
.service__protection .protection__block .block__title { border-bottom: 0px; text-align: center; margin-bottom: 5px; padding-bottom: 0; }
.service__protection .protection__block .block__title p { font-size: 1.4rem; font-weight: bold; }
.service__protection .protection__block .block__title h4 { font-size: 1.8rem; }
.service__protection .protection__block .block__tel { text-align: center; padding-bottom: 20px; }
.service__protection .protection__block .block__tel ul { display: block; line-height: 1.6; margin: 0; }
.service__protection .protection__block .block__tel li { display: block; vertical-align: top; }
.service__protection .protection__block .block__tel li:nth-of-type(1) { border-right: 0px; padding-right: 0; }
.service__protection .protection__block .block__tel li:nth-of-type(2) { padding-left: 0; }
.service__protection .protection__block .block__text { border-top: 3px solid #ffcd00; margin-top: 15px; padding: 15px 0 0 0; }
.service__protection .protection__block div:nth-of-type(1).block__text { margin-top: 0; }
.service__protection .protection__block .block__text h5 { font-size: 1.4rem; margin-bottom: 10px; }
.service__protection .protection__block .block__text > ul { font-size: 1.0rem; }
.service__protection .protection__block .block__text > ul.margin_left { font-size: 1.2rem; font-weight: bold; margin-left: 1em; }
.service__protection .protection__block .block__table { border-top: 3px solid #ffcd00; margin-top: 15px; padding-top: 15px; }
.service__protection .protection__block .block__table h5 { font-size: 1.4rem; margin-bottom: 10px; }
.service__protection .protection__block .block__table > p { margin-bottom: 10px; }
.service__protection .protection__block .block__table > ul { font-size: 1.2rem; }
.service__protection .protection__block .block__table > dl { display: table; }
.service__protection .protection__block .block__table > dl:nth-of-type(1) { margin-top: 10px; }
.service__protection .protection__block .block__table > dl dt { display: table-cell; position: relative; vertical-align: top; width: 8em; }
.service__protection .protection__block .block__table > dl dt:after { content: ":"; position: absolute; top: 0px; right: 0px; }
.service__protection .protection__block .block__table > dl dd { display: table-cell; font-weight: bold; vertical-align: top; padding-left: 0.5em; }
.service__protection .protection__block .mdl__scroll_horizontal { margin-bottom: 10px; }
.service__protection .protection__block .table__wrap { -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #f5f5f5; display: table; margin-right: -10px; padding: 10px; width: 100%; }
.service__protection .protection__block .table__wrap.table_1 { display: block; margin: 0 0 10px 0; }
.service__protection .protection__block .table__wrap.table_1 tbody th,
.service__protection .protection__block .table__wrap.table_1 tbody td { vertical-align: middle; }
.service__protection .protection__block .table__wrap.table_3 {}
.service__protection .protection__block .table__wrap.table_3 thead th { vertical-align: middle; white-space: nowrap; }
.service__protection .protection__block .table__wrap.table_3 thead td { background-color: #1565c0; color: #ffffff; font-weight: bold; text-align: center; vertical-align: middle; white-space: nowrap; padding: 10px 10px; }
.service__protection .protection__block .table__wrap.table_3 .icon { position: relative; }
.service__protection .protection__block .table__wrap.table_3 .icon span { position: absolute; top: 0px; left: -20px; z-index: 2; }
.service__protection .protection__block .table__wrap.table_3 .icon span img { height: 46px; }
.service__protection .protection__block .table__wrap.table_3 tbody th,
.service__protection .protection__block .table__wrap.table_3 tbody td { vertical-align: middle; white-space: nowrap; }
.service__protection .protection__block .table__wrap.table_2 tbody td { font-size: 1.2rem; white-space: nowrap; }
.service__protection .protection__block .table__wrap.table_4 tbody td { white-space: nowrap; }
.service__protection .protection__table_1 { background-color: #f5f5f5; display: table; margin-right: -10px; padding: 10px; }
.service__protection .protection__table_1 thead th:nth-of-type(1) { white-space: nowrap; }
.service__protection .protection__table_1 thead th small { font-size: 0.7rem; }
.service__protection .protection__table_1 tbody th { font-weight: bold; vertical-align: middle; white-space: nowrap; }
.service__protection .protection__table_1 tbody th small { font-size: 0.7rem; }
.service__protection .protection__table_1 tbody tr td { text-align: center; vertical-align: middle; }
.service__protection .protection__table_1 tbody tr:nth-of-type(even) td { background-color: #f7f7f7; }
.service__protection .protection__table_1 tbody tr .bgGray { background-color: #f7f7f7; }
.service__protection .protection__anchor { background-color: #f5f5f5; padding: 5px; }
.service__protection .protection__anchor .anchor__block { background-color: #ffffff; border: 2px solid #d9d9d9; padding: 8px; }
.service__protection .protection__anchor ul { margin: -5px 0 0 0; }
.service__protection .protection__anchor li { -webkit-box-sizing: border-box; box-sizing: border-box; float: none; padding: 5px 0 0 0; width: auto; }
.service__protection .protection__anchor.column5 li { width: auto; }
.service__protection .protection__anchor.column0 li { float: none; width: auto; }
.service__protection .protection__anchor li:nth-of-type(3n+1) { clear: left; }
.service__protection .protection__anchor.column5 li:nth-of-type(3n+1) { clear: none; }
.service__protection .protection__anchor.column5 li:nth-of-type(5n+1) { clear: left; }
.service__protection .protection__anchor li a { background-color: #0d47a1; color: #ffffff; display: block; font-weight: bold; padding: 0 10px; }
.service__protection .protection__anchor li p { display: table; width: 100%; height: auto; }
.service__protection .protection__anchor li a span { background: url(/ja/common/images/icon_anchor.png) right center no-repeat; background-size: 8px auto; display: table-cell; line-height: 1.2; vertical-align: middle; padding: 10px 15px 10px 0; }
.service__protection .protection__link { background-color: #f5f5f5; padding: 5px; }
.service__protection .protection__link .link__block { background-color: #ffffff; border: 2px solid #d9d9d9; padding: 8px; }
.service__protection .protection__link ul { margin: -5px 0 0 0; }
.service__protection .protection__link li { -webkit-box-sizing: border-box; box-sizing: border-box; float: none; padding: 5px 0 0 0; width: auto; }
.service__protection .protection__link li:nth-of-type(3n+1) { clear: left; }
.service__protection .protection__link li a { background-color: #0d47a1; color: #ffffff; display: block; font-weight: bold; padding: 0 10px; }
.service__protection .protection__link li p { display: table; width: 100%; height: 50px; }
.service__protection .protection__link li a span { background: url(/ja/common/images/arw_link_white.png) right center no-repeat; background-size: 5px 9px; display: table-cell; line-height: 1.2; vertical-align: middle; padding: 10px 15px 10px 0; }
.service__protection .protection__link2 { background-color: #f5f5f5; padding: 5px; width: 100%; min-width: 700px; }
.service__protection .protection__link2 .link__block { background-color: #ffffff; border: 2px solid #d9d9d9; padding: 8px; }
.service__protection .protection__link2 li { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 7px 7px 0 0; }
.service__protection .protection__link2 li:nth-of-type(5n+1) { clear: left; }
.service__protection .protection__link2 li a { background-color: #0d47a1; color: #ffffff; display: block; font-weight: bold; padding: 0 10px; }
.service__protection .protection__link2 li p { display: table; }
.service__protection .protection__link2 li a span { background: url(/ja/common/images/arw_link_white.png) right center no-repeat; background-size: 5px 9px; display: table-cell; line-height: 1.2; vertical-align: middle; padding: 10px 15px 10px 0; }
.service__protection .protection__link2 li .service__textlink { white-space: nowrap; height: 30px; }
.service__protection .protection__link2 li a:first-child .service__textlink span { font-size: 1.4rem; padding: 20px 15px 10px 0; }
.service__protection .protection__link2 li a:last-child .service__textlink span { font-size: 1.2rem; padding: 10px 15px 15px 10px; }
.service__protection .mdl__arw_lb { background-position: left 6px; font-size: 1.4rem; font-weight: bold; }
.service__protection .protection__mediate {}
.service__protection .protection__mediate h4 { background-color: #f7f7f7; color: #0d47a1; font-size: 1.4rem; line-height: 1.2; margin-bottom: 10px; padding: 5px; }
.service__protection .protection__mediate h5 { margin-bottom: 5px; }
.service__protection .protection__mediate > p { border-top: 1px dotted #7f7f7f; text-align: left; margin-top: 15px; padding-top: 15px; }
.service__protection .protection__mediate > p span { display: inline-block; position: relative; padding-left: 1em; }
.service__protection .protection__mediate > p span em { position: absolute; top: 0px; left: 0px; }
.service__protection .protection__mediate > ul { margin-bottom: 40px; }
.service__protection .protection__mediate > ul:last-of-type { margin-bottom: 0; }
.service__protection .protection__mediate > ul > li { border-bottom: 1px dotted #7f7f7f; margin-bottom: 15px; padding-bottom: 15px; }
.service__protection .protection__mediate > ul > li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.service__protection .protection__mediate > ul > li dl { margin-top: 15px; }
.service__protection .protection__mediate > ul > li dl > dd a { background-color: #37aa6a; color: #ffffff; display: block; font-weight: bold; text-align: center; margin-top: 5px; padding: 15px; }
.service__protection .protection__roster {}
.service__protection .protection__roster h4 { background-color: #f7f7f7; color: #0d47a1; font-size: 1.4rem; line-height: 1.2; margin-bottom: 10px; padding: 5px; }
.service__protection .protection__roster > ul { margin-bottom: 40px; }
.service__protection .protection__roster > ul:last-of-type { margin-bottom: 0; }
.service__protection .protection__roster > ul > li { border-bottom: 1px dotted #7f7f7f; margin-bottom: 15px; padding-bottom: 15px; }
.service__protection .protection__roster > ul > li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.service__protection .protection__roster > ul > li > * { margin-bottom: 15px; }
.service__protection .protection__roster > ul > li > *:last-child,
.service__protection .protection__roster > ul > li > h5 { margin-bottom: 0; }
.service__protection .protection__roster > ul > li > h6 { margin-bottom: 5px; }
.service__protection .protection__roster .roster__table { background-color: #f5f5f5; padding: 5px; }
.service__protection .protection__roster .roster__table th { background-color: #0d47a1; padding: 10px 5px; width: 25%; }
.service__protection .protection__roster .roster__table td { text-align: center; padding: 10px 5px; width: 25%; }
.service__protection .protection__roster .lang { margin-bottom: 8px; }
.service__protection .protection__roster .lang span { background-color: #fff9b2; display: inline-block; margin: 0 7px 7px 0; padding: 2px 0.5em; }
.service__protection.protection__link_border { border-top: 1px dotted #7f7f7f; margin-top: -25px; padding-top: 40px; }
}
/* **********************************************************
service__training
********************************************************** */
.service__training {}
.service__training h3 { border-bottom: 1px solid #cccccc; color: #0d47a1; font-size: 2.4rem; font-weight: bold; padding-bottom: 15px; }
.service__training .training__block { background-color: #f5f5f5; }
.service__training .training__block li { border-bottom: 1px solid #d9d9d9; padding: 25px 30px; }
.service__training .training__block li:last-child { border-bottom: 0px; }
.service__training .training__block li dt { color: #0d47a1; font-weight: bold; margin-bottom: 20px; }
.service__training .training__block li p { margin-top: 20px; }
.service__training .training__block .new { background-color: #da0000; color: #fff; display: inline-block; font-size: 1.2rem; line-height: 1; vertical-align: middle; margin: 0 0 0 10px; padding: 4px 15px; }
.service__training .mdl__arw_lb { background-position: left 8px; font-size: 1.8rem; font-weight: bold; }
.service__training .training__anchor { background-color: #f5f5f5; padding: 20px; }
.service__training .training__anchor .anchor__block { background-color: #ffffff; border: 2px solid #d9d9d9; padding: 8px; }
.service__training .training__anchor ul { margin: -10px -10px 0 0; }
.service__training .training__anchor li { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding: 10px 10px 0 0; width: 50%; }
.service__training .training__anchor li:nth-of-type(3n+1) { clear: left; }
.service__training .training__anchor li a { background-color: #0d47a1; color: #ffffff; display: block; font-weight: bold; padding: 0 15px 0 10px; }
.service__training .training__anchor li p { display: table; width: 100%; height: 60px; }
.service__training .training__anchor li a span { background: url(/ja/common/images/icon_anchor.png) right center no-repeat; background-size: 15px auto; display: table-cell; line-height: 20px; vertical-align: middle; padding: 10px 25px 10px 10px; }
@media (min-width: 768px) {
.service__training .training__anchor li a:hover { background-color: #fecb2f; color: #000000; text-decoration: none; }
.service__training .training__anchor li a:hover span { background: url(/ja/common/images/icon_anchor_hover.png) right center no-repeat; background-size: 15px auto; }
}
@media (max-width: 767px) {
.service__training {}
.service__training h3 { border-bottom: 1px solid #cccccc; color: #0d47a1; font-size: 1.8rem; font-weight: bold; padding-bottom: 10px; }
.service__training .training__block { background-color: #f5f5f5; }
.service__training .training__block li { border-bottom: 1px solid #d9d9d9; padding: 10px 15px; }
.service__training .training__block li:last-child { border-bottom: 0px; }
.service__training .training__block li dt { color: #0d47a1; font-weight: bold; margin-bottom: 5px; }
.service__training .training__block li p { margin-top: 5px; }
.service__training .training__block .new { font-size: 1.0rem; }
.service__training .mdl__arw_lb { background-position: left 6px; font-size: 1.4rem; font-weight: bold; }
.service__training .training__anchor { background-color: #f5f5f5; padding: 5px; }
.service__training .training__anchor .anchor__block { background-color: #ffffff; border: 2px solid #d9d9d9; padding: 8px; }
.service__training .training__anchor ul { margin: -5px 0 0 0; }
.service__training .training__anchor li { -webkit-box-sizing: border-box; box-sizing: border-box; float: none; padding: 5px 0 0 0; width: auto; }
.service__training .training__anchor li:nth-of-type(3n+1) { clear: left; }
.service__training .training__anchor li a { background-color: #0d47a1; color: #ffffff; display: block; font-weight: bold; padding: 0 10px; }
.service__training .training__anchor li p { display: table; width: 100%; height: auto; }
.service__training .training__anchor li a span { background: url(/ja/common/images/icon_anchor.png) right center no-repeat; background-size: 8px auto; display: table-cell; line-height: 1.2; vertical-align: middle; padding: 10px 15px 10px 0; }
}
/* **********************************************************
service__send_info
********************************************************** */
.service__send_info {}
.service__send_info h3 { border-bottom: 1px solid #cccccc; color: #0d47a1; font-size: 2.4rem; font-weight: bold; padding-bottom: 15px; }
.service__send_info .info__link { background-color: #f5f5f5; padding: 20px; }
.service__send_info .link__block { background-color: #ffffff; border: 2px solid #d9d9d9; padding: 0 0 8px 8px; }
.service__send_info .link__block li { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding: 8px 8px 0 0; width: 20%; }
.service__send_info .link__block li a { background-color: #0d47a1; color: #ffffff; display: block; font-weight: bold; padding: 15px 10px 15px 0; }
.service__send_info .link__block li a span { background: url(/ja/common/images/arw_link_white.png) right center no-repeat; background-size: 7px auto; display: block; padding: 0 10px; }
.service__send_info .info__table { background-color: #f5f5f5; padding: 10px; }
.service__send_info .info__table thead th { vertical-align: middle; }
.service__send_info .info__table tbody th { text-align: left; padding: 0; white-space: nowrap; }
.service__send_info .info__table tbody th a { display: block; color: #ffffff; font-weight: bold; padding: 10px; }
.service__send_info .info__table tbody th a span { background: url(/ja/common/images/arw_link_white.png) right center no-repeat; background-size: 7px auto; display: block; padding-right: 20px; }
.service__send_info .info__table tbody td { vertical-align: middle; }
.service__send_info .info__table tbody tr:nth-of-type(even) td { background-color: #f7f7f7; }
.service__send_info .mdl__arw_lb { background-position: left 8px; font-size: 1.8rem; font-weight: bold; }
@media (min-width: 768px) {
.service__send_info .link__block li a:hover { background-color: #fecb2f; color: #000000; text-decoration: none; }
.service__send_info .link__block li a:hover span { background: url(/ja/common/images/arw_link_black.png) right center no-repeat; background-size: 7px auto; }
.service__send_info .info__table tbody th a:hover { background-color: #fecb2f; color: #000000; text-decoration: none; }
.service__send_info .info__table tbody th a:hover span { background: url(/ja/common/images/arw_link_black.png) right center no-repeat; background-size: 7px auto; }
}
@media (max-width: 767px) {
.service__send_info {}
.service__send_info h3 { border-bottom: 1px solid #cccccc; color: #0d47a1; font-size: 1.8rem; font-weight: bold; padding-bottom: 10px; }
.service__send_info .info__link { background-color: #f5f5f5; padding: 5px; }
.service__send_info .link__block { background-color: #ffffff; border: 2px solid #d9d9d9; padding: 8px; }
.service__send_info .link__block ul { margin: -5px 0 0 0; }
.service__send_info .link__block li { -webkit-box-sizing: border-box; box-sizing: border-box; float: none; padding: 5px 0 0 0; width: auto; }
.service__send_info .link__block li a { background-color: #0d47a1; color: #ffffff; display: block; font-weight: bold; padding: 0 10px; }
.service__send_info .link__block li a span { background: url(/ja/common/images/arw_link_white.png) right center no-repeat; background-size: 5px auto; display: block; padding: 10px 15px 10px 0; }
.service__send_info .info__table { background-color: #f5f5f5; padding: 10px; }
.service__send_info .info__table thead th { vertical-align: middle; }
.service__send_info .info__table tbody th { text-align: left; padding: 0; white-space: nowrap; }
.service__send_info .info__table tbody th a { display: block; color: #ffffff; font-weight: bold; padding: 10px; }
.service__send_info .info__table tbody th a span { background: url(/ja/common/images/arw_link_white.png) right center no-repeat; background-size: 7px auto; display: block; padding-right: 10px; }
.service__send_info .info__table tbody td { vertical-align: middle; }
.service__send_info .info__table tbody tr:nth-of-type(even) td { background-color: #ffffff; }
.service__send_info .mdl__arw_lb { background-position: left 6px; font-size: 1.4rem; font-weight: bold; }
}
/* **********************************************************
service__instructor
********************************************************** */
.service__instructor {}
.service__instructor h3 { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 10px 0; }
.service__instructor h3 span { background-color: #0d47a1; color: #ffffff; display: block; font-size: 2.6rem; font-weight: bold; padding: 10px 20px; }
.service__instructor h4 { border-bottom: 1px solid #cccccc; color: #0d47a1; font-size: 2.4rem; padding-bottom: 20px; }
.service__instructor h5 { background-color: #f5f5f5; font-size: 2.0rem; font-weight: bold; line-height: 1.2; padding: 10px; }
.service__instructor h6 { font-size: 1em; font-weight: bold; line-height: 1.2; margin-bottom: 10px; }
.service__instructor .mdl__arw_lb { background-position: left 8px; font-size: 1.8rem; font-weight: bold; }
.service__instructor .margin_left_em2 { margin-left: 2em; }
.service__instructor .margin_top { margin-top: -15px; }
.service__instructor .table_text { margin-bottom: 0; }
.service__instructor .font_S { font-size: 1.4rem; }
.service__instructor .font_L { font-size: 2.0rem; font-weight: bold; }
.service__instructor .instructor__flow { border: 10px solid #f5f5f5; padding: 20px; }
.service__instructor .instructor__flow .flow__block { background: url(/ja/images/service/support/instructor/arw_flow.png) center bottom no-repeat; background-size: auto 12px; margin-bottom: 12px; padding-bottom: 22px; }
.service__instructor .instructor__flow > div:last-child.flow__block { background: none; margin-bottom: 0; padding-bottom: 0; }
.service__instructor .instructor__flow th { background-color: #0d47a1; font-weight: bold; width: 11em; white-space: nowrap; vertical-align: middle; }
.service__instructor .instructor__book { background-color: #f5f5f5; margin: 0 auto; padding: 40px; width: 600px; }
.service__instructor .instructor__book h5 { background-color: #0d47a1; color: #ffffff; margin-bottom: 20px; padding: 5px 10px; }
.service__instructor .instructor__book .book__column { display: table; width: 100%; }
.service__instructor .instructor__book .book__photo { display: table-cell; vertical-align: top; width: 180px; }
.service__instructor .instructor__book .book__photo p { box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); border: 1px solid #d9d9d9; overflow: hidden; }
.service__instructor .instructor__book .book__photo p img { width: 100%; }
.service__instructor .instructor__book .book__text { display: table-cell; vertical-align: top; padding-left: 20px; }
.service__instructor .instructor__book .book__text ul { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-top: 20px; padding: 20px 0; }
.service__instructor .instructor__book .book__text li { float: left; margin-right: 20px; }
.service__instructor .instructor__table { background-color: #f5f5f5; padding: 10px; }
.service__instructor .instructor__table.table_1 {}
.service__instructor .instructor__table.table_1 tbody th { vertical-align: middle; }
.service__instructor .instructor__table.table_1 tbody td { text-align: center; vertical-align: middle; }
.service__instructor .instructor__table.table_1 tbody td.text_left { text-align: left; }
.service__instructor .instructor__table.table_2 {}
.service__instructor .instructor__table.table_2 tbody th { background-color: #0d47a1; font-weight: bold; vertical-align: middle; width: 10em; }
.service__instructor .instructor__table.table_2 tbody td { text-align: left; vertical-align: middle; }
.service__instructor .instructor__table.table_3 {}
.service__instructor .instructor__table.table_3 thead th { vertical-align: middle; }
.service__instructor .instructor__table.table_3 thead td { background-color: #1565c0; color: #ffffff; font-weight: bold; text-align: center; vertical-align: middle; }
.service__instructor .instructor__table.table_3 tbody th { background-color: #0d47a1; font-weight: bold; vertical-align: middle; width: 7em; }
.service__instructor .instructor__table.table_3 tbody td { text-align: center; vertical-align: middle; }
.service__instructor .instructor__table.table_3 tbody tr:nth-of-type(even) td { background-color: #f7f7f7; }
.service__instructor .instructor__table.table_4 {}
.service__instructor .instructor__table.table_4 { background-color: #f5f5f5; padding: 10px; }
.service__instructor .instructor__table.table_4 table{ width: 100%; }
.service__instructor .instructor__table.table_4 thead th:nth-of-type(1) { white-space: nowrap; }
.service__instructor .instructor__table.table_4 tbody th { font-weight: bold; vertical-align: middle; }
.service__instructor .instructor__table.table_4 tbody tr td { text-align: center; vertical-align: middle; }
/*.service__instructor .instructor__table.table_4 tbody tr:nth-of-type(even) td { background-color: #f7f7f7; }*/
.service__instructor .instructor__table.table_4 tbody tr .bgGray { background-color: #f7f7f7; }
.service__instructor .instructor__table.table_4 tbody tr .bgBlue { background-color: #e8f3ff; }
.service__instructor .instructor__table.table_4 tbody tr .bgPink { background-color: #fffee8; }
.service__instructor .instructor__table.table_5 {}
.service__instructor .instructor__table.table_5 thead th { vertical-align: middle; }
.service__instructor .instructor__table.table_5 thead td { background-color: #1565c0; color: #ffffff; font-weight: bold; text-align: center; vertical-align: middle; }
.service__instructor .instructor__table.table_5 tbody th { background-color: #0d47a1; font-weight: bold; vertical-align: middle; width: 7em; }
.service__instructor .instructor__table.table_5 tbody td { text-align: center; vertical-align: middle; }
.service__instructor .instructor__table.table_5 tbody .bgBlue { background-color: #e8f3ff; }
.service__instructor .instructor__table.table_5 tbody .bgPink { background-color: #fffee8; }
.service__instructor .instructor__btn { position: relative; text-align: left; margin: 0 auto; max-width: 980px; }
.service__instructor .instructor__btn a { box-shadow: 0px 0px 10px rgba(0,0,0,0.3); border: 5px solid #ffffff; background-color: #0d47a1; color: #ffffff; display: block; font-size: 1.8rem; font-weight: bold; line-height: 1.4; text-align: center; padding: 15px; }
.service__instructor .instructor__btn a span { display: inline-block; }
.service__instructor .instructor__btn_2 { position: relative; text-align: left; margin: 0 auto; max-width: 980px; }
.service__instructor .instructor__btn_2 a { background-color: #fecb2f; color: #000000; display: block; font-size: 1.8rem; font-weight: bold; line-height: 1.4; text-align: center; padding: 15px; }
.service__instructor .instructor__btn_2 a span { background: url(/ja/common/images/arw_link_black.png) right center no-repeat; background-size: 7px auto; display: block; font-size: 1.6rem; font-weight: bold; line-height: 1.2; vertical-align: middle; padding-right: 15px; }
.service__instructor .hover__contents { position: relative; }
.service__instructor .hover__contents:hover .hover__contents__text { display: inline; }
.service__instructor .hover__contents__text { position: absolute; display: none; padding: 15px; background-color: #d9d9d9; width:　420px; left: 1%; top: 100%; margin-top: 12px; font-size: 75%; }
.service__instructor .hover__contents__text:after{ border-bottom: 12px solid #d9d9d9; border-left: 10px solid transparent; border-right: 10px solid transparent; top: -12px; left: 5%; content: ""; position: absolute; }
.service__instructor .instructor__endbtn { border: 3px solid #1565c0; color: #1565c0; font-weight: bold; font-size: 1.8rem; margin: 0 auto; max-width: 580px; padding: 30px; text-align: center;}
.service__instructor .instructor__bgblock { background-color: #fcf7e3; padding: 30px; }
.service__instructor .instructor__bgblock p { margin-bottom: 25px; }
.service__instructor .instructor__bgblock .instructor__lineblock { border:1px solid #d9d9d9; padding: 20px; }
.service__instructor .instructor__textbox { border: 10px solid #f5f5f5; padding: 40px; }
.service__instructor .instructor__textbox .mdl__txt_margin { margin-bottom: 25px; }
.service__instructor .instructor__method { border: 10px solid #f5f5f5; padding: 40px; }
.service__instructor .instructor__method h5 { background-color: #0d47a1; color: #ffffff; font-size: 2.0rem; text-align: center; position: relative; margin: -30px -20px 30px -20px; padding: 5px; z-index: 2; }
.service__instructor .instructor__method .method__column { display: table; width: 100%; }
.service__instructor .instructor__method .method__left { background-color: #e8f3ff; border-right: 10px solid #ffffff; display: table-cell; vertical-align: top; position: relative; padding: 30px 20px 90px 20px; width: 50%; overflow: hidden; }
.service__instructor .instructor__method .method__left h5:after { background-color: #e8f3ff; content: ""; position: absolute; top: 100%; left: 0px; width: 100%; height: 30px; z-index: 2; }
.service__instructor .instructor__method .method__left .box { position: relative; z-index: 2; }
.service__instructor .instructor__method .method__left .box span { background-color: #ffffff; border: 2px solid #3f98fa; display: block; padding: 10px; z-index: 2; }
.service__instructor .instructor__method .method__left p:nth-of-type(2).box { margin-top: 23%; }
.service__instructor .instructor__method .method__left .fin { position: absolute; bottom: 30px; left: 0px; width: 100%; }
.service__instructor .instructor__method .method__left .fin:after { background: url(/ja/images/service/support/instructor/line_01.png) center bottom no-repeat; content: ""; position: absolute; bottom: 55px; left: 50%; width: 60px; height: 1000px; margin-left: -30px; }
.service__instructor .instructor__method .method__left .fin span { background-color: #3f98fa; color: #ffffff; display: block; font-weight: bold; line-height: 50px; text-align: center; margin: 0 20px; }
.service__instructor .instructor__method .method__right { background-color: #fffee8; border-left: 10px solid #ffffff; display: table-cell; vertical-align: top; position: relative; padding: 30px 20px 90px 20px; width: 50%; overflow: hidden; }
.service__instructor .instructor__method .method__right h5:after { background-color: #fffee8; content: ""; position: absolute; top: 100%; left: 0px; width: 100%; height: 30px; z-index: 2; }
.service__instructor .instructor__method .method__right .box { position: relative; margin-bottom: 20px; z-index: 2; }
.service__instructor .instructor__method .method__right p:nth-of-type(4).box { margin-bottom: 40px; }
.service__instructor .instructor__method .method__right .box span { background-color: #ffffff; border: 2px solid #ffa838; display: block; padding: 10px; z-index: 2; }
.service__instructor .instructor__method .method__right .fin { position: absolute; bottom: 30px; left: 0px; width: 100%; }
.service__instructor .instructor__method .method__right .fin:after { background: url(/ja/images/service/support/instructor/line_02.png) center bottom no-repeat; content: ""; position: absolute; bottom: 55px; left: 50%; width: 60px; height: 1000px; margin-left: -30px; }
.service__instructor .instructor__method .method__right .fin span { background-color: #ffa838; color: #ffffff; display: block; font-weight: bold; line-height: 50px; text-align: center; margin: 0 20px; }
.service__instructor .instructor__method .method__arw { display: table-cell; font-size: 0; line-height: 0; vertical-align: middle; }
.service__instructor .instructor__method .method__arw img { width: 20px; }
.service__instructor .instructor__anchor { background-color: #f5f5f5; padding: 20px; }
.service__instructor .instructor__anchor .anchor__block { background-color: #ffffff; border: 2px solid #d9d9d9; padding: 8px; }
.service__instructor .instructor__anchor ul { margin: -10px -10px 0 0; }
.service__instructor .instructor__anchor li { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding: 10px 10px 0 0; width: 50%; }
.service__instructor .instructor__anchor li:nth-of-type(3n+1) { clear: left; }
.service__instructor .instructor__anchor li a { background-color: #0d47a1; color: #ffffff; display: block; font-weight: bold; padding: 0 15px 0 10px; }
.service__instructor .instructor__anchor li p { display: table; width: 100%; height: 60px; }
.service__instructor .instructor__anchor li a span { background: url(/ja/common/images/icon_anchor.png) right center no-repeat; background-size: 15px auto; display: table-cell; line-height: 20px; vertical-align: middle; padding: 10px 25px 10px 10px; }
@media (min-width: 768px) {
.service__instructor .instructor__btn a:hover { background-color: #ffcd00; color: #000000; text-decoration: none; }
.service__instructor .instructor__btn_2 a:hover { background-color: #0d47a1; color: #ffffff; text-decoration: none; }
.service__instructor .instructor__btn_2 a:hover span { background: url(/ja/common/images/arw_link_white.png) right center no-repeat; background-size: 7px auto; }
.service__instructor .instructor__anchor li a:hover { background-color: #fecb2f; color: #000000; text-decoration: none; }
.service__instructor .instructor__anchor li a:hover span { background: url(/ja/common/images/icon_anchor_hover.png) right center no-repeat; background-size: 15px auto; }
}
@media (max-width: 767px) {
.service__instructor {}
.service__instructor h3 { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 10px 0; }
.service__instructor h3 span { background-color: #0d47a1; color: #ffffff; display: block; font-size: 1.8rem; font-weight: bold; padding: 10px 10px; }
.service__instructor h4 { border-bottom: 1px solid #cccccc; color: #0d47a1; font-size: 1.8rem; padding-bottom: 15px; }
.service__instructor h5 { background-color: #f5f5f5; font-size: 1.4rem; font-weight: bold; line-height: 1.2; padding: 5px; }
.service__instructor .mdl__arw_lb { background-position: left 6px; font-size: 1.4rem; font-weight: bold; }
.service__instructor .margin_left_em2 { margin-left: 2em; }
.service__instructor .margin_top { margin-top: -10px; }
.service__instructor .font_S { font-size: 1.0rem; }
.service__instructor .font_L { font-size: 1.4rem; font-weight: bold; }
.service__instructor .instructor__flow { border: 5px solid #f5f5f5; padding: 15px; }
.service__instructor .instructor__flow .flow__block { background: url(/ja/images/service/support/instructor/arw_flow.png) center bottom no-repeat; background-size: auto 14px; margin-bottom: 10px; padding-bottom: 24px; }
.service__instructor .instructor__flow > div:last-child.flow__block { background: none; margin-bottom: 0; padding-bottom: 0; }
.service__instructor .instructor__flow table { border-bottom: 1px solid #d9d9d9; }
.service__instructor .instructor__flow th { background-color: #0d47a1; display: block; font-weight: bold; width: auto; white-space: nowrap; vertical-align: middle; }
.service__instructor .instructor__flow td { border-top: 0px; border-bottom: 0px; display: block; }
.service__instructor .instructor__book { background-color: #f5f5f5; margin: 0; padding: 15px; width: auto; }
.service__instructor .instructor__book h5 { background-color: #0d47a1; color: #ffffff; text-align: center; margin-bottom: 15px; padding: 5px 10px; }
.service__instructor .instructor__book .book__column { display: table; width: 100%; }
.service__instructor .instructor__book .book__photo { display: table-cell; vertical-align: top; width: 90px; }
.service__instructor .instructor__book .book__photo p { box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); border: 1px solid #d9d9d9; overflow: hidden; }
.service__instructor .instructor__book .book__photo p img { width: 100%; }
.service__instructor .instructor__book .book__text { display: table-cell; vertical-align: top; padding-left: 15px; }
.service__instructor .instructor__book .book__text ul { border-top: 1px solid #d9d9d9; border-bottom: 0px; margin-top: 10px; padding: 5px 0 0 0; }
.service__instructor .instructor__book .book__text li { float: none; margin-right: 0; padding-top: 10px; }
.service__instructor .instructor__table { background-color: #f5f5f5; padding: 10px; }
.service__instructor .instructor__table.table_1 { -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #f5f5f5; display: table; margin-right: -10px; padding: 10px; min-width: 100%; }
.service__instructor .instructor__table.table_1 tbody th { vertical-align: middle; white-space: nowrap; }
.service__instructor .instructor__table.table_1 tbody td { text-align: center; vertical-align: middle; white-space: nowrap; }
.service__instructor .instructor__table.table_1 tbody td.text_left { text-align: left; }
.service__instructor .instructor__table.table_2 table { border-bottom: 1px solid #d9d9d9; }
.service__instructor .instructor__table.table_2 tbody th { background-color: #0d47a1; display: block; font-weight: bold; text-align: center; vertical-align: middle; width: auto; }
.service__instructor .instructor__table.table_2 tbody td { border-top: 0px; border-bottom: 0px; display: block; text-align: left; vertical-align: middle; }
.service__instructor .instructor__table.table_3 { -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #f5f5f5; display: table; margin-right: -10px; padding: 10px; min-width: 100%; }
.service__instructor .instructor__table.table_3 thead th { vertical-align: middle; white-space: nowrap; }
.service__instructor .instructor__table.table_3 thead td { background-color: #1565c0; color: #ffffff; font-weight: bold; text-align: center; vertical-align: middle; white-space: nowrap; }
.service__instructor .instructor__table.table_3 tbody th { background-color: #0d47a1; font-weight: bold; vertical-align: middle; width: 7em; white-space: nowrap; }
.service__instructor .instructor__table.table_3 tbody td { text-align: center; vertical-align: middle; white-space: nowrap; }
.service__instructor .instructor__table.table_4 { background-color: #f5f5f5; display: table; margin-right: -10px; padding: 10px; width: 100%; }
.service__instructor .instructor__table.table_4 table{ width: 100%; }
.service__instructor .instructor__table.table_4 thead th { white-space: nowrap; }
.service__instructor .instructor__table.table_4 tbody th { font-weight: bold; vertical-align: middle; white-space: nowrap; }
.service__instructor .instructor__table.table_4 tbody tr td { text-align: center; vertical-align: middle; white-space: nowrap; }
/*.service__instructor .instructor__table.table_4 tbody tr:nth-of-type(even) td { background-color: #f7f7f7; }*/
.service__instructor .instructor__table.table_4 tbody tr .bgGray { background-color: #f7f7f7; }
.service__instructor .instructor__table.table_5 { -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #f5f5f5; display: table; margin-right: -10px; padding: 10px; min-width: 100%; }
.service__instructor .instructor__table.table_5 thead th { vertical-align: middle; white-space: nowrap; }
.service__instructor .instructor__table.table_5 thead td { background-color: #1565c0; color: #ffffff; font-weight: bold; text-align: center; vertical-align: middle; white-space: nowrap; }
.service__instructor .instructor__table.table_5 tbody th { background-color: #0d47a1; font-weight: bold; vertical-align: middle; width: 7em; white-space: nowrap; }
.service__instructor .instructor__table.table_5 tbody td { text-align: center; vertical-align: middle; white-space: nowrap; }
.service__instructor .instructor__btn { margin: 10px 0 20px; }
.service__instructor .instructor__btn a { box-shadow: 0px 0px 10px rgba(0,0,0,0.3); border: 5px solid #ffffff; background-color: #0d47a1; color: #ffffff; display: block; font-size: 1.4rem; font-weight: bold; line-height: 1.4; text-decoration: underline; text-align: center; padding: 15px; }
.service__instructor .instructor__btn_2 { margin: 10px 0 20px; }
.service__instructor .instructor__btn_2 a { background-color: #fecb2f; color: #000000; display: block; font-size: 1.4rem; font-weight: bold; line-height: 1.4; text-align: center; padding: 15px; }
.service__instructor .instructor__btn_2 a span { background: url(/ja/common/images/arw_link_black.png) right center no-repeat; background-size: 5px auto; display: block; font-size: 1.2rem; font-weight: bold; line-height: 1.2; vertical-align: middle; padding-right: 10px; }
.service__instructor .hover__contents:hover .hover__contents__text { display: none; }
.service__instructor .hover__contents .spInline { position: relative; display: inline-block; padding: 10px; background-color: #d9d9d9; width: 94%; left: 1%; top: 100%; margin-top: 12px; font-size: 75%; }
.service__instructor .hover__contents .spInline:after{ border-bottom: 12px solid #d9d9d9; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: 100%; left: 5%; content: ""; position: absolute; }
.service__instructor .instructor__endbtn { border: 2px solid #1565c0; font-size: 1.2rem; max-width: 580px; padding: 20px; }
.service__instructor .instructor__bgblock { padding: 10px; }
.service__instructor .instructor__bgblock p { margin-bottom: 15px; }
.service__instructor .instructor__bgblock .instructor__lineblock { border:1px solid #d9d9d9; padding: 10px; }
.service__instructor .instructor__textbox { border: 5px solid #f5f5f5; padding: 10px; }
.service__instructor .instructor__textbox .mdl__txt_margin { margin-bottom: 15px; }
.service__instructor .instructor__method { border: 5px solid #f5f5f5; padding: 10px; }
.service__instructor .instructor__method h5 { background-color: #0d47a1; color: #ffffff; font-size: 1.4rem; text-align: center; position: relative; margin: -10px -10px 10px -10px; padding: 5px; z-index: 2; }
.service__instructor .instructor__method .method__column { display: block; width: auto; }
.service__instructor .instructor__method .method__left { background-color: #e8f3ff; border-right: 0px; display: block; vertical-align: top; position: relative; padding: 10px; width: auto; overflow: hidden; }
.service__instructor .instructor__method .method__left:after { display: none; }
.service__instructor .instructor__method .method__left h5:after { background-color: #e8f3ff; content: ""; position: absolute; top: 100%; left: 0px; width: 100%; height: 30px; z-index: 2; }
.service__instructor .instructor__method .method__left .box { position: relative; z-index: 2; }
.service__instructor .instructor__method .method__left .box span { background-color: #ffffff; border: 2px solid #3f98fa; display: block; padding: 10px; z-index: 2; }
.service__instructor .instructor__method .method__left p:nth-of-type(1).box { margin-bottom: 30px; }
.service__instructor .instructor__method .method__left p:nth-of-type(2).box { margin-top: 0; margin-bottom: 30px; }
.service__instructor .instructor__method .method__left .fin { position: relative; bottom: auto; left: auto; width: auto; }
.service__instructor .instructor__method .method__left .fin:after { background: url(/ja/images/service/support/instructor/line_01.png) center bottom no-repeat; background-size: 30px 500px; content: ""; position: absolute; bottom: 40px; left: 50%; width: 30px; height: 500px; margin-left: -15px; }
.service__instructor .instructor__method .method__left .fin span { background-color: #3f98fa; color: #ffffff; display: block; font-weight: bold; line-height: 35px; text-align: center; margin: 0; }
.service__instructor .instructor__method .method__right { background-color: #fffee8; border-left: 0px; display: block; vertical-align: top; position: relative; padding: 10px; width: auto; overflow: hidden; }
.service__instructor .instructor__method .method__right h5:after { background-color: #fffee8; content: ""; position: absolute; top: 100%; left: 0px; width: 100%; height: 30px; z-index: 2; }
.service__instructor .instructor__method .method__right .box { position: relative; margin-bottom: 10px; z-index: 2; }
.service__instructor .instructor__method .method__right p:nth-of-type(4).box { margin-bottom: 30px; }
.service__instructor .instructor__method .method__right .box span { background-color: #ffffff; border: 2px solid #ffa838; display: block; padding: 10px; z-index: 2; }
.service__instructor .instructor__method .method__right .fin { position: relative; bottom: auto; left: auto; width: auto; }
.service__instructor .instructor__method .method__right .fin:after { background: url(/ja/images/service/support/instructor/line_02.png) center bottom no-repeat; background-size: 30px 500px; content: ""; position: absolute; bottom: 40px; left: 50%; width: 30px; height: 500px; margin-left: -15px; }
.service__instructor .instructor__method .method__right .fin span { background-color: #ffa838; color: #ffffff; display: block; font-weight: bold; line-height: 35px; text-align: center; margin: 0; }
.service__instructor .instructor__method .method__arw { display: block; font-size: 0; line-height: 0; text-align: center; padding: 10px 0; }
.service__instructor .instructor__method .method__arw img { height: 10px; }
.service__instructor .instructor__anchor { background-color: #f5f5f5; padding: 5px; }
.service__instructor .instructor__anchor .anchor__block { background-color: #ffffff; border: 2px solid #d9d9d9; padding: 8px; }
.service__instructor .instructor__anchor ul { margin: -5px 0 0 0; }
.service__instructor .instructor__anchor li { -webkit-box-sizing: border-box; box-sizing: border-box; float: none; padding: 5px 0 0 0; width: auto; }
.service__instructor .instructor__anchor li:nth-of-type(3n+1) { clear: left; }
.service__instructor .instructor__anchor li a { background-color: #0d47a1; color: #ffffff; display: block; font-weight: bold; padding: 0 10px; }
.service__instructor .instructor__anchor li p { display: table; width: 100%; height: auto; }
.service__instructor .instructor__anchor li a span { background: url(/ja/common/images/icon_anchor.png) right center no-repeat; background-size: 8px auto; display: table-cell; line-height: 1.2; vertical-align: middle; padding: 10px 15px 10px 0; }
}
/* **********************************************************
service__advance
********************************************************** */
.service__advance {}
.service__advance .advance__anchor { background-color: #f5f5f5; padding: 20px; }
.service__advance .advance__anchor .anchor__block { background-color: #ffffff; border: 2px solid #d9d9d9; padding: 8px; }
.service__advance .advance__anchor ul { margin: -10px -10px 0 0; }
.service__advance .advance__anchor li { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding: 10px 10px 0 0; width: 33.33%; }
.service__advance .advance__anchor li:nth-of-type(3n+1) { clear: left; }
.service__advance .advance__anchor li a { background-color: #0d47a1; color: #ffffff; display: block; font-weight: bold; padding: 15px 15px 15px 10px; }
.service__advance .advance__anchor li a dl { display: table; width: 100%; }
.service__advance .advance__anchor li a dt { display: table-cell; vertical-align: middle; width: 30px; }
.service__advance .advance__anchor li a dt span { background-color: #ffffff; -webkit-border-radius: 50%; border-radius: 50%; color: #0d47a1; display: block; font-size: 2.0rem; line-height: 30px; text-align: center; width: 30px; }
.service__advance .advance__anchor li a dd { background: url(/ja/common/images/icon_anchor.png) right center no-repeat; background-size: 15px auto; display: table-cell; line-height: 1.2; vertical-align: middle; padding: 0 25px 0 10px; }
.service__advance h3 { border-bottom: 1px solid #cccccc; padding-bottom: 15px; }
.service__advance h3 > span { display: table; width: 100%; }
.service__advance h3 > span span { display: table-cell; font-weight: bold; vertical-align: top; }
.service__advance h3 > span span:nth-of-type(1) { width: 30px; }
.service__advance h3 > span span:nth-of-type(1) em { -webkit-border-radius: 50%; border-radius: 50%; background-color: #0d47a1; color: #ffffff; display: block; font-size: 2.0rem; font-weight: bold; line-height: 30px; text-align: center; }
.service__advance h3 > span span:nth-of-type(2) { color: #0d47a1; font-size: 2.4rem; line-height: 1.2; vertical-align: middle; padding-left: 10px; }
.service__advance .margin_left { margin-left: 3em; }
.service__advance .margin_left_em2 { margin-left: 2em; }
.service__advance .margin_top { margin-top: 15px; }
.service__advance .mdl__arw_lb { background-position: left 8px; font-size: 1.8rem; font-weight: bold; }
.service__advance .advance__block { background-color: #fcf7e3; padding: 25px; }
.service__advance .advance__block h5 { font-size: 2.4rem; margin-bottom: 25px; }
.service__advance .advance__block .block__inner { border-top: 3px solid #ffcd00; margin-top: 25px; padding-top: 25px; }
.service__advance .advance__block > div:nth-of-type(1).block__inner { margin-top: 0; }
.service__advance .advance__block .block__inner .margin_left > * { margin-bottom: 25px; }
.service__advance .advance__block .block__inner .margin_left > *:last-child { margin-bottom: 0; }
.service__advance .advance__photo { border: 10px solid #f5f5f5; padding: 40px; }
.service__advance .advance__photo img { width: 100%; }
@media (min-width: 768px) {
.service__advance .advance__anchor li a:hover { background-color: #fecb2f; color: #000000; text-decoration: none; }
.service__advance .advance__anchor li a:hover dt span { background-color: #ffffff; color: #000000; }
.service__advance .advance__anchor li a:hover dd { background: url(/ja/common/images/icon_anchor_hover.png) right center no-repeat; background-size: 15px auto; }
}
@media (max-width: 767px) {
.service__advance {}
.service__advance .advance__anchor { background-color: #f5f5f5; padding: 5px; }
.service__advance .advance__anchor .anchor__block { background-color: #ffffff; border: 2px solid #d9d9d9; padding: 8px; }
.service__advance .advance__anchor ul { margin: -5px 0 0 0; }
.service__advance .advance__anchor li { -webkit-box-sizing: border-box; box-sizing: border-box; float: none; padding: 5px 0 0 0; width: auto; }
.service__advance .advance__anchor li:nth-of-type(3n+1) { clear: left; }
.service__advance .advance__anchor li a { background-color: #0d47a1; color: #ffffff; display: block; font-weight: bold; padding: 10px; }
.service__advance .advance__anchor li a dl { display: table; width: 100%; }
.service__advance .advance__anchor li a dt { display: table-cell; vertical-align: middle; width: 25px; }
.service__advance .advance__anchor li a dt span { background-color: #ffffff; -webkit-border-radius: 50%; border-radius: 50%; color: #0d47a1; display: block; font-size: 1.6rem; line-height: 25px; text-align: center; width: 25px; }
.service__advance .advance__anchor li a dd { background: url(/ja/common/images/icon_anchor.png) right center no-repeat; background-size: 8px auto; display: table-cell; line-height: 1.2; vertical-align: middle; padding: 0 15px 0 10px; }
.service__advance h3 { border-bottom: 1px solid #cccccc; padding-bottom: 15px; }
.service__advance h3 > span { display: table; width: 100%; }
.service__advance h3 > span span { display: table-cell; font-weight: bold; vertical-align: top; }
.service__advance h3 > span span:nth-of-type(1) { width: 25px; }
.service__advance h3 > span span:nth-of-type(1) em { -webkit-border-radius: 50%; border-radius: 50%; background-color: #0d47a1; color: #ffffff; display: block; font-size: 1.6rem; line-height: 25px; text-align: center; }
.service__advance h3 > span span:nth-of-type(2) { color: #0d47a1; font-size: 1.8rem; line-height: 1.2; vertical-align: middle; padding-left: 5px; }
.service__advance .margin_left { margin-left: 1em; }
.service__advance .margin_left_em2 { margin-left: 1em; }
.service__advance .margin_top { margin-top: 10px; }
.service__advance .mdl__arw_lb { background-position: left 6px; font-size: 1.4rem; font-weight: bold; }
.service__advance .advance__block { background-color: #fcf7e3; padding: 10px; }
.service__advance .advance__block h5 { font-size: 1.6rem; margin-bottom: 10px; }
.service__advance .advance__block .block__inner { border-top: 3px solid #ffcd00; margin-top: 15px; padding-top: 15px; }
.service__advance .advance__block > div:nth-of-type(1).block__inner { margin-top: 0; }
.service__advance .advance__block .block__inner .margin_left > * { margin-bottom: 10px; }
.service__advance .advance__block .block__inner .margin_left > *:last-child { margin-bottom: 0; }
.service__advance .advance__photo { border: 5px solid #f5f5f5; padding: 10px; }
.service__advance .advance__photo img { width: 100%; }
}
/* **********************************************************
service__jitco
********************************************************** */
.service__jitco {}
.service__jitco h3 { padding: 10px 0; }
.service__jitco h3 span { background-color: #0d47a1; color: #ffffff; display: block; font-size: 2.6rem; font-weight: bold; padding: 10px 20px; text-align: center; }
/*.service__jitco h3 { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 10px 0; }
.service__jitco h3 span { background-color: #0d47a1; color: #ffffff; display: block; font-size: 2.6rem; font-weight: bold; padding: 10px 20px; }*/
.service__jitco h4 { border-bottom: 1px solid #cccccc; padding-bottom: 15px; }
.service__jitco h4 > span { display: table; width: 100%; }
.service__jitco h4 > span span { display: table-cell; font-weight: bold; vertical-align: top; }
.service__jitco h4 > span span:nth-of-type(1) { width: 30px; }
.service__jitco h4 > span span:nth-of-type(1) em { -webkit-border-radius: 50%; border-radius: 50%; background-color: #0d47a1; color: #ffffff; display: block; font-size: 2.0rem; line-height: 30px; text-align: center; }
.service__jitco h4 > span span:nth-of-type(2) { color: #0d47a1; font-size: 2.4rem; line-height: 1.2; vertical-align: middle; padding-left: 10px; }
.service__jitco .jitco__fs { font-size: 1.7rem; }
.service__jitco .mdl__arw_lb { background-position: left 8px; font-size: 1.8rem; font-weight: bold; }
.service__jitco .margin_left_em2 { margin-left: 2em; }
.service__jitco .margin_bottom_0 { margin-bottom: 0; }
.service__jitco .jitco__block { background-color: #fcf7e3; padding: 25px; }
.service__jitco .jitco__block h5 { font-size: 2.4rem; margin-bottom: 25px; }
.service__jitco .jitco__block .block__inner { border-top: 3px solid #ffcd00; margin-top: 25px; padding-top: 25px; }
.service__jitco .jitco__block > div:nth-of-type(1).block__inner { margin-top: 0; }
.service__jitco .jitco__block .block__inner > * { margin-bottom: 25px; }
.service__jitco .jitco__block .block__inner > *:last-child { margin-bottom: 0; }
.service__jitco .jitco__block .block__inner dl { border-top: 1px solid #d9d9d9; }
.service__jitco .jitco__block .block__inner dt { font-weight: bold; padding-top: 15px; }
.service__jitco .jitco__block .block__inner dd { border-bottom: 1px solid #d9d9d9; padding-bottom: 15px; }
.service__jitco .jitco__block .block__inner dd:last-child { border-bottom: 0px; padding-bottom: 0px; }
.service__jitco .jitco__block h6 { font-weight: normal; margin-bottom: 25px; }
.service__jitco .jitco__block .block__list { margin-bottom: 25px; }
.service__jitco .service__jitco__mv{ margin: -5px 0 35px; }
.service__jitco .service__jitco__mv h4{ color: #0d47a1; font-size: 2.4rem; line-height: 1.2; vertical-align: middle; }
.service__jitco .service__jitco__mv__img { margin-bottom: 45px; }
.service__jitco .service__jitco__mv__img img{ width: 100%; height: auto; vertical-align: top; }
.service__jitco .service__jitco__mv__box{ background-color: #d9e2f1; margin-bottom: 20px; padding: 30px; }
.service__jitco .service__jitco__mv__box li{ font-weight: bold; line-height: calc(36/16); position: relative; padding-left: 1em; }
.service__jitco .service__jitco__mv__box li>span{ position: absolute; top: 0;left: 0; }
.service__jitco .service__jitco__mv__note{ text-align: center; }
.service__jitco .service__jitco__function {border: 10px solid #f5f5f5;text-align: center;padding: 40px;}
.service__jitco .service__jitco__function img{width: auto;max-width: 100%;height: auto;}
.service__jitco .service__jitco__voice{ margin-bottom: 30px; }
.service__jitco .service__jitco__voice h3{ padding-top: 0; }
.service__jitco .service__jitco__voice h4{ color: #0d47a1; font-size: 2.4rem; line-height: 1.2; vertical-align: middle; }
.service__jitco .service__jitco__voice__grid{display: grid;grid-template-columns: 1fr 30px 1fr 30px 1fr;}
.service__jitco .service__jitco__voice__cell{background-color: #f5f5f5;padding: 20px 15px;}
.service__jitco .service__jitco__voice__cell:nth-of-type(1){grid-column: 1;}
.service__jitco .service__jitco__voice__cell:nth-of-type(2){grid-column: 3;}
.service__jitco .service__jitco__voice__cell:nth-of-type(3){grid-column: 5;}
@media (max-width: 767px) {
.service__jitco {}
.service__jitco h3 { padding: 10px 0; }
.service__jitco h3 span { background-color: #0d47a1; color: #ffffff; display: block; font-size: 1.8rem; font-weight: bold; padding: 10px; text-align: center; }
/*.service__jitco h3 { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 10px 0; }
.service__jitco h3 span { background-color: #0d47a1; color: #ffffff; display: block; font-size: 1.8rem; font-weight: bold; padding: 10px 10px; }*/
.service__jitco h4 { border-bottom: 1px solid #cccccc; padding-bottom: 15px; }
.service__jitco h4 > span { display: table; width: 100%; }
.service__jitco h4 > span span { display: table-cell; font-weight: bold; vertical-align: top; }
.service__jitco h4 > span span:nth-of-type(1) { width: 25px; }
.service__jitco h4 > span span:nth-of-type(1) em { -webkit-border-radius: 50%; border-radius: 50%; background-color: #0d47a1; color: #ffffff; display: block; font-size: 1.8rem; font-weight: bold; line-height: 25px; text-align: center; }
.service__jitco h4 > span span:nth-of-type(2) { color: #0d47a1; font-size: 1.8rem; line-height: 1.2; vertical-align: middle; padding-left: 5px; }
.service__jitco .jitco__fs { font-size: 1.4rem; }
.service__jitco .mdl__arw_lb { background-position: left 6px; font-size: 1.4rem; font-weight: bold; }
.service__jitco .margin_left_em2 { margin-left: 2em; }
.service__jitco .jitco__block { background-color: #fcf7e3; padding: 10px; }
.service__jitco .jitco__block h5 { font-size: 1.6rem; margin-bottom: 10px; }
.service__jitco .jitco__block .block__inner { border-top: 3px solid #ffcd00; margin-top: 15px; padding-top: 15px; }
.service__jitco .jitco__block > div:nth-of-type(1).block__inner { margin-top: 0; }
.service__jitco .jitco__block .block__inner > * { margin-bottom: 10px; }
.service__jitco .jitco__block .block__inner > *:last-child { margin-bottom: 0; }
.service__jitco .jitco__block .block__inner dl { border-top: 1px solid #d9d9d9; }
.service__jitco .jitco__block .block__inner dt { font-weight: bold; padding-top: 10px; }
.service__jitco .jitco__block .block__inner dd { border-bottom: 1px solid #d9d9d9; padding-bottom: 10px; }
.service__jitco .jitco__block .block__inner dd:last-child { border-bottom: 0px; padding-bottom: 0px; }
.service__jitco .jitco__block h6 { font-weight: normal; margin-bottom: 25px; }
.service__jitco .jitco__block .block__list { margin-bottom: 25px; }
.service__jitco .service__jitco__mv{ margin: -5px 0 30px; }
.service__jitco .service__jitco__mv h4{ font-size: 1.8rem; }
.service__jitco .service__jitco__mv__img { margin-bottom: 30px; }
.service__jitco .service__jitco__mv__img img{ width: 100%; height: auto; vertical-align: top; }
.service__jitco .service__jitco__mv__box{ margin-bottom: 15px; padding: 18px 15px; }
.service__jitco .service__jitco__mv__note{ text-align: left; }
.service__jitco .service__jitco__function {border: 5px solid #f5f5f5;padding: 10px;}
.service__jitco .service__jitco__voice{ margin-bottom: 30px; }
.service__jitco .service__jitco__voice h3{ font-size: 1.4rem; }
.service__jitco .service__jitco__voice h4{ font-size: 1.8rem; }
.service__jitco .service__jitco__voice__grid{grid-template-rows: auto 15px auto 15px;grid-template-columns: 1fr;}
.service__jitco .service__jitco__voice__cell:nth-of-type(1){grid-row: 1;}
.service__jitco .service__jitco__voice__cell:nth-of-type(2){grid-column: 1;grid-row: 3;}
.service__jitco .service__jitco__voice__cell:nth-of-type(3){grid-column: 1;grid-row: 5;}
}
/* **********************************************************
service__intern
********************************************************** */
.service__intern {}
.service__intern .intern__anchor { background-color: #f5f5f5; padding: 20px; }
.service__intern .intern__anchor .anchor__block { background-color: #ffffff; border: 2px solid #d9d9d9; padding: 8px; }
.service__intern .intern__anchor ul { margin: -10px -10px 0 0; }
.service__intern .intern__anchor li { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding: 10px 10px 0 0; width: 33.33%; }
.service__intern .intern__anchor li:nth-of-type(3n+1) { clear: left; }
.service__intern .intern__anchor li a { background-color: #0d47a1; color: #ffffff; display: block; font-weight: bold; padding: 0 15px 0 10px; }
.service__intern .intern__anchor li p { display: table; width: 100%; height: 60px; }
.service__intern .intern__anchor li a span { background: url(/ja/common/images/icon_anchor.png) right center no-repeat; background-size: 15px auto; display: table-cell; line-height: 20px; vertical-align: middle; padding: 10px 25px 10px 10px; }
@media (min-width: 768px) {
.service__intern .intern__anchor li a:hover { background-color: #fecb2f; color: #000000; text-decoration: none; }
.service__intern .intern__anchor li a:hover span { background: url(/ja/common/images/icon_anchor_hover.png) right center no-repeat; background-size: 15px auto; }
}
@media (max-width: 767px) {
.service__intern {}
.service__intern .intern__anchor { background-color: #f5f5f5; padding: 5px; }
.service__intern .intern__anchor .anchor__block { background-color: #ffffff; border: 2px solid #d9d9d9; padding: 8px; }
.service__intern .intern__anchor ul { margin: -5px 0 0 0; }
.service__intern .intern__anchor li { -webkit-box-sizing: border-box; box-sizing: border-box; float: none; padding: 5px 0 0 0; width: auto; }
.service__intern .intern__anchor li:nth-of-type(3n+1) { clear: left; }
.service__intern .intern__anchor li a { background-color: #0d47a1; color: #ffffff; display: block; font-weight: bold; padding: 0 10px; }
.service__intern .intern__anchor li p { display: table; width: 100%; height: auto; }
.service__intern .intern__anchor li a span { background: url(/ja/common/images/icon_anchor.png) right center no-repeat; background-size: 8px auto; display: table-cell; line-height: 1.2; vertical-align: middle; padding: 10px 15px 10px 0; }
}
/* **********************************************************
service__competition
********************************************************** */
.service__competition {}
.service__competition h3 { border-bottom: 1px solid #cccccc; color: inherit; display: table; font-size: 1.6rem; padding-bottom: 0; width: 100%; }
.service__competition h3 span:nth-of-type(1) { color: #0d47a1; display: table-cell; font-size: 2.4rem; font-weight: bold; vertical-align: middle; padding-bottom: 15px; }
.service__competition h3 span:nth-of-type(2) { display: table-cell; font-weight: normal; text-align: right; vertical-align: middle; padding-bottom: 15px; }
.service__competition h4 { border-top: 3px solid #ffcd00; font-size: 2.4rem; font-weight: bold; padding: 25px 0; }
.service__competition h5 { background-color: #ff9900; color: #ffffff; font-size: 1.8rem; font-weight: bold; padding: 10px 15px; }
.service__competition h6 { color: #ff9900; font-size: 2.4rem; font-weight: bold; text-align: center; }
.service__competition .mdl__arw_lb,
.service__competition .service__column .mdl__arw_lb { background-position: left 6px; font-size: 1.6rem; font-weight: bold; }
.service__competition .service__column .mdl__arw_lb span { display: block; font-size: 1.4rem; font-weight: normal; }
.service__competition .competition__wrap { background-color: #fcf7e3; margin-top: 40px; padding: 50px; }
.service__competition .competition__block { background-color: #ffffff; margin-bottom: 40px; padding: 40px; }
.service__competition .competition__block > * { margin-bottom: 20px; }
.service__competition .competition__block > *:last-child { margin-bottom: 0; }
.service__competition .competition__block .competition__list { border-top: 1px solid #d9d9d9; }
.service__competition .competition__block .competition__list > li { border-bottom: 1px solid #d9d9d9; padding: 15px 0; }
.service__competition .competition__block .competition__list > li > dl { display: table; width: 100%; }
.service__competition .competition__block .competition__list > li > dl > dt { display: table-cell; font-weight: bold; vertical-align: top; width: 10em; }
.service__competition .competition__block .competition__list > li > dl > dd { display: table-cell; vertical-align: top; }
.service__competition .competition__block .mdl__ul_em30 li { padding-left: 2.5em; }
.service__competition .competition__block .text_margin { margin-left: 2em; }
@media (max-width: 767px) {
.service__competition {}
.service__competition h3 { border-bottom: 1px solid #cccccc; color: inherit; display: table; font-size: 1.8rem; padding-bottom: 0; width: 100%; }
.service__competition h3 span:nth-of-type(1) { color: #0d47a1; display: table-cell; font-size: 1.8rem; font-weight: bold; vertical-align: middle; padding-bottom: 15px; }
.service__competition h3 span:nth-of-type(2) { display: table-cell; font-size: 1.2rem; font-weight: normal; text-align: right; vertical-align: middle; padding-bottom: 15px; }
.service__competition h4 { border-top: 3px solid #ffcd00; font-size: 1.8rem; font-weight: bold; padding: 10px 0; }
.service__competition h5 { background-color: #ff9900; color: #ffffff; font-size: 1.4rem; font-weight: bold; padding: 5px 10px; }
.service__competition h6 { color: #ff9900; font-size: 1.8rem; font-weight: bold; text-align: center; }
.service__competition .mdl__arw_lb,
.service__competition .service__column .mdl__arw_lb { background-position: left 6px; font-size: 1.4rem; font-weight: bold; }
.service__competition .service__column .mdl__arw_lb span { display: block; font-size: 1.4rem; font-weight: normal; }
.service__competition .competition__wrap { background-color: #fcf7e3; margin-top: 15px; padding: 10px; }
.service__competition .competition__block { background-color: #ffffff; margin-bottom: 15px; padding: 10px; }
.service__competition .competition__block > * { margin-bottom: 15px; }
.service__competition .competition__block > *:last-child { margin-bottom: 0; }
.service__competition .competition__block .competition__list { border-top: 1px solid #d9d9d9; }
.service__competition .competition__block .competition__list > li { border-bottom: 1px solid #d9d9d9; padding: 10px 0; }
.service__competition .competition__block .competition__list > li > dl { display: block; width: auto; }
.service__competition .competition__block .competition__list > li > dl > dt { display: block; font-weight: bold; vertical-align: top; width: auto; }
.service__competition .competition__block .competition__list > li > dl > dd { display: block; vertical-align: top; }
.service__competition .competition__block .mdl__ul_em30 li { padding-left: 2.5em; }
.service__competition .competition__block .text_margin { margin-left: 1em; }
}
/* **********************************************************
service__ondemand
********************************************************** */
.service__ondemand {}
.service__ondemand .ondemand_lm { margin-left: 2em; }
.service__ondemand .ondemand_bm { margin-bottom: 0; }
.service__ondemand .font_S { font-size: 1.4rem; }
.service__ondemand .font_L { font-size: 2.0rem; font-weight: bold; }
.service__ondemand h3 { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 10px 0; }
.service__ondemand h3 span { background-color: #0d47a1; color: #ffffff; display: block; font-size: 2.6rem; font-weight: bold; padding: 10px 20px; }
.service__ondemand h4 { border-bottom: 1px solid #cccccc; padding-bottom: 15px; }
.service__ondemand h4 > span { display: table; width: 100%; }
.service__ondemand h4 > span span { display: table-cell; font-weight: bold; vertical-align: top; }
.service__ondemand h4 > span span:nth-of-type(1) { width: 30px; }
.service__ondemand h4 > span span:nth-of-type(1) em { -webkit-border-radius: 50%; border-radius: 50%; background-color: #0d47a1; color: #ffffff; display: block; font-size: 2.0rem; font-weight: bold; line-height: 30px; text-align: center; }
.service__ondemand h4 > span span:nth-of-type(2) { color: #0d47a1; font-size: 2.4rem; line-height: 1.2; vertical-align: middle; padding-left: 10px; }
.service__ondemand .ondemand__block { background-color: #fcf7e3; padding: 25px; }
.service__ondemand .ondemand__block .block__text { border-top: 3px solid #ffcd00; border-bottom: 3px solid #ffcd00; padding: 25px 0; }
.service__ondemand .ondemand__block .block__text h4 { font-size: 1.8rem; font-weight: normal; margin-bottom: 15px; }
.service__ondemand .ondemand__block .block__text .right__link dt { display: table-cell; vertical-align: middle; white-space: nowrap; width: 10em; }
.service__ondemand .ondemand__block .block__text .right__link dd { display: table-cell; vertical-align: middle; padding-left: 15px; font-weight: bold; }
.service__ondemand .ondemand__column { display: table; width: 100%; }
.service__ondemand .ondemand__left { display: table-cell; vertical-align: top; width: 14.28%; }
.service__ondemand .ondemand__left p { box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); border: 1px solid #d9d9d9; overflow: hidden; }
.service__ondemand .ondemand__left p img { width: 100%; }
.service__ondemand .ondemand__right { display: table-cell; vertical-align: top;}
.service__ondemand .ondemand__right .right__book { display: none; }
.service__ondemand .ondemand__right .right__link {}
.service__ondemand .ondemand__right .right__link p {}
.service__ondemand .ondemand__right .right__link dl { border-bottom: 1px solid #d9d9d9; display: table; padding: 20px 0; margin-bottom: 20px; width: 100%; }
.service__ondemand .ondemand__right .right__link dl:nth-of-type(1) { border-top: 1px solid #d9d9d9; }
.service__ondemand .ondemand__right .right__link dt { display: table-cell; font-weight: bold; vertical-align: middle; white-space: nowrap; width: 10em; }
.service__ondemand .ondemand__right .right__link dd { display: table-cell; vertical-align: middle; padding-left: 25px; }
.service__ondemand .ondemand__right .right__link dd ul { margin-top: -10px; }
.service__ondemand .ondemand__right .right__link dd li { float: left; margin-right: 20px; padding-top: 10px; }
.service__ondemand .ondemand__right .right__link dd li:last-child { margin-right: 0; }
.service__ondemand .ondemand__anchor { background-color: #f5f5f5; padding: 20px; }
.service__ondemand .ondemand__anchor .anchor__block { background-color: #ffffff; border: 2px solid #d9d9d9; padding: 8px; }
.service__ondemand .ondemand__anchor ul { margin: -10px -10px 0 0; }
.service__ondemand .ondemand__anchor li { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding: 10px 10px 0 0; width: 33.33%; }
.service__ondemand .ondemand__anchor li:nth-of-type(3n+1) { clear: left; }
.service__ondemand .ondemand__anchor li a { background-color: #0d47a1; color: #ffffff; display: block; font-weight: bold; padding: 15px 15px 15px 10px; }
.service__ondemand .ondemand__anchor li a dl { display: table; width: 100%; }
.service__ondemand .ondemand__anchor li a dt { display: table-cell; vertical-align: middle; width: 30px; }
.service__ondemand .ondemand__anchor li a dt span { background-color: #ffffff; -webkit-border-radius: 50%; border-radius: 50%; color: #0d47a1; display: block; font-size: 2.0rem; line-height: 30px; text-align: center; width: 30px; }
.service__ondemand .ondemand__anchor li a dd { background: url(/ja/common/images/icon_anchor.png) right center no-repeat; background-size: 15px auto; display: table-cell; line-height: 1.2; vertical-align: middle; padding: 0 25px 0 10px; }
.service__ondemand .ondemand__text h5 { margin-bottom: 10px; }
.service__ondemand .ondemand__flow { border: 10px solid #f5f5f5; padding: 20px; }
.service__ondemand .ondemand__flow .flow__block { background: url(/ja/images/service/support/instructor/arw_flow.png) center bottom no-repeat; background-size: auto 12px; margin-bottom: 12px; padding-bottom: 22px; }
.service__ondemand .ondemand__flow > div:last-child.flow__block { background: none; margin-bottom: 0; padding-bottom: 0; }
.service__ondemand .ondemand__flow th { background-color: #0d47a1; font-weight: bold; width: 11em; white-space: nowrap; vertical-align: middle; }
.service__ondemand .ondemand_toggle dt { background-color: #0d47a0; color: #ffffff; cursor: pointer; font-weight: bold; margin-bottom: 5px; padding: 10px 15px; }
.service__ondemand .ondemand_toggle dt span { background: url(/ja/common/images/icon_toggle_open2.png) right center no-repeat; display: block; position: relative; padding: 5px 45px 5px 3em; }
.service__ondemand .ondemand_toggle dt.opened span { background: url(/ja/common/images/icon_toggle_close2.png) right center no-repeat; }
.service__ondemand .ondemand_toggle dt span em { font-weight: bold; position: absolute; top: 5px; left: 0px; }
.service__ondemand .ondemand_toggle dd { display: none; margin: 25px 0 45px 0; }
@media (min-width: 768px) {
.service__ondemand .ondemand__anchor li a:hover { background-color: #fecb2f; color: #000000; text-decoration: none; }
.service__ondemand .ondemand__anchor li a:hover dt span { background-color: #ffffff; color: #000000; }
.service__ondemand .ondemand__anchor li a:hover dd { background: url(/ja/common/images/icon_anchor_hover.png) right center no-repeat; background-size: 15px auto; }
}
@media (max-width: 767px) {
.service__ondemand {}
.service__ondemand .ondemand_lm { margin-left: 1em; }
.service__ondemand .font_S { font-size: 1.0rem; }
.service__ondemand .font_L { font-size: 1.4rem; font-weight: bold; }
.service__ondemand h3 { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 10px 0; }
.service__ondemand h3 span { background-color: #0d47a1; color: #ffffff; display: block; font-size: 1.8rem; font-weight: bold; padding: 10px 10px; }
.service__ondemand h4 { border-bottom: 1px solid #cccccc; padding-bottom: 15px; }
.service__ondemand h4 > span { display: table; width: 100%; }
.service__ondemand h4 > span span { display: table-cell; font-weight: bold; vertical-align: top; }
.service__ondemand h4 > span span:nth-of-type(1) { width: 25px; }
.service__ondemand h4 > span span:nth-of-type(1) em { -webkit-border-radius: 50%; border-radius: 50%; background-color: #0d47a1; color: #ffffff; display: block; font-size: 1.8rem; font-weight: bold; line-height: 25px; text-align: center; }
.service__ondemand h4 > span span:nth-of-type(2) { color: #0d47a1; font-size: 1.8rem; line-height: 1.2; vertical-align: middle; padding-left: 5px; }
.service__ondemand .ondemand__block { background-color: #fcf7e3; padding: 10px; }
.service__ondemand .ondemand__block .block__text { border-top: 3px solid #ffcd00; border-bottom: 3px solid #ffcd00; padding: 15px 0; }
.service__ondemand .ondemand__block .block__text h4 { font-size: 1.4rem; font-weight: normal; margin-bottom: 5px; }
.service__ondemand .ondemand__block .block__text .right__link dt { display: block; font-weight: bold; vertical-align: middle; white-space: nowrap; width: auto; }
.service__ondemand .ondemand__block .block__text .right__link dd { display: block; vertical-align: middle; padding: 0 0 10px 1em; }
.service__ondemand .ondemand__block .block__text .right__link dd ul { margin-top: 0; }
.service__ondemand .ondemand__block .block__text .right__link dd li { float: none; margin-right: 0; padding-top: 10px; }
.service__ondemand .ondemand__block .block__text .right__link dd li:nth-of-type(1) { padding-top: 0; }
.service__ondemand .ondemand__block .block__text .right__link dd li:last-child { margin-right: 0; }
.service__ondemand .ondemand__column { display: block; width: auto; }
.service__ondemand .ondemand__left { display:none; }
.service__ondemand .ondemand__left p { box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); border: 1px solid #d9d9d9; overflow: hidden; }
.service__ondemand .ondemand__left p img { width: 100%; }
.service__ondemand .ondemand__right { background-color: #ffffff; border: 5px solid #f5f5f5; display: block; vertical-align: top; padding: 15px; }
.service__ondemand .ondemand__right .right__book { display: block; margin-bottom: 20px; }
.service__ondemand .ondemand__right .right__book a { display: block; }
.service__ondemand .ondemand__right .right__book dl { display: table; width: 100%; }
.service__ondemand .ondemand__right .right__book dt { display: table-cell; vertical-align: middle; text-align: center; }
.service__ondemand .ondemand__right .right__book dt span { box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); border: 1px solid #d9d9d9; display: block; overflow: hidden; margin: 0 auto; width: 126px; }
.service__ondemand .ondemand__right .right__book dt span img { width: 100%; }
.service__ondemand .ondemand__right .right__book dd { display: table-cell; vertical-align: middle; padding-left: 15px; }
.service__ondemand .ondemand__right .right__book dd small { font-size: 1.0rem; display: block; padding-bottom: 5px; }
.service__ondemand .ondemand__right .right__link {}
.service__ondemand .ondemand__right .right__link p {}
.service__ondemand .ondemand__right .right__link dl { border-bottom: 1px solid #d9d9d9; display: block; margin-bottom: 0px; padding: 10px 0; width: auto; }
.service__ondemand .ondemand__right .right__link dl:nth-of-type(1) { border-top: 1px solid #d9d9d9; }
.service__ondemand .ondemand__right .right__link dt { display: block; font-weight: bold; vertical-align: middle; white-space: nowrap; width: auto; }
.service__ondemand .ondemand__right .right__link dd { display: block; vertical-align: middle; padding: 10px 0 0 1em; }
.service__ondemand .ondemand__right .right__link dd ul { margin-top: 0; }
.service__ondemand .ondemand__right .right__link dd li { float: none; margin-right: 0; padding-top: 10px; }
.service__ondemand .ondemand__right .right__link dd li:nth-of-type(1) { padding-top: 0; }
.service__ondemand .ondemand__right .right__link dd li:last-child { margin-right: 0; }
.service__ondemand .ondemand__anchor { background-color: #f5f5f5; padding: 5px; }
.service__ondemand .ondemand__anchor .anchor__block { background-color: #ffffff; border: 2px solid #d9d9d9; padding: 8px; }
.service__ondemand .ondemand__anchor ul { margin: -5px 0 0 0; }
.service__ondemand .ondemand__anchor li { -webkit-box-sizing: border-box; box-sizing: border-box; float: none; padding: 5px 0 0 0; width: auto; }
.service__ondemand .ondemand__anchor li:nth-of-type(3n+1) { clear: left; }
.service__ondemand .ondemand__anchor li a { background-color: #0d47a1; color: #ffffff; display: block; font-weight: bold; padding: 10px; }
.service__ondemand .ondemand__anchor li a dl { display: table; width: 100%; }
.service__ondemand .ondemand__anchor li a dt { display: table-cell; vertical-align: middle; width: 25px; }
.service__ondemand .ondemand__anchor li a dt span { background-color: #ffffff; -webkit-border-radius: 50%; border-radius: 50%; color: #0d47a1; display: block; font-size: 1.6rem; line-height: 25px; text-align: center; width: 25px; }
.service__ondemand .ondemand__anchor li a dd { background: url(/ja/common/images/icon_anchor.png) right center no-repeat; background-size: 8px auto; display: table-cell; line-height: 1.2; vertical-align: middle; padding: 0 15px 0 10px; }
.service__ondemand .ondemand__text h5 { margin-bottom: 5px; }
.service__ondemand .ondemand__flow { border: 5px solid #f5f5f5; padding: 15px; }
.service__ondemand .ondemand__flow .flow__block { background: url(/ja/images/service/support/instructor/arw_flow.png) center bottom no-repeat; background-size: auto 14px; margin-bottom: 10px; padding-bottom: 24px; }
.service__ondemand .ondemand__flow > div:last-child.flow__block { background: none; margin-bottom: 0; padding-bottom: 0; }
.service__ondemand .ondemand__flow table { border-bottom: 1px solid #d9d9d9; }
.service__ondemand .ondemand__flow th { background-color: #0d47a1; display: block; font-weight: bold; width: auto; white-space: nowrap; vertical-align: middle; }
.service__ondemand .ondemand__flow td { border-top: 0px; border-bottom: 0px; display: block; }
.service__ondemand .ondemand_toggle dt { background-color: #0d47a0; color: #ffffff; cursor: pointer; font-weight: bold; margin-bottom: 10px; padding: 5px 10px; }
.service__ondemand .ondemand_toggle dt span { background: url(/ja/common/images/icon_toggle_open2.png) right 5px no-repeat; background-size: 17px 17px; display: block; position: relative; padding: 5px 25px 5px 3em; }
.service__ondemand .ondemand_toggle dt.opened span { background: url(/ja/common/images/icon_toggle_close2.png) right 5px no-repeat; background-size: 17px 17px; }
.service__ondemand .ondemand_toggle dt span em { font-weight: bold; position: absolute; top: 5px; left: 0px; }
.service__ondemand .ondemand_toggle dd { display: none; margin: 15px 0 15px 0; }
}
/* **********************************************************
service__learning
********************************************************** */
.service__learning {}
.service__learning h3 { border-bottom: 1px solid #cccccc; color: #0d47a1; font-size: 2.4rem; font-weight: bold; padding-bottom: 15px; }
.service__learning h4 { background-color: #f5f5f5; font-size: 2.0rem; font-weight: bold; line-height: 1.2; padding: 10px; }
.service__learning .new { background-color: #da0000; color: #fff; display: inline-block; font-size: 1.6rem; line-height: 1; vertical-align: middle; margin: 0 0 0 10px; padding: 4px 15px; }
.service__learning .learning__anchor { background-color: #f5f5f5; padding: 20px; }
.service__learning .learning__anchor .anchor__block { background-color: #ffffff; border: 2px solid #d9d9d9; padding: 8px; }
.service__learning .learning__anchor ul { margin: -10px -10px 0 0; }
.service__learning .learning__anchor li { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; padding: 10px 10px 0 0; width: 33.33%; }
.service__learning .learning__anchor.column5 li { width: 20%; }
.service__learning .learning__anchor.column0 li { float: none; width: auto; }
.service__learning .learning__anchor li:nth-of-type(3n+1) { clear: left; }
.service__learning .learning__anchor.column5 li:nth-of-type(3n+1) { clear: none; }
.service__learning .learning__anchor.column5 li:nth-of-type(5n+1) { clear: left; }
.service__learning .learning__anchor li a { background-color: #0d47a1; color: #ffffff; display: block; font-weight: bold; padding: 0 15px 0 10px; }
.service__learning .learning__anchor li p { display: table; width: 100%; height: 60px; }
.service__learning .learning__anchor li a span { background: url(/ja/common/images/icon_anchor.png) right center no-repeat; background-size: 15px auto; display: table-cell; line-height: 20px; vertical-align: middle; padding: 10px 25px 10px 10px; }
.service__learning .learning__bgblock { background-color: #fcf7e3; padding: 30px; }
.service__learning .learning__bgblock .mdl__ul_em85 { margin-top: 15px; }
.service__learning .learning__bgblock .mdl__ul_em85 > li { position: relative; padding-left: 8.5em; }
.service__learning .learning__bgblock .mdl__ul_em85 > li > em { position: absolute; top: 0px; left: 0px; }
.service__learning .learning__block { background-color: #fcf7e3; padding: 25px; }
.service__learning .learning__block .block__text { border-top: 3px solid #ffcd00; border-bottom: 3px solid #ffcd00; padding: 25px 0; }
.service__learning .learning__block .block__text h5 { font-size: 2.4rem; margin-bottom: 20px; }
.service__learning .learning__block .mdl__ul_em10 { margin-top: 15px; }
.service__learning .table_title { margin-bottom: 0; }
.service__learning .learning__table.table_1 { background-color: #f5f5f5; padding: 10px; }
.service__learning .learning__table.table_1 thead th { vertical-align: middle; }
.service__learning .learning__table.table_1 tbody th { background-color: #1565c0; font-weight: bold; text-align: center; vertical-align: middle; }
.service__learning .learning__table.table_1 tbody td { text-align: left; }
.service__learning .learning__table.table_1 tbody td:nth-of-type(2) { white-space: nowrap; }
.service__learning .learning__table.table_1 tbody .tx_center { text-align: center; }
.service__learning .learning__ml_em1 { margin-left: 1em; }
.service__learning .learning__flow { border: 10px solid #f5f5f5; padding: 20px; }
.service__learning .learning__flow .flow__block { background: url(/ja/images/service/support/instructor/arw_flow.png) center bottom no-repeat; background-size: auto 12px; margin-bottom: 12px; padding-bottom: 22px; }
.service__learning .learning__flow .flow__block .contents__block { border:1px solid #d9d9d9; }
.service__learning .learning__flow > div:last-child.flow__block { background: none; margin-bottom: 0; padding-bottom: 0; }
.service__learning .learning__flow .flow__block .contents__block dt { background-color: #0d47a1; font-weight: bold; color:#ffffff; padding: 10px; }
.service__learning .learning__flow .flow__block .contents__block dt .notice { background-color: #ffffff; padding: 0 5px; margin-left: 20px; }
.service__learning .learning__flow .flow__block .contents__block dd { padding: 10px; }
.service__learning .learning__btn { position: relative; text-align: left; margin: 0 auto 10px; max-width: 980px; }
.service__learning .learning__btn a { box-shadow: 0px 0px 10px rgba(0,0,0,0.3); border: 5px solid #ffffff; background-color: #0d47a1; color: #ffffff; display: block; font-size: 1.8rem; font-weight: bold; line-height: 1.4; text-align: center; padding: 15px; }
.service__learning .learning__btn a span { display: inline-block; }
.service__learning .learning__contact { position: relative; text-align: left; margin: 0 auto; max-width: 980px; }
.service__learning .learning__contact a { background-color: #fecb2f; color: #000000; display: block; font-weight: bold; text-align: center; padding: 15px; }
.service__learning .learning__contact a span { display: inline-block; font-size: 1.6rem; }
@media (min-width: 768px) {
.service__learning .learning__anchor li a:hover { background-color: #fecb2f; color: #000000; text-decoration: none; }
.service__learning .learning__anchor li a:hover span { background: url(/ja/common/images/icon_anchor_hover.png) right center no-repeat; background-size: 15px auto; }
.service__learning .learning__btn a:hover { background-color: #ffcd00; color: #000000; text-decoration: none; }
}
@media (max-width: 767px) {
.service__learning {}
.service__learning h3 { border-bottom: 1px solid #cccccc; color: #0d47a1; font-size: 1.8rem; font-weight: bold; padding-bottom: 10px; }
.service__learning h4 { background-color: #f5f5f5; font-size: 1.4rem; font-weight: bold; line-height: 1.2; padding: 5px; }
.service__learning .new { font-size: 1.2rem; margin: 0 0 0 5px; padding: 4px; }
.service__learning .learning__anchor { background-color: #f5f5f5; padding: 5px; }
.service__learning .learning__anchor .anchor__block { background-color: #ffffff; border: 2px solid #d9d9d9; padding: 8px; }
.service__learning .learning__anchor ul { margin: -5px 0 0 0; }
.service__learning .learning__anchor li { -webkit-box-sizing: border-box; box-sizing: border-box; float: none; padding: 5px 0 0 0; width: auto; }
.service__learning .learning__anchor.column5 li { width: auto; }
.service__learning .learning__anchor.column0 li { float: none; width: auto; }
.service__learning .learning__anchor li:nth-of-type(3n+1) { clear: left; }
.service__learning .learning__anchor.column5 li:nth-of-type(3n+1) { clear: none; }
.service__learning .learning__anchor.column5 li:nth-of-type(5n+1) { clear: left; }
.service__learning .learning__anchor li a { background-color: #0d47a1; color: #ffffff; display: block; font-weight: bold; padding: 0 10px; }
.service__learning .learning__anchor li p { display: table; width: 100%; height: auto; }
.service__learning .learning__anchor li a span { background: url(/ja/common/images/icon_anchor.png) right center no-repeat; background-size: 8px auto; display: table-cell; line-height: 1.2; vertical-align: middle; padding: 10px 15px 10px 0; }
.service__learning .learning__bgblock { padding: 10px; }
.service__learning .learning__block { background-color: #fcf7e3; padding: 10px; }
.service__learning .learning__block .block__text { border-top: 3px solid #ffcd00; border-bottom: 3px solid #ffcd00; padding: 15px 0; }
.service__learning .learning__block .block__text h5 { font-size: 1.4rem; margin-bottom: 10px; }
.service__learning .learning__table.table_1 { -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #f5f5f5; display: table; margin-right: -10px; padding: 10px; min-width: 100%; }
.service__learning .learning__table.table_1 thead th { vertical-align: middle; }
.service__learning .learning__table.table_1 tbody th { text-align: center; vertical-align: middle; white-space: nowrap; }
.service__learning .learning__table.table_1 tbody td { text-align: left; white-space: nowrap; }
.service__learning .learning__table.table_1 tbody td:nth-of-type(2) { white-space: nowrap; }
.service__learning .learning__flow { border: 5px solid #f5f5f5; padding: 15px; }
.service__learning .learning__flow .flow__block { background: url(/ja/images/service/support/instructor/arw_flow.png) center bottom no-repeat; background-size: auto 14px; margin-bottom: 10px; padding-bottom: 24px; }
.service__learning .learning__flow > div:last-child.flow__block { background: none; margin-bottom: 0; padding-bottom: 0; }
.service__learning .learning__flow .flow__block .contents__block dt .notice { margin-left: 0; font-size: 1rem; }
.service__learning .learning__btn { margin: 10px 0 20px; }
.service__learning .learning__btn a { box-shadow: 0px 0px 10px rgba(0,0,0,0.3); border: 5px solid #ffffff; background-color: #0d47a1; color: #ffffff; display: block; font-size: 1.4rem; font-weight: bold; line-height: 1.4; text-decoration: underline; text-align: center; padding: 15px; }
.service__learning .learning__contact { margin: 10px 0 20px; }
.service__learning .learning__contact a { background-color: #fecb2f; color: #000000; display: block; text-align: center; padding: 8px; }
.service__learning .learning__contact a span { font-size: 1em; }
}
.only__book_column { display: flex; align-items: center; justify-content: space-between; }
.only__book_column .only__book_cell { width: 47.95%; }
.only__book_column .only__book_cell.cell__text p { text-align: center; }
.only__book_column .only__book_cell .only__book { width: 100%; }
.only__book { -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fcf7e3; padding: 15px; width: 47.95%; }
.only__book dl { display: table; width: 100%; }
.only__book dt { display: table-cell; vertical-align: middle; width: 170px; }
.only__book dt span { box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); border: 1px solid #d9d9d9; display: block; overflow: hidden; }
.only__book dt span img { width: 100%; }
.only__book dd { display: table-cell; vertical-align: middle; padding-left: 20px; }
.only__book dd a { box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); background-color: #0d47a1; color: #ffffff; display: block; padding: 10px; }
.only__book dd a span { background: url(/ja/common/images/arw_link_white.png) right center no-repeat; background-size: 7px auto; display: block; font-size: 1.6rem; font-weight: bold; line-height: 1.2; vertical-align: middle; padding-right: 15px; }
.only__book_column_1 { display: flex; flex-wrap: wrap; justify-content:space-between; margin: 0 0 30px; padding-top: 15px; border-top: 1px solid #cccccc; }
.only__book_column_1 div:nth-child(n+3) { margin-top: 30px; }
.only__book_column_1 .only__book_cell { width: calc(48%) }
.only__book_column_1 .only__book_cell h3 { margin-bottom: 10px; }
.only__book_column_1 .only__book_cell .book__title { min-height: 77px; }
.only__book_column_1 .only__book_cell .book__fsS { font-size: 1.45rem; }
.only__book_column_1 .only__book_cell .only__book { width: 100%; min-height: 310px; }
.only__book_column_1 .only__book dl { display: block; width: 100%; }
.only__book_column_1 .only__book dt { width: 100%; margin: auto; display: flex; justify-content: center; }
.only__book_column_1 .only__book .books__width { width: 350px; margin: auto; }
.only__book_column_1 .only__book .books__width span { width: 80%; }
.only__book_column_1 .only__book dt span { box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); border: 1px solid #d9d9d9; display: block; overflow: hidden; }
.only__book_column_1 .only__book dt span img { width: 100%; }
.only__book_column_1 .only__book dd { display: block; vertical-align: middle; padding-left: 0; margin-top: 20px; }
.only__book_column_1 .only__book dd a { box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); background-color: #0d47a1; color: #ffffff; display: block; padding: 10px; margin: 20px 0 0; }
.only__book_column_1 .only__book dd a span { background: url(/ja/common/images/arw_link_white.png) right center no-repeat; background-size: 7px auto; display: block; font-size: 1.6rem; font-weight: bold; line-height: 1.2; vertical-align: middle; padding-right: 15px; }
.only__book_column_2 { display: flex; flex-wrap: wrap; margin: 0 0 30px; }
.only__book_column_2 .only__book_cell { width: calc(33.3333%) }
.only__book_column_2 .only__book_cell h3 { margin-bottom: 20px; }
.only__book_column_2 .only__book_cell h3 span { background-color: #fff; color:#333333; padding: 0; text-align: left; }
.only__book_column_2 .only__book_cell .book__fsS { font-size: 1.45rem; }
.only__book_column_2 .only__book_cell .only__book { width: 100%; min-height: 0%; }
.only__book_column_2 .only__book dl { display: block; width: 100%; }
.only__book_column_2 .only__book dt { display: block; vertical-align: middle; width: auto; }
.only__book_column_2 .only__book dt span { box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); border: 1px solid #d9d9d9; display: block; overflow: hidden; }
.only__book_column_2 .only__book dt span img { width: 100%; }
.only__book_column_2 .only__book dd { display: block; vertical-align: middle; padding-left: 0; margin-top: 20px; }
.only__book_column_2 .only__book dd a { box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); background-color: #0d47a1; color: #ffffff; display: block; padding: 10px; margin: 20px 0 0; }
.only__book_column_2 .only__book dd a span { background: url(/ja/common/images/arw_link_white.png) right center no-repeat; background-size: 7px auto; display: block; font-size: 1.6rem; font-weight: bold; line-height: 1.2; vertical-align: middle; padding-right: 15px; }
@media (min-width: 768px) {
.only__book dd a:hover { background-color: #fecb2f; color: #000000; text-decoration: none; }
.only__book dd a:hover span { background: url(/ja/common/images/arw_link_black.png) right center no-repeat; background-size: 7px auto; }
}
@media (max-width: 767px) {
.only__book_column { display: block; justify-content: space-between; }
.only__book_column > div:nth-of-type(1) { margin-bottom: 20px; }
.only__book_column .only__book_cell { width: auto; }
.only__book_column .only__book_cell.cell__text h3 { display: none; }
.only__book_column .only__book_cell.cell__text p { text-align: left; }
.only__book_column .only__book_cell .only__book { width: auto; }
.only__book { -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fcf7e3; padding: 15px; width: auto; }
.only__book dl { display: block; width: auto; }
.only__book dt { display: block; text-align: center; vertical-align: middle; margin-bottom: 20px; width: auto; }
.only__book_column_1 .only__book .books__width { width: auto; }
.only__book_column_1 .only__book .books__width span { width: 50%; }
.only__book dt span { box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); border: 1px solid #d9d9d9; display: inline-block; overflow: hidden; width: 97px; }
.only__book dt span img { width: 100%; }
.only__book dd { display: block; vertical-align: middle; padding-left: 0; }
.only__book dd a { box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0 10px 0px rgba(0,0,0,0.1); background-color: #0d47a1; color: #ffffff; display: block; padding: 15px 10px; }
.only__book dd a span { background: url(/ja/common/images/arw_link_white.png) right center no-repeat; background-size: 5px auto; display: block; font-size: 1.2rem; font-weight: bold; line-height: 1.2; vertical-align: middle; padding-right: 10px; }
.only__book_column_1 { display: block; justify-content: space-between; }
.only__book_column_1 > div { margin-bottom: 20px; }
.only__book_column_1 > div:last-of-type(1) { margin-bottom: 0; }
.only__book_column_1 .only__book_cell { width: auto; }
.only__book_column_1 .only__book_cell h3 { font-size: 1.4rem; margin-bottom: 5px; min-height: 0; }
.only__book_column_1 .only__book_cell .book__title { min-height: 0; }
.only__book_column_1 .only__book_cell .book__fsS { font-size: 1.4rem; }
.only__book_column_1 .only__book_cell .only__book { width: auto; min-height: inherit; }
.only__book_column_1 .only__book dt { display: block; text-align: center; vertical-align: middle; width: auto;}
.only__book_column_1 .only__book .books__width { max-width: none; }
.only__book_column_1 .only__book dt span { display: inline-block; overflow: hidden; width: 50%; margin-left: 0; }
.only__book_column_1 .only__book dd a { display: block; padding: 15px 10px; }
.only__book_column_1 .only__book dd a span { font-size: 1.2rem; }
.only__book_column_2 { display: block; justify-content: space-between; }
.only__book_column_2 > div { margin-bottom: 20px; }
.only__book_column_2 > div:last-of-type(1) { margin-bottom: 0; }
.only__book_column_2 .only__book_cell { width: auto; }
.only__book_column_2 .only__book_cell h3 { font-size: 1.4rem; margin-bottom: 5px; min-height: 0; }
.only__book_column_2 .only__book_cell .book__fsS { font-size: 1.4rem; }
.only__book_column_2 .only__book_cell .only__book { width: auto; min-height: inherit; }
.only__book_column_2 .only__book dt { display: block; text-align: center; vertical-align: middle; width: auto;}
.only__book_column_2 .only__book dt span { display: inline-block; overflow: hidden; width: 50%; }
.only__book_column_2 .only__book dd a { display: block; padding: 15px 10px; }
.only__book_column_2 .only__book dd a span { font-size: 1.2rem; }
}
/* **********************************************************
service__jitconet (jitco-net)
********************************************************** */
.service__jitconet__mv { margin: 0 -20px; width: calc(100% + 40px); background-color: #d6eaf5; }
.service__jitconet__mv > picture > img { width: 100%; height: auto; max-width: 980px; }
.service__service .service__jitconet__heading { position: relative; margin-bottom: 30px; padding: 0; font-weight: 700; font-size: 2rem; text-align: center; line-height: 1.45; background: transparent; color: #0d47a1; }
.service__service .service__jitconet__heading:before { position: absolute; top: 14px; left: 0; display: block; width: 100%; height: 2px; background-color: #0d47a1; content: ''; }
.service__service .service__jitconet__heading span { position: relative; display: inline-block; padding: 0 10px; background-color: #fff; }
.service__jitconet__img { text-align: center; }
.service__jitconet__img img { height: auto; max-width: 100%; }
.service__jitconet__apply { padding: 36px 36px 30px; background-color: #f5f5f5; }
.service__jitconet__apply > a { display: flex; padding: 0 45px; height: 108px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); font-weight: 700; font-size: 2.6rem; text-align: center; text-decoration: none; background: #c62828 url(/ja/common/images/arw_link_white.png) no-repeat right 35px center; color: #fff; border: 6px solid #fff; border-radius: 10px; justify-content: center; align-items: center; }
.service__jitconet__apply > a > span { display: block; border-bottom: 3px solid #fff; }
.service__jitconet__apply > p { margin-top: 15px; font-size: 1.4rem; line-height: 1.5; text-align: center; }
.service__jitconet__apply > p > a { font-weight: 700; }
.service__jitconet__campaign { display: flex; margin-top: 30px; padding: 15px; background-color: #ffcdad; border-radius: 5px; justify-content: space-between; align-items: center; }
.service__jitconet__campaign > h5 { margin-bottom: 0; padding: 15px; width: 245px; font-size: 1.8rem; text-align: center; line-height: 1.6667; background-color: #e95002; color: #fff; border-radius: 5px; }
.service__jitconet__campaign > h5 > span { display: inline-block; margin-right: 10px; padding: 0 8px; font-size: 1.4rem; line-height: 2.1429; vertical-align: top; background-color: #fff; color: #b73e00; border-radius: 3px; }
.service__jitconet__campaign > p { width: calc(100% - 290px); font-size: 1.6rem; line-height: 1.25; }
.service__jitconet__campaign > p > small { font-size: 1.4rem; }
.service__jitconet__step { margin-top: 40px; }
.service__jitconet__step > li { position: relative; margin-top: 30px; padding-left: 170px; line-height: 1.75; }
.service__jitconet__step > li > span { position: absolute; top: -2px; left: 0; display: block; width: 150px; font-weight: 700; text-align: center; line-height: 2; background-color: #0d47a1; color: #fff; border-radius: 5px; }
.service__jitconet__box { margin-top: 30px; padding: 40px; line-height: 1.75; box-shadow: 0 0 0 1px #d9d9d9 inset, 0 0 0 10px #fff inset; background-color: #e9f3ff; }
.service__jitconet__box > h5 { padding-bottom: 15px; font-size: 1em; border-bottom: 1px solid #d9d9d9; }
.service__jitconet__box > p { margin-top: 15px; }
.service__jitconet__box > div { display: flex; padding: 8px 20px; background-color: #fff; flex-wrap: wrap; gap: 5px 20px; }
.service__jitconet__box > div:not(:first-child) { margin-top: 15px; }
.service__jitconet__box > div > a { display: block; padding-left: 15px; background: url(/ja/common/images/arw_link_black.png) no-repeat left center; background-size: 7.5px auto; color: inherit; }
.service__jitconet__diagram { margin-top: 60px; }
.service__jitconet__diagram > h5 { font-size: 2rem; text-align: center; }
.service__jitconet__diagram > p { margin-top: 30px; text-align: center; }
.service__jitconet__diagram > p > img { width: 360px; height: auto; max-width: 100%; }
.service__jitconet__contact { display: flex; padding: 30px; line-height: 1.75; box-shadow: 0 0 0 10px #fecc2f inset; background-color: #fcf7e3; justify-content: space-between; flex-wrap: wrap; }
.service__jitconet__contact > h5 { margin-bottom: 0; width: 100%; font-size: 1em; text-align: center; }
.service__jitconet__contact > a { display: flex; margin-top: 5px; width: 100%; height: 48px; font-weight: 700; text-decoration: none; background-color: #0d47a1; color: #fff; justify-content: center; align-items: center; }
.service__jitconet__contact > a > span { display: block; padding: 0 20px; background: url(/ja/common/images/arw_link_white.png) no-repeat right center; }
.service__jitconet__contact > dl { display: flex; margin-top: 20px; width: calc(50% - 10px); }
.service__jitconet__contact > dl > dt { padding: 10px 0; width: 170px; font-weight: 700; text-align: center; background-color: #0d47a1; color: #fff; }
.service__jitconet__contact > dl > dd { padding: 10px 20px; width: calc(100% - 170px); background-color: #fff; }
.service__jitconet__contact > dl > dd > strong { font-size: 2.4rem; line-height: 1.1667; vertical-align: top; }
.service__jitconet__contact > dl > dd > a { display: none; }
.service__jitconet__list { list-style: decimal; padding-left: 20px; }
.service__jitconet__list > li { margin-top: 10px; }
@media (min-width: 768px) {
.service__jitconet__apply > a:hover { opacity: 0.5; }
.service__jitconet__contact > a:hover { background-color: #fecb2f; color: #000; }
.service__jitconet__contact > a:hover > span { background-image: url(/ja/common/images/arw_link_black.png); }
}
@media (min-width: 768px) and (max-width: 980px) {
.service__jitconet__contact > dl { width: 100%; }
}
@media (max-width: 767px) {
.service__service .service__jitconet__heading { font-size: 1.6rem; }
.service__service .service__jitconet__heading:before { top: 11.5px; height: 1px; }
.service__service .service__jitconet__heading span { padding: 0 5px; max-width: calc(100% - 30px); }
.service__jitconet__apply { padding: 15px; font-size: 1.6rem; }
.service__jitconet__apply > a { padding: 0 30px; font-size: 2rem; background-position: right 15px center; border-width: 4px; }
.service__jitconet__apply > a > span { border-bottom: 0; }
.service__jitconet__apply > p { font-size: 1.2rem; }
.service__jitconet__campaign { display: block; }
.service__jitconet__campaign > h5 { width: auto; }
.service__jitconet__campaign > p { margin-top: 15px; width: auto; font-size: 1.4rem; }
.service__jitconet__campaign > p > small { font-size: 1.2rem; }
.service__jitconet__step { margin-top: 30px; }
.service__jitconet__step > li { padding-left: 0; font-size: 1.2rem; }
.service__jitconet__step > li > span { position: static; margin-bottom: 10px; width: auto; }
.service__jitconet__box { padding: 30px; font-size: 1.2rem; }
.service__jitconet__box > div { padding: 10px 15px; gap: 5px 10px; }
.service__jitconet__box > div > p { width: 100%; }
.service__jitconet__box > div > a { padding-left: 10px; background-size: 5px auto; }
.service__jitconet__contact { padding: 15px; box-shadow: 0 0 0 5px #fecc2f inset; font-size: 1.2rem; }
.service__jitconet__contact > a { margin-top: 10px; }
.service__jitconet__contact > dl { display: block; width: 100%; }
.service__jitconet__contact > dl > dt, .service__jitconet__contact > dl > dd { width: auto; }
.service__jitconet__contact > dl > dt { padding: 4px 0; }
.service__jitconet__contact > dl > dd { padding: 10px 15px 15px 15px; font-size: 1.8rem; text-align: center; }
.service__jitconet__contact > dl > dd > a { display: block; margin-top: 10px; padding: 15px; font-weight: 700; font-size: 1.2rem; text-decoration: none; background-color: #37aa6a; color: #fff; }
}