@charset 'utf-8';
/* google fonts */
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/* ----------------------------------------------------------------
Normalize
----------------------------------------------------------------- */
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
line-height: 1.15;
}
article, aside, footer, header, nav, section {
display: block;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
figcaption, figure, main {
display: block;
}
figure {
margin: 1em 40px;
}
hr {
overflow: visible;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
font-size: 1em;
font-family: monospace, monospace;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b, strong {
font-weight: inherit;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp {
font-size: 1em;
font-family: monospace, monospace;
}
dfn {
font-style: italic;
}
mark {
background-color: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub, sup {
position: relative;
vertical-align: baseline;
font-size: 75%;
line-height: 0;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
audio, video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
button, input, optgroup, select, textarea {
margin: 0;
}
button, input {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html [type='button'], [type='reset'], [type='submit'] {
-webkit-appearance: button;
}
button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner {
padding: 0;
border-style: none;
}
button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring {
outline: 1px dotted ButtonText;
}
legend {
display: table;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
max-width: 100%;
color: inherit;
white-space: normal;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type='checkbox'], [type='radio'] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button {
height: auto;
}
[type='search'] {
outline-offset: -2px;
-webkit-appearance: textfield;
}
[type='search']::-webkit-search-cancel-button, [type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
details, menu {
display: block;
}
summary {
display: list-item;
}
canvas {
display: inline-block;
}
template {
display: none;
}
[hidden] {
display: none;
}
/* ----------------------------------------------------------------
Base
----------------------------------------------------------------- */
:root {
font-size: 62.5%;
}
*, *::before, *::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html, body, h1, h2, h3, h4, h5, h6, li {
margin: 0;
padding: 0;
}
body {
background: #fff;
color: #333;
font-size: 1.4rem;
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Arial, sans-serif;
line-height: 1.5;
}
@media only screen and (max-width: 768px) {
body {
font-size: 1.2rem;
line-height: 1.5;
}
}
img {
max-width: 100%;
vertical-align: bottom;
}
a {
color: #666;
text-decoration: underline;
-webkit-transition: color .2s ease-out;
transition: color .2s ease-out;
}
a img {
-webkit-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
}
a:hover, a:active, a:focus {
color: #666;
text-decoration: none;
}
a:hover img, a:active img, a:focus img {
opacity: .6;
}
button {
cursor: pointer;
}
b, em {
font-weight: bold;
font-style: normal;
}
strong {
color: #0055a6;
font-weight: bold;
}
address {
font-style: normal;
}
hr {
display: none;
}
p {
margin: 0 0 18px;
line-height: 2;
}
p + p {
margin-top: -7px;
}
@media only screen and (max-width: 768px) {
p {
line-height: 1.5;
}
p + p {
margin-top: -5px;
}
}
ul, ol, dl {
margin: 0 0 20px;
padding: 0;
}
@media only screen and (max-width: 768px) {
ul, ol, dl {
margin-bottom: 20px;
}
}
ul, ol {
list-style-type: none;
}
ul > :last-child, ol > :last-child, dl > :last-child {
margin-bottom: 0;
}
dfn {
font-style: normal;
}
dd {
margin: 0;
}
table {
border-collapse: collapse;
}
blockquote {
margin: 0;
}
iframe {
margin: 0;
padding: 0;
width: 100%;
border: 0;
}
input[type='text'], input[type='search'] {
border-radius: 0;
}
input, select {
padding: 1px;
font-size: 16px;
}
fieldset {
margin: 0;
padding: 0;
border: 0;
}
/* ----------------------------------------------------------------
Clearfix
----------------------------------------------------------------- */
.header .header-inner::after, .nav-global .megamenu-contents .menu-list-lyt::after, .contents-fluid._2col .contents-inner::after, .breadcrumbs .breadcrumbs-list::after, .footer .footer-inner .footer-list::after, .link-box._col2::after, .link-box._col3::after, .link-box-02::after, .link-list::after, .media-lyt::after, .grid::after, .list-step::after, .form-btn-lyt::after, .uni-block-info._2col::after, .uni-link-box::after, .uni-link-box-02::after, .uni-link-box-02 > li .uni-link-box-child::after, .uni-link-list::after, .uni-grid::after, .uni-grid-02::after, .uni-box .uni-box-inner .media-lyt::after, .contents-fluid._top-group .t-link-list::after {
display: block;
clear: both;
content: '';
}
/* ----------------------------------------------------------------
Contents column fluid
----------------------------------------------------------------- */
.header .header-inner, .nav-global .nav-global-inner, .contents-fluid .contents-inner, .breadcrumbs .breadcrumbs-list, .footer .footer-inner, .hdg-l1 > .hdg-inner {
margin: 0 auto;
max-width: 1200px;
width: 100%;
text-align: left;
}
@media only screen and (max-width: 1220px) {
.header .header-inner, .nav-global .nav-global-inner, .contents-fluid .contents-inner, .breadcrumbs .breadcrumbs-list, .footer .footer-inner, .hdg-l1 > .hdg-inner {
padding-right: 10px;
padding-left: 10px;
}
}
/* ----------------------------------------------------------------
Loading Spritesheet
----------------------------------------------------------------- */
.nav-global .megamenu-contents .megamenu-hdg a::after, .btn-pagetop > a::after, .hdg-l2 > ._link::after, .hdg-l3 > ._link::after, .list-link > li::before, .list-flow .list-flow-inner + .list-flow-inner::before, .link-box > li .link-box-head::after, .link-tab > li > a::before, .btn::after, .btn-primary::after, .form-error-text::before, .uni-link-box > li > a.uni-link-box-btn::after, .uni-link-box > li .uni-link-box-head::after, .uni-link-box-02 > li .uni-link-box-head::after, .box-download .hdg-download::before, .uni-box .hdg-uni-box::before, .contents-fluid._top-service .t-block-lyt .t-block._service .t-link-banner > a::after, .contents-fluid._top-service .t-block-lyt .t-block._list > a > .t-block-inner .t-block-link-text::after, .contents-fluid._top-service .t-block-lyt .t-block._objective > a > .t-block-inner .t-block-link-text::after, .contents-fluid._top-ir .uni-link-banner a::after, .contents-fluid._top-csr .uni-link-banner a::after {
background-image: url(/common/images/sprite.png);
}
/* ----------------------------------------------------------------
Pseudo element (Block)
----------------------------------------------------------------- */
.nav-global .header-menu-hook .menu-btn::before, .nav-global .header-menu-hook .menu-btn::after, .nav-global .header-menu-hook .menu-btn .menu-btn-text::before, .nav-global .nav-global-list > .megamenu-menu > a::after, .nav-global .nav-global-list > li > a::after, .nav-global .nav-global-list > .megamenu-menu .megamenu-title._csr > a::after, .nav-global .nav-global-list > .megamenu-menu .megamenu-title._group > a::after, .nav-global .nav-global-list > li .megamenu-title._csr > a::after, .nav-global .nav-global-list > li .megamenu-title._group > a::after, .nav-global .nav-global-list > .megamenu-menu .toggle-title > a::before, .nav-global .nav-global-list > .megamenu-menu .toggle-title > a::after, .nav-global .nav-global-list > li .toggle-title > a::before, .nav-global .nav-global-list > li .toggle-title > a::after, .nav-global .megamenu-contents .megamenu-hdg a::after, .nav-global .megamenu-contents .menu-list-img > li .menu-list-link::after, .nav-global .megamenu-contents .menu-list > li > a::after, .header-utility .header-utility-list > li + li::before, .btn-pagetop > a::after, .nav-local > li + li::after, .nav-local > li > a::after, .footer .footer-inner::before, .footer .footer-inner .footer-list > li:not(:last-child)::after, .hdg-l4::before, .hdg-l5::before, .list-bullet > li::before, .list-link > li::before, .list-flow .list-flow-inner + .list-flow-inner::before, .link-box > li .link-box-head::after, .link-box-02 > li > a .link-box-02-body::after, .link-list > li:nth-child(n+2)::after, .link-list > li > a::after, .link-box-02-grid-wrap .grid[data-col='2'] > .grid-col:nth-child(even)::before, .link-anchor-wrap::after, .link-anchor > li > a::after, .link-tab._top > li._active::before, .link-tab._bottom > li._active::before, .link-tab > li > a::before, .btn::after, .btn-primary::after, .media-lyt._uni-lyt > .media-item::after, .box._line::before, .box > .box-inner .box-hdg::before, .grid[data-col='2'] > .grid-col:nth-child(even) > .grid-col-inner::after, .list-step > li:not(:last-child)::after, .toggle .toggle-btn::before, .toggle .toggle-btn::after, .uni-block-info .uni-block-link a::after, .uni-link-box > li > a.uni-link-box-btn::before, .uni-link-box > li > a.uni-link-box-btn::after, .uni-link-box > li .uni-link-box-head::after, .uni-link-box > li .uni-link-box-head::before, .uni-link-box-02 > li .uni-link-box-head::before, .uni-link-box-02 > li .uni-link-box-head::after, .uni-link-box-02 > li .uni-link-box-child > li > a::after, .uni-link-list > li > a::after, .uni-box .hdg-uni-box::before, .contents-fluid._top-fgl .t-link-box > a::before, .contents-fluid._top-service .t-block-lyt .t-block._list::after, .contents-fluid._top-service .t-block-lyt .t-block._objective::after, .contents-fluid._top-service .t-block-lyt .t-block._list > a::before, .contents-fluid._top-service .t-block-lyt .t-block._objective > a::before, .contents-fluid._top-service .t-block-lyt .t-block._service .t-link-banner > a::after, .contents-fluid._top-service .t-block-lyt .t-block._list > a > .t-block-inner .t-block-link-text::after, .contents-fluid._top-service .t-block-lyt .t-block._objective > a > .t-block-inner .t-block-link-text::after, .contents-fluid._top-ir .t-link-list > li > a::after, .contents-fluid._top-ir .uni-link a::after, .contents-fluid._top-ir .uni-link-banner a::after, .contents-fluid._top-csr .t-link-list > li > a::after, .contents-fluid._top-csr .uni-link a::after, .contents-fluid._top-csr .uni-link-banner a::after {
display: block;
content: '';
}
/* ----------------------------------------------------------------
Pseudo element (Inline Block)
----------------------------------------------------------------- */
.hdg-l2 > ._link::after, .hdg-l3 > ._link::after, .form-error-text::before, .box-download .hdg-download::before {
display: inline-block;
content: '';
}
/* ----------------------------------------------------------------
Header
----------------------------------------------------------------- */
.header {
position: relative;
}
.header .header-inner {
position: relative;
z-index: 1;
padding-top: 14px;
padding-bottom: 13px;
background-color: #fff;
-webkit-box-shadow: 0 1px rgba(0, 0, 0, .2);
box-shadow: 0 1px rgba(0, 0, 0, .2);
}
.header .header-inner .header-logo {
float: left;
margin: 0;
line-height: 1;
}
.header .header-inner .header-group {
float: right;
margin: 0;
}
.header .header-inner .header-logo > a img:hover, .header .header-inner .header-logo > a img:active, .header .header-inner .header-logo > a img:focus, .header .header-inner .header-group > a img:hover, .header .header-inner .header-group > a img:active, .header .header-inner .header-group > a img:focus {
opacity: 1;
}
@media only screen and (max-width: 990px) {
.header .header-inner {
padding-top: 10px;
padding-bottom: 10px;
-webkit-box-shadow: none;
box-shadow: none;
}
.header .header-inner .header-logo img {
width: 126px;
}
.header .header-inner .header-group {
display: none;
}
}
/* ----------------------------------------------------------------
Global Navigation
----------------------------------------------------------------- */
/* .nav-global
----------------------------------------------- */
.nav-global {
position: relative;
background-color: #0055a6;
color: #fff;
}
.nav-global .nav-global-inner {
position: static;
}
@media only screen and (max-width: 990px) {
.nav-global {
background-color: #fff;
}
.nav-global.is-open .nav-global-inner {
display: block;
background-color: #fff;
}
.nav-global .nav-global-inner {
position: absolute;
z-index: 20;
display: none;
width: 100%;
-webkit-box-shadow: 0 10px 5px rgba(0, 0, 0, .35);
box-shadow: 0 10px 5px rgba(0, 0, 0, .35);
}
}
/* .header-menu-hook
----------------------------------------------- */
.nav-global .header-menu-hook {
position: relative;
display: none;
}
.nav-global .header-menu-hook .menu-btn {
padding: 0;
border: none;
background: none;
}
.nav-global .header-menu-hook .menu-btn .menu-btn-text {
display: block;
color: transparent;
}
@media only screen and (max-width: 990px) {
.nav-global .header-menu-hook {
z-index: 20;
display: block;
}
.nav-global .header-menu-hook .menu-btn {
position: absolute;
top: -42px;
right: 10px;
width: 25px;
height: 32px;
}
.nav-global .header-menu-hook .menu-btn::before {
position: absolute;
top: 6px;
left: 0;
width: 25px;
height: 3px;
background-color: #0055a6;
}
.nav-global .header-menu-hook .menu-btn::after {
position: absolute;
bottom: 6px;
left: 0;
width: 25px;
height: 3px;
background-color: #0055a6;
}
.nav-global .header-menu-hook .menu-btn .menu-btn-text {
overflow: hidden;
height: 32px;
}
.nav-global .header-menu-hook .menu-btn .menu-btn-text::before {
position: absolute;
top: 14px;
left: 0;
width: 25px;
height: 3px;
background-color: #0055a6;
}
.nav-global.is-open .header-menu-hook .menu-btn::before {
top: 15px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.nav-global.is-open .header-menu-hook .menu-btn::after {
bottom: 14px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.nav-global.is-open .header-menu-hook .menu-btn .menu-btn-text::before {
display: none;
}
}
/* .nav-global-list
----------------------------------------------- */
.nav-global .nav-global-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0;
}
.nav-global .nav-global-list > .megamenu-menu > a, .nav-global .nav-global-list > li > a {
display: block;
padding: 20px 25px 19px;
color: #fff;
text-decoration: none;
white-space: nowrap;
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
}
.nav-global .nav-global-list > .megamenu-menu > a:hover, .nav-global .nav-global-list > .megamenu-menu > a:active, .nav-global .nav-global-list > .megamenu-menu > a:focus, .nav-global .nav-global-list > li > a:hover, .nav-global .nav-global-list > li > a:active, .nav-global .nav-global-list > li > a:focus {
background-color: #061c3b;
}
.nav-global .nav-global-list > .megamenu-menu .megamenu-title > a, .nav-global .nav-global-list > li .megamenu-title > a {
display: block;
padding: 20px 0 19px;
padding: 20px 25px 19px;
color: #fff;
text-decoration: none;
white-space: nowrap;
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
}
.nav-global .nav-global-list > .megamenu-menu .megamenu-title > a:hover, .nav-global .nav-global-list > .megamenu-menu .megamenu-title > a:active, .nav-global .nav-global-list > .megamenu-menu .megamenu-title > a:focus, .nav-global .nav-global-list > li .megamenu-title > a:hover, .nav-global .nav-global-list > li .megamenu-title > a:active, .nav-global .nav-global-list > li .megamenu-title > a:focus {
background-color: #061c3b;
}
.nav-global .nav-global-list .megamenu-menu.is-current .megamenu-title > a {
background-color: #061c3b;
}
@media only screen and (max-width: 990px) {
.nav-global .nav-global-list {
display: block;
margin: 13px 0 26px;
font-size: 1.8rem;
}
.nav-global .nav-global-list > .megamenu-menu, .nav-global .nav-global-list > li {
border-top: 1px solid #0055a6;
}
.nav-global .nav-global-list > .megamenu-menu + .megamenu-menu, .nav-global .nav-global-list > .megamenu-menu + li, .nav-global .nav-global-list > li + .megamenu-menu, .nav-global .nav-global-list > li + li {
margin-left: 0;
}
.nav-global .nav-global-list > .megamenu-menu:last-child, .nav-global .nav-global-list > li:last-child {
border-bottom: 1px solid #0055a6;
}
.nav-global .nav-global-list > .megamenu-menu > a, .nav-global .nav-global-list > li > a {
position: relative;
padding: 8px 23px 8px 13px;
border-right: 1px solid #0055a6;
border-left: 1px solid #0055a6;
color: #0055a6;
}
.nav-global .nav-global-list > .megamenu-menu > a:hover, .nav-global .nav-global-list > .megamenu-menu > a:active, .nav-global .nav-global-list > .megamenu-menu > a:focus, .nav-global .nav-global-list > li > a:hover, .nav-global .nav-global-list > li > a:active, .nav-global .nav-global-list > li > a:focus {
background-color: #0055a6;
color: #fff;
}
.nav-global .nav-global-list > .megamenu-menu > a:hover::after, .nav-global .nav-global-list > .megamenu-menu > a:active::after, .nav-global .nav-global-list > .megamenu-menu > a:focus::after, .nav-global .nav-global-list > li > a:hover::after, .nav-global .nav-global-list > li > a:active::after, .nav-global .nav-global-list > li > a:focus::after {
border-color: currentcolor;
}
.nav-global .nav-global-list > .megamenu-menu > a::after, .nav-global .nav-global-list > li > a::after {
position: absolute;
top: 50%;
right: 20px;
width: 5px;
height: 5px;
border: 1px solid #0055a6;
border-bottom: transparent;
border-left: transparent;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
.nav-global .nav-global-list > .megamenu-menu .megamenu-title._csr, .nav-global .nav-global-list > .megamenu-menu .megamenu-title._group, .nav-global .nav-global-list > li .megamenu-title._csr, .nav-global .nav-global-list > li .megamenu-title._group {
position: relative;
}
.nav-global .nav-global-list > .megamenu-menu .megamenu-title._csr > a, .nav-global .nav-global-list > .megamenu-menu .megamenu-title._group > a, .nav-global .nav-global-list > li .megamenu-title._csr > a, .nav-global .nav-global-list > li .megamenu-title._group > a {
position: relative;
padding: 8px 23px 8px 13px;
border-right: 1px solid #0055a6;
border-left: 1px solid #0055a6;
color: #0055a6;
}
.nav-global .nav-global-list > .megamenu-menu .megamenu-title._csr > a:hover, .nav-global .nav-global-list > .megamenu-menu .megamenu-title._csr > a:active, .nav-global .nav-global-list > .megamenu-menu .megamenu-title._csr > a:focus, .nav-global .nav-global-list > .megamenu-menu .megamenu-title._group > a:hover, .nav-global .nav-global-list > .megamenu-menu .megamenu-title._group > a:active, .nav-global .nav-global-list > .megamenu-menu .megamenu-title._group > a:focus, .nav-global .nav-global-list > li .megamenu-title._csr > a:hover, .nav-global .nav-global-list > li .megamenu-title._csr > a:active, .nav-global .nav-global-list > li .megamenu-title._csr > a:focus, .nav-global .nav-global-list > li .megamenu-title._group > a:hover, .nav-global .nav-global-list > li .megamenu-title._group > a:active, .nav-global .nav-global-list > li .megamenu-title._group > a:focus {
background-color: #0055a6;
color: #fff;
}
.nav-global .nav-global-list > .megamenu-menu .megamenu-title._csr > a:hover::after, .nav-global .nav-global-list > .megamenu-menu .megamenu-title._csr > a:active::after, .nav-global .nav-global-list > .megamenu-menu .megamenu-title._csr > a:focus::after, .nav-global .nav-global-list > .megamenu-menu .megamenu-title._group > a:hover::after, .nav-global .nav-global-list > .megamenu-menu .megamenu-title._group > a:active::after, .nav-global .nav-global-list > .megamenu-menu .megamenu-title._group > a:focus::after, .nav-global .nav-global-list > li .megamenu-title._csr > a:hover::after, .nav-global .nav-global-list > li .megamenu-title._csr > a:active::after, .nav-global .nav-global-list > li .megamenu-title._csr > a:focus::after, .nav-global .nav-global-list > li .megamenu-title._group > a:hover::after, .nav-global .nav-global-list > li .megamenu-title._group > a:active::after, .nav-global .nav-global-list > li .megamenu-title._group > a:focus::after {
border-color: currentcolor;
}
.nav-global .nav-global-list > .megamenu-menu .megamenu-title._csr > a::after, .nav-global .nav-global-list > .megamenu-menu .megamenu-title._group > a::after, .nav-global .nav-global-list > li .megamenu-title._csr > a::after, .nav-global .nav-global-list > li .megamenu-title._group > a::after {
position: absolute;
top: 50%;
right: 20px;
width: 5px;
height: 5px;
border: 1px solid #0055a6;
border-bottom: transparent;
border-left: transparent;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
.nav-global .nav-global-list > .megamenu-menu .toggle-title, .nav-global .nav-global-list > li .toggle-title {
position: relative;
}
.nav-global .nav-global-list > .megamenu-menu .toggle-title > a, .nav-global .nav-global-list > li .toggle-title > a {
position: relative;
padding: 8px 23px 8px 13px;
border-right: 1px solid #0055a6;
border-left: 1px solid #0055a6;
color: #0055a6;
}
.nav-global .nav-global-list > .megamenu-menu .toggle-title > a:hover, .nav-global .nav-global-list > .megamenu-menu .toggle-title > a:active, .nav-global .nav-global-list > .megamenu-menu .toggle-title > a:focus, .nav-global .nav-global-list > li .toggle-title > a:hover, .nav-global .nav-global-list > li .toggle-title > a:active, .nav-global .nav-global-list > li .toggle-title > a:focus {
background-color: transparent;
}
.nav-global .nav-global-list > .megamenu-menu .toggle-title > a::before, .nav-global .nav-global-list > li .toggle-title > a::before {
position: absolute;
top: 15px;
right: 20px;
width: 2px;
height: 12px;
background-color: #0055a6;
}
.nav-global .nav-global-list > .megamenu-menu .toggle-title > a::after, .nav-global .nav-global-list > li .toggle-title > a::after {
position: absolute;
top: 20px;
right: 15px;
width: 12px;
height: 2px;
background-color: #0055a6;
}
.nav-global .nav-global-list > .megamenu-menu.is-current .toggle-title > a::before, .nav-global .nav-global-list > li.is-current .toggle-title > a::before {
background-color: #fff;
}
.nav-global .nav-global-list > .megamenu-menu.is-open .toggle-title > a::before, .nav-global .nav-global-list > li.is-open .toggle-title > a::before {
background-color: #0055a6;
}
.nav-global .nav-global-list > .megamenu-menu.is-current .megamenu-title._group > a, .nav-global .nav-global-list > .megamenu-menu.is-open .megamenu-title._group > a, .nav-global .nav-global-list > li.is-current .megamenu-title._group > a, .nav-global .nav-global-list > li.is-open .megamenu-title._group > a {
background-color: #0055a6;
color: #fff;
}
.nav-global .nav-global-list > .megamenu-menu.is-current .megamenu-title._group > a::after, .nav-global .nav-global-list > .megamenu-menu.is-open .megamenu-title._group > a::after, .nav-global .nav-global-list > li.is-current .megamenu-title._group > a::after, .nav-global .nav-global-list > li.is-open .megamenu-title._group > a::after {
border-top-color: #fff;
border-right-color: #fff;
}
.nav-global .nav-global-list > .megamenu-menu.is-current .toggle-title > a, .nav-global .nav-global-list > .megamenu-menu.is-open .toggle-title > a, .nav-global .nav-global-list > li.is-current .toggle-title > a, .nav-global .nav-global-list > li.is-open .toggle-title > a {
background-color: #0055a6;
color: #fff;
}
.nav-global .nav-global-list > .megamenu-menu.is-current .toggle-title > a::after, .nav-global .nav-global-list > .megamenu-menu.is-open .toggle-title > a::after, .nav-global .nav-global-list > li.is-current .toggle-title > a::after, .nav-global .nav-global-list > li.is-open .toggle-title > a::after {
background-color: #fff;
}
}
/* .megamenu-contents, .toggle-contents
----------------------------------------------- */
.nav-global .megamenu-menu.is-open .megamenu-contents {
display: block;
}
.nav-global .megamenu-contents {
position: absolute;
top: 0;
left: 0;
z-index: 10;
display: none;
width: 100%;
background-color: rgba(22, 27, 39, .95);
}
.nav-global .megamenu-contents .pc-hidden {
display: none;
}
.nav-global .megamenu-contents .megamenu-contents-inner {
position: relative;
margin: 0 auto;
padding: 50px 0;
max-width: 1200px;
}
.nav-global .megamenu-contents .megamenu-hdg {
margin: 0;
margin-bottom: 23px;
color: #fff;
font-size: 2.8rem;
line-height: 1.2;
}
.nav-global .megamenu-contents .megamenu-hdg a {
position: relative;
display: inline-block;
color: #fff;
text-decoration: none;
}
.nav-global .megamenu-contents .megamenu-hdg a:hover, .nav-global .megamenu-contents .megamenu-hdg a:active, .nav-global .megamenu-contents .megamenu-hdg a:focus {
text-decoration: underline;
}
.nav-global .megamenu-contents .megamenu-hdg a::after {
position: absolute;
top: 50%;
right: -34px;
width: 19px;
height: 19px;
background-position: 0 -71px;
background-size: 94px auto;
background-repeat: no-repeat;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.nav-global .megamenu-contents .menu-list-img {
margin: 0;
}
.nav-global .megamenu-contents .menu-list-img > li > a {
display: block;
color: #fff;
text-decoration: none;
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
}
.nav-global .megamenu-contents .menu-list-img > li > a:hover, .nav-global .megamenu-contents .menu-list-img > li > a:active, .nav-global .megamenu-contents .menu-list-img > li > a:focus {
background-color: #404755;
}
.nav-global .megamenu-contents .menu-list-img > li > a:hover img, .nav-global .megamenu-contents .menu-list-img > li > a:active img, .nav-global .megamenu-contents .menu-list-img > li > a:focus img {
opacity: 1;
}
.nav-global .megamenu-contents .menu-list-img > li .menu-list-link {
position: relative;
display: block;
padding: 9px 15px;
border-top: 1px solid #a2a7ab;
}
.nav-global .megamenu-contents .menu-list-img > li .menu-list-link::after {
position: absolute;
top: 50%;
right: 12px;
width: 5px;
height: 5px;
border: 1px solid #3fa1fc;
border-bottom: transparent;
border-left: transparent;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
.nav-global .megamenu-contents .menu-list-img._service {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.nav-global .megamenu-contents .menu-list-img._service > li {
width: 27.08333%;
}
.nav-global .megamenu-contents .menu-list-img._service > li + li {
margin-left: 4.16667%;
}
.nav-global .megamenu-contents .menu-list-img._fgl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.nav-global .megamenu-contents .menu-list-img._fgl > li {
width: 21.05263%;
}
.nav-global .megamenu-contents .menu-list-img._fgl > li + li + li {
margin-left: 5.26316%;
}
.nav-global .megamenu-contents .menu-list-img._ir {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.nav-global .megamenu-contents .menu-list-img._ir > li {
width: 21.05263%;
}
.nav-global .megamenu-contents .menu-list-img._ir > li + li + li {
margin-left: 5.26316%;
}
.nav-global .megamenu-contents .media-lyt {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 0;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.nav-global .megamenu-contents .media-lyt .media-item {
margin-right: 4.16667%;
min-width: 27.08333%;
}
.nav-global .megamenu-contents .media-lyt .media-col {
margin: 0;
}
.nav-global .megamenu-contents .menu-list {
margin: 0;
}
.nav-global .megamenu-contents .menu-list > li {
border-bottom: 1px solid #444c54;
}
.nav-global .megamenu-contents .menu-list > li:first-child {
border-top: 1px solid #a2a7ab;
}
.nav-global .megamenu-contents .menu-list > li > a {
position: relative;
display: block;
padding: 9px 15px;
color: #fff;
text-decoration: none;
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
}
.nav-global .megamenu-contents .menu-list > li > a::after {
position: absolute;
top: 50%;
right: 12px;
width: 5px;
height: 5px;
border: 1px solid #3fa1fc;
border-bottom: transparent;
border-left: transparent;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
.nav-global .megamenu-contents .menu-list > li > a:hover, .nav-global .megamenu-contents .menu-list > li > a:active, .nav-global .megamenu-contents .menu-list > li > a:focus {
background-color: #404755;
}
.nav-global .megamenu-contents .menu-list-lyt .menu-list-img._ir, .nav-global .megamenu-contents .menu-list-lyt .menu-list-img._fgl {
float: left;
width: 79.16667%;
}
.nav-global .megamenu-contents .menu-list-lyt .menu-list {
float: right;
width: 16.66667%;
}
.nav-global .megamenu-contents .menu-list-lyt._lease .menu-list-img {
float: left;
width: 27.08333%;
}
.nav-global .megamenu-contents .menu-list-lyt._lease .menu-list {
float: left;
margin-left: 50px;
width: 16.66667%;
}
.nav-global .megamenu-contents .megamenu-btn-close {
position: absolute;
top: 50px;
right: 0;
padding: 0;
border: none;
background: none;
-webkit-transition: opacity .1s ease-out;
transition: opacity .1s ease-out;
-webkit-appearance: none;
appearance: none;
}
.nav-global .megamenu-contents .megamenu-btn-close:hover, .nav-global .megamenu-contents .megamenu-btn-close:active, .nav-global .megamenu-contents .megamenu-btn-close:focus {
opacity: .6;
}
@media only screen and (max-width: 1220px) {
.nav-global .megamenu-contents .megamenu-contents-inner {
padding-right: 10px;
padding-left: 10px;
}
.nav-global .megamenu-contents .megamenu-btn-close {
right: 10px;
}
}
@media only screen and (max-width: 990px) {
.nav-global .megamenu-menu.is-open .megamenu-contents {
display: none;
}
.nav-global .megamenu-menu.is-open .toggle-contents {
display: block;
}
.nav-global .megamenu-contents {
position: relative;
background-color: #fff;
}
.nav-global .megamenu-contents .megamenu-contents-inner {
padding: 0;
}
.nav-global .megamenu-contents .megamenu-hdg {
display: none;
}
.nav-global .megamenu-contents .megamenu-btn-close {
display: none;
}
.nav-global .toggle-contents {
font-size: 1.5rem;
}
.nav-global .toggle-contents .sp-hidden {
display: none;
}
.nav-global .toggle-contents .pc-hidden {
display: block;
}
.nav-global .toggle-contents .menu-list-img {
display: block;
}
.nav-global .toggle-contents .menu-list-img > li > a {
color: #333;
}
.nav-global .toggle-contents .menu-list-img > li > a:hover, .nav-global .toggle-contents .menu-list-img > li > a:active, .nav-global .toggle-contents .menu-list-img > li > a:focus {
background-color: #e3f0fc;
}
.nav-global .toggle-contents .menu-list-img > li > a .menu-list-link {
padding: 16px 20px 16px 5px;
width: 100%;
border: none;
}
.nav-global .toggle-contents .menu-list-img > li > a .menu-list-link::after {
border-top-color: #0055a6;
border-right-color: #0055a6;
}
.nav-global .toggle-contents .menu-list-img > li:nth-child(n+1) > a {
border-top: 1px solid #c4c4c4;
}
.nav-global .toggle-contents .menu-list-img._service, .nav-global .toggle-contents .menu-list-img._fgl, .nav-global .toggle-contents .menu-list-img._ir {
display: block;
}
.nav-global .toggle-contents .menu-list-img._service > li, .nav-global .toggle-contents .menu-list-img._fgl > li, .nav-global .toggle-contents .menu-list-img._ir > li {
width: 100%;
}
.nav-global .toggle-contents .menu-list-img._service > li + li, .nav-global .toggle-contents .menu-list-img._fgl > li + li, .nav-global .toggle-contents .menu-list-img._ir > li + li {
margin-left: 0;
}
.nav-global .toggle-contents .menu-list-img._service > li + li + li, .nav-global .toggle-contents .menu-list-img._fgl > li + li + li, .nav-global .toggle-contents .menu-list-img._ir > li + li + li {
margin-left: 0;
}
.nav-global .toggle-contents .menu-list > li {
border: none;
}
.nav-global .toggle-contents .menu-list > li:first-child {
border: none;
}
.nav-global .toggle-contents .menu-list > li:nth-child(n+1) > a {
border-top: 1px solid #c4c4c4;
}
.nav-global .toggle-contents .menu-list > li > a {
padding: 16px 20px 16px 5px;
color: #333;
}
.nav-global .toggle-contents .menu-list > li > a::after {
border-top-color: #0055a6;
border-right-color: #0055a6;
}
.nav-global .toggle-contents .menu-list > li > a:hover, .nav-global .toggle-contents .menu-list > li > a:active, .nav-global .toggle-contents .menu-list > li > a:focus {
background-color: #e3f0fc;
}
.nav-global .toggle-contents .menu-list-lyt .menu-list-img._ir, .nav-global .toggle-contents .menu-list-lyt .menu-list-img._fgl {
float: none;
width: 100%;
}
.nav-global .toggle-contents .menu-list-lyt .menu-list {
float: none;
width: 100%;
}
.nav-global .toggle-contents .menu-list-lyt._lease .menu-list-img {
float: none;
width: 100%;
}
.nav-global .toggle-contents .menu-list-lyt._lease .menu-list {
float: none;
margin-left: 0;
width: 100%;
}
}
/* .header-utility
----------------------------------------------- */
.nav-global .header-utility {
position: relative;
}
.nav-global .header-utility .header-utility-list {
position: absolute;
top: -104px;
right: 202px;
z-index: 10;
width: 200px;
}
.nav-global .header-utility .header-utility-search {
position: absolute;
top: -104px;
right: 0;
z-index: 10;
width: 200px;
}
.nav-global .header-utility .header-utility-search #ss-query1 {
width: 140px;
}
@media only screen and (max-width: 990px) {
.nav-global .header-utility {
margin-left: -10px;
padding: 0 10px 25px;
width: calc(100% + 20px);
background-color: #0e3254;
}
.nav-global .header-utility .header-utility-list {
position: static;
width: 100%;
}
.nav-global .header-utility .header-utility-search {
position: static;
width: 100%;
}
.nav-global .header-utility .header-utility-search #ss-form1 {
text-align: center;
}
.nav-global .header-utility .header-utility-search #ss-query1 {
width: auto;
}
}
/* .header-utility-list
----------------------------------------------- */
.header-utility .header-utility-list {
display: table;
margin: 0;
}
.header-utility .header-utility-list > li {
position: relative;
display: table-cell;
font-size: 1.2rem;
}
.header-utility .header-utility-list > li + li::before {
position: absolute;
top: 50%;
left: 0;
z-index: 1;
width: 1px;
height: 18px;
background-color: #c4c4c4;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.header-utility .header-utility-list > li a {
display: block;
padding: 6px 20px;
color: #0055a6;
text-align: center;
text-decoration: none;
white-space: nowrap;
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
}
.header-utility .header-utility-list > li a:hover, .header-utility .header-utility-list > li a:active, .header-utility .header-utility-list > li a:focus {
background-color: #e3f0fc;
}
@media only screen and (max-width: 990px) {
.header-utility .header-utility-list {
width: 100%;
}
.header-utility .header-utility-list > li {
position: relative;
margin-right: 0;
width: 50%;
font-size: 1.4rem;
}
.header-utility .header-utility-list > li + li::before {
left: 0;
height: 28px;
background-color: #c4c4c4;
}
.header-utility .header-utility-list > li a {
padding: 24px 0 25px;
color: #fff;
text-align: center;
white-space: normal;
}
.header-utility .header-utility-list > li a:hover, .header-utility .header-utility-list > li a:active, .header-utility .header-utility-list > li a:focus {
background-color: #0e3254;
}
}
/* .header-utility-search
----------------------------------------------- */
@media only screen and (max-width: 990px) {
.header-utility .header-utility-search {
margin-top: 4px;
}
}
/* Yahoo!検索　カスタムサーム*/
/* #srchBox
----------------------------------------------- */
#srchBox.watermark #srchInput {
background-image: url('https://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif'), url('/common/images/header-icon-search.png');
background-position: 13px center,
right 10px center;
background-repeat: no-repeat,
no-repeat;
}
#srchBox.watermark #srchInput.nomark {
background: #fff;
}
#srchBox #srchForm {
margin: 0;
border: 1px solid #c4c4c4;
white-space: nowrap;
line-height: 1;
}
#srchBox #srchInput {
padding: 2px 4px;
width: 150px;
height: 28px;
border: none;
background-image: none;
font-size: 1.4rem;
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Arial, sans-serif;
}
#srchBox #srchBtn {
padding: 3px 11px;
height: 28px;
border: none;
background-color: #0055a6;
color: #fff;
font-size: 1.4rem;
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Arial, sans-serif;
cursor: pointer;
}
#srchBox img {
position: absolute;
z-index: -10;
}
@media only screen and (max-width: 990px) {
#srchBox #srchForm {
border: 1px solid #c4c4c4;
white-space: normal;
}
#srchBox #srchInput {
padding: 4px 8px;
width: calc(100% - 60px);
height: 44px;
vertical-align: middle;
font-size: 1.8rem;
}
#srchBox #srchBtn {
padding: 3px 16px;
height: 44px;
vertical-align: middle;
}
}
/* ----------------------------------------------------------------
Contents
----------------------------------------------------------------- */
/* .contents-fluid
----------------------------------------------- */
.contents {
position: relative;
}
.contents-fluid {
text-align: center;
}
.contents-fluid .contents-inner .contents-primary > :first-child {
margin-top: 0;
}
.contents-fluid .contents-inner .contents-primary > :last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 990px) {
.contents-fluid .contents-inner .contents-primary {
padding-bottom: 110px;
}
}
@media only screen and (max-width: 768px) {
.contents-fluid .contents-inner .contents-primary {
padding-bottom: 55px;
}
}
/* .contents-fluid._2col
----------------------------------------------- */
.contents-fluid._2col .contents-inner {
overflow: hidden;
}
.contents-fluid._2col .contents-inner .contents-primary {
float: left;
width: 75%;
}
.contents-fluid._2col .contents-inner .contents-secondary {
float: right;
margin-left: 5.83333%;
width: 19.16667%;
}
.contents-fluid._2col .contents-inner .contents-secondary > :last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 990px) {
.contents-fluid._2col .contents-inner .contents-primary {
padding-bottom: 110px;
}
}
@media only screen and (max-width: 768px) {
.contents-fluid._2col .contents-inner .contents-primary {
float: none;
padding-bottom: 55px;
width: 100%;
}
.contents-fluid._2col .contents-inner .contents-secondary {
float: none;
margin-left: -10px;
padding-bottom: 100px;
width: calc(100% + 20px);
}
}
/* .breadcrumbs
----------------------------------------------- */
.breadcrumbs {
background-color: #0e3254;
color: #fff;
}
.breadcrumbs .breadcrumbs-list {
padding: 11px 25px;
}
.breadcrumbs .breadcrumbs-list > li {
position: relative;
float: left;
font-size: 1.2rem;
}
.breadcrumbs .breadcrumbs-list > li > a {
color: #fff;
text-decoration: none;
}
.breadcrumbs .breadcrumbs-list > li > a:hover, .breadcrumbs .breadcrumbs-list > li > a:active, .breadcrumbs .breadcrumbs-list > li > a:focus {
text-decoration: underline;
}
.breadcrumbs .breadcrumbs-list > li + li {
padding-left: 34px;
}
.breadcrumbs .breadcrumbs-list > li + li::before {
position: absolute;
left: 14px;
z-index: 1;
content: '\003e';
font-weight: normal;
}
.breadcrumbs .breadcrumbs-list > li:last-of-type {
font-weight: bold;
}
.breadcrumbs._btm {
position: absolute;
bottom: 0;
width: 100%;
background-color: #f7f7f7;
color: #333;
}
.breadcrumbs._btm .breadcrumbs-list {
padding: 21px 25px;
}
.breadcrumbs._btm .breadcrumbs-list > li > a {
color: #333;
}
@media only screen and (max-width: 990px) {
.breadcrumbs._btm {
position: static;
display: block;
}
}
@media only screen and (max-width: 768px) {
.breadcrumbs {
display: none;
}
}
/* .btn-pagetop
----------------------------------------------- */
.btn-pagetop {
position: relative;
margin: 0;
min-height: 110px;
text-align: right;
}
.btn-pagetop.is-hidden > a {
display: none;
}
.btn-pagetop.is-fixed > a {
position: fixed;
bottom: 20px;
}
.btn-pagetop > a {
position: absolute;
right: 20px;
bottom: 0;
z-index: 10;
display: inline-block;
padding: 16px 42px 16px 18px;
background-color: #0055a6;
color: #fff;
text-decoration: none;
font-weight: bold;
-webkit-transition: background-color .2s ease-out ,color .2s ease-out;
transition: background-color .2s ease-out ,color .2s ease-out;
}
.btn-pagetop > a:hover, .btn-pagetop > a:active, .btn-pagetop > a:focus {
background-color: #e3f0fc;
color: #0055a6;
}
.btn-pagetop > a:hover::after, .btn-pagetop > a:active::after, .btn-pagetop > a:focus::after {
background-position: -42px -71px;
}
.btn-pagetop > a::after {
position: absolute;
top: 50%;
right: 11px;
width: 19px;
height: 19px;
background-position: -63px -71px;
background-size: 94px auto;
background-repeat: no-repeat;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (max-width: 990px) {
.btn-pagetop {
right: 10px;
bottom: 10px;
min-height: auto;
}
.btn-pagetop > a {
padding: 18px;
width: 53px;
height: 53px;
font-size: 0;
}
.btn-pagetop > a::after {
right: 50%;
margin: -1px 1px 0 0;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
}
/* ----------------------------------------------------------------
Local Navigation
----------------------------------------------------------------- */
/* .nav-local-hdg
----------------------------------------------- */
.nav-local-hdg {
margin-bottom: 25px;
padding: 20px 10px;
background-color: #0e3254;
color: #fff;
text-align: left;
font-weight: normal;
font-size: 2.2rem;
}
.nav-local-hdg > a {
color: #fff;
text-decoration: none;
}
.nav-local-hdg > a:hover, .nav-local-hdg > a:active, .nav-local-hdg > a:focus {
text-decoration: underline;
}
@media only screen and (max-width: 768px) {
.nav-local-hdg {
margin-bottom: 0;
padding: 20px;
text-align: left;
}
}
/* .nav-local
----------------------------------------------- */
.nav-local {
margin-bottom: 70px;
background-color: #f7f7f7;
font-size: 1.5rem;
}
.nav-local > li {
position: relative;
}
.nav-local > li + li::after {
position: absolute;
top: -1px;
left: 50%;
width: calc(100% - 40px);
height: 1px;
background-color: #c4c4c4;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.nav-local > li.is-current {
border-bottom: 1px solid #f7f7f7;
}
.nav-local > li.is-current > a {
background-color: #0055a6;
color: #fff;
}
.nav-local > li.is-current > a:hover, .nav-local > li.is-current > a:active, .nav-local > li.is-current > a:focus {
color: #0055a6;
}
.nav-local > li > a {
position: relative;
display: block;
padding: 16px 35px 16px 20px;
text-decoration: none;
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
}
.nav-local > li > a:hover, .nav-local > li > a:active, .nav-local > li > a:focus {
background-color: #e3f0fc;
}
.nav-local > li > a::after {
position: absolute;
top: 50%;
right: 32px;
width: 5px;
height: 5px;
border: 1px solid #0055a6;
border-bottom: transparent;
border-left: transparent;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
.nav-local .nav-local-child-hdg {
margin: 25px 0 0 20px;
color: #0055a6;
font-weight: bold;
font-size: 1.5rem;
}
.nav-local .nav-local-child {
margin: 20px;
background-color: #fff;
}
.nav-local .nav-local-child > li.is-current > a {
background-color: #e3f0fc;
}
.nav-local .nav-local-child > li > a {
display: block;
padding: 11px 20px;
text-decoration: none;
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
}
.nav-local .nav-local-child > li > a:hover, .nav-local .nav-local-child > li > a:active, .nav-local .nav-local-child > li > a:focus {
background-color: #e3f0fc;
}
.nav-local .nav-local-child-hdg + .nav-local-child {
margin-top: 10px;
}
/* ----------------------------------------------------------------
Footer
----------------------------------------------------------------- */
.footer {
overflow: hidden;
background-color: #0e3254;
color: #fff;
}
.footer .footer-inner {
position: relative;
display: table;
padding-top: 44px;
padding-bottom: 44px;
}
.footer .footer-inner::before {
position: absolute;
right: -37px;
bottom: 0;
z-index: 0;
width: 99px;
height: 120px;
background-image: url('/common/images/bg-footer.png');
background-position: top left;
background-size: 100%;
background-repeat: no-repeat;
}
@media only screen and (max-width: 990px) {
.footer .footer-inner {
display: block;
padding-top: 25px;
padding-bottom: 25px;
}
.footer .footer-inner::before {
right: 10px;
width: 77px;
height: 115px;
background-position: bottom left;
}
}
/* .footer-list
----------------------------------------------- */
.footer .footer-inner .footer-list {
display: table-cell;
margin: 0;
width: 53.33333%;
vertical-align: middle;
}
.footer .footer-inner .footer-list > li {
position: relative;
float: left;
font-size: 1.2rem;
line-height: 3;
}
.footer .footer-inner .footer-list > li a {
color: #fff;
text-decoration: none;
}
.footer .footer-inner .footer-list > li a:hover, .footer .footer-inner .footer-list > li a:active, .footer .footer-inner .footer-list > li a:focus {
text-decoration: underline;
}
.footer .footer-inner .footer-list > li:not(:last-child) {
padding-right: 25px;
}
.footer .footer-inner .footer-list > li:not(:last-child)::after {
position: absolute;
top: 50%;
right: 12px;
z-index: 1;
width: 1px;
height: 13px;
background-color: #fff;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (max-width: 990px) {
.footer .footer-inner .footer-list {
display: block;
width: 100%;
}
.footer .footer-inner .footer-list > li {
line-height: 2.6;
}
}
/* .footer-copyright
----------------------------------------------- */
.footer .footer-inner .footer-copyright {
position: relative;
display: table-cell;
margin: 0;
width: 46.66667%;
vertical-align: middle;
text-align: right;
}
.footer .footer-inner .footer-copyright small {
font-size: 1.2rem;
}
@media only screen and (max-width: 990px) {
.footer .footer-inner .footer-copyright {
display: block;
margin-top: 15px;
width: 100%;
text-align: center;
}
.footer .footer-inner .footer-copyright small {
font-size: 1rem;
}
}
/* ----------------------------------------------------------------
Headings
----------------------------------------------------------------- */
/* .hdg-fluid
----------------------------------------------- */
.hdg-l1 {
margin-bottom: 70px;
background-image: url('/common/images/bg-heading.jpg');
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
}
.hdg-l1 > .hdg-inner {
padding-top: 40px;
padding-bottom: 40px;
color: #fff;
font-weight: normal;
font-size: 3.8rem;
line-height: 1.2;
}
.hdg-l1 > .hdg-inner > .hdg-subtext {
font-size: 2.8rem;
}
@media only screen and (max-width: 768px) {
.hdg-l1 {
margin-bottom: 35px;
}
.hdg-l1 .hdg-inner {
padding: 20px 10px;
font-size: 2.4rem;
}
.hdg-l1 .hdg-inner > .hdg-subtext {
font-size: 2rem;
}
}
/* .hdg-l2
----------------------------------------------- */
.hdg-l2 {
margin: 70px 0 21px;
padding-bottom: 5px;
border-bottom: 1px solid #737373;
color: #0055a6;
font-weight: normal;
font-size: 3.2rem;
line-height: 1.2;
}
.hdg-l2._s {
font-size: 2.8rem;
}
.hdg-l2._ss {
font-size: 2.6rem;
}
.hdg-l2._bt {
margin-bottom: 0;
padding: 30px 0;
border-top: 1px solid #0055a6;
border-bottom: 0;
}
.hdg-l2 > ._link {
position: relative;
display: inline-block;
color: #0055a6;
text-decoration: none;
}
.hdg-l2 > ._link:hover, .hdg-l2 > ._link:active, .hdg-l2 > ._link:focus {
text-decoration: underline;
}
.hdg-l2 > ._link::after {
margin-left: 12px;
width: 19px;
height: 19px;
background-position: -21px -71px;
background-size: 94px auto;
background-repeat: no-repeat;
vertical-align: middle;
}
@media only screen and (max-width: 768px) {
.hdg-l2 {
font-size: 2.1rem;
}
.hdg-l2._s, .hdg-l2._ss {
font-size: 2.1rem;
}
}
/* .hdg-l2-2
----------------------------------------------- */
.hdg-l2-2 {
margin: 70px 0 0;
padding: 30px 0;
border-top: 1px solid #0055a6;
color: #0055a6;
font-weight: normal;
font-size: 2.6rem;
line-height: 1.2;
}
/* .hdg-l3
----------------------------------------------- */
.hdg-l3 {
margin: 50px 0 22px;
color: #0055a6;
font-weight: normal;
font-size: 2.2rem;
line-height: 1.2;
}
.hdg-l3 > ._link {
position: relative;
display: inline-block;
color: #0055a6;
text-decoration: none;
}
.hdg-l3 > ._link:hover, .hdg-l3 > ._link:active, .hdg-l3 > ._link:focus {
text-decoration: underline;
}
.hdg-l3 > ._link::after {
margin-left: 12px;
width: 19px;
height: 19px;
background-position: -21px -71px;
background-size: 94px auto;
background-repeat: no-repeat;
vertical-align: middle;
}
@media only screen and (max-width: 768px) {
.hdg-l3 {
font-size: 1.6rem;
}
}
/* .hdg-l4
----------------------------------------------- */
.hdg-l4 {
position: relative;
margin: 50px 0 23px;
padding-left: 30px;
color: #0055a6;
font-weight: bold;
font-size: 1.5rem;
line-height: 1.2;
}
.hdg-l4::before {
position: absolute;
top: .3em;
left: 0;
width: 16px;
height: 6px;
background-color: #c4c4c4;
}
.hdg-l4._no-icon {
padding-left: 0;
}
.hdg-l4._no-icon:before {
display: none;
}
/* .hdg-l5
----------------------------------------------- */
.hdg-l5 {
position: relative;
margin: 50px 0 23px;
padding-left: 30px;
color: #0055a6;
font-weight: normal;
font-size: 1.5rem;
line-height: 1.2;
}
.hdg-l5::before {
position: absolute;
top: .45em;
left: 0;
width: 10px;
height: 10px;
border-width: 1px;
border-style: solid;
border-color: #0055a6 transparent transparent #0055a6;
}
.hdg-l2 + p, .hdg-l3 + p, .hdg-l4 + p, .hdg-l5 + p {
margin-top: -7px;
}
/* ----------------------------------------------------------------
List
----------------------------------------------------------------- */
/* nest margin settings */
.list-note > li .list-body > .list-bullet, .list-bullet > li > .list-bullet, .list-num > li > .list-bullet, .list-link > li > .list-bullet, .list-desc > dd > .list-bullet, .list-note > li .list-body > .list-note, .list-bullet > li > .list-note, .list-num > li > .list-note, .list-link > li > .list-note, .list-desc > dd > .list-note, .list-note > li .list-body > .list-num, .list-bullet > li > .list-num, .list-num > li > .list-num, .list-link > li > .list-num, .list-desc > dd > .list-num, .list-note > li .list-body > .list-link, .list-bullet > li > .list-link, .list-num > li > .list-link, .list-link > li > .list-link, .list-desc > dd > .list-link {
margin-top: 10px;
}
/* .list-note
----------------------------------------------- */
.list-note {
margin-bottom: 50px;
line-height: 1.57;
}
.list-note > li {
display: table;
width: 100%;
}
.list-note > li + li {
margin-top: 10px;
}
.list-note > li .list-mark {
display: table-cell;
padding-right: 20px;
vertical-align: top;
white-space: nowrap;
}
.list-note > li .list-mark > img {
max-width: none;
}
.list-note > li .list-body {
display: table-cell;
width: 100%;
vertical-align: top;
}
.list-note > li .list-body > :last-child {
margin-bottom: 0;
}
/* .list-bullet
----------------------------------------------- */
.list-bullet {
margin-bottom: 50px;
line-height: 1.57;
}
.list-bullet > li {
position: relative;
padding-left: 38px;
}
.list-bullet > li::before {
position: absolute;
top: .6em;
left: 10px;
width: 4px;
height: 4px;
background-color: #0055a6;
}
.list-bullet > li > :last-child {
margin-bottom: 0;
}
.list-bullet > li + li {
margin-top: 10px;
}
/* .list-num
----------------------------------------------- */
.list-num {
margin-bottom: 50px;
counter-reset: number;
line-height: 1.57;
}
.list-num > li {
position: relative;
padding-left: 42px;
width: 100%;
counter-increment: number;
}
.list-num > li::before {
position: absolute;
top: 0;
left: 0;
padding-left: 5px;
width: 2.75em;
color: #0055a6;
content: counter(number) '.';
white-space: nowrap;
font-size: 1.5rem;
font-family: 'Libre Baskerville';
}
.list-num > li > :last-child {
margin-bottom: 0;
}
.list-num > li + li {
margin-top: 10px;
}
@media only screen and (max-width: 768px) {
.list-num > li::before {
top: -.1em;
}
}
/* .list-link
----------------------------------------------- */
.list-link {
margin-bottom: 50px;
line-height: 1.57;
}
.list-link > li {
position: relative;
padding-left: 38px;
}
.list-link > li::before {
position: absolute;
top: .1em;
left: 0;
width: 19px;
height: 19px;
background-position: -21px -71px;
background-size: 94px auto;
background-repeat: no-repeat;
}
.list-link > li > a {
text-decoration: none;
}
.list-link > li > a:hover, .list-link > li > a:active, .list-link > li > a:focus {
text-decoration: underline;
}
.list-link > li > :last-child {
margin-bottom: 0;
}
.list-link > li + li {
margin-top: 20px;
}
/* .list-desc
----------------------------------------------- */
.list-desc {
margin-bottom: 50px;
padding: 20px 0 20px 25px;
border-left: 1px solid #0055a6;
}
.list-desc > dt {
margin-bottom: 12px;
color: #0055a6;
font-weight: bold;
font-size: 1.5rem;
line-height: 1.57;
}
.list-desc > dd > :last-child {
margin-bottom: 0;
}
.list-desc > dd + dt {
margin-top: 18px;
padding-top: 20px;
border-top: 1px dotted #c4c4c4;
}
.list-desc > dd + dd {
margin-top: 10px;
}
/* .list-faq
----------------------------------------------- */
.list-faq {
margin-bottom: 80px;
line-height: 1.57;
}
.list-faq > dt {
position: relative;
padding: 19px 30px 19px 70px;
border: 1px solid #c4c4c4;
}
.list-faq > dt::before {
position: absolute;
top: .7em;
left: 20px;
color: #0055a6;
content: 'Q';
font-size: 2.2rem;
font-family: 'Libre Baskerville';
line-height: 1;
}
.list-faq > dd {
position: relative;
padding: 16px 30px 16px 120px;
}
.list-faq > dd::before {
position: absolute;
top: .7em;
left: 70px;
color: #df3838;
content: 'A';
font-size: 2.2rem;
font-family: 'Libre Baskerville';
line-height: 1;
}
.list-faq > dd > :last-child {
margin-bottom: 0;
}
.list-faq > dd + dt {
margin-top: 30px;
}
@media only screen and (max-width: 768px) {
.list-faq {
margin-bottom: 50px;
}
.list-faq > dt {
padding: 15px 15px 15px 40px;
}
.list-faq > dt::before {
top: .7em;
left: 12px;
font-size: 2rem;
}
.list-faq > dd {
padding: 15px 15px 15px 60px;
}
.list-faq > dd::before {
top: .7em;
left: 32px;
font-size: 2rem;
}
.list-faq > dd + dt {
margin-top: 15px;
}
}
/* .list-flow
----------------------------------------------- */
.list-flow {
margin-bottom: 80px;
}
.list-flow > :first-child {
margin-bottom: 0;
}
.list-flow .list-flow-inner + .list-flow-inner {
position: relative;
padding-top: 60px;
}
.list-flow .list-flow-inner + .list-flow-inner::before {
position: absolute;
top: 10px;
left: 50%;
width: 60px;
height: 41px;
background-position: 0 0;
background-size: 94px auto;
background-repeat: no-repeat;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.list-flow .list-flow-inner > :last-child {
margin-bottom: 0;
}
/* .list-bio
----------------------------------------------- */
.list-bio .item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.list-bio .item + .item {
margin-top: 8px;
}
.list-bio .item > dt {
margin-right: 5px;
min-width: 90px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
/* ----------------------------------------------------------------
Link
----------------------------------------------------------------- */
/* .link
----------------------------------------------- */
.link {
color: #0055a6;
text-decoration: underline;
}
.link:hover, .link:active, .link:focus {
color: #0055a6;
text-decoration: none;
}
/* .link-box
----------------------------------------------- */
.link-box {
margin-bottom: 50px;
}
.link-box._col2, .link-box._col3 {
margin-left: -60px;
}
.link-box._col2 > li, .link-box._col3 > li {
float: left;
margin-left: 60px;
}
.link-box._col2 > li + li, .link-box._col3 > li + li {
margin-top: 0;
}
.link-box._col2 > li {
width: calc(50% - 60px);
}
.link-box._col2 > li:nth-child(2n+1) {
clear: both;
}
.link-box._col2 > li:nth-child(n+3) {
margin-top: 25px;
}
.link-box._col3 > li {
width: calc(33.33% - 60px);
}
.link-box._col3 > li:nth-child(3n+1) {
clear: both;
}
.link-box._col3 > li:nth-child(n+4) {
margin-top: 25px;
}
.link-box > li + li {
margin-top: 25px;
}
.link-box > li > a {
position: relative;
display: block;
text-decoration: none;
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
}
.link-box > li > a:hover, .link-box > li > a:active, .link-box > li > a:focus {
background-color: #e3f0fc;
}
.link-box > li > a:hover .link-box-body, .link-box > li > a:active .link-box-body, .link-box > li > a:focus .link-box-body {
background-color: #e3f0fc;
}
.link-box > li .link-box-head {
position: relative;
display: table;
padding: 14px 45px 14px 20px;
width: 100%;
height: 92px;
border-top: 1px solid #0055a6;
color: #0055a6;
font-weight: normal;
font-size: 2.2rem;
line-height: 1.2;
}
.link-box > li .link-box-head::after {
position: absolute;
top: 50%;
right: 12px;
width: 19px;
height: 19px;
background-position: -21px -71px;
background-size: 94px auto;
background-repeat: no-repeat;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.link-box > li .link-box-head .link-box-head-inner {
display: table-cell;
vertical-align: middle;
}
.link-box > li .link-box-body {
padding: 10px;
background-color: #f7f7f7;
text-align: center;
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
}
@media only screen and (max-width: 768px) {
.link-box._col2, .link-box._col3 {
margin-left: 0;
}
.link-box._col2 > li, .link-box._col3 > li {
float: none;
margin-left: 0;
width: 100%;
}
.link-box._col2 > li:nth-child(n+3) {
margin-top: 15px;
}
.link-box._col2 > li + li {
margin-top: 15px;
}
.link-box._col3 > li:nth-child(n+4) {
margin-top: 15px;
}
.link-box._col3 > li + li {
margin-top: 15px;
}
.link-box > li + li {
margin-top: 15px;
}
.link-box > li .link-box-head {
height: 75px;
font-size: 2rem;
}
}
/* .link-box-02
----------------------------------------------- */
.link-box-02 {
margin: 0 0 50px -4px;
}
.link-box-02 > li {
float: left;
margin-left: 4px;
width: calc(25% - 4px);
border: 1px solid #c4c4c4;
}
.link-box-02 > li > a {
display: block;
background-color: #fff;
text-align: center;
text-decoration: none;
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
}
.link-box-02 > li > a .link-box-02-body {
position: relative;
padding: 22px 20px;
text-align: left;
font-size: 1.2rem;
}
.link-box-02 > li > a .link-box-02-body > :last-child {
margin-bottom: 0;
}
.link-box-02 > li > a .link-box-02-body::after {
position: absolute;
right: 0;
bottom: 0;
width: 0;
height: 0;
border-bottom: 15px solid #0055a6;
border-left: 15px solid transparent;
}
.link-box-02 > li > a .link-box-02-body .link-box-02-lead {
color: #0055a6;
font-weight: bold;
font-size: 1.5rem;
}
.link-box-02 > li > a:hover, .link-box-02 > li > a:active, .link-box-02 > li > a:focus {
background-color: #e3f0fc;
}
.link-box-02 > li > a:hover img, .link-box-02 > li > a:active img, .link-box-02 > li > a:focus img {
opacity: 1;
}
@media only screen and (max-width: 990px) {
.link-box-02 {
margin-left: -10px;
}
.link-box-02 > li {
margin-bottom: 10px;
margin-left: 10px;
width: calc(50% - 10px);
}
.link-box-02 > li:last-child {
margin-bottom: 0;
}
}
@media only screen and (max-width: 768px) {
.link-box-02 {
margin-left: 0;
}
.link-box-02 > li {
float: none;
margin-right: auto;
margin-left: 0;
margin-left: auto;
max-width: 297px;
width: 100%;
}
}
/* .link-list
----------------------------------------------- */
.link-list {
margin-bottom: 0;
font-size: 1.5rem;
}
.link-list._col2 {
margin-left: -1.75439%;
}
.link-list._col2 > li {
margin-left: 1.72414%;
width: 48.27586%;
}
.link-list._col2 > li:nth-child(2n+1) {
clear: both;
}
.link-list._col2 > li {
float: left;
}
.link-list._col2 > li:nth-child(-n+2)::after {
display: none;
}
.link-list._col4 {
margin-left: -2.16667%;
}
.link-list._col4 > li {
margin-left: 2.12072%;
width: 22.8385%;
}
.link-list._col4 > li:nth-child(4n+1) {
clear: both;
}
.link-list._col4 > li {
float: left;
}
.link-list._col4 > li:nth-child(-n+4)::after {
display: none;
}
.link-list > li {
position: relative;
}
.link-list > li:nth-child(n+2)::after {
position: absolute;
top: -1px;
left: 50%;
width: calc(100% - 50px);
height: 1px;
background-color: #c4c4c4;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.link-list > li > a {
position: relative;
display: block;
padding: 16px 45px 16px 36px;
text-decoration: none;
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
}
.link-list > li > a:hover, .link-list > li > a:active, .link-list > li > a:focus {
background-color: #e3f0fc;
}
.link-list > li > a::after {
position: absolute;
top: 50%;
right: 32px;
width: 5px;
height: 5px;
border: 1px solid #0055a6;
border-bottom: transparent;
border-left: transparent;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
@media only screen and (max-width: 768px) {
.link-list._col2 > li, .link-list._col4 > li {
float: none;
width: 100%;
}
.link-list._col2 > li:nth-child(n+2)::after, .link-list._col4 > li:nth-child(n+2)::after {
display: block;
}
.link-list._col2 > li > a, .link-list._col4 > li > a {
height: auto !important;
}
.link-list > li > a {
padding: 16px 40px 16px 20px;
}
}
.link-box-02-grid-wrap .grid[data-col='2'] > .grid-col:nth-child(even) {
position: relative;
}
.link-box-02-grid-wrap .grid[data-col='2'] > .grid-col:nth-child(even)::before {
position: absolute;
top: 0;
left: -31px;
width: 1px;
height: 100%;
border-left: 1px dotted #c4c4c4;
}
.link-box-02-grid-wrap .link-box-02 > a {
display: block;
padding: 25px;
background-color: #f7f7f7;
text-decoration: none;
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
}
.link-box-02-grid-wrap .link-box-02 > a:hover, .link-box-02-grid-wrap .link-box-02 > a:active, .link-box-02-grid-wrap .link-box-02 > a:focus {
background-color: #e3f0fc;
}
.link-box-02-grid-wrap .link-box-02 > a > :last-child {
margin-bottom: 0;
}
.link-box-02-grid-wrap .link-box-02 ._img {
margin-bottom: 25px;
text-align: center;
}
.link-box-02-grid-wrap .link-box-02 ._img > img {
-webkit-box-shadow: 0 2px rgba(0, 0, 0, .25);
box-shadow: 0 2px rgba(0, 0, 0, .25);
}
@media only screen and (max-width: 768px) {
.link-box-02-grid-wrap .grid[data-col='2'] > .grid-col:nth-child(even)::before {
display: none;
}
.link-box-02-grid-wrap .link-box-02 > a {
height: auto !important;
}
}
/* .link-anchor
----------------------------------------------- */
.link-anchor-wrap {
position: relative;
margin: 0 0 50px;
padding-bottom: 22px;
}
.link-anchor-wrap::after {
position: absolute;
bottom: 0;
left: 50%;
width: calc(100% - 24px);
height: 0;
border-bottom: 1px dotted #c4c4c4;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media only screen and (max-width: 768px) {
.link-anchor-wrap::after {
display: none;
}
}
.link-anchor {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 0;
margin-left: -50px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.link-anchor > li {
margin-left: 50px;
width: 257px;
}
.link-anchor > li > a {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0 15px;
width: 100%;
height: 100%;
text-decoration: none;
font-size: 1.5rem;
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
}
.link-anchor > li > a:hover, .link-anchor > li > a:active, .link-anchor > li > a:focus {
background-color: #e3f0fc;
}
.link-anchor > li > a::after {
position: absolute;
top: 50%;
right: 28px;
width: 5px;
height: 5px;
border: 1px solid #0055a6;
border-bottom: transparent;
border-left: transparent;
-webkit-transform: translateY(-50%) rotate(135deg);
transform: translateY(-50%) rotate(135deg);
}
.link-anchor > li > a > span {
padding: 18px 40px 18px 0;
width: 100%;
border-bottom: 1px dotted #c4c4c4;
line-height: 1.2;
}
@media only screen and (max-width: 768px) {
.link-anchor {
margin-left: -20px;
padding-right: 0;
padding-left: 0;
}
.link-anchor > li {
margin-left: 20px;
width: calc(50% - 20px);
}
.link-anchor > li > a {
padding: 0;
}
.link-anchor > li > a::after {
right: 14px;
}
.link-anchor > li > a > span {
padding: 10px 30px 10px 3px;
}
}
/* .link-tab
----------------------------------------------- */
.link-tab {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 50px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.link-tab._2col > li {
width: 48.33%;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.link-tab._3col > li {
width: 31.67%;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.link-tab._top {
border-bottom: 1px solid #c4c4c4;
}
.link-tab._top > li {
padding-bottom: 10px;
}
.link-tab._top > li._active {
border-top: 2px solid #0055a6;
}
.link-tab._top > li._active::before {
position: absolute;
bottom: -1px;
z-index: 3;
width: 100%;
height: 3px;
border-bottom: 3px solid #fff;
}
.link-tab._bottom {
border-top: 1px solid #c4c4c4;
}
.link-tab._bottom > li {
padding-top: 10px;
}
.link-tab._bottom > li._active {
border-bottom: 2px solid #0055a6;
}
.link-tab._bottom > li._active::before {
position: absolute;
top: -1px;
z-index: 3;
width: 100%;
height: 3px;
border-top: 3px solid #fff;
}
.link-tab > li {
position: relative;
}
.link-tab > li > a {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 25px 40px 25px 20px;
height: 100%;
background-color: #f7f7f7;
color: #0055a6;
text-align: center;
text-decoration: none;
font-size: 2.2rem;
line-height: 1.27;
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.link-tab > li > a:hover, .link-tab > li > a:active, .link-tab > li > a:focus {
background-color: #e3f0fc;
}
.link-tab > li > a::before {
position: absolute;
top: 50%;
right: 12px;
width: 19px;
height: 19px;
background-position: -21px -71px;
background-size: 94px auto;
background-repeat: no-repeat;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.link-tab > li._active {
border-right: 1px solid #c4c4c4;
border-left: 1px solid #c4c4c4;
}
.link-tab > li._active > a {
background-color: transparent;
}
.link-tab > li._active > a:hover, .link-tab > li._active > a:active, .link-tab > li._active > a:focus {
background-color: #e3f0fc;
}
@media only screen and (max-width: 768px) {
.link-tab > li > a {
padding: 20px 15px;
font-size: 1.6rem;
}
.link-tab > li > a::before {
display: none;
}
}
/* ----------------------------------------------------------------
Button
----------------------------------------------------------------- */
.btn, .btn-primary {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
padding: 32px 45px 32px 25px;
border: 0;
background: transparent none;
text-align: center;
text-decoration: none;
font-size: 2.2rem;
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Arial, sans-serif;
line-height: 1.2;
-webkit-transition: background-color .2s ease-out, color .2s ease-out;
transition: background-color .2s ease-out, color .2s ease-out;
}
@media only screen and (max-width: 768px) {
.btn, .btn-primary {
padding: 20px 45px 20px 20px;
font-size: 1.6rem;
}
}
/* .btn
----------------------------------------------- */
.btn {
background-color: #f7f7f7;
color: #0055a6;
}
.btn::after {
position: absolute;
top: 50%;
right: 12px;
width: 19px;
height: 19px;
background-position: -21px -71px;
background-size: 94px auto;
background-repeat: no-repeat;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.btn:hover, .btn:active, .btn:focus {
background-color: #e3f0fc;
}
/* .btn-primary
----------------------------------------------- */
.btn-primary {
background-color: #0055a6;
color: #fff;
}
.btn-primary::after {
position: absolute;
top: 50%;
right: 12px;
width: 19px;
height: 19px;
background-position: 0 -71px;
background-size: 94px auto;
background-repeat: no-repeat;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
background-color: #e3f0fc;
color: #0055a6;
}
.btn-primary:hover::after, .btn-primary:active::after, .btn-primary:focus::after {
background-position: -21px -71px;
}
/* .btn*._icon
----------------------------------------------- */
[class^='btn']._icon {
position: relative;
padding-left: 100px;
width: 100%;
text-align: left;
font-size: 2rem;
}
[class^='btn']._icon:hover img, [class^='btn']._icon:active img, [class^='btn']._icon:focus img {
opacity: 1;
}
[class^='btn']._icon > img {
position: absolute;
top: 50%;
left: 25px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (max-width: 768px) {
[class^='btn']._icon {
padding-left: 75px;
font-size: 1.6rem;
}
[class^='btn']._icon > img {
left: 20px;
max-width: 42px;
}
}
/* ----------------------------------------------------------------
Text
----------------------------------------------------------------- */
/* .label
----------------------------------------------- */
.label {
display: inline-block;
margin: 0 .5em;
padding: 0 12px;
background-color: #0055a6;
color: #fff;
font-weight: bold;
font-size: 1.3rem;
line-height: 1.57;
}
@media only screen and (max-width: 768px) {
.label {
font-size: 1.2rem;
line-height: 1.33;
}
}
/* 「新ä¸æœŸçµŒå–¶è¨ˆç”»ã€å°‚用カラー */
/* .label
----------------------------------------------- */
.uni-label, .uni-label-02, .uni-label-03 {
display: inline-block;
margin-right: 1em;
padding: 0 12px;
color: #fff;
font-weight: bold;
font-size: 1.3rem;
line-height: 1.57;
}
.uni-label {
background-color: #00af52;
}
.uni-label-02 {
background-color: #568ed3;
}
.uni-label-03 {
background-color: #928850;
}
/* .text-lead
----------------------------------------------- */
.text-lead {
margin-bottom: 50px;
color: #0e3254;
text-align: center;
font-weight: bold;
font-size: 2.4rem;
line-height: 1.42;
}
@media only screen and (max-width: 768px) {
.text-lead {
font-size: 1.5rem;
line-height: 1.33;
}
}
/* .file-size
----------------------------------------------- */
.file-size {
display: inline-block;
margin-left: 2px;
color: #333;
font-size: 1.1rem;
}
a:hover .file-size, a:active .file-size, a:focus .file-size {
text-decoration: none;
}
/* ----------------------------------------------------------------
Table
----------------------------------------------------------------- */
/* .tbl
----------------------------------------------- */
.tbl {
margin-bottom: 50px;
width: 100%;
border: 1px solid #c4c4c4;
}
.tbl th {
padding: 16px 20px;
border: 1px solid #c4c4c4;
background-color: #f7f7f7;
vertical-align: middle;
text-align: center;
font-weight: bold;
font-size: 1.5rem;
}
.tbl th > :last-child {
margin-bottom: 0;
}
.tbl td {
padding: 20px;
border: 1px solid #c4c4c4;
vertical-align: top;
font-size: 1.4rem;
}
.tbl td > :last-child {
margin-bottom: 0;
}
.tbl td._none {
background-color: #e2e2e2;
}
.tbl thead td {
background-color: #f7f7f7;
}
@media only screen and (max-width: 768px) {
.tbl._sp-block {
border: none;
border-top: 1px solid #c4c4c4;
}
.tbl._sp-block colgroup {
display: none;
}
.tbl._sp-block th {
display: block;
width: 100% !important;
border-top: none;
}
.tbl._sp-block td {
display: block;
width: 100% !important;
border-top: none;
}
}
/* .tbl .tbl-unit
----------------------------------------------- */
.tbl .tbl-unit > [class^='em-'] {
display: inline-block;
margin-right: 12px;
text-align: right;
white-space: nowrap;
}
/* character limit 1 to 10 */
.tbl-unit .em-1 {
width: 1em;
}
.tbl-unit .em-2 {
width: 2em;
}
.tbl-unit .em-3 {
width: 3em;
}
.tbl-unit .em-4 {
width: 4em;
}
.tbl-unit .em-5 {
width: 5em;
}
.tbl-unit .em-6 {
width: 6em;
}
.tbl-unit .em-7 {
width: 7em;
}
.tbl-unit .em-8 {
width: 8em;
}
.tbl-unit .em-9 {
width: 9em;
}
.tbl-unit .em-10 {
width: 10em;
}
/* .tbl-lyt-scroll
----------------------------------------------- */
.tbl-lyt-scroll {
display: block;
margin-bottom: 50px;
}
.tbl-lyt-scroll._overflow {
overflow-x: scroll;
}
.tbl-lyt-scroll > :last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 1044px) {
.contents-fluid._2col .tbl-lyt-scroll {
/* 1044px .contents-primary width 768px */
overflow-x: scroll;
margin-bottom: 50px;
}
.contents-fluid._2col .tbl-lyt-scroll > table {
margin-bottom: 0;
width: 768px;
}
}
@media only screen and (max-width: 1044px) {
.contents-fluid._2col .tbl-lyt-scroll::-webkit-scrollbar {
overflow: hidden;
width: 5px;
border-radius: 3px;
background: #f5f5f5;
}
.contents-fluid._2col .tbl-lyt-scroll::-webkit-scrollbar:horizontal {
height: 5px;
}
.contents-fluid._2col .tbl-lyt-scroll::-webkit-scrollbar-button {
display: none;
}
.contents-fluid._2col .tbl-lyt-scroll::-webkit-scrollbar-piece, .contents-fluid._2col .tbl-lyt-scroll::-webkit-scrollbar-piece:start {
background: #f5f5f5;
}
.contents-fluid._2col .tbl-lyt-scroll::-webkit-scrollbar-thumb, .contents-fluid._2col .tbl-lyt-scroll::-webkit-scrollbar-corner {
overflow: hidden;
border-radius: 3px;
background: #d7d9d9;
}
}
@media only screen and (max-width: 768px) {
.tbl-lyt-scroll {
overflow-x: scroll;
margin-bottom: 50px;
}
.tbl-lyt-scroll > table {
margin-bottom: 0;
width: 768px;
}
}
@media only screen and (max-width: 768px) {
.tbl-lyt-scroll::-webkit-scrollbar {
overflow: hidden;
width: 5px;
border-radius: 3px;
background: #f5f5f5;
}
.tbl-lyt-scroll::-webkit-scrollbar:horizontal {
height: 5px;
}
.tbl-lyt-scroll::-webkit-scrollbar-button {
display: none;
}
.tbl-lyt-scroll::-webkit-scrollbar-piece, .tbl-lyt-scroll::-webkit-scrollbar-piece:start {
background: #f5f5f5;
}
.tbl-lyt-scroll::-webkit-scrollbar-thumb, .tbl-lyt-scroll::-webkit-scrollbar-corner {
overflow: hidden;
border-radius: 3px;
background: #d7d9d9;
}
}
/* ----------------------------------------------------------------
Media
----------------------------------------------------------------- */
/* .media
----------------------------------------------- */
.media {
margin-bottom: 25px;
text-align: center;
}
.media + .box, .media + .box-inquiry, .media + .toggle, .media + .link-box, .media + .link-anchor-wrap, .media + .link-tab, .media + .tbl {
margin-top: 50px;
}
.media a {
text-align: center;
}
.media a img {
margin-right: auto;
margin-left: auto;
}
.media .media-caption {
display: block;
margin-top: 10px;
text-align: left;
font-size: 1.2rem;
}
/* .media-lyt
----------------------------------------------- */
.media-lyt {
margin-bottom: 50px;
}
.media-lyt > .media-item .media-caption {
display: block;
margin-top: 10px;
}
.media-lyt > .media-item > :last-child {
margin-bottom: 0;
}
.media-lyt > .media-col > :last-child {
margin-bottom: 0;
}
.media-lyt._left > .media-item {
float: left;
margin-right: 60px;
}
.media-lyt._right > .media-item {
float: right;
margin-left: 60px;
}
.media-lyt._wrap > .media-col {
overflow: hidden;
padding-bottom: 10px;
}
.media-lyt._uni-lyt > .media-item {
position: relative;
margin-right: 20px;
}
.media-lyt._uni-lyt > .media-item::after {
position: absolute;
top: 50%;
right: 0;
margin-top: -18px;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-right: 18px solid #fff;
border-bottom: 18px solid transparent;
}
.media-lyt._uni-lyt > .media-item._no-after::after {
display: none;
}
.media-lyt._uni-lyt > .media-col {
overflow: hidden;
padding-bottom: 10px;
}
.media-lyt._uni-lyt > .media-col .grid[data-col='4'] {
margin-left: -45px;
}
.media-lyt._uni-lyt > .media-col .grid[data-col='4'] > .grid-col {
margin-left: 45px;
width: calc(25% - 45px);
}
.media-lyt._uni-lyt-02 > .media-item {
margin-right: 20px;
}
.media-lyt._uni-lyt-02 > .media-col {
overflow: hidden;
padding-bottom: 10px;
}
@media only screen and (max-width: 990px) {
.media-lyt._uni-lyt > .media-col .grid[data-col='4'] > .grid-col {
width: calc(40% - 45px);
}
.media-lyt._uni-lyt > .media-col .grid[data-col='4'] > .grid-col:nth-child(1), .media-lyt._uni-lyt > .media-col .grid[data-col='4'] > .grid-col:nth-child(2) {
margin-bottom: 50px;
}
.media-lyt._uni-lyt-02 > .media-item {
float: none;
margin: 0 0 20px;
text-align: center;
}
}
@media only screen and (max-width: 768px) {
.media-lyt > .media-col {
overflow: visible;
}
.media-lyt._left > .media-item, .media-lyt._right > .media-item {
float: none;
margin-right: 0;
margin-bottom: 25px;
margin-left: 0;
text-align: center;
}
.media-lyt._uni-lyt > .media-col .grid[data-col='4'] {
margin-left: 0;
}
.media-lyt._uni-lyt > .media-col .grid[data-col='4'] > .grid-col {
margin-bottom: 40px !important;
margin-left: 0;
width: 100%;
}
.media-lyt._uni-lyt > .media-item::after {
display: none;
}
.media-lyt._uni-lyt-03 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 0;
}
.media-lyt._uni-lyt-03 > .media-item {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.media-lyt._uni-lyt-03 > .media-col {
margin-bottom: 25px;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
}
/* .media-lyt-02
----------------------------------------------- */
.media-lyt-02 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 55px;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.media-lyt-02 .media-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.media-lyt-02 .media-item {
margin-right: 60px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.media-lyt-02 .media-item > .media {
width: 100%;
}
.media-lyt-02 .media-item > :last-child {
margin-bottom: 0;
}
.media-lyt-02 .media-col {
width: 100%;
}
.media-lyt-02 .media-col > :last-child {
margin-bottom: 0;
}
.media-lyt-02 .media-lyt-02-lede {
margin-top: 10px;
text-align: center;
font-size: 1.4rem;
}
.media-lyt-02 .media-lyt-02-lede > span {
display: block;
font-weight: normal;
font-size: 1.2rem;
}
.media-lyt-02 .media-lyt-02-lede02 {
margin-bottom: 30px;
border-bottom: 1px solid #0055a6;
color: #0055a6;
font-size: 1.5rem;
}
@media only screen and (max-width: 768px) {
.media-lyt-02 {
display: block;
}
.media-lyt-02 .media-item {
margin-right: 0;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.media-lyt-02 .media-item > .media {
min-height: 100%;
}
.media-lyt-02 .media-lyt-02-lede {
font-size: 1.2rem;
}
}
/* ----------------------------------------------------------------
Icon
----------------------------------------------------------------- */
.icon {
margin: 0 5px;
vertical-align: baseline;
}
a:hover .icon, a:active .icon, a:focus .icon {
opacity: 1;
}
/* ----------------------------------------------------------------
Box
----------------------------------------------------------------- */
/* .box
----------------------------------------------- */
.box {
margin-bottom: 80px;
padding: 15px;
background-color: #f7f7f7;
}
.box._line {
position: relative;
margin-left: 10px;
}
.box._line::before {
position: absolute;
top: 0;
left: -10px;
width: 1px;
height: 100%;
background-color: #0055a6;
}
.box > .box-inner {
padding: 25px;
background-color: #fff;
}
.box > .box-inner > :last-child {
margin-bottom: 0;
}
.box > .box-inner .box-hdg {
position: relative;
margin: 0 0 25px;
padding-left: 28px;
color: #0055a6;
font-weight: normal;
font-size: 1.5rem;
line-height: 1.2;
}
.box > .box-inner .box-hdg::before {
position: absolute;
top: .3em;
left: 0;
width: 16px;
height: 6px;
background-color: #c4c4c4;
}
@media only screen and (max-width: 768px) {
.box {
margin-bottom: 50px;
}
}
/* ----------------------------------------------------------------
Grid
----------------------------------------------------------------- */
/* .grid
----------------------------------------------- */
.grid {
margin-bottom: 50px;
}
.grid > .grid-col {
float: left;
}
.grid > .grid-col > :first-child {
margin-top: 0;
}
.grid > .grid-col > :last-child {
margin-bottom: 0;
}
.grid[data-col='2'], .grid[data-col='3'], .grid[data-col='4'], .grid[data-col='5'] {
margin-left: -60px;
}
.grid[data-col='2'] > .grid-col, .grid[data-col='3'] > .grid-col, .grid[data-col='4'] > .grid-col, .grid[data-col='5'] > .grid-col {
margin-left: 60px;
}
.grid[data-col='2'] > .grid-col {
width: calc(50% - 60px);
}
.grid[data-col='2'] > .grid-col:nth-child(2n+1) {
clear: both;
}
.grid[data-col='2'] > .grid-col:nth-child(n+3) {
margin-top: 50px;
}
.grid[data-col='3'] > .grid-col {
width: calc(33.33% - 60px);
}
.grid[data-col='3'] > .grid-col:nth-child(3n+1) {
clear: both;
}
.grid[data-col='3'] > .grid-col:nth-child(n+4) {
margin-top: 50px;
}
.grid[data-col='4'] > .grid-col {
width: calc(25% - 60px);
}
.grid[data-col='4'] > .grid-col:nth-child(4n+1) {
clear: both;
}
.grid[data-col='4'] > .grid-col:nth-child(n+5) {
margin-top: 50px;
}
.grid[data-col='5'] > .grid-col {
width: calc(20% - 60px);
}
.grid[data-col='5'] > .grid-col:nth-child(5n+1) {
clear: both;
}
.grid[data-col='5'] > .grid-col:nth-child(n+6) {
margin-top: 50px;
}
@media only screen and (max-width: 768px) {
.grid > .grid-col {
float: none;
}
.grid[data-col='2'] {
margin-left: 0;
}
.grid[data-col='2'] > .grid-col {
margin-bottom: 25px;
margin-left: 0;
width: 100%;
}
.grid[data-col='2'] > .grid-col:nth-child(n+3) {
margin-top: 0;
}
.grid[data-col='3'] {
margin-left: 0;
}
.grid[data-col='3'] > .grid-col {
margin-bottom: 25px;
margin-left: 0;
width: 100%;
}
.grid[data-col='3'] > .grid-col:nth-child(n+4) {
margin-top: 0;
}
.grid[data-col='4'] {
margin-left: 0;
}
.grid[data-col='4'] > .grid-col {
margin-bottom: 25px;
margin-left: 0;
width: 100%;
}
.grid[data-col='4'] > .grid-col:nth-child(n+5) {
margin-top: 0;
}
.grid[data-col='5'] {
margin-left: 0;
}
.grid[data-col='5'] > .grid-col {
margin-bottom: 25px;
margin-left: 0;
width: 100%;
}
.grid[data-col='5'] > .grid-col:nth-child(n+6) {
margin-top: 0;
}
}
/* .grid-col-inner
----------------------------------------------- */
.grid[data-col='2'] > .grid-col > .grid-col-inner > :first-child {
margin-top: 0;
}
.grid[data-col='2'] > .grid-col > .grid-col-inner > :last-child {
margin-bottom: 0;
}
.grid[data-col='2'] > .grid-col:nth-child(even) > .grid-col-inner {
position: relative;
}
.grid[data-col='2'] > .grid-col:nth-child(even) > .grid-col-inner::after {
position: absolute;
top: 0;
left: -30px;
width: 1px;
height: 100%;
background-color: #c4c4c4;
}
@media only screen and (max-width: 768px) {
.grid[data-col='2'] > .grid-col:nth-child(even) > .grid-col-inner::after {
display: none;
}
}
/* ----------------------------------------------------------------
Form
----------------------------------------------------------------- */
/* .select
----------------------------------------------- */
.select {
padding: 7px 10px;
min-width: 260px;
border: 1px solid #c4c4c4;
font-size: 1.5rem;
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Arial, sans-serif;
}
@media only screen and (max-width: 768px) {
.select {
min-width: auto;
width: 100%;
}
}
/* .list-step
----------------------------------------------- */
.list-step {
margin-bottom: 25px;
margin-left: 0;
}
.list-step > li {
margin-left: 0;
width: 33.33333%;
}
.list-step > li:nth-child(3n+1) {
clear: both;
}
.list-step > li {
position: relative;
float: left;
padding: 18px 32px;
height: 62px;
background-color: #c4c4c4;
text-align: center;
font-size: 2.2rem;
line-height: 1.2;
}
.list-step > li > b {
font-weight: normal;
}
.list-step > li.is-current {
background-color: #0055a6;
color: #fff;
}
.list-step > li:not(:last-child)::after {
position: absolute;
top: 0;
right: 0;
z-index: 1;
border-top: 31px solid #fff;
border-bottom: 31px solid #fff;
border-left: 31px solid #c4c4c4;
}
.list-step > li:not(:last-child).is-current::after {
border-left-color: #0055a6;
}
@media only screen and (max-width: 768px) {
.list-step > li {
padding: 18px;
height: auto;
font-size: 1.6rem;
}
.list-step > li:not(:last-child)::after {
border-top-width: 28px;
border-bottom-width: 28px;
border-left-width: 16px;
}
}
/* .form
----------------------------------------------- */
.form input[type='text'], .form input[type='tel'], .form input[type='email'], .form textarea {
padding: 9px;
width: 100%;
border: 1px solid #c4c4c4;
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Arial, sans-serif;
}
.form input[type='tel'], .form input[type='email'] {
max-width: 560px;
}
.form textarea {
min-height: 155px;
}
@media only screen and (max-width: 768px) {
.form input[type='text'], .form input[type='tel'], .form input[type='email'], .form textarea {
width: 100%;
}
}
.form table[role='presentation'] th {
text-align: left;
}
.form table[role='presentation'] ._error th {
color: #a60000;
}
.form table[role='presentation'] ._error td {
background-color: #fbe5e5;
}
/* .label-required
----------------------------------------------- */
.label-required {
display: inline-block;
margin-left: .5em;
padding: 2px 13px;
background-color: #e35151;
color: #fff;
font-weight: normal;
font-size: 1.4rem;
line-height: 1.2;
}
/* .form-lyt
----------------------------------------------- */
.form-lyt > li {
display: inline-block;
margin-right: 6em;
vertical-align: middle;
}
.form-lyt > li input[type='radio'], .form-lyt > li input[type='checkbox'] {
margin-right: .75em;
}
@media only screen and (max-width: 768px) {
.form-lyt > li {
display: block;
margin-right: 0;
}
.form-lyt > li + li {
margin-top: 10px;
}
}
/* .form-btn-lyt
----------------------------------------------- */
.form-btn-lyt {
position: relative;
margin-top: 50px;
text-align: center;
}
.form-btn-lyt .btn, .form-btn-lyt .btn-primary {
width: 300px;
}
.form-btn-lyt .btn-lyt {
float: right;
margin: 0;
padding-left: 13px;
width: 50%;
text-align: left;
}
.form-btn-lyt .btn-lyt-02 {
float: left;
margin: 0;
padding-right: 13px;
width: 50%;
text-align: right;
}
.form-btn-lyt .btn-lyt-02 .btn {
margin: 0 13px;
padding: 32px 25px 32px 45px;
}
.form-btn-lyt .btn-lyt-02 .btn::after {
left: 12px;
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
@media only screen and (max-width: 768px) {
.form-btn-lyt .btn, .form-btn-lyt .btn-primary {
width: 100%;
}
.form-btn-lyt .btn-lyt {
padding-left: 6px;
}
.form-btn-lyt .btn-lyt-02 {
padding-right: 6px;
}
.form-btn-lyt .btn-lyt-02 .btn {
margin: 0;
padding: 20px 20px 20px 45px;
}
}
/* .form-error-box
----------------------------------------------- */
.form-error-box {
margin-bottom: 25px;
padding: 20px;
background-color: #fbe5e5;
text-align: center;
}
.form-error-box > :last-child {
margin-bottom: 0;
}
.form-error-box .form-error-text {
margin-bottom: 0;
font-size: 1.8rem;
}
.form-error-box .form-error-text::before {
margin-right: 12px;
}
@media only screen and (max-width: 768px) {
.form-error-box .form-error-text {
font-size: 1.6rem;
}
}
.form-error-text {
margin-bottom: 8px;
color: #a60000;
font-weight: normal;
}
.form-error-text::before {
margin-right: 10px;
width: 24px;
height: 20px;
background-position: -28px -43px;
background-size: 94px auto;
background-repeat: no-repeat;
vertical-align: middle;
}
/* ----------------------------------------------------------------
Toggle
----------------------------------------------------------------- */
/* .toggle
----------------------------------------------- */
.toggle {
margin-bottom: 80px;
}
.toggle .toggle-title .toggle-hdg {
display: table;
padding: 14px 0;
width: 100%;
height: 92px;
border-top: 1px solid #0055a6;
color: #0055a6;
font-weight: normal;
font-size: 2.6rem;
line-height: 1.2;
}
.toggle .toggle-title .toggle-hdg > .toggle-hdg-inner {
display: table-cell;
vertical-align: middle;
}
.toggle .toggle-contents {
background-color: #f5f5f5;
}
.toggle .toggle-btn.is-hidden {
display: none;
}
@media only screen and (max-width: 990px) {
.toggle {
margin-bottom: 15px;
}
.toggle .toggle-title {
position: relative;
}
.toggle .toggle-title .toggle-hdg {
padding: 20px 44px 20px 20px;
height: 76px;
border: 1px solid #0055a6;
font-size: 2.1rem;
}
.toggle .toggle-title.is-close + .toggle-contents {
display: none;
}
.toggle .toggle-title.is-open {
background-color: #0055a6;
}
.toggle .toggle-title.is-open .toggle-hdg {
color: #fff;
}
.toggle .toggle-title.is-open .toggle-btn::before {
background-color: #fff;
}
.toggle .toggle-title.is-open .toggle-btn::after {
display: none;
}
.toggle .toggle-title.is-open + .toggle-contents {
display: block;
}
.toggle .toggle-title .toggle-btn {
position: relative;
position: absolute;
top: 0;
right: 0;
z-index: 1;
overflow: hidden;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
border: 0;
background: transparent none;
color: transparent;
}
.toggle .toggle-title .toggle-btn::before, .toggle .toggle-title .toggle-btn::after {
position: absolute;
top: 50%;
background-color: #0055a6;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.toggle .toggle-title .toggle-btn::before {
right: 15px;
width: 12px;
height: 2px;
}
.toggle .toggle-title .toggle-btn::after {
right: 20px;
width: 2px;
height: 12px;
}
.toggle .toggle-contents {
display: none;
height: auto !important;
}
}
/* .toggle-grid-wrap
----------------------------------------------- */
.toggle-grid-wrap {
margin-bottom: 80px;
}
.toggle-grid-wrap .grid {
margin-bottom: 0;
}
@media only screen and (max-width: 990px) {
.toggle-grid-wrap {
margin-bottom: 15px;
}
}
/* JavaScript Off
----------------------------------------------- */
.no-js .toggle .toggle-contents {
display: block;
}
/* ----------------------------------------------------------------
Modal
----------------------------------------------------------------- */
.no-js .js-modal {
display: block;
}
.js-modal {
display: none;
}
.js-modal.is-active {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 30;
display: block;
overflow-y: auto;
background-color: rgba(22, 27, 39, .7);
-webkit-animation: modal-showing .5s cubic-bezier(.4, 0, .2, 1);
animation: modal-showing .5s cubic-bezier(.4, 0, .2, 1);
}
.js-modal.is-active > .inner {
position: absolute;
top: 80px;
left: 50%;
margin-left: -22.5%;
width: 45%;
color: #fff;
-webkit-animation: modal-inner-showing .5s cubic-bezier(.4, 0, .2, 1);
animation: modal-inner-showing .5s cubic-bezier(.4, 0, .2, 1);
}
@media only screen and (max-width: 768px) {
.js-modal.is-active > .inner {
margin-left: -42.5%;
width: 85%;
}
}
.js-modal.is-active > .inner h1, .js-modal.is-active > .inner h2, .js-modal.is-active > .inner h3, .js-modal.is-active > .inner h4, .js-modal.is-active > .inner h5, .js-modal.is-active > .inner h6 {
color: #fff;
}
.js-modal.is-active > .inner a {
color: #fff;
}
.js-modal .modal-close {
position: absolute;
top: -41px;
right: 0;
overflow: hidden;
padding: 0;
width: 21px;
height: 21px;
outline: none;
border: none;
background-color: transparent;
text-indent: 100%;
white-space: nowrap;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
}
.js-modal .modal-close::before {
position: absolute;
top: 0;
left: 50%;
display: block;
margin-left: -2px;
width: 3px;
height: 100%;
background-color: #fff;
content: '';
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.js-modal .modal-close::after {
position: absolute;
top: 0;
left: 50%;
display: block;
margin-left: -2px;
width: 3px;
height: 100%;
background-color: #fff;
content: '';
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.modal-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 0 18px;
text-decoration: none;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.modal-link::before {
margin-right: 15px;
width: 20px;
height: 20px;
background-image: url(/common/images/icon-modal.png);
background-repeat: no-repeat;
content: '';
}
.modal-link:hover, .modal-link:active, .modal-link:focus {
text-decoration: underline;
}
.modal-caption {
margin-bottom: 8px;
text-align: center;
font-weight: bold;
font-size: 1.4rem;
}
body.modal-fixed {
position: fixed;
right: 0;
bottom: 0;
left: 0;
}
@-webkit-keyframes modal-showing {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes modal-showing {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes modal-inner-showing {
from {
left: 48%;
}
to {
left: 50%;
}
}
@keyframes modal-inner-showing {
from {
left: 48%;
}
to {
left: 50%;
}
}
/* ----------------------------------------------------------------
inquiry
----------------------------------------------------------------- */
/* .box-inquiry
----------------------------------------------- */
.box-inquiry {
margin-bottom: 80px;
padding: 15px;
background-color: #e3f0fc;
}
.box-inquiry > .box-inner {
padding: 25px;
background-color: #fff;
}
.box-inquiry > .box-inner > :last-child {
margin-bottom: 0;
}
.box-inquiry > .box-inner .box-hdg {
margin: 0 0 25px;
color: #0055a6;
text-align: center;
font-weight: bold;
font-size: 1.5rem;
line-height: 1.2;
}
.box-inquiry > .box-inner .box-body {
padding-top: 10px;
border-top: 1px dotted #c4c4c4;
text-align: center;
}
.box-inquiry > .box-inner .box-body > :last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
.box-inquiry {
margin-bottom: 50px;
}
}
/* .inquiry-grid-wrap
----------------------------------------------- */
@media only screen and (max-width: 768px) {
.inquiry-grid-wrap .box-inner {
height: auto !important;
}
}
/* .inquiry-num
----------------------------------------------- */
.inquiry-num {
color: #666;
word-break: break-all;
font-weight: bold;
font-size: 2.2rem;
line-height: 1.2;
}
.inquiry-num .label {
margin-bottom: 3px;
vertical-align: middle;
}
/* .inquiry-title
----------------------------------------------- */
.inquiry-title {
margin-bottom: 15px;
font-weight: bold;
font-size: 1.5rem;
}
/* .inquiry-lyt
----------------------------------------------- */
.inquiry-lyt {
display: table;
}
.inquiry-lyt > dt {
display: table-cell;
vertical-align: top;
white-space: nowrap;
}
.inquiry-lyt > dd {
display: table-cell;
vertical-align: top;
}
@media only screen and (max-width: 768px) {
.inquiry-lyt {
display: block;
}
.inquiry-lyt > dt {
display: block;
margin-bottom: 5px;
}
.inquiry-lyt > dd {
display: block;
}
}
/* ----------------------------------------------------------------
Unique
----------------------------------------------------------------- */
/* .uni-block-figure
----------------------------------------------- */
.uni-block-figure {
margin-bottom: 80px;
}
.uni-block-figure .uni-block {
margin-bottom: 10px;
}
.uni-block-figure .uni-block .uni-block-hdg {
margin: 0 0 25px;
color: #0055a6;
text-align: center;
font-weight: normal;
font-size: 2.8rem;
line-height: 1.2;
}
.uni-block-figure .uni-block .uni-block-caption {
position: relative;
margin-bottom: 0;
text-align: right;
font-size: 1.4rem;
}
.uni-block-figure .uni-block .uni-block-caption ._posleft {
position: absolute;
top: 0;
left: 0;
}
@media only screen and (max-width: 768px) {
.uni-block-figure .uni-block .uni-block-hdg {
font-size: 2.1rem;
}
}
/* .uni-block-info
----------------------------------------------- */
.uni-block-info {
position: relative;
margin-bottom: 50px;
}
.uni-block-info > :last-child {
margin-bottom: 0;
}
.uni-block-info .uni-block-hdg-wrapper {
position: relative;
border-top: 1px solid #0055a6;
}
.uni-block-info .uni-block-hdg-wrapper > .uni-block-hdg {
margin: 0;
padding-top: 30px;
color: #0055a6;
font-weight: normal;
font-size: 2.8rem;
line-height: 1.2;
}
.uni-block-info._2col .uni-block-hdg-wrapper {
float: left;
width: 270px;
}
.uni-block-info._2col .uni-block-list {
float: right;
margin: 0;
width: calc(100% - 300px);
border-top: 1px solid #c4c4c4;
}
.uni-block-info .uni-block-list {
padding-top: 40px;
}
.uni-block-info .uni-block-list > li + li {
margin-top: 25px;
}
.uni-block-info .uni-block-list .date {
display: block;
font-family: 'Libre Baskerville';
}
.uni-block-info .uni-block-list .date > b {
font-weight: normal;
font-size: 1rem;
}
.uni-block-info .uni-block-list > li > a {
text-decoration: none;
}
.uni-block-info .uni-block-list > li > a:hover, .uni-block-info .uni-block-list > li > a:active, .uni-block-info .uni-block-list > li > a:focus {
text-decoration: underline;
}
.uni-block-info .uni-block-list > li > a:hover .file-size, .uni-block-info .uni-block-list > li > a:active .file-size, .uni-block-info .uni-block-list > li > a:focus .file-size {
text-decoration: none;
}
.uni-block-info .uni-block-list .file-size {
display: inline-block;
margin-left: 2px;
color: #333;
font-size: 1.1rem;
}
.uni-block-info .uni-block-list._2col > li {
display: table;
width: 100%;
}
.uni-block-info .uni-block-list._2col > li .date {
display: table-cell;
width: 7.2em;
vertical-align: top;
}
.uni-block-info .uni-block-list._2col > li .list-inner {
display: table-cell;
vertical-align: top;
}
.uni-block-info .uni-block-list._2col > li .list-inner a {
text-decoration: none;
}
.uni-block-info .uni-block-list._2col > li .list-inner a:hover, .uni-block-info .uni-block-list._2col > li .list-inner a:active, .uni-block-info .uni-block-list._2col > li .list-inner a:focus {
text-decoration: underline;
}
.uni-block-info .uni-block-list + .uni-block-link {
position: absolute;
bottom: 0;
}
.uni-block-info .uni-block-link a {
position: relative;
color: #0055a6;
text-decoration: none;
}
.uni-block-info .uni-block-link a:hover, .uni-block-info .uni-block-link a:active, .uni-block-info .uni-block-link a:focus {
text-decoration: underline;
}
.uni-block-info .uni-block-link a::after {
position: absolute;
top: 50%;
right: -12px;
width: 5px;
height: 5px;
border: 1px solid #0055a6;
border-bottom: transparent;
border-left: transparent;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
@media only screen and (max-width: 768px) {
.uni-block-info .uni-block-hdg-wrapper > .uni-block-hdg {
padding-top: 25px;
font-size: 2.1rem;
}
.uni-block-info._2col .uni-block-hdg-wrapper {
float: none;
width: 100%;
}
.uni-block-info._2col .uni-block-list {
float: none;
width: 100%;
border-top: none;
}
.uni-block-info .uni-block-list {
padding-top: 30px;
}
.uni-block-info .uni-block-list._2col > li .date {
padding-right: 20px;
}
.uni-block-info .uni-block-link {
font-size: 1.4rem;
}
.uni-block-info .uni-block-list + .uni-block-link {
position: static;
margin-top: 30px;
}
}
/* .uni-link-box
----------------------------------------------- */
.uni-link-box {
margin-bottom: 30px;
margin-left: -4.5%;
}
.uni-link-box > li {
margin-left: 4.30622%;
width: 29.02711%;
}
.uni-link-box > li:nth-child(3n+1) {
clear: both;
}
.uni-link-box > li {
float: left;
margin-bottom: 50px;
}
.uni-link-box > li > a {
display: block;
border-top: 1px solid #0055a6;
color: #0055a6;
text-align: center;
text-decoration: none;
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
}
.uni-link-box > li > a > img {
border-top: 1px solid #fff;
}
.uni-link-box > li > a:hover, .uni-link-box > li > a:active, .uni-link-box > li > a:focus {
background-color: #e3f0fc;
}
.uni-link-box > li > a:hover img, .uni-link-box > li > a:active img, .uni-link-box > li > a:focus img {
opacity: 1;
}
.uni-link-box > li > a.uni-link-box-btn {
position: relative;
z-index: 1;
margin-top: 10px;
padding: 8px 0;
background-color: #0055a6;
color: #fff;
text-align: center;
font-size: 1.4rem;
line-height: 1.5;
}
.uni-link-box > li > a.uni-link-box-btn::before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background-image: -webkit-gradient(linear, right top, left top, from(#0050a2), color-stop(40%, #00396f), color-stop(99%, #0e3254));
background-image: linear-gradient(to left, #0050a2, #00396f 40%, #0e3254 99%);
-webkit-transition: width .2s ease-out;
transition: width .2s ease-out;
}
.uni-link-box > li > a.uni-link-box-btn::after {
position: absolute;
top: 50%;
right: 10px;
width: 32px;
height: 32px;
background-position: -62px 0;
background-size: 94px auto;
background-repeat: no-repeat;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.uni-link-box > li > a.uni-link-box-btn:hover::before, .uni-link-box > li > a.uni-link-box-btn:active::before, .uni-link-box > li > a.uni-link-box-btn:focus::before {
width: 0;
}
.uni-link-box > li .uni-link-box-head {
position: relative;
display: table;
margin: 0;
width: 100%;
height: 90px;
text-align: left;
}
.uni-link-box > li .uni-link-box-head::after {
position: absolute;
top: 50%;
right: 12px;
width: 19px;
height: 19px;
background-position: -21px -71px;
background-size: 94px auto;
background-repeat: no-repeat;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.uni-link-box > li .uni-link-box-head::before {
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 90px;
background-color: #0055a6;
background-position: center;
background-repeat: no-repeat;
}
.uni-link-box > li .uni-link-box-head .uni-link-box-text {
display: table-cell;
padding-right: 35px;
padding-left: 70px;
vertical-align: middle;
font-size: 2.6rem;
line-height: 1.2;
}
.uni-link-box > li._message .uni-link-box-head::before {
background-image: url('/ir/images/icon-ir-message.png');
}
.uni-link-box > li._highlight .uni-link-box-head::before {
background-image: url('/ir/images/icon-ir-highlight.png');
}
.uni-link-box > li._plan .uni-link-box-head::before {
background-image: url('/ir/images/icon-ir-plan.png');
}
.uni-link-box > li._data .uni-link-box-head::before {
background-image: url('/ir/images/icon-ir-data.png');
}
.uni-link-box > li._benefit .uni-link-box-head::before {
background-image: url('/ir/images/icon-ir-benefit.png');
}
.uni-link-box > li._rating .uni-link-box-head::before {
background-image: url('/ir/images/icon-ir-rating.png');
}
@media only screen and (max-width: 768px) {
.uni-link-box {
margin-bottom: 50px;
margin-left: 0;
}
.uni-link-box > li {
float: none;
margin-bottom: 0;
margin-left: 0;
width: 100%;
}
.uni-link-box > li + li {
margin-top: 15px;
}
.uni-link-box > li > a {
border: 1px solid #0055a6;
}
.uni-link-box > li > a.uni-link-box-btn {
display: none;
}
.uni-link-box > li .uni-link-box-head {
height: 75px;
}
.uni-link-box > li .uni-link-box-head::before {
width: 50px;
height: 75px;
background-size: 98%;
}
.uni-link-box > li .uni-link-box-head .uni-link-box-text {
padding-right: 35px;
padding-left: 65px;
font-size: 2.1rem;
}
.uni-link-box > li._message > a {
border-width: 1px 0 0 0;
}
}
/* .uni-link-box-02
----------------------------------------------- */
.uni-link-box-02 {
margin-bottom: 0;
margin-left: -5%;
}
.uni-link-box-02 > li {
margin-left: 4.7619%;
width: 45.2381%;
}
.uni-link-box-02 > li:nth-child(2n+1) {
clear: both;
}
.uni-link-box-02 > li {
float: left;
overflow: hidden;
margin-bottom: 50px;
}
.uni-link-box-02 > li .uni-link-box-head {
position: relative;
display: table;
margin: 0;
width: 100%;
height: 90px;
text-align: left;
}
.uni-link-box-02 > li .uni-link-box-head::before {
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 90px;
background-color: #0055a6;
background-position: center;
background-repeat: no-repeat;
}
.uni-link-box-02 > li .uni-link-box-head::after {
position: absolute;
top: 50%;
right: 12px;
width: 19px;
height: 19px;
background-position: -21px -71px;
background-size: 94px auto;
background-repeat: no-repeat;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.uni-link-box-02 > li .uni-link-box-head .uni-link-box-text {
display: table-cell;
padding-right: 35px;
padding-left: 70px;
border-top: 1px solid #0055a6;
color: #0055a6;
vertical-align: middle;
text-decoration: none;
font-size: 2.6rem;
line-height: 1.2;
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
}
.uni-link-box-02 > li .uni-link-box-head .uni-link-box-text:hover, .uni-link-box-02 > li .uni-link-box-head .uni-link-box-text:active, .uni-link-box-02 > li .uni-link-box-head .uni-link-box-text:focus {
background-color: #e3f0fc;
}
.uni-link-box-02 > li .uni-link-box-head .uni-link-box-text > ._sub {
font-size: 1.4rem;
}
.uni-link-box-02 > li._guide .uni-link-box-head::before {
background-image: url('/ir/images/icon-ir-guide.png');
}
.uni-link-box-02 > li._stock .uni-link-box-head::before {
background-image: url('/ir/images/icon-ir-stock.png');
}
.uni-link-box-02 > li .uni-link-box-child {
margin-bottom: 0;
margin-left: -11.53846%;
padding: 0 25px 25px;
background-color: #f5f5f5;
}
.uni-link-box-02 > li .uni-link-box-child > li {
margin-left: 10.34483%;
width: 39.65517%;
}
.uni-link-box-02 > li .uni-link-box-child > li:nth-child(2n+1) {
clear: both;
}
.uni-link-box-02 > li .uni-link-box-child > li {
float: left;
}
.uni-link-box-02 > li .uni-link-box-child > li:nth-child(n+3) > a {
border-top: 1px solid #c4c4c4;
}
.uni-link-box-02 > li .uni-link-box-child > li > a {
position: relative;
display: block;
padding: 17px 20px 17px 10px;
text-decoration: none;
font-size: 1.5rem;
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
}
.uni-link-box-02 > li .uni-link-box-child > li > a:hover, .uni-link-box-02 > li .uni-link-box-child > li > a:active, .uni-link-box-02 > li .uni-link-box-child > li > a:focus {
background-color: #e3f0fc;
}
.uni-link-box-02 > li .uni-link-box-child > li > a::after {
position: absolute;
top: 50%;
right: 14px;
width: 5px;
height: 5px;
border: 1px solid #0055a6;
border-bottom: transparent;
border-left: transparent;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
@media only screen and (max-width: 768px) {
.uni-link-box-02 {
margin-bottom: 25px;
margin-left: 0;
}
.uni-link-box-02 > li {
float: none;
margin: 0;
width: 100%;
}
.uni-link-box-02 > li + li {
margin-top: 15px;
}
.uni-link-box-02 > li .uni-link-box-head {
height: 75px;
}
.uni-link-box-02 > li .uni-link-box-head::before {
width: 50px;
height: 75px;
background-size: 98%;
}
.uni-link-box-02 > li .uni-link-box-head .uni-link-box-text {
padding-right: 35px;
padding-left: 65px;
border: 1px solid #0055a6;
font-size: 2.1rem;
}
.uni-link-box-02 > li .uni-link-box-child {
display: none;
}
}
/* .uni-link-list
----------------------------------------------- */
.uni-link-list {
margin-bottom: 0;
margin-left: -4.5%;
}
.uni-link-list > li {
margin-left: 4.30622%;
width: 29.02711%;
}
.uni-link-list > li:nth-child(3n+1) {
clear: both;
}
.uni-link-list > li {
float: left;
}
.uni-link-list > li:nth-child(n+4) {
margin-top: 25px;
}
.uni-link-list > li > a {
position: relative;
display: block;
padding: 20px 30px;
background-color: #0055a6;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 2.2rem;
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
}
.uni-link-list > li > a:hover, .uni-link-list > li > a:active, .uni-link-list > li > a:focus {
background-color: #e3f0fc;
color: #0055a6;
text-decoration: none;
}
.uni-link-list > li > a:hover::after, .uni-link-list > li > a:active::after, .uni-link-list > li > a:focus::after {
border-color: currentcolor;
}
.uni-link-list > li > a::after {
position: absolute;
top: 50%;
right: 25px;
width: 5px;
height: 5px;
border: 1px solid #fff;
border-bottom: transparent;
border-left: transparent;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
.uni-link-list > li > a._disclosurepolicy {
font-size: 2rem;
}
@media only screen and (max-width: 768px) {
.uni-link-list {
margin-left: 0;
}
.uni-link-list > li {
float: none;
margin-left: 0;
width: 100%;
}
.uni-link-list > li + li {
margin-top: 15px;
}
.uni-link-list > li:nth-child(n+4) {
margin-top: 15px;
}
.uni-link-list > li > a {
padding: 15px;
font-size: 2rem;
}
.uni-link-list > li > a._disclosurepolicy {
padding-top: 20px;
padding-bottom: 20px;
font-size: 1.6rem;
}
.uni-link-list > li > a::after {
right: 12px;
}
}
/* .uni-link-block
----------------------------------------------- */
.uni-link-block {
margin-bottom: 80px;
border-top: 1px solid #0055a6;
}
.uni-link-block > :last-child {
margin-bottom: 0;
}
.uni-link-block > a {
display: block;
text-decoration: none;
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
}
.uni-link-block > a:hover, .uni-link-block > a:active, .uni-link-block > a:focus {
background-color: #e3f0fc;
}
.uni-link-block > a:hover img, .uni-link-block > a:active img, .uni-link-block > a:focus img {
opacity: 1;
}
.uni-link-block > a > .hdg-l2 {
margin: 0;
padding-bottom: 0;
border-bottom: 0;
text-align: left;
font-size: 2.6rem;
}
.uni-link-block > a > .hdg-l2 > ._link {
display: block;
padding: 30px 0;
}
.uni-link-block > a > .hdg-l2 > ._link:hover, .uni-link-block > a > .hdg-l2 > ._link:active, .uni-link-block > a > .hdg-l2 > ._link:focus {
text-decoration: none;
}
.uni-link-block > a .media-inner {
background-color: #f5f5f5;
}
@media only screen and (max-width: 768px) {
.uni-link-block {
margin-bottom: 50px;
}
.uni-link-block > a > .hdg-l2 {
font-size: 2.1rem;
}
.uni-link-block > a > .hdg-l2 > ._link {
padding: 18px 0;
}
}
/* .uni-group-grid-wrap
----------------------------------------------- */
.uni-group-grid-wrap .inquiry-num {
font-size: 1.5rem;
}
.uni-group-grid-wrap .inquiry-lyt > dt {
vertical-align: top;
}
.uni-group-grid-wrap .inquiry-lyt > dd {
vertical-align: middle;
}
.uni-group-grid-wrap a {
text-decoration: none;
}
.uni-group-grid-wrap a:hover, .uni-group-grid-wrap a:active, .uni-group-grid-wrap a:focus {
text-decoration: underline;
}
@media only screen and (max-width: 768px) {
.uni-group-grid-wrap p {
margin-bottom: 15px;
}
}
.box-group {
margin-bottom: 80px;
padding: 15px 0 0 15px;
background-color: #f7f7f7;
}
.box-group > .box-inner {
padding: 20px 30px 15px 25px;
background-color: #fff;
}
.box-group > .box-inner > :last-child {
margin-bottom: 0;
}
.box-group > .box-inner .box-hdg {
margin: 0 0 15px;
color: #0055a6;
text-align: center;
font-weight: normal;
font-size: 2.2rem;
line-height: 1.2;
}
.box-group > .box-inner .box-body {
padding-top: 15px;
padding-bottom: 15px;
border-top: 1px dotted #c4c4c4;
}
.box-group > .box-inner .box-body > :last-child {
margin-bottom: 0 !important;
}
@media only screen and (max-width: 768px) {
.box-group {
margin-bottom: 50px;
}
.box-group > .box-inner {
padding-right: 40px;
height: auto !important;
}
.box-group > .box-inner .box-hdg {
font-size: 1.6rem;
}
.box-group > .box-inner .box-body > .grid {
margin-bottom: 10px;
}
.box-group > .box-inner .box-body > .grid > .grid-col {
margin-bottom: 10px;
}
}
.uni-grid {
margin-bottom: 20px;
}
.uni-grid > .grid-col {
float: left;
}
.uni-grid > .grid-col > :first-child {
margin-top: 0;
}
.uni-grid > .grid-col > :last-child {
margin-bottom: 0;
}
.uni-grid[data-col='2'] {
margin-left: -20px;
}
.uni-grid[data-col='2'] > .grid-col {
margin-left: 20px;
width: calc(50% - 20px);
}
.uni-grid[data-col='2'] > .grid-col:nth-child(2n+1) {
clear: both;
}
.uni-grid[data-col='2'] > .grid-col:nth-child(n+3) {
margin-top: 25px;
}
@media only screen and (max-width: 990px) {
.uni-grid[data-col='2'] {
margin-left: 0;
}
.uni-grid[data-col='2'] > .grid-col {
float: none;
margin-bottom: 25px;
margin-left: 0;
width: 100%;
}
.uni-grid[data-col='2'] > .grid-col:nth-child(n+3) {
margin-top: 0;
}
.uni-grid[data-col='2'] > .grid-col:last-child {
margin-bottom: 0;
}
}
/* .contents-fluid._group
----------------------------------------------- */
.contents-fluid._group {
background-image: url('/group/images/group-bg.jpg');
background-position: bottom center;
background-repeat: no-repeat;
}
.contents-fluid._group .contents-inner {
padding-top: 70px;
padding-bottom: 70px;
}
.contents-fluid._group .contents-inner > :first-child {
margin-top: 0;
}
.contents-fluid._group .contents-inner > :last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
.contents-fluid._group {
background-size: 150%;
}
.contents-fluid._group .contents-inner {
padding-top: 50px;
padding-bottom: 50px;
}
}
/*　.mainvisual-lower
----------------------------------------------- */
.mainvisual-lower {
background-position: top center;
background-repeat: no-repeat;
}
.mainvisual-lower._csr {
background-image: url('/sustainability/images/index-bg.jpg');
}
.mainvisual-lower .mainvisual-lower-inner {
position: relative;
margin: 0 auto 80px;
min-height: 517px;
max-width: 1200px;
}
.mainvisual-lower .mainvisual-lower-inner .hdg {
position: absolute;
top: 50px;
left: 50px;
text-shadow: 0 0 2px #fff;
font-weight: normal;
font-size: 4.6rem;
}
.mainvisual-lower .mainvisual-lower-inner .hdg > span {
margin: 0 0 0 5px;
font-weight: bold;
font-size: 1.8rem;
}
@media only screen and (max-width: 990px) {
.mainvisual-lower {
background-position: top center;
background-size: 150%;
}
.mainvisual-lower .mainvisual-lower-inner {
padding-top: 43%;
min-height: auto;
}
.mainvisual-lower .mainvisual-lower-inner .hdg {
top: 10px;
left: 20px;
}
}
@media only screen and (max-width: 768px) {
.mainvisual-lower .mainvisual-lower-inner .hdg {
top: 0;
left: 10px;
}
}
@media only screen and (max-width: 425px) {
.mainvisual-lower .mainvisual-lower-inner .hdg {
font-size: 3rem;
}
.mainvisual-lower .mainvisual-lower-inner .hdg span {
font-size: 1.4rem;
}
}
/*　.uni-grid-02
----------------------------------------------- */
.uni-grid-02 {
overflow: hidden;
margin: 100px 0 40px;
}
.uni-grid-02 .grid-col:first-child {
float: left;
width: calc(75%);
}
.uni-grid-02 .grid-col:last-child {
float: right;
margin-left: 30px;
width: calc(25% - 30px);
}
.uni-grid-02 .grid-col:last-child .link-list li a {
padding: 17px;
}
.uni-grid-02 .grid-col:last-child .link-list li a::after {
right: 20px;
}
.uni-grid-02 .grid-col:last-child .link-list li::after {
width: calc(100%);
}
@media only screen and (max-width: 990px) {
.uni-grid-02 {
margin-left: 0;
}
.uni-grid-02 .grid-col:first-child, .uni-grid-02 .grid-col:last-child {
float: none;
margin-bottom: 25px;
margin-left: 0;
width: 100%;
}
}
/*　.box-download
----------------------------------------------- */
.box-download {
padding: 23px 23px 0;
border: 2px solid #0055a6;
}
.box-download .hdg-download {
position: relative;
padding-bottom: 25px;
padding-left: 26px;
color: #0055a6;
font-weight: normal;
font-size: 2.6rem;
line-height: 1.2;
}
.box-download .hdg-download::before {
position: absolute;
left: 0;
width: 26px;
height: 26px;
background-position: 0 -43px;
background-size: 94px auto;
background-repeat: no-repeat;
}
.box-download .media-lyt {
margin-bottom: 0;
}
.box-download .media-lyt .media-item {
float: left;
margin-right: 0;
margin-bottom: 0;
}
@media only screen and (max-width: 990px) {
.box-download .media-lyt .media-item {
float: none;
}
}
.box-download .media-lyt .media-col {
float: right;
width: calc(100% - 274px);
}
.box-download .media-lyt .media-col .link-download {
margin-bottom: 30px;
font-size: 1.6rem;
}
.box-download .media-lyt .media-col .link-download > li {
margin-bottom: 15px;
padding-left: 0;
}
.box-download .media-lyt .media-col .link-download > li > a {
text-decoration: none;
}
.box-download .media-lyt .media-col .link-download > li > a:hover {
text-decoration: underline;
}
.box-download .media-lyt .media-col .link-download > li::before {
display: none;
}
.box-download .media-lyt .media-col .list-link {
margin: 0 0 20px;
}
@media only screen and (max-width: 768px) {
.box-download .media-lyt .media-col {
float: none;
width: 100%;
}
}
/*　.uni-box
----------------------------------------------- */
.uni-box {
margin: 0 0 80px;
}
.uni-box .hdg-uni-box {
position: relative;
padding: 14px 14px 14px 70px;
background: #0e3254;
color: #fff;
font-weight: bold;
font-size: 1.8rem;
line-height: 1.2;
}
.uni-box .hdg-uni-box::before {
position: absolute;
left: 32px;
width: 25px;
height: 18px;
background-position: -54px -43px;
background-size: 94px auto;
background-repeat: no-repeat;
}
.uni-box .uni-box-inner {
padding: 25px;
border: 15px solid #f7f7f7;
border-top: 0;
}
.uni-box .uni-box-inner > :last-child {
margin-bottom: 0;
}
.uni-box .uni-box-inner .hdg-uni-box-inner {
margin: 0 0 10px;
color: #0e3254;
font-size: 2.2rem;
}
.uni-box .uni-box-inner .text-lead {
margin-bottom: 20px;
text-align: left;
font-size: 2.2rem;
line-height: 1.6;
}
.uni-box .uni-box-inner .media-lyt {
position: relative;
}
.uni-box .uni-box-inner .media-lyt > .media-item .media-caption {
font-size: 1.2rem;
}
.uni-box .uni-box-inner .media-lyt > .logo {
position: absolute;
top: 0;
left: 0;
height: 50px;
}
.uni-box .uni-box-inner .media-lyt > .logo + .media-item {
margin-top: 60px;
}
.uni-box .uni-box-inner .media-lyt._left > .media-item {
margin-right: 20px;
}
.uni-box .uni-box-inner .media-lyt._right > .media-item {
margin-left: 20px;
}
@media only screen and (max-width: 768px) {
.uni-box .uni-box-inner .media-lyt {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.uni-box .uni-box-inner .media-lyt._left > .media-item, .uni-box .uni-box-inner .media-lyt._right > .media-item {
float: none;
margin: 0;
text-align: center;
}
.uni-box .uni-box-inner .media-lyt._left > .media-col, .uni-box .uni-box-inner .media-lyt._right > .media-col {
margin: 0 0 25px;
}
.uni-box .uni-box-inner .media-lyt._left > .logo, .uni-box .uni-box-inner .media-lyt._right > .logo {
position: relative;
text-align: center;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.uni-box .uni-box-inner .media-lyt._left > .logo + .media-item, .uni-box .uni-box-inner .media-lyt._right > .logo + .media-item {
margin-top: 0;
}
}
/* ----------------------------------------------------------------
TOP
----------------------------------------------------------------- */
/**
* Mainvisual
*/
/* .mainvisual
----------------------------------------------- */
.mainvisual {
background-image: url('/images/mainvisual-bg.jpg');
background-position: top center;
background-repeat: no-repeat;
}
.mainvisual .mainvisual-inner {
position: relative;
margin: 0 auto;
min-height: 710px;
max-width: 1600px;
width: 100%;
text-align: left;
}
.mainvisual .mainvisual-inner .mainvisual-catch {
position: absolute;
top: 147px;
left: 14.31%;
margin: 0;
}
@media only screen and (max-width: 1220px) {
.mainvisual .mainvisual-inner {
padding-right: 10px;
padding-left: 10px;
}
}
@media only screen and (max-width: 768px) {
.mainvisual {
background-position: top center;
background-size: cover;
}
.mainvisual .mainvisual-inner {
min-height: 280px;
}
.mainvisual .mainvisual-inner .mainvisual-catch {
top: 165px;
left: 0;
width: 100%;
text-align: center;
}
}
@media only screen and (max-width: 425px) {
.mainvisual {
background-position: 65% 0;
background-size: 210%;
}
}
/* mainvisual animation */
.mainvisual .mainvisual-inner {
-webkit-animation: 7.5s ease-out fadein-bg;
animation: 7.5s ease-out fadein-bg;
}
.mainvisual .mainvisual-inner .mainvisual-catch img {
-webkit-animation: 2.5s ease-out fadein-img;
animation: 2.5s ease-out fadein-img;
}
@-webkit-keyframes fadein-bg {
0% {
background-color: rgba(0, 0, 0, .9);
}
47% {
background-color: rgba(0, 0, 0, .8);
}
100% {
background-color: rgba(255, 255, 255, 0);
}
}
@keyframes fadein-bg {
0% {
background-color: rgba(0, 0, 0, .9);
}
47% {
background-color: rgba(0, 0, 0, .8);
}
100% {
background-color: rgba(255, 255, 255, 0);
}
}
@-webkit-keyframes fadein-img {
0% {
opacity: 0;
}
30% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadein-img {
0% {
opacity: 0;
}
30% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/**
* Fuyo General Lease
*/
/* .contents-fluid._top-fgl
----------------------------------------------- */
@media only screen and (max-width: 768px) {
.contents-fluid._top-fgl {
padding-top: 10px;
background: linear-gradient(to top, #fff, #fff 60px, #19539f 60px, #19539f);
background-color: #19539f;
}
.contents-fluid._top-fgl .contents-inner {
position: relative;
}
}
/* .t-link-box
----------------------------------------------- */
.contents-fluid._top-fgl .t-link-box {
display: table;
margin-top: -140px;
margin-bottom: 50px;
width: 100%;
}
.contents-fluid._top-fgl .t-link-box > a {
position: relative;
display: table-cell;
overflow: hidden;
width: 50%;
background-repeat: no-repeat;
vertical-align: top;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.contents-fluid._top-fgl .t-link-box > a::before {
width: 100%;
height: 260px;
background-color: rgba(255, 255, 255, .4);
opacity: 0;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.contents-fluid._top-fgl .t-link-box > a > .t-link-box-text {
position: absolute;
margin: 0;
}
.contents-fluid._top-fgl .t-link-box > a:hover::before, .contents-fluid._top-fgl .t-link-box > a:active::before, .contents-fluid._top-fgl .t-link-box > a:focus::before {
opacity: 1;
}
.contents-fluid._top-fgl .t-link-box > a:hover .t-link-box-text img, .contents-fluid._top-fgl .t-link-box > a:active .t-link-box-text img, .contents-fluid._top-fgl .t-link-box > a:focus .t-link-box-text img {
opacity: 1;
}
.contents-fluid._top-fgl .t-link-box > a._fgl {
background-image: url('/images/index-bg-link.jpg');
background-position: top right;
}
.contents-fluid._top-fgl .t-link-box > a._fgl > .t-link-box-text {
top: 106px;
right: 95px;
}
.contents-fluid._top-fgl .t-link-box > a._group {
background-image: url('/images/index-bg-link-02.jpg');
background-position: top left;
}
.contents-fluid._top-fgl .t-link-box > a._group > .t-link-box-text {
top: 88px;
left: 88px;
}
@media only screen and (max-width: 768px) {
.contents-fluid._top-fgl .t-link-box {
display: block;
margin-top: 0;
}
.contents-fluid._top-fgl .t-link-box > a {
display: block;
width: 100%;
}
.contents-fluid._top-fgl .t-link-box > a::before {
height: 130px;
}
.contents-fluid._top-fgl .t-link-box > a._fgl {
height: 130px;
background-position: top center;
background-size: cover;
}
.contents-fluid._top-fgl .t-link-box > a._fgl > .t-link-box-text {
top: 54px;
left: 50%;
width: 123px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.contents-fluid._top-fgl .t-link-box > a._group {
margin-top: 10px;
height: 130px;
background-position: center center;
background-size: cover;
}
.contents-fluid._top-fgl .t-link-box > a._group > .t-link-box-text {
top: 42px;
left: 20px;
width: 151px;
}
}
/**
* What’s New
*/
/* .contents-fluid._top-news
----------------------------------------------- */
@media only screen and (max-width: 768px) {
.contents-fluid._top-news .uni-block-info .uni-block-hdg img {
width: 125px;
}
}
/**
* Service
*/
/* .contents-fluid._top-service
----------------------------------------------- */
.contents-fluid._top-service {
margin-bottom: 80px;
padding-top: 80px;
height: 752px;
background-image: url('/images/index-bg-service.jpg');
background-position: top center;
background-repeat: no-repeat;
}
.contents-fluid._top-service > .contents-inner {
height: 560px;
}
.contents-fluid._top-service .hdg-l2 {
margin: 0 0 80px;
padding-bottom: 0;
border-bottom: 0;
}
@media only screen and (max-width: 768px) {
.contents-fluid._top-service {
margin-bottom: 50px;
padding-top: 50px;
height: auto;
}
.contents-fluid._top-service > .contents-inner {
height: auto;
}
.contents-fluid._top-service .hdg-l2 {
margin: 0 0 50px;
}
.contents-fluid._top-service .hdg-l2 img {
width: 105px;
}
}
.contents-fluid._top-service .t-block-lyt {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.contents-fluid._top-service .t-block-lyt .t-block {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.contents-fluid._top-service .t-block-lyt .t-block._service {
width: 41.66667%;
}
.contents-fluid._top-service .t-block-lyt .t-block._list {
background-image: url('/images/index-bg-list.jpg');
}
.contents-fluid._top-service .t-block-lyt .t-block._objective {
background-image: url('/images/index-bg-objective.jpg');
}
.contents-fluid._top-service .t-block-lyt .t-block._list, .contents-fluid._top-service .t-block-lyt .t-block._objective {
position: relative;
margin-left: 1px;
width: 29.08333%;
width: calc(29.1% - 1px);
}
.contents-fluid._top-service .t-block-lyt .t-block._list::after, .contents-fluid._top-service .t-block-lyt .t-block._objective::after {
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
width: 0;
height: 0;
border-bottom: 15px solid #0055a6;
border-left: 15px solid transparent;
}
.contents-fluid._top-service .t-block-lyt .t-block._list > a, .contents-fluid._top-service .t-block-lyt .t-block._objective > a {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.contents-fluid._top-service .t-block-lyt .t-block._list > a > .t-block-inner, .contents-fluid._top-service .t-block-lyt .t-block._objective > a > .t-block-inner {
position: relative;
z-index: 3;
width: 100%;
text-align: center;
}
.contents-fluid._top-service .t-block-lyt .t-block._list > a > .t-block-inner .t-block-link-text, .contents-fluid._top-service .t-block-lyt .t-block._objective > a > .t-block-inner .t-block-link-text {
position: relative;
display: inline-block;
margin: 20px 0 27px;
padding: 12px 60px 12px 30px;
border-width: 2px;
border-style: solid;
border-color: currentcolor;
background-size: cover;
background-repeat: no-repeat;
font-size: 2.2rem;
line-height: 1.2;
}
.contents-fluid._top-service .t-block-lyt .t-block._list > a:hover, .contents-fluid._top-service .t-block-lyt .t-block._list > a:active, .contents-fluid._top-service .t-block-lyt .t-block._list > a:focus, .contents-fluid._top-service .t-block-lyt .t-block._objective > a:hover, .contents-fluid._top-service .t-block-lyt .t-block._objective > a:active, .contents-fluid._top-service .t-block-lyt .t-block._objective > a:focus {
text-decoration: none;
}
.contents-fluid._top-service .t-block-lyt .t-block._list > a:hover::before, .contents-fluid._top-service .t-block-lyt .t-block._list > a:active::before, .contents-fluid._top-service .t-block-lyt .t-block._list > a:focus::before, .contents-fluid._top-service .t-block-lyt .t-block._objective > a:hover::before, .contents-fluid._top-service .t-block-lyt .t-block._objective > a:active::before, .contents-fluid._top-service .t-block-lyt .t-block._objective > a:focus::before {
opacity: 1;
}
.contents-fluid._top-service .t-block-lyt .t-block._list > a:hover img, .contents-fluid._top-service .t-block-lyt .t-block._list > a:active img, .contents-fluid._top-service .t-block-lyt .t-block._list > a:focus img, .contents-fluid._top-service .t-block-lyt .t-block._objective > a:hover img, .contents-fluid._top-service .t-block-lyt .t-block._objective > a:active img, .contents-fluid._top-service .t-block-lyt .t-block._objective > a:focus img {
opacity: 1;
}
.contents-fluid._top-service .t-block-lyt .t-block._list > a::before, .contents-fluid._top-service .t-block-lyt .t-block._objective > a::before {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 561px;
background-color: rgba(255, 255, 255, .3);
opacity: 0;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.contents-fluid._top-service .t-block-lyt .t-block._service .t-link-banner {
display: block;
margin: 0;
padding: 25px;
background-image: -webkit-gradient(linear, right top, left top, from(#0050a2), color-stop(40%, #00396f), color-stop(99%, #0e3254));
background-image: linear-gradient(to left, #0050a2, #00396f 40%, #0e3254 99%);
}
.contents-fluid._top-service .t-block-lyt .t-block._service .t-link-banner > a {
position: relative;
display: block;
padding-right: 35px;
width: 100%;
background-color: #f7f7f7;
color: #0055a6;
font-size: 1.5rem;
}
.contents-fluid._top-service .t-block-lyt .t-block._service .t-link-banner > a > span {
display: inline-block;
margin-bottom: 15px;
margin-left: 20px;
}
.contents-fluid._top-service .t-block-lyt .t-block._service .t-link-banner > a::after {
position: absolute;
top: 50%;
right: 12px;
width: 19px;
height: 19px;
background-position: -21px -71px;
background-size: 94px auto;
background-repeat: no-repeat;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.contents-fluid._top-service .t-block-lyt .t-block._list > a > .t-block-inner .t-block-link-text {
background-image: url('/images/index-bg-text-list.jpg');
color: #0055a6;
}
.contents-fluid._top-service .t-block-lyt .t-block._list > a > .t-block-inner .t-block-link-text::after {
position: absolute;
top: 50%;
right: 10px;
width: 19px;
height: 19px;
background-position: -21px -71px;
background-size: 94px auto;
background-repeat: no-repeat;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.contents-fluid._top-service .t-block-lyt .t-block._objective > a > .t-block-inner .t-block-link-text {
background-image: url('/images/index-bg-text-list-02.jpg');
color: #fff;
}
.contents-fluid._top-service .t-block-lyt .t-block._objective > a > .t-block-inner .t-block-link-text::after {
position: absolute;
top: 50%;
right: 10px;
width: 19px;
height: 19px;
background-position: 0 -71px;
background-size: 94px auto;
background-repeat: no-repeat;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (max-width: 768px) {
.contents-fluid._top-service .t-block-lyt {
display: block;
}
.contents-fluid._top-service .t-block-lyt .t-block {
margin: 0 auto;
}
.contents-fluid._top-service .t-block-lyt .t-block._service {
max-width: 300px;
width: 100%;
}
.contents-fluid._top-service .t-block-lyt .t-block._service .t-link-banner {
padding: 25px 20px;
}
.contents-fluid._top-service .t-block-lyt .t-block._service .t-link-banner > a {
overflow: hidden;
background-color: #fff;
}
.contents-fluid._top-service .t-block-lyt .t-block._service .t-link-banner > a::after {
right: 6px;
}
.contents-fluid._top-service .t-block-lyt .t-block._service .t-link-banner > a > span {
margin-bottom: 7px;
margin-left: 10px;
}
.contents-fluid._top-service .t-block-lyt .t-block._service .t-link-banner > a > img:not(.icon) {
margin-bottom: -3px;
margin-left: -5px;
}
.contents-fluid._top-service .t-block-lyt .t-block._list, .contents-fluid._top-service .t-block-lyt .t-block._objective {
overflow: hidden;
margin-left: auto;
max-width: 300px;
width: 100%;
height: 300px;
}
}
/**
* IRæƒ…å ±
*/
/* .contents-fluid._top-ir
----------------------------------------------- */
.contents-fluid._top-ir .uni-block-info._2col {
margin-bottom: 0;
}
.contents-fluid._top-ir .uni-block-info._2col .uni-block-hdg-wrapper {
border: none;
}
.contents-fluid._top-ir .uni-block-info._2col .uni-block-hdg-wrapper .uni-block-hdg {
padding-top: 0;
}
.contents-fluid._top-ir .uni-block-info._2col .uni-block-contents {
float: right;
width: calc(100% - 270px);
}
@media only screen and (max-width: 768px) {
.contents-fluid._top-ir .uni-block-info._2col {
margin-bottom: 0;
}
.contents-fluid._top-ir .uni-block-info._2col .uni-block-hdg-wrapper {
width: 100%;
text-align: center;
}
.contents-fluid._top-ir .uni-block-info._2col .uni-block-hdg-wrapper .uni-block-hdg {
margin-bottom: 10px;
padding-top: 0;
}
.contents-fluid._top-ir .uni-block-info._2col .uni-block-hdg-wrapper .uni-block-hdg img {
width: 87px;
}
.contents-fluid._top-ir .uni-block-info._2col .uni-block-contents {
float: none;
width: 100%;
}
}
.contents-fluid._top-ir .grid[data-col='2'] {
margin-bottom: 0;
}
.contents-fluid._top-ir .grid[data-col='2'] > .grid-col {
margin-left: 4%;
padding-right: 4.09836%;
width: 46%;
}
@media only screen and (max-width: 768px) {
.contents-fluid._top-ir .grid[data-col='2'] > .grid-col {
margin-bottom: 0;
margin-left: 0;
padding-right: 0;
width: 100%;
}
.contents-fluid._top-ir .grid[data-col='2'] > .grid-col + .grid-col {
border-top: 1px solid #c4c4c4;
}
}
.contents-fluid._top-ir .t-link-list {
margin: 0;
font-size: 1.5rem;
}
.contents-fluid._top-ir .t-link-list > li {
position: relative;
}
.contents-fluid._top-ir .t-link-list > li + li {
border-top: 1px solid #c4c4c4;
}
.contents-fluid._top-ir .t-link-list > li > a {
position: relative;
display: block;
padding: 18px 22px 18px 0;
text-decoration: none;
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
}
.contents-fluid._top-ir .t-link-list > li > a:hover, .contents-fluid._top-ir .t-link-list > li > a:active, .contents-fluid._top-ir .t-link-list > li > a:focus {
background-color: #e3f0fc;
}
.contents-fluid._top-ir .t-link-list > li > a::after {
position: absolute;
top: 50%;
right: 18px;
width: 5px;
height: 5px;
border: 1px solid #0055a6;
border-bottom: transparent;
border-left: transparent;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
.contents-fluid._top-ir .uni-link {
margin: 0;
border-top: 1px solid #c4c4c4;
text-align: right;
font-size: 1.4rem;
}
.contents-fluid._top-ir .uni-link a {
position: relative;
display: inline-block;
padding: 20px 36px 20px 0;
color: #0055a6;
text-decoration: none;
}
.contents-fluid._top-ir .uni-link a:hover, .contents-fluid._top-ir .uni-link a:active, .contents-fluid._top-ir .uni-link a:focus {
text-decoration: underline;
}
.contents-fluid._top-ir .uni-link a::after {
position: absolute;
top: 50%;
right: 18px;
width: 5px;
height: 5px;
border: 1px solid #0055a6;
border-bottom: transparent;
border-left: transparent;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
@media only screen and (max-width: 768px) {
.contents-fluid._top-ir .uni-link {
text-align: left;
}
.contents-fluid._top-ir .uni-link a {
display: inline-block;
}
}
.contents-fluid._top-ir .uni-link-banner {
margin: 0;
font-size: 1.5rem;
}
.contents-fluid._top-ir .uni-link-banner a {
position: relative;
display: block;
padding: 17px 22px 17px 0;
background-image: url('/images/index-bg-link.png');
color: #0055a6;
text-align: center;
text-decoration: none;
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
}
.contents-fluid._top-ir .uni-link-banner a .icon-email {
padding-right: 12px;
}
.contents-fluid._top-ir .uni-link-banner a:hover, .contents-fluid._top-ir .uni-link-banner a:active, .contents-fluid._top-ir .uni-link-banner a:focus {
text-decoration: underline;
}
.contents-fluid._top-ir .uni-link-banner a:hover img, .contents-fluid._top-ir .uni-link-banner a:active img, .contents-fluid._top-ir .uni-link-banner a:focus img {
opacity: 1;
}
.contents-fluid._top-ir .uni-link-banner a::after {
position: absolute;
top: 50%;
right: 12px;
width: 19px;
height: 19px;
background-position: -21px -71px;
background-size: 94px auto;
background-repeat: no-repeat;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
/**
* サステナビリティ
*/
/* .contents-fluid._top-csr
----------------------------------------------- */
.contents-fluid._top-csr {
margin-bottom: 80px;
padding: 80px 0 100px;
background-image: url('/images/index-bg-csr.png');
background-position: bottom center;
background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
.contents-fluid._top-csr {
margin-bottom: 50px;
padding: 50px 0 100px;
background-color: #d3e8fb;
background-image: url('/images/index-bg-csr-sp.png'), url('/images/index-bg-csr.png');
background-position: top center, bottom left;
background-size: auto, 300%;
background-repeat: repeat-x, no-repeat;
}
}
.contents-fluid._top-csr .contents-inner {
padding-bottom: 60px;
}
@media only screen and (max-width: 768px) {
.contents-fluid._top-csr .contents-inner {
padding-bottom: 0;
background-color: #fff;
}
}
.contents-fluid._top-csr .uni-block-info._2col {
margin-bottom: 0;
}
.contents-fluid._top-csr .uni-block-info._2col .uni-block-hdg-wrapper {
border: none;
}
.contents-fluid._top-csr .uni-block-info._2col .uni-block-hdg-wrapper .uni-block-hdg {
padding-top: 0;
}
.contents-fluid._top-csr .uni-block-info._2col .uni-block-contents {
float: right;
width: calc(100% - 270px);
}
@media only screen and (max-width: 768px) {
.contents-fluid._top-csr .uni-block-info._2col {
margin-bottom: 0;
}
.contents-fluid._top-csr .uni-block-info._2col .uni-block-hdg-wrapper {
width: 100%;
text-align: center;
}
.contents-fluid._top-csr .uni-block-info._2col .uni-block-hdg-wrapper .uni-block-hdg {
margin-bottom: 10px;
padding-top: 0;
}
.contents-fluid._top-csr .uni-block-info._2col .uni-block-hdg-wrapper .uni-block-hdg img {
width: 87px;
}
.contents-fluid._top-csr .uni-block-info._2col .uni-block-contents {
float: none;
width: 100%;
}
}
.contents-fluid._top-csr .grid[data-col='2'] {
margin-bottom: 0;
}
.contents-fluid._top-csr .grid[data-col='2'] > .grid-col {
margin-left: 4%;
padding-right: 4.09836%;
width: 46%;
}
@media only screen and (max-width: 768px) {
.contents-fluid._top-csr .grid[data-col='2'] > .grid-col {
margin-bottom: 0;
margin-left: 0;
padding-right: 0;
width: 100%;
}
.contents-fluid._top-csr .grid[data-col='2'] > .grid-col + .grid-col {
border-top: 1px solid #c4c4c4;
}
}
.contents-fluid._top-csr .t-link-list {
margin: 0;
font-size: 1.5rem;
}
.contents-fluid._top-csr .t-link-list > li {
position: relative;
}
.contents-fluid._top-csr .t-link-list > li + li {
border-top: 1px solid #c4c4c4;
}
.contents-fluid._top-csr .t-link-list > li > a {
position: relative;
display: block;
padding: 18px 22px 18px 0;
text-decoration: none;
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
}
.contents-fluid._top-csr .t-link-list > li > a:hover, .contents-fluid._top-csr .t-link-list > li > a:active, .contents-fluid._top-csr .t-link-list > li > a:focus {
background-color: #e3f0fc;
}
.contents-fluid._top-csr .t-link-list > li > a::after {
position: absolute;
top: 50%;
right: 18px;
width: 5px;
height: 5px;
border: 1px solid #0055a6;
border-bottom: transparent;
border-left: transparent;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
.contents-fluid._top-csr .uni-link {
margin: 0;
border-top: 1px solid #c4c4c4;
text-align: right;
font-size: 1.4rem;
}
.contents-fluid._top-csr .uni-link a {
position: relative;
display: inline-block;
padding: 20px 36px 20px 0;
color: #0055a6;
text-decoration: none;
}
.contents-fluid._top-csr .uni-link a:hover, .contents-fluid._top-csr .uni-link a:active, .contents-fluid._top-csr .uni-link a:focus {
text-decoration: underline;
}
.contents-fluid._top-csr .uni-link a::after {
position: absolute;
top: 50%;
right: 18px;
width: 5px;
height: 5px;
border: 1px solid #0055a6;
border-bottom: transparent;
border-left: transparent;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
@media only screen and (max-width: 768px) {
.contents-fluid._top-csr .uni-link {
text-align: left;
}
.contents-fluid._top-csr .uni-link a {
display: inline-block;
}
}
.contents-fluid._top-csr .uni-link-banner {
margin: 0;
font-size: 1.5rem;
}
.contents-fluid._top-csr .uni-link-banner a {
position: relative;
display: block;
padding: 17px 22px 17px 0;
background-image: url('/images/index-bg-link.png');
color: #0055a6;
text-align: center;
text-decoration: none;
-webkit-transition: background-color .2s ease-out;
transition: background-color .2s ease-out;
}
.contents-fluid._top-csr .uni-link-banner a .icon-email {
padding-right: 12px;
}
.contents-fluid._top-csr .uni-link-banner a:hover, .contents-fluid._top-csr .uni-link-banner a:active, .contents-fluid._top-csr .uni-link-banner a:focus {
text-decoration: underline;
}
.contents-fluid._top-csr .uni-link-banner a:hover img, .contents-fluid._top-csr .uni-link-banner a:active img, .contents-fluid._top-csr .uni-link-banner a:focus img {
opacity: 1;
}
.contents-fluid._top-csr .uni-link-banner a::after {
position: absolute;
top: 50%;
right: 12px;
width: 19px;
height: 19px;
background-position: -21px -71px;
background-size: 94px auto;
background-repeat: no-repeat;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.contents-fluid._top-csr {
margin-bottom: 80px;
padding: 80px 0 100px;
background-image: url('/images/index-bg-csr.png');
background-position: bottom center;
background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
.contents-fluid._top-csr {
margin-bottom: 50px;
padding: 50px 0 100px;
background-color: #d3e8fb;
background-image: url('/images/index-bg-csr-sp.png'), url('/images/index-bg-csr.png');
background-position: top center, bottom left;
background-size: auto, 300%;
background-repeat: repeat-x, no-repeat;
}
}
.contents-fluid._top-csr .uni-block-info._2col .uni-block-hdg-wrapper {
width: 260px;
border: none;
}
.contents-fluid._top-csr .uni-block-info._2col .uni-block-hdg-wrapper .uni-block-hdg {
padding-top: 0;
}
.contents-fluid._top-csr .uni-block-info._2col .uni-block-contents {
float: right;
width: calc(100% - 260px);
}
.contents-fluid._top-csr .uni-block-info._2col .uni-block-contents + .uni-block-link {
position: absolute;
bottom: 0;
}
@media only screen and (max-width: 768px) {
.contents-fluid._top-csr .uni-block-info._2col {
margin-bottom: 0;
}
.contents-fluid._top-csr .uni-block-info._2col .uni-block-hdg-wrapper {
width: 100%;
text-align: center;
}
.contents-fluid._top-csr .uni-block-info._2col .uni-block-hdg-wrapper .uni-block-hdg {
margin-bottom: 30px;
padding-top: 0;
}
.contents-fluid._top-csr .uni-block-info._2col .uni-block-hdg-wrapper .uni-block-hdg img {
width: 207px;
}
.contents-fluid._top-csr .uni-block-info._2col .uni-block-contents {
float: none;
width: 100%;
}
.contents-fluid._top-csr .uni-block-info._2col .uni-block-contents + .uni-block-link {
position: static;
margin-top: 20px;
}
}
/**
* ãŠçŸ¥ã‚‰ã›
*/
/* .contents-fluid._top-topics
----------------------------------------------- */
.contents-fluid._top-topics .uni-block-info .uni-block-hdg img {
width: 75px;
}
.contents-fluid._top-topics .uni-block-info._wallpaper {
margin-bottom: 110px;
}
.contents-fluid._top-topics .uni-block-info._wallpaper .uni-block-hdg-wrapper {
border-color: #c4c4c4;
}
.contents-fluid._top-topics .uni-block-info._wallpaper .uni-block-hdg {
padding-top: 20px;
color: #333;
font-weight: normal;
font-size: 1.6rem;
}
.contents-fluid._top-topics .uni-block-info._wallpaper .uni-block-media-wrapper {
float: right;
width: calc(100% - 300px);
}
.contents-fluid._top-topics .uni-block-info._wallpaper .uni-block-media-wrapper .media, .contents-fluid._top-topics .uni-block-info._wallpaper .uni-block-media-wrapper .media-inner {
margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
.contents-fluid._top-topics .uni-block-info._wallpaper {
margin-bottom: 55px;
}
.contents-fluid._top-topics .uni-block-info._wallpaper .uni-block-hdg {
margin-bottom: 25px;
}
.contents-fluid._top-topics .uni-block-info._wallpaper .uni-block-media-wrapper {
float: none;
width: 100%;
}
}
/**
* グループ会社リンク
*/
/* .contents-fluid._top-group
----------------------------------------------- */
.contents-fluid._top-group {
padding-top: 55px;
background-color: #f4f4f4;
}
.contents-fluid._top-group .t-hdg {
margin-bottom: 25px;
font-weight: normal;
font-size: 1.6rem;
}
.contents-fluid._top-group .t-link-list {
margin: 0;
}
@media only screen and (min-width: 768px) {
.contents-fluid._top-group .t-link-list {
margin-left: -1.25%;
}
.contents-fluid._top-group .t-link-list > li {
margin-left: 1.23457%;
width: 18.76543%;
}
.contents-fluid._top-group .t-link-list > li:nth-child(5n+1) {
clear: both;
}
}
.contents-fluid._top-group .t-link-list > li {
float: left;
margin-bottom: 5px;
}
.contents-fluid._top-group .t-link-list > li > a {
display: block;
background: #fff;
text-align: center;
}
@media only screen and (max-width: 990px) {
.contents-fluid._top-group {
padding-bottom: 80px;
}
}
@media only screen and (max-width: 768px) {
.contents-fluid._top-group {
padding-top: 22px;
}
.contents-fluid._top-group .t-hdg {
font-size: 1.4rem;
}
.contents-fluid._top-group .t-link-list {
margin-left: -1.33333%;
}
.contents-fluid._top-group .t-link-list > li {
margin-left: 1.31579%;
width: 48.68421%;
}
.contents-fluid._top-group .t-link-list > li:nth-child(2n+1) {
clear: both;
}
.contents-fluid._top-group .t-link-list > li > a {
background: transparent;
}
}
/* ----------------------------------------------------------------
Header English
----------------------------------------------------------------- */
@media only screen and (min-width: 990px) {
body.english .nav-global .megamenu-contents .menu-list-lyt .menu-list-img._ir, body.english .nav-global .megamenu-contents .menu-list-lyt .menu-list-img._fgl {
width: 50%;
width: 50%;
}
body.english .nav-global .megamenu-contents .menu-list-img._fgl > li {
width: 33%;
}
body.english .nav-global .megamenu-contents .menu-list-lyt .menu-list {
float: left;
margin-left: 4.16667%;
}
body.english .nav-global .megamenu-contents .menu-list-lyt._lease .menu-list-img {
width: 50%;
}
body.english .nav-global .megamenu-contents .menu-list-lyt._lease .menu-list-img > li {
float: left;
width: 47%;
}
body.english .nav-global .megamenu-contents .menu-list-lyt._lease .menu-list-img > li:first-child {
margin-right: 4.16667%;
}
}
@media only screen and (max-width: 990px) {
body.english .nav-global .header-utility {
padding: 0 10px 25px;
}
}
/* ----------------------------------------------------------------
Bpo
----------------------------------------------------------------- */
/* .bpo-map
----------------------------------------------- */
.bpo-map {
width: 80%;
}
@media only screen and (max-width: 768px) {
.bpo-map {
width: 100%;
}
}
/* ----------------------------------------------------------------
Helpers
----------------------------------------------------------------- */
/* Media Queries Display Control
----------------------------------------------- */
@media only screen and (max-width: 768px) {
.sp-hidden {
display: none !important;
}
}
.sp-hidden.pc-hidden {
display: none !important;
}
@media only screen and (min-width: 769px) {
.tablet-hidden {
display: none !important;
}
}
@media only screen and (min-width: 991px) {
.pc-hidden {
display: none !important;
}
}
/* Control Align
----------------------------------------------- */
.left {
text-align: left !important;
}
.center {
margin-right: auto !important;
margin-left: auto !important;
text-align: center !important;
}
.right {
text-align: right !important;
}
.top {
vertical-align: top !important;
}
.middle {
vertical-align: middle !important;
}
.bottom {
vertical-align: bottom !important;
}
/* Control Width
----------------------------------------------- */
.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;
}
/* Control Margin and Padding
----------------------------------------------- */
.p-top0 {
padding-top: 0 !important;
}
.p-right0 {
padding-right: 0 !important;
}
.p-bottom0 {
padding-bottom: 0 !important;
}
.p-left0 {
padding-left: 0 !important;
}
.m-top0 {
margin-top: 0 !important;
}
.m-right0 {
margin-right: 0 !important;
}
.m-bottom0 {
margin-bottom: 0 !important;
}
.m-left0 {
margin-left: 0 !important;
}
.p-top5 {
padding-top: 5px !important;
}
.p-right5 {
padding-right: 5px !important;
}
.p-bottom5 {
padding-bottom: 5px !important;
}
.p-left5 {
padding-left: 5px !important;
}
.m-top5 {
margin-top: 5px !important;
}
.m-right5 {
margin-right: 5px !important;
}
.m-bottom5 {
margin-bottom: 5px !important;
}
.m-left5 {
margin-left: 5px !important;
}
.p-top10 {
padding-top: 10px !important;
}
.p-right10 {
padding-right: 10px !important;
}
.p-bottom10 {
padding-bottom: 10px !important;
}
.p-left10 {
padding-left: 10px !important;
}
.m-top10 {
margin-top: 10px !important;
}
.m-right10 {
margin-right: 10px !important;
}
.m-bottom10 {
margin-bottom: 10px !important;
}
.m-left10 {
margin-left: 10px !important;
}
.p-top15 {
padding-top: 15px !important;
}
.p-right15 {
padding-right: 15px !important;
}
.p-bottom15 {
padding-bottom: 15px !important;
}
.p-left15 {
padding-left: 15px !important;
}
.m-top15 {
margin-top: 15px !important;
}
.m-right15 {
margin-right: 15px !important;
}
.m-bottom15 {
margin-bottom: 15px !important;
}
.m-left15 {
margin-left: 15px !important;
}
.p-top20 {
padding-top: 20px !important;
}
.p-right20 {
padding-right: 20px !important;
}
.p-bottom20 {
padding-bottom: 20px !important;
}
.p-left20 {
padding-left: 20px !important;
}
.m-top20 {
margin-top: 20px !important;
}
.m-right20 {
margin-right: 20px !important;
}
.m-bottom20 {
margin-bottom: 20px !important;
}
.m-left20 {
margin-left: 20px !important;
}
.p-top25 {
padding-top: 25px !important;
}
.p-right25 {
padding-right: 25px !important;
}
.p-bottom25 {
padding-bottom: 25px !important;
}
.p-left25 {
padding-left: 25px !important;
}
.m-top25 {
margin-top: 25px !important;
}
.m-right25 {
margin-right: 25px !important;
}
.m-bottom25 {
margin-bottom: 25px !important;
}
.m-left25 {
margin-left: 25px !important;
}
.p-top30 {
padding-top: 30px !important;
}
.p-right30 {
padding-right: 30px !important;
}
.p-bottom30 {
padding-bottom: 30px !important;
}
.p-left30 {
padding-left: 30px !important;
}
.m-top30 {
margin-top: 30px !important;
}
.m-right30 {
margin-right: 30px !important;
}
.m-bottom30 {
margin-bottom: 30px !important;
}
.m-left30 {
margin-left: 30px !important;
}
.p-top35 {
padding-top: 35px !important;
}
.p-right35 {
padding-right: 35px !important;
}
.p-bottom35 {
padding-bottom: 35px !important;
}
.p-left35 {
padding-left: 35px !important;
}
.m-top35 {
margin-top: 35px !important;
}
.m-right35 {
margin-right: 35px !important;
}
.m-bottom35 {
margin-bottom: 35px !important;
}
.m-left35 {
margin-left: 35px !important;
}
.p-top40 {
padding-top: 40px !important;
}
.p-right40 {
padding-right: 40px !important;
}
.p-bottom40 {
padding-bottom: 40px !important;
}
.p-left40 {
padding-left: 40px !important;
}
.m-top40 {
margin-top: 40px !important;
}
.m-right40 {
margin-right: 40px !important;
}
.m-bottom40 {
margin-bottom: 40px !important;
}
.m-left40 {
margin-left: 40px !important;
}
.p-top45 {
padding-top: 45px !important;
}
.p-right45 {
padding-right: 45px !important;
}
.p-bottom45 {
padding-bottom: 45px !important;
}
.p-left45 {
padding-left: 45px !important;
}
.m-top45 {
margin-top: 45px !important;
}
.m-right45 {
margin-right: 45px !important;
}
.m-bottom45 {
margin-bottom: 45px !important;
}
.m-left45 {
margin-left: 45px !important;
}
.p-top50 {
padding-top: 50px !important;
}
.p-right50 {
padding-right: 50px !important;
}
.p-bottom50 {
padding-bottom: 50px !important;
}
.p-left50 {
padding-left: 50px !important;
}
.m-top50 {
margin-top: 50px !important;
}
.m-right50 {
margin-right: 50px !important;
}
.m-bottom50 {
margin-bottom: 50px !important;
}
.m-left50 {
margin-left: 50px !important;
}