@charset "UTF-8";

 html, body,
h1, h2, h3, h4, h5, h6,
a, p, span,
em, small, strong,
sub, sup,
mark, del, ins, strike,
abbr, dfn,
blockquote, q, cite,
code, pre,
ol, ul, li, dl, dt, dd,
div, section, article,
main, aside, nav,
header, hgroup, footer,
img, figure, figcaption,
address, time,
audio, video,
canvas, iframe,
details, summary,
fieldset, form, label, legend,
table, caption,
tbody, tfoot, thead,
tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: 400;
font-style: normal;
}
article, aside, footer, header, nav, section, main, figure, figcaption {
display: block;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
a {
color: #245cc6;
border: none;
text-decoration: none;
}
a:hover {
color: #457fec;
text-decoration: underline;
}
img, video, iframe {
max-width: 100%;
}
img {
height: auto;
border: none;
vertical-align: top;
}
b, strong {
font-weight: 700;
}
em {
font-style: italic;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
blockquote::before,
blockquote::after,
q:before,
q:after,
q::before,
q::after {
content: "";
content: none;
}
a, area, button, [role="button"], input:not([type=range]), label, select, summary, textarea {
-ms-touch-action: manipulation;
touch-action: manipulation;
}
button {
border: none;
background: none;
}
button:hover, button:active, button:focus {
outline: none;
}
button:active, button:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.list-unstyled {
list-style: none;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}  .main-heading,
.news-heading {
position: relative;
max-width: 1100px;
margin: 0 auto 1.5rem;
padding-bottom: 1.5rem;
line-height: 1.3;
font-size: 1.3em;
color: #193f88;
text-align: center;
border-bottom: 1px solid #151515;
}
@media screen and (min-width: 768px), print {
.main-heading,
.news-heading {
margin-bottom: 2rem;
font-size: 1.7em;
}
}
@media screen and (min-width: 1100px), print {
.main-heading,
.news-heading {
margin-bottom: 2.5rem;
padding-bottom: 2rem;
font-size: 2.0em;
}
} .main-subheading {
margin-bottom: 1rem;
font-size: 1.3em;
line-height: 1.2;
}
@media screen and (min-width: 640px), print {
.main-subheading {
font-size: 1.5em;
}
} .main ul > li {
position: relative;
padding-left: 1.5em;
line-height: 1.5;
list-style-type: none;
}
.main ul > li::before {
content: "";
display: block;
position: absolute;
top: .5em;
left: .5em;
width: 6px;
height: 6px;
border-radius: 100%;
background: #000;
}
.main ul.list-style-none > li {
padding-left: 0;
}
.main ul.list-style-none > li::before {
display: none;
}
.main ul.list-style-note > li {
padding-left: 1em;
}
.main ul.list-style-note > li::before {
content: "※";
top: 0;
left: 0;
width: auto;
height: auto;
border-radius: 0;
background: none;
}
.main ul.list-style-gutter li:not(:last-child) {
margin-bottom: .3em;
}
.main ul.list-style-secondary > li {
color: #1d6bb5;
}
.main ul.list-style-secondary > li::before {
background: #1d6bb5;
}
.main ol > li {
margin-left: 1.5em;
line-height: 1.5;
list-style-type: decimal;
}
.main ol.list-style-none > li {
margin-left: 0;
list-style-type: none;
}
.main ol.list-style-gutter li:not(:last-child) {
margin-bottom: .3em;
} .note {
margin-left: 1em;
text-indent: -1em;
} .more {
margin-top: 1.5em;
text-align: center;
}
.link-button {
display: inline-block;
vertical-align: top;
position: relative;
min-width: 13em;
padding: .75em 1.5em .75em 1em;
color: #fff;
line-height: 1.2;
text-align: left;
border-radius: .5rem;
background-color: #245cc6;
-webkit-transition-property: background-color, color;
transition-property: background-color, color;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
.link-button::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
right: .75em;
width: .6em;
height: .6em;
margin: auto;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.link-button-primary {
color: #151515;
background-color: #fff;
}
.link-button-primary::before {
border-color: #245cc6;
}
.link-button-secondary {
background-color: #65ac4a;
}
.link-button-lg {
font-size: 1.05em;
}
@media screen and (min-width: 1100px), print {
.link-button-lg {
font-size: 1.25em;
}
}
.link-button-block {
display: block;
min-width: 0;
} a.link-button:hover {
color: #fff;
text-decoration: none;
background-color: #457fec;
}
a.link-button-primary:hover {
color: #fff;
background-color: #457fec;
}
a.link-button-primary:hover::before {
border-color: #fff;
}
a.link-button-secondary:hover {
background-color: #006600;
} a.tel-link-wht {
color: #fff;
}
a.tel-link-wht:hover {
color: #fff;
}
a.tel-link-blk {
color: #151515;
}
a.tel-link-blk:hover {
color: #151515;
} .inner {
position: relative;
max-width: 1100px;
margin-right: auto;
margin-left: auto;
}
.inner::after {
content: "";
display: table;
clear: both;
} .anchor-point {
display: block;
}
.anchor-point::before {
content: "";
display: block;
position: relative;
height: 1px;
margin-top: -101px;
margin-bottom: 100px;
background: transparent;
z-index: -100;
} .marker {
color: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#193f88), color-stop(0%, #193f88));
background: linear-gradient(#193f88 0%, #193f88 0%);
} .table-style {
display: block;
}
.table-style tbody {
display: block;
line-height: 1.5;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
}
@media screen and (max-width: 639.98px) {
.table-style tbody {
border: none;
}
}
.table-style tr {
display: table;
width: 100%;
border-collapse: separate;
border-spacing: 0;
border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 639.98px) {
.table-style tr {
display: block;
border: 1px solid #ddd;
}
.table-style tr:not(:last-child) {
margin-bottom: 5px;
}
}
.table-style th {
width: 15em;
padding: .75em 1em;
background-color: #ddd;
border-right: 1px solid #ddd;
}
@media screen and (max-width: 639.98px) {
.table-style th {
display: block;
width: auto;
padding: .5em;
font-size: 1.1em;
border-right: none;
}
}
.table-style td {
padding: .75em 1em;
border-right: 1px solid #ddd;
}
@media screen and (max-width: 639.98px) {
.table-style td {
display: block;
padding: .5em .5em .5em .7em;
font-size: .95em;
border-right: none;
}
}
.table-style .tel-link {
color: #151515;
}
.table-style a.tel-link {
color: #151515;
}
.table-style a.tel-link:hover {
color: #457fec;
} .global-contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
list-style: none;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px), print {
.global-contact {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin: 0 -10px 0 0;
}
}
.global-contact-item {
height: 60px;
}
@media screen and (min-width: 768px), print {
.global-contact-item {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 0 10px 0 0;
}
}
.global-contact-item:not(:last-child) {
margin-bottom: .75em;
}
@media screen and (min-width: 768px), print {
.global-contact-item:not(:last-child) {
margin-bottom: 0;
}
}
.global-contact .mail-link,
.global-contact .app-link,
.global-contact .tel-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
height: 100%;
color: #151515;
border-radius: .75rem;
border: 3px solid #eee;
background-color: #fff;
}
.global-contact .mail-link::before,
.global-contact .app-link::before {
content: "";
display: block;
margin-right: .35em;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.global-contact .mail-link:hover,
.global-contact .app-link:hover {
color: #245cc6;
border-color: #bbd4e9;
text-decoration: none;
}
.global-contact .mail-link::before {
width: 2.3em;
height: 2.3em;
background-image: url(/img/base/check_blk.svg);
}
.global-contact .mail-link:hover::before {
background-image: url(/img/base/check_blu.svg);
}
.global-contact .app-link::before {
width: 2em;
height: 2em;
background-image: url(/img/base/mail_blk.svg);
}
.global-contact .app-link:hover::before {
background-image: url(/img/base/mail_blu.svg);
}
.global-contact a.tel-link {
color: #151515;
}
.global-contact a.tel-link:hover {
color: #245cc6;
border-color: #bbd4e9;
text-decoration: none;
}
.global-contact .mail-text {
display: block;
line-height: 1.2;
font-size: .75em;
}
.global-contact .mail-text span {
display: block;
font-weight: 700;
font-size: 1.3em;
}
.global-contact .app-text {
display: block;
line-height: 1;
font-weight: 700;
}
.global-contact .tel-label {
display: block;
text-align: center;
}
.global-contact .tel-text {
display: block;
margin: .2em 0;
font-size: .7em;
}
.global-contact .tel-num {
display: inline-block;
position: relative;
padding: 0 0 0 1.5em;
line-height: 1;
font-weight: 700;
font-size: 1.8em;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
}
.global-contact .tel-num::before {
content: "";
display: block;
position: absolute;
top: .1em;
left: 0;
width: 1.3em;
height: 1.3em;
background: url(/img/base/freedial.png) top no-repeat;
background-size: contain;
}
.global-contact .tel-time {
display: block;
line-height: 1.3;
font-size: .85em;
text-align: center;
}
@media screen and (min-width: 768px), print {
.global-contact .tel-time {
margin-left: 1em;
text-align: left;
}
}
.global-contact .tel-time span {
display: block;
}
@media screen and (max-width: 767.98px) {
.global-contact-time {
height: 100px;
}
}
@media screen and (min-width: 768px), print {
.global-contact-time .tel-text {
text-align: left;
}
}
@media screen and (max-width: 767.98px) {
.global-contact-time .tel-link {
display: block;
padding-top: .35em;
}
} html,
body {
height: 100%;
}
html {
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-o-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
@media screen and (min-width: 1100px), print {
html {
overflow-y: scroll;
}
}
body {
min-width: 320px;
color: #151515;
font-family: "Noto Sans JP", sans-serif;
font-size: 1.6em;
line-height: 1.4;
text-align: left;
background-color: #fff;
}
@media screen and (max-width: 1099.98px) {
html.nav-open,
html.contact-open {
position: relative;
width: 100%;
height: 100%;
overflow-y: hidden;
overflow-x: hidden;
}
} .wrapper {
position: relative;
overflow: hidden;
} .header {
padding-top: 60px;
}
@media screen and (min-width: 1100px), print {
.header {
padding-top: 130px;
}
}
.header .inner {
position: static;
max-width: none;
z-index: auto;
}
@media screen and (min-width: 1100px), print {
.header .inner {
position: absolute;
top: 0;
right: 0;
left: 0;
width: 100%;
padding: 0 10px;
z-index: 1010;
}
}
.header-logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 60px;
font-size: 100%;
background-color: #fff;
z-index: 900;
}
@media screen and (min-width: 1100px), print {
.header-logo {
display: block;
position: relative;
max-width: 1600px;
height: auto;
margin: auto;
background: none;
z-index: auto;
}
}
@media screen and (max-width: 1099.98px) {
.contact-open .header-logo {
padding-left: 1em;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
z-index: 980;
}
}
.header-logo .site-logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 160px;
height: 100%;
font-size: 100%;
}
@media screen and (min-width: 1100px), print {
.header-logo .site-logo {
display: block;
position: absolute;
top: 15px;
left: 0;
width: 244px;
height: auto;
}
}
@media screen and (min-width: 1280px), print {
.header-logo .site-logo {
top: 11px;
width: 288px;
}
}
.header-logo a,
.header-logo img {
display: block;
width: 100%;
}
@media screen and (max-width: 1099.98px) {
.header-content {
position: fixed;
top: 0;
left: 0;
width: 100%;
pointer-events: none;
opacity: 0;
z-index: 960;
}
}
@media screen and (min-width: 1100px), print {
.header-content {
display: block;
position: relative;
max-width: 1600px;
margin: auto;
}
}
@media screen and (max-width: 1099.98px) {
.contact-open .header-content {
height: 100%;
padding: 60px 0 0;
pointer-events: auto;
opacity: 1;
}
}
@media screen and (max-width: 1099.98px) {
.header-content-inner {
display: block;
position: relative;
width: 100%;
height: 100%;
margin: auto;
max-height: 6.75em;
padding: 1.5em 1em;
background-color: #193f88;
z-index: 1;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
}
@media screen and (max-width: 767.98px) {
.header-content-inner {
max-height: 15.75em;
}
}
@media screen and (min-width: 1100px), print {
.header-contact {
display: block;
position: absolute;
top: 0;
right: 0;
width: 640px;
padding: 10px 0;
}
}
@media screen and (max-width: 767.98px) {
.contact-open .header-contact {
max-width: 20em;
margin: auto;
}
} @media screen and (max-width: 1099.98px) {
.header.fixed .header-logo {
-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
.header.fixed .header-logo.hide {
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media screen and (min-width: 1100px) {
.header.fixed .inner {
position: fixed;
top: -60px;
-webkit-transform: translateY(60px);
transform: translateY(60px);
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;
}
#top .header.fixed .inner {
position: fixed;
top: -60px;
}
} .nav {
display: block;
position: fixed;
top: 0;
left: -290px;
width: 290px;
height: 100%;
z-index: 1000;
}
@media screen and (max-width: 1099.98px) {
.nav {
-webkit-transition: left .3s;
transition: left .3s;
}
}
@media screen and (min-width: 1100px), print {
.nav {
position: absolute;
left: auto;
width: 100%;
height: auto;
}
}
.nav-open .nav {
left: 0;
}
@media screen and (min-width: 1100px), print {
.nav-open .nav {
left: auto;
}
}
.contact-open .nav {
z-index: 920;
}
.nav .inner {
display: block;
width: 100%;
height: 100%;
max-width: none;
background-color: #193f88;
z-index: 10;
}
@media screen and (min-width: 1100px), print {
.nav .inner {
padding: 0 10px;
background-color: #fff;
}
.nav .inner::before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50px;
background-color: #193f88;
}
}
.nav .nav-container {
display: block;
position: relative;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 1100px), print {
.nav .nav-container {
position: static;
padding: 80px 0 0;
overflow: visible;
}
} .main-nav {
list-style: none;
padding: 10px;
}
@media screen and (max-width: 1099.98px) {
.main-nav {
opacity: 0;
}
.nav-open .main-nav {
opacity: 1;
}
}
@media screen and (min-width: 1100px), print {
.main-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 1100px;
margin: auto;
padding: 0;
}
}
.main-nav .nav-item {
position: relative;
list-style: none;
}
@media screen and (max-width: 1099.98px) {
.main-nav .nav-item:not(:last-child) {
margin-bottom: 5px;
}
}
@media screen and (min-width: 1100px), print {
.main-nav .nav-item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
position: static;
}
.main-nav .nav-item:last-child .nav-link::after {
display: block;
}
.main-nav .nav-item:last-child .nav-link:hover::after {
display: none;
}
}
.main-nav .nav-label,
.main-nav .nav-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 44px;
padding: 0 .75em;
color: #fff;
border: 1px solid #1d6bb5;
}
@media screen and (min-width: 1100px), print {
.main-nav .nav-label,
.main-nav .nav-link {
height: 50px;
padding: 0 0 .25em;
text-align: center;
border: none;
}
}
@media screen and (min-width: 1100px), print {
.main-nav .nav-label::before, .main-nav .nav-label::after,
.main-nav .nav-link::before,
.main-nav .nav-link::after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
width: 1px;
height: 100%;
margin: auto;
background-color: #2c7cc4;
}
}
.main-nav .nav-label::before,
.main-nav .nav-link::before {
left: -1px;
}
.main-nav .nav-label::after,
.main-nav .nav-link::after {
display: none;
right: 0;
}
.main-nav .nav-label span,
.main-nav .nav-link span {
font-size: .95em;
}
@media screen and (min-width: 1100px), print {
.main-nav .nav-label span,
.main-nav .nav-link span {
display: block;
width: 100%;
}
}
.main-nav .nav-link:hover {
color: #457fec;
text-decoration: none;
}
@media screen and (min-width: 1100px), print {
.main-nav .nav-link:hover {
color: #fff;
background-color: #457fec;
z-index: 20;
}
}
.main-nav .nav-link:hover::before {
height: 100%;
background-color: #457fec;
} .side-nav {
list-style: none;
padding: 60px 10px 0;
background-color: #fff;
}
@media screen and (max-width: 1099.98px) {
.side-nav {
opacity: 0;
}
.nav-open .side-nav {
opacity: 1;
}
}
@media screen and (min-width: 1100px), print {
.side-nav {
display: block;
position: absolute;
top: 8px;
right: 670px;
width: 150px;
padding: 0;
}
}
@media screen and (min-width: 1280px), print {
.side-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
top: 27px;
right: 580px;
width: 400px;
}
}
@media screen and (min-width: 1600px), print {
.side-nav {
right: 50%;
margin-right: -200px;
}
}
.side-nav .nav-item {
position: relative;
list-style: none;
}
@media screen and (min-width: 1280px), print {
.side-nav .nav-item {
margin-right: .5em;
}
}
.side-nav .nav-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 44px;
padding: 0 .75em;
color: #151515;
border-top: 1px solid #eee;
}
@media screen and (min-width: 1100px), print {
.side-nav .nav-link {
display: block;
height: auto;
padding: .25em 1.5em .25em .25em;
line-height: 1;
font-size: .9em;
color: #151515;
border-top: none;
}
}
@media screen and (min-width: 1280px), print {
.side-nav .nav-link {
padding: .5em 1.5em .5em .5em;
}
}
.side-nav .nav-link:hover {
color: #457fec;
text-decoration: none;
}
@media screen and (min-width: 1100px), print {
.side-nav .nav-link::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
right: .5em;
width: .6em;
height: .6em;
margin: auto;
border-top: 2px solid #245cc6;
border-right: 2px solid #245cc6;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
}
.side-nav .nav-link span {
font-size: .95em;
}
@media screen and (min-width: 1100px), print {
.side-nav .nav-link span {
font-size: 1em;
}
}
@media screen and (min-width: 1100px), print {
.side-nav .nav-home,
.side-nav .nav-contact,
.side-nav .nav-app {
display: none;
}
} .sub-nav {
pointer-events: none;
opacity: 0;
}
@media screen and (max-width: 1099.98px) {
.sub-nav {
height: 0;
overflow: hidden;
}
}
@media screen and (min-width: 1100px), print {
.sub-nav {
position: absolute;
top: 50%;
left: 0;
width: 100%;
z-index: 30;
}
}
.sub-nav-active .sub-nav {
pointer-events: auto;
opacity: 1;
}
@media screen and (max-width: 1099.98px) {
.sub-nav-active .sub-nav {
height: auto;
overflow: visible;
}
}
@media screen and (min-width: 1100px), print {
.sub-nav-active .sub-nav {
top: 100%;
}
}
.sub-nav-inner {
padding: 5px 0;
}
@media screen and (min-width: 1100px), print {
.sub-nav-inner {
position: relative;
margin-top: 0;
padding: 1em 10px 2em;
border-bottom: none;
background-color: rgba(36,92,198,0.9);
}
}
.sub-nav-label {
display: none;
}
@media screen and (min-width: 1100px), print {
.sub-nav-label {
display: block;
max-width: 860px;
margin: 0 auto .75em;
}
}
.sub-nav-label a,
.sub-nav-label span {
display: inline-block;
vertical-align: top;
position: relative;
padding: .35em 1em .35em 1.25em;
font-size: 1.35em;
color: #fff;
}
.sub-nav-label a::before,
.sub-nav-label span::before {
content: "";
display: block;
position: absolute;
top: .85em;
left: .25em;
width: .6em;
height: .6em;
border-radius: 100%;
background-color: #fff;
}
.sub-nav-label a:hover {
color: #bbd4e9;
text-decoration: none;
}
.sub-nav-label a:hover::before {
background-color: #bbd4e9;
}
.sub-nav-items {
max-width: 860px;
margin: auto;
}
.sub-nav-items ul {
list-style: none;
}
@media screen and (min-width: 1100px), print {
.sub-nav-items ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -.5em -.5em 0;
}
}
@media screen and (min-width: 1100px), print {
.sub-nav-items li {
width: 33.33333%;
padding: 0 .5em .5em 0;
}
}
.sub-nav-items li:not(:last-child) {
margin-bottom: .25em;
}
@media screen and (min-width: 1100px), print {
.sub-nav-items li:not(:last-child) {
margin-bottom: 0;
}
}
.sub-nav-items a {
display: block;
position: relative;
padding: 1em 0 1em 2.25em;
line-height: 1;
font-size: .9em;
color: #151515;
background-color: #fff;
}
@media screen and (min-width: 1100px), print {
.sub-nav-items a {
padding: .75em 1em;
line-height: 1.2;
font-size: 1em;
border-radius: .5rem;
-webkit-transition-property: background-color, color;
transition-property: background-color, color;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
}
.sub-nav-items a::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 1em;
width: .5em;
height: .5em;
margin: auto;
border-top: 2px solid #151515;
border-right: 2px solid #151515;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media screen and (min-width: 1100px), print {
.sub-nav-items a::before {
right: .75em;
left: auto;
width: .6em;
height: .6em;
border-color: #245cc6;
}
}
.sub-nav-items a:hover {
color: #fff;
text-decoration: none;
background-color: #2c7cc4;
}
.sub-nav-items a:hover::before {
border-color: #fff;
}
@media screen and (min-width: 1100px), print {
.sub-nav-company .sub-nav-items li {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
-ms-flex-positive: 1;
flex-grow: 1;
}
} .sub-nav-button {
display: block;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 44px;
margin: 0;
padding: 0;
font-size: 100%;
font-family: inherit;
border: none;
background: transparent;
cursor: pointer;
z-index: 1;
}
@media screen and (min-width: 1100px), print {
.sub-nav-button {
position: relative;
width: 100%;
height: 50px;
margin-bottom: -50px;
background: none;
z-index: 30;
}
}
.sub-nav-button::after {
content: "";
display: block;
position: absolute;
top: 0;
right: 17px;
bottom: 0;
left: auto;
width: 8px;
height: 8px;
margin: auto;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
@media screen and (min-width: 1100px), print {
.sub-nav-button::after {
top: auto;
right: 0;
bottom: 12%;
left: 0;
border-width: 1px;
}
}
.sub-nav-active .sub-nav-button::after {
bottom: -8px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media screen and (min-width: 1100px), print {
.sub-nav-active .sub-nav-button::after {
bottom: 5%;
}
} @media screen and (min-width: 1100px), print {
.sub-nav-button:hover + .nav-link,
.sub-nav-button:hover + .nav-label,
.sub-nav-active .sub-nav-button:hover + .nav-link,
.sub-nav-active .sub-nav-button:hover + .nav-label {
color: #fff;
background-color: #245cc6;
z-index: 10;
}
.sub-nav-button:hover + .nav-link::before, .sub-nav-button:hover + .nav-link::after,
.sub-nav-button:hover + .nav-label::before,
.sub-nav-button:hover + .nav-label::after,
.sub-nav-active .sub-nav-button:hover + .nav-link::before,
.sub-nav-active .sub-nav-button:hover + .nav-link::after,
.sub-nav-active .sub-nav-button:hover + .nav-label::before,
.sub-nav-active .sub-nav-button:hover + .nav-label::after {
height: 100%;
background-color: #245cc6;
}
} .sub-nav-active .sub-nav-button + .nav-link,
.sub-nav-active .sub-nav-button + .nav-label {
background-color: #1d6bb5;
}
@media screen and (min-width: 1100px), print {
.sub-nav-active .sub-nav-button + .nav-link,
.sub-nav-active .sub-nav-button + .nav-label {
color: #fff;
background-color: #245cc6;
z-index: 20;
}
.sub-nav-active .sub-nav-button + .nav-link::before, .sub-nav-active .sub-nav-button + .nav-link::after,
.sub-nav-active .sub-nav-button + .nav-label::before,
.sub-nav-active .sub-nav-button + .nav-label::after {
height: 100%;
background-color: #245cc6;
}
} .nav-button {
display: block;
position: fixed;
top: 0;
left: 0;
width: 60px;
height: 60px;
line-height: 1;
background-color: #fff;
cursor: pointer;
z-index: 910;
}
@media screen and (min-width: 1100px), print {
.nav-button {
display: none;
}
}
.nav-open .nav-button {
display: none;
}
.nav-button-icon {
display: block;
position: absolute;
top: -14px;
right: 0;
bottom: 0;
left: 0;
width: 30px;
height: 18px;
margin: auto;
border-top: 2px solid #245cc6;
border-bottom: 2px solid #245cc6;
}
.nav-button-icon::before, .nav-button-icon::after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
margin: auto;
border-top: 2px solid #245cc6;
}
.nav-button-icon::after {
display: none;
}
.nav-button::after {
content: "MENU";
display: block;
position: absolute;
bottom: 6px;
left: 0;
width: 100%;
color: #245cc6;
font-size: 1.1rem;
font-weight: 700;
text-align: center;
} .nav-close-button {
display: block;
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 60px;
line-height: 1;
background: transparent;
cursor: pointer;
z-index: 10;
}
@media screen and (min-width: 1100px), print {
.nav-close-button {
display: none;
}
}
.nav-close-button .nav-button-icon {
border: none;
}
.nav-close-button .nav-button-icon::before, .nav-close-button .nav-button-icon::after {
border-color: #245cc6;
}
.nav-close-button .nav-button-icon::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.nav-close-button .nav-button-icon::after {
display: block;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.nav-close-button::after {
content: "CLOSE";
display: block;
position: absolute;
bottom: 6px;
left: 0;
width: 100%;
color: #245cc6;
font-weight: 700;
font-size: 1.1rem;
text-align: center;
} @media screen and (min-width: 1100px), print {
.nav-screen {
display: none;
}
}
.nav-screen-overlay {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 100vh;
margin: auto;
background-color: #000;
pointer-events: none;
opacity: 0;
-webkit-transition: opacity .2s;
transition: opacity .2s;
}
.nav-open .nav-screen-overlay {
pointer-events: auto;
opacity: .4;
cursor: pointer;
} @media screen and (min-width: 1100px) {
.nav.fixed {
position: fixed;
top: -60px;
-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
-webkit-transform: translateY(60px);
transform: translateY(60px);
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s;
}
#top .nav.fixed {
top: -60px;
}
} .main {
display: block;
position: relative;
padding: 5em 1em 0;
background: #fff;
z-index: 100;
}
#top .main {
padding: 0 1em;
}
@media screen and (min-width: 1100px), print {
.main {
padding: 5em 2em 0;
}
#top .main {
padding: 0 2em;
}
}
.main > .inner {
max-width: none;
} .footer {
display: block;
position: relative;
padding: 0 1em;
background-color: #fff;
overflow: hidden;
z-index: 100;
}
@media screen and (min-width: 1100px), print {
.footer {
padding: 0 2em;
}
}
.footer .inner {
max-width: none;
}
.footer-main {
padding: 1em 0;
}
@media screen and (min-width: 1100px), print {
.footer-main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 960px;
margin: auto;
padding: 2.5em 0;
}
}
.footer-side {
margin: 0 -1em;
padding: 1em;
background-color: #193f88;
}
@media screen and (min-width: 1100px), print {
.footer-side {
margin: 0 -2em;
padding: 2em;
}
}
.footer-logo {
margin-bottom: 1em;
text-align: center;
}
@media screen and (min-width: 1100px), print {
.footer-logo {
width: 230px;
margin-bottom: 0;
text-align: left;
}
}
.footer-logo .site-logo img {
width: 200px;
}
.footer-info {
max-width: 800px;
margin: auto;
padding: .5em;
border-radius: .75rem;
background-color: #eee;
}
@media screen and (min-width: 768px), print {
.footer-info {
padding: .25em;
border-radius: 10em;
}
}
@media screen and (min-width: 1100px), print {
.footer-info {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
max-width: none;
margin: 0;
}
}
.footer-info ul {
list-style: none;
text-align: center;
}
@media screen and (min-width: 768px), print {
.footer-info ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media screen and (min-width: 768px), print {
.footer-info li {
margin: .5em;
}
}
.footer-nav {
max-width: 800px;
margin: auto;
}
@media screen and (min-width: 1100px), print {
.footer-nav {
max-width: 1100px;
}
}
@media screen and (min-width: 1100px), print {
.footer-nav .nav-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -1em 0 1em;
}
}
.footer-nav .nav-items {
list-style: none;
}
@media screen and (min-width: 1100px), print {
.footer-nav .nav-items {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
.footer-nav .nav-label,
.footer-nav .nav-link {
display: block;
position: relative;
padding: .75em 1em .75em 1em;
font-size: .85em;
color: #fff;
border: 1px solid #1d6bb5;
}
@media screen and (min-width: 1100px), print {
.footer-nav .nav-label,
.footer-nav .nav-link {
display: inline-block;
padding: .5em 1em .5em 1.75em;
border: none;
}
}
@media screen and (min-width: 1100px), print {
.footer-nav .nav-label::before,
.footer-nav .nav-link::before {
content: "";
display: block;
position: absolute;
top: .85em;
left: .5em;
width: .75em;
height: .75em;
border-radius: 100%;
background-color: #fff;
}
}
.footer-nav .nav-link:hover {
color: #bbd4e9;
text-decoration: none;
}
.footer-nav .nav-link:hover::before {
background-color: #bbd4e9;
}
.footer-nav .accordion-button {
position: relative;
cursor: pointer;
}
@media screen and (min-width: 1100px), print {
.footer-nav .accordion-button {
cursor: default;
border-right: none;
}
}
.footer-nav .accordion-button::after {
content: "";
display: block;
position: absolute;
top: 1em;
right: 15px;
width: 8px;
height: 8px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
@media screen and (min-width: 1100px), print {
.footer-nav .accordion-button::after {
display: none;
}
}
.footer-nav .accordion-button.active {
background-color: #1d6bb5;
}
@media screen and (min-width: 1100px), print {
.footer-nav .accordion-button.active {
background: transparent;
}
}
.footer-nav .accordion-button.active::after {
top: 1.25em;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.footer-nav .accordion-panel {
max-height: 0;
overflow: hidden;
}
@media screen and (min-width: 1100px), print {
.footer-nav .accordion-panel {
max-height: none;
}
}
.footer-nav .accordion-panel.active {
max-height: none;
padding-bottom: 1em;
}
@media screen and (min-width: 1100px), print {
.footer-nav .accordion-panel.active {
padding-bottom: 0;
}
}
.footer-nav-primary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -.25em -.25em 0;
}
@media screen and (min-width: 1100px), print {
.footer-nav-primary {
display: block;
margin: 0;
}
}
.footer-nav-primary:first-child {
padding-bottom: .25em;
}
@media screen and (min-width: 1100px), print {
.footer-nav-primary:first-child {
padding-bottom: 0;
}
}
.footer-nav-primary .nav-item {
width: 100%;
padding: 0 .25em .25em 0;
}
@media screen and (min-width: 480px), print {
.footer-nav-primary .nav-item {
width: 50%;
}
}
@media screen and (min-width: 1100px), print {
.footer-nav-primary .nav-item {
width: auto;
padding: 0;
}
}
.footer-nav-secondary:not(:last-child) {
margin-bottom: .25em;
}
@media screen and (min-width: 1100px), print {
.footer-nav-secondary:not(:last-child) {
margin-bottom: 0;
}
}
.footer-subnav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -.25em -.25em 0;
padding: .35em 0 0;
list-style: none;
}
@media screen and (min-width: 1100px), print {
.footer-subnav {
display: block;
margin: 0;
padding: 0 0 0 1.05em;
}
}
.footer-subnav li {
width: 50%;
padding: 0 .25em .25em 0;
}
@media screen and (min-width: 1100px), print {
.footer-subnav li {
width: auto;
padding: 0;
}
}
.footer-subnav a {
display: block;
position: relative;
padding: .85em 0;
line-height: 1.2;
font-size: .85em;
color: #151515;
text-align: center;
background-color: #fff;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
}
@media screen and (min-width: 1100px), print {
.footer-subnav a {
display: inline-block;
padding: .5em;
color: #fff;
text-align: left;
background: transparent;
}
}
.footer-subnav a:hover {
color: #fff;
background-color: #1d6bb5;
text-decoration: none;
}
@media screen and (min-width: 1100px), print {
.footer-subnav a:hover {
color: #bbd4e9;
background: transparent;
}
}
.footer .pagetop {
display: block;
position: fixed;
right: 5px;
bottom: 5px;
width: 45px;
height: 45px;
overflow: hidden;
z-index: 100;
opacity: 0;
pointer-events: none;
-webkit-transition: opacity .3s;
transition: opacity .3s;
}
@media screen and (min-width: 768px), print {
.footer .pagetop {
right: 10px;
bottom: 10px;
width: 50px;
height: 50px;
}
}
.footer .pagetop.fixed {
opacity: 1;
pointer-events: auto;
}
.footer .pagetop a {
display: block;
width: 100%;
height: 100%;
border-radius: .5rem;
background-color: #245cc6;
-webkit-transition: background-color .2s;
transition: background-color .2s;
}
.footer .pagetop a:hover {
text-decoration: none;
background-color: #457fec;
}
.footer .pagetop a::before {
content: "";
display: block;
position: absolute;
top: .5em;
right: 0;
bottom: 0;
left: 0;
width: .8em;
height: .8em;
margin: auto;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.footer .copy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 55px;
margin: 0 -1em;
padding: 0 1em;
background-color: #fff;
overflow: hidden;
}
@media screen and (min-width: 768px), print {
.footer .copy {
height: 70px;
}
}
@media screen and (min-width: 1100px), print {
.footer .copy {
margin: 0 -2em;
padding: 0 2em;
}
}
.footer .copy small {
display: block;
width: 100%;
font-weight: 700;
font-size: .85em;
color: #151515;
text-align: center;
letter-spacing: .05em;
}
.footer .copy span {
display: none;
font-weight: 700;
}
@media screen and (min-width: 768px), print {
.footer .copy span {
display: inline;
}
} .slider {
position: relative;
background-color: #fff;
}
@media screen and (min-width: 1100px), print {
.slider {
margin-bottom: 40px;
}
}
.slider .inner {
width: 100%;
height: 100%;
max-width: none;
}
.slider-main {
display: block;
position: relative;
margin-bottom: 40px;
}
@media screen and (min-width: 1100px), print {
.slider-main {
margin-bottom: 0;
}
}
.slider-main::before {
content: "";
display: block;
padding-top: 37.5%;
}
@media screen and (min-width: 1600px), print {
.slider-main::before {
padding-top: 600px;
}
}
.slider-side {
padding: 1em;
}
@media screen and (min-width: 1100px), print {
.slider-side {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
background-color: rgba(0, 0, 0, 0.3);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
z-index: 100;
}
}
.slider-img {
display: block;
position: relative;
}
.slider-img::before {
content: "";
display: block;
padding-top: 37.5%;
}
@media screen and (min-width: 1600px), print {
.slider-img::before {
padding-top: 600px;
}
}
.slider-img img {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
max-width: none;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (min-width: 1100px), print {
.slider-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: center;
align-content: center;
height: 100%;
padding: 0 110px;
color: #fff;
}
}
.slider-content-head {
width: 100%;
margin-bottom: .5em;
text-align: center;
}
@media screen and (min-width: 1100px), print {
.slider-content-head {
margin-bottom: 1em;
}
}
.slider-content-body {
width: 100%;
max-width: 1100px;
margin: auto;
}
@media screen and (min-width: 1100px), print {
.slider-content-body {
padding: 0 1em;
}
}
.slider-content-foot {
width: 100%;
}
@media screen and (min-width: 1100px), print {
.slider-caption {
font-size: 1.1em;
}
}
.slider-catch {
line-height: 1.1;
font-weight: 700;
font-size: 3.0em;
}
@media screen and (min-width: 768px), print {
.slider-catch {
font-size: 4.0em;
}
}
@media screen and (min-width: 1100px), print {
.slider-catch {
font-size: 5.0em;
}
}
@media screen and (min-width: 1100px), print {
.slider-description {
font-weight: 500;
font-size: 1.1em;
}
}
.slider .slick-slider {
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
}
.slider .slick-slider.slick-initialized {
opacity: 1;
visibility: visible;
}
.slider .slick-slider.slick-slider1 {
position: absolute;
top: 0;
left: 0;
}
.slider .slick-slider.slick-slider1 .slick-list,
.slider .slick-slider.slick-slider1 .slick-track {
height: 100%;
}
@media screen and (min-width: 1100px), print {
.slider .slick-slider.slick-slider2 {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.slider .slick-slider.slick-slider2 .slick-list,
.slider .slick-slider.slick-slider2 .slick-track {
height: 100%;
}
}
.slider .slick-slider .slide {
display: block;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.slider .slider-arrow {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
max-width: 1320px;
height: 1px;
margin: auto;
z-index: 110;
}
.slider .slider-prev,
.slider .slider-next {
display: block;
position: absolute;
top: -20px;
width: 40px;
height: 40px;
cursor: pointer;
}
@media screen and (min-width: 768px), print {
.slider .slider-prev,
.slider .slider-next {
top: -35px;
width: 70px;
height: 70px;
}
}
@media screen and (min-width: 1100px), print {
.slider .slider-prev,
.slider .slider-next {
top: -55px;
width: 110px;
height: 110px;
}
}
.slider .slider-prev::before,
.slider .slider-next::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 50%;
height: 50%;
margin: auto;
border-top: 2px solid #fff;
border-left: 2px solid #fff;
}
.slider .slider-prev {
left: 0;
}
.slider .slider-prev::before {
left: 30%;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.slider .slider-next {
right: 0;
}
.slider .slider-next::before {
right: 30%;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.slider .slider-dots {
display: block;
position: absolute;
bottom: -40px;
left: 0;
width: 100%;
text-align: center;
z-index: 100;
}
.slider .slider-dots ul {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
overflow: hidden;
}
.slider .slider-dots li {
position: relative;
width: 30px;
height: 40px;
cursor: pointer;
}
.slider .slider-dots li::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 12px;
height: 12px;
margin: auto;
border-radius: 100%;
background-color: #457fec;
}
.slider .slider-dots li.slick-active:before {
background-color: #245cc6;
}
.slider .slider-dots button {
display: none;
}  .tel-button {
display: block;
position: fixed;
top: 0;
right: 0;
width: 60px;
height: 60px;
margin: 0;
padding: 0;
line-height: 1;
font-size: 100%;
color: #fff;
text-align: center;
border: none;
background: #193f88;
cursor: pointer;
z-index: 990;
}
@media screen and (min-width: 1100px), print {
.tel-button {
display: none;
}
}
.tel-button::before {
content: "";
display: block;
position: absolute;
top: 8px;
right: 0;
left: 0;
width: 100%;
height: 29px;
margin: auto;
background: url(/img/base/tel-mail_wht.svg) center no-repeat;
background-size: contain;
}
.tel-button::after {
content: "お問合せ";
display: block;
position: absolute;
bottom: 7px;
left: 0;
width: 100%;
font-weight: 700;
font-size: 1rem;
letter-spacing: .1em;
}
.tel-button a::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
} .contact-button {
display: block;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 60px;
overflow: hidden;
z-index: 900;
}
@media screen and (min-width: 1100px), print {
.contact-button {
top: 220px;
right: 0;
bottom: auto;
left: auto;
width: auto;
height: auto;
z-index: 1010;
-webkit-transition: top .2s;
transition: top .2s;
}
}
@media screen and (min-width: 1280px), print {
.contact-button {
top: 20px;
}
}
@media screen and (min-width: 1100px) {
.header.fixed .contact-button {
top: 90px;
}
}
@media screen and (max-width: 1099.98px) {
.contact-open .contact-button {
z-index: 1010;
}
}
.contact-button a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
width: 100%;
height: 100%;
color: #fff;
text-align: center;
background-color: #457fec;
}
@media screen and (min-width: 1100px), print {
.contact-button a {
display: block;
height: auto;
padding: 1em 0;
line-height: 1.5;
border-top: 50px solid #245cc6;
}
}
.contact-button a:hover {
text-decoration: none;
background-color: #245cc6;
}
@media screen and (min-width: 1100px), print {
.contact-button a:hover {
border-top-color: #457fec;
}
}
.contact-button a::before {
content: "";
display: block;
width: 34px;
height: 34px;
margin-right: .5em;
background: url(/img/base/mail_wht.svg) center no-repeat;
background-size: cover;
}
@media screen and (min-width: 1100px), print {
.contact-button a::before {
position: absolute;
top: -42px;
right: 0;
left: 0;
margin: auto;
}
}
.contact-button span {
display: block;
}
@media screen and (min-width: 1100px), print {
.contact-button span {
display: inline-block;
vertical-align: top;
vertical-align: inherit;
width: 2.5em;
line-height: 2.5em;
font-size: 1.3em;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
} .contact-screen {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 100vh;
margin: auto;
background-color: #000;
pointer-events: none;
opacity: 0;
-webkit-transition: opacity .2s;
transition: opacity .2s;
}
@media screen and (min-width: 1100px), print {
.contact-screen {
display: none;
}
}
.contact-open .contact-screen {
pointer-events: auto;
opacity: .4;
cursor: pointer;
} .page-title {
display: block;
position: relative;
padding: 0 1em;
background: #fff url(/img/base/title.jpg) center no-repeat;
background-size: cover;
overflow: hidden;
}
@media screen and (min-width: 1100px), print {
.page-title {
padding: 0 2em;
}
}
.page-title-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 180px;
}
@media screen and (min-width: 1100px), print {
.page-title-inner {
height: 250px;
}
}
.page-title-name {
display: block;
width: 100%;
max-width: 480px;
margin: auto;
padding: 1em .5em;
line-height: 1.2;
font-size: 100%;
color: #193f88;
text-align: center;
border-radius: 1rem;
background-color: rgba(255, 255, 255, 0.85);
}
@media screen and (min-width: 1100px), print {
.page-title-name {
max-width: 800px;
padding: 1.5em .5em;
background-color: #fff;
}
}
.page-title-name .title {
display: block;
line-height: 1.2;
font-weight: 700;
font-size: 1.6em;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
}
@media screen and (min-width: 1100px), print {
.page-title-name .title {
font-size: 2.4em;
letter-spacing: .05em;
}
}
.page-title-name .title::before {
content: "";
display: block;
font-weight: 500;
font-size: .6em;
color: #151515;
letter-spacing: normal;
}
@media screen and (min-width: 1100px), print {
.page-title-name .title::before {
font-size: .45em;
}
}
.procedure-page .title::before,
.repayment-simulation-page .title::before,
.loan-select-page .title::before,
.regulate-page .title::before,
.faq-page .title::before {
content: "ご融資について";
} .main-title {
display: block;
position: absolute;
top: -5em;
left: -1em;
width: calc( 100% + 2em);
height: 180px;
margin: -180px 0 0;
padding: 0 1em;
background: #fff url(/img/base/title.jpg) center no-repeat;
background-size: cover;
overflow: hidden;
}
@media screen and (min-width: 1100px), print {
.main-title {
left: -2em;
width: calc( 100% + 4em);
height: 250px;
margin: -250px 0 0;
padding: 0 2em;
}
}
.main-title-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 180px;
}
@media screen and (min-width: 1100px), print {
.main-title-inner {
height: 250px;
}
}
.main-title-name {
display: block;
width: 100%;
max-width: 480px;
margin: auto;
padding: 1em .5em;
line-height: 1.2;
font-size: 100%;
color: #193f88;
text-align: center;
border-radius: 1rem;
background-color: rgba(255, 255, 255, 0.85);
}
@media screen and (min-width: 1100px), print {
.main-title-name {
max-width: 800px;
padding: 1.5em .5em;
background-color: #fff;
}
}
.main-title-name .title {
display: block;
line-height: 1.2;
font-weight: 700;
font-size: 1.3em;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
}
@media screen and (min-width: 1100px), print {
.main-title-name .title {
font-size: 2.4em;
letter-spacing: .05em;
}
}
.main-title-name .title span {
display: block;
font-weight: 500;
font-size: .6em;
color: #151515;
letter-spacing: normal;
}
@media screen and (min-width: 1100px), print {
.main-title-name .title span {
font-size: .45em;
}
} .form-privacy-agree {
max-width: 594px;
margin: 2.5em auto;
margin-bottom: 7em;
padding: 1em;
background-color: #245CC6;
text-align: center;
border-radius: 3px;
}
@media screen and (max-width: 767.98px) {
.form-privacy-agree {
max-width: 470px;
margin-bottom: 4em;
}
}
.form-privacy-agree label {
position: relative;
display: inline-block;
padding-left: 1.85em;
font-size: 2rem;
-webkit-font-feature-settings: 'palt';
font-feature-settings: 'palt';
cursor: pointer;
color: #fff;
}
@media screen and (max-width: 767.98px) {
.form-privacy-agree label {
font-size: 1.6rem;
}
}
.form-privacy-agree label::before {
content: "";
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
display: block;
width: 25px;
height: 25px;
border: 1px solid #fff;
background-color: #eee;
}
@media screen and (max-width: 767.98px) {
.form-privacy-agree label::before {
width: 20px;
height: 20px;
}
}
.form-privacy-agree input[type="checkbox"] {
display: none;
}
.form-privacy-agree input[type="checkbox"]:checked + label::after {
content: "";
position: absolute;
top: 4%;
left: 8px;
display: block;
width: 15px;
height: 25px;
border-top: 5px solid #f00;
border-left: 5px solid #f00;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
@media screen and (max-width: 767.98px) {
.form-privacy-agree input[type="checkbox"]:checked + label::after {
width: 12px;
height: 22px;
border-top: 4px solid #f00;
border-left: 4px solid #f00;
top: -14%;
}
}
@media screen and (max-width: 479.98px) {
.form-privacy-agree input[type="checkbox"]:checked + label::after {
top: 17%;
}
}
.form-table-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.form-text {
margin-left: .6em;
font-weight: 500;
}
.select-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 479.98px) {
.select-block {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.select-box {
max-width: 95px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.select-box:not(:last-child) {
margin-right: 2em;
}
@media screen and (max-width: 479.98px) {
.select-box:not(:last-child) {
margin-right: 0;
margin-bottom: .7em;
}
}
.select-box .form-middle {
max-width: 100px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
}
.select-box .form-short {
max-width: 70px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
}
.accent1 {
max-width: 125px;
} .form-table {
display: table;
position: relative;
line-height: 1.5;
border-collapse: separate;
border-spacing: 0;
width: 100%;
max-width: 1048px;
margin: 0 auto 8em;
}
.form-table._last {
margin-bottom: 0;
}
@media screen and (max-width: 767.98px) {
.form-table {
margin: 0 auto 4em;
}
}
@media screen and (min-width: 768px), print {
.form-table tr:last-child th, .form-table tr:last-child td {
border-bottom: 1px solid #ccc;
}
}
.form-table th {
position: relative;
vertical-align: top;
width: 15em;
padding: .6em 0 .6em 1em;
background-color: #eee;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
@media screen and (max-width: 767.98px) {
.form-table th {
display: block;
width: auto;
padding: .6em .8em .8em .6em;
border: none;
}
}
@media screen and (max-width: 479.98px) {
.form-table th {
padding: .5em .8em .6em .6em;
}
}
.form-table td {
vertical-align: middle;
padding: .6em 1em .6em 1em;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
@media screen and (max-width: 767.98px) {
.form-table td {
display: block;
padding: .6em .6em .8em .6em;
border: none;
margin-bottom: 1em;
}
} .form-label {
max-width: 100%;
min-width: 6em;
} .form-area-picture .form-caution {
margin-top: .5em;
margin-bottom: .5em;
}
.form-area-picture .form-caution strong {
display: block;
position: relative;
padding-left: 30px;
}
.form-area-picture .form-caution strong::before {
content: "";
display: block;
position: absolute;
top: -2px;
bottom: 0;
left: 2px;
width: 20px;
height: 20px;
margin: auto;
background: url(/img/base/exclamation.svg) center no-repeat;
background-size: cover;
}
.form-area-picture .form-note-list {
font-size: .85em;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
}
.form-area-picture .form-note-list span {
color: #2c7cc4;
font-weight: bold;
} .form-title {
display: inline-block;
vertical-align: middle;
font-weight: 500;
-webkit-font-feature-settings: 'palt';
font-feature-settings: 'palt';
}
.form-title span {
display: inline-block;
vertical-align: middle;
font-size: .8em;
}
@media screen and (max-width: 767.98px) {
.form-title span {
margin-right: -1em;
}
} .form-icon {
display: block;
float: left;
width: 43px;
margin: .23em .55em 0 0;
line-height: 1.7em;
font-size: .9em;
color: #fff;
text-align: center;
border-radius: 0;
}
@media screen and (max-width: 767.98px) {
.form-icon {
font-size: .75em;
line-height: 2.2em;
}
}
@media screen and (max-width: 479.98px) {
.form-icon {
margin: .1em .55em 0 0;
}
}
.form-icon-required {
background-color: #f00;
}
.form-icon-required::before {
content: "必須";
}
.form-icon-free {
background-color: #eee;
color: #eee;
}
@media screen and (max-width: 767.98px) {
.form-icon-free {
background-color: #eee;
display: none;
}
}
.form-icon-free::before {
content: "任意";
} .form-agree {
margin: 2em 0 0;
text-align: center;
} .form-control {
width: 100%;
height: 1.9em;
padding: 0 .5em;
color: #151515;
font-family: inherit;
font-size: 1em;
line-height: 1.5;
border-radius: 0;
border: 1px solid #ccc;
background-color: #fff;
}
.form-control:focus, .form-control:active {
outline: none;
border-color: #ddd;
background-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
.form-control-xs {
max-width: 4em;
}
.form-control-sm {
max-width: 6em;
}
.form-control-md {
max-width: 10em;
}
.form-control.form-short {
max-width: 7.4em;
}
.form-control.form-middle {
max-width: 13em;
}
.form-control.form-low {
height: 1.6em;
}
@media screen and (max-width: 767.98px) {
.form-control.form-low {
height: 2.0em;
}
}
.form-control.form-inline {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.form-control.form-inline-right {
margin-left: .5em;
}
.form-control.form-inline-left {
margin-right: .5em;
}
.form-control.form-inline-both {
margin-right: .5em;
margin-left: .5em;
}
.form-control.form-textarea {
resize: vertical;
vertical-align: top;
height: 12em;
min-height: 2.5em;
max-height: 18em;
padding: .5em .5em 0;
}
.form-control.form-textarea-low {
height: 2.5em;
}
.form-control.form-textarea-high {
height: 5em;
} .form-button-inline {
font-size: 1.6rem;
border-radius: 10em;
padding: .3em 1em;
background-color: #000;
}
.form-group {
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.select-wrap {
position: relative;
color: #151515;
background-color: #fff;
}
.select-wrap select {
display: block;
position: relative;
z-index: 1;
padding-right: 1.5em;
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.select-wrap select::-ms-expand {
display: none;
}
.select-wrap .select-icon {
display: block;
position: absolute;
top: -2px;
right: 15px;
bottom: 0;
width: 10px;
height: 10px;
margin: auto;
border-top: 1px solid #000;
border-left: 1px solid #000;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
pointer-events: none;
z-index: 1;
} .form-radio-item {
margin: 0 2em 1em 0;
}
@media screen and (max-width: 479.98px) {
.form-radio-item {
margin: 0 0 1em 0;
}
}
.form-radio-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -2em -1em 0;
}
@media screen and (max-width: 479.98px) {
.form-radio-wrap {
margin: 0 0 -1em 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.form-radio-wrap input[type="radio"] {
display: none;
}
.form-radio-wrap input[type="radio"]:checked + label::after {
content: "";
position: absolute;
left: 5px;
top: 3px;
display: block;
width: 11px;
height: 11px;
background-color: #245cc6;
border-radius: 100%;
}
.form-radio-wrap label {
position: relative;
display: inline-block;
padding-left: 1.7em;
line-height: 1;
text-align: center;
}
.form-radio-wrap label::before {
content: "";
position: absolute;
left: 0;
top: -2px;
display: block;
width: 21px;
height: 21px;
border-radius: 100%;
border: 1px solid #ccc;
background-color: #fff;
}
@media screen and (max-width: 1099.98px) {
.form-radio-wrap label::before {
width: 21px;
height: 21px;
}
}
.form-attention {
color: #193f88;
-webkit-font-feature-settings: 'palt';
font-feature-settings: 'palt';
font-size: 1.2rem;
margin-left: .8em;
}
@media screen and (max-width: 1099.98px) {
.form-attention {
margin-left: 0;
margin-top: .5em;
}
}
.form-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1099.98px) {
.form-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.form-check-wrap {
margin-bottom: -.5em;
padding: .5em 0;
}
.form-check-inline {
display: inline-block;
margin-bottom: .5em;
}
.form-check-input {
position: absolute !important;
margin: 0 !important;
opacity: 0;
}
.form-check-label {
position: relative;
display: inline-block;
vertical-align: middle;
margin-right: 2rem;
padding-left: 32px;
line-height: 1.4;
cursor: pointer;
}
.form-check-label::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 24px;
height: 24px;
margin: auto;
border: 2px solid #ddd;
background: #fff;
}
.form-check-label::after {
content: "";
display: block;
position: absolute;
margin: auto;
}
.form-check-input:checked + .form-check-label {
color: #457fec;
}
.form-check-input:checked + .form-check-label::before {
border-color: #245cc6;
}
.form-check-input[type="radio"] + .form-check-label::before {
border-radius: 100%;
border-width: 1px;
}
.form-check-input[type="radio"]:checked + .form-check-label::after {
top: 0;
bottom: 0;
left: 5px;
width: 14px;
height: 14px;
border-radius: 100%;
background: #245cc6;
opacity: 1;
}
.form-check-input[type="checkbox"] + .form-check-label::before {
border-radius: .35rem;
border-width: 1px;
}
.form-check-input[type="checkbox"]:checked + .form-check-label::after {
top: -4px;
bottom: 0;
left: 3px;
width: 18px;
height: 10px;
border-left: 4px solid #245cc6;
border-bottom: 4px solid #245cc6;
opacity: 1;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
} input.validate-error,
select.validate-error,
textarea.validate-error {
border-color: #f00;
}
span.validate-error {
display: block !important;
font-size: .85em;
color: #f00;
}
span.validate-error:first-of-type {
margin-top: .5em;
}
.error-message-check span.validate-error:first-of-type {
margin-top: 0;
margin-bottom: -.7em;
}
.error-message-check span.validate-error:not(:first-of-type) {
display: none !important;
} .form-buttons {
padding-top: 2em;
text-align: center;
}
.form-button-search {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
max-width: 100px;
width: 100%;
color: #fff;
background-color: #193f88;
border-radius: 10em;
border: none;
padding: .2em .5em .25em .5em;
line-height: 1.2;
margin-left: .5em;
}
.form-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
display: inline-block;
border-radius: 5px;
background-color: #245CC6;
color: #fff;
font-size: 2.4rem;
line-height: 1.2;
font-weight: 500;
padding: .4em 3.7em .4em .8em;
border: 2px solid #245CC6;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
@media screen and (max-width: 639.98px) {
.form-button {
font-size: 2rem;
}
}
.form-button::before {
content: "";
position: absolute;
top: 50%;
right: 18px;
border-radius: 2px;
-webkit-transform: translateY(-50%) rotate(135deg);
transform: translateY(-50%) rotate(135deg);
display: block;
width: 10px;
height: 10px;
border-top: 3px solid #fff;
border-left: 3px solid #fff;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.form-button:hover {
background-color: #fff;
color: #245CC6;
}
.form-button:hover::before {
border-color: #245CC6;
}
.form-button-back {
color: #fff;
border-color: #999;
background: #999;
}
.form-button-back:hover {
border-color: #ccc;
background: #ccc;
}
.form-button-inline {
vertical-align: middle;
margin-top: 0;
margin-bottom: 0;
padding: .7em 1em;
font-size: .9em;
}
.form-button-inline::after {
display: none;
}
.form-button-search {
border-color: #245cc6;
background-color: #193f88;
}
.form-button-search:hover {
border-color: #457fec;
background: #457fec;
}
.form-button-upload {
margin: 0;
padding: .8em 1em;
font-size: 1.1em;
color: #fff;
background: #e21664;
}
.form-button-upload:hover {
color: #fff;
text-decoration: none;
background: #e94709;
}
.form-button-upload::after {
display: none;
} .loader {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
pointer-events: none;
z-index: 9999;
opacity: 0;
-webkit-transition: opacity .6s ease;
transition: opacity .6s ease;
}
.loader.loading {
opacity: 1;
pointer-events: auto;
}
.loader::before {
content: "";
display: block;
position: absolute;
top: -140px;
right: 0;
bottom: 0;
left: 0;
width: 60px;
height: 60px;
margin: auto;
border: 4px solid #ddd;
border-top: 4px solid #457fec;
border-radius: 50%;
z-index: 1;
-webkit-animation: spin 3s linear infinite;
animation: spin 3s linear infinite;
}
.loader img {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 140px;
margin: auto;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .social-buttons {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 120px;
list-style: none;
}
.social-buttons li {
margin: 0;
}
.social-buttons li:not(:last-child) {
margin-right: 15px;
}
.social-buttons a {
display: block;
width: 30px;
} @media print {
html,
body {
width: 1100px;
background: none;
}
}  .section {
margin-right: -1em;
margin-left: -1em;
}
@media screen and (min-width: 1100px), print {
.section {
margin-right: -2em;
margin-left: -2em;
}
}
.section-secondary {
padding-right: 1em;
padding-left: 1em;
}
@media screen and (min-width: 1100px), print {
.section-secondary {
padding-right: 2em;
padding-left: 2em;
}
}
.section-secondary:not(:last-child) {
margin-bottom: 5em;
}
.section-secondary .inner {
line-height: 1.5;
}
@media screen and (min-width: 768px), print {
.section-secondary .inner {
line-height: 1.8;
}
}
@media screen and (min-width: 1100px), print {
.section-secondary .inner {
padding-right: 2rem;
padding-left: 2rem;
}
}
.section-dummy {
padding-right: 1em;
padding-left: 1em;
}
@media screen and (min-width: 1100px), print {
.section-dummy {
padding-right: 2em;
padding-left: 2em;
}
}
.section-dummy:not(:last-child) {
margin-bottom: 5em;
}
.section-dummy .inner {
max-width: none;
text-align: center;
}
.section-dummy_wide {
padding-right: 0;
padding-left: 0;
}
.section-header {
position: relative;
margin-bottom: 2em;
text-align: center;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
}
.section-heading {
display: inline-block;
vertical-align: top;
padding: 0 .25em .25em;
line-height: 1.2;
font-weight: 700;
font-size: 1.4em;
color: #193f88;
border-bottom: 1px solid #193f88;
}
@media screen and (min-width: 1100px), print {
.section-heading {
font-size: 2em;
}
}
.section-caption {
margin-top: .75em;
letter-spacing: .05em;
} .bcrew-intro-section {
margin-bottom: 3em;
}
.bcrew-intro-section .inner {
max-width: none;
}
@media screen and (min-width: 1100px), print {
.bcrew-intro-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.bcrew-intro-main {
position: relative;
padding: 2em 1em;
background: url(/img/top/img.jpg) no-repeat center;
background-size: cover;
}
@media screen and (min-width: 1100px), print {
.bcrew-intro-main {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
padding: 2em;
}
}
.bcrew-intro-main::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(29, 108, 181, 0.8);
}
@media screen and (min-width: 1100px), print {
.bcrew-intro-side {
width: 50%;
}
}
.bcrew-intro-inner {
position: relative;
color: #fff;
}
@media screen and (min-width: 1100px), print {
.bcrew-intro-inner {
max-width: 550px;
margin-left: -2em;
padding-left: 2em;
}
}
.bcrew-intro-head {
margin-bottom: 1em;
text-align: center;
}
@media screen and (min-width: 1100px), print {
.bcrew-intro-head {
text-align: left;
}
}
.bcrew-intro-heading {
margin-bottom: 1em;
line-height: 1.2;
font-size: 100%;
}
.bcrew-intro-heading span {
display: block;
font-weight: 700;
font-size: 2.0em;
}
@media screen and (min-width: 1100px), print {
.bcrew-intro-heading span {
font-size: 2.4em;
}
}
.bcrew-intro-caption {
line-height: 1.8;
}
@media screen and (min-width: 1100px), print {
.bcrew-intro-caption {
font-size: 1.05em;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-intro-caption .br {
display: block;
}
}
.bcrew-intro-img {
display: block;
position: relative;
height: 100%;
overflow: hidden;
}
.bcrew-intro-img::before {
content: "";
display: block;
padding-top: 150px;
}
@media screen and (min-width: 1100px), print {
.bcrew-intro-img::before {
display: none;
}
}
.bcrew-intro-img img {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
max-width: none;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (min-width: 1100px), print {
.bcrew-intro-img img {
width: auto;
height: 100%;
}
}
@media screen and (min-width: 1440px), print {
.bcrew-intro-img img {
width: 100%;
height: auto;
}
}
.bcrew-intro-description {
line-height: 1.8;
font-size: .95em;
}
@media screen and (min-width: 1100px), print {
.bcrew-intro-description {
line-height: 1.6;
font-size: .9em;
}
}
.bcrew-intro-more {
max-width: 20em;
margin: 1.5em auto 0;
}
@media screen and (min-width: 768px), print {
.bcrew-intro-more {
max-width: none;
margin: 1.5em 0 0;
}
}
.bcrew-intro-more ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -1em -1em 0;
}
@media screen and (min-width: 768px), print {
.bcrew-intro-more ul {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-intro-more ul {
margin: 0 -.5em -.5em 0;
}
}
.bcrew-intro-more li {
width: 100%;
padding: 0 1em 1em 0;
}
@media screen and (min-width: 768px), print {
.bcrew-intro-more li {
width: 33.33333%;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-intro-more li {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: auto;
padding: 0 .5em .5em 0;
}
} .bcrew-news-section {
margin-bottom: 2em;
padding: 2em 1em;
background-color: #bbd4e9;
}
@media screen and (min-width: 1100px), print {
.bcrew-news-section {
padding: 2em;
}
}
.bcrew-news-section .inner {
max-width: none;
}
.bcrew-news-container {
max-width: 800px;
margin: auto;
}
.bcrew-news-container .news-list .news-link {
border-bottom-color: #fff;
}
.bcrew-news-head {
margin-bottom: .5em;
text-align: center;
}
.bcrew-news-body .more {
margin-top: 2em;
}
.bcrew-news-heading {
line-height: 1.2;
font-size: 1.4em;
color: #193f88;
}
@media screen and (min-width: 1100px), print {
.bcrew-news-heading {
font-size: 1.8em;
}
} .bcrew-service-section {
margin-bottom: 3em;
padding: 0 1em;
}
@media screen and (min-width: 1100px), print {
.bcrew-service-section {
padding: 0 2em;
}
}
.bcrew-service-container {
margin: 0 -1em;
}
@media screen and (min-width: 640px), print {
.bcrew-service-container {
padding-top: 2em;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-service-container {
margin: 0;
padding: 0;
}
}
.bcrew-service-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
margin: 0 -1em -1em 0;
}
@media screen and (min-width: 640px), print {
.bcrew-service-items {
margin: 0 -1em -3em 0;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-service-items {
margin: 0 -1.5em -1.5em 0;
}
}
.bcrew-service-item {
width: 100%;
padding: 0 1em 1em 0;
}
@media screen and (min-width: 640px), print {
.bcrew-service-item {
padding: 0 1em 3em 0;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-service-item {
width: 33.33333%;
padding: 0 1.5em 1.5em 0;
}
}
.bcrew-service-inner {
display: block;
position: relative;
height: 100%;
}
@media screen and (min-width: 640px), print {
.bcrew-service-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-service-inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.bcrew-service-main {
position: relative;
color: #fff;
background-color: #245cc6;
}
@media screen and (min-width: 640px), print {
.bcrew-service-main {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
padding: 0 1em;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-service-main {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0;
}
}
@media screen and (min-width: 640px), print {
.bcrew-service-side {
width: 45%;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-service-side {
width: 100%;
}
}
.bcrew-service-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
top: -2em;
width: calc( 100% - 45px);
height: 90px;
margin-bottom: -1em;
padding-left: 1em;
background-color: #193f88;
}
.bcrew-service-head::before {
content: "";
display: block;
position: absolute;
top: 0;
right: -30px;
width: 0;
height: 0;
border-style: solid;
border-width: 90px 0 0 30px;
border-color: transparent transparent transparent #193f88;
}
.bcrew-service-body {
padding: 0 1em;
}
@media screen and (min-width: 640px), print {
.bcrew-service-body {
padding: 0;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-service-body {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-service-body {
padding: 0 1.5em;
}
}
.bcrew-service-heading {
margin-bottom: .5em;
line-height: 1.2;
font-size: 100%;
}
@media screen and (min-width: 768px), print {
.bcrew-service-heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.bcrew-service-heading::before {
content: attr(data-subtitle);
display: block;
line-height: 1;
font-size: 2.5rem;
}
@media screen and (min-width: 1100px), print {
.bcrew-service-heading::before {
font-size: 3rem;
}
}
.bcrew-service-heading .heading {
display: block;
}
@media screen and (min-width: 768px), print {
.bcrew-service-heading .heading {
margin-left: .5em;
}
}
.bcrew-service-heading .heading span {
display: inline-block;
font-weight: 700;
font-size: .9em;
color: #ffffbf;
}
@media screen and (min-width: 1100px), print {
.bcrew-service-heading .heading span {
display: block;
}
}
.bcrew-service-caption {
font-size: .75em;
letter-spacing: .1em;
}
.bcrew-service-description {
line-height: 1.8;
font-size: .95em;
}
.bcrew-service-img {
display: block;
position: relative;
height: 100%;
overflow: hidden;
}
.bcrew-service-img::before {
content: "";
display: block;
padding-top: 45.00%;
}
@media screen and (min-width: 640px), print {
.bcrew-service-img::before {
display: none;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-service-img::before {
display: block;
padding-top: 66.285%;
}
}
.bcrew-service-img img {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
@media screen and (max-width: 1099.98px) {
.bcrew-service-img img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.bcrew-service-more {
padding: 1em;
}
.bcrew-service-more .more {
max-width: 12em;
margin: auto;
} .bcrew-features-section {
margin-bottom: 3em;
}
.bcrew-features-section .inner {
max-width: none;
}
@media screen and (min-width: 1100px), print {
.bcrew-features-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
.bcrew-features-main {
padding: 1em 1em 0;
}
@media screen and (min-width: 1100px), print {
.bcrew-features-main {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
padding: 0 2em;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-features-side {
width: 50%;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-features-inner {
max-width: 550px;
margin-right: -2em;
padding-right: 2em;
margin-left: auto;
}
}
.bcrew-features-head {
margin-bottom: .5em;
}
@media screen and (min-width: 1100px), print {
.bcrew-features-head {
margin-bottom: 1em;
}
}
.bcrew-features-heading {
line-height: 1.2;
font-weight: 700;
font-size: 1.5em;
color: #193f88;
}
@media screen and (min-width: 1100px), print {
.bcrew-features-heading {
font-size: 2.0em;
}
}
.bcrew-features-img {
display: block;
position: relative;
height: 100%;
overflow: hidden;
}
.bcrew-features-img::before {
content: "";
display: block;
padding-top: 45%;
}
@media screen and (min-width: 1100px), print {
.bcrew-features-img::before {
display: none;
}
}
.bcrew-features-img img {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
max-width: none;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (min-width: 1100px), print {
.bcrew-features-img img {
width: auto;
height: 110%;
}
}
@media screen and (min-width: 1600px), print {
.bcrew-features-img img {
width: 100%;
height: auto;
}
}
.bcrew-features-description {
line-height: 1.8;
font-size: .95em;
}
@media screen and (min-width: 1100px), print {
.bcrew-features-description {
font-size: .85em;
}
}
.bcrew-features-list {
counter-reset: features_list;
margin: 1.5em 0 0 .5em;
color: #193f88;
}
.bcrew-features-list li {
position: relative;
}
.bcrew-features-list li:not(:last-child) {
margin-bottom: 1.5em;
}
.bcrew-features-list dl {
display: block;
position: relative;
padding-left: 70px;
line-height: 1.2;
}
.bcrew-features-list dt {
margin-bottom: .1em;
font-weight: 700;
font-size: 1.6em;
}
.bcrew-features-list dd {
font-size: .85em;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
}
.bcrew-features-list .list-number {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 54px;
height: 60px;
margin: auto;
}
.bcrew-features-list .list-number::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #193f88;
-webkit-transform: skewX(-10deg);
transform: skewX(-10deg);
}
.bcrew-features-list .list-number span {
display: block;
position: absolute;
top: 50%;
left: 0;
width: 100%;
line-height: 1;
text-align: center;
color: #fff;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.bcrew-features-list .list-number span::before {
content: "特徴";
display: block;
font-size: 1.4rem;
}
.bcrew-features-list .list-number span::after {
counter-increment: features_list;
content: counter(features_list);
display: block;
font-size: 3rem;
} .bcrew-beginner-section {
padding: 0 1em;
}
@media screen and (min-width: 1100px), print {
.bcrew-beginner-section {
padding: 0 2em;
}
}
.bcrew-beginner-section .inner {
max-width: none;
}
.bcrew-beginner-container {
padding: 2em 0;
}
.bcrew-beginner-more {
max-width: 20em;
margin: auto;
}
@media screen and (min-width: 768px), print {
.bcrew-beginner-more {
max-width: 960px;
}
}
.bcrew-beginner-more ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -1em -1em 0;
}
@media screen and (min-width: 768px), print {
.bcrew-beginner-more ul {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-beginner-more ul {
margin: 0 -1.5em -1.5em 0;
}
}
.bcrew-beginner-more li {
width: 100%;
padding: 0 1em 1em 0;
}
@media screen and (min-width: 768px), print {
.bcrew-beginner-more li {
width: 33.33333%;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-beginner-more li {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: auto;
padding: 0 1.5em 1.5em 0;
}
} .bcrew-area-container {
margin: 0 -1em;
padding: 2em 1em;
background-color: #bbd4e9;
}
@media screen and (min-width: 1100px), print {
.bcrew-area-container {
margin: 0 -2em;
padding: 2em;
}
}
.bcrew-area-head {
margin-bottom: 1.5em;
text-align: center;
}
.bcrew-area-body {
max-width: 1100px;
margin: 0 auto 2em;
}
.bcrew-area-heading {
line-height: 1.4;
font-weight: 700;
font-size: 1.2em;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
}
@media screen and (min-width: 1100px), print {
.bcrew-area-heading {
font-size: 1.5em;
}
}
.bcrew-area-heading span {
display: block;
font-weight: 700;
font-size: 1.4em;
color: #006600;
}
@media screen and (min-width: 640px), print {
.bcrew-area-heading span {
display: inline;
}
}
.bcrew-area-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -.75em -.75em 0;
}
.bcrew-area-list li {
width: 50%;
padding: 0 .75em .75em 0;
}
@media screen and (min-width: 480px), print {
.bcrew-area-list li {
width: 33.33333%;
}
}
@media screen and (min-width: 768px), print {
.bcrew-area-list li {
width: 16.66667%;
}
}
.bcrew-area-list a {
display: block;
color: #fff;
border-radius: .5rem;
background-color: #65ac4a;
-webkit-transition: background-color .2s;
transition: background-color .2s;
overflow: hidden;
}
.bcrew-area-list a:hover {
text-decoration: none;
background-color: #006600;
}
.bcrew-area-list span {
display: block;
position: relative;
padding: .75em 1.25em .75em .75em;
line-height: 1.2;
}
.bcrew-area-list span::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
right: .75em;
width: .6em;
height: .6em;
margin: auto;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.bcrew-area-list img {
display: block;
width: 100%;
}
.bcrew-area-contact {
max-width: 360px;
margin: auto;
}
@media screen and (min-width: 768px), print {
.bcrew-area-contact {
max-width: 800px;
}
} .bcrew-menu-section {
padding: 1em;
background-color: #eee;
}
@media screen and (min-width: 1100px), print {
.bcrew-menu-section {
padding: 1.5em;
}
}
.bcrew-menu-section .inner {
max-width: 1600px;
}
.bcrew-menu-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -.5em -.5em 0;
}
@media screen and (min-width: 1100px), print {
.bcrew-menu-items {
margin: 0;
}
}
.bcrew-menu-item {
width: 100%;
padding: 0 .5em .5em 0;
}
@media screen and (min-width: 768px), print {
.bcrew-menu-item {
width: 33.33333%;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-menu-item {
padding: 0;
}
}
.bcrew-menu-inner {
display: block;
position: relative;
height: 100%;
background-color: #000;
overflow: hidden;
}
.bcrew-menu-img {
display: block;
position: relative;
height: 100%;
overflow: hidden;
opacity: .35;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
.bcrew-menu-img::before {
content: "";
display: block;
padding-top: 38.46%;
}
@media screen and (min-width: 480px), print {
.bcrew-menu-img::before {
padding-top: 150px;
}
}
@media screen and (min-width: 768px), print {
.bcrew-menu-img::before {
padding-top: 55.0%;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-menu-img::before {
padding-top: 38.46%;
}
}
.bcrew-menu-img img {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px), print {
.bcrew-menu-img img {
width: auto;
height: 100%;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-menu-img img {
top: 0;
left: 0;
width: 100%;
height: auto;
-webkit-transform: none;
transform: none;
}
}
.bcrew-menu-description {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (min-width: 768px), print {
.bcrew-menu-description::before {
content: "";
display: block;
position: absolute;
right: 0;
bottom: 1.5em;
left: 0;
width: .6em;
height: .6em;
margin: auto;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
}
.bcrew-menu-description dl {
position: absolute;
top: 50%;
left: 0;
width: 100%;
padding: 0 1em;
color: #fff;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (min-width: 768px), print {
.bcrew-menu-description dl {
padding: 0 1em 2em;
}
}
.bcrew-menu-description dt {
margin-bottom: .25em;
font-size: 1.2em;
}
@media screen and (min-width: 1100px), print {
.bcrew-menu-description dt {
font-size: 1.5em;
}
}
@media screen and (min-width: 1280px), print {
.bcrew-menu-description dt {
font-size: 2em;
}
}
.bcrew-menu-description dd {
font-size: .85em;
}
@media screen and (min-width: 1100px), print {
.bcrew-menu-description dd {
max-width: 20em;
margin: auto;
font-size: .95em;
}
}
.bcrew-menu-more a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 10;
}
.bcrew-menu-more span {
display: none;
}
.bcrew-menu-inner:hover .bcrew-menu-img {
opacity: .65;
-webkit-transform: scale(1.05);
transform: scale(1.05);
} .bcrew-about-section {
padding: 2em 1em;
}
@media screen and (min-width: 1100px), print {
.bcrew-about-section {
padding: 3em 2em;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-about-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-about-main {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
padding-right: 2em;
}
}
.bcrew-about-side {
margin-bottom: 1em;
}
@media screen and (min-width: 1100px), print {
.bcrew-about-side {
width: 420px;
margin-bottom: 0;
}
}
.bcrew-about-head {
margin-bottom: 1em;
color: #193f88;
text-align: center;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
}
@media screen and (min-width: 1100px), print {
.bcrew-about-head {
text-align: left;
}
}
.bcrew-about-heading {
line-height: 1.2;
font-weight: 700;
font-size: 1.5em;
}
@media screen and (min-width: 768px), print {
.bcrew-about-heading {
font-size: 1.9em;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-about-heading {
font-size: 2.4em;
}
}
.bcrew-about-heading span {
display: block;
font-weight: 700;
}
@media screen and (min-width: 480px), print {
.bcrew-about-heading span {
display: inline;
}
}
.bcrew-about-caption {
margin-top: .5em;
}
@media screen and (min-width: 1100px), print {
.bcrew-about-caption {
font-weight: 700;
font-size: 1.1em;
}
}
.bcrew-about-description {
line-height: 1.8;
font-size: .95em;
}
@media screen and (min-width: 1100px), print {
.bcrew-about-description {
font-size: .85em;
}
}
.bcrew-about-img {
display: block;
max-width: 280px;
margin: auto;
}
@media screen and (min-width: 768px), print {
.bcrew-about-img {
max-width: 360px;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-about-img {
max-width: none;
margin: 0;
}
}
.bcrew-about-img img {
width: 100%;
}
@media screen and (min-width: 1100px), print {
.bcrew-about-more .more {
text-align: left;
}
} .bcrew-links-section {
padding: 0 1em;
}
@media screen and (min-width: 1100px), print {
.bcrew-links-section {
padding: 0 2em;
}
}
.bcrew-links-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -.5em -.5em 0;
}
@media screen and (min-width: 1100px), print {
.bcrew-links-list {
margin: 0 -1.5em -1.5em 0;
}
}
.bcrew-links-list li {
width: 100%;
padding: 0 .5em .5em 0;
}
@media screen and (min-width: 480px), print {
.bcrew-links-list li {
width: 50%;
}
}
@media screen and (min-width: 768px), print {
.bcrew-links-list li {
width: 33.33333%;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-links-list li {
padding: 0 1.5em 1.5em 0;
}
}
.bcrew-links-list a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 90px;
color: #151515;
border-radius: .5rem;
border: 5px solid #eee;
background: #fff;
-webkit-transition-property: border-color, color;
transition-property: border-color, color;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
@media screen and (min-width: 1100px), print {
.bcrew-links-list a {
height: 120px;
}
}
.bcrew-links-list a::before, .bcrew-links-list a::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: opacity .2s;
transition: opacity .2s;
}
.bcrew-links-list a::before {
opacity: 1;
background: linear-gradient(115deg, #fff 0%, #fff 75%, #eee 75%, #eee 100%);
}
.bcrew-links-list a::after {
opacity: 0;
background: linear-gradient(115deg, #fff 0%, #fff 75%, #bbd4e9 75%, #bbd4e9 100%);
}
.bcrew-links-list a:hover {
color: #245cc6;
border-color: #bbd4e9;
text-decoration: none;
}
.bcrew-links-list a:hover::before {
opacity: 0;
}
.bcrew-links-list a:hover::after {
opacity: 1;
}
.bcrew-links-list .label {
display: block;
position: relative;
width: 100%;
padding: 1em .5em;
line-height: 1.3;
text-align: center;
z-index: 10;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
}
@media screen and (min-width: 1100px), print {
.bcrew-links-list .label {
font-size: 1.35em;
}
}
.bcrew-links-list .label span {
display: block;
}
.bcrew-links-list .logo-jfsa {
width: 180px;
}
.bcrew-links-list .logo-jicc {
width: 230px;
margin-top: 9px;
}
@media screen and (min-width: 1100px), print {
.bcrew-links-list .logo-jfsa {
width: 220px;
}
.bcrew-links-list .logo-jicc {
width: 310px;
margin-top: 10px;
}
}
.bcrew-links-text {
margin: 0 -1em;
padding: 1em 0;
text-align: center;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
}
.bcrew-links-text span {
display: inline-block;
font-size: .95em;
}
@media screen and (min-width: 768px), print {
.bcrew-links-text span {
font-size: 1em;
}
} .bcrew-contact-section {
position: relative;
}
@media screen and (min-width: 768px), print {
.bcrew-contact-section {
padding: 1em;
background: #eee url(/img/base/bg.jpg) no-repeat center;
background-size: cover;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-contact-section {
padding: 3em 2em;
}
}
.bcrew-contact-section::before {
content: "";
display: block;
padding-top: 130px;
background: #eee url(/img/base/bg.jpg) no-repeat center;
background-size: cover;
}
@media screen and (min-width: 768px), print {
.bcrew-contact-section::before {
display: none;
}
}
.bcrew-contact-section .inner {
max-width: 960px;
}
.bcrew-contact-container {
padding: 1.5em 0;
background-color: #245cc6;
}
@media screen and (min-width: 768px), print {
.bcrew-contact-container {
background-color: rgba(36, 93, 198, 0.9);
}
}
@media screen and (min-width: 1100px), print {
.bcrew-contact-container {
padding: 2em 0;
background-color: #245cc6;
}
}
.bcrew-contact-head {
margin-bottom: 1.5em;
text-align: center;
}
.bcrew-contact-body {
padding: 0 1em;
}
@media screen and (min-width: 1100px), print {
.bcrew-contact-body {
padding: 0 2em;
}
}
.bcrew-contact-heading {
line-height: 1.4;
font-weight: 700;
font-size: 1.2em;
color: #fff;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
}
@media screen and (min-width: 768px), print {
.bcrew-contact-heading {
font-size: 1.8em;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-contact-heading {
font-size: 2.4em;
}
}
.bcrew-contact-heading .marker {
margin: 0 .15em;
padding: 0 .25em;
font-weight: 700;
}
.bcrew-contact-heading .br {
display: block;
}
.bcrew-contact-contact {
max-width: 20em;
margin: auto;
}
@media screen and (min-width: 768px), print {
.bcrew-contact-contact {
max-width: none;
}
}
.bcrew-contact-contact .global-contact-item {
font-size: 1.1em;
}
@media screen and (min-width: 1100px), print {
.bcrew-contact-contact .global-contact-item {
height: 80px;
font-size: 1.4em;
}
} .bcrew-heroimg-section {
position: relative;
overflow: hidden;
}
.bcrew-heroimg-section .inner {
max-width: none;
}
.bcrew-heroimg-mainimg {
display: block;
position: relative;
overflow: hidden;
}
.bcrew-heroimg-mainimg::before {
content: "";
display: block;
padding-top: 44.00%;
}
@media screen and (min-width: 480px), print {
.bcrew-heroimg-mainimg::before {
padding-top: 36.00%;
}
}
@media screen and (min-width: 768px), print {
.bcrew-heroimg-mainimg::before {
padding-top: 400px;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-heroimg-mainimg::before {
padding-top: 450px;
}
}
@media screen and (min-width: 1600px), print {
.bcrew-heroimg-mainimg::before {
padding-top: 500px;
}
}
.bcrew-heroimg-mainimg .loader {
position: absolute;
z-index: 150;
}
.bcrew-heroimg-mainimg .loader::before {
top: 0;
width: 40px;
height: 40px;
border: 4px solid #ddd;
border-top: 4px solid #457fec;
}
@media screen and (min-width: 1100px), print {
.bcrew-heroimg-mainimg .loader::before {
width: 50px;
height: 50px;
}
}
.bcrew-heroimg-mainimg .slick-slider,
.bcrew-heroimg-mainimg .slick-list,
.bcrew-heroimg-mainimg .slick-track {
height: 100%;
}
.bcrew-heroimg-mainimg .slick-slider {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
visibility: hidden;
}
.bcrew-heroimg-mainimg .slick-slider.slick-initialized {
opacity: 1;
visibility: visible;
}
.bcrew-heroimg-mainimg .slick-slider .slide {
display: block;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.bcrew-heroimg-mainimg .slick-slider .slide img {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: 100%;
max-width: none;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (min-width: 1440px), print {
.bcrew-heroimg-mainimg .slick-slider .slide img {
width: 100%;
height: auto;
}
}
@media screen and (min-width: 768px), print {
.bcrew-heroimg-container {
display: block;
position: absolute;
top: 50%;
left: 0;
width: 100%;
padding: 0 1em;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media screen and (min-width: 1100px), print {
.bcrew-heroimg-container {
padding: 0 1em;
}
}
.bcrew-heroimg-head {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
pointer-events: none;
z-index: 10;
}
@media screen and (min-width: 768px), print {
.bcrew-heroimg-head {
position: relative;
margin-bottom: 1.5em;
pointer-events: auto;
}
}
.bcrew-heroimg-head::before {
content: "";
display: block;
padding-top: 44.00%;
}
@media screen and (min-width: 480px), print {
.bcrew-heroimg-head::before {
padding-top: 36.00%;
}
}
@media screen and (min-width: 768px), print {
.bcrew-heroimg-head::before {
display: none;
}
}
.bcrew-heroimg-body {
padding: .5em;
}
@media screen and (min-width: 768px), print {
.bcrew-heroimg-body {
max-width: 800px;
margin: auto;
padding: 0;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-heroimg-body {
max-width: 1100px;
}
}
.bcrew-heroimg-heading {
display: block;
position: absolute;
top: 50%;
left: 0;
width: 100%;
line-height: 1.2;
font-size: 100%;
color: #193f88;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (min-width: 768px), print {
.bcrew-heroimg-heading {
position: static;
-webkit-transform: none;
transform: none;
}
}
.bcrew-heroimg-heading span {
display: block;
font-weight: 700;
font-size: 1.4em;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
}
@media screen and (min-width: 480px), print {
.bcrew-heroimg-heading span {
font-size: 1.8em;
}
}
@media screen and (min-width: 768px), print {
.bcrew-heroimg-heading span {
display: inline;
font-size: 2.2em;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-heroimg-heading span {
font-size: 3.0em;
}
}
@media screen and (min-width: 1440px), print {
.bcrew-heroimg-heading span {
font-size: 3.4em;
}
}
.bcrew-heroimg-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -.5em -.5em 0;
}
@media screen and (min-width: 768px), print {
.bcrew-heroimg-items {
margin: 0 -1em -1em 0;
}
}
.bcrew-heroimg-item {
width: 100%;
padding: 0 .5em .5em 0;
}
@media screen and (min-width: 768px), print {
.bcrew-heroimg-item {
padding: 0 1em 1em 0;
}
}
@media screen and (min-width: 640px), print {
.bcrew-heroimg-primary {
width: 60%;
}
}
@media screen and (min-width: 640px), print {
.bcrew-heroimg-secondary {
width: 40%;
}
}
.bcrew-heroimg-free, .bcrew-heroimg-charge {
height: 100%;
padding: 1em .5em .5em;
text-align: center;
border-radius: 1rem; background: rgba(255, 255, 255, 0.7);
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
overflow: hidden;
}
@media screen and (min-width: 768px), print {
.bcrew-heroimg-free, .bcrew-heroimg-charge {
display: block;
height: 100%;
padding: 1em; }
}
.bcrew-heroimg-free .title, .bcrew-heroimg-charge .title {
font-size: 100%;
}
@media screen and (min-width: 768px), print {
.bcrew-heroimg-free .title, .bcrew-heroimg-charge .title {
font-size: 1.15em;
}
}
.bcrew-heroimg-free .rate {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: .5em -.5em 0;
font-size: .9em;
color: #f00;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
}
@media screen and (min-width: 480px), print {
.bcrew-heroimg-free .rate {
font-size: 1.05em;
}
}
@media screen and (min-width: 768px), print {
.bcrew-heroimg-free .rate {
margin: 0;
font-size: 1.2em;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-heroimg-free .rate {
font-size: 1.8em;
}
}
.bcrew-heroimg-free .text {
display: block;
line-height: 1.3;
color: #151515;
}
.bcrew-heroimg-free .large {
display: block;
line-height: 1;
font-weight: 700;
font-size: 3.4em;
letter-spacing: -.05em;
}
.bcrew-heroimg-free .large span {
margin-left: .1em;
font-size: .5em;
}
.bcrew-heroimg-free .small {
display: block;
line-height: 1;
font-weight: 700;
font-size: 2.0em;
letter-spacing: -.05em;
}
.bcrew-heroimg-free .small span {
margin-right: .15em;
margin-left: .3em;
font-size: .6em;
}
.bcrew-heroimg-free .points {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 1em -.35em -.35em 0;
padding: 2%;
}
@media screen and (min-width: 640px), print {
.bcrew-heroimg-free .points {
padding: 2% 0 0;
}
}
@media screen and (min-width: 768px), print {
.bcrew-heroimg-free .points {
margin: 1.25em -.5em -.5em 0;
padding: 0;
}
}
.bcrew-heroimg-free .points li {
width: 50%;
padding: 0 .35em .35em 0;
}
@media screen and (min-width: 480px), print {
.bcrew-heroimg-free .points li {
width: 25%;
}
}
@media screen and (min-width: 768px), print {
.bcrew-heroimg-free .points li {
padding: 0 .5em .5em 0;
}
}
.bcrew-heroimg-free .point {
display: block;
position: relative;
height: 100%;
padding: 1.5em 0;
border-radius: .75rem;
background: #193f88;
background: -webkit-gradient(linear, left top, left bottom, from(#0a429f), to(#08336b));
background: linear-gradient(to bottom, #0a429f 0%, #08336b 100%);
}
.bcrew-heroimg-free .point::before {
content: "";
display: block;
position: absolute;
top: -.75em;
right: .75em;
width: 1.1em;
height: 1.7em;
border-right: 7px solid #f00;
border-bottom: 7px solid #f00;
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
}
@media screen and (min-width: 1100px), print {
.bcrew-heroimg-free .point::before {
top: -1em;
right: .5em;
width: 1.5em;
height: 2.0em;
border-width: 10px;
}
}
.bcrew-heroimg-free .point span {
display: block;
margin: 0 -.75em;
line-height: 1.4;
font-size: .8em;
color: #fff;
}
@media screen and (min-width: 1100px), print {
.bcrew-heroimg-free .point span {
font-size: 1.15em;
}
}
.bcrew-heroimg-charge .charge {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: .5em;
-webkit-font-feature-settings: "palt" 1;
font-feature-settings: "palt" 1;
}
@media screen and (min-width: 640px), print {
.bcrew-heroimg-charge .charge {
padding-top: 1.5em;
padding-bottom: 0;
}
}
@media screen and (min-width: 768px), print {
.bcrew-heroimg-charge .charge {
padding-top: .25em;
font-size: 1.3em;
}
}
@media screen and (min-width: 1100px), print {
.bcrew-heroimg-charge .charge {
font-size: 1.7em;
}
}
.bcrew-heroimg-charge .text {
margin: 1em .25em 0 0;
}
.bcrew-heroimg-charge .zero {
-ms-flex-item-align: end;
align-self: flex-end;
display: block;
line-height: 1;
font-weight: 700;
font-size: 7em;
color: #f00;
}
.bcrew-heroimg-charge .yen {
-ms-flex-item-align: end;
align-self: flex-end;
display: block;
margin-bottom: .2em;
line-height: 1;
font-size: 2em;
color: #f00;
} .anim-item {
opacity: 0;
}
.anim-item.active {
opacity: 1;
} .news-area {
position: relative;
}
.news-area .inner {
line-height: 1.5;
}
.news-area .news-heading {
margin-bottom: 0;
}
.news-area .news-list {
padding-bottom: 2em;
}
.news-detail .inner {
line-height: 1.5;
}
.news-glossary .inner {
padding: 0;
line-height: 1.5;
}
.news-body {
word-break: break-all;
word-wrap: break-word;
text-align: left;
}
.news-text {
margin-top: .5em;
line-height: 1.8;
word-break: break-all;
word-wrap: break-word;
}
.news-text p,
.news-text div {
word-break: break-all;
word-wrap: break-word;
}
.news-back {
clear: both;
max-width: 1100px;
margin: 2em auto 0;
padding: 2em 0 0;
text-align: center;
border-top: 1px dotted #ddd;
} .news-list .news-link {
display: block;
position: relative;
padding: 1rem;
line-height: 1.4;
border-bottom: 1px solid #ddd;
}
@media screen and (min-width: 640px), print {
.news-list .news-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1.5rem 2rem;
}
}
.news-list .news-link:hover {
text-decoration: none;
}
.news-list .news-link:hover .news-date {
color: #457fec;
}
.news-list .news-link:hover .news-title {
text-decoration: underline;
}
.news-list .news-date {
font-size: .9em;
color: #151515;
}
@media screen and (min-width: 640px), print {
.news-list .news-date {
width: 9em;
font-size: 1em;
}
}
.news-list .news-title {
word-break: break-all;
word-wrap: break-word;
}
@media screen and (min-width: 640px), print {
.news-list .news-title {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
}
}
.news-list .news-img {
display: none;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 80px;
height: 60px;
margin: auto;
background: #fff url(/img/base/logo.png) center no-repeat;
background-size: 60% auto;
overflow: hidden;
}
.news-list .news-img span {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
}
.news-list .news-img span:empty {
display: none;
}
.news-list .news-img img {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: auto;
max-width: 100px;
max-height: 100px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.news-list.news-list-glossary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -.5em -.5em 0;
}
@media screen and (min-width: 768px), print {
.news-list.news-list-glossary {
margin: 0 -1em -1em 0;
}
}
@media screen and (min-width: 1100px), print {
.news-list.news-list-glossary {
margin: 0 -2em -2em 0;
}
}
.news-list.news-list-glossary .news-topics {
width: 33.33333%;
padding: 0 .5em .5em 0;
}
@media screen and (min-width: 768px), print {
.news-list.news-list-glossary .news-topics {
width: 25%;
padding: 0 1em 1em 0;
}
}
@media screen and (min-width: 1100px), print {
.news-list.news-list-glossary .news-topics {
padding: 0 2em 2em 0;
}
}
.news-list.news-list-glossary .news-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
margin: 0;
padding: 0;
border: 1px solid #193f88;
-webkit-transition-property: background-color, color;
transition-property: background-color, color;
-webkit-transition-duration: .2s;
transition-duration: .2s;
}
.news-list.news-list-glossary .news-link:hover {
color: #fff;
background-color: #193f88;
}
.news-list.news-list-glossary .news-link:hover .news-title {
text-decoration: none;
}
.news-list.news-list-glossary .news-title {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
width: 100%;
padding: 1em .5em;
font-size: .8em;
text-align: center;
}
@media screen and (min-width: 1100px), print {
.news-list.news-list-glossary .news-title {
font-size: 1em;
}
} .products-service-intro-section .bcrew-service-item.bg-blue .bcrew-service-head {
background-color: #193f88;
}
.products-service-intro-section .bcrew-service-item.bg-blue .bcrew-service-head:before {
border-color: transparent transparent transparent #193f88;
}
@media screen and (min-width: 768px), print {
.products-service-intro-section .bcrew-service-item {
width: 50%;
}
}
@media screen and (min-width: 1100px), print {
.products-service-intro-section .bcrew-service-item {
width: 33.33333%;
}
}
@media screen and (min-width: 640px), print {
.products-service-intro-section .bcrew-service-inner {
display: block;
}
}
.products-service-intro-section .bcrew-service-link {
display: block;
text-decoration: none;
}
.products-service-intro-section .bcrew-service-link:hover {
opacity: 0.7;
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
@media screen and (min-width: 640px), print {
.products-service-intro-section .bcrew-service-side {
width: 100%;
}
}
@media screen and (min-width: 640px), print {
.products-service-intro-section .bcrew-service-img:before {
display: block;
}
}
.products-service-intro-section .bcrew-service-main {
background-color: transparent;
}
.products-service-intro-section .bcrew-service-head {
background-color: #444;
}
.products-service-intro-section .bcrew-service-head:before {
border-color: transparent transparent transparent #444;
}
.products-service-plan-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 4em;
}
@media screen and (max-width: 991.98px) {
.products-service-plan-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 2em;
}
}
.products-service-plan-main {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
margin-right: 2em;
}
@media screen and (max-width: 991.98px) {
.products-service-plan-main {
margin-right: 0;
margin-top: 1.5em;
}
}
.products-service-plan-main h3 {
color: #193f88;
font-size: 1.3em;
line-height: 1.45;
margin-bottom: .5em;
}
@media screen and (min-width: 1100px), print {
.products-service-plan-main h3 {
font-size: 1.5em;
}
}
.products-service-plan-main h3 .br {
display: block;
}
@media screen and (min-width: 480px), print {
.products-service-plan-main h3 .br {
display: none;
}
}
.products-service-plan-text {
line-height: 1.8;
}
.products-service-plan-table {
display: table;
width: 100%;
border-collapse: collapse;
border: 1px solid #ccc;
margin-bottom: 1.5em;
}
.products-service-plan-table th,
.products-service-plan-table td {
vertical-align: top;
padding: .6em 2em;
border: 1px solid #ccc;
line-height: 1.8;
}
@media screen and (max-width: 639.98px) {
.products-service-plan-table th,
.products-service-plan-table td {
display: block;
padding: .8em 1.5em;
}
}
.products-service-plan-table th {
background-color: #eee;
border-right: none;
width: 13.5em;
}
@media screen and (max-width: 767.98px) {
.products-service-plan-table th {
width: 10em;
}
}
@media screen and (max-width: 639.98px) {
.products-service-plan-table th {
width: 100%;
border-right: 1px solid #ccc;
text-align: center;
}
}
.products-service-plan-table td {
border-left: none;
}
@media screen and (max-width: 639.98px) {
.products-service-plan-table td {
font-size: 1.4rem;
border-left: 1px solid #ccc;
}
}
.products-service-plan-table td small {
display: block;
font-size: 1.2rem;
}
.products-service-plan-note dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
}
@media screen and (max-width: 639.98px) {
.products-service-plan-note dl {
display: block;
}
}
.products-service-plan-note dt {
position: relative;
color: #FF4000;
font-weight: 500;
padding: 0 1.5em 0 3em;
}
@media screen and (max-width: 639.98px) {
.products-service-plan-note dt {
padding: 0 0 0 2em;
margin-bottom: .5em;
}
}
.products-service-plan-note dt:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 0;
background-image: url(/img/base/note.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 2.3em;
height: 2.3em;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 639.98px) {
.products-service-plan-note dt:before {
width: 1.5em;
height: 1.5em;
}
}
.products-service-plan-note dd {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.products-service-plan-loan {
border-radius: .2em;
padding: 1.5em 1em 2em;
margin-top: 2em;
background-color: #eee;
}
@media screen and (min-width: 768px), print {
.products-service-plan-loan {
padding: 2.5em 2.5em 3.5em;
}
}
.products-service-plan-loan h3 {
color: #193f88;
font-size: 1.3em;
line-height: 1.45;
text-align: center;
margin-bottom: 1em;
}
@media screen and (min-width: 768px), print {
.products-service-plan-loan h3 {
font-size: 1.6em;
}
}
@media screen and (min-width: 1100px), print {
.products-service-plan-loan h3 {
font-size: 1.8em;
}
}
.products-service-plan-loan h3 .br {
display: block;
}
@media screen and (min-width: 640px), print {
.products-service-plan-loan h3 .br {
display: none;
}
}
.products-service-plan-list {
counter-reset: number;
}
.products-service-plan-list li {
position: relative;
}
.products-service-plan-list li:not(:last-child) {
margin-bottom: 2em;
}
.main .products-service-plan-list li {
padding-left: 2em !important;
}
.products-service-plan-list li:before {
content: counter(number);
counter-increment: number;
position: absolute;
top: .4em;
left: 0;
display: block;
font-size: .7em;
line-height: 15px;
text-align: center;
height: 16px;
width: 16px;
border: 1px solid #000;
border-radius: 50%;
}
.products-service-document-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
margin: 0 -1.5em -2em 0;
}
.products-service-document-item {
width: 100%;
padding: 0 1.5em 2em 0;
}
@media screen and (min-width: 1100px), print {
.products-service-document-item {
width: 50%;
}
}
.products-service-document-list {
padding: 0 1em;
}
.products-service-document-list:not(:last-child) {
margin-bottom: 3em;
}
.products-service-document-list dt {
display: inline-block;
padding: .3em 1em;
margin-bottom: .8em;
border: 3px solid #eee;
border-radius: 5em;
}
.products-service-merit-section .main-heading {
margin-bottom: 7rem;
}
.products-service-merit-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin: 0 -1em -4em 0;
}
.products-service-merit-item {
width: 100%;
padding: 0 1em 4em 0;
}
@media screen and (min-width: 768px), print {
.products-service-merit-item {
width: 50%;
}
}
.products-service-merit-item-inner {
position: relative;
height: 100%;
padding: 3em 1em 2em;
border: 3px solid #EEE;
border-radius: .2em;
}
@media screen and (min-width: 768px), print {
.products-service-merit-item-inner {
padding: 3em 2em 2em;
}
}
@media screen and (min-width: 1100px), print {
.products-service-merit-item-inner {
padding: 3em 3em 2em;
}
}
.products-service-merit-item-inner .merit {
position: absolute;
top: -1.5em;
left: 0;
right: 0;
margin: auto;
max-width: 120px;
text-align: center;
padding: .1em 0 .5em;
border: 3px solid #EEE;
border-radius: 5em;
background-color: #FFF;
}
.products-service-merit-item-inner .merit span {
display: inline-block;
vertical-align: -.15em;
color: #193f88;
font-size: 3rem;
line-height: 1;
padding-left: .1em;
}
.products-service-merit-item h3 {
color: #193f88;
font-size: 1.3em;
line-height: 1.45;
text-align: center;
margin-bottom: .5em;
}
@media screen and (min-width: 1100px), print {
.products-service-merit-item h3 {
font-size: 1.6em;
}
}
@media screen and (min-width: 768px), print {
.products-service-merit-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.products-service-merit-main {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
margin-left: 1.5em;
}
@media screen and (max-width: 767.98px) {
.products-service-merit-main {
margin-right: 0;
margin: 1.5em 0 0 0;
}
}
.products-service-merit-side {
text-align: center;
} .procedure-flow-section .bcrew-area-contact {
max-width: inherit;
margin-top: 1em;
}
.procedure-flow-items {
counter-reset: number;
}
.procedure-flow-item {
position: relative;
}
@media screen and (min-width: 992px), print {
.procedure-flow-item {
padding-left: 160px;
}
}
.procedure-flow-item:not(:last-child) {
margin-bottom: 5em;
}
.procedure-flow-item h3 {
color: #193f88;
font-size: 1.3em;
line-height: 1.45;
text-align: center;
margin-bottom: .5em;
}
@media screen and (min-width: 768px), print {
.procedure-flow-item h3 {
font-size: 1.8em;
}
}
@media screen and (min-width: 992px), print {
.procedure-flow-item h3 {
text-align: left;
}
}
.procedure-flow-number {
position: relative;
display: block;
width: 130px;
height: 40px;
margin: 0 auto 1em;
}
@media screen and (min-width: 992px), print {
.procedure-flow-number {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: 0;
height: 60px;
}
}
.procedure-flow-number:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #193f88;
}
.procedure-flow-number:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 50%;
border: 1px solid #193f88;
background-color: #fff;
}
.procedure-flow-number span {
display: block;
position: absolute;
top: 50%;
left: 0;
width: 100%;
line-height: 1;
text-align: center;
color: #fff;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
}
.procedure-flow-number span:before, .procedure-flow-number span:after {
display: inline-block;
vertical-align: middle;
width: 50%;
}
.procedure-flow-number span:before {
content: "step";
color: #193f88;
font-size: 2rem;
}
.procedure-flow-number span:after {
counter-increment: number;
content: counter(number);
font-size: 2.6rem;
}
@media screen and (min-width: 992px), print {
.procedure-flow-number span:after {
font-size: 3.8rem;
}
}
@media screen and (min-width: 992px), print {
.procedure-flow-main {
padding-left: 1.5em;
border-left: 1px solid #000;
}
}
.procedure-flow-btn .more {
text-align: left;
}  .simulation-description {
line-height: 1.8;
-webkit-font-feature-settings: 'palt';
font-feature-settings: 'palt';
font-size: 1.4rem;
margin-bottom: 1.3em;
}
@media screen and (min-width: 1100px), print {
.simulation-description {
font-size: 1.6rem;
}
}
@media screen and (max-width: 359.98px) {
.simulation-description {
font-size: 1.3rem;
}
}
.simulation-form-table {
display: table;
max-width: 958px;
width: 100%;
border-collapse: collapse;
}
.simulation-form-table th, .simulation-form-table td {
vertical-align: middle;
font-weight: 500;
-webkit-font-feature-settings: 'palt';
font-feature-settings: 'palt';
}
@media screen and (min-width: 640px), print {
.simulation-form-table th, .simulation-form-table td {
padding: .7em 1em;
border: 1px solid #ccc;
}
}
@media screen and (max-width: 639.98px) {
.simulation-form-table th, .simulation-form-table td {
display: block;
padding: .5em .8em;
}
}
.simulation-form-table th {
background-color: #eee;
}
@media screen and (min-width: 640px), print {
.simulation-form-table th {
width: 9.6em;
}
}
@media screen and (max-width: 639.98px) {
.simulation-form-table td {
padding: .8em .5em;
}
}
.simulation-form-table .form-control {
height: 2em;
}
.simulation-form-table .form-middle {
max-width: 12em;
}
.simulation-form-table .form-short {
max-width: 8em;
}
.simulation-form-text {
font-weight: 500;
display: inline-block;
margin-left: .5em;
}
.simulation-form-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.simulation-form-method {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1.2;
}
.simulation-form-method dt {
font-weight: 500;
}
.simulation-form-method dd {
font-size: 1.2rem;
margin-left: 1.5em;
}
@media screen and (max-width: 639.98px) {
.simulation-form-method dd {
margin-left: .5em;
}
}
.simulation-form-attention {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1.2;
margin: 2.5em 0 0 2em;
}
@media screen and (max-width: 639.98px) {
.simulation-form-attention {
margin: 2em 0 0 0;
}
}
@media screen and (max-width: 479.98px) {
.simulation-form-attention {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.simulation-form-attention dt {
position: relative;
display: inline-block;
padding-left: 3em;
color: #FF4000;
font-weight: 600;
}
.simulation-form-attention dt::before {
content: "";
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
width: 41px;
height: 36px;
background: url(/img/pages/repayment-simulation/attention-icon.png) no-repeat center/cover;
}
.simulation-form-attention dd {
margin-left: 2em;
font-weight: 500;
-webkit-font-feature-settings: 'palt';
font-feature-settings: 'palt';
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
}
@media screen and (max-width: 479.98px) {
.simulation-form-attention dd {
margin-left: 0;
margin-top: 1em;
}
}
.simulation-form-buttons {
text-align: center;
margin-top: 4em;
}
@media screen and (max-width: 639.98px) {
.simulation-form-buttons {
margin-top: 2.5em;
}
}
.simulation-form-button {
position: relative;
display: inline-block;
border-radius: 5px;
background-color: #245CC6;
color: #fff;
font-size: 2.4rem;
line-height: 1.2;
font-weight: 500;
padding: .4em 3.7em .4em .8em;
border: 2px solid #245CC6;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
@media screen and (max-width: 639.98px) {
.simulation-form-button {
font-size: 2rem;
}
}
.simulation-form-button::before {
content: "";
position: absolute;
top: 50%;
right: 18px;
border-radius: 2px;
-webkit-transform: translateY(-50%) rotate(135deg);
transform: translateY(-50%) rotate(135deg);
display: block;
width: 10px;
height: 10px;
border-top: 3px solid #fff;
border-left: 3px solid #fff;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.simulation-form-button:hover {
background-color: #fff;
color: #245CC6;
}
.simulation-form-button:hover::before {
border-color: #245CC6;
} .loan-select-trader-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 4em;
}
@media screen and (max-width: 991.98px) {
.loan-select-trader-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 2em;
}
}
.loan-select-trader-main {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
margin-right: 2em;
}
@media screen and (max-width: 991.98px) {
.loan-select-trader-main {
margin-right: 0;
margin-top: 1.5em;
}
}
.loan-select-point-item {
position: relative;
}
@media screen and (min-width: 768px), print {
.loan-select-point-item {
padding-left: 130px;
}
}
.loan-select-point-item:not(:last-child) {
padding-bottom: 3em;
margin-bottom: 3em;
border-bottom: 1px solid #eee;
}
.loan-select-point-item h3 {
color: #193f88;
font-size: 1.3em;
line-height: 1.45;
text-align: center;
margin-bottom: 1em;
}
@media screen and (min-width: 768px), print {
.loan-select-point-item h3 {
text-align: left;
font-size: 1.5em;
}
}
.loan-select-point-number {
width: 100%;
max-width: 120px;
text-align: center;
padding: .1em 0 .5em;
margin: 0 auto 1em;
border: 3px solid #EEE;
border-radius: 5em;
background-color: #FFF;
}
@media screen and (min-width: 768px), print {
.loan-select-point-number {
position: absolute;
top: 0;
left: 0;
margin: 0;
}
}
.loan-select-point-number span {
display: inline-block;
vertical-align: -.15em;
color: #193f88;
font-size: 3rem;
line-height: 1;
padding-left: .1em;
}
.loan-select-point-description p:not(:last-child) {
margin-bottom: 2em;
}
.loan-select-point-btn .more {
text-align: left;
}
.loan-select-point-note {
border-radius: .2em;
padding: 1em;
margin-top: 2em;
background-color: #eee;
}
@media screen and (min-width: 768px), print {
.loan-select-point-note {
padding: 1em 2em;
}
}
.loan-select-point-list li {
padding-left: 2em !important;
}
@media screen and (min-width: 768px), print {
.loan-select-point-list li {
font-size: 1.2em;
}
}
.loan-select-point-list li:after {
content: "";
display: block;
position: absolute;
top: .2em;
left: 0;
background-image: url(/img/base/note-blk.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 1.2em;
height: 1.2em;
}
.loan-select-advertising-intro {
margin-bottom: 2em;
}
.loan-select-advertising-list {
margin-bottom: 2em;
}
.loan-select-advertising-list li {
color: #FF3F00;
padding-left: 2em !important;
}
@media screen and (min-width: 768px), print {
.loan-select-advertising-list li {
font-size: 1.2em;
}
}
.loan-select-advertising-list li:not(:last-child) {
margin-bottom: .5em;
}
.loan-select-advertising-list li:after {
content: "";
display: block;
position: absolute;
top: .2em;
left: 0;
background-image: url(/img/base/note.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 1.2em;
height: 1.2em;
}
.loan-select-advertising-btn .more {
text-align: left;
} .regulate-about-intro {
margin-bottom: 2em;
}
.regulate-about-example {
border-radius: .2em;
padding: 1em;
margin-bottom: 2em;
background-color: #eee;
}
@media screen and (min-width: 768px), print {
.regulate-about-example {
padding: 1.5em 2.5em 2em;
}
}
.regulate-about-example p {
color: #193f88;
}
@media screen and (min-width: 1100px), print {
.regulate-about-example p {
font-size: 1.1em;
}
}
.regulate-about-text p:not(:last-child) {
margin-bottom: 2em;
}
.regulate-not-applicable-intro {
margin-bottom: 1.5em;
}
.regulate-not-applicable-rule {
border-radius: .2em;
padding: 1em;
background-color: #eee;
}
@media screen and (min-width: 768px), print {
.regulate-not-applicable-rule {
padding: 2em 2.5em 2.5em;
}
}
.regulate-not-applicable-rule h3 {
color: #193f88;
font-size: 1em;
line-height: 1.45;
text-indent: -2.5em;
padding-left: 2.5em;
margin-bottom: .5em;
}
@media screen and (min-width: 1100px), print {
.regulate-not-applicable-rule h3 {
font-size: 1.1em;
}
}
.regulate-not-applicable-item:not(:last-child) {
margin-bottom: 2em;
}
.regulate-not-applicable-description p {
padding-left: 2.5em;
}
.regulate-exception-intro {
margin-bottom: 1.5em;
}
.regulate-exception-rule {
border-radius: .2em;
padding: 1em;
background-color: #eee;
}
@media screen and (min-width: 768px), print {
.regulate-exception-rule {
padding: 2em 2.5em 2.5em;
}
}
.regulate-exception-rule h3,
.regulate-exception-rule h4 {
color: #193f88;
font-size: 1em;
line-height: 1.45;
text-indent: -2.5em;
padding-left: 2.5em;
margin-bottom: .5em;
}
@media screen and (min-width: 1100px), print {
.regulate-exception-rule h3,
.regulate-exception-rule h4 {
font-size: 1.1em;
}
}
.regulate-exception-item:not(:last-child) {
margin-bottom: 2em;
}
.regulate-exception-description p {
padding-left: 2.5em;
} .target-area-intro-section .bcrew-heroimg-head {
margin-bottom: 4em;
}
@media screen and (min-width: 768px), print {
.target-area-intro-section .bcrew-heroimg-head {
position: absolute;
}
}
@media screen and (min-width: 992px), print {
.target-area-intro-section .bcrew-heroimg-head {
position: static;
}
}
.target-area-intro-section .bcrew-heroimg-head:before {
content: "";
display: block;
padding-top: 54.5%;
}
@media screen and (min-width: 992px), print {
.target-area-intro-section .bcrew-heroimg-head:before {
display: none;
}
}
.target-area-intro-section .bcrew-heroimg-head-inner {
display: block;
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (min-width: 992px), print {
.target-area-intro-section .bcrew-heroimg-head-inner {
position: static;
-webkit-transform: none;
transform: none;
}
}
.target-area-intro-section .bcrew-heroimg-lead {
color: #fff;
line-height: 1.1;
text-align: center;
padding: .2em 0 .3em;
background-color: #193f88;
}
@media screen and (min-width: 480px), print {
.target-area-intro-section .bcrew-heroimg-lead {
font-size: 1.3em;
}
}
@media screen and (min-width: 768px), print {
.target-area-intro-section .bcrew-heroimg-lead {
font-size: 1.6em;
}
}
@media screen and (min-width: 1440px), print {
.target-area-intro-section .bcrew-heroimg-lead {
font-size: 2.3em;
}
}
.target-area-intro-section .bcrew-heroimg-heading {
position: static;
top: auto;
left: auto;
width: auto;
-webkit-transform: none;
transform: none;
padding: 1em 0 1.2em;
background-color: rgba(255, 255, 255, 0.7);
}
@media screen and (min-width: 768px), print {
.target-area-intro-section .bcrew-heroimg-heading {
padding: 1.8em 0 2em;
}
}
.target-area-intro-section .bcrew-heroimg-heading span {
font-size: 1.2em;
}
@media screen and (min-width: 480px), print {
.target-area-intro-section .bcrew-heroimg-heading span {
font-size: 1.6em;
}
}
@media screen and (min-width: 768px), print {
.target-area-intro-section .bcrew-heroimg-heading span {
font-size: 1.8em;
}
}
@media screen and (min-width: 1100px), print {
.target-area-intro-section .bcrew-heroimg-heading span {
font-size: 2em;
}
}
@media screen and (min-width: 1440px), print {
.target-area-intro-section .bcrew-heroimg-heading span {
font-size: 2.5em;
}
}
@media screen and (min-width: 1100px), print {
.target-area-intro-section .bcrew-heroimg-body {
max-width: 920px;
}
}
.target-area-intro-section .bcrew-heroimg-free .large {
font-size: 2.8em;
}
.target-area-intro-section .bcrew-heroimg-free .small {
font-size: 1.6em;
}
.target-area-intro-section .bcrew-heroimg-free .point {
padding: 1em 0;
}
@media screen and (min-width: 992px), print {
.target-area-intro-section .bcrew-heroimg-free,
.target-area-intro-section .bcrew-heroimg-charge {
border: none;
}
}
.target-area-intro-section .bcrew-heroimg-charge .zero {
font-size: 6em;
}
.target-area-intro-section .bcrew-area-text {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.target-area-intro-wrap {
display: block;
position: relative;
max-width: 1100px;
overflow: hidden;
margin-right: auto;
margin-left: auto;
}
.target-area-intro-img {
display: block;
position: relative;
height: 100%;
overflow: hidden;
}
.target-area-intro-img:before {
content: "";
display: block;
padding-top: 54.5%;
}
.target-area-intro-img img {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: 100%;
max-width: none;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (min-width: 1440px), print {
.target-area-intro-img img {
width: 100%;
height: auto;
}
}
.target-area-intro-main {
padding: 1em 0;
}
@media screen and (min-width: 992px), print {
.target-area-intro-main {
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
padding: 3em 0;
}
}
.target-area-info-section .bcrew-area-text {
font-size: .85em;
text-align: center;
margin-bottom: 1.5em;
}
@media screen and (min-width: 1100px), print {
.target-area-info-section .bcrew-area-text {
text-align: left;
margin-bottom: 0;
}
}
@media screen and (min-width: 1100px), print {
.target-area-info-section .bcrew-area-contact {
margin: 0;
max-width: inherit;
}
}
.target-area-info-section .global-contact .mail-link,
.target-area-info-section .global-contact .tel-link {
padding: 0 .8em;
}
.target-area-info-section .bcrew-beginner-container {
padding: 3em 0px 0;
}
.target-area-info-wrap {
margin: 0 -1em;
padding: 2em 1em;
background-color: #bbd4e9;
}
@media screen and (min-width: 1100px), print {
.target-area-info-wrap {
margin: 0 -2em;
padding: 2em;
}
}
.target-area-info-container {
max-width: 1100px;
margin: auto;
}
@media screen and (min-width: 1100px), print {
.target-area-info-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.target-area-overview-table {
display: table;
width: 100%;
border-collapse: collapse;
border: 1px solid #ccc;
}
.target-area-overview-table th,
.target-area-overview-table td {
vertical-align: top;
padding: .6em 2em;
border: 1px solid #ccc;
line-height: 1.8;
}
@media screen and (max-width: 639.98px) {
.target-area-overview-table th,
.target-area-overview-table td {
display: block;
padding: .8em 1.5em;
}
}
.target-area-overview-table th {
background-color: #eee;
border-right: none;
width: 15em;
}
@media screen and (max-width: 767.98px) {
.target-area-overview-table th {
width: 12em;
}
}
@media screen and (max-width: 639.98px) {
.target-area-overview-table th {
width: 100%;
border-right: 1px solid #ccc;
text-align: center;
}
}
.target-area-overview-table td {
border-left: none;
}
@media screen and (max-width: 639.98px) {
.target-area-overview-table td {
font-size: 1.4rem;
border-left: 1px solid #ccc;
}
}
.target-area-overview-table td dl:not(:last-child) {
margin-bottom: 1em;
} .company-greeting-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 4em;
}
@media screen and (max-width: 991.98px) {
.company-greeting-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 2em;
}
}
.company-greeting-main {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
margin-right: 2em;
}
@media screen and (max-width: 991.98px) {
.company-greeting-main {
margin-right: 0;
margin-top: 1.5em;
}
}
.company-greeting-main h3 {
color: #193f88;
font-size: 1.3em;
line-height: 1.45;
margin-bottom: .5em;
}
@media screen and (min-width: 1100px), print {
.company-greeting-main h3 {
font-size: 1.5em;
}
}
.company-greeting-main h3 .br {
display: block;
}
@media screen and (min-width: 480px), print {
.company-greeting-main h3 .br {
display: none;
}
}
.company-greeting-text {
line-height: 1.8;
}
.company-overview-table {
display: table;
width: 100%;
border-collapse: collapse;
border: 1px solid #ccc;
margin-bottom: 1.5em;
}
.company-overview-table th,
.company-overview-table td {
vertical-align: top;
padding: .6em 2em;
border: 1px solid #ccc;
line-height: 1.8;
}
@media screen and (max-width: 639.98px) {
.company-overview-table th,
.company-overview-table td {
display: block;
padding: .8em 1.5em;
}
}
.company-overview-table th {
background-color: #eee;
border-right: none;
width: 15em;
}
@media screen and (max-width: 767.98px) {
.company-overview-table th {
width: 12em;
}
}
@media screen and (max-width: 639.98px) {
.company-overview-table th {
width: 100%;
border-right: 1px solid #ccc;
text-align: center;
}
}
.company-overview-table td {
border-left: none;
}
@media screen and (max-width: 639.98px) {
.company-overview-table td {
font-size: 1.4rem;
border-left: 1px solid #ccc;
}
}
.company-overview-table td small {
display: block;
font-size: 1.2rem;
}
.company-access-map {
position: relative;
}
.company-access-map:before {
content: "";
display: block;
padding-top: 400px;
}
@media screen and (min-width: 768px), print {
.company-access-map:before {
padding-top: 600px;
}
}
.company-access-map iframe {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .privacy-policy-intro {
margin-bottom: 3.5em;
}
.privacy-policy-item:not(:last-child) {
margin-bottom: 3em;
}
.privacy-policy-item h3 {
color: #193f88;
font-size: 1.3em;
line-height: 1.45;
margin-bottom: .5em;
}
@media screen and (min-width: 1100px), print {
.privacy-policy-item h3 {
font-size: 1.5em;
}
}
.privacy-policy-item h4 {
font-size: 1em;
margin-bottom: .8em;
}
.privacy-policy-description {
margin-bottom: 1.5em;
}
.privacy-policy-list {
margin-bottom: 2em;
}
.privacy-policy-list.second {
counter-reset: number 1;
}
.privacy-policy-list li {
counter-increment: number;
text-indent: -1.5em;
padding-left: 2em;
}
.privacy-policy-list li:before {
content: "(" counter(number) ") ";
}
.main .privacy-policy-list li {
line-height: 1.8 !important;
} .basic-policy-antisocial-intro {
margin-bottom: 1em;
}
.basic-policy-antisocial-container {
padding: 1em;
border: 3px solid #eee;
border-radius: .2em;
}
@media screen and (min-width: 768px), print {
.basic-policy-antisocial-container {
padding: 1.5em 3em;
}
}
.basic-policy-antisocial-list li {
counter-increment: number;
text-indent: -2em;
padding-left: 2em;
color: #193f88;
}
@media screen and (min-width: 1100px), print {
.basic-policy-antisocial-list li {
font-size: 1.2em;
}
}
.basic-policy-antisocial-list li:before {
content: counter(number) ".　";
}
.main .basic-policy-antisocial-list li {
line-height: 1.8 !important;
}
.basic-policy-organization-intro {
margin-bottom: 1em;
}
.basic-policy-organization-table {
display: table;
width: 100%;
border-collapse: collapse;
border: 1px solid #ccc;
margin-bottom: 1.5em;
}
.basic-policy-organization-table th,
.basic-policy-organization-table td {
vertical-align: top;
padding: .6em 2em;
border: 1px solid #ccc;
line-height: 1.8;
}
@media screen and (max-width: 639.98px) {
.basic-policy-organization-table th,
.basic-policy-organization-table td {
display: block;
padding: .8em 1.5em;
}
}
.basic-policy-organization-table th {
background-color: #eee;
border-right: none;
width: 15em;
}
@media screen and (max-width: 767.98px) {
.basic-policy-organization-table th {
width: 12em;
}
}
@media screen and (max-width: 639.98px) {
.basic-policy-organization-table th {
width: 100%;
border-right: 1px solid #ccc;
text-align: center;
}
}
.basic-policy-organization-table td {
border-left: none;
}
@media screen and (max-width: 639.98px) {
.basic-policy-organization-table td {
font-size: 1.4rem;
border-left: 1px solid #ccc;
}
} .site-policy-item:not(:last-child) {
margin-bottom: 3em;
}
.site-policy-item h3 {
color: #193f88;
font-size: 1.3em;
line-height: 1.45;
margin-bottom: .5em;
}
@media screen and (min-width: 1100px), print {
.site-policy-item h3 {
font-size: 1.5em;
}
} .recruit-detail-table {
display: table;
width: 100%;
border-collapse: collapse;
border: 1px solid #ccc;
margin-bottom: 1.5em;
}
.recruit-detail-table th,
.recruit-detail-table td {
vertical-align: top;
padding: .6em 2em;
border: 1px solid #ccc;
line-height: 1.8;
}
@media screen and (max-width: 639.98px) {
.recruit-detail-table th,
.recruit-detail-table td {
display: block;
padding: .8em 1.5em;
}
}
.recruit-detail-table th {
background-color: #eee;
border-right: none;
width: 15em;
}
@media screen and (max-width: 767.98px) {
.recruit-detail-table th {
width: 12em;
}
}
@media screen and (max-width: 639.98px) {
.recruit-detail-table th {
width: 100%;
border-right: 1px solid #ccc;
text-align: center;
}
}
.recruit-detail-table td {
border-left: none;
}
@media screen and (max-width: 639.98px) {
.recruit-detail-table td {
font-size: 1.4rem;
border-left: 1px solid #ccc;
}
}  .contact-form-section .inner {
padding: 0;
}
.contact-form-description {
padding: 0 1.5em;
margin-bottom: 1em;
}
@media screen and (max-width: 1099.98px) {
.contact-form-description {
padding: 0;
}
}
.contact-form-description p {
font-weight: 500;
} .application-privacy-section {
padding: 0 1em;
}
.application-privacy-section .inner {
padding: 0 1em;
}
@media screen and (max-width: 639.98px) {
.application-privacy-section .inner {
padding: 0;
}
}
.application-privacy-description {
margin-bottom: 2em;
line-height: 1.8;
-webkit-font-feature-settings: 'palt';
font-feature-settings: 'palt';
}
@media screen and (max-width: 639.98px) {
.application-privacy-description {
font-size: 1.4rem;
}
}
.application-privacy-main {
max-width: 1018px;
width: 100%;
margin: 0 auto;
border: 1px solid #ccc;
padding: 0 2em;
max-height: 340px;
overflow-y: scroll;
}
@media screen and (max-width: 639.98px) {
.application-privacy-main {
padding: 0 1em;
}
}
.application-privacy-heading {
text-align: center;
line-height: 1.2;
font-size: 2.2rem;
font-weight: 500;
margin-bottom: 1.2em;
margin-top: 1.3em;
}
@media screen and (max-width: 1099.98px) {
.application-privacy-heading {
font-size: 1.8rem;
}
}
.application-privacy-body {
-webkit-font-feature-settings: 'palt';
font-feature-settings: 'palt';
}
.application-privacy-body h4 {
font-size: 1.6rem;
font-weight: 500;
line-height: 1.2;
border-bottom: 2px solid #000;
padding-bottom: .45em;
margin-bottom: 1.5em;
}
@media screen and (max-width: 639.98px) {
.application-privacy-body h4 {
margin-bottom: 1em;
}
}
.application-privacy-body p {
font-weight: 500;
}
@media screen and (max-width: 639.98px) {
.application-privacy-body p {
font-size: 1.4rem;
}
}
.application-privacy-body dl {
margin-bottom: 1.5em;
}
.application-privacy-body dl dt, .application-privacy-body dl dd {
font-weight: 500;
line-height: 1.8;
}
@media screen and (max-width: 639.98px) {
.application-privacy-body dl dt, .application-privacy-body dl dd {
font-size: 1.4rem;
}
}
.application-privacy-body ul {
margin-bottom: 2em;
}
.application-privacy-body ul li {
font-weight: 500;
}
@media screen and (max-width: 639.98px) {
.application-privacy-body ul li {
font-size: 1.4rem;
}
}
.application-form-section .inner {
padding: 0;
}
.application-form-body {
display: none;
}  .clearfix:after {
content: "";
display: table;
clear: both;
}
.block {
display: block;
}
.inline {
display: inline;
}
.table {
display: table;
}
.tcell {
display: table-cell;
}
.dn {
display: none;
}
.vh {
visibility: hidden;
}
.cb {
clear: both;
}
.cl {
clear: left;
}
.cr {
clear: right;
}
.fl {
float: left;
}
.fr {
float: right;
}
.center {
text-align: center;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.top {
vertical-align: top;
}
.middle {
vertical-align: middle;
}
.bottom {
vertical-align: bottom;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.f80 {
font-size: .8em;
}
.f90 {
font-size: .9em;
}
.f120 {
font-size: 1.2em;
}
.f130 {
font-size: 1.3em;
}
.f140 {
font-size: 1.4em;
}
.f150 {
font-size: 1.5em;
}
.normal {
font-weight: 400;
}
.bold {
font-weight: 700;
}
.indent {
text-indent: 1em;
}
.strike {
text-decoration: line-through;
}
.italic {
font-style: italic;
}
.mincho {
font-family: "游明朝",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.red {
color: red;
}
.red2 {
color: #c00;
}
.blue {
color: #09f;
}
.blue2 {
color: #06f;
}
.orange {
color: #f90;
}
.orange2 {
color: #f60;
}
.yellow {
color: #ff0;
}
.green {
color: #096;
}
.m1 {
margin-bottom: 1em;
}
.m5 {
margin-bottom: 5px;
}
.m10 {
margin-bottom: 10px;
}
.m15 {
margin-bottom: 15px;
}
.m20 {
margin-bottom: 20px;
}
.m30 {
margin-bottom: 30px;
}
.aligncenter {
display: block;
margin: 0 auto;
}
.alignright {
float: right;
margin-left: 1em;
}
.alignleft {
float: left;
margin-right: 1em;
}
img[class*=wp-image-], img[class*=attachment-] {
height: auto;
max-width: 100%;
margin-bottom: 1em;
} .gmap {
width: 100%;
height: 100%;
}
.gmap img {
max-width: none;
}
.gmap-area {
position: relative;
}
.gmap-area:before {
content: "";
display: block;
padding-top: 400px;
}
.gmap-area iframe {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .pagination {
margin: 0;
text-align: center;
overflow: hidden;
}
.pagination h2.screen-reader-text {
display: none;
}
.pagination a, .pagination span {
display: inline-block;
vertical-align: middle;
margin: .2rem;
padding: .5rem 1.1rem;
color: #fff;
font-size: .9em;
text-align: center;
border-radius: .35rem;
background-color: #aaa;
}
@media print, screen and (min-width: 768px) {
.pagination a, .pagination span {
padding: .35em .75em;
font-size: .95em;
font-weight: 400;
}
}
.pagination a:hover, .pagination span.current {
background-color: #193f88;
}
.pagination a:hover {
text-decoration: none;
} .slick-list, .slick-slider, .slick-track {
position: relative;
display: block;
}
.slick-loading .slick-slide, .slick-loading .slick-track {
visibility: hidden;
}
.slick-slider {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: 0;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-list, .slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
top: 0;
left: 0;
}
.slick-track:after, .slick-track:before {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .aligncenter {
display: block;
margin: 0 auto;
}
.alignright {
float: right;
margin-left: 1em;
}
.alignleft {
float: left;
margin-right: 1em;
}
img[class*=wp-image-], img[class*=attachment-] {
height: auto;
max-width: 100%;
margin-bottom: 1em;
}   #topics_paging_all{margin-bottom:5px;text-align:center}#topics_paging{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#topics_paging li{margin:0 3px;padding:4px 14px;border-radius:0;text-align:center;font-size:.9em;list-style-type:none;list-style-image:none;border:1px solid #ccc;background-color:#fff;color:#333}
.recruit-detail-table td dd{
padding:0.5em 1em 1em 1em;
}
.bcrew-heroimg-heading{
text-shadow: 0 0 10px #fff, 0 0 15px #fff;
} .products-service-plan-box{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 1em 2em .6em 2em;
border: 1px solid #ccc;
margin: 1em -.5em -.5em 0;
}
.products-service-plan-box p{
width: calc(50% - 8px);
font-size: 1.6rem;
margin: 0 .5em .5em 0;
}
.nav-contact .nav-link{
color: #ff0000;
}
.nav-app .nav-link{
color: #ff0000;
}
@media screen and (max-width: 991.98px) {
.products-service-plan-box{
max-width: 800px;
}
}
@media screen and (max-width: 539.98px) {
.products-service-plan-box{
margin: 1em 0 -.5em 0;
padding: 1em 4em .6em 4em;
}
.products-service-plan-box p{
width: 100%;
font-size: 1.6rem;
margin: 0 0 .5em 0;
}
}
@media screen and (max-width: 479.98px), print {
.products-service-plan-box{
margin: 1em 0 -.5em 0;
padding: 1em 2em .6em 2em;
}
} .target-area-info-container {
align-items: center;
}
.bcrew-area-text {
flex: 1;
}
@media screen and (min-width: 1100px) {
.bcrew-area-text {
margin-right: 1.5em;
}
}