@charset "UTF-8";
/* reset
-------------------------------------------------------------*/
* { box-sizing: border-box;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
border: 0;
font: inherit;
font-size: 100%;
margin: 0;
outline: 0;
padding: 0;
vertical-align: top;
}
a {
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
/*background: transparent;*/
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input[type="text"], button, textarea, select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
button:focus {
outline: 0;
}
button:hover {
cursor: pointer;
}
/* global
----------------------------------------*/
body {
background-color: #fff;
color: #222;
min-height: 100vh;
line-height: 1.5em;
word-break: normal;
}
body,
button,
input {
font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}
a,
a:visited {
color: #222;
text-decoration: none;
}
.contents a {
color: #004098;
}
a:hover {
color: #00c;
text-decoration: underline;
}
a:active {
text-decoration: underline;
}
strong {
font-weight: bold;
}
.text-nowrap {
white-space: nowrap;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-red {
color: #d00;
}
.text-note {
font-size: .88em;
}
.hide {
display: none;
}
.hide-sp {
display: block;
}
.hide-pc {
display: none;
}
.bt:hover {
opacity: .8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
transition: .2s;
}
.bt-gray,
.bt-gray:visited {
background-image: linear-gradient(rgb(248, 248, 248) 0%, rgb(239, 239, 239) 100%);
border: 1px solid #bcc2c7;
border-radius: 4px;
color: #014099;
display: inline-block;
padding: 10px 30px;
}
/* for pc
----------------------------------------*/
input[type="text"],
input[type="password"] {
background-color: #fff;
border: 1px solid #bbb;
box-sizing: border-box;
font-size: .86em;
height: 2rem;
/*outline: 0;*/
padding: 0 .5rem;
}
.ml-1 {
margin-left: 10px !important;
}
.ml-2 {
margin-left: 20px !important;
}
.ml-3 {
margin-left: 30px !important;
}
.ml-4 {
margin-left: 40px !important;
}
.ml-5 {
margin-left: 50px !important;
}
.mt-1 {
margin-top: 10px !important;
}
.mt-2 {
margin-top: 20px !important;
}
.mt-3 {
margin-top: 30px !important;
}
.mt-4 {
margin-top: 40px !important;
}
.mt-5 {
margin-top: 50px !important;
}
.mr-1 {
margin-right: 10px !important;
}
.mr-2 {
margin-right: 20px !important;
}
.mr-3 {
margin-right: 30px !important;
}
.mr-4 {
margin-right: 40px !important;
}
.mr-5 {
margin-right: 50px !important;
}
.mb-1 {
margin-bottom: 10px !important;
}
.mb-2 {
margin-bottom: 20px !important;
}
.mb-3 {
margin-bottom: 30px !important;
}
.mb-4 {
margin-bottom: 40px !important;
}
.mb-5 {
margin-bottom: 50px !important;
}
.wrapper {
min-height: 100vh;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.hdr {
background-color: #fff;
position: fixed;
min-width: 100%;
z-index: 99;
}
.hdr-wrapper {
margin: 0 auto;
max-width: 1200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sitetitle {
padding: 28px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.logo {
height: 38px;
}
.logo-j { display: none; }
.hdr-bt-menu, .hdr-drawer-nav {
display: none;
}
.pc-nav {
padding: 0 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pc-nav-item {
padding: 0 20px;
text-align: center;
/*-ms-flex-preferred-size: 16.66%;
flex-basis: 16.66%;*/
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.pc-nav-bt button {
background-color: #fff;
border: 5px solid #fff;
border-left: none;
border-right: none;
cursor: pointer;
display: block;
font-size: .88em;
height: 100%;
line-height: 1.25em;
margin: 0;
padding: 10px 0;
}
.pc-nav-bt button:hover,
.pc-nav-bt.active button,
.pc-nav-bt.current button {
border-bottom: 5px solid #004097;
}
.pc-nav-bt button a:hover{
color: #222;
text-decoration: none;
}
.pc-nav-drawer {
background-color: #f7f7f7;
border-top: 1px solid #bbb;
box-shadow: 0 5px 5px rgba(0,0,0,.2);
display: none;
left: 0;
margin: 0;
position: absolute;
width: 100%;
z-index: 999;
}
.pc-nav-drawer-wrapper {
margin: 0 auto;
padding: 20px;
text-align: left;
max-width: 1200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.pc-nav-drawer-col {
padding: 30px 20px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.pc-nav-drawer-col .kyoten{
line-height: 1;
}
.pc-nav-drawer-caption {
height: 3em;
}
.pc-nav-drawer-caption a {
border-left: 4px solid #014099;
color: #014099;
font-weight: bold;
height: 3em;
line-height: 1.3em;
padding-left: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pc-nav-drawer-caption a:hover {
background-color: #014099;
color: #fff;
text-decoration: none;
transition: .2s;
}
.pc-nav-drawer-sub-caption {
font-weight: bold;
min-height: 1em;
}
.pc-nav-drawer-caption + .pc-nav-drawer-caption,
.pc-nav-drawer-caption + .pc-nav-drawer-sub-caption,
.pc-nav-drawer-sub-caption + .pc-nav-drawer-sub-caption,
.pc-nav-drawer-caption + .pc-nav-drawer-link,
.pc-nav-drawer-link + .pc-nav-drawer-caption,
.pc-nav-drawer-sub-caption + .pc-nav-drawer-caption {
margin-top: 20px;
}
.pc-nav-drawer-sub-caption + .pc-nav-drawer-sub-caption,
.pc-nav-drawer-link + .pc-nav-drawer-sub-caption {
margin-top: 10px;
}
.pc-nav-drawer-link-item {
margin-top: 10px;
}
.pc-nav-drawer-sub-caption a,
.pc-nav-drawer-link-item a {
display: block;
padding: 2px;
color: #222;
padding-left: 10px;
}
.pc-nav-drawer-sub-caption a:hover,
.pc-nav-drawer-link-item a:hover {
background-color: #014099;
color: #fff;
text-decoration: none;
transition: .2s;
}
.pc-sub-nav {
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pc-sub-nav-lang a {
background: url(/corp_img/ico_gray_circle_arrow.png) no-repeat 0 50%;
background-size: 12px auto;
color: #444;
display: block;
font-size: .86em;
padding-left: 18px;
}
.english .pc-sub-nav-lang{
margin-right: 30px;
}
.pc-sub-nav-search {
padding: 0 20px;
position: relative;
}
.pc-sub-nav-search input {
padding-right: 28px;
width: 200px;
}
.ico-search {
background: url(/corp_img/ico_search.png) no-repeat 0 0;
background-size: 12px auto;
display: block;
height: 12px;
position: absolute;
right: 28px;
top: 10px;
width: 12px;
z-index: 99;
border: none;
}
.pc-sub-nav-contact {
height: 100%;
}
.pc-sub-nav-contact a {
background-color: #014099;
box-sizing: border-box;
color: #fff;
height: 100%;
padding: 20px 10px;
white-space: nowrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ftr-top {
background-color: #ededed;
}
.ftr-top a{
color: #222;
text-decoration: none;
}
.ftr-top-wrapper {
margin: 0 auto;
padding: 0 0 60px;
max-width: 1200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ftr-top-item {
box-sizing: border-box;
padding-left: 30px;
-ms-flex-preferred-size: 18%;
flex-basis: 18%;
}
.english .ftr-top-item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.ftr-top-item:first-child {
padding: 0;
margin-right: 50px;
}
.ftr-top-item:nth-child(2) {
-ms-flex-preferred-size: 28%;
flex-basis: 28%;
}
.ftr-top-link-caption {
font-weight: bold;
}
.ftr-top-link-caption,
.ftr-top-link {
margin-top: 30px;
}
.ftr-top-link-item,
.ftr-top-bt-item {
margin-top: 10px;
}
.ftr-top-link-item:first-child {
margin-top: 0;
}
.ftr-top-link-caption a,
.ftr-top-link-item a {
display: block;
padding: 2px;
}
.ftr-top-link-caption a:hover,
.ftr-top-link-item a:hover {
background-color: #014099;
color: #fff;
text-decoration: none;
transition: .2s;
}
.ftr-top-link-block {
display: flex;
}
.english .ftr-top-link {
-ms-flex-preferred-size: 30%;
flex-basis: 40%;
}
.bt-livecamera,
.bt-youtubeofficial {
background-color: #fff;
border: 1px solid #bbb;
border-radius: 4px;
box-sizing: border-box;
display: block;
font-size: .8em;
padding: 10px 0 10px 30px;
position: relative;
text-align: center;
width: 250px;
}
.bt-livecamera:hover,
.bt-youtubeofficial:hover {
text-decoration: none;
}
.ico-ftr-camera {
background: url(/corp_img/ico_ftr_camera.png) no-repeat 0 0;
background-size: 20px auto;
display: block;
height: 20px;
position: absolute;
left: 10px;
top: 10px;
width: 20px;
}
.ico-ftr-youtube {
background: url(/corp_img/ico_ftr_youtube.png) no-repeat 0 0;
background-size: 20px auto;
display: block;
height: 20px;
position: absolute;
left: 10px;
top: 10px;
width: 20px;
}
.ftr-bottom {
background-color: #666;
}
.ftr-bottom-wrapper {
color: #fff;
margin: 0 auto;
padding: 30px 0;
max-width: 1200px;
}
.ftr-bottom-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ftr-bottom-link-item {
border-left: 1px solid #fff;
padding: 0 15px;
}
.ftr-bottom-link-item:first-child {
border-left: none;
}
.ftr-bottom-link-item a {
color: #fff;
display: block;
font-size: .86em;
padding: 2px;
}
.ftr-bottom-link-item a:hover {
background-color: #fff;
color: #666;
text-decoration: none;
transition: .2s;
}
.ftr-bottom-copyright {
font-size: .86em;
margin-top: 30px;
text-align: center;
}
.english .ftr-bottom-copyright {
/* margin-top: 0; */
}
.main {
margin: 0;
padding: 0;
width: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.main-visual {
margin: 0;
padding: 0;
width: 100%;
}
.main-visual-image {
overflow: hidden;
height: 27.5vw;
max-height: 330px;
text-align: center;
background: url(/corp_img/mv_00.jpg) no-repeat 50% 0;
background-size: cover;
z-index: 9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.main-visual-txt {
color: #fff;
font-weight: bold;
line-height: 3em;
}
.main-visual-txt h2 {
font-size: 4em;
font-family: futura-pt, sans-serif, 'Century Gothic';
font-weight: 400;
font-style: italic;
width: 11em;
}
@media (max-width: 640px) {
.main-visual-txt h2 {
width: 10em;
}
}
.main-visual-txt h2 img {
width: 100%;
height: auto;
}
.swiper-container {
width: 100%;
height: auto;
margin: -30px auto 0;
padding: 0 0 48px;
z-index: 10;
}
.swiper-slide,
.swiper-slide img {
width: 100%;
max-width: 1000px;
vertical-align: top;
}
.swiper-slide {
background-color: #fff;
}
.swiper-slide > a,
.swiper-slide > span {
display: block;
padding: 0;
box-shadow: 0 0 5px rgba(0,0,0,.2);
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
}
.swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: #004097;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 10px;
}
.top-message {
max-width: 1200px;
margin: 30px auto 0;
border: solid 1px #bcc2c7;
border-radius: 5px;
padding: 10px 20px;
}
.top-content {
padding: 70px 0;
}
.top-content-caption {
color: #a6b2ba;
text-align: center;
}
.top-content-caption strong {
color: #222;
display: block;
font-size: 1.75em;
margin-bottom: 15px;
}
.top-content-intro-txt {
margin: 30px auto 0;
padding: 0 20px;
text-align: center;
max-width: 1200px;
}
.top-info-tab {
border-bottom: 1px solid #bcc2c7;
}
.top-info-tab-list {
margin: 25px auto 0;
padding: 0 20px;
max-width: 1200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.top-info-tab-list-item {
background-color: #bcc2c7;
border: 1px solid #bcc2c7;
border-bottom: none;
color: #fff;
cursor: pointer;
margin-right: 15px;
margin-bottom: -1px;
padding: 10px 30px;
}
.top-info-tab-list-item.active,
.top-info-tab-list-item:hover {
background-color: #fff;
color: #222;
}
.top-info-content {
border-bottom: 1px solid #bcc2c7;
}
.top-info-content-item {
margin: 0 auto;
padding: 0 20px;
max-width: 1200px;
}
.top-info-list {
border-bottom: 1px solid #bcc2c7;
padding: 15px 0 0;
}
.top-info-list-item {
border-bottom: 1px solid #bcc2c7;
padding: 15px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.top-info-list-item:last-child {
border: none;
}
.top-info-date,
.top-info-label {
-ms-flex-preferred-size: 120px;
flex-basis: 120px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.top-info-txt {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.top-info-txt a {
color: #014099;
}
.info-label {
border-radius: 4px;
color: #fff;
display: inline-block;
text-align: center;
width: 100px;
}
.info-label-news {
background-color: #007fff;
}
.info-label-info {
background-color: #7abd7a;
}
.info-label-ir {
background-color: #00aaff;
}
.info-label-other {
background-color: #b6b6b6;
}
.info-label-doc {
background-color: #3cc3aa;
}
.top-info-txt a[href $=".pdf"] {
background: url(/corp_img/ico_pdf.png) no-repeat 100% 0;
background-size: 20px auto;
padding-right: 25px;
}
.top-info-bottom {
margin: 20px auto 20px;
padding: 0 20px;
text-align: center;
max-width: 1200px;
}
.top-business {
background-color: #dee8f6;
padding: 70px 0 0;
}
.top-business-bottom {
background: url(/corp_img/img_top_business_1.jpg) no-repeat 50% 100%;
background-size: auto 976px;
height: 976px;
position: relative;
}
.business-list{
column-count: 2;
width: 1000px;
margin: 0 auto;
margin-top: 100px;
}
.business-list li{
margin-bottom: 30px;
}
.business-list img{
width: 480px;
}
.business-list img:hover{
opacity: 0.8;
transition: .2s;
}
.bnr-dx-first {
bottom: 70px;
display: block;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
width: 462px;
}
.top-company {
background-color: #081a62;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.top-company-item {
border: 1px solid #ccc;
border-right: none;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.top-company-item:first-child {
border-left: none;
}
.top-company-item a {
color: #a6b2ba;
display: block;
padding: 50px 0;
text-align: center;
}
.top-company-item a strong {
color: #fff;
display: block;
font-size: 1.25em;
font-weight: normal;
margin-bottom: 10px;
}
/* 1200px-
----------------------------------------*/
@media (max-width: 1200px) {
input,input[type="text"],input[type="password"],select,option,textarea {
font-size: 16px;
}
.page_title h2,
.contents {
width: 100%!important;
}
.sitetitle {
padding: 10px 0 10px 10px;
}
.pc-nav-item {
padding: 0 10px;
}
.ftr-top-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ftr-top-item,
.ftr-top-item:first-child {
box-sizing: border-box;
padding-left: 20px;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.ftr-bottom-link {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ftr-bottom-link-item {
border-left: none;
padding: 0 15px;
}
.main-visual-txt {
font-size: 1.8vw;
}
.top-info-tab-list-item {
padding: 10px 20px;
}
.top-business-bottom {
background-size: auto 920px;
height: 920px;
}
.top-company-item a {
padding: 6vw 0;
}
}
/* for smart device
----------------------------------------*/
@media (max-width: 640px) {
.s_drawer-overlay.s_overlay-on,
.s_drawer-open .s_drawer-overlay.s_overlay-on{
display: none;
}
.hide-sp {
display: none;
}
.hide-pc {
display: block;
}
body {
font-size: 3.73vw;
}
.ml-1 {
margin-left: 1.33vw !important;
}
.ml-2 {
margin-left: 2.67vw !important;
}
.ml-3 {
margin-left: 4vw !important;
}
.ml-4 {
margin-left: 6vw !important;
}
.ml-5 {
margin-left: 8vw !important;
}
.mt-1 {
margin-top: 1.33vw !important;
}
.mt-2 {
margin-top: 2.67vw !important;
}
.mt-3 {
margin-top: 4vw !important;
}
.mt-4 {
margin-top: 6vw !important;
}
.mt-5 {
margin-top: 8vw !important;
}
.mr-1 {
margin-right: 1.33vw !important;
}
.mr-2 {
margin-right: 2.67vw !important;
}
.mr-3 {
margin-right: 4vw !important;
}
.mr-4 {
margin-right: 6vw !important;
}
.mr-5 {
margin-right: 8vw !important;
}
.mb-1 {
margin-bottom: 1.33vw !important;
}
.mb-2 {
margin-bottom: 2.67vw !important;
}
.mb-3 {
margin-bottom: 4vw !important;
}
.mb-4 {
margin-bottom: 6vw !important;
}
.mb-5 {
margin-bottom: 8vw !important;
}
.hdr {
background-color: #fff;
height: 18.67vw;
position: fixed;
min-width: 100%;
z-index: 999;
}
.hdr-wrapper {
height: 18.67vw;
}
.sitetitle {
padding: 0 2.67vw;
}
.logo,
.logo-j {
display: inline;
height: 6vw;
}
.hdr-bt-menu,
.hdr .hdr-bt-menu {
background-color: #014099;
border-radius: 1.33vw;
box-sizing: border-box;
display: block;
height: 13.33vw;
position: absolute;
right: 2.67vw;
top: 2.67vw;
width: 13.33vw;
}
.drawer-hamburger,
.hdr .drawer-hamburger {
border: none;
box-sizing: border-box;
outline: 0;
padding: 0;
padding-top: 0;
padding-right: 3.73vw;
padding-bottom: 5.33vw;
padding-left: 3.73vw;
-webkit-transition: all .6s cubic-bezier(.190, 1.000, .220, 1.000);
transition: all .6s cubic-bezier(.190, 1.000, .220, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.drawer--right.drawer-open .drawer-hamburger {
right: 2.67vw;
}
.drawer-hamburger-icon {
margin-top: 4.67vw;
}
.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
background-color: #fff;
height: .53vw;
width: 100%;
}
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
content: ' ';
left: 0;
position: absolute;
top: -2.67vw;
}
.drawer-hamburger-icon:after {
top: 2.67vw;
}
.drawer-nav {
background-color: #ededed;
display: block;
top: 18.41vw;
width: 100%;
}
.drawer--right .drawer-nav {
right: -100vw;
}
.drawer--right.drawer-open .drawer-hamburger {
right: 2.67vw;
z-index: 999;
}
.hdr-drawer-nav-wrapper {
overflow: auto;
-webkit-overflow-scrolling: touch;
padding-bottom: 18.41vw;
}
.drawer-nav-list {
padding: 0 0 4vw;
}
.drawer-nav-list-item {
border-bottom: .27vw solid #a2a2a2;
margin: 0 2.67vw;
padding: 0;
}
.drawer-nav-bt {
cursor: pointer;
background: url(/corp_img/ico_drawer_plus.png) no-repeat 98% 50%;
background-size: 5.33vw auto;
border: none;
box-sizing: border-box;
display: block;
font-size: 1em;
line-height: 1em;
padding: 4vw 9.33vw 4vw 0;
text-align: left;
width: 100%;
}
.drawer-nav-bt.active {
background: url(/corp_img/ico_drawer_minus.png) no-repeat 98% 50%;
background-size: 5.33vw auto;
}
.drawer-nav-bt span {
display: block;
padding-top: 1.33vw;
}
.drawer-nav-link {
background: url(/corp_img/ico_drawer_arrow.png) no-repeat 98% 50%;
background-size: 5.33vw auto;
display: block;
min-height: 5.33vw;
padding: 4vw 0;
}
.drawer-nav-sublist {
display: none;
width: 100%;
}
.drawer-nav-sublist-item {
border-top: .27vw solid #a2a2a2;
}
.drawer-nav-sublist-item .drawer-nav-link {
padding: 4vw 0 4vw 8vw;
}
.drawer-nav-sublist-item .drawer-nav-link a:hover{
color: #222;
text-decoration: none;
}
.drawer-nav-bottom {
background-color: #ccc;
border-bottom: .27vw solid #d0d0d0;
padding: 4vw 8vw;
}
.drawer-nav-contact,
.drawer-nav-contact:visited {
background-color: #014099;
border-radius: 1vw;
color: #fff;
display: block;
padding: 4vw;
text-align: center;
}
.drawer-search {
margin-top: 4vw;
position: relative;
}
.drawer-search input {
border: none;
border-radius: 1vw;
font-size: 16px;
height: 12vw;
padding-right: 12vw;
width: 100%;
}
.ico-search {
background: url(/corp_img/ico_search.png) no-repeat 50% 50%;
background-size: 4.8vw auto;
display: block;
height: 12vw;
position: absolute;
right: 0vw;
top: 0vw;
width: 8vw;
z-index: 99;
border: none;
}
.pc-nav,
.pc-sub-nav {
display: none;
}
.ftr-top-wrapper {
display: block;
padding: 4vw 0;
}
.ftr-top-item,
.ftr-top-item:first-child {
padding: 0;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.ftr-top-bt {
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ftr-top-link-item,
.ftr-top-bt-item {
margin: 0;
padding: 0 2.67vw;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.bt-livecamera,
.bt-youtubeofficial {
border: .27vw solid #bbb;
border-radius: 1vw;
font-size: .8em;
padding: .5em 0 .5em 1.7em;
position: relative;
text-align: center;
width: 100%;
}
.ico-ftr-camera,
.ico-ftr-youtube {
background-size: 1.2em auto;
left: .5em;
top: .8em;
}
.ftr-bottom-wrapper {
padding: 4vw 0;
}
.ftr-bottom-link-item {
padding: 0 2.67vw;
}
.ftr-bottom-copyright {
font-size: .75em;
margin-top: 4vw;
}
.english .ftr-top{
display: none;
}
.main {
padding: 18.67vw 0 0;
}
.main-visual-txt {
font-size: 2.2vw;
padding-top: 2vw;
}
.swiper-container {
margin: 0 auto;
}
.top-message{
padding: 2vw;
margin: 2vw;
}
.top-content {
padding: 10vw 0;
}
.top-content-intro-txt {
margin: 2vw auto 0;
padding: 0 2.67vw;
}
.top-info-tab-list {
margin: 8vw auto 0;
padding: 0 2.67vw;
}
.top-info-tab-list-item {
font-size: .75em;
margin-right: 2vw;
padding: 2vw;
}
.top-info-content-item {
padding: 0 2.67vw;
}
.top-info-list {
padding: 2vw 0;
}
.top-info-list-item {
display: block;
padding: 3vw 0 2vw;
}
.top-info-date {
float: left;
width: 26vw;
}
.top-info-txt {
clear: both;
margin-top: 1vw;
}
.top-info-txt a[href $=".pdf"] {
background: url(/corp_img/ico_pdf.png) no-repeat 100% 0;
background-size: 1em auto;
padding-right: 1.3em;
}
.top-info-bottom {
margin: 2.67vw auto 2.67vw;
padding: 0 2.67vw;
}
.top-business {
padding: 10vw 0 0;
}
.top-business-bottom {
background-size: auto 125vw;
height: 290vw;
}
.business-list img{
width: 90%;
}
.business-list{
column-count: auto;
width: 100%;
margin-top: 30px;
}
.business-list li{
text-align: center;
}
.bnr-dx-first {
bottom: 6vw;
width: 80vw;
}
.bnr-dx-first img {
width: 80vw;
}
.ftr-top-item:first-child{
margin-right: 0;
}
} /* /@media (max-width: 640px) */