@charset "UTF-8";
/* MIT License
Copyright (c) 2019 Andy Bell and other contributors
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE. */
*,
*::before,
*::after {
box-sizing: border-box;
}
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
margin: 0;
}
ul[role=list],
ol[role=list] {
list-style: none;
}
html {
scroll-behavior: smooth;
}
body {
min-height: 100vh;
text-rendering: optimizeSpeed;
line-height: 1.5;
}
img,
picture {
display: block;
max-width: 100%;
}
input,
button,
textarea,
select {
font: inherit;
}
/* ----------------------------------------------------------------------------
* Elements (site based)
* ------------------------------------------------------------------------- */
/* ------------------------------------
* html, body
* --------------------------------- */
html,
body {
min-height: 100vh;
background-color: #fff;
font-feature-settings: "palt" 1;
}
html {
padding: 0 env(safe-area-inset-right) 0 env(safe-area-inset-left);
}
html[data-script-enabled=true] {
scroll-behavior: auto;
}
body {
position: relative;
display: -ms-grid;
display: grid;
-ms-grid-rows: auto 1fr auto;
grid-template-rows: auto 1fr auto;
-ms-grid-columns: 100%;
grid-template-columns: 100%;
min-width: 320px;
overflow-x: hidden;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.5;
color: #333;
}
body::before {
position: absolute;
z-index: 3;
display: inline-block;
width: 100%;
height: 100%;
visibility: hidden;
content: "";
opacity: 0;
transition: opacity 0.3s ease-out, visibility 0.25s ease-out;
}
body.is-open {
overflow: hidden;
}
body.is-open::before {
visibility: visible;
opacity: 0.1;
}
img[src*="//r.turn.com"] {
height: 0;
}
/* ------------------------------------
* block
* --------------------------------- */
p {
margin: 0 0 16px;
font-size: 0.875rem;
}
/* ------------------------------------
* inline
* --------------------------------- */
b,
dfn,
em,
q,
small,
strong,
sub,
sup {
font-style: normal;
}
b,
em,
strong {
font-weight: bold;
}
sub,
sup {
font-size: 0.75rem;
}
time {
font-weight: 700;
color: #333;
}
/* ------------------------------------
* a
* --------------------------------- */
a {
color: #2269b1;
text-decoration: underline;
word-break: break-all;
}
a:hover, a:focus, a:active {
text-decoration: none;
}
a:not([href]) {
color: #333;
text-decoration: none;
}
/* ------------------------------------
* img
* --------------------------------- */
img {
width: auto;
line-height: 1;
vertical-align: top;
}
img .pc-hide {
display: inline;
}
img .sp-hide {
display: none;
}
/* ------------------------------------
* List
* --------------------------------- */
ul,
ol {
padding: 0;
margin: 0;
list-style: none;
}
/* ------------------------------------
* table
* --------------------------------- */
table {
text-align: left;
border-collapse: collapse;
}
/* ------------------------------------
* form related
* --------------------------------- */
form,
label {
padding: 0;
margin: 0;
}
label {
border: 0;
}
button,
label,
input[type=button],
input[type=reset],
input[type=submit],
input[type=file] {
cursor: pointer;
}
button,
input[type=button],
input[type=reset],
input[type=submit],
input[type=file] {
padding: 0;
vertical-align: baseline;
border: 0;
}
button[disabled],
input[type=button][disabled],
input[type=reset][disabled],
input[type=submit][disabled],
input[type=file][disabled] {
cursor: default;
}
input[type=text],
input[type=password],
input[type=tel],
input[type=number],
input[type=email],
textarea {
box-sizing: border-box;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
}
textarea {
width: 100%;
}
/* ------------------------------------
// link icon
* --------------------------------- */
[href] [class*=icon-] {
display: inline-block;
margin: 0 10px 0 5px;
}
[href] .icon-blank {
width: 12px;
height: 12px;
fill: #183e78;
}
[href] .icon-pdf {
width: 26px;
height: 16px;
margin-bottom: -2px;
}
[href] .icon-pdf rect {
fill: #c00;
}
[href] .icon-pdf path {
fill: #fff;
}
[href] .icon-zip {
width: 26px;
height: 16px;
margin-bottom: -2px;
fill: #183e78;
}
[href] .icon-zip g {
fill: #fff;
stroke: #183e78;
}
/* ----------------------------------------------------------------------------
* site-header
* ------------------------------------------------------------------------- */
.site-header {
z-index: 4;
display: flex;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-row: 1/2;
align-items: center;
width: 100%;
background-color: #fff;
}
[data-script-enabled=true] .site-header {
position: -webkit-sticky;
position: sticky;
top: 0;
height: 50px;
}
.site-header > .inner {
width: 100%;
}
.site-header .logo {
position: relative;
z-index: 1;
width: calc(196 / 375 * 100%);
max-width: 200px;
padding: 14px 0;
margin: 0 0 0 15px;
transition: opacity 0.25s ease-out;
}
.site-header .logo:hover, .site-header .logo:focus, .site-header .logo:active {
opacity: 0.7;
}
[data-script-enabled=true] .site-header .logo {
padding: 0;
}
.site-header .logo > a {
display: block;
}
.site-header .group-links {
display: none;
}
.site-header .menu-btn {
position: absolute;
top: 0;
right: 0;
display: flex;
justify-content: center;
width: 50px;
height: 50px;
padding-top: 33px;
color: #fff;
background-color: #183e78;
}
.site-header .menu-btn[aria-expanded=true]::before, .site-header .menu-btn[aria-expanded=true]::after {
top: 18px;
transition: 0.25s top ease-out, 0.25s transform ease-out 0.25s;
}
.site-header .menu-btn[aria-expanded=true]::before {
transform: rotate(-45deg);
}
.site-header .menu-btn[aria-expanded=true]::after {
transform: rotate(45deg);
}
.site-header .menu-btn[aria-expanded=true] > span::before {
opacity: 0;
}
.site-header .menu-btn[aria-expanded=true] + .nav-global {
visibility: visible;
opacity: 1;
transform: scaleY(1);
}
.site-header .menu-btn::before, .site-header .menu-btn::after,
.site-header .menu-btn > span::before {
position: absolute;
right: 0;
left: 0;
display: inline-block;
width: 10px;
height: 2px;
margin: 0 auto;
content: "";
background-color: #fff;
}
.site-header .menu-btn::before, .site-header .menu-btn::after {
transition: 0.25s top ease-out 0.25s, 0.25s transform ease-out;
}
.site-header .menu-btn::before {
top: 13px;
}
.site-header .menu-btn::after {
top: 23px;
}
.site-header .menu-btn > span {
display: block;
font-size: 0.5rem;
line-height: 1;
}
.site-header .menu-btn > span::before {
top: 18px;
transition: opacity 0.25s ease-out;
}
.site-header .nav-global {
width: 100%;
background-color: #fff;
}
[data-script-enabled=true] .site-header .nav-global {
position: absolute;
top: 50px;
left: 0;
visibility: hidden;
opacity: 0;
transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out;
transform: scaleY(0);
transform-origin: 0 0;
}
.site-header .nav-global > .inner {
overflow-y: auto;
}
.site-header .form-search {
position: relative;
padding: 15px 30px;
background-color: #e1e6ec;
}
.site-header .form-search > input {
width: 100%;
padding: 7px 50px 7px 10px;
border: 0;
}
.site-header .form-search > button {
position: absolute;
top: 50%;
right: 30px;
width: 40px;
height: 24px;
margin-top: -12px;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background-color: transparent;
}
.site-header .form-search > button::before, .site-header .form-search > button::after {
position: absolute;
display: inline-block;
content: "";
}
.site-header .form-search > button::before {
top: 0;
left: 0;
width: 1px;
height: 100%;
background-color: #b5bbce;
}
.site-header .form-search > button::after {
top: 50%;
left: 50%;
width: 16px;
height: 16px;
margin: -8px 0 0 -8px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSJ0cmFuc3BhcmVudCIgZD0iTTAgMGgxNnYxNkgweiIvPjxnIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik0xNC4yNiAxNS42OGwtNC4zLTQuM2E2IDYgMCAxIDEgMS40Mi0xLjQybDQuMyA0LjN6Ii8+PHBhdGggZD0iTTkuMzUgOS4zNWwuNC0uNTVjLjU0LS43Ni44LTEuNy43Mi0yLjYzLS4wNy0uOTUtLjQ4LTEuODQtMS4xNi0yLjUxLTEuNTYtMS41Ny00LjEtMS41Ni01LjY1IDAtMS41NiAxLjU1LTEuNTYgNC4xIDAgNS42NS42Ny42OCAxLjU2IDEuMDkgMi41MiAxLjE2LjkzLjA3IDEuODYtLjE4IDIuNjItLjcybC41Ni0uNG02LjMyIDQuOTFsLTEuNDIgMS40Mi00LjMtNC4zYy0yLjM0IDEuNjctNS42MiAxLjQ1LTcuNzItLjY1LTIuMzQtMi4zNC0yLjM0LTYuMTUgMC04LjQ5czYuMTUtMi4zNCA4LjQ5IDBjMi4xIDIuMSAyLjMyIDUuMzguNjUgNy43Mmw0LjMgNC4zeiIgZmlsbD0iIzUzNjU5MSIvPjwvZz48L2c+PC9zdmc+Cg==);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.site-header .menubar {
padding-left: 0;
margin-bottom: 30px;
}
.site-header .menubar li > a {
display: block;
font-size: 0.875rem;
color: #333;
text-decoration: none;
}
.site-header .menubar > li {
border-bottom: 1px solid #b5bbce;
}
.site-header .menubar > li > a {
position: relative;
padding: 20px 60px 20px 35px;
font-weight: bold;
}
.site-header .menubar .handler[aria-expanded=true]::before {
transform: rotate(180deg);
}
.site-header .menubar .handler[aria-expanded=true]::after {
transform: rotate(90deg);
}
.site-header .menubar .handler[aria-expanded=true] + .dropdown {
visibility: visible;
opacity: 1;
}
.site-header .menubar .handler::before, .site-header .menubar .handler::after {
position: absolute;
top: 50%;
display: none;
content: "";
background-color: #2269b1;
transition: transform 0.25s ease-out;
}
[data-script-enabled=true] .site-header .menubar .handler::before, [data-script-enabled=true] .site-header .menubar .handler::after {
display: inline-block;
}
.site-header .menubar .handler::before {
right: 35px;
width: 10px;
height: 2px;
margin-top: -1px;
}
.site-header .menubar .handler::after {
right: 39px;
width: 2px;
height: 10px;
margin-top: -5px;
}
.site-header .menubar .search {
display: none;
}
.site-header .menubar .search .menu > .box > button::before, .site-header .menubar .search .menu > .box > button::after {
position: absolute;
display: inline-block;
content: "";
}
.site-header .menubar .search .menu > .box > button::before {
top: 50%;
left: 0;
width: 1px;
height: 24px;
margin-top: -12px;
background-color: #b5bbce;
}
.site-header .menubar .search .menu > .box > button::after {
top: 50%;
right: 11px;
width: 18px;
height: 18px;
margin-top: -9px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSJ0cmFuc3BhcmVudCIgZD0iTTAgMGgxNnYxNkgweiIvPjxnIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik0xNC4yNiAxNS42OGwtNC4zLTQuM2E2IDYgMCAxIDEgMS40Mi0xLjQybDQuMyA0LjN6Ii8+PHBhdGggZD0iTTkuMzUgOS4zNWwuNC0uNTVjLjU0LS43Ni44LTEuNy43Mi0yLjYzLS4wNy0uOTUtLjQ4LTEuODQtMS4xNi0yLjUxLTEuNTYtMS41Ny00LjEtMS41Ni01LjY1IDAtMS41NiAxLjU1LTEuNTYgNC4xIDAgNS42NS42Ny42OCAxLjU2IDEuMDkgMi41MiAxLjE2LjkzLjA3IDEuODYtLjE4IDIuNjItLjcybC41Ni0uNG02LjMyIDQuOTFsLTEuNDIgMS40Mi00LjMtNC4zYy0yLjM0IDEuNjctNS42MiAxLjQ1LTcuNzItLjY1LTIuMzQtMi4zNC0yLjM0LTYuMTUgMC04LjQ5czYuMTUtMi4zNCA4LjQ5IDBjMi4xIDIuMSAyLjMyIDUuMzguNjUgNy43Mmw0LjMgNC4zeiIgZmlsbD0iIzUzNjU5MSIvPjwvZz48L2c+PC9zdmc+Cg==) !important;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transition: opacity 0.25s ease-out;
}
[data-script-enabled=true] .site-header .dropdown {
height: 0;
overflow: hidden;
visibility: hidden;
opacity: 0;
transition: height 0.3s ease-out, visibility 0.3s ease-out, opacity 0.25s ease-out;
will-change: height;
}
.site-header .dropdown .menu {
padding: 0 35px;
}
.site-header .dropdown .menu li > a {
position: relative;
}
.site-header .dropdown .menu li > a::before {
position: absolute;
display: inline-block;
content: "";
}
.site-header .dropdown .menu > li {
padding: 15px 0;
border-top: 1px solid #b5bbce;
}
.site-header .dropdown .menu > li > a {
top: 50%;
padding-left: 25px;
font-weight: bold;
}
.site-header .dropdown .menu > li > a::before {
top: 2px;
left: 0;
width: 16px;
height: 16px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS41MjMgMikiPjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcng9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjUyMyAtMikiIGZpbGw9IiMyZTY5YTQiLz48cGF0aCBkPSJNNSAzLjVsMi42IDIuNkw1IDguNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.site-header .dropdown .menu > li > a > span::before, .site-header .dropdown .menu > li > a > span::after {
position: absolute;
display: inline-block;
content: "";
background-repeat: no-repeat;
background-position: center;
}
.site-header .dropdown .list {
width: 100%;
padding-left: 25px;
margin-top: 15px;
}
.site-header .dropdown .list > li:not(:last-child) {
margin-bottom: 15px;
}
.site-header .dropdown .list > li > a {
padding-left: 15px;
}
.site-header .dropdown .list > li > a:hover, .site-header .dropdown .list > li > a:focus, .site-header .dropdown .list > li > a:active {
text-decoration: underline;
}
.site-header .dropdown .list > li > a::before {
top: 7px;
left: -2px;
width: 7px;
height: 7px;
background-color: transparent;
border-top: 1px solid #183e78;
border-right: 1px solid #183e78;
transform: rotate(45deg);
}
.site-header .dropdown .close-btn {
display: none;
}
.site-header .utility-links {
padding: 0 35px;
margin-bottom: 25px;
}
.site-header .utility-links > li:not(:last-child) {
margin-bottom: 15px;
}
.site-header .utility-links > li > a {
position: relative;
display: block;
padding-left: 15px;
font-size: 0.875rem;
color: #333;
text-decoration: none;
}
.site-header .utility-links > li > a:hover, .site-header .utility-links > li > a:focus, .site-header .utility-links > li > a:active {
text-decoration: underline;
}
.site-header .utility-links > li > a::before {
position: absolute;
top: 7px;
left: -2px;
display: inline-block;
width: 7px;
height: 7px;
content: "";
background-color: transparent;
border-top: 1px solid #183e78;
border-right: 1px solid #183e78;
transform: rotate(45deg);
}
.site-header .cvn-links {
padding: 0 35px;
margin-bottom: 40px;
}
.site-header .cvn-links > li:not(:last-child) {
margin-bottom: 10px;
}
.site-header .cvn-links > li.request > a {
background-color: #183e78;
}
.site-header .cvn-links > li.request > a:hover, .site-header .cvn-links > li.request > a:focus, .site-header .cvn-links > li.request > a:active {
background-color: #333;
}
.site-header .cvn-links > li.request > a::before {
width: 12px;
height: 16px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMy4zIDE3LjEiPjxnIGZpbGw9Im5vbmUiPjxnIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTExLjMgMTYuMUgyYTEgMSAwIDAgMS0xLTFWNC45TDQuNyAxaDYuNmExIDEgMCAwIDEgMSAxdjEzLjFhMSAxIDAgMCAxLTEgMXoiLz48cGF0aCBkPSJNMTEuMyAxNi4xYy42IDAgMS0uNSAxLTFWMmMwLS42LS40LTEtMS0xSDQuN0wxIDV2MTAuMWMwIC41LjQgMSAxIDFoOS4zbTAgMUgyYy0xLjEgMC0yLS45LTItMlY1YzAtLjQuMS0uNi4zLS44TDQgLjNjLjItLjIuNS0uMy43LS4zaDYuNmMxLjEgMCAyIC45IDIgMnYxMy4xYzAgMS4xLS45IDItMiAyeiIgZmlsbD0iI2ZmZiIvPjwvZz48cGF0aCBkPSJNLjUgNS42SDRjLjYgMCAxLjUgMCAxLjUtMS4ydi00IiBzdHJva2U9IiNmZmYiLz48cGF0aCBkPSJNNC4xIDkuNmg1LjRNNC4xIDEyLjFoNS40IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvZz48L3N2Zz4=);
}
.site-header .cvn-links > li.contact > a {
background-color: #c91717;
}
.site-header .cvn-links > li.contact > a:hover, .site-header .cvn-links > li.contact > a:focus, .site-header .cvn-links > li.contact > a:active {
background-color: #780707;
}
.site-header .cvn-links > li.contact > a::before {
width: 16px;
height: 12px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxMiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDE2djEySDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNMTMuNSAwaC0xMUEyLjUgMi41IDAgMCAwIDAgMi41djdBMi41IDIuNSAwIDAgMCAyLjUgMTJoMTFBMi41IDIuNSAwIDAgMCAxNiA5LjV2LTdBMi41IDIuNSAwIDAgMCAxMy41IDBNMTUgOC45TDExLjEgNWwzLjUtMy41YTEuNSAxLjUgMCAwIDEgLjQgMXpNMTMuNSAxYTEuNSAxLjUgMCAwIDEgLjIgMEw4LjQgNi4zYS42LjYgMCAwIDEtLjggMEwyLjMgMWExLjUgMS41IDAgMCAxIC4yIDB6bS0xMi4xLjVMNC45IDUgMSA4LjlWMi41YTEuNSAxLjUgMCAwIDEgLjQtMU0xMy41IDExaC0xMWExLjUgMS41IDAgMCAxLTEuMy0uOGw0LjQtNC41TDYuOSA3YTEuNiAxLjYgMCAwIDAgMi4yIDBsMS4zLTEuMyA0LjUgNC41YTEuNSAxLjUgMCAwIDEtMS40LjgiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
}
.site-header .cvn-links > li > a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 14px 10px;
overflow: hidden;
font-size: 0.8125rem;
font-weight: bold;
color: #fff;
text-decoration: none;
border-radius: 4px;
transition: background-color 0.25s ease-out;
}
.site-header .cvn-links > li > a::before, .site-header .cvn-links > li > a::after {
display: inline-block;
content: "";
}
.site-header .cvn-links > li > a::before {
margin-right: 5px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.site-header .cvn-links > li > a::after {
position: absolute;
right: 0;
bottom: 0;
width: 0;
height: 0;
border-color: transparent transparent #fff;
border-style: solid;
border-width: 0 0 11px 11px;
opacity: 0.65;
}
.site-header .close-btn {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 9px;
padding-bottom: calc(9px + env(safe-area-inset-bottom));
background-color: #8c9aa7;
transition: opacity 0.25s ease-out;
}
.site-header .close-btn:hover, .site-header .close-btn:focus, .site-header .close-btn:active {
opacity: 0.7;
}
.site-header .close-btn > span {
position: relative;
padding-left: 20px;
font-size: 0.625rem;
color: #fff;
}
.site-header .close-btn > span::before, .site-header .close-btn > span::after {
position: absolute;
top: 50%;
left: 0;
display: inline-block;
width: 16px;
height: 2px;
margin-top: -2px;
content: "";
background-color: #fff;
}
.site-header .close-btn > span::before {
transform: rotate(45deg);
}
.site-header .close-btn > span::after {
transform: rotate(-45deg);
}
/* ----------------------------------------------------------------------------
* site-main
* ------------------------------------------------------------------------- */
.site-main {
z-index: 1;
display: block;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-row: 2/3;
transition: filter 0.3s ease-out;
}
.site-main.is-blur {
filter: blur(11px);
}
.site-main .str-outer:not(.of-full) {
width: 100%;
padding: 60px 15px 100px;
}
.site-main .str-outer:not(.of-full) > .str-inner {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.site-main .str-outer.of-narrow > .str-inner {
max-width: 1000px;
}
.site-main .str-outer > .str-inner > *:first-child {
margin-top: 0;
}
.site-main .str-outer > .str-inner > *:last-child {
margin-bottom: 0;
}
.site-main .nav-location {
width: 100%;
}
.site-main .nav-location > .list {
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.site-main .nav-location > .list > li:not(:last-child) {
position: relative;
padding-right: 15px;
}
.site-main .nav-location > .list > li:not(:last-child)::after {
position: absolute;
top: 50%;
right: 6px;
display: inline-block;
width: 1px;
height: 12px;
margin-top: -5px;
content: "";
background-color: #333;
transform: skewX(-15deg);
}
.site-main .nav-location > .list > li > a {
font-size: 0.75rem;
color: #183e78;
text-decoration: none;
}
.site-main .nav-location > .list > li > a:hover, .site-main .nav-location > .list > li > a:focus, .site-main .nav-location > .list > li > a:active {
text-decoration: underline;
}
.site-main .nav-location > .list > li > a:not([href]) {
color: #333;
text-decoration: none;
}
.site-main .str-content-col {
max-width: 1230px;
padding: 30px 15px 100px;
margin: auto;
}
.site-main .str-content-col > .str-outer {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column: 1/span 2;
padding: 0;
}
.site-main .str-content-col > .str-outer:not(.of-full) {
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-column: 1/2;
}
.site-main .str-side {
margin-top: 60px;
}
.site-main .str-side .side-nav dt {
padding-bottom: 20px;
border-bottom: 2px solid #183e78;
}
.site-main .str-side .side-nav dt a {
position: relative;
display: block;
padding-left: 26px;
font-size: 1.125rem;
font-weight: 700;
color: #333;
text-decoration: none;
}
.site-main .str-side .side-nav dt a:hover, .site-main .str-side .side-nav dt a:focus, .site-main .str-side .side-nav dt a:active {
text-decoration: underline;
}
.site-main .str-side .side-nav dt a::before {
position: absolute;
top: 6px;
right: auto;
left: 0;
width: 16px;
height: 16px;
margin-top: 0;
content: "";
background-color: transparent;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS41MjMgMikiPjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcng9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjUyMyAtMikiIGZpbGw9IiMyZTY5YTQiLz48cGF0aCBkPSJNNSAzLjVsMi42IDIuNkw1IDguNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.site-main .str-side .menu > li {
padding: 12px 0;
border-top: 1px solid #b5bbce;
}
.site-main .str-side .menu > li:last-child {
border-bottom: 1px solid #b5bbce;
}
.site-main .str-side .menu > li > a {
position: relative;
display: block;
padding: 8px 5px 8px 25px;
font-size: 0.875rem;
color: #333;
text-decoration: none;
transition: background-color 0.25s ease-out;
}
.site-main .str-side .menu > li > a:hover, .site-main .str-side .menu > li > a:focus, .site-main .str-side .menu > li > a:active {
background-color: #f1f7ff;
}
.site-main .str-side .menu > li > a::before {
position: absolute;
top: 15px;
left: 10px;
width: 8px;
height: 8px;
content: "";
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0LjkyNSA4LjQzNiI+PHBhdGggZD0iTTE0ODgsMzk2NWwzLjg2NCwzLjg2NC0zLjg2NCwzLjg2NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE0ODcuNjQ2IC0zOTY0LjY0NikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzIyNjliMSIgc3Ryb2tlLXdpZHRoPSIxIi8+PC9zdmc+Cg==);
background-repeat: no-repeat;
background-size: contain;
}
.site-main .str-side .menu > li .is-current {
background-color: #f1f7ff;
border-radius: 4px;
}
.site-main .str-side .menu > li .is-current + .list {
display: block;
}
.site-main .str-side .list {
display: none;
padding-left: 34px;
margin-top: 9px;
}
.site-main .str-side .list > li:not(:first-child) {
margin-top: 10px;
}
.site-main .str-side .list > li a {
position: relative;
display: inline-block;
padding-left: 9px;
font-size: 0.75rem;
color: #333;
text-decoration: none;
}
.site-main .str-side .list > li a:hover, .site-main .str-side .list > li a:focus, .site-main .str-side .list > li a:active {
text-decoration: underline;
}
.site-main .str-side .list > li a::before {
position: absolute;
top: 8px;
left: 0;
width: 5px;
height: 1px;
content: "";
background-color: #2269b1;
}
/* ----------------------------------------------------------------------------
* site-footer
* ------------------------------------------------------------------------- */
.site-footer {
position: relative;
z-index: 2;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
grid-row: 3/4;
border-top: 7px solid #a3b3cc;
transition: filter 0.3s ease-out;
}
.site-footer.is-blur {
filter: blur(11px);
}
.site-footer .str-sitemap {
background-color: #183e78;
}
.site-footer .str-sitemap > .inner {
max-width: 1200px;
margin: 0 auto;
}
.site-footer .str-sitemap .menu li > a {
position: relative;
display: block;
font-size: 0.875rem;
color: #fff;
text-decoration: none;
transition: opacity 0.25s ease-out;
}
.site-footer .str-sitemap .menu li > a:hover, .site-footer .str-sitemap .menu li > a:focus, .site-footer .str-sitemap .menu li > a:active {
opacity: 0.7;
}
.site-footer .str-sitemap .menu > li {
position: relative;
}
.site-footer .str-sitemap .menu > li:not(:last-child) {
border-bottom: 1px solid #fff;
}
.site-footer .str-sitemap .menu > li > a {
padding: 20px 60px 20px 30px;
font-weight: bold;
}
.site-footer .str-sitemap .handler[aria-expanded=true]::before {
transform: rotate(180deg);
}
.site-footer .str-sitemap .handler[aria-expanded=true]::after {
transform: rotate(90deg);
}
.site-footer .str-sitemap .handler[aria-expanded=true] + .list {
visibility: visible;
opacity: 1;
}
.site-footer .str-sitemap .handler::before, .site-footer .str-sitemap .handler::after {
position: absolute;
top: 50%;
display: none;
content: "";
background-color: #fff;
transition: transform 0.25s ease-out;
}
[data-script-enabled=true] .site-footer .str-sitemap .handler::before, [data-script-enabled=true] .site-footer .str-sitemap .handler::after {
display: inline-block;
}
.site-footer .str-sitemap .handler::before {
right: 35px;
width: 10px;
height: 2px;
margin-top: -1px;
}
.site-footer .str-sitemap .handler::after {
right: 39px;
width: 2px;
height: 10px;
margin-top: -5px;
}
[data-script-enabled=true] .site-footer .str-sitemap .list {
height: 0;
overflow: hidden;
visibility: hidden;
opacity: 0;
transition: height 0.3s ease-out, visibility 0.3s ease-out, opacity 0.25s ease-out;
}
.site-footer .str-sitemap .list > .inner {
position: relative;
padding: 20px 30px;
}
.site-footer .str-sitemap .list > .inner::before {
position: absolute;
top: 1px;
left: 30px;
display: inline-block;
width: calc(100% - 60px);
height: 1px;
content: "";
background-color: #fff;
}
.site-footer .str-sitemap .list > .inner > li:first-child > a {
padding-left: 30px;
font-weight: bold;
}
.site-footer .str-sitemap .list > .inner > li:first-child > a::before {
top: 2px;
left: 0;
width: 16px;
height: 16px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS41MjMgMikiPjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcng9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjUyMyAtMikiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNNSAzLjVsMi42IDIuNkw1IDguNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDA0NjhiIi8+PC9nPjwvc3ZnPg==);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.site-footer .str-sitemap .list > .inner > li:not(:first-child) {
padding-left: 30px;
margin-top: 20px;
}
.site-footer .str-sitemap .list > .inner > li:not(:first-child) > a {
padding-left: 15px;
}
.site-footer .str-sitemap .list > .inner > li:not(:first-child) > a::before {
top: 7px;
left: -2px;
width: 7px;
height: 7px;
background-color: transparent;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg);
}
.site-footer .str-sitemap .list > .inner > li > a::before {
position: absolute;
display: inline-block;
content: "";
}
.site-footer .str-content-info {
padding: 26px 30px;
background-color: #fff;
}
.site-footer .str-content-info .utility-links {
margin-bottom: 30px;
}
.site-footer .str-content-info .utility-links > li:not(:last-child) {
margin-bottom: 12px;
}
.site-footer .str-content-info .utility-links > li > a {
font-size: 0.75rem;
color: #0a3a8a;
text-decoration: none;
}
.site-footer .str-content-info .utility-links > li > a:hover, .site-footer .str-content-info .utility-links > li > a:focus, .site-footer .str-content-info .utility-links > li > a:active {
text-decoration: underline;
}
.site-footer .str-content-info .copy {
margin-bottom: 0;
}
.site-footer .str-content-info .copy > small {
font-size: 0.625rem;
color: #0a3a8a;
}
.site-footer .pagetop {
position: fixed;
right: 15px;
bottom: 15px;
display: inline-block;
width: 46px;
height: 46px;
margin-bottom: 0;
visibility: visible;
box-shadow: 0 10px 30px 0 rgba(54, 103, 152, 0.16);
opacity: 1;
transition: opacity 0.25s ease-out, visibility 0.25s ease-out;
}
.site-footer .pagetop.is-show {
visibility: visible;
opacity: 1;
}
.site-footer .pagetop.is-fixed {
position: absolute;
top: calc(-46px - 22px);
right: 15px;
visibility: visible;
opacity: 1;
}
.site-footer .pagetop > a {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
text-decoration: none;
text-indent: 100%;
white-space: nowrap;
background-color: #fff;
transition: opacity 0.25s ease-out;
}
.site-footer .pagetop > a:hover, .site-footer .pagetop > a:focus, .site-footer .pagetop > a:active {
opacity: 0.7;
}
.site-footer .pagetop > a::before, .site-footer .pagetop > a::after {
position: absolute;
left: 50%;
display: inline-block;
content: "";
}
.site-footer .pagetop > a::before {
top: 15px;
width: 20px;
height: 2px;
margin-left: -10px;
background-color: #2269b1;
}
.site-footer .pagetop > a::after {
top: 25px;
width: 13px;
height: 13px;
margin-left: -6px;
border-top: 2px solid #2269b1;
border-right: 2px solid #2269b1;
transform: rotate(-45deg);
}
.align-left {
text-align: left !important;
}
.align-center {
text-align: center !important;
}
.align-right {
text-align: right !important;
}
.align-top {
vertical-align: top !important;
}
.align-middle {
vertical-align: middle !important;
}
.align-bottom {
vertical-align: bottom !important;
}
.mt-0 {
margin-top: 0px !important;
}
.mt-5 {
margin-top: 5px !important;
}
.mt-10 {
margin-top: 10px !important;
}
.mt-15 {
margin-top: 15px !important;
}
.mt-20 {
margin-top: 20px !important;
}
.mt-25 {
margin-top: 25px !important;
}
.mt-30 {
margin-top: 30px !important;
}
.mt-35 {
margin-top: 35px !important;
}
.mt-40 {
margin-top: 40px !important;
}
.mt-45 {
margin-top: 45px !important;
}
.mt-50 {
margin-top: 50px !important;
}
.mt-55 {
margin-top: 55px !important;
}
.mt-60 {
margin-top: 60px !important;
}
.mt-65 {
margin-top: 65px !important;
}
.mt-70 {
margin-top: 70px !important;
}
.mt-75 {
margin-top: 75px !important;
}
.mt-80 {
margin-top: 80px !important;
}
.mt-85 {
margin-top: 85px !important;
}
.mt-90 {
margin-top: 90px !important;
}
.mt-95 {
margin-top: 95px !important;
}
.mt-100 {
margin-top: 100px !important;
}
.mb-0 {
margin-bottom: 0px !important;
}
.mb-5 {
margin-bottom: 5px !important;
}
.mb-10 {
margin-bottom: 10px !important;
}
.mb-15 {
margin-bottom: 15px !important;
}
.mb-20 {
margin-bottom: 20px !important;
}
.mb-25 {
margin-bottom: 25px !important;
}
.mb-30 {
margin-bottom: 30px !important;
}
.mb-35 {
margin-bottom: 35px !important;
}
.mb-40 {
margin-bottom: 40px !important;
}
.mb-45 {
margin-bottom: 45px !important;
}
.mb-50 {
margin-bottom: 50px !important;
}
.mb-55 {
margin-bottom: 55px !important;
}
.mb-60 {
margin-bottom: 60px !important;
}
.mb-65 {
margin-bottom: 65px !important;
}
.mb-70 {
margin-bottom: 70px !important;
}
.mb-75 {
margin-bottom: 75px !important;
}
.mb-80 {
margin-bottom: 80px !important;
}
.mb-85 {
margin-bottom: 85px !important;
}
.mb-90 {
margin-bottom: 90px !important;
}
.mb-95 {
margin-bottom: 95px !important;
}
.mb-100 {
margin-bottom: 100px !important;
}
.pc-hide {
display: block;
}
.sp-hide {
display: none;
}
.w-0 {
width: 0% !important;
}
.w-5 {
width: 5% !important;
}
.w-10 {
width: 10% !important;
}
.w-15 {
width: 15% !important;
}
.w-20 {
width: 20% !important;
}
.w-25 {
width: 25% !important;
}
.w-30 {
width: 30% !important;
}
.w-35 {
width: 35% !important;
}
.w-40 {
width: 40% !important;
}
.w-45 {
width: 45% !important;
}
.w-50 {
width: 50% !important;
}
.w-55 {
width: 55% !important;
}
.w-60 {
width: 60% !important;
}
.w-65 {
width: 65% !important;
}
.w-70 {
width: 70% !important;
}
.w-75 {
width: 75% !important;
}
.w-80 {
width: 80% !important;
}
.w-85 {
width: 85% !important;
}
.w-90 {
width: 90% !important;
}
.w-95 {
width: 95% !important;
}
.w-100 {
width: 100% !important;
}
.mod-btn-01 {
width: 100%;
line-height: 0;
}
.mod-btn-01 > a,
.mod-btn-01 > button {
position: relative;
display: inline-block;
overflow: hidden;
line-height: 1.5;
color: #fff;
text-align: center;
text-decoration: none;
border-radius: 4px;
transition: background-color 0.25s ease-out;
}
.mod-btn-01 > a::before,
.mod-btn-01 > button::before {
position: absolute;
right: 0;
bottom: 0;
width: 0;
height: 0;
content: "";
border-color: transparent transparent #fff;
border-style: solid;
border-width: 0 0 11px 11px;
opacity: 0.65;
}
.mod-btn-01 > a .icon-blank {
fill: #fff;
}
.mod-btn-01 > a .icon-zip {
fill: #fff;
}
.mod-btn-01 > a .icon-zip g {
fill: transparent;
stroke: #fff;
}
.mod-btn-01.var-04 > a .icon-blank {
fill: #333;
}
.mod-btn-01.var-04 > a .icon-zip {
fill: #333;
}
.mod-btn-01.var-04 > a .icon-zip g {
fill: transparent;
stroke: #333;
}
/* ------------------------------------
* .mod-btn-01
* --------------------------------- */
.mod-btn-01 {
margin: 30px 0 20px;
}
.mod-btn-01 > a,
.mod-btn-01 > button {
width: 100%;
padding: 14px 20px 13px;
font-size: 0.875rem;
}
.mod-btn-01.of-center {
text-align: center;
}
.mod-btn-01.of-small {
margin: 20px 0;
}
.mod-btn-01.of-small > a,
.mod-btn-01.of-small > button {
width: 100%;
padding: 11px 18px 10px;
font-size: 0.75rem;
}
.mod-btn-01.var-01 > a,
.mod-btn-01.var-01 > button {
background-color: #183e78;
}
.mod-btn-01.var-01 > a:hover, .mod-btn-01.var-01 > a:focus, .mod-btn-01.var-01 > a:active,
.mod-btn-01.var-01 > button:hover,
.mod-btn-01.var-01 > button:focus,
.mod-btn-01.var-01 > button:active {
background-color: #333;
}
.mod-btn-01.var-02 > a,
.mod-btn-01.var-02 > button {
background-color: #97aec3;
}
.mod-btn-01.var-02 > a::before,
.mod-btn-01.var-02 > button::before {
border-color: transparent transparent #072b65;
}
.mod-btn-01.var-02 > a:hover, .mod-btn-01.var-02 > a:focus, .mod-btn-01.var-02 > a:active,
.mod-btn-01.var-02 > button:hover,
.mod-btn-01.var-02 > button:focus,
.mod-btn-01.var-02 > button:active {
background-color: #61788d;
}
.mod-btn-01.var-03 > a,
.mod-btn-01.var-03 > button {
background-color: #0c52c2;
}
.mod-btn-01.var-03 > a:hover, .mod-btn-01.var-03 > a:focus, .mod-btn-01.var-03 > a:active,
.mod-btn-01.var-03 > button:hover,
.mod-btn-01.var-03 > button:focus,
.mod-btn-01.var-03 > button:active {
background-color: #072b65;
}
.mod-btn-01.var-04 > a,
.mod-btn-01.var-04 > button {
color: #333;
background-color: #fff;
}
.mod-btn-01.var-04 > a::before,
.mod-btn-01.var-04 > button::before {
border-color: transparent transparent #97aec3;
}
.mod-btn-01.var-04 > a:hover, .mod-btn-01.var-04 > a:focus, .mod-btn-01.var-04 > a:active,
.mod-btn-01.var-04 > button:hover,
.mod-btn-01.var-04 > button:focus,
.mod-btn-01.var-04 > button:active {
background-color: #eff2f6;
}
.mod-btn-01 > button[disabled] {
color: #5a5f64;
background-color: #dfdfdf;
}
.mod-btn-01 > button[disabled]::before {
border-color: transparent transparent #5a5f64;
}
.mod-btn-01 > button[disabled]:hover, .mod-btn-01 > button[disabled]:focus, .mod-btn-01 > button[disabled]:active {
color: #5a5f64;
background-color: #dfdfdf;
}
/* ------------------------------------
* .mod-btn-02
* --------------------------------- */
.mod-btn-02 {
width: 100%;
margin: 30px 0 20px;
line-height: 0;
}
.mod-btn-02 > a,
.mod-btn-02 > button {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-width: 200px;
max-width: 400px;
padding: 25px 0;
margin: auto;
overflow: hidden;
font-weight: 700;
line-height: 1.5;
color: #fff;
text-align: center;
text-decoration: none;
border-radius: 4px;
transition: background-color 0.25s ease-out;
}
.mod-btn-02 > a::before, .mod-btn-02 > a::after,
.mod-btn-02 > button::before,
.mod-btn-02 > button::after {
display: inline-block;
content: "";
}
.mod-btn-02 > a::before,
.mod-btn-02 > button::before {
margin-right: 5px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.mod-btn-02 > a::after,
.mod-btn-02 > button::after {
position: absolute;
right: 0;
bottom: 0;
width: 0;
height: 0;
border-color: transparent transparent #fff;
border-style: solid;
border-width: 0 0 11px 11px;
opacity: 0.65;
}
.mod-btn-02.of-request > a,
.mod-btn-02.of-request > button {
background-color: #183e78;
}
.mod-btn-02.of-request > a:hover, .mod-btn-02.of-request > a:focus, .mod-btn-02.of-request > a:active,
.mod-btn-02.of-request > button:hover,
.mod-btn-02.of-request > button:focus,
.mod-btn-02.of-request > button:active {
background-color: #333;
}
.mod-btn-02.of-request > a::before,
.mod-btn-02.of-request > button::before {
width: 15px;
height: 20px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMy4zIDE3LjEiPjxnIGZpbGw9Im5vbmUiPjxnIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTExLjMgMTYuMUgyYTEgMSAwIDAgMS0xLTFWNC45TDQuNyAxaDYuNmExIDEgMCAwIDEgMSAxdjEzLjFhMSAxIDAgMCAxLTEgMXoiLz48cGF0aCBkPSJNMTEuMyAxNi4xYy42IDAgMS0uNSAxLTFWMmMwLS42LS40LTEtMS0xSDQuN0wxIDV2MTAuMWMwIC41LjQgMSAxIDFoOS4zbTAgMUgyYy0xLjEgMC0yLS45LTItMlY1YzAtLjQuMS0uNi4zLS44TDQgLjNjLjItLjIuNS0uMy43LS4zaDYuNmMxLjEgMCAyIC45IDIgMnYxMy4xYzAgMS4xLS45IDItMiAyeiIgZmlsbD0iI2ZmZiIvPjwvZz48cGF0aCBkPSJNLjUgNS42SDRjLjYgMCAxLjUgMCAxLjUtMS4ydi00IiBzdHJva2U9IiNmZmYiLz48cGF0aCBkPSJNNC4xIDkuNmg1LjRNNC4xIDEyLjFoNS40IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvZz48L3N2Zz4=);
}
.mod-btn-02.of-contact > a,
.mod-btn-02.of-contact > button {
background-color: #c91717;
}
.mod-btn-02.of-contact > a:hover, .mod-btn-02.of-contact > a:focus, .mod-btn-02.of-contact > a:active,
.mod-btn-02.of-contact > button:hover,
.mod-btn-02.of-contact > button:focus,
.mod-btn-02.of-contact > button:active {
background-color: #780707;
}
.mod-btn-02.of-contact > a::before,
.mod-btn-02.of-contact > button::before {
width: 21px;
height: 16px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxMiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDE2djEySDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNMTMuNSAwaC0xMUEyLjUgMi41IDAgMCAwIDAgMi41djdBMi41IDIuNSAwIDAgMCAyLjUgMTJoMTFBMi41IDIuNSAwIDAgMCAxNiA5LjV2LTdBMi41IDIuNSAwIDAgMCAxMy41IDBNMTUgOC45TDExLjEgNWwzLjUtMy41YTEuNSAxLjUgMCAwIDEgLjQgMXpNMTMuNSAxYTEuNSAxLjUgMCAwIDEgLjIgMEw4LjQgNi4zYS42LjYgMCAwIDEtLjggMEwyLjMgMWExLjUgMS41IDAgMCAxIC4yIDB6bS0xMi4xLjVMNC45IDUgMSA4LjlWMi41YTEuNSAxLjUgMCAwIDEgLjQtMU0xMy41IDExaC0xMWExLjUgMS41IDAgMCAxLTEuMy0uOGw0LjQtNC41TDYuOSA3YTEuNiAxLjYgMCAwIDAgMi4yIDBsMS4zLTEuMyA0LjUgNC41YTEuNSAxLjUgMCAwIDEtMS40LjgiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
}
.mod-btn-02.of-large > a,
.mod-btn-02.of-large > button {
padding: 23px 0;
font-size: 1rem;
}
.mod-btn-02.of-large.of-contact > a:hover::before, .mod-btn-02.of-large.of-contact > a:focus::before, .mod-btn-02.of-large.of-contact > a:active::before,
.mod-btn-02.of-large.of-contact > button:hover::before,
.mod-btn-02.of-large.of-contact > button:focus::before,
.mod-btn-02.of-large.of-contact > button:active::before {
opacity: 0.5;
}
.mod-btn-02.of-large.of-contact > a::before,
.mod-btn-02.of-large.of-contact > button::before {
width: 37px;
height: 37px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNyAzNyI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDE5djE0SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGc+PGNpcmNsZSBjeD0iMTguNSIgY3k9IjE4LjUiIHI9IjE4LjUiIGZpbGw9IiNhOTEwMTAiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5IDEyKSIgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNMTYuMi4xM0gzLjU5QTIuODcgMi44NyAwIDAgMCAuNzIgM3Y4LjAyYTIuODcgMi44NyAwIDAgMCAyLjg3IDIuODdoMTIuNmEyLjg3IDIuODcgMCAwIDAgMi44OC0yLjg3VjNBMi44NyAyLjg3IDAgMCAwIDE2LjIuMTJtMS43MiAxMC4ybC00LjQ4LTQuNDYgNC4wMi00LjAyQTEuNyAxLjcgMCAwIDEgMTcuOTIgM3pNMTYuMiAxLjI2YTEuNyAxLjcgMCAwIDEgLjE5LjAybC02LjAzIDYuMDRhLjY4LjY4IDAgMCAxLS45NCAwTDMuNCAxLjNhMS43NSAxLjc1IDAgMCAxIC4xOS0uMDJ6bS0xMy44OC41N2w0LjAyIDQuMDMtNC40NyA0LjQ2VjNhMS43IDEuNyAwIDAgMSAuNDUtMS4xNm0xMy44OCAxMC45SDMuNTlhMS43MiAxLjcyIDAgMCAxLTEuNTQtLjk2bDUuMS01LjEgMS40NyAxLjQ2YTEuOCAxLjggMCAwIDAgMi41NiAwbDEuNDYtMS40NyA1LjEgNS4xYTEuNzIgMS43MiAwIDAgMS0xLjU0Ljk3IiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
transition: opacity 0.25s ease-out;
}
/* ------------------------------------
* .mod-btn-wrap-01
* --------------------------------- */
[class*=mod-box] .mod-btn-wrap-01 {
margin-top: -30px;
}
/* ------------------------------------
* .mod-input-text-01
* --------------------------------- */
.mod-input-text-01 {
padding: 8px 15px;
font-size: 1rem;
background-color: #eff2f6;
border: none;
border-radius: 3px;
}
.mod-input-text-01:not(:last-of-type) {
margin-bottom: 16px;
}
.mod-input-text-01.of-x-small {
max-width: 70px;
}
/* ------------------------------------
* .mod-select-01
* --------------------------------- */
.mod-select-01 {
position: relative;
width: 100%;
}
.mod-select-01::after {
position: absolute;
top: 50%;
right: 15px;
display: inline-block;
width: 0;
height: 0;
margin-top: -5px;
content: "";
border-color: #183e78 transparent transparent;
border-style: solid;
border-width: 10px 5px 0;
}
.mod-select-01 > select {
width: 100%;
padding: 8px 35px 8px 15px;
font-size: 1rem;
background-color: #eff2f6;
border: none;
border-radius: 3px;
-webkit-appearance: none;
appearance: none;
}
.mod-select-01 > select::-ms-expand {
display: none;
}
/* ------------------------------------
* .mod-textarea-01
* --------------------------------- */
.mod-textarea-01 {
width: 100%;
padding: 8px 15px;
font-size: 1rem;
background-color: #eff2f6;
border: none;
border-radius: 3px;
}
/* ------------------------------------
* .mod-input-checkbox-01
* --------------------------------- */
.mod-input-checkbox-01 {
position: relative;
margin-bottom: 0;
}
.mod-input-checkbox-01 > input {
position: absolute;
z-index: -1;
width: 1px;
height: 1px;
}
.mod-input-checkbox-01 > input:checked + label::before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyAyMyI+PGcgZmlsbD0iIzE4M2U3OCIgc3Ryb2tlPSIjYjViYmNlIiBzdHJva2Utd2lkdGg9IjIiPjxyZWN0IHdpZHRoPSIyMyIgaGVpZ2h0PSIyMyIgcng9IjMiIHN0cm9rZT0ibm9uZSIvPjxyZWN0IHg9IjEiIHk9IjEiIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSIgcng9IjIiIGZpbGw9Im5vbmUiLz48L2c+PHBhdGggZD0iTTYuMyAxMmwzLjQgMy42IDcuNC03LjQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+);
}
.mod-input-checkbox-01 > input:focus + label::before {
border: 1px solid #333;
}
.mod-input-checkbox-01 > label {
position: relative;
display: inline-block;
padding-left: 35px;
font-size: 1rem;
font-weight: normal;
line-height: 1;
}
.mod-input-checkbox-01 > label::before {
position: absolute;
top: 50%;
left: 0;
display: inline-block;
width: 23px;
height: 23px;
margin-top: -12px;
content: "";
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyAyMyI+PGcgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjYjViYmNlIiBzdHJva2Utd2lkdGg9IjIiPjxyZWN0IHdpZHRoPSIyMyIgaGVpZ2h0PSIyMyIgcng9IjMiIHN0cm9rZT0ibm9uZSIvPjxyZWN0IHg9IjEiIHk9IjEiIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSIgcng9IjIiIGZpbGw9Im5vbmUiLz48L2c+PC9zdmc+);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transition: background-image 0.25s ease-out;
}
/* ------------------------------------
* .mod-input-radio-01
* --------------------------------- */
.mod-input-radio-01 {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 0;
}
.mod-input-radio-01 > input {
position: absolute;
top: 50%;
left: 0;
z-index: -1;
width: 1px;
height: 1px;
padding: 0;
margin: 0;
opacity: 0;
transform: translateY(-50%);
}
.mod-input-radio-01 > input:checked + label::before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyAyMyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUwNCAtMTg2MykiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwNCAxODYzKSIgZmlsbD0iIzE4M2U3OCIgc3Ryb2tlPSIjYjViYmNlIiBzdHJva2Utd2lkdGg9IjIiPjxyZWN0IHdpZHRoPSIyMyIgaGVpZ2h0PSIyMyIgcng9IjExLjUiIHN0cm9rZT0ibm9uZSIvPjxyZWN0IHg9IjEiIHk9IjEiIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSIgcng9IjEwLjUiIGZpbGw9Im5vbmUiLz48L2c+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iNyIgcng9IjMuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTEyIDE4NzEpIiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
}
.mod-input-radio-01 > input:focus + label::before {
border: 1px solid #333;
}
.mod-input-radio-01 > label {
position: relative;
padding-left: 30px;
font-size: 1rem;
}
.mod-input-radio-01 > label::before {
position: absolute;
top: 50%;
left: 0;
display: inline-block;
width: 23px;
height: 23px;
margin-top: -12px;
content: "";
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyAyMyI+PGcgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjYjViYmNlIiBzdHJva2Utd2lkdGg9IjIiPjxyZWN0IHdpZHRoPSIyMyIgaGVpZ2h0PSIyMyIgcng9IjExLjUiIHN0cm9rZT0ibm9uZSIvPjxyZWN0IHg9IjEiIHk9IjEiIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSIgcng9IjEwLjUiIGZpbGw9Im5vbmUiLz48L2c+PC9zdmc+);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transition: background-image 0.25s ease-out;
}
/* ------------------------------------
* .mod-input-search-01
* --------------------------------- */
.mod-input-search-01 {
padding: 15px 20px;
margin: 30px 0;
background-color: #e1e6ec;
border-radius: 4px;
}
.mod-input-search-01 > .inner {
width: 100%;
max-width: 900px;
margin: auto;
}
.mod-input-search-01 > .inner > label {
display: block;
margin-bottom: 15px;
}
.mod-input-search-01 > .inner > .item {
position: relative;
}
.mod-input-search-01 > .inner > .item > input {
width: 100%;
padding: 7px 50px 7px 10px;
border: 0;
}
.mod-input-search-01 > .inner > .item > button {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 40px;
height: 24px;
margin: auto;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background-color: transparent;
}
.mod-input-search-01 > .inner > .item > button::before, .mod-input-search-01 > .inner > .item > button::after {
position: absolute;
display: inline-block;
content: "";
}
.mod-input-search-01 > .inner > .item > button::before {
top: 0;
left: 0;
width: 1px;
height: 100%;
background-color: #b5bbce;
}
.mod-input-search-01 > .inner > .item > button::after {
top: 50%;
left: 50%;
width: 16px;
height: 16px;
margin: -8px 0 0 -8px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSJ0cmFuc3BhcmVudCIgZD0iTTAgMGgxNnYxNkgweiIvPjxnIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik0xNC4yNiAxNS42OGwtNC4zLTQuM2E2IDYgMCAxIDEgMS40Mi0xLjQybDQuMyA0LjN6Ii8+PHBhdGggZD0iTTkuMzUgOS4zNWwuNC0uNTVjLjU0LS43Ni44LTEuNy43Mi0yLjYzLS4wNy0uOTUtLjQ4LTEuODQtMS4xNi0yLjUxLTEuNTYtMS41Ny00LjEtMS41Ni01LjY1IDAtMS41NiAxLjU1LTEuNTYgNC4xIDAgNS42NS42Ny42OCAxLjU2IDEuMDkgMi41MiAxLjE2LjkzLjA3IDEuODYtLjE4IDIuNjItLjcybC41Ni0uNG02LjMyIDQuOTFsLTEuNDIgMS40Mi00LjMtNC4zYy0yLjM0IDEuNjctNS42MiAxLjQ1LTcuNzItLjY1LTIuMzQtMi4zNC0yLjM0LTYuMTUgMC04LjQ5czYuMTUtMi4zNCA4LjQ5IDBjMi4xIDIuMSAyLjMyIDUuMzguNjUgNy43Mmw0LjMgNC4zeiIgZmlsbD0iIzUzNjU5MSIvPjwvZz48L2c+PC9zdmc+Cg==);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
/* ------------------------------------
* .mod-input-list-01
* --------------------------------- */
.mod-input-list-01 {
margin-top: -20px;
}
.mod-input-list-01.of-inline {
display: flex;
flex-wrap: wrap;
margin-left: -30px;
}
.mod-input-list-01.of-inline > li {
margin-left: 30px;
}
.mod-input-list-01 > li {
margin-top: 20px;
}
/* ------------------------------------
* .mod-form-item-01
* --------------------------------- */
.mod-form-item-01 {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #b5bbce;
}
.mod-form-item-01 > .col {
display: flex;
flex-direction: column;
overflow: hidden;
}
.mod-form-item-01 > .col > *:last-child {
margin-bottom: 0;
}
.mod-form-item-01 > .col:not(:last-child) {
margin-bottom: 10px;
}
.mod-form-item-01 > .col.of-inline {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.mod-form-item-01 > .col.of-inline .mod-input-text-01 {
width: auto;
}
.mod-form-item-01 > .col.of-inline .error {
width: 100%;
}
.mod-form-item-01 > .col > label,
.mod-form-item-01 > .col > .label {
display: flex;
align-items: flex-start;
justify-content: space-between;
font-size: 0.875rem;
font-weight: bold;
}
.mod-form-item-01 > .col > label > strong,
.mod-form-item-01 > .col > .label > strong {
flex: none;
padding: 6px 13px;
margin-left: 10px;
font-size: 0.75rem;
line-height: 1;
border: 1px solid #e63a2a;
border-radius: 3px;
}
.mod-form-item-01 > .col > label {
cursor: default;
}
.mod-form-item-01 > .col .label {
margin-bottom: 0;
}
.mod-form-item-01 > .col .sample {
margin-bottom: 6px;
font-size: 0.75rem;
color: #95a6b5;
}
.mod-form-item-01 > .col .sample > .notice {
margin-left: 20px;
}
.mod-form-item-01 > .col .list-name {
display: flex;
flex-wrap: wrap;
margin: -10px 0 0 -20px;
}
.mod-form-item-01 > .col .list-name > li {
display: flex;
align-items: center;
width: 100%;
margin: 10px 0 0 20px;
}
.mod-form-item-01 > .col .list-name > li > label {
flex: none;
margin-right: 10px;
font-size: 1rem;
font-weight: normal;
}
.mod-form-item-01 > .col .notice {
font-size: 0.75rem;
color: #183e78;
}
.mod-form-item-01 > .col .confirm {
margin-bottom: 6px;
font-size: 0.75rem;
font-weight: normal;
}
.mod-form-item-01 > .col .unit {
margin-left: 10px;
font-size: 1rem;
}
.mod-form-item-01 > .col .list-check-materials > label {
position: relative;
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: flex-end;
padding: 15px;
border: 1px solid #b5bbce;
border-radius: 4px;
}
.mod-form-item-01 > .col .list-check-materials > label:not(:last-child) {
margin-bottom: 15px;
}
.mod-form-item-01 > .col .list-check-materials input {
position: absolute;
z-index: -1;
width: 1px;
height: 1px;
}
.mod-form-item-01 > .col .list-check-materials input:checked + .text > .title::before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyAyMyI+PGcgZmlsbD0iIzE4M2U3OCIgc3Ryb2tlPSIjYjViYmNlIiBzdHJva2Utd2lkdGg9IjIiPjxyZWN0IHdpZHRoPSIyMyIgaGVpZ2h0PSIyMyIgcng9IjMiIHN0cm9rZT0ibm9uZSIvPjxyZWN0IHg9IjEiIHk9IjEiIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSIgcng9IjIiIGZpbGw9Im5vbmUiLz48L2c+PHBhdGggZD0iTTYuMyAxMmwzLjQgMy42IDcuNC03LjQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+);
}
.mod-form-item-01 > .col .list-check-materials input:focus + .text > .title::before {
border: 1px solid #333;
}
.mod-form-item-01 > .col .list-check-materials .image {
flex: none;
width: 25%;
max-width: 140px;
margin-right: 20px;
}
.mod-form-item-01 > .col .list-check-materials .text {
font-size: 0.75rem;
font-weight: normal;
}
.mod-form-item-01 > .col .list-check-materials .text > .title {
position: relative;
display: block;
padding-left: 36px;
margin-bottom: 14px;
font-size: 0.875rem;
}
.mod-form-item-01 > .col .list-check-materials .text > .title::before {
position: absolute;
top: 50%;
left: 0;
display: inline-block;
width: 23px;
height: 23px;
margin-top: -12px;
content: "";
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyAyMyI+PGcgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjYjViYmNlIiBzdHJva2Utd2lkdGg9IjIiPjxyZWN0IHdpZHRoPSIyMyIgaGVpZ2h0PSIyMyIgcng9IjMiIHN0cm9rZT0ibm9uZSIvPjxyZWN0IHg9IjEiIHk9IjEiIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSIgcng9IjIiIGZpbGw9Im5vbmUiLz48L2c+PC9zdmc+);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transition: background-image 0.25s ease-out;
}
.mod-form-item-01 > .col > [id*=js-error-] {
display: none;
}
.mod-form-item-01 > .col > [id*=js-error-].is-show {
display: block;
}
.mod-form-item-01 > .col .error {
order: 1;
margin: 14px 0 0;
font-size: 0.75rem;
color: #ff3320;
}
.mod-form-item-01 > .col .error + .error {
margin-top: 0;
}
.mod-form-item-01 > .col .list-room {
display: flex;
flex-wrap: wrap;
margin: -10px 0 0;
}
.mod-form-item-01 > .col .list-room .item {
margin-top: 10px;
}
.mod-form-item-01 > .col .list-room .item > p {
margin-bottom: 0;
}
.mod-form-item-01 > .col .list-room .item input {
margin: 0 10px;
}
.mod-form-item-01 > .col .list-room .item .dash {
display: inline-block;
margin: 0 15px;
}
/* ------------------------------------
* .mod-hdg-l1-01
* --------------------------------- */
.mod-hdg-l1-01 {
position: relative;
padding: 20px 0 0;
margin: 0 0 60px;
overflow: hidden;
background: linear-gradient(to right, #f1f7ff 0%, #fff 100%);
}
.mod-hdg-l1-01 + [class*=mod-hdg] {
margin-top: 0;
}
.mod-hdg-l1-01.of-outsourcing > .inner::after {
background-image: url("/outsourcing/img/img-index-hdg.jpg");
}
.mod-hdg-l1-01.of-biz > .inner::after {
background-image: url("/biz/img/img-index-hdg.jpg");
}
.mod-hdg-l1-01.of-rental > .inner::after {
background-image: url("/rental/img/img-index-hdg.jpg");
}
.mod-hdg-l1-01.of-client > .inner::after {
background-image: url("/client/img/img-index-hdg.jpg");
}
.mod-hdg-l1-01.of-lender-intermediary > .inner::after {
background-image: url("/lender-intermediary/img/img-index-hdg.jpg");
}
.mod-hdg-l1-01.of-resident > .inner::after {
background-image: url("/resident/img/img-index-hdg.jpg");
}
.mod-hdg-l1-01.of-recruit > .inner::after {
background-image: url("/recruit/img/img-index-hdg.jpg");
}
.mod-hdg-l1-01.of-about > .inner::after {
background-image: url("/about/img/img-index-hdg.jpg");
}
.mod-hdg-l1-01.of-information > .inner::after {
background-image: url("/information/img/img-index-hdg.jpg");
}
.mod-hdg-l1-01.of-contact > .inner::after {
background-image: url("/contact/img/img-index-hdg.jpg");
}
.mod-hdg-l1-01 > *:first-child {
margin-top: 0;
}
.mod-hdg-l1-01 > .nav-location {
padding: 0 15px;
}
.mod-hdg-l1-01 > .inner {
position: relative;
z-index: 0;
max-width: 1200px;
margin: 120px auto 0;
}
.mod-hdg-l1-01 > .inner::before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
display: block;
width: calc(100% - 15px);
height: 100%;
content: "";
background-color: #fff;
box-shadow: 0 10px 40px rgba(12, 82, 194, 0.15);
}
.mod-hdg-l1-01 > .inner::after {
position: absolute;
top: -100px;
right: -15px;
bottom: 0;
z-index: -2;
width: 90%;
height: 100%;
min-height: 130px;
content: "";
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.mod-hdg-l1-01 > .inner > h1 {
position: relative;
z-index: 0;
display: block;
width: calc(100% - 15px);
padding: 30px 15px;
font-size: 1.5rem;
color: #183e78;
}
.mod-hdg-l1-01 > .inner > h1 > span {
display: block;
margin-bottom: 10px;
font-size: 0.875rem;
}
/* ------------------------------------
* .mod-hdg-l1-02
* --------------------------------- */
.mod-hdg-l1-02 {
padding: 15px;
background: linear-gradient(to right, #f1f7ff 0%, #fff 100%);
}
.mod-hdg-l1-02 + [class*=mod-hdg] {
margin-top: 0;
}
.mod-hdg-l1-02 > *:first-child {
margin-top: 0;
}
.mod-hdg-l1-02 > h1 {
width: 100%;
max-width: 1200px;
margin: 30px auto 0;
font-size: 1.5rem;
}
.mod-hdg-l1-02 > h1 > span {
display: block;
margin-bottom: 4px;
font-size: 0.875rem;
color: #183e78;
}
/* ------------------------------------
* .mod-hdg-l2-01
* --------------------------------- */
.mod-hdg-l2-01 {
position: relative;
padding: 16px 10px 16px 16px;
margin: 80px 0 30px;
font-size: 1.25rem;
background-color: #f4f5f9;
}
.mod-hdg-l2-01 + [class*=mod-hdg] {
margin-top: 0;
}
.mod-hdg-l2-01::before {
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
content: "";
background: #183e78;
}
/* ------------------------------------
* .mod-hdg-l3-01
* --------------------------------- */
.mod-hdg-l3-01 {
position: relative;
padding: 0 0 10px 12px;
margin: 60px 0 20px;
font-size: 1.125rem;
border-bottom: 3px solid #183e78;
}
.mod-hdg-l3-01 + [class*=mod-hdg] {
margin-top: 0;
}
.mod-hdg-l3-01::before, .mod-hdg-l3-01::after {
position: absolute;
bottom: 10px;
left: 0;
width: 5px;
content: "";
}
.mod-hdg-l3-01::before {
height: calc(100% - 10px);
background-color: #a3b3cc;
}
.mod-hdg-l3-01::after {
height: calc((100% - 10px) / 2);
background-color: #183e78;
}
/* ------------------------------------
* .mod-hdg-l4-01
* --------------------------------- */
.mod-hdg-l4-01 {
position: relative;
padding-bottom: 10px;
margin: 40px 0 20px;
font-size: 1rem;
}
.mod-hdg-l4-01 + [class*=mod-hdg] {
margin-top: 0;
}
.mod-hdg-l4-01::before, .mod-hdg-l4-01::after {
position: absolute;
bottom: 0;
left: 0;
height: 2px;
content: "";
}
.mod-hdg-l4-01::before {
width: 100%;
background-color: #b5bbce;
}
.mod-hdg-l4-01::after {
width: 100px;
background-color: #183e78;
}
/* ------------------------------------
* .mod-hdg-l5-01
* --------------------------------- */
.mod-hdg-l5-01 {
margin: 40px 0 20px;
font-size: 1rem;
color: #183e78;
}
.mod-hdg-l5-01 + [class*=mod-hdg] {
margin-top: 0;
}
/* ------------------------------------
* .mod-hdg-l6-01
* --------------------------------- */
.mod-hdg-l6-01 {
margin: 40px 0 20px;
font-size: 0.875rem;
}
.mod-hdg-l6-01 + [class*=mod-hdg] {
margin-top: 0;
}
/* ------------------------------------
* .mod-link-text-01
* --------------------------------- */
.mod-link-text-01 {
font-size: 0.875rem;
font-weight: 700;
line-height: 1.5;
}
.mod-link-text-01 > a {
position: relative;
display: inline-block;
padding-left: 26px;
color: #333;
text-decoration: none;
transition: color 0.25s ease-out;
}
.mod-link-text-01 > a:hover, .mod-link-text-01 > a:focus, .mod-link-text-01 > a:active {
color: #183e78;
text-decoration: underline;
}
.mod-link-text-01 > a::before {
position: absolute;
top: 3px;
left: 0;
width: 16px;
height: 16px;
content: "";
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS41MjMgMikiPjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcng9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjUyMyAtMikiIGZpbGw9IiMyZTY5YTQiLz48cGF0aCBkPSJNNSAzLjVsMi42IDIuNkw1IDguNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
}
/* ------------------------------------
* .mod-link-text-02
* --------------------------------- */
.mod-link-text-02 {
font-size: 0.875rem;
font-weight: 300;
line-height: 1.5;
}
.mod-link-text-02 > a {
position: relative;
display: inline-block;
padding-left: 14px;
color: #333;
text-decoration: none;
transition: color 0.25s ease-out;
}
.mod-link-text-02 > a:hover, .mod-link-text-02 > a:focus, .mod-link-text-02 > a:active {
color: #183e78;
text-decoration: underline;
}
.mod-link-text-02 > a::before {
position: absolute;
top: 7px;
left: 0;
width: 8px;
height: 8px;
content: "";
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0LjkyNSA4LjQzNiI+PHBhdGggZD0iTTE0ODgsMzk2NWwzLjg2NCwzLjg2NC0zLjg2NCwzLjg2NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE0ODcuNjQ2IC0zOTY0LjY0NikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzIyNjliMSIgc3Ryb2tlLXdpZHRoPSIxIi8+PC9zdmc+Cg==);
background-repeat: no-repeat;
background-size: contain;
}
/* ------------------------------------
* .mod-link-anc-01
* --------------------------------- */
.mod-link-anc-01 {
width: 100%;
margin: 30px 0 20px;
line-height: 0;
}
.mod-link-anc-01 > a {
position: relative;
display: inline-block;
width: 100%;
padding: 14px 40px;
overflow: hidden;
font-size: 0.875rem;
font-weight: bold;
line-height: 1.5;
color: #333;
text-decoration: none;
border: 1px solid #b5bbce;
border-radius: 4px;
transition: background-color 0.25s ease-out;
}
.mod-link-anc-01 > a:hover, .mod-link-anc-01 > a:focus, .mod-link-anc-01 > a:active {
background-color: #e8eff8;
}
.mod-link-anc-01 > a::before {
position: absolute;
top: 2px;
bottom: 0;
left: 20px;
width: 10px;
height: 7px;
margin: auto;
content: "";
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5LjQxNCA2LjEyMSI+PHBhdGggZD0iTTAsMCw0LDQsMCw4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LjcwNyAwLjcwNykgcm90YXRlKDkwKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMjI2OWIxIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4K);
}
/* ------------------------------------
* .mod-link-list-01
* --------------------------------- */
.mod-link-list-01 {
margin: 20px 0;
}
.mod-link-list-01 > li:not(:last-child) {
margin-bottom: 10px;
}
.mod-link-list-01 > li > .mod-link-list-01 {
padding-left: 20px;
margin: 10px 0 0;
}
.mod-link-list-01.of-inline {
margin: 10px 0 20px;
}
.mod-link-list-01.of-inline > li {
display: inline-block;
margin: 10px 30px 0 0;
}
.mod-link-list-01.of-inline > li:last-child {
margin-right: 0;
}
/* ------------------------------------
* .mod-link-list-02
* --------------------------------- */
.mod-link-list-02 {
margin: 30px 0;
}
.mod-link-list-02 > li {
margin: 0 0 10px;
}
.mod-link-list-02 > li + li {
margin-top: 10px;
}
.mod-link-list-02[data-col=row] {
flex-wrap: nowrap;
}
/* ------------------------------------
* .mod-link-listNav-01
* --------------------------------- */
.mod-link-listNav-01 {
display: flex;
align-items: center;
justify-content: center;
margin: 40px 0 0;
}
.mod-link-listNav-01 > li:last-child {
margin-left: 20px;
}
.mod-link-listNav-01 > li:not(.arrow) {
overflow: hidden;
border: 1px solid #b5bbce;
border-radius: 4px;
}
.mod-link-listNav-01 > li:not(.arrow) + li:not(.arrow) {
margin-left: 15px;
}
.mod-link-listNav-01 > li:not(.arrow) + li.arrow {
margin: 0 0 0 15px;
}
.mod-link-listNav-01 > li:not(.arrow) > a,
.mod-link-listNav-01 > li:not(.arrow) > em {
display: flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
font-size: 0.75rem;
}
.mod-link-listNav-01 > li:not(.arrow) > a {
color: #333;
background-color: #fff;
transition: background-color 0.25s ease-out;
}
.mod-link-listNav-01 > li:not(.arrow) > a:hover, .mod-link-listNav-01 > li:not(.arrow) > a:focus, .mod-link-listNav-01 > li:not(.arrow) > a:active {
background-color: #e8eff8;
}
.mod-link-listNav-01 > li:not(.arrow) > em {
color: #fff;
background-color: #183e78;
}
.mod-link-listNav-01 > li.arrow {
margin-right: 15px;
}
.mod-link-listNav-01 > li.arrow + .arrow {
margin-right: 15px;
}
.mod-link-listNav-01 > li.arrow > a {
position: relative;
display: block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
transition: opacity 0.25s ease-out;
}
.mod-link-listNav-01 > li.arrow > a:hover, .mod-link-listNav-01 > li.arrow > a:focus, .mod-link-listNav-01 > li.arrow > a:active {
opacity: 0.7;
}
.mod-link-listNav-01 > li.arrow > a.first::before, .mod-link-listNav-01 > li.arrow > a.first::after, .mod-link-listNav-01 > li.arrow > a.last::before, .mod-link-listNav-01 > li.arrow > a.last::after {
position: absolute;
display: inline-block;
content: "";
}
.mod-link-listNav-01 > li.arrow > a.prev::before, .mod-link-listNav-01 > li.arrow > a.next::before {
position: absolute;
display: inline-block;
content: "";
}
.mod-link-listNav-01 > li.arrow > a.first {
width: 12px;
height: 12px;
}
.mod-link-listNav-01 > li.arrow > a.first::before {
top: 50%;
left: 0;
width: 2px;
height: 10px;
margin-top: -5px;
background-color: #183e78;
}
.mod-link-listNav-01 > li.arrow > a.first::after {
top: 50%;
right: 0;
width: 0;
height: 0;
margin-top: -5px;
border-color: transparent #183e78 transparent transparent;
border-style: solid;
border-width: 5px 8px 5px 0;
}
.mod-link-listNav-01 > li.arrow > a.prev {
width: 10px;
height: 10px;
}
.mod-link-listNav-01 > li.arrow > a.prev::before {
top: 50%;
left: 0;
width: 0;
height: 0;
margin-top: -5px;
border-color: transparent #183e78 transparent transparent;
border-style: solid;
border-width: 5px 8px 5px 0;
}
.mod-link-listNav-01 > li.arrow > a.next {
width: 10px;
height: 10px;
}
.mod-link-listNav-01 > li.arrow > a.next::before {
top: 50%;
right: 0;
width: 0;
height: 0;
margin-top: -5px;
border-color: transparent transparent transparent #183e78;
border-style: solid;
border-width: 5px 0 5px 8px;
}
.mod-link-listNav-01 > li.arrow > a.last {
width: 12px;
height: 12px;
}
.mod-link-listNav-01 > li.arrow > a.last::before {
top: 50%;
left: 0;
width: 0;
height: 0;
margin-top: -5px;
border-color: transparent transparent transparent #183e78;
border-style: solid;
border-width: 5px 0 5px 8px;
}
.mod-link-listNav-01 > li.arrow > a.last::after {
top: 50%;
right: 0;
width: 2px;
height: 10px;
margin-top: -5px;
background-color: #183e78;
}
.mod-link-listNav-01 > li > a {
text-decoration: none;
}
/* ------------------------------------
* .mod-link-listTab-01
* --------------------------------- */
.mod-link-listTab-01 {
display: flex;
margin: 30px 0;
}
.mod-link-listTab-01 li:not(:first-child) {
margin-left: 10px;
}
.mod-link-listTab-01 li a, .mod-link-listTab-01 li.current {
display: block;
padding-bottom: 7px;
font-size: 0.75rem;
font-weight: 700;
text-decoration: none;
}
.mod-link-listTab-01 li a {
color: #95a6b5;
transition: color 0.25s ease-out;
}
.mod-link-listTab-01 li a:hover, .mod-link-listTab-01 li a:focus, .mod-link-listTab-01 li a:active {
color: #183e78;
}
.mod-link-listTab-01 li.current {
color: #183e78;
border-bottom: 2px solid #183e78;
}
/* ------------------------------------
* .mod-list-box-01
* --------------------------------- */
.mod-list-box-01 {
margin: 20px 0;
}
.mod-list-box-01 > li {
padding: 20px 0;
border-bottom: 1px solid #b5bbce;
}
.mod-list-box-01 > li > *:first-child {
margin-top: 0;
}
.mod-list-box-01 > li > *:last-child {
margin-bottom: 0;
}
/* ------------------------------------
* .mod-list-bullet-01
* --------------------------------- */
.mod-list-bullet-01 {
margin: 20px 0;
}
.mod-list-bullet-01 > li {
position: relative;
padding-left: 14px;
font-size: 1rem;
line-height: 1.7;
}
.mod-list-bullet-01 > li:not(:last-child) {
margin-bottom: 10px;
}
.mod-list-bullet-01 > li::before {
position: absolute;
top: 10px;
left: 0;
display: inline-block;
width: 4px;
height: 4px;
content: "";
background-color: #183e78;
border-radius: 50%;
}
.mod-list-bullet-01 > li > ul,
.mod-list-bullet-01 > li > ol {
margin: 8px 0 0;
}
/* ------------------------------------
* .mod-list-notice-01
* --------------------------------- */
.mod-list-notice-01 {
margin: 20px 0;
}
.mod-list-notice-01 > li {
position: relative;
padding-left: 16px;
font-size: 0.875rem;
line-height: 1.5;
}
.mod-list-notice-01 > li:not(:last-child) {
margin-bottom: 10px;
}
.mod-list-notice-01 > li > .mark {
position: absolute;
top: 3px;
left: 0;
display: inline-block;
line-height: 1;
}
.mod-list-notice-01 > li > small {
font-size: 0.875rem;
}
ol.mod-list-notice-01 > li {
padding-left: 28px;
}
/* ------------------------------------
* .mod-list-explain-01
* --------------------------------- */
.mod-list-explain-01 {
margin: 30px 0;
}
.mod-list-explain-01 > dt,
.mod-list-explain-01 > dd {
line-height: 1.5;
}
.mod-list-explain-01 > dt > *:first-child,
.mod-list-explain-01 > dd > *:first-child {
margin-top: 0;
}
.mod-list-explain-01 > dt > *:last-child,
.mod-list-explain-01 > dd > *:last-child {
margin-bottom: 0;
}
.mod-list-explain-01 > dt {
margin: 0 0 10px;
font-size: 1rem;
font-weight: 700;
}
.mod-list-explain-01 > dd {
padding-left: 15px;
margin: 10px 0 0;
font-size: 0.875rem;
}
.mod-list-explain-01 > dd + dt {
margin-top: 30px;
}
[class*=mod-table] .mod-list-explain-01 > dt {
font-size: 0.875rem;
}
/* ------------------------------------
* .mod-list-explain-02
* --------------------------------- */
.mod-list-explain-02 {
margin: 30px 0;
font-size: 0.875rem;
}
.mod-list-explain-02 > .item {
display: flex;
}
.mod-list-explain-02 > .item + .item {
margin-top: 5px;
}
.mod-list-explain-02 > .item > dt {
position: relative;
flex: 0 1 auto;
flex-shrink: 0;
width: auto;
padding-right: 16px;
font-weight: 700;
}
.mod-list-explain-02 > .item > dt::after {
position: absolute;
right: -6px;
width: 16px;
height: 100%;
content: ":";
}
.mod-list-explain-02 > .item > dd {
flex: 1 1 auto;
width: 100%;
margin-top: 0px;
}
/* ------------------------------------
* .mod-list-order-01
* --------------------------------- */
.mod-list-order-01 {
margin: 20px 0;
}
.mod-list-order-01 > li {
position: relative;
padding-left: 21px;
font-size: 1rem;
line-height: 1.7;
counter-increment: index;
}
.mod-list-order-01 > li:not(:last-child) {
margin-bottom: 10px;
}
.mod-list-order-01 > li::before {
position: absolute;
top: 0;
left: 0;
display: block;
content: counter(index) ".";
}
.mod-list-order-01 > li > ol,
.mod-list-order-01 > li > ul {
margin: 8px 0 0;
counter-reset: index;
}
/* ------------------------------------
* .mod-list-news-01
* --------------------------------- */
.mod-list-news-01 {
margin: 20px 0;
}
.mod-list-news-01 > li:not(:first-child) {
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid #b5bbce;
}
.mod-list-news-01 > li .date,
.mod-list-news-01 > li .label {
display: inline-block;
font-size: 0.75rem;
font-weight: 700;
}
.mod-list-news-01 > li .date {
padding: 5px 0;
margin-right: 10px;
}
.mod-list-news-01 > li .label {
width: auto;
min-width: 120px;
padding: 3px 10px;
text-align: center;
background-color: #fff;
border: 1px solid;
border-radius: 30px;
}
.mod-list-news-01 > li .label.var-01 {
color: #183e78;
border-color: #183e78;
}
.mod-list-news-01 > li .label.var-02 {
color: #1a9f9b;
border-color: #1a9f9b;
}
.mod-list-news-01 > li .label.var-03 {
color: #839d19;
border-color: #839d19;
}
.mod-list-news-01 > li .text {
display: block;
margin-top: 10px;
font-size: 0.875rem;
}
.mod-list-news-01 > li .text > a {
position: relative;
display: block;
color: #333;
text-decoration: none;
transition: color 0.25s ease-out;
}
.mod-list-news-01 > li .text > a:hover, .mod-list-news-01 > li .text > a:focus, .mod-list-news-01 > li .text > a:active {
color: #2269b1;
text-decoration: underline;
}
/* ------------------------------------
* .mod-list-step-01
* --------------------------------- */
.mod-list-step-01 {
position: relative;
display: flex;
align-items: flex-end;
justify-content: center;
width: calc((50px * 3) + (50px * 2));
margin: 0 auto 35px;
}
.mod-list-step-01::before, .mod-list-step-01::after {
position: absolute;
left: 50px;
display: inline-block;
content: "";
}
.mod-list-step-01::before {
top: 25px;
width: calc((50px * 2) + 50px);
height: 2px;
background-color: #9f9f9f;
}
.mod-list-step-01::after {
top: 23px;
height: 6px;
background-color: #183e78;
}
.mod-list-step-01.is-step-01 {
width: calc((50px * 2) + (40px * 2) + 55px);
}
.mod-list-step-01.is-step-01::before {
width: calc(50px + 40px + 55px);
}
.mod-list-step-01.is-step-01::after {
width: 0;
animation: step1-line 1s ease-out 0s forwards;
}
@keyframes step1-line {
0% {
width: 0;
}
100% {
width: 11%;
}
}
.mod-list-step-01.is-step-01 > li:first-child {
width: 50px;
padding-top: 60px;
}
.mod-list-step-01.is-step-01 > li:first-child:not(:last-child) {
margin-right: 50px;
}
.mod-list-step-01.is-step-01 > li:first-child::before {
top: 20px;
color: #fff;
}
.mod-list-step-01.is-step-01 > li:first-child::after {
width: 50px;
height: 50px;
background-color: #183e78;
border-color: #183e78;
}
.mod-list-step-01.is-step-02 {
width: calc((50px * 4) + 40px);
}
.mod-list-step-01.is-step-02::before {
width: calc(50px * 3);
}
.mod-list-step-01.is-step-02::after {
animation: step2-line 1s ease-out 0s forwards;
}
@keyframes step2-line {
0% {
width: 0;
}
100% {
width: 52%;
}
}
.mod-list-step-01.is-step-02 > li:not(:last-child) {
width: 50px;
padding-top: 60px;
}
.mod-list-step-01.is-step-02 > li:not(:last-child):not(:last-child) {
margin-right: 50px;
}
.mod-list-step-01.is-step-02 > li:not(:last-child)::before {
top: 20px;
color: #fff;
}
.mod-list-step-01.is-step-02 > li:not(:last-child)::after {
width: 50px;
height: 50px;
background-color: #183e78;
border-color: #183e78;
}
.mod-list-step-01.is-step-03::after {
animation: step3-line 1s ease-out 0s forwards;
}
@keyframes step3-line {
0% {
width: 0;
}
100% {
width: 60%;
}
}
.mod-list-step-01.is-step-03 > li {
width: 50px;
padding-top: 6px;
}
.mod-list-step-01.is-step-03 > li:not(:last-child) {
margin-right: 50px;
}
.mod-list-step-01.is-step-03 > li::before {
top: 20px;
color: #fff;
}
.mod-list-step-01.is-step-03 > li::after {
width: 50px;
height: 50px;
background-color: #183e78;
border-color: #183e78;
}
.mod-list-step-01 > li {
position: relative;
z-index: 1;
width: 40px;
padding-top: 54px;
text-align: center;
counter-increment: index;
}
.mod-list-step-01 > li:not(:last-child) {
margin-right: 55px;
}
.mod-list-step-01 > li::before {
position: absolute;
top: 15px;
left: 50%;
z-index: 1;
display: block;
font-size: 0.8125rem;
font-weight: bold;
line-height: 1;
color: #9f9f9f;
content: "0" counter(index);
transform: translateX(-50%);
}
.mod-list-step-01 > li::after {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 40px;
height: 40px;
content: "";
background-color: #fff;
border: 2px solid #9f9f9f;
border-radius: 50%;
}
.mod-list-step-01 > li > span,
.mod-list-step-01 > li > em {
font-size: 0.8125rem;
}
.mod-list-step-01 > li > span {
font-weight: bold;
}
/* ------------------------------------
* .mod-media-01
* --------------------------------- */
.mod-media-01 {
width: 100%;
margin: 30px 0;
}
.mod-media-01 > a:hover > img, .mod-media-01 > a:focus > img, .mod-media-01 > a:active > img {
opacity: 0.6;
}
.mod-media-01 > a > img {
transition: opacity 0.25s ease-out;
}
.mod-media-01 .caption {
margin: 10px 0 0;
font-size: 0.75rem;
line-height: 1.5;
}
[class*=mod-lyt-] .mod-media-01 img {
width: 100%;
}
.mod-media-01 img {
margin: auto;
}
/* ------------------------------------
* .mod-media-02
* --------------------------------- */
.mod-media-02 {
position: relative;
margin: 30px 0;
}
.mod-media-02 > a:hover > img, .mod-media-02 > a:focus > img, .mod-media-02 > a:active > img {
opacity: 0.6;
}
.mod-media-02 > a > img {
transition: opacity 0.25s ease-out;
}
.mod-media-02 .caption {
margin: 10px 0 0;
font-size: 0.75rem;
line-height: 1.5;
}
[class*=mod-lyt-] .mod-media-02 img {
width: 100%;
}
.mod-media-02 .label {
position: absolute;
top: 0;
left: 0;
display: inline-block;
max-width: 200px;
padding: 8px 12px;
margin: 0;
font-size: 0.75rem;
line-height: 1.5;
color: #fff;
border-radius: 0 0 4px;
}
.mod-media-02.var-01 .label {
background-color: #8b1755;
}
.mod-media-02.var-02 .label {
background-color: #66a409;
}
.mod_other {
font-size: 12px;
}
/* ------------------------------------
* .mod-panel-01
* --------------------------------- */
.mod-panel-01 {
margin: 40px 0;
}
.mod-panel-01 > a {
display: flex;
flex-direction: column-reverse;
color: #333;
text-decoration: none;
transition: opacity 0.25s ease-out;
}
.mod-panel-01 > a:hover, .mod-panel-01 > a:focus, .mod-panel-01 > a:active {
opacity: 0.6;
}
.mod-panel-01 > a:hover .image img, .mod-panel-01 > a:focus .image img, .mod-panel-01 > a:active .image img {
transform: scale(1.1);
}
.mod-panel-01 > a .content {
width: 100%;
margin-top: 20px;
}
.mod-panel-01 > a .content > *:first-child {
margin-top: 0;
}
.mod-panel-01 > a .content > *:last-child {
margin-bottom: 0;
}
.mod-panel-01 > a .content .arrow {
position: relative;
padding-left: 26px;
font-weight: 700;
text-decoration: none;
transition: color 0.25s ease-out;
}
.mod-panel-01 > a .content .arrow::before {
position: absolute;
top: 3px;
left: 0;
width: 16px;
height: 16px;
content: "";
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS41MjMgMikiPjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcng9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjUyMyAtMikiIGZpbGw9IiMyZTY5YTQiLz48cGF0aCBkPSJNNSAzLjVsMi42IDIuNkw1IDguNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
}
.mod-panel-01 > a .image {
width: 100%;
overflow: hidden;
line-height: 0;
}
.mod-panel-01 > a .image img {
display: block;
width: 100%;
margin: auto;
transition: transform 0.25s ease-out;
}
/* ------------------------------------
* .mod-media-01
* --------------------------------- */
.mod-table-01 {
margin: 30px 0;
}
.mod-table-01 table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
.mod-table-01 table thead td {
background-color: #e6edf5;
}
.mod-table-01 table th,
.mod-table-01 table td {
padding: 10px;
font-size: 0.75rem;
line-height: 1.5;
word-break: break-all;
vertical-align: top;
border: 1px solid #b5bbce;
}
.mod-table-01 table th > *:first-child,
.mod-table-01 table td > *:first-child {
margin-top: 0;
}
.mod-table-01 table th > *:last-child,
.mod-table-01 table td > *:last-child {
margin-bottom: 0;
}
.mod-table-01 table th > p,
.mod-table-01 table td > p {
font-size: 0.75rem;
}
.mod-table-01 table th {
font-weight: 700;
background-color: #e6edf5;
}
.mod-table-01.of-scroll > .inner {
width: 100%;
padding-bottom: 10px;
overflow: auto;
}
.mod-table-01.of-scroll > .inner table {
min-width: 800px;
}
.mod-table-01.of-scroll > .text {
position: relative;
padding: 5px 0 5px 71px;
margin-bottom: 20px;
font-size: 0.875rem;
}
.mod-table-01.of-scroll > .text::before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
display: inline-block;
width: 61px;
height: 29px;
margin: auto;
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAAdCAYAAAAZzmTfAAAABHNCSVQICAgIfAhkiAAABQ9JREFUWEftmVtMnFUQx//DtmUXynULC63ULcpNauABBCO2gI14CXhLbC0WrCkRTYDGh0YjpRcqLY2XVB4aSklt60OtDwpaCwmFQNIGG6xgJVKKC4TI7gK7XOzucluOOYsQbrv7fZAPMfG87MPOmZnfnDlz5pyPIGAMjIyFT1qtKWBsFwA1GPxB5C9gqrQijPWB0AdQJwg1MplLlZ+nvN2ZUXIkoB8aDWbWqTIQkp0pWjP/M9SSzCVL5S3X2PNpSehextzIaP4ARIcIcF0zQAIdYcCYC1GRv7e8mIjGFk5bBD00xHwsU5ZvCdgp0MYaFmM/KGRumV5eZJzr5DxonXFsO4P1GgFb1zCJKNcY0O0CWZrK1/XXmYmz0IwxuX7QUgvgSVFaRQj36odQWdeCULUKyfHhImauWPSmykeRSESTXNMstNZgOkpER1as3oGChPRiPBUdjOqbv+PKZ1kIDw6U0tw83YyxY4FK96Oz0AaD+aFxQoeURavpbhcOHL4Ebf1JvJJzDgkxIXgzLX71oIGxDQwhSqVbj22ldUbzdwBektKDhdDRj21F9p5Vr5UVAb5uL5N20KImxjqlBOa6F0Ir5BuQFB+OxLhQm2lPd4XULtj0M6JtpDeashnorNQW50JvTc7H+vUy7gKsUwxj45N4741EhKhVSIoLk9QVAnuXtAZTFRGliLHEq/BmlbeYKdMrnX8J2oaTCHvhGCJDpotY630tAvw8cE/TB08PuS3l01OF7fURk2U5WVJBOoNJByKVUILKG80oKKkUVX25c1n5l9Gm0ULXcAo7Mz7HjphH4eWhwK1fNPBXeuD23S7sfTEWDU1/oOxEhiB3vqpsROnXDSgr3Cf4JODnNmmN5lGhVXsG+HhOGtKeiRbkGBcqOFOBptYu/Nk3BF39KRwu+R7PJ0SiRzeI4QcWeG1U4LeOXtuvGOgZ3XW37wkHZ0xPOqOZCfF+ucBc94GPLiI4SImr1+/Y0tve+ORCjWhoseC8LxeU3kVnr+Fq9c9IeiIMYcEBDmMUE/kwYh5Xz5OZha66YzunxULzgPf2Dzu0W9fYho6efpz5cLetB7A7+EprDeY2Ijgsme8UXMZPLZ1Qb1Fik89Gh8bTkqMWpT6Hjo9SY3R8AoU5qaKhT5dXoV2jd2h3YPABurQGHHo7BXtT4xzIshZevb8kokxnKb7S9I6O2OIQmNvn6X2/ewDH88T1Sdy30+XVOH8iw2lBY4xd5M3JW8TYBWfQ/P/lgtc2tuFISQVulOchKNDHrqlXc88hKkJcpyYGmBtmRPvJYDAHTRC6514+HAVgBvzH0lxRZ/XBoivoN/6FmvJcu+pjXy/G+/ufFXwD48Es+KJC0Ar/Y5StkyNoWb03bzQWFitnmcLP6uTMTzExYQWRnVcqBpTk78HTsdOtqbPBdfJGScRtbbr35or54wFgbQbAe0PJxu68UkQ8osK+tKULzWsHy3C+MEN0QAU6bGVMFhWodG2de58WVNAEGlhSjFdxvWEEQQFL7+tbzRoJoak0wFeRzR2bhR4eZr4Wq7keoO0rAXM0l+/B9i7HR480103WqpC57Zh5K5u3ufpNpkDrKDWBsFkq8H9Br0bmyhL83N21M7YXVRTbik9avvlPvXXbiSQDu65wcUv39qbBuSJ2H/tX481M2lWn/ABfxcdL2fj/C4e9yPePjIZarVPPgWEXwLatvW9Z6AJRzTqZrHqTp2ubswz6G4DeOM8AM93xAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.mod-table-01 [class*=mod-list] li {
font-size: 0.875rem;
}
/* ------------------------------------
* .text-*
* --------------------------------- */
.text-strong {
font-weight: 700;
color: #e63a2a;
}
.text-bold {
font-weight: 700;
}
.txt-small {
font-size: 0.875rem;
}
/* ------------------------------------
* .mod-text-lead-01
* --------------------------------- */
.mod-text-lead-01 {
margin: 20px 0 10px;
font-size: 1rem;
font-weight: 700;
}
.mod-text-lead-01.of-strong {
color: #183e78;
}
.mod-text-lead-01.of-strong a {
color: #183e78;
}
/* ------------------------------------
* .mod-text-lead-02
* --------------------------------- */
.mod-text-lead-02 {
padding: 7px 10px 6px;
margin: 20px 0 17px;
font-size: 0.875rem;
font-weight: 700;
color: #fff;
background-color: #183e78;
}
/* ------------------------------------
* .mod-text-annotation-01
* --------------------------------- */
.mod-text-annotation-01 {
display: table;
margin: 20px 0;
font-size: 0.75rem;
line-height: 1.5;
border-collapse: collapse;
}
.mod-text-annotation-01.of-right {
margin-left: auto;
}
.mod-text-annotation-01.of-center {
margin-right: auto;
margin-left: auto;
}
.mod-text-annotation-01 .mark {
display: table-cell;
padding-right: 5px;
}
.mod-text-annotation-01 small {
display: table-cell;
font-size: 0.75rem;
}
/* ------------------------------------
* .mod-text-news-01
* --------------------------------- */
.mod-text-news-01 {
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin: 20px 0;
}
.mod-text-news-01 .date,
.mod-text-news-01 .label {
display: inline-block;
margin-bottom: 0;
font-size: 0.75rem;
font-weight: 700;
}
.mod-text-news-01 .date {
padding: 5px 0;
margin-right: 10px;
}
.mod-text-news-01 .label {
width: auto;
min-width: 120px;
padding: 3px 10px;
text-align: center;
background-color: #fff;
border: 1px solid;
border-radius: 30px;
}
.mod-text-news-01 .label.var-01 {
color: #183e78;
border-color: #183e78;
}
.mod-text-news-01 .label.var-02 {
color: #1a9f9b;
border-color: #1a9f9b;
}
.mod-text-news-01 .label.var-03 {
color: #839d19;
border-color: #839d19;
}
/* ------------------------------------
* .mod-lyt-col-01
* --------------------------------- */
.mod-lyt-col-01 {
margin: 40px 0;
}
[class*=mod-hdg-] + .mod-lyt-col-01,
[class*=mod-text-lead-02] + .mod-lyt-col-01 {
margin-top: 0;
}
.mod-lyt-col-01[data-col] .inner {
display: flex;
flex-wrap: wrap;
margin-top: -40px;
}
.mod-lyt-col-01[data-col] .inner > .col {
width: 100%;
margin-top: 40px;
}
.mod-lyt-col-01[data-col] .inner > .col > *:first-child {
margin-top: 0;
}
.mod-lyt-col-01[data-col] .inner > .col > *:last-child {
margin-bottom: 0;
}
/* ------------------------------------
* .mod-lyt-col-image-01
* --------------------------------- */
.mod-lyt-col-image-01 {
display: flex;
flex-direction: column-reverse;
flex-wrap: wrap;
margin: 40px 0;
}
[class*=mod-hdg-] + .mod-lyt-col-image-01,
[class*=mod-text-lead-02] + .mod-lyt-col-image-01 {
margin-top: 0;
}
.mod-lyt-col-image-01 .content,
.mod-lyt-col-image-01 .image {
width: 100%;
}
.mod-lyt-col-image-01 .content > *:first-child,
.mod-lyt-col-image-01 .image > *:first-child {
margin-top: 0;
}
.mod-lyt-col-image-01 .content > *:last-child,
.mod-lyt-col-image-01 .image > *:last-child {
margin-bottom: 0;
}
.mod-lyt-col-image-01 .image {
line-height: 0;
}
.mod-lyt-col-image-01 .image > img {
display: block;
width: 100%;
margin: auto;
}
.mod-lyt-col-image-01 .image > .caption {
margin-top: 10px;
font-size: 0.75rem;
line-height: 1.5;
}
.mod-lyt-col-image-01 > *:nth-of-type(n + 2) {
margin: 0 0 20px 0;
}
.mod-lyt-col-image-01.of-center {
align-items: center;
}
/* ------------------------------------
* .mod-lyt-image-01
* --------------------------------- */
.mod-lyt-image-01 {
display: flex;
flex-direction: column-reverse;
margin: 40px 0;
}
[class*=mod-hdg-] + .mod-lyt-image-01,
[class*=mod-text-lead-02] + .mod-lyt-image-01 {
margin-top: 0;
}
.mod-lyt-image-01 .content {
width: 100%;
margin-top: 20px;
}
.mod-lyt-image-01 .content > *:first-child {
margin-top: 0;
}
.mod-lyt-image-01 .content > *:last-child {
margin-bottom: 0;
}
.mod-lyt-image-01 .image {
width: 100%;
line-height: 0;
}
.mod-lyt-image-01 .image img {
display: block;
width: 100%;
margin: auto;
}
.mod-lyt-comparison-01 {
margin: 40px 0;
}
[class*=mod-hdg-] + .mod-lyt-comparison,
[class*=mod-text-lead-02] + .mod-lyt-comparison {
margin-top: 0;
}
.mod-lyt-comparison-01 > .item {
position: relative;
width: 100%;
}
.mod-lyt-comparison-01 > .item > *:first-child {
margin-top: 0;
}
.mod-lyt-comparison-01 > .item > *:last-child {
margin-bottom: 0;
}
.mod-lyt-comparison-01 > .item:not(:first-child) {
margin-top: 90px;
}
.mod-lyt-comparison-01 > .item:not(:first-child)::before {
position: absolute;
top: -90px;
right: 0;
bottom: auto;
left: 0;
width: 78px;
height: 90px;
margin: auto;
content: "";
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3OC44OTUgMzAiPjxwYXRoIGQ9Ik02NzY2LDEwNTZsMjQuMTcxLDM5LjQ0OEw2NzY2LDExMzQuOWwzMC0zOS40NDhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTM0Ljg5NSAtNjc2Nikgcm90YXRlKDkwKSIgZmlsbD0iIzE4M2U3OCIvPjwvc3ZnPgo=);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
/* ------------------------------------
* .mod-box-01
* --------------------------------- */
.mod-box-01 {
padding: 20px;
margin: 30px 0;
border-radius: 4px;
}
.mod-box-01 > *:first-child {
margin-top: 0;
}
.mod-box-01 > *:last-child {
margin-bottom: 0;
}
.mod-box-01.var-01 {
background-color: #f9f9f9;
}
.mod-box-01.var-02 {
background-color: #e8eff8;
}
.mod-box-01.var-03 {
position: relative;
padding-top: 27px;
margin-top: 60px;
background-color: #f9f9f9;
}
.mod-box-01.var-03::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 7px;
content: "";
background: linear-gradient(to right, #e6edf5 0%, #fff 100%);
}
[class*=mod-lyt-col] .mod-box-01 {
height: 100%;
}
/* ------------------------------------
* .mod-box-cv-01
* --------------------------------- */
.mod-box-cv-01 {
position: relative;
padding: 72px 0 65px;
margin: 60px 0 30px;
background-color: #fff;
box-shadow: 0 10px 40px rgba(54, 103, 152, 0.1);
}
.mod-box-cv-01::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 7px;
content: "";
background: linear-gradient(to right, #e6edf5 0%, #fff 100%);
}
.mod-box-cv-01 .inner {
max-width: 760px;
padding: 0 20px;
margin: 0 auto;
}
.mod-box-cv-01 .inner > *:first-child {
margin-top: 0;
}
.mod-box-cv-01 .inner > *:last-child {
margin-bottom: 0;
}
.mod-box-cv-01 .title {
font-size: 1.5rem;
font-weight: 700;
}
.mod-box-cv-01 .title span {
display: block;
margin-bottom: 20px;
font-size: 1rem;
font-weight: 300;
}
.mod-box-cv-01 .list {
margin: 45px 0 30px;
}
.mod-box-cv-01 .list > li {
margin: 10px 0;
}
.mod-box-cv-01 .list > li + li {
margin-bottom: 0;
}
/* ------------------------------------
* .mod-box-map-01
* --------------------------------- */
.mod-box-map-01 {
position: relative;
height: 0;
padding-bottom: calc(3 / 4 * 100%);
margin: 20px 0;
overflow: hidden;
}
.mod-box-map-01 iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
/* ------------------------------------
* .mod-disclosure-faq
* --------------------------------- */
.mod-disclosure-faq {
margin: 30px 0;
}
.mod-disclosure-faq > .item {
padding: 0 0 15px;
font-size: 0.875rem;
border-bottom: 1px solid #b5bbce;
}
.mod-disclosure-faq > .item + .item {
padding: 15px 0;
}
.mod-disclosure-faq > .item > dt > .content,
.mod-disclosure-faq > .item > dd > .content {
position: relative;
padding: 15px 0 15px 40px;
}
.mod-disclosure-faq > .item > dt > .content::before,
.mod-disclosure-faq > .item > dd > .content::before {
position: absolute;
top: 10px;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
font-weight: 700;
border-radius: 4px;
}
.mod-disclosure-faq > .item > dt > .content {
font-weight: 700;
}
.mod-disclosure-faq > .item > dt > .content::before {
color: #fff;
content: "Q";
background-color: #183e78;
border: 1px solid #183e78;
}
.mod-disclosure-faq > .item > dd > .content::before {
color: #183e78;
content: "A";
background-color: #fff;
border: 1px solid #183e78;
}
[data-script-enabled=true] .mod-disclosure-faq.js-disclosure > .item > dt {
position: relative;
padding-right: 40px;
cursor: pointer;
}
[data-script-enabled=true] .mod-disclosure-faq.js-disclosure > .item > dt::before, [data-script-enabled=true] .mod-disclosure-faq.js-disclosure > .item > dt::after {
position: absolute;
top: 50%;
content: "";
background-color: #183e78;
transition: transform 0.25s ease-out;
}
[data-script-enabled=true] .mod-disclosure-faq.js-disclosure > .item > dt::before {
right: 10px;
width: 10px;
height: 2px;
margin-top: -1px;
}
[data-script-enabled=true] .mod-disclosure-faq.js-disclosure > .item > dt::after {
right: 14px;
width: 2px;
height: 10px;
margin-top: -5px;
}
[data-script-enabled=true] .mod-disclosure-faq.js-disclosure > .item > dt[aria-expanded=true]::before {
transform: rotate(180deg);
}
[data-script-enabled=true] .mod-disclosure-faq.js-disclosure > .item > dt[aria-expanded=true]::after {
transform: rotate(90deg);
}
[data-script-enabled=true] .mod-disclosure-faq.js-disclosure > .item > dt[aria-expanded=true] + dd {
visibility: visible;
opacity: 1;
}
[data-script-enabled=true] .mod-disclosure-faq.js-disclosure > .item > dd {
height: 0;
overflow: hidden;
visibility: hidden;
opacity: 0;
transition: height 0.3s ease-out, opacity 0.25s ease-out, visibility 0.3s ease-out;
}
/* ----------------------------------------------------------------------------
* Top Page
* ------------------------------------------------------------------------- */
/* ------------------------------------
* .unq-top-mv
* --------------------------------- */
.unq-top-mv {
position: relative;
}
.unq-top-mv.is-animation > .inner::before {
animation: mv-image 1s ease-out;
animation-fill-mode: both;
}
@keyframes mv-image {
0% {
opacity: 0;
transform: scale(1.3);
}
100% {
opacity: 1;
transform: scale(1);
}
}
.unq-top-mv.is-animation .content {
animation: mv-contents-bg 1s ease-out 0.4s;
animation-fill-mode: both;
}
@keyframes mv-contents-bg {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
.unq-top-mv.is-animation .content::before {
animation: mv-grain 1.5s ease-out 1.2s;
animation-fill-mode: both;
}
@keyframes mv-grain {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
.unq-top-mv.is-animation .content .image {
animation: mv-contents-list 0.5s ease-out 1.75s;
animation-fill-mode: both;
}
@keyframes mv-contents-list {
0% {
opacity: 0;
transform: translateX(-20%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.unq-top-mv > .inner {
display: flex;
flex-direction: column;
overflow: hidden;
}
.unq-top-mv > .inner::before {
z-index: 1;
display: inline-block;
width: 100%;
height: 0;
padding-top: calc((270 / 375) * 100%);
content: "";
background-image: url(/img/img-mv-sp.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
[data-script-enabled=true] .unq-top-mv > .inner::before {
opacity: 0;
}
.unq-top-mv .content {
position: relative;
z-index: 2;
padding: 56px 15px 70px;
margin-top: calc((90 / 375) * -100%);
background: linear-gradient(to right, #002f9e 0%, rgba(113, 192, 241, 0.8) 100%);
}
[data-script-enabled=true] .unq-top-mv .content {
transform: translateX(-100%);
}
.unq-top-mv .content::before {
position: absolute;
top: calc((174 / 331) * -100%);
left: 0;
z-index: 2;
display: inline-block;
width: calc((909/ 375) * 100%);
height: calc((588 / 331) * 100%);
content: "";
background-image: url(/img/img-mv-light-sp.png);
background-repeat: no-repeat;
background-size: 100%;
}
[data-script-enabled=true] .unq-top-mv .content::before {
transform: translateX(-100%);
}
.unq-top-mv .content .lead {
position: relative;
z-index: 2;
margin-bottom: 16px;
font-size: 1.125rem;
line-height: 1.77;
color: #fff;
text-align: center;
}
.unq-top-mv .content .lead .line {
display: block;
}
[data-script-enabled=true] .unq-top-mv .content .lead .line > span {
opacity: 0;
}
.unq-top-mv .content .lead .line > .is-show {
display: inline-block;
animation: mv-contents-lead 0.7s ease-out 1s;
animation-fill-mode: both;
}
@keyframes mv-contents-lead {
0% {
opacity: 0;
transform: translate(25px, 65px);
}
100% {
opacity: 1;
transform: translate(0);
}
}
[data-script-enabled=true] .unq-top-mv .content .lead .line > .is-show {
opacity: 0;
}
.unq-top-mv .content .image {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: calc((328 / 345) * 100%);
max-width: 458px;
margin: 0 auto;
}
[data-script-enabled=true] .unq-top-mv .content .image {
opacity: 0;
}
.unq-top-mv .news {
position: absolute;
bottom: 30px;
z-index: 3;
width: calc(100% - 15px);
padding: 20px 15px;
background-color: #fff;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
box-shadow: 0 10px 40px 0 rgba(35, 96, 156, 0.1);
transform: translateY(100%);
}
.unq-top-mv .news .mod-list-news-01 {
margin: 0;
}
.unq-top-mv .news .mod-link-text-02 {
position: absolute;
top: 25px;
right: 20px;
margin-bottom: 0;
}
/* ------------------------------------
* .unq-top-area-service
* --------------------------------- */
.unq-top-area-service {
padding: 140px 15px 60px;
background: linear-gradient(to right, #f0f7fc 0%, #fff 100%);
}
.unq-top-area-service > .inner {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.unq-top-area-service > .inner > *:last-child {
margin-bottom: 0;
}
.unq-top-area-service .lyt-col {
display: flex;
flex-direction: column-reverse;
margin-bottom: 30px;
}
.unq-top-area-service .lyt-col > .content > *:last-child {
margin-bottom: 0;
}
.unq-top-area-service .lyt-col > .content .hdg {
margin-bottom: 16px;
font-size: 1.375rem;
color: #183e78;
}
.unq-top-area-service .lyt-col > .content .text {
margin-bottom: 20px;
}
.unq-top-area-service .lyt-col > .content .list.of-outsourcing > li.var-01::before {
width: 26px;
height: 26px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNi42NCAyNi42NCI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI2LjY0djI2LjY0SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiBmaWxsPSIjMTg1ZmEwIj48cGF0aCBkPSJNMTMuMzIgMjIuNjRhOS4zMiA5LjMyIDAgMSAxIDAtMTguNjVoLjd2Ny43bDUuNjctNS4yMi40OC41MmE5LjMxIDkuMzEgMCAwIDEtNi44NSAxNS42NW0tLjcxLTE3LjJhNy45MiA3LjkyIDAgMSAwIDYuOTcgMy4wN2wtNi45NyA2LjQzeiIvPjxwYXRoIGQ9Ik0xMy4zMiAyNi42NGExMy4zMiAxMy4zMiAwIDAgMSAwLTI2LjY0djEuMThhMTIuMTggMTIuMTggMCAxIDAgOC45MiAzLjkybC44Ni0uOGExMy4zIDEzLjMgMCAwIDEtOS43OCAyMi4zMyIvPjxwYXRoIGQ9Ik0yMS4xNCA0aDQuN3YxLjE3aC0zLjUyeiIvPjwvZz48L3N2Zz4K);
}
.unq-top-area-service .lyt-col > .content .list.of-outsourcing > li.var-02::before {
width: 30px;
height: 29px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMC41NzEgMjkuMTI0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxyZWN0IHdpZHRoPSIzMC41NzEiIGhlaWdodD0iMjkuMTI0IiBmaWxsPSJub25lIi8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNMTYuMTg1LDI0LjUwOUgxMS42NDF2LTEuOTVhOC42OSw4LjY5LDAsMCwxLTIuMS0uODczTDguMTYyLDIzLjA2Nyw0Ljk0OSwxOS44NTVsMS4zODItMS4zODFhOC42NTEsOC42NTEsMCwwLDEtLjg3My0yLjFIMy41MDlWMTEuODMyaDEuOTVhOC42MzEsOC42MzEsMCwwLDEsLjg3My0yLjFMNC45NDksOC4zNTMsOC4xNjIsNS4xNCw5LjU0NCw2LjUyM2E4LjY0Myw4LjY0MywwLDAsMSwyLjEtLjg3M1YzLjdoNC41NDRWNS42NWE4LjY0Myw4LjY0MywwLDAsMSwyLjEuODczTDE5LjY2Myw1LjE0bDMuMjE0LDMuMjEzTDIxLjQ5NSw5LjczNWE4LjYzMSw4LjYzMSwwLDAsMSwuODczLDIuMWgxLjk1djQuNTQ0aC0xLjk1YTguNjUxLDguNjUxLDAsMCwxLS44NzMsMi4xbDEuMzgyLDEuMzgxLTMuMjE0LDMuMjEzLTEuMzgxLTEuMzgxYTguNjksOC42OSwwLDAsMS0yLjEuODczWk0xMi44NDgsMjMuM2gyLjEzVjIxLjU5MWwuNDgtLjFhNy40NjUsNy40NjUsMCwwLDAsMi41ODItMS4wNzRsLjQxMi0uMjY4LDEuMjExLDEuMjEyLDEuNTA3LTEuNTA1LTEuMjEyLTEuMjEyLjI2OC0uNDFBNy40OTIsNy40OTIsMCwwLDAsMjEuMywxNS42NWwuMS0uNDhIMjMuMTFWMTMuMDRIMjEuNGwtLjEtLjQ4YTcuNSw3LjUsMCwwLDAtMS4wNzQtMi41ODRsLS4yNjgtLjQwOUwyMS4xNyw4LjM1MywxOS42NjMsNi44NDgsMTguNDUyLDguMDYxbC0uNDEyLS4yNjlhNy40NjUsNy40NjUsMCwwLDAtMi41ODItMS4wNzRsLS40OC0uMVY0LjkwNmgtMi4xM1Y2LjYxN2wtLjQ4LjFBNy40NjUsNy40NjUsMCwwLDAsOS43ODYsNy43OTJsLS40MTIuMjY5TDguMTYyLDYuODQ4LDYuNjU2LDguMzUzLDcuODY4LDkuNTY2LDcuNiw5Ljk3NmE3LjUsNy41LDAsMCwwLTEuMDc0LDIuNTg0bC0uMS40OEg0LjcxNnYyLjEzSDYuNDI2bC4xLjQ4QTcuNDkyLDcuNDkyLDAsMCwwLDcuNiwxOC4yMzJsLjI2OC40MUw2LjY1NiwxOS44NTUsOC4xNjIsMjEuMzZsMS4yMTItMS4yMTIuNDEyLjI2OGE3LjQ2NSw3LjQ2NSwwLDAsMCwyLjU4MiwxLjA3NGwuNDguMVptMS4wNjUtNi4zNTNBMi44NDUsMi44NDUsMCwxLDEsMTYuNzU3LDE0LjFhMi44NDgsMi44NDgsMCwwLDEtMi44NDQsMi44NDRtMC00LjQ4M0ExLjYzOCwxLjYzOCwwLDEsMCwxNS41NSwxNC4xYTEuNjQsMS42NCwwLDAsMC0xLjYzNy0xLjYzOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC43MjcgMC43NjcpIiBmaWxsPSIjMTg1ZmEwIi8+PHBhdGggZD0iTS40NzEsNy40NTJBMTIuODc1LDEyLjg3NSwwLDAsMSw2LjUxNS40NDEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDk4IDAuMDkyKSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xLjEzNiw3Ljc0NiwwLDcuMzM5QTEzLjQyMywxMy40MjMsMCwwLDEsNi4zMjcsMEw2LjksMS4wNjVhMTIuMjMsMTIuMjMsMCwwLDAtNS43Niw2LjY4MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwLjAwMSkiIGZpbGw9IiMxODVmYTAiLz48cGF0aCBkPSJNMi45MzcsNy43NTFhOS43NjQsOS43NjQsMCwwLDEsMy45Mi00Ljc2NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC42MDkgMC42MTkpIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTMuNiw4LjA1NSwyLjQ2OSw3LjYyM2ExMC40MzMsMTAuNDMzLDAsMCwxLDQuMTY1LTUuMDZsLjY0MSwxLjAyMUE5LjIyNiw5LjIyNiwwLDAsMCwzLjYsOC4wNTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNTEyIDAuNTMyKSIgZmlsbD0iIzE4NWZhMCIvPjxwYXRoIGQ9Ik0yNS44OTEsMTcuODc2YTEyLjg4NCwxMi44ODQsMCwwLDEtNi4wNDQsNy4wMTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMTE0IDMuNzA2KSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0yMC4xOCwyNS40NTRsLS41NjktMS4wNjVhMTIuMjI5LDEyLjIyOSwwLDAsMCw1Ljc2LTYuNjgxbDEuMTM2LjQwN2ExMy40MjcsMTMuNDI3LDAsMCwxLTYuMzI3LDcuMzM5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjA2NSAzLjY3MSkiIGZpbGw9IiMxODVmYTAiLz48cGF0aCBkPSJNMjMuMDYsMTcuMTlhOS43NzksOS43NzksMCwwLDEtMy45MjEsNC43NjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuOTY3IDMuNTYzKSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xOS41MTUsMjIuNWwtLjY0My0xLjAyM2E5LjIxOSw5LjIxOSwwLDAsMCwzLjY4LTQuNDY5bDEuMTI2LjQzMmExMC40NDYsMTAuNDQ2LDAsMCwxLTQuMTYzLDUuMDYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuOTExIDMuNTI3KSIgZmlsbD0iIzE4NWZhMCIvPjwvZz48L3N2Zz4K);
}
.unq-top-area-service .lyt-col > .content .list.of-outsourcing > li.var-03::before {
width: 26px;
height: 26px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNi40NyAyNi40NSI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI2LjQ3djI2LjQ1SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiBmaWxsPSIjMTg1ZmEwIj48cGF0aCBkPSJNMTkuMzggMjIuMDJoLTIuOTZ2LTEuNTdoMi45N2EyLjYgMi42IDAgMCAwIDIuOS0yLjl2LTIuMjdoMS41N3YyLjI3YTQuMTYgNC4xNiAwIDAgMS00LjQ3IDQuNDdNMS4yIDI2Yy4yMS0xLjI2LjQ1LTIgLjgyLTIuMmwuMDItLjAxYzEuMDktLjI3IDMuMTYtLjc0IDMuMTgtLjc0YS42LjYgMCAwIDAgLjQ2LS41MWwuMTItMS4wOGEuNi42IDAgMCAwLS4zNC0uNiAyLjk1IDIuOTUgMCAxIDEgMi41LS4wMi42LjYgMCAwIDAtLjMzLjZsLjEzIDEuMWEuNi42IDAgMCAwIC40Ni41Yy4wMiAwIDIuMjYuNSAzLjMuNzcuMS4wNC4zLjE3LjQ3Ljg1YTEyLjIgMTIuMiAwIDAgMSAuMjIgMS4zNGgxLjJhMTQgMTQgMCAwIDAtLjI3LTEuNjMgMi4xNyAyLjE3IDAgMCAwLTEuMjQtMS43LjY1LjY1IDAgMCAwLS4wNi0uMDFjLS43OS0uMi0yLjI1LS41My0yLjk2LS42OGwtLjAzLS4yOGE0LjE0IDQuMTQgMCAxIDAtNC4yNy4wM2wtLjAzLjI2Yy0uNjUuMTUtMS45NS40NS0yLjc1LjY1YS42MS42MSAwIDAgMC0uMS4wM2wtLjA5LjAyYS42LjYgMCAwIDAtLjI4LjE2Qy42MSAyMy4yOS4yOSAyNC4yNCAwIDI2ek0xMy43MyAxMi4yMmMuMi0xLjI2LjQ1LTIgLjgyLTIuMmwuMDItLjAxYzEuMDktLjI3IDMuMTYtLjc0IDMuMTgtLjc0YS42LjYgMCAwIDAgLjQ2LS41MWwuMTItMS4wOGEuNi42IDAgMCAwLS4zNC0uNiAyLjk1IDIuOTUgMCAxIDEgMi41LS4wMi42LjYgMCAwIDAtLjMzLjZsLjEzIDEuMWEuNi42IDAgMCAwIC40Ni41MWMuMDIgMCAyLjI2LjUgMy4zLjc2LjEuMDQuMy4xNy40Ny44NWExMi4yIDEyLjIgMCAwIDEgLjIyIDEuMzRoMS4yYTE0IDE0IDAgMCAwLS4yNy0xLjYzIDIuMTcgMi4xNyAwIDAgMC0xLjI0LTEuNjkuNjUuNjUgMCAwIDAtLjA2LS4wMmMtLjgtLjItMi4yNS0uNTMtMi45Ni0uNjhsLS4wMy0uMjhhNC4xNCA0LjE0IDAgMSAwLTQuMjcuMDNsLS4wMy4yNmMtLjY1LjE1LTEuOTUuNDUtMi43NS42NWEuNjEuNjEgMCAwIDAtLjEuMDNsLS4xLjAyYS42LjYgMCAwIDAtLjI3LjE2Yy0uNzIuNDQtMS4wNCAxLjM5LTEuMzMgMy4xNXoiLz48cGF0aCBkPSJNMTguNjggMjUuMmwtMy45Ny0zLjk2IDMuOTctMy45NyAxLjEgMS4xLTIuODUgMi44NyAyLjg2IDIuODV6Ii8+PC9nPjwvc3ZnPg==);
}
.unq-top-area-service .lyt-col > .content .list.of-outsourcing > li.var-04::before {
width: 24px;
height: 21px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNC4xNCAyMS41MyI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0LjE0djIxLjUzSDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiBmaWxsPSIjMTg1ZmEwIj48cGF0aCBkPSJNMjEuNzkgMjEuNTNIMi4zNUEyLjM1IDIuMzUgMCAwIDEgLjMyIDE4bDkuNzItMTYuODJhMi4zNSAyLjM1IDAgMCAxIDQuMDcgMEwyMy44MiAxOGEyLjM1IDIuMzUgMCAwIDEtMi4wNCAzLjUzTTEwLjk2IDEuNzFMMS4yNSAxOC41NGExLjI4IDEuMjggMCAwIDAgMS4xIDEuOTJoMTkuNDNhMS4yOCAxLjI4IDAgMCAwIDEuMS0xLjkybC05LjctMTYuODNhMS4zMiAxLjMyIDAgMCAwLTIuMjIgMCIvPjxwYXRoIGQ9Ik0xMy41NyAxNC41OGgtM3YtOC4zaDN6bS0xLjkyLTEuMDdoLjg0VjcuMzZoLS44NHpNMTMuNTcgMTguNTVoLTN2LTIuOThoM3ptLTEuOTItMS4wN2guODR2LS44NGgtLjg0eiIvPjwvZz48L3N2Zz4=);
}
.unq-top-area-service .lyt-col > .content .list.of-biz > li.var-01::before {
width: 25px;
height: 25px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNC45MTMgMjUuODA4Ij48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxyZWN0IHdpZHRoPSIyNC45MTMiIGhlaWdodD0iMjUuODA4IiBmaWxsPSJub25lIi8+PC9jbGlwUGF0aD48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+PHJlY3Qgd2lkdGg9IjAuOTQ0IiBoZWlnaHQ9IjIuMzMxIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjIwMywgLTAuOTc5LCAwLjk3OSwgMC4yMDMsIDE2LjYxMywgNS4wOTYpIiBmaWxsPSIjMTg1ZmEwIi8+PHJlY3Qgd2lkdGg9IjAuOTQ0IiBoZWlnaHQ9IjIuMzMxIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjIwMywgLTAuOTc5LCAwLjk3OSwgMC4yMDMsIDE2LjYxMywgOC4yNCkiIGZpbGw9IiMxODVmYTAiLz48cmVjdCB3aWR0aD0iMC45NDQiIGhlaWdodD0iMi4zMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2LjYxMyAxMS4zODQpIHJvdGF0ZSgtNzguMzA0KSIgZmlsbD0iIzE4NWZhMCIvPjxyZWN0IHdpZHRoPSIwLjk0NCIgaGVpZ2h0PSIyLjMzMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuNjEzIDE0LjUyNykgcm90YXRlKC03OC4zMDQpIiBmaWxsPSIjMTg1ZmEwIi8+PHJlY3Qgd2lkdGg9IjAuOTQ0IiBoZWlnaHQ9IjIuMzMxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNi42MTMgMTcuNjcxKSByb3RhdGUoLTc4LjMwNCkiIGZpbGw9IiMxODVmYTAiLz48cmVjdCB3aWR0aD0iMC45NDQiIGhlaWdodD0iMi4zMzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIxLjA0OSAxOC41ODkpIHJvdGF0ZSgtNzguMzA0KSIgZmlsbD0iIzE4NWZhMCIvPjxyZWN0IHdpZHRoPSIwLjk0NCIgaGVpZ2h0PSIyLjMzMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjEuMDQ5IDIxLjczMikgcm90YXRlKC03OC4zMDQpIiBmaWxsPSIjMTg1ZmEwIi8+PHJlY3Qgd2lkdGg9IjAuOTQ0IiBoZWlnaHQ9IjIuMzMxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNi42MTMgMjAuODE1KSByb3RhdGUoLTc4LjMwNCkiIGZpbGw9IiMxODVmYTAiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGQ9Ik0xLjA4NiwyNS4zNjhjLjAxMS0uMDg4LjAxOS0uMTYyLjAyOS0uMjU1bC4wNDQtLjM0N2MuMzc3LTMuMDIuNTgzLTQuNjg1LDEuMTUxLTQuOTc0bC4wMjEtLjAxMWMuOTg4LS4yNDMsMi44NzItLjY3NCwyLjg5Mi0uNjc3YS41NDEuNTQxLDAsMCwwLC40MTUtLjQ2NWwuMTEyLS45NzhhLjUzNS41MzUsMCwwLDAtLjMxLS41NTEsMi42ODMsMi42ODMsMCwxLDEsMi4yNjktLjAxOS41MzkuNTM5LDAsMCwwLS4zLjU0N2wuMTE3LDFhLjUzOC41MzgsMCwwLDAsLjQxOS40NjVjLjAyLDAsMi4wNTUuNDU1LDMuMDA2LjY5Mi4xLjA0MS4yNzYuMTUzLjQzMS43NzJhMjMuOTY5LDIzLjk2OSwwLDAsMSwuMzgxLDIuODQxYy4wNTIuNTEzLjExMSwxLjA5NC4xODMsMS43MzQuMDA4LjA4MS4wMTUuMTQ3LjAyMy4yMjZIMTMuMDVjLS4wMTItLjExOS0uMDIyLS4yMjItLjAzNi0uMzQ1LS4wNzEtLjYzNS0uMTI5LTEuMjEzLS4xODItMS43MjRhMjQuMiwyNC4yLDAsMCwwLS40MDctMi45OTNBMS45NzIsMS45NzIsMCwwLDAsMTEuMywxOC43NzVhLjM1Mi4zNTIsMCwwLDAtLjA1Ni0uMDE4Yy0uNzE3LS4xNzktMi4wNDQtLjQ3OC0yLjY5My0uNjIzbC0uMDMtLjI1OEEzLjgsMy44LDAsMCwwLDkuNzIsMTYuN2EzLjc2MiwzLjc2MiwwLDEsMC01LjA4MywxLjJsLS4wMjYuMjMzYy0uNi4xMzctMS43NzIuNDA5LTIuNS41ODhhLjU3Ny41NzcsMCwwLDAtLjA5My4wMjRsLS4wODMuMDJhLjU1OC41NTgsMCwwLDAtLjI1MS4xNDNDLjcyNSwxOS41MjMuNTMyLDIxLjA4NC4wODksMjQuNjMzbC0uMDQzLjM0N2MtLjAxOS4xMzktLjAzLjI1Ni0uMDQ3LjM4OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMC40NCkiIGZpbGw9IiMxODVmYTAiLz48cGF0aCBkPSJNMjQuMTc0LDEzLjY3N2wtMy40NDgtLjY0NFYyLjQyNmEuNDc0LjQ3NCwwLDAsMC0uMzA5LS40NDRMMTUuMTE2LjAyOWEuNDcyLjQ3MiwwLDAsMC0uMzEyLDBMOS4wOTUsMS45MTJhLjQ3My40NzMsMCwwLDAtLjMyNS40NDh2OC4xMjFhNS4xLDUuMSwwLDAsMSwuOTQ2LjQxOVYyLjdMMTQuNDgsMS4xMjdWMjEuOTc5YTI4LjU3NiwyOC41NzYsMCwwLDEsLjM2MiwzLjgyOWg5LjI0NWEuNDcyLjQ3MiwwLDAsMCwuNDcyLS40NzF2LTExLjJhLjQ3My40NzMsMCwwLDAtLjM4Ni0uNDY0bS0uNTU5LDExLjE4N2gtOC4xOVYxLjE1bDQuMzU3LDEuNjA1djEwLjY3YS40NzIuNDcyLDAsMCwwLC4zODYuNDY0bDMuNDQ4LjY0NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMzUzIDApIiBmaWxsPSIjMTg1ZmEwIi8+PC9nPjwvZz48L2c+PC9zdmc+Cg==);
}
.unq-top-area-service .lyt-col > .content .list.of-biz > li.var-02::before {
width: 27px;
height: 28px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNy4zOSAyOC4yOCI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI3LjR2MjguMjhIMHoiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iYiI+PHBhdGggZD0iTTQuMTkgMHYxNi40YzUuMTctMS41NiA3LjI0LjY5IDkuNDggMS4yczYuNS0uMjMgNy44OC0uNlYweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQuMTg5KSIgZmlsbD0ibm9uZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNhKSIgZmlsbD0iIzE4NWZhMCI+PHBhdGggZD0iTTEzLjg0IDI4LjI4YTMuNDYgMy40NiAwIDAgMS0uOTQtLjEzTDYgMjYuMTFhMi41NSAyLjU1IDAgMCAwLS43LS4xIDIuNDEgMi40MSAwIDAgMC0uOTMuMkwuMzQgMjcuNTQgMCAyNi41Mmw0LjAyLTEuMzRhMy40MiAzLjQyIDAgMCAxIDEuMjgtLjI1IDMuNDcgMy40NyAwIDAgMSAuOTMuMTNsNi45MSAyLjA1YTIuNTYgMi41NiAwIDAgMCAuNy4xIDIuMyAyLjMgMCAwIDAgMS4zLS40bDEwLjgzLTYuNDZjLS40LS44LS42NC0xLjE4LTEuMzEtMS4xOGExLjAxIDEuMDEgMCAwIDAtLjQzLjA4bC01LjEyIDIuMDUtLjQtMSA1LjEtMi4wNGEyLjA0IDIuMDQgMCAwIDEgLjg1LS4xN2MxLjQyIDAgMS45MSAxLjAyIDIuMzUgMS45MmwuMzguNzUtMTEuNjggNi45NmEzLjM4IDMuMzggMCAwIDEtMS44Ny41NiIvPjxwYXRoIGQ9Ik0xNy41NSAyMy4xNWgtNy4xMnYtMS4wN2g3LjEyYS44OS44OSAwIDAgMCAuODktLjg5Ljc3Ljc3IDAgMCAwLS4wMy0uMjMuOS45IDAgMCAwLS44NS0uNjZsLTQuNDUtLjAzLTQuMDQtMS40M2E0LjY1IDQuNjUgMCAwIDAtMi43Mi0uMDhMLjM4IDIwLjQ0bC0uMy0xLjA0IDUuOTctMS42N2E1Ljc2IDUuNzYgMCAwIDEgMy4zNy4xbDMuOTQgMS40aDQuMThhMS45NyAxLjk3IDAgMCAxIDEuODggMS40MiAxLjc5IDEuNzkgMCAwIDEgLjA4LjU0IDEuOTYgMS45NiAwIDAgMS0xLjk2IDEuOTYiLz48L2c+PGcgY2xpcC1wYXRoPSJ1cmwoI2IpIiBmaWxsPSIjMTg1ZmEwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjUwOCkiPjxwYXRoIGQ9Ik00LjUxIDYuOTJoMi4zNXYxSDQuNTF6TTEwLjg0IDYuOTJoMi4zNXYxaC0yLjM1ek00LjUxIDQuMTJoMi4zNXYxSDQuNTF6TTEwLjg0IDQuMTJoMi4zNXYxaC0yLjM1ek00LjUxIDkuNzNoMi4zNXYxSDQuNTF6TTEwLjg0IDkuNzNoMi4zNXYxaC0yLjM1eiIvPjxwYXRoIGQ9Ik0xNS43IDIwLjkzSDIuMTRhLjUuNSAwIDAgMS0uNS0uNVYyLjJhLjUuNSAwIDAgMSAuNS0uNUgxNS43YS41LjUgMCAwIDEgLjUuNXYxOC4yNGEuNS41IDAgMCAxLS41LjVtLTEzLjA2LTFIMTUuMlYyLjY5SDIuNjR6Ii8+PHBhdGggZD0iTTEwLjg0IDIwLjk4SDdhLjUuNSAwIDAgMS0uNS0uNXYtOC4wM2EuNS41IDAgMCAxIC41LS41aDMuODNhLjUuNSAwIDAgMSAuNS41djguMDJhLjUuNSAwIDAgMS0uNS41bS0zLjMzLTFoMi44M3YtNy4wMkg3LjV6Ii8+PC9nPjwvc3ZnPg==);
}
.unq-top-area-service .lyt-col > .content .list.of-biz > li.var-03::before {
width: 24px;
height: 25px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMy45MSAyNC44NCI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDIzLjkxdjI0Ljg0SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiBmaWxsPSIjMTg1ZmEwIj48cGF0aCBkPSJNMTQuNzQgMjQuODRILjQ1YS40Ni40NiAwIDAgMS0uNDUtLjQ2VjIuMjdhLjQ2LjQ2IDAgMCAxIC4zMS0uNDNMNS44LjAyYS40Ni40NiAwIDAgMSAuMyAwbDUuMSAxLjg4YS40Ni40NiAwIDAgMSAuMy40M3YxMC4yMWwzLjMyLjYyYS40Ni40NiAwIDAgMSAuMzcuNDV2MTAuNzdhLjQ2LjQ2IDAgMCAxLS40Ni40NW0tOC4zMy0uOWg3Ljg4di05Ljk0bC0zLjMyLS42MmEuNDUuNDUgMCAwIDEtLjM3LS40NVYyLjY1TDYuNCAxLjF6bS01LjUgMGg0LjZWMS4wOEwuOSAyLjZ6Ii8+PHBhdGggZD0iTTcuMiA0LjlsLjItLjg5IDIuMTguNDYtLjE4Ljg5ek03LjIgNy45M2wuMTktLjg4IDIuMi40NS0uMTkuODh6TTcuMiAxMC45NmwuMi0uOSAyLjE4LjQ2LS4xOC44OXpNNy4yIDEzLjk4bC4yLS45IDIuMTguNDYtLjE4Ljl6TTcuMiAxN2wuMTktLjg4IDIuMi40Ni0uMTkuODh6TTExLjQ4IDE3Ljg5bC4xOC0uODggMi4yLjQ1LS4xOS44OHpNMTEuNDggMjAuOTFsLjE4LS44OCAyLjIuNDYtLjIuODh6TTcuMiAyMC4wM2wuMi0uODkgMi4xOC40NS0uMTguOXoiLz48cGF0aCBkPSJNMjMuNDYgMjQuODRoLTguNzN2LS45SDIzVjQuNTlsLTQuNjUtMS43LTUuMDIgMS42NXY3LjA0aC0uOVY0LjIxYS40Ni40NiAwIDAgMSAuMy0uNDNsNS41LTEuOGEuNDUuNDUgMCAwIDEgLjMgMGw1LjEgMS44N2EuNDYuNDYgMCAwIDEgLjMuNDN2MjAuMWEuNDYuNDYgMCAwIDEtLjQ3LjQ1Ii8+PHBhdGggZD0iTTE3LjkgMi40aC45djIxLjk4aC0uOXoiLz48L2c+PC9zdmc+);
}
.unq-top-area-service .lyt-col > .content .list.of-biz > li.var-04::before {
width: 27px;
height: 21px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNi45MiAyMC41MiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI2LjkydjIwLjUySDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiBmaWxsPSJub25lIiBzdHJva2U9IiMxODVmYTAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCI+PHBhdGggZD0iTTI2LjkyLjU2aC0zLjY1bC0zIDEyLjNINC42bC0yLTkuOGgxOS45Mk0zLjkzIDcuOTZoMTcuMTIiLz48L2c+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTg1ZmEwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik05LjQzIDMuMDZ2OS44TTE1LjY4IDMuMDZ2OS44TTQuNDIgMTUuNWgxMy43MXYtMi42NCIvPjxnIGNsaXAtcGF0aD0idXJsKCNhKSIgZmlsbD0iIzE4NWZhMCI+PHBhdGggZD0iTTcuMDggMTcuMzhhMS41MyAxLjUzIDAgMSAwIDEuNTMgMS41MyAxLjUzIDEuNTMgMCAwIDAtMS41My0xLjUzTTE3LjI3IDE3LjQ3QTEuNTMgMS41MyAwIDEgMCAxOC44IDE5YTEuNTMgMS41MyAwIDAgMC0xLjUzLTEuNTMiLz48L2c+PC9zdmc+);
}
.unq-top-area-service .lyt-col > .content .list.of-rental > li.var-01::before {
width: 33px;
height: 22px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMy4yNSAyMS43OSI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDMzLjI1djIxLjhIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGQ9Ik0xMC4zIDE5LjA4SDcuMjF2LS42NmEyLjA2IDIuMDYgMCAxIDAtNC4xMiAwdi42NUgwdi02LjVsMy40Ny01LjgzIDYuODMtLjE1em0tMS44NS0xLjNoLjU0VjcuOTJsLTQuNzcuMS0yLjkyIDQuOXY0LjgzaC41NGEzLjM3IDMuMzcgMCAwIDEgNi42IDAiIGZpbGw9IiMxODVmYTAiLz48cGF0aCBkPSJNNS4xNSAyMS44YTMuMzcgMy4zNyAwIDEgMSAzLjM3LTMuMzcgMy4zNyAzLjM3IDAgMCAxLTMuMzcgMy4zNm0wLTUuNDNhMi4wNiAyLjA2IDAgMSAwIDIuMDYgMi4wNiAyLjA2IDIuMDYgMCAwIDAtMi4wNi0yLjA2TTIzLjcxIDIxLjhhMy4zNyAzLjM3IDAgMSAxIDMuMzctMy4zOCAzLjM3IDMuMzcgMCAwIDEtMy4zNiAzLjM3bTAtNS40M2EyLjA2IDIuMDYgMCAxIDAgMi4wNiAyLjA2IDIuMDYgMi4wNiAwIDAgMC0yLjA3LTIuMDYiIGZpbGw9IiMxODVmYTAiLz48Y2lyY2xlIGN4PSI0LjY0NSIgY3k9IjQuNjQ1IiByPSI0LjY0NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMuMzA1IC42NTQpIiBmaWxsPSJub25lIiBzdHJva2U9IiMxODVmYTAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPjxwYXRoIGQ9Ik0yNy45NSAyLjA1djMuNjFsMi45MS0uMSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTg1ZmEwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz48cGF0aCBkPSJNMjguODcgOS44NXY3LjkyaC0xLjg1YTMuMzcgMy4zNyAwIDAgMC02LjYgMGgtNy4yOFY1LjNIMjMuM2E0LjU1IDQuNTUgMCAwIDEgLjItMS4zSDExLjg0djE1LjA4aDkuODJ2LS42NWEyLjA2IDIuMDYgMCAwIDEgNC4xMiAwdi42NWg0LjRWOS4zNWE0LjYxIDQuNjEgMCAwIDEtMS4zLjUiIGZpbGw9IiMxODVmYTAiLz48L2c+PC9zdmc+);
}
.unq-top-area-service .lyt-col > .content .list.of-rental > li.var-02::before {
width: 28px;
height: 28px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNy44NTcgMjguMjYxIj48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxyZWN0IHdpZHRoPSIyNy44NTciIGhlaWdodD0iMjguMjYxIiBmaWxsPSJub25lIi8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNNS4zOTMsMTkuMjc5Yy4wMi0uMTYyLjAzNC0uMy4wNTYtLjQ3MmwuMDUtLjRjLjQyOC0zLjQ1My42NjUtNS4zNTUsMS4zMTQtNS42ODZsLjAyNS0uMDEzYzEuMTMtLjI3OCwzLjI4NC0uNzcsMy4zMDUtLjc3NWEuNjE4LjYxOCwwLDAsMCwuNDc2LS41M2wuMTI4LTEuMTE4YS42MTcuNjE3LDAsMCwwLS4zNTctLjYzLDMuMDY4LDMuMDY4LDAsMSwxLDIuNi0uMDIxLjYxNi42MTYsMCwwLDAtLjM0Ni42MjdsLjEzMSwxLjE0M2EuNjE3LjYxNywwLDAsMCwuNDc5LjUzMmMuMDI0LjAwNiwyLjM1MS41MiwzLjQ0Ljc5LjExNC4wNDguMzE1LjE3Ni40OTEuODg0YTI3LjQyNCwyNy40MjQsMCwwLDEsLjQzNCwzLjI0OGMuMDYxLjU4Ni4xMjgsMS4yNTEuMjA5LDEuOTgzLjAxOS4xNTguMDMxLjI4OS4wNDYuNDRoMS4yMzljLS4wMTktLjItLjAzNy0uMzctLjA2MS0uNTc3LS4wODEtLjcyNi0uMTQ5LTEuMzg3LS4yMDctMS45NzFhMjcuODkyLDI3Ljg5MiwwLDAsMC0uNDY2LTMuNDIyLDIuMjYsMi4yNiwwLDAsMC0xLjI4Ni0xLjc1MS42LjYsMCwwLDAtLjA2NS0uMDJjLS44MTktLjIwNi0yLjMzNy0uNTQ2LTMuMDgxLS43MTFsLS4wMzMtLjNhNC4zLDQuMywwLDEsMC00LjQzOC4wMzJsLS4wMzEuMjY2Yy0uNjgyLjE1Ny0yLjAyNy40NjctMi44NjIuNjcyYS42NzMuNjczLDAsMCwwLS4xMDcuMDI3bC0uMDk0LjAyM2EuNjA5LjYwOSwwLDAsMC0uMjg3LjE2M0M1LDEyLjQxNCw0Ljc3OSwxNC4yLDQuMjc2LDE4LjI1NmwtLjA1LjRjLS4wMjkuMjI1LS4wNDkuNDE1LS4wNzUuNjI2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuNDAzIDAuNDg1KSIgZmlsbD0iIzE4NWZhMCIvPjxwYXRoIGQ9Ik0yMy43MzcsMjQuOCwyMS41MSwxOS40NTFIMy4zMjZMMS4xLDI0LjgsMCwyNC4zNDZsMi41MzEtNi4wODVIMjIuM2wyLjUzMSw2LjA4NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMy40NTgpIiBmaWxsPSIjMTg1ZmEwIi8+PGNpcmNsZSBjeD0iNC4yMjMiIGN5PSI0LjIyMyIgcj0iNC4yMjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE3LjYyNiAxLjc4NCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzE4NWZhMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBkPSJNMTkuMzcsMS41NjR2My4yOWwyLjY0OC0uMDk0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjQ3OSAxLjQ4NSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzE4NWZhMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz48L2c+PC9zdmc+Cg==);
}
.unq-top-area-service .lyt-col > .content .list.of-rental > li.var-03::before {
width: 32px;
height: 17px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMS45NDQgMTcuMTk1Ij48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxyZWN0IHdpZHRoPSIzMS45NDQiIGhlaWdodD0iMTcuMTk1IiBmaWxsPSJub25lIi8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNMS4yNzcsMTcuMmMuMDItLjE2OC4wMzUtLjMxMS4wNTgtLjQ4N2wuMDUtLjQwOWMuNDQyLTMuNTUzLjY4NS01LjUwOSwxLjM1Mi01Ljg0OWwuMDI2LS4wMTNjMS4xNjItLjI4NiwzLjM3OS0uNzkzLDMuNC0uOGEuNjMzLjYzMywwLDAsMCwuNDg4LS41NDZsLjEzMy0xLjE1QS42MzUuNjM1LDAsMCwwLDYuNDE4LDcuM2EzLjE1NSwzLjE1NSwwLDEsMSwyLjY3MS0uMDIyLjYzMi42MzIsMCwwLDAtLjM1Ni42NDVsLjEzNSwxLjE3NmEuNjM1LjYzNSwwLDAsMCwuNDkzLjU0N2MuMDI0LDAsMi40MTkuNTM1LDMuNTM4LjgxMi4xMTcuMDQ5LjMyMy4xODEuNS45MDhhMjcuOTU4LDI3Ljk1OCwwLDAsMSwuNDQ4LDMuMzQyYy4wNjIuNi4xMzIsMS4yODcuMjE1LDIuMDM4LjAxOC4xNjQuMDMyLjMuMDQ4LjQ1NGgxLjI3NWMtLjAyMS0uMi0uMDM4LS4zOC0uMDYyLS41OTMtLjA4My0uNzQ2LS4xNTMtMS40MjctLjIxMy0yLjAyN2EyOC42ODIsMjguNjgyLDAsMCwwLS40OC0zLjUyMSwyLjMyMywyLjMyMywwLDAsMC0xLjMyMy0xLjguNDQzLjQ0MywwLDAsMC0uMDY5LS4wMjFjLS44NDItLjIxMi0yLjQtLjU2My0zLjE2Ny0uNzMzbC0uMDM0LS4zYTQuNDI2LDQuNDI2LDAsMSwwLTQuNTY1LjAzM0w1LjQ0Myw4LjVjLS43LjE2LTIuMDg0LjQ4MS0yLjk0Mi42OTFhLjY4OC42ODgsMCwwLDAtLjExLjAyN2wtLjEuMDI0QS42MjYuNjI2LDAsMCwwLDIsOS40MTRDLjg3NSwxMC4xMzQuNjQ2LDExLjk3LjEyNywxNi4xNDNsLS4wNS40MDljLS4wMjkuMjMxLS4wNS40MjctLjA3Ny42NDRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIiBmaWxsPSIjMTg1ZmEwIi8+PHBhdGggZD0iTTUuNDQ5LDE1LjI0NEg3LjYyOGwtLjU4LTUuMjYuODU4LTEuMjUzSDUuMTcyTDYuMDMsOS45ODVaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjE1NiAxLjk1MSkiIGZpbGw9IiMxODVmYTAiLz48cGF0aCBkPSJNMTQuODA4LDE3LjJjLjAyMS0uMTY4LjAzNS0uMzExLjA1OS0uNDg3bC4wNS0uNDA5Yy40NDItMy41NTMuNjg0LTUuNTA5LDEuMzUyLTUuODQ5bC4wMjYtLjAxM2MxLjE2Mi0uMjg2LDMuMzc5LS43OTMsMy40LS44YS42MzYuNjM2LDAsMCwwLC40ODktLjU0NmwuMTMyLTEuMTVBLjYzMi42MzIsMCwwLDAsMTkuOTUsNy4zYTMuMTU2LDMuMTU2LDAsMSwxLDIuNjctLjAyMi42MzMuNjMzLDAsMCwwLS4zNTYuNjQ1TDIyLjQsOS4wOTRhLjYzNS42MzUsMCwwLDAsLjQ5My41NDdjLjAyNCwwLDIuNDE4LjUzNSwzLjUzNy44MTIuMTE5LjA0OS4zMjQuMTgxLjUwNS45MDhhMjcuOTU4LDI3Ljk1OCwwLDAsMSwuNDQ4LDMuMzQyYy4wNjEuNi4xMzIsMS4yODcuMjE1LDIuMDM4LjAxOC4xNjQuMDMxLjMuMDQ4LjQ1NEgyOC45MmMtLjAyMS0uMi0uMDM5LS4zOC0uMDY0LS41OTMtLjA4Mi0uNzQ2LS4xNTItMS40MjctLjIxMy0yLjAyN2EyOC40ODksMjguNDg5LDAsMCwwLS40NzgtMy41MjEsMi4zMjYsMi4zMjYsMCwwLDAtMS4zMjMtMS44LjQ4Ny40ODcsMCwwLDAtLjA2OS0uMDIxYy0uODQyLS4yMTItMi40LS41NjMtMy4xNjctLjczM2wtLjAzNS0uM2E0LjQyNiw0LjQyNiwwLDEsMC00LjU2My4wMzNsLS4wMzMuMjc0Yy0uNy4xNi0yLjA4NC40ODEtMi45NDQuNjkxYS43MjIuNzIyLDAsMCwwLS4xMS4wMjdsLS4xLjAyNGEuNjM4LjYzOCwwLDAsMC0uMjk1LjE2OGMtMS4xMjMuNzE5LTEuMzUyLDIuNTU2LTEuODcxLDYuNzI5bC0uMDUuNDA5Yy0uMDI5LjIzMS0uMDUxLjQyNy0uMDc3LjY0NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuMDI0IDApIiBmaWxsPSIjMTg1ZmEwIi8+PHBhdGggZD0iTTE4Ljk4LDE1LjI0NGgyLjE4bC0uNTgxLTUuMjYuODU5LTEuMjUzSDE4LjdsLjg1OSwxLjI1M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMTc5IDEuOTUxKSIgZmlsbD0iIzE4NWZhMCIvPjwvZz48L3N2Zz4K);
}
.unq-top-area-service .lyt-col > .content .list > li {
position: relative;
padding-left: 40px;
font-size: 0.875rem;
color: #185fa0;
}
.unq-top-area-service .lyt-col > .content .list > li:not(:last-child) {
margin-bottom: 15px;
}
.unq-top-area-service .lyt-col > .content .list > li::before {
position: absolute;
top: 50%;
left: 0;
display: inline-block;
content: "";
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transform: translateY(-50%);
}
.unq-top-area-service .lyt-col > .image {
position: relative;
max-width: 600px;
margin-bottom: 16px;
}
.unq-top-area-service .lyt-col > .image::before {
position: absolute;
top: -15px;
left: -15px;
z-index: 1;
display: inline-block;
width: calc(100% + 30px);
height: calc((135 / 207) * 100%);
content: "";
}
.unq-top-area-service .lyt-col > .image.var-01::before {
background: linear-gradient(to right, #ff9898 0%, rgba(255, 152, 152, 0) 100%);
}
.unq-top-area-service .lyt-col > .image.var-02::before {
background: linear-gradient(to right, #89bdf8 0%, rgba(137, 189, 248, 0) 100%);
}
.unq-top-area-service .lyt-col > .image.var-03::before {
background: linear-gradient(to right, #a9e6b1 0%, rgba(169, 230, 177, 0) 100%);
}
.unq-top-area-service .lyt-col > .image > picture {
position: relative;
z-index: 2;
}
.unq-top-area-service .list-panel {
margin-bottom: 75px;
}
.unq-top-area-service .list-panel > li:not(:last-child) {
margin-bottom: 20px;
}
.unq-top-area-service .list-panel > li > a {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
padding: 15px;
color: #333;
text-decoration: none;
background-color: #fff;
border-radius: 3px;
box-shadow: 0 10px 40px 0 rgba(35, 96, 156, 0.1);
transition: opacity 0.25s ease-out;
}
.unq-top-area-service .list-panel > li > a:hover, .unq-top-area-service .list-panel > li > a:focus, .unq-top-area-service .list-panel > li > a:active {
opacity: 0.7;
}
.unq-top-area-service .list-panel > li .content {
position: relative;
width: 100%;
padding-right: 20px;
margin-right: 20px;
border-right: 1px solid #b5bbce;
}
.unq-top-area-service .list-panel > li .content > *:last-child {
margin-bottom: 0;
}
.unq-top-area-service .list-panel > li .content::after {
position: absolute;
top: 50%;
right: -20px;
display: inline-block;
width: 9px;
height: 9px;
margin-top: -5px;
content: "";
background-color: transparent;
border-top: 2px solid #183e78;
border-right: 2px solid #183e78;
transform: rotate(45deg);
}
.unq-top-area-service .list-panel > li .content .hdg {
margin-bottom: 6px;
font-size: 1rem;
color: #183e78;
}
.unq-top-area-service .list-panel > li .content .text {
font-size: 0.875rem;
}
.unq-top-area-service .list-panel > li .image {
flex: none;
width: calc((87 / 315) * 100%);
max-width: 147px;
margin-right: 15px;
}
/* ------------------------------------
* .unq-top-area-info
* --------------------------------- */
.unq-top-area-info {
padding: 60px 15px;
}
.unq-top-area-info > .inner {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.unq-top-area-info .lyt-col:not(:last-child) {
padding-bottom: 60px;
margin-bottom: 60px;
border-bottom: 1px solid #b5bbce;
}
.unq-top-area-info .lyt-col > .hdg {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-bottom: 16px;
}
.unq-top-area-info .lyt-col > .hdg > *:last-child {
margin-bottom: 0;
}
.unq-top-area-info .lyt-col > .hdg > h2 {
font-size: 1.375rem;
color: #183e78;
}
.unq-top-area-info .lyt-col > .hdg .text {
order: 1;
width: 100%;
margin: 16px 0 0;
}
.unq-top-area-info .lyt-col > .content > *:first-child {
margin-top: 0;
}
.unq-top-area-info .lyt-col > .content > *:last-child {
margin-bottom: 0;
}
/* ------------------------------------
* .unq-top-area-about
* --------------------------------- */
.unq-top-area-about {
position: relative;
padding-bottom: 30px;
}
.unq-top-area-about::after {
position: absolute;
bottom: 0;
left: 0;
display: inline-block;
width: 100%;
height: 295px;
content: "";
background-image: url(/img/img-index-09.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.unq-top-area-about > .content {
position: relative;
z-index: 1;
background: linear-gradient(to right, #ff230d 0%, #ff8e77 100%);
}
.unq-top-area-about > .content > .inner {
padding: 40px 30px 95px;
color: #fff;
}
.unq-top-area-about > .content > .inner > *:last-child {
margin-bottom: 0;
}
.unq-top-area-about > .content .hdg {
position: relative;
padding-left: 30px;
margin-bottom: 26px;
font-size: 1.375rem;
}
.unq-top-area-about > .content .hdg::before {
position: absolute;
top: 50%;
left: 0;
display: inline-block;
width: 23px;
height: 31px;
margin-top: -15px;
content: "";
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOS4wNSAzOS4zNCI+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTI4LjA1IDMwLjZjLS4xNS0uNzYtLjgtMS4yLTEuOTgtMS4ycy0xLjgzLjQ1LTEuOTggMS4yYTMuOTQgMy45NCAwIDAgMC0uMDcuNzJ2Ni4xYTMuODUgMy44NSAwIDAgMCAuMDcuN2MuMTUuNzcuOCAxLjIgMS45OCAxLjJzMS44NC0uNDQgMS45OC0xLjJhMy43NiAzLjc2IDAgMCAwIC4wNy0uN3YtNi4xYTMuODQgMy44NCAwIDAgMC0uMDctLjcyek0yNyAzOC4wNWMwIC40Ny0uMy43LS45My43cy0uOTMtLjIzLS45My0uN3YtNy4zN2MwLS40Ni4zLS43LjkzLS43cy45My4yMy45My43ek0zLjU0IDI5LjUydjQuMzhIMS4yM3YtNC4zOEguMTJ2OS43aDEuMXYtNC42OGgyLjMydjQuNjloMS4xMnYtOS43ek0xOC41NiAzMC4ydi0uNjloLTMuMzl2OS43aDMuNHYtLjY4aC0yLjI4di00LjAyaDIuMDh2LS42NEgxNi4zVjMwLjJ6TTE5LjM4IDI5LjUyaDEuMTJ2OS43aC0xLjEyek0yMS40NyAzMy40M2wxLjg3LTMuOTFoLS43bC0yLjE0IDQuNDcgMi4yNSA1LjI0aDEuMjF6TTguMyAyOS41Mkg2Ljk0TDUgMzkuMjJoLjcybC41NC0yLjdoMi4zbC41NCAyLjdoMS4xM3ptLTEuOSA2LjM3bDEuMDItNS4xMyAxLjAyIDUuMTN6TTEwLjk4IDMzLjE3YTIuOTUgMi45NSAwIDAgMS0uNDYtMS41M2MwLS4yNyAwLS42NS4wMy0uODcuMDgtLjkuOS0xLjM4IDEuOTItMS4zOCAxLjIgMCAxLjkxLjYgMS45MSAxLjQ2djEuMjhoLTEuMTR2LTEuNDdhLjYyLjYyIDAgMCAwLS43LS42NmMtLjYgMC0uNzguMjEtLjgzLjYyLS4wMy4yNS0uMDMuNjgtLjAzLjkyYTEuOTIgMS45MiAwIDAgMCAuNCAxLjE3Yy4zNC41IDEuMzMgMS42MiAxLjg0IDIuM2EyLjUgMi41IDAgMCAxIC41OCAxLjUzIDEwLjQzIDEwLjQzIDAgMCAxIDAgMS4zOGMtLjA5LjkzLTEuMDMgMS40LTIuMDIgMS40LTEuMTggMC0xLjk3LS41OC0xLjk3LTEuM3YtMS42NWgxLjE1djEuN2MwIC41My40Mi42NS45LjY1LjU3IDAgLjc3LS4yLjgxLS42YTEyLjQ0IDEyLjQ0IDAgMCAwIC4wMS0xLjMgMS42MSAxLjYxIDAgMCAwLS40LTEuMTZjLS4zNy0uNDYtMS42NS0xLjk4LTItMi40OXpNMCAuOTNoOS4yMnYyNC4yMUgweiIvPjxwYXRoIGQ9Ik0xOC41NSAxMy4wNGE0LjU4IDQuNTggMCAxIDEtNC41OC00LjU4IDQuNTggNC41OCAwIDAgMSA0LjU4IDQuNTh6Ii8+PHBhdGggZD0iTTI5LjA2IDI1LjE0SDE1LjY1TDIyLjM1IDB6Ii8+PC9nPjwvc3ZnPg==);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.unq-top-area-about > .content .text {
position: relative;
line-height: 1.85;
}
.unq-top-area-about > .lyt-col {
position: relative;
z-index: 1;
padding: 0 30px;
}
.unq-top-area-about > .lyt-col .panel {
max-width: 620px;
margin: -40px auto 20px;
background-color: #fff;
border-radius: 3px;
box-shadow: 0 10px 40px 0 rgba(35, 96, 156, 0.1);
}
.unq-top-area-about > .lyt-col .panel:hover > a, .unq-top-area-about > .lyt-col .panel:focus > a, .unq-top-area-about > .lyt-col .panel:active > a {
opacity: 0.7;
}
.unq-top-area-about > .lyt-col .panel > a {
position: relative;
display: flex;
flex-direction: row-reverse;
padding: 15px 35px 15px 15px;
color: #333;
text-decoration: none;
transition: opacity 0.25s ease-out;
}
.unq-top-area-about > .lyt-col .panel > a::after {
position: absolute;
top: 50%;
right: 17px;
display: inline-block;
width: 9px;
height: 9px;
margin-top: -5px;
content: "";
background-color: transparent;
border-top: 2px solid #183e78;
border-right: 2px solid #183e78;
transform: rotate(45deg);
}
.unq-top-area-about > .lyt-col .panel > a .content {
position: relative;
padding-right: 20px;
border-right: 1px solid #b5bbce;
}
.unq-top-area-about > .lyt-col .panel > a .content > *:last-child {
margin-bottom: 0;
}
.unq-top-area-about > .lyt-col .panel > a .content .hdg {
width: calc((128 / 149) * 100%);
max-width: 204px;
margin-bottom: 8px;
}
.unq-top-area-about > .lyt-col .panel > a .content .text {
font-size: 0.875rem;
}
.unq-top-area-about > .lyt-col .panel > a .image {
flex: none;
width: calc((80 / 265) * 100%);
max-width: 174px;
margin-right: 15px;
}
.unq-top-area-about > .lyt-col .list {
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
.unq-top-area-about > .lyt-col .list > li {
max-width: 300px;
}
.unq-top-area-about > .lyt-col .list > li:not(:last-child) {
margin-right: 20px;
}
/* ------------------------------------
* .unq-top-area-cv
* --------------------------------- */
.unq-top-area-cv {
padding: 60px 15px 0;
}
.unq-top-area-cv .panel {
width: 100%;
max-width: 1200px;
margin: 0 auto 220px;
}
.unq-top-area-cv .panel > a {
display: flex;
align-items: center;
justify-content: center;
padding: 82px 15px;
font-size: 1.375rem;
font-weight: bold;
color: #fff;
text-decoration: none;
background-image: url(/img/img-index-13.jpg);
background-repeat: no-repeat;
background-position: top;
background-size: cover;
transition: opacity 0.25s ease-out;
}
.unq-top-area-cv .panel > a:hover, .unq-top-area-cv .panel > a:focus, .unq-top-area-cv .panel > a:active {
opacity: 0.7;
}
.unq-top-area-cv .panel > a::before {
display: inline-block;
width: 15px;
height: 15px;
margin-right: 8px;
content: "";
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS41MjMgMikiPjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcng9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjUyMyAtMikiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNNSAzLjVsMi42IDIuNkw1IDguNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDA0NjhiIi8+PC9nPjwvc3ZnPg==);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.unq-top-area-cv .cv {
position: relative;
width: calc(100% + 30px);
margin: 0 -15px;
}
.unq-top-area-cv .cv::before {
position: absolute;
top: -160px;
left: 0;
display: inline-block;
width: 100%;
height: 200px;
content: "";
background-image: url(/img/img-index-14-sp.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.unq-top-area-cv .cv .mod-box-cv-01 {
position: relative;
margin: 0;
}
.unq-top-area-cv .cv .mod-box-cv-01 .title {
font-size: 1.125rem;
}
.unq-top-area-cv .cv .mod-box-cv-01 .list {
margin-top: 30px;
}
/* ------------------------------------
* .unq-top-area-pickup
* --------------------------------- */
.unq-top-area-pickup {
padding: 55px 15px 100px;
background: linear-gradient(to right, #f0f7fc 0%, #fff 100%);
}
.unq-top-area-pickup > .inner {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.unq-top-area-pickup .hdg {
margin-bottom: 24px;
font-size: 1.375rem;
color: #183e78;
text-align: center;
}
.unq-top-area-pickup .list {
display: flex;
flex-direction: column;
align-items: center;
}
.unq-top-area-pickup .list > li:not(:last-child) {
margin-bottom: 20px;
}
.unq-top-area-pickup .list > li > a {
display: block;
transition: opacity 0.25s ease-out;
}
.unq-top-area-pickup .list > li > a:hover, .unq-top-area-pickup .list > li > a:focus, .unq-top-area-pickup .list > li > a:active {
opacity: 0.7;
}
/* ------------------------------------
* .js-fade-in
* --------------------------------- */
[data-script-enabled=true] .js-fade-in {
opacity: 0;
transform: translateY(100px);
}
.js-fade-in.is-show {
animation: fade-in 1.2s ease-out;
animation-fill-mode: both;
}
@keyframes fade-in {
100% {
opacity: 1;
transform: translateY(0);
}
}
/* ----------------------------------------------------------------------------
* Simulation Page
* ------------------------------------------------------------------------- */
/* ------------------------------------
* .unq-simulation-hdg-l2-01
* --------------------------------- */
.unq-simulation-hdg-l2-01 {
margin-bottom: 16px;
font-size: 1rem;
}
/* ------------------------------------
* .unq-simulation-list-01
* --------------------------------- */
.unq-simulation-list-01 {
display: flex;
flex-wrap: wrap;
margin: -8px 0 0 -30px;
}
.unq-simulation-list-01 > .col {
display: flex;
margin: 8px 0 0 30px;
}
.unq-simulation-list-01 dt,
.unq-simulation-list-01 dd {
font-size: 0.875rem;
}
.unq-simulation-list-01 dt {
position: relative;
padding-right: 18px;
}
.unq-simulation-list-01 dt::after {
position: absolute;
right: 6px;
display: inline-block;
font-weight: bold;
content: "：";
}
.unq-simulation-list-01 dd {
font-weight: bold;
}
/* ------------------------------------
* .unq-simulation-plan-01
* --------------------------------- */
.unq-simulation-plan-01.is-hidden {
display: none;
}
.unq-simulation-plan-01 + #js-text-error {
display: none;
}
.unq-simulation-plan-01 + #js-text-error.is-show {
display: block;
}
.unq-simulation-plan-01 > .col {
border-style: solid;
border-width: 0 2px 2px;
border-radius: 4px;
}
.unq-simulation-plan-01 > .col:not(:last-child) {
margin-bottom: 30px;
}
.unq-simulation-plan-01 > .col.var-01 {
border-color: #b5bbce;
}
.unq-simulation-plan-01 > .col.var-01 .hdg {
background-color: #183e78;
}
.unq-simulation-plan-01 > .col.var-02 {
border-color: #0c52c2;
}
.unq-simulation-plan-01 > .col.var-02 .hdg {
background-color: #0c52c2;
}
.unq-simulation-plan-01 .hdg {
padding: 10px 5px;
margin: 0 -2px;
font-size: 1.125rem;
color: #fff;
text-align: center;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.unq-simulation-plan-01 .content {
padding: 20px;
}
.unq-simulation-plan-01 .result {
padding-bottom: 8px;
border-bottom: 2px solid #b5bbce;
}
.unq-simulation-plan-01 .result > *:last-child {
margin: 0;
}
.unq-simulation-plan-01 .price {
margin-bottom: 0;
font-size: 0.875rem;
}
.unq-simulation-plan-01 .price + .mod-text-annotation-01 {
display: none;
margin-top: 10px;
}
.unq-simulation-plan-01 .price + .mod-text-annotation-01.is-show {
display: block;
}
.unq-simulation-plan-01 .price > .label {
position: relative;
display: inline-block;
padding: 5px 10px 5px 8px;
margin-bottom: 10px;
font-size: 0.75rem;
font-weight: bold;
border-color: #b5bbce;
border-style: solid;
border-width: 1px 0 1px 1px;
}
.unq-simulation-plan-01 .price > .label::before, .unq-simulation-plan-01 .price > .label::after {
position: absolute;
right: -7px;
display: inline-block;
width: 1px;
height: 20px;
content: "";
background-color: #b5bbce;
}
.unq-simulation-plan-01 .price > .label::before {
top: -3px;
transform: rotate(-45deg);
}
.unq-simulation-plan-01 .price > .label::after {
bottom: -3px;
transform: rotate(45deg);
}
.unq-simulation-plan-01 .price > .number {
display: block;
}
.unq-simulation-plan-01 .price > .number > strong {
font-size: 1.75rem;
vertical-align: sub;
}
.unq-simulation-plan-01 .price > .number > strong > .dash,
.unq-simulation-plan-01 .price > .number > strong > .yen {
display: inline-block;
margin: 0 5px;
vertical-align: middle;
}
.unq-simulation-plan-01 .price > .number > strong > .dash {
font-size: 1rem;
}
.unq-simulation-plan-01 .price > .number > strong > .yen {
font-size: 0.875rem;
}
.unq-simulation-plan-01 .price > .number > .unit.is-hidden {
display: none;
}
@media screen and (min-width: 768px){
p {
font-size: 1rem;
}
img .pc-hide {
display: none;
}
img .sp-hide {
display: inline;
}
.site-main .str-outer:not(.of-full) {
padding: 100px 15px;
}
.site-main .str-content-col {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 300px;
grid-template-columns: 1fr 300px;
padding: 60px 15px 100px;
}
.site-main .str-content-col > .str-outer {
padding: 0;
}
.site-main .str-side {
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-column: 2/3;
margin: 0;
margin-left: 50px;
}
.site-footer .str-sitemap {
padding: 70px 5px;
}
.site-footer .str-sitemap .menu {
display: flex;
flex-wrap: wrap;
margin: -50px 0 0 -25px;
}
.site-footer .str-sitemap .menu > li {
margin: 50px 0 0 25px;
flex: 0 1 calc(25% - 25px);
width: calc(25% - 25px);
max-width: calc(25% - 25px);
}
.site-footer .str-sitemap .menu > li:not(:last-child) {
border-bottom: none;
}
.site-footer .str-sitemap .menu > li > a {
padding: 0 0 0 25px;
}
.site-footer .str-sitemap .handler::before {
top: 3px;
right: auto;
left: 0;
width: 14px;
height: 14px;
margin-top: 0;
background-color: transparent;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS41MjMgMikiPjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcng9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjUyMyAtMikiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNNSAzLjVsMi42IDIuNkw1IDguNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDA0NjhiIi8+PC9nPjwvc3ZnPg==);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
[data-script-enabled=true] .site-footer .str-sitemap .handler::after {
display: none;
}
.site-footer .str-sitemap .list {
padding-top: 15px;
margin-top: 15px;
border-top: 1px solid #fff;
}
[data-script-enabled=true] .site-footer .str-sitemap .list {
height: auto;
overflow: visible;
visibility: visible;
opacity: 1;
}
.site-footer .str-sitemap .list > .inner {
padding: 0;
}
.site-footer .str-sitemap .list > .inner::before {
display: none;
}
.site-footer .str-sitemap .list > .inner > li:first-child {
display: none;
}
.site-footer .str-sitemap .list > .inner > li:not(:first-child) {
padding-left: 0;
margin-top: 0;
}
.site-footer .str-sitemap .list > .inner > li:not(:first-child) > a {
display: inline-block;
padding-left: 12px;
font-size: 0.75rem;
}
.site-footer .str-sitemap .list > .inner > li:not(:first-child) > a::before {
top: 6px;
left: -1px;
width: 5px;
height: 5px;
}
.site-footer .str-sitemap .list > .inner > li:not(:last-child) {
margin-bottom: 15px;
}
.site-footer .str-content-info {
padding: 40px 5px;
}
.site-footer .str-content-info > .inner {
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: space-between;
max-width: 1200px;
margin: 0 auto;
}
.site-footer .str-content-info .utility-links {
display: flex;
margin-bottom: 0;
}
.site-footer .str-content-info .utility-links > li:not(:last-child) {
margin: 0 30px 0 0;
}
.site-footer .str-content-info .copy > small {
font-size: 0.75rem;
}
.pc-hide {
display: none;
}
.sp-hide {
display: block;
}
.mod-btn-01 > a,
.mod-btn-01 > button {
width: auto;
min-width: 200px;
max-width: 400px;
}
.mod-btn-01.of-small > a,
.mod-btn-01.of-small > button {
width: auto;
min-width: auto;
max-width: 300px;
}
.mod-btn-02.of-large > a,
.mod-btn-02.of-large > button {
font-size: 1.125rem;
}
.mod-btn-02.of-large.of-contact > a::before,
.mod-btn-02.of-large.of-contact > button::before {
width: 47px;
height: 47px;
}
.mod-btn-wrap-01 {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: -30px 0 20px -20px;
}
.mod-btn-wrap-01 > [class*=mod-btn-] {
width: auto;
padding: 30px 0 0 20px;
margin: 0;
}
.mod-input-text-01 {
max-width: 500px;
}
.mod-input-text-01.of-small {
max-width: 200px;
}
.mod-select-01 {
max-width: 315px;
}
.mod-textarea-01 {
max-width: 695px;
}
.mod-input-search-01 {
padding: 45px 50px 50px;
}
.mod-input-search-01 > .inner > .item > input {
padding: 12px 50px 12px 10px;
}
.mod-input-search-01 > .inner > .item > button {
height: 35px;
}
.mod-form-item-01 {
display: flex;
}
.mod-form-item-01 > .col {
width: 100%;
}
.mod-form-item-01 > .col:not(:last-child) {
flex: none;
width: calc((265 / 1000) * 100%);
margin: 0 40px 0 0;
}
.mod-form-item-01 > .col > label,
.mod-form-item-01 > .col > .label {
font-size: 1rem;
}
.mod-form-item-01 > .col .sample {
font-size: 0.875rem;
}
.mod-form-item-01 > .col .list-name {
margin: -10px 0 0 -30px;
}
.mod-form-item-01 > .col .list-name > li {
width: auto;
margin: 10px 0 0 30px;
}
.mod-form-item-01 > .col .notice {
font-size: 0.875rem;
}
.mod-form-item-01 > .col .confirm {
font-size: 0.875rem;
}
.mod-form-item-01 > .col .list-check-materials > label {
padding: 20px;
}
.mod-form-item-01 > .col .list-check-materials > label:not(:last-child) {
margin-bottom: 20px;
}
.mod-form-item-01 > .col .list-check-materials .image {
width: auto;
margin-right: 30px;
}
.mod-form-item-01 > .col .list-check-materials .text {
font-size: 0.875rem;
}
.mod-form-item-01 > .col .list-check-materials .text > .title {
font-size: 1rem;
}
.mod-form-item-01 > .col .error {
font-size: 0.875rem;
}
.mod-hdg-l1-01 {
padding: 20px 15px 0;
margin: 0 0 100px;
}
.mod-hdg-l1-01 > .inner {
margin: 125px auto 0;
}
.mod-hdg-l1-01 > .inner::before {
left: calc((100vw - 100%) / -2);
width: calc((100vw - 100%) / 2 + 610px);
}
.mod-hdg-l1-01 > .inner::after {
top: auto;
right: calc((100vw - 100%) / -1);
width: calc((100vw - 100%) / 2 + 67vw);
height: calc(100% + 105px);
min-height: 100%;
}
.mod-hdg-l1-01 > .inner > h1 {
width: 100%;
max-width: 610px;
padding: 50px 15px 30px 0;
font-size: 2rem;
}
.mod-hdg-l1-01 > .inner > h1 > span {
margin-bottom: 15px;
}
.mod-hdg-l1-02 {
padding: 20px 15px 40px;
}
.mod-hdg-l1-02 > h1 {
font-size: 2rem;
}
.mod-hdg-l1-02 > h1 > span {
margin-bottom: 8px;
}
.mod-hdg-l2-01 {
padding-left: 36px;
margin: 100px 0 30px;
font-size: 1.75rem;
}
.mod-hdg-l3-01 {
padding-left: 17px;
margin: 70px 0 30px;
font-size: 1.5rem;
}
.mod-hdg-l3-01::before, .mod-hdg-l3-01::after {
width: 7px;
}
.mod-hdg-l4-01 {
margin: 70px 0 20px;
font-size: 1.25rem;
}
.mod-hdg-l5-01 {
margin: 60px 0 20px;
font-size: 1.125rem;
}
.mod-hdg-l6-01 {
margin: 60px 0 20px;
font-size: 1rem;
}
.mod-link-text-01 {
font-size: 1rem;
}
.mod-link-anc-01 > a {
width: auto;
min-width: 300px;
}
.mod-link-list-01 {
margin: 30px 0;
}
.mod-link-list-02 {
display: flex;
flex-wrap: wrap;
margin: 50px 0 50px -20px;
}
.mod-link-list-02 > li {
margin: 0 0 0 20px;
}
.mod-link-list-02 > li + li {
margin-top: 0;
}
.mod-link-list-02 > li > a {
display: flex;
align-items: center;
min-width: auto;
height: 100%;
}
.mod-link-list-02[data-col="3"] > li {
flex: 0 1 calc(33.3333% - 20px);
width: calc(33.3333% - 20px);
max-width: calc(33.3333% - 20px);
}
.mod-link-list-02[data-col="3"] > li:nth-of-type(n + 4) {
margin-top: 20px;
}
.mod-link-list-02[data-col="4"] > li {
flex: 0 1 calc(25% - 20px);
width: calc(25% - 20px);
max-width: calc(25% - 20px);
}
.mod-link-list-02[data-col="4"] > li:nth-of-type(n + 5) {
margin-top: 20px;
}
.mod-link-list-02[data-col=row] > li {
flex: 1 1 100%;
width: 100%;
max-width: 100%;
margin-top: 0;
}
.mod-link-list-02[data-col=row] > li:nth-of-type(n + 4) {
margin-top: 0;
}
.mod-link-listNav-01 {
margin: 60px 0 0;
}
.mod-link-listNav-01 > li:not(.arrow) + li:not(.arrow) {
margin-left: 25px;
}
.mod-link-listNav-01 > li:not(.arrow) + li.arrow {
margin: 0 0 0 25px;
}
.mod-link-listNav-01 > li:not(.arrow) > a,
.mod-link-listNav-01 > li:not(.arrow) > em {
width: 32px;
height: 32px;
}
.mod-link-listNav-01 > li.arrow {
margin-right: 25px;
}
.mod-link-listNav-01 > li.arrow + .arrow {
margin-right: 25px;
}
.mod-link-listTab-01 {
margin: 50px 0;
}
.mod-link-listTab-01 li:not(:first-child) {
margin-left: 30px;
}
.mod-link-listTab-01 li a, .mod-link-listTab-01 li.current {
font-size: 1rem;
}
.mod-list-box-01 {
margin: 30px 0;
}
.mod-list-box-01 > li {
padding: 30px 0;
}
.mod-list-bullet-01 {
margin: 30px 0;
}
.mod-list-notice-01 {
margin: 30px 0;
}
.mod-list-order-01 {
margin: 30px 0;
}
.mod-list-news-01 {
margin-bottom: 30px;
}
.mod-list-news-01 > li {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.mod-list-news-01 > li .date,
.mod-list-news-01 > li .label {
flex: none;
}
.mod-list-news-01 > li .label {
margin-right: 15px;
}
.mod-list-news-01 > li .text {
width: 100%;
margin-top: 0;
font-size: 1rem;
}
.mod-list-step-01 {
width: calc((70px * 3) + (70px * 2));
margin-bottom: 50px;
}
.mod-list-step-01::before, .mod-list-step-01::after {
left: 70px;
}
.mod-list-step-01::before {
top: 35px;
width: calc((70px * 2) + 70px);
}
.mod-list-step-01::after {
top: 33px;
}
.mod-list-step-01.is-step-01 {
width: calc((70px * 2) + (54px * 2) + 75px);
}
.mod-list-step-01.is-step-01::before {
width: calc(70px + 54px + 75px);
}
.mod-list-step-01.is-step-01 > li:first-child {
width: 70px;
padding-top: 80px;
}
.mod-list-step-01.is-step-01 > li:first-child:not(:last-child) {
margin-right: 70px;
}
.mod-list-step-01.is-step-01 > li:first-child::before {
top: 30px;
}
.mod-list-step-01.is-step-01 > li:first-child::after {
width: 70px;
height: 70px;
}
.mod-list-step-01.is-step-02 {
width: calc((70px * 4) + 54px);
}
.mod-list-step-01.is-step-02::before {
width: calc(70px * 3);
}
.mod-list-step-01.is-step-02 > li:not(:last-child) {
width: 70px;
padding-top: 80px;
}
.mod-list-step-01.is-step-02 > li:not(:last-child):not(:last-child) {
margin-right: 70px;
}
.mod-list-step-01.is-step-02 > li:not(:last-child)::before {
top: 30px;
}
.mod-list-step-01.is-step-02 > li:not(:last-child)::after {
width: 70px;
height: 70px;
}
.mod-list-step-01.is-step-03 > li {
width: 70px;
padding-top: 80px;
}
.mod-list-step-01.is-step-03 > li:not(:last-child) {
margin-right: 70px;
}
.mod-list-step-01.is-step-03 > li::before {
top: 30px;
}
.mod-list-step-01.is-step-03 > li::after {
width: 70px;
height: 70px;
}
.mod-list-step-01 > li {
width: 54px;
padding-top: 72px;
}
.mod-list-step-01 > li:not(:last-child) {
margin-right: 75px;
}
.mod-list-step-01 > li::before {
top: 22px;
font-size: 0.875rem;
}
.mod-list-step-01 > li::after {
width: 54px;
height: 54px;
}
.mod-list-step-01 > li > span,
.mod-list-step-01 > li > em {
font-size: 0.875rem;
}
.mod-table-01 table th,
.mod-table-01 table td {
padding: 15px;
font-size: 0.875rem;
}
.mod-table-01 table th > p,
.mod-table-01 table td > p {
font-size: 0.875rem;
}
.mod-table-01.of-scroll > .inner {
padding-bottom: 0;
overflow: hidden;
}
.mod-table-01.of-scroll > .inner table {
min-width: 0;
}
.mod-table-01.of-scroll > .text {
display: none;
}
.mod-text-lead-01 {
font-size: 1.125rem;
}
.mod-text-lead-02 {
margin: 20px 0;
}
.mod-text-annotation-01 {
font-size: 0.875rem;
}
.mod-text-annotation-01 small {
font-size: 0.875rem;
}
.mod-text-news-01 .date,
.mod-text-news-01 .label {
flex: none;
}
.mod-text-news-01 .label {
margin-right: 15px;
}
.mod-lyt-col-01 {
margin: 50px 0 50px -30px;
}
.mod-lyt-col-01[data-col] .inner {
margin-top: -50px;
}
.mod-lyt-col-01[data-col] .inner > .col {
margin: 50px 0 0 30px;
}
.mod-lyt-col-01[data-col] .inner > .col[data-wide=full] {
flex: 0 1 calc(100% - 30px);
width: calc(100% - 30px);
max-width: calc(100% - 30px);
}
.mod-lyt-col-01[data-col] .inner > .col[data-wide="2"] {
flex: 0 1 calc(50% - 30px);
width: calc(50% - 30px);
max-width: calc(50% - 30px);
}
.mod-lyt-col-01[data-col] .inner > .col[data-wide="3"] {
flex: 0 1 calc(33.333% - 30px);
width: calc(33.333% - 30px);
max-width: calc(33.333% - 30px);
}
.mod-lyt-col-01[data-col="2"] .inner > .col {
flex: 0 1 calc(50% - 30px);
width: calc(50% - 30px);
max-width: calc(50% - 30px);
}
.mod-lyt-col-01[data-col="3"] .inner > .col {
flex: 0 1 calc(33.333% - 30px);
width: calc(33.333% - 30px);
max-width: calc(33.333% - 30px);
}
.mod-lyt-col-01[data-col="4"] .inner > .col {
flex: 0 1 calc(25% - 30px);
width: calc(25% - 30px);
max-width: calc(25% - 30px);
}
.mod-lyt-col-image-01 {
flex-direction: inherit;
flex-wrap: nowrap;
margin: 50px 0;
}
.mod-lyt-col-image-01 .content {
flex: 1 1 auto;
}
.mod-lyt-col-image-01 .image {
flex: 1 1 calc(30% + 30px);
flex-shrink: 0;
width: calc(30% + 30px);
}
.mod-lyt-col-image-01 > *:nth-of-type(n + 2) {
margin: 0 0 0 30px;
}
.mod-lyt-col-image-01.of-reverse {
flex-direction: row-reverse;
}
.mod-lyt-col-image-01.of-reverse > *:nth-of-type(n + 2) {
margin: 0 30px 0 0;
}
.mod-lyt-comparison-01 {
margin: 50px 0;
}
.mod-lyt-comparison-01.of-col {
display: flex;
}
.mod-lyt-comparison-01.of-col > .item {
flex: 1 1 100%;
}
.mod-lyt-comparison-01.of-col > .item:not(:first-child) {
margin-top: 0;
margin-left: 90px;
}
.mod-lyt-comparison-01.of-col > .item:not(:first-child)::before {
top: 0;
right: auto;
bottom: 0;
left: -85px;
transform: rotate(-90deg);
}
.mod-box-01 {
padding: 30px;
}
.mod-box-01.var-03 {
padding-top: 37px;
margin-top: 80px;
}
.mod-box-cv-01 {
margin: 80px 0 30px;
}
.mod-box-cv-01 .title {
font-size: 1.75rem;
}
.mod-box-cv-01 .title span {
font-size: 1.25rem;
}
.mod-box-cv-01 .list {
display: flex;
flex-wrap: wrap;
margin: 50px 0 50px -10px;
}
.mod-box-cv-01 .list > li {
flex: 0 1 calc(50% - 10px);
width: calc(50% - 10px);
max-width: calc(50% - 10px);
margin: 0 0 0 10px;
}
.mod-box-cv-01 .list > li + li {
margin-top: 0;
}
.mod-box-cv-01 .list > li > a {
min-width: auto;
height: 100%;
}
.mod-disclosure-faq {
margin: 20px 0;
}
.mod-disclosure-faq > .item {
font-size: 1rem;
}
.mod-disclosure-faq > .item > dt > .content,
.mod-disclosure-faq > .item > dd > .content {
padding: 18px 0 18px 50px;
}
.mod-disclosure-faq > .item > dt > .content::before,
.mod-disclosure-faq > .item > dd > .content::before {
width: 40px;
height: 40px;
}
[data-script-enabled=true] .mod-disclosure-faq.js-disclosure > .item > dt {
padding-right: 70px;
}
.unq-top-mv.is-animation .scroll {
animation: mv-scroll-area 0.3s ease-out 0.8s;
animation-fill-mode: both;
}
@keyframes mv-scroll-area {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.unq-top-mv.is-animation .news::before {
animation: mv-scroll-area 0.3s ease-out 0.8s;
animation-fill-mode: both;
}
@keyframes mv-scroll-area {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.unq-top-mv > .inner {
position: relative;
}
.unq-top-mv > .inner::before {
position: absolute;
top: 0;
left: 0;
height: 100%;
padding-top: 0;
background-image: url(/img/img-mv-pc.jpg);
}
.unq-top-mv .content {
width: 50%;
padding: 125px 25px 150px;
margin-top: 0;
}
.unq-top-mv .content::before {
top: 0;
width: calc((1400 / 700) * 100%);
height: calc((643 / 590) * 100%);
background-image: url(/img/img-mv-light-pc.png);
background-size: cover;
}
.unq-top-mv .content .lead {
margin-bottom: 30px;
font-size: 1.3125rem;
line-height: 1.625;
}
.unq-top-mv .content .image {
width: calc((458 / 600) * 100%);
}
.unq-top-mv .scroll {
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: flex;
align-items: flex-end;
justify-content: center;
width: 25px;
height: calc(100% - 45px);
background-color: rgba(38, 59, 97, 0.4);
}
[data-script-enabled=true] .unq-top-mv .scroll {
opacity: 0;
}
.unq-top-mv .scroll::before, .unq-top-mv .scroll::after {
position: absolute;
left: 50%;
display: inline-block;
content: "";
opacity: 0.8;
}
.unq-top-mv .scroll::before {
bottom: 0;
width: 1px;
height: 105px;
background-color: #fff;
}
.unq-top-mv .scroll::after {
bottom: 95px;
width: 5px;
height: 10px;
margin-left: -2px;
background-color: #fff;
border-radius: 5px;
animation: mv-scroll-loop 1.8s ease-out infinite;
}
@keyframes mv-scroll-loop {
15% {
opacity: 1;
}
100% {
opacity: 0;
transform: translateY(100px);
}
}
.unq-top-mv .scroll > p {
margin-bottom: 130px;
font-size: 0.75rem;
color: #fff;
opacity: 0.8;
transform: rotate(90deg);
}
.unq-top-mv .news {
bottom: 45px;
width: calc(100% - 25px);
padding: 30px 155px 30px 50px;
border-left: 25px solid #f0f7fc;
}
.unq-top-mv .news::before {
position: absolute;
top: 0;
left: -12px;
display: inline-block;
width: 1px;
height: 100%;
content: "";
background-color: #aabad2;
}
.unq-top-mv .news .mod-link-text-02 {
top: 32px;
right: 40px;
}
.unq-top-area-service {
padding: 150px 15px 130px;
}
.unq-top-area-service .lyt-col {
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
}
.unq-top-area-service .lyt-col.of-reverse {
flex-direction: row-reverse;
}
.unq-top-area-service .lyt-col > .content {
width: calc((500 / 1200) * 100%);
}
.unq-top-area-service .lyt-col > .content .hdg {
font-size: 1.75rem;
}
.unq-top-area-service .lyt-col > .content .list {
display: flex;
flex-wrap: wrap;
margin: -18px 0 45px -10px;
}
.unq-top-area-service .lyt-col > .content .list > li {
margin: 18px 0 0 10px;
flex: 0 1 calc(50% - 10px);
width: calc(50% - 10px);
max-width: calc(50% - 10px);
}
.unq-top-area-service .lyt-col > .content .list > li:not(:last-child) {
margin-bottom: 0;
}
.unq-top-area-service .lyt-col > .content .list > li.of-full {
flex: 0 1 calc(100% - 10px);
width: calc(100% - 10px);
max-width: calc(100% - 10px);
}
.unq-top-area-service .lyt-col > .image {
width: calc((620 / 1200) * 100%);
max-width: 620px;
padding-left: 20px;
}
.unq-top-area-service .lyt-col > .image::before {
top: -20px;
left: 0;
width: calc((270 / 620) * 100%);
height: calc((270 / 360) * 100%);
}
.unq-top-area-service .list-panel {
display: flex;
flex-wrap: wrap;
margin: -30px 0 130px -30px;
}
.unq-top-area-service .list-panel > li {
margin: 30px 0 0 30px;
flex: 0 1 calc(50% - 30px);
width: calc(50% - 30px);
max-width: calc(50% - 30px);
}
.unq-top-area-service .list-panel > li:not(:last-child) {
margin-bottom: 0;
}
.unq-top-area-service .list-panel > li > a {
height: 100%;
padding: 30px;
}
.unq-top-area-service .list-panel > li .content {
padding-right: 25px;
margin-right: 35px;
}
.unq-top-area-service .list-panel > li .content::after {
right: -30px;
}
.unq-top-area-service .list-panel > li .content .hdg {
margin-bottom: 14px;
font-size: 1.25rem;
}
.unq-top-area-service .list-panel > li .image {
width: calc((147 / 525) * 100%);
margin-right: 25px;
}
.unq-top-area-info {
padding: 100px 15px 130px;
}
.unq-top-area-info .lyt-col {
display: flex;
justify-content: space-between;
}
.unq-top-area-info .lyt-col > .hdg {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
width: calc((270 / 1200) * 100%);
}
.unq-top-area-info .lyt-col > .hdg > h2 {
font-size: 1.75rem;
}
.unq-top-area-info .lyt-col > .hdg .text {
order: 0;
}
.unq-top-area-info .lyt-col > .hdg .mod-link-text-02 {
margin-top: 40px;
}
.unq-top-area-info .lyt-col > .content {
width: calc((890 / 1200) * 100%);
}
.unq-top-area-about {
padding-bottom: 0;
}
.unq-top-area-about::after {
top: 85px;
bottom: auto;
height: 485px;
}
.unq-top-area-about > .content {
background: none;
}
.unq-top-area-about > .content::before {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: calc((960 / 1400) * 100%);
min-width: 700px;
height: 100%;
content: "";
background: linear-gradient(to right, #ff230d 0%, #ff8e77 100%);
}
.unq-top-area-about > .content > .inner {
width: 100%;
max-width: 1230px;
padding: 80px 15px;
margin: 0 auto;
}
.unq-top-area-about > .content .text {
line-height: 2;
}
.unq-top-area-about > .content .mod-btn-01 {
margin-top: 45px;
}
.unq-top-area-about > .lyt-col .panel {
max-width: 630px;
}
.unq-top-area-about > .lyt-col .panel > a {
padding: 30px 55px 30px 30px;
}
.unq-top-area-about > .lyt-col .panel > a::after {
right: 28px;
}
.unq-top-area-about > .lyt-col .panel > a .content {
padding-right: 30px;
}
.unq-top-area-about > .lyt-col .panel > a .content .hdg {
width: calc((204 / 320) * 100%);
margin-bottom: 16px;
}
.unq-top-area-about > .lyt-col .panel > a .image {
width: calc((174 / 555) * 100%);
margin-right: 30px;
}
.unq-top-area-about > .lyt-col .list > li {
width: calc(50% - 15px);
}
.unq-top-area-about > .lyt-col .list > li:not(:last-child) {
margin-right: 30px;
}
.unq-top-area-cv {
padding: 130px 15px 100px;
}
.unq-top-area-cv .panel {
margin-bottom: 100px;
}
.unq-top-area-cv .panel > a {
padding: 138px 15px;
font-size: 1.6875rem;
}
.unq-top-area-cv .cv::before {
top: auto;
bottom: -100px;
height: 426px;
background-image: url(/img/img-index-14-pc.jpg);
}
.unq-top-area-cv .cv .mod-box-cv-01 {
width: calc((900 / 1400) * 100%);
margin-left: auto;
}
.unq-top-area-cv .cv .mod-box-cv-01 > .inner {
max-width: 780px;
padding: 0 60px;
}
.unq-top-area-cv .cv .mod-box-cv-01 .title {
font-size: 1.75rem;
}
.unq-top-area-cv .cv .mod-box-cv-01 .list {
margin-top: 40px;
}
.unq-top-area-pickup .hdg {
margin-bottom: 40px;
font-size: 1.75rem;
}
.unq-top-area-pickup .list {
flex-direction: row;
flex-wrap: wrap;
margin: -30px 0 0 -30px;
}
.unq-top-area-pickup .list > li {
margin: 30px 0 0 30px;
flex: 0 1 calc(33.3333% - 30px);
width: calc(33.3333% - 30px);
max-width: calc(33.3333% - 30px);
}
.unq-top-area-pickup .list > li:not(:last-child) {
margin-bottom: 0;
}
.unq-simulation-hdg-l2-01 {
font-size: 1.125rem;
}
.unq-simulation-list-01 dt,
.unq-simulation-list-01 dd {
font-size: 1rem;
}
.unq-simulation-list-01 dt::after {
right: 4px;
}
.unq-simulation-plan-01 {
display: flex;
}
.unq-simulation-plan-01 > .col {
width: calc(50% - 15px);
}
.unq-simulation-plan-01 > .col:not(:last-child) {
margin: 0 30px 0 0;
}
.unq-simulation-plan-01 .hdg {
padding: 15px 5px;
font-size: 1.5rem;
}
.unq-simulation-plan-01 .content {
padding: 35px 30px;
}
.unq-simulation-plan-01 .result {
padding-bottom: 15px;
}
.unq-simulation-plan-01 .price {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.unq-simulation-plan-01 .price > .label {
margin: 0 25px 0 0;
}
.unq-simulation-plan-01 .price > .number > strong {
font-size: 1.75rem;
}
.unq-simulation-plan-01 .price > .number > strong > .dash {
font-size: 1.25rem;
}
.unq-simulation-plan-01 .price > .number > strong > .yen {
font-size: 1rem;
}
}
@media screen and (min-width: 1025px){
body::before {
background-color: #183e78;
}
body.is-open {
overflow: visible;
}
.site-header {
padding: 5px 5px 0;
background-color: transparent;
}
[data-script-enabled=true] .site-header {
position: relative;
height: 110px;
}
.site-header > .inner {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
width: calc(100% - ((100% - 1200px) / 2));
height: 100%;
margin-left: auto;
}
.site-header .logo {
position: absolute;
top: 0;
left: 0;
width: calc(260 / 1295 * 100%);
max-width: 281px;
margin: 0;
}
[data-script-enabled=true] .site-header .logo {
top: 50%;
transform: translateY(-50%);
}
.site-header .group-links {
display: flex;
align-items: baseline;
margin: 0 0 5px;
}
.site-header .menu-btn {
display: none;
}
.site-header .nav-global {
background-color: transparent;
}
[data-script-enabled=true] .site-header .nav-global {
position: relative;
top: auto;
visibility: visible;
opacity: 1;
transform: scaleY(1);
}
.site-header .nav-global .utility-links,
.site-header .nav-global .cvn-links {
display: none;
}
.site-header .form-search {
display: none;
}
.site-header .menubar {
align-items: center;
justify-content: flex-end;
margin: 0 5px 0 0;
}
[data-script-enabled=true] .site-header .menubar {
display: flex;
}
.site-header .menubar > li {
border-bottom: none;
}
.site-header .menubar > li:not(:last-child) {
margin-right: 5px;
}
.site-header .menubar > li > a {
padding: 18px 16px 18px 5px;
font-size: 0.8125rem;
}
.site-header .menubar .handler {
transition: background-color 0.25s ease-out;
}
.site-header .menubar .handler:hover, .site-header .menubar .handler:focus, .site-header .menubar .handler:active {
background-color: #fff;
}
.site-header .menubar .handler:hover::after, .site-header .menubar .handler:focus::after, .site-header .menubar .handler:active::after {
opacity: 1;
}
.site-header .menubar .handler[aria-expanded=true] {
background-color: #fff;
}
.site-header .menubar .handler[aria-expanded=true]::after {
opacity: 1;
transform: none;
}
.site-header .menubar .handler::before {
right: 3px;
width: 0;
height: 0;
margin-top: -3px;
background-color: transparent;
border-color: #183e78 transparent transparent;
border-style: solid;
border-width: 5px 4.5px 0;
}
.site-header .menubar .handler::after {
top: auto;
right: 10px;
bottom: 0;
width: calc(100% - 20px);
height: 2px;
margin-top: 0;
background-color: #00468b;
opacity: 0;
transition: opacity 0.25s ease-out;
}
.site-header .menubar .search {
display: block;
}
.site-header .menubar .search > a {
position: relative;
display: block;
width: 30px;
height: 30px;
padding: 0;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background-color: transparent;
border: 2px solid #b5bbce;
border-radius: 50%;
transition: opacity 0.25s ease-out;
}
.site-header .menubar .search > a:hover, .site-header .menubar .search > a:focus, .site-header .menubar .search > a:active {
opacity: 0.7;
}
.site-header .menubar .search > a + .dropdown {
transition: height 0.3s ease-out, visibility 0.3s ease-out, opacity 0.25s ease-out, margin-top 0.25s ease-out;
}
.site-header .menubar .search > a[aria-expanded=true] + .dropdown {
margin-top: 9px;
overflow: visible;
visibility: visible;
opacity: 1;
}
.site-header .menubar .search > a::before {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
width: 14px;
height: 14px;
margin: -7px 0 0 -7px;
content: "";
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSJ0cmFuc3BhcmVudCIgZD0iTTAgMGgxNnYxNkgweiIvPjxnIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik0xNC4yNiAxNS42OGwtNC4zLTQuM2E2IDYgMCAxIDEgMS40Mi0xLjQybDQuMyA0LjN6Ii8+PHBhdGggZD0iTTkuMzUgOS4zNWwuNC0uNTVjLjU0LS43Ni44LTEuNy43Mi0yLjYzLS4wNy0uOTUtLjQ4LTEuODQtMS4xNi0yLjUxLTEuNTYtMS41Ny00LjEtMS41Ni01LjY1IDAtMS41NiAxLjU1LTEuNTYgNC4xIDAgNS42NS42Ny42OCAxLjU2IDEuMDkgMi41MiAxLjE2LjkzLjA3IDEuODYtLjE4IDIuNjItLjcybC41Ni0uNG02LjMyIDQuOTFsLTEuNDIgMS40Mi00LjMtNC4zYy0yLjM0IDEuNjctNS42MiAxLjQ1LTcuNzItLjY1LTIuMzQtMi4zNC0yLjM0LTYuMTUgMC04LjQ5czYuMTUtMi4zNCA4LjQ5IDBjMi4xIDIuMSAyLjMyIDUuMzguNjUgNy43Mmw0LjMgNC4zeiIgZmlsbD0iIzUzNjU5MSIvPjwvZz48L2c+PC9zdmc+Cg==) !important;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.site-header .menubar .search .menu {
display: flex;
align-items: center;
padding: 45px 80px 45px 40px;
}
.site-header .menubar .search .menu > p {
flex: none;
margin: 0 25px 0 0;
font-size: 1rem;
}
.site-header .menubar .search .menu > p > label {
cursor: default;
}
.site-header .menubar .search .menu > .box {
position: relative;
flex-grow: 1;
}
.site-header .menubar .search .menu > .box > input {
padding: 6px 40px 6px 5px;
border: 1px solid #b5bbce;
}
.site-header .menubar .search .menu > .box > button {
position: absolute;
top: 50%;
right: 0;
width: 40px;
height: 38px;
margin-top: -19px;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background-color: transparent;
}
.site-header .menubar .search .menu > .box > button:hover::after, .site-header .menubar .search .menu > .box > button:focus::after, .site-header .menubar .search .menu > .box > button:active::after {
opacity: 0.75;
}
.site-header .dropdown {
width: calc(100% + 5px);
background-color: #fff;
}
[data-script-enabled=true] .site-header .dropdown {
position: absolute;
left: 0;
}
.site-header .dropdown .menu {
padding: 0;
}
.site-header .dropdown .menu > li {
display: flex;
padding: 0;
border-top: none;
}
.site-header .dropdown .menu > li > a {
flex: none;
width: 300px;
padding: 150px 0 0;
font-size: 1rem;
line-height: 1;
color: #fff;
background-color: #fff;
}
.site-header .dropdown .menu > li > a:hover > span::before, .site-header .dropdown .menu > li > a:focus > span::before, .site-header .dropdown .menu > li > a:active > span::before {
opacity: 0.7;
}
.site-header .dropdown .menu > li > a::before {
display: none;
}
.site-header .dropdown .menu > li > a > span {
position: relative;
display: flex;
align-items: center;
height: 100%;
padding: 15px 30px 15px 45px;
line-height: 1.5;
background-color: #1f3146;
}
.site-header .dropdown .menu > li > a > span.var-outsourcing::before {
background-image: url(/common/img/img-gnav-outsourcing.jpg);
}
.site-header .dropdown .menu > li > a > span.var-biz::before {
background-image: url(/common/img/img-gnav-biz.jpg);
}
.site-header .dropdown .menu > li > a > span.var-rental::before {
background-image: url(/common/img/img-gnav-rental.jpg);
}
.site-header .dropdown .menu > li > a > span.var-about::before {
background-image: url(/common/img/img-gnav-about.jpg);
}
.site-header .dropdown .menu > li > a > span::before {
top: -150px;
left: 0;
width: 100%;
height: 150px;
background-size: 100%;
transition: opacity 0.25s ease-out;
}
.site-header .dropdown .menu > li > a > span::after {
top: 20px;
left: 23px;
width: 14px;
height: 14px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS41MjMgMikiPjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcng9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xLjUyMyAtMikiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNNSAzLjVsMi42IDIuNkw1IDguNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDA0NjhiIi8+PC9nPjwvc3ZnPg==);
background-size: contain;
}
.site-header .dropdown .list {
display: flex;
flex-wrap: wrap;
padding: 40px;
margin: -20px 0 0 -20px;
}
.site-header .dropdown .list > li {
margin: 20px 0 0 20px;
flex: 0 1 calc(33.3333% - 20px);
width: calc(33.3333% - 20px);
max-width: calc(33.3333% - 20px);
}
.site-header .dropdown .list > li:not(:last-child) {
margin-bottom: 0;
}
.site-header .dropdown .list > li > a {
display: inline-block;
}
.site-header .dropdown .close-btn {
display: block;
}
.site-header .utility-links {
display: flex;
padding: 0;
margin: 0 15px 0 0;
}
.site-header .utility-links > li:not(:last-child) {
margin: 0 10px 0 0;
}
.site-header .utility-links > li > a {
padding: 5px 8px 5px 20px;
font-size: 0.75rem;
background-color: #efefef;
border-radius: 3px;
}
.site-header .utility-links > li > a::before {
top: 11px;
left: 6px;
width: 5px;
height: 5px;
}
.site-header .cvn-links {
display: flex;
padding: 0;
margin-bottom: 0;
}
.site-header .cvn-links > li:not(:last-child) {
margin: 0 4px 0 0;
}
.site-header .cvn-links > li > a {
width: 120px;
padding: 12px 10px;
}
.site-header .close-btn {
position: absolute;
top: 25px;
right: 25px;
display: none;
width: 14px;
height: 14px;
padding: 0;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background-color: transparent;
}
.site-header .close-btn::before, .site-header .close-btn::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: inline-block;
width: 14px;
height: 2px;
margin: auto;
content: "";
background-color: #2269b1;
}
.site-header .close-btn::before {
transform: rotate(45deg);
}
.site-header .close-btn::after {
transform: rotate(-45deg);
}
.site-footer .pagetop {
width: 64px;
height: 64px;
visibility: hidden;
opacity: 0;
}
.site-footer .pagetop.is-fixed {
top: calc(-64px - 22px);
}
.site-footer .pagetop > a::before {
top: 25px;
}
.site-footer .pagetop > a::after {
top: 35px;
}
.unq-top-area-about > .lyt-col {
display: flex;
align-items: flex-start;
width: calc((1300 / 1400) * 100%);
max-width: 1300px;
padding: 0;
margin: -30px 0 0 auto;
}
.unq-top-area-about > .lyt-col .panel {
width: calc((640 / 1300) * 100%);
max-width: none;
margin: 0 30px 0 0;
}
.unq-top-area-about > .lyt-col .list {
width: calc((630 / 1300) * 100%);
}
.unq-simulation-plan-01 .price > .number > strong {
font-size: 2.25rem;
}
}
@media screen and (min-width: 1210px){
.site-header .menubar {
margin: 0 20px 0 0;
}
.site-header .menubar > li > a {
padding: 18px 20px 18px 9px;
font-size: 0.875rem;
}
.site-header .menubar .handler::before {
right: 5px;
}
.site-header .menubar .search > a {
width: 38px;
height: 38px;
}
.site-header .menubar .search > a::before {
width: 18px;
height: 18px;
margin: -9px 0 0 -9px;
}
.site-header .utility-links {
margin: 0 20px 0 0;
}
.site-header .cvn-links > li > a {
width: 150px;
}
.unq-top-mv .content {
padding: 145px 50px 180px;
}
.unq-top-mv .content .lead {
margin-bottom: 38px;
font-size: 2rem;
}
.unq-top-mv .scroll {
width: 50px;
}
.unq-top-mv .news {
width: calc(100% - 100px);
border-width: 50px;
}
.unq-top-mv .news::before {
left: -25px;
}
}
@media screen and (min-width: 1400px){
.site-header .logo {
width: calc(281 / 1295 * 100%);
}
}