@charset "UTF-8";

@font-face {
font-family: "YakuHanJP";
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Thin.eot);
src: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Thin.woff2) format("woff2"), url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Thin.woff) format("woff");
unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
font-family: "YakuHanJP";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Light.eot);
src: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Light.woff2) format("woff2"), url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Light.woff) format("woff");
unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
font-family: "YakuHanJP";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Regular.eot);
src: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Regular.woff2) format("woff2"), url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Regular.woff) format("woff");
unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
font-family: "YakuHanJP";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Medium.eot);
src: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Medium.woff2) format("woff2"), url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Medium.woff) format("woff");
unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
font-family: "YakuHanJP";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Bold.eot);
src: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Bold.woff2) format("woff2"), url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Bold.woff) format("woff");
unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
font-family: "YakuHanJP";
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Black.eot);
src: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Black.woff2) format("woff2"), url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Black.woff) format("woff");
unicode-range: U+3001-3002, U+3008-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
font-family: "YakuHanMP";
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-ExtraLight.eot);
src: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-ExtraLight.woff2) format("woff2"), url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-ExtraLight.woff) format("woff");
unicode-range: U+3001-3002, U+300a-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
font-family: "YakuHanMP";
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-Light.eot);
src: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-Light.woff2) format("woff2"), url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-Light.woff) format("woff");
unicode-range: U+3001-3002, U+300a-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
font-family: "YakuHanMP";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-Regular.eot);
src: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-Regular.woff2) format("woff2"), url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-Regular.woff) format("woff");
unicode-range: U+3001-3002, U+300a-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
font-family: "YakuHanMP";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-Medium.eot);
src: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-Medium.woff2) format("woff2"), url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-Medium.woff) format("woff");
unicode-range: U+3001-3002, U+300a-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
font-family: "YakuHanMP";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-SemiBold.eot);
src: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-SemiBold.woff2) format("woff2"), url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-SemiBold.woff) format("woff");
unicode-range: U+3001-3002, U+300a-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
font-family: "YakuHanMP";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-Bold.eot);
src: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-Bold.woff2) format("woff2"), url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-Bold.woff) format("woff");
unicode-range: U+3001-3002, U+300a-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
font-family: "YakuHanMP";
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-Black.eot);
src: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-Black.woff2) format("woff2"), url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-Black.woff) format("woff");
unicode-range: U+3001-3002, U+300a-3011, U+3014-3015, U+30fb, U+ff01, U+ff08-ff09, U+ff1a-ff1b, U+ff1f, U+ff3b, U+ff3d, U+ff5b, U+ff5d;
}
@font-face {
font-family: "icomoon";
src: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/icons/icomoon.ttf) format("truetype"), url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/icons/icomoon.woff) format("woff"), url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/icons/icomoon.svg#icomoon) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-twitter:before {
content: "\e90d";
}
.icon-stop:before {
content: "\e90b";
}
.icon-play:before {
content: "\e90c";
}
.icon-download:before {
content: "\e90a";
}
.icon-link:before {
content: "\e909";
}
.icon-arrow_line_left:before {
content: "\e908";
}
.icon-arrow_circle_bottom:before {
content: "\e907";
}
.icon-arrow_circle_right:before {
content: "\e906";
}
.icon-arrow_circle_top:before {
content: "\e905";
}
.icon-arrow_line_bottom:before {
content: "\e904";
}
.icon-arrow_line_top:before {
content: "\e903";
}
.icon-arrow_line_right:before {
content: "\e902";
}
.icon-mail:before {
content: "\e900";
}
.icon-search:before {
content: "\e901";
}
.icon-instagram:before {
content: "\e911";
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-o-text-size-adjust: 100%;
text-size-adjust: 100%;
}
section, article, aside, main, dialog, figure, footer, header, hgroup, nav, section {
display: block;
}
address {
font-style: normal;
}
ul, ol {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
a {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted #000;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input,
button,
select,
option,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none;
border-radius: 0;
font: inherit;
outline: none;
}
input,
select {
vertical-align: middle;
}
select::-ms-expand {
display: none;
}
select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
input[type=text],
input[type=tel],
input[type=email],
input[type=radio],
input[type=submit],
button,
textarea,
select {
font-family: inherit;
margin: 0;
padding: 0;
background: none;
border: none;
-webkit-border-radius: 0;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
button {
cursor: pointer;
}
* {
-webkit-appearance: none;
}
*:after,
*:before {
font-family: inherit;
color: inherit;
}
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
outline: none;
}
a, area, button, [role=button], input:not([type=range]),
label, select, summary, textarea {
-ms-touch-action: manipulation;
touch-action: manipulation;
}
:root {
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
cursor: default;
text-rendering: optimizeLegibility;
}
html {
font-size: 14px;
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
}
html.is-locked {
overflow: hidden;
}
@media screen and (max-width: 768px) {
html.is-locked {
position: fixed;
z-index: -1;
width: 100%;
height: 100%;
}
}
body {
color: #555;
font-family: YakuHanJP, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo UI", Meiryo, "メイリオ", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
letter-spacing: 0.04em;
font-feature-settings: "palt";
word-break: break-word;
line-break: strict;
overflow-wrap: break-word;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
background-color: #fff;
opacity: 0;
}
@media screen and (min-width: 769px) {
body {
min-width: 1100px;
}
}
body.is-siteloaded {
opacity: 1;
transition: opacity 0.4s ease;
}
body.is-locked {
overflow: hidden;
}
body.lang-en {
word-break: normal;
}
body.lang-en * {
word-break: normal;
}
a {
color: #555;
text-decoration: none;
}
a[href^="tel:"] {
pointer-events: all;
}
@media screen and (min-width: 769px) {
a[href^="tel:"] {
pointer-events: none;
}
}
span {
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
}
img, svg {
width: auto;
max-width: 100%;
vertical-align: bottom;
}
img {
height: auto;
}
picture {
display: block;
}
strong,
em {
font-weight: 700;
}
pre {
white-space: pre-wrap;
}
table {
max-width: 100%;
width: 100%;
}
table th,
table td {
word-break: break-all;
}
sup {
font-size: 0.75em;
vertical-align: super;
}
sub {
font-size: 0.75em;
vertical-align: sub;
}
button {
color: inherit;
}
.u-font-en {
font-family: YakuHanMP, "Rajdhani", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo UI", Meiryo, "メイリオ", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif !important;
}
.u-font-sans-serif02 {
font-family: YakuHanJP, "Meiryo UI", Meiryo, "メイリオ", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif !important;
}
.u-vertical-align-bottom {
vertical-align: bottom;
}
.u-visible-sp {
display: none !important;
}
@media screen and (max-width: 768px) {
.u-visible-sp {
display: block !important;
}
}
@media screen and (max-width: 768px) {
.u-hidden-sp {
display: none !important;
}
}
.hd-txt {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
visibility: hidden;
opacity: 0;
pointer-events: none;
}   html.remodal-is-locked {
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
} .remodal,
[data-remodal-id] {
display: none;
} .remodal-overlay {
position: fixed;
z-index: 9999;
top: -5000px;
right: -5000px;
bottom: -5000px;
left: -5000px;
display: none;
} .remodal-wrapper {
position: fixed;
z-index: 10000;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
overflow: auto;
text-align: center;
-webkit-overflow-scrolling: touch;
}
.remodal-wrapper:after {
display: inline-block;
height: 100%;
margin-left: -0.05em;
content: "";
} .remodal-overlay,
.remodal-wrapper {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .remodal {
position: relative;
outline: none;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
.remodal-is-initialized { display: inline-block;
}   .remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
-webkit-filter: blur(3px);
filter: blur(3px);
} .remodal-overlay {
background: rgba(43, 46, 56, 0.9);
}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.remodal-overlay.remodal-is-opening {
-webkit-animation-name: remodal-overlay-opening-keyframes;
animation-name: remodal-overlay-opening-keyframes;
}
.remodal-overlay.remodal-is-closing {
-webkit-animation-name: remodal-overlay-closing-keyframes;
animation-name: remodal-overlay-closing-keyframes;
} .remodal-wrapper {
padding: 10px 10px 0;
} .remodal {
box-sizing: border-box;
width: 100%;
margin-bottom: 10px;
padding: 35px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
color: #2b2e38;
background: #fff;
}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.remodal.remodal-is-opening {
-webkit-animation-name: remodal-opening-keyframes;
animation-name: remodal-opening-keyframes;
}
.remodal.remodal-is-closing {
-webkit-animation-name: remodal-closing-keyframes;
animation-name: remodal-closing-keyframes;
} .remodal,
.remodal-wrapper:after {
vertical-align: middle;
} .remodal-close {
position: absolute;
top: 0;
left: 0;
display: block;
overflow: visible;
width: 35px;
height: 35px;
margin: 0;
padding: 0;
cursor: pointer;
-webkit-transition: color 0.2s;
transition: color 0.2s;
text-decoration: none;
color: #95979c;
border: 0;
outline: 0;
background: transparent;
}
.remodal-close:hover,
.remodal-close:focus {
color: #2b2e38;
}
.remodal-close:before {
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
font-size: 25px;
line-height: 35px;
position: absolute;
top: 0;
left: 0;
display: block;
width: 35px;
content: "×";
text-align: center;
} .remodal-confirm,
.remodal-cancel {
font: inherit;
display: inline-block;
overflow: visible;
min-width: 110px;
margin: 0;
padding: 12px 0;
cursor: pointer;
-webkit-transition: background 0.2s;
transition: background 0.2s;
text-align: center;
vertical-align: middle;
text-decoration: none;
border: 0;
outline: 0;
}
.remodal-confirm {
color: #fff;
background: #81c784;
}
.remodal-confirm:hover,
.remodal-confirm:focus {
background: #66bb6a;
}
.remodal-cancel {
color: #fff;
background: #e57373;
}
.remodal-cancel:hover,
.remodal-cancel:focus {
background: #ef5350;
} .remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
padding: 0;
border: 0;
} @-webkit-keyframes remodal-opening-keyframes {
from {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 0;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
-webkit-filter: blur(0);
filter: blur(0);
}
}
@keyframes remodal-opening-keyframes {
from {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 0;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
-webkit-filter: blur(0);
filter: blur(0);
}
}
@-webkit-keyframes remodal-closing-keyframes {
from {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
to {
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0;
-webkit-filter: blur(0);
filter: blur(0);
}
}
@keyframes remodal-closing-keyframes {
from {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
to {
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0;
-webkit-filter: blur(0);
filter: blur(0);
}
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
} @media only screen and (min-width: 641px) {
.remodal {
max-width: 700px;
}
} .lt-ie9 .remodal-overlay {
background: #2b2e38;
}
.lt-ie9 .remodal {
width: 700px;
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.cc-window {
opacity: 1;
-webkit-transition: opacity 1s ease;
transition: opacity 1s ease;
}
.cc-window.cc-invisible {
opacity: 0;
}
.cc-animate.cc-revoke {
-webkit-transition: transform 1s ease;
-webkit-transition: -webkit-transform 1s ease;
transition: -webkit-transform 1s ease;
transition: transform 1s ease;
transition: transform 1s ease, -webkit-transform 1s ease;
}
.cc-animate.cc-revoke.cc-top {
-webkit-transform: translateY(-2em);
transform: translateY(-2em);
}
.cc-animate.cc-revoke.cc-bottom {
-webkit-transform: translateY(2em);
transform: translateY(2em);
}
.cc-animate.cc-revoke.cc-active.cc-top {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.cc-animate.cc-revoke.cc-active.cc-bottom {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.cc-revoke:hover {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.cc-grower {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 1s;
transition: max-height 1s;
}
.cc-revoke, .cc-window {
position: fixed;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 16px;
line-height: 1.5em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
z-index: 9999;
}
.cc-window.cc-static {
position: static;
}
.cc-window.cc-floating {
padding: 2em;
max-width: 24em;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cc-window.cc-banner {
padding: 1em 1.8em;
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.cc-revoke {
padding: 0.5em;
}
.cc-revoke:hover {
text-decoration: underline;
}
.cc-header {
font-size: 18px;
font-weight: 700;
}
.cc-btn, .cc-close, .cc-link, .cc-revoke {
cursor: pointer;
}
.cc-link {
opacity: 0.8;
display: inline-block;
padding: 0.2em;
text-decoration: underline;
}
.cc-link:hover {
opacity: 1;
}
.cc-link:active, .cc-link:visited {
color: initial;
}
.cc-btn {
display: block;
padding: 0.4em 0.8em;
font-size: 0.9em;
font-weight: 700;
border-width: 2px;
border-style: solid;
text-align: center;
white-space: nowrap;
}
.cc-highlight .cc-btn:first-child {
background-color: transparent;
border-color: transparent;
}
.cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
background-color: transparent;
text-decoration: underline;
}
.cc-close {
display: block;
position: absolute;
top: 0.5em;
right: 0.5em;
font-size: 1.6em;
opacity: 0.9;
line-height: 0.75;
}
.cc-close:focus, .cc-close:hover {
opacity: 1;
}
.cc-revoke.cc-top {
top: 0;
left: 3em;
border-bottom-left-radius: 0.5em;
border-bottom-right-radius: 0.5em;
}
.cc-revoke.cc-bottom {
bottom: 0;
left: 3em;
border-top-left-radius: 0.5em;
border-top-right-radius: 0.5em;
}
.cc-revoke.cc-left {
left: 3em;
right: unset;
}
.cc-revoke.cc-right {
right: 3em;
left: unset;
}
.cc-top {
top: 1em;
}
.cc-left {
left: 1em;
}
.cc-right {
right: 1em;
}
.cc-bottom {
bottom: 1em;
}
.cc-floating > .cc-link {
margin-bottom: 1em;
}
.cc-floating .cc-message {
display: block;
margin-bottom: 1em;
}
.cc-window.cc-floating .cc-compliance {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.cc-window.cc-banner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cc-banner.cc-top {
left: 0;
right: 0;
top: 0;
}
.cc-banner.cc-bottom {
left: 0;
right: 0;
bottom: 0;
}
.cc-banner .cc-message {
display: block;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
max-width: 100%;
margin-right: 1em;
}
.cc-compliance {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: justify;
align-content: space-between;
}
.cc-floating .cc-compliance > .cc-btn {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.cc-btn + .cc-btn {
margin-left: 0.5em;
}
@media print {
.cc-revoke, .cc-window {
display: none;
}
}
@media screen and (max-width: 900px) {
.cc-btn {
white-space: normal;
}
}
@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
.cc-window.cc-top {
top: 0;
}
.cc-window.cc-bottom {
bottom: 0;
}
.cc-window.cc-banner, .cc-window.cc-floating, .cc-window.cc-left, .cc-window.cc-right {
left: 0;
right: 0;
}
.cc-window.cc-banner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cc-window.cc-banner .cc-compliance {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.cc-window.cc-floating {
max-width: none;
}
.cc-window .cc-message {
margin-bottom: 1em;
}
.cc-window.cc-banner {
-webkit-box-align: unset;
-ms-flex-align: unset;
align-items: unset;
}
.cc-window.cc-banner .cc-message {
margin-right: 0;
}
}
.cc-floating.cc-theme-classic {
padding: 1.2em;
border-radius: 5px;
}
.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
text-align: center;
display: inline;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.cc-theme-classic .cc-btn {
border-radius: 5px;
}
.cc-theme-classic .cc-btn:last-child {
min-width: 140px;
}
.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
display: inline-block;
}
.cc-theme-edgeless.cc-window {
padding: 0;
}
.cc-floating.cc-theme-edgeless .cc-message {
margin: 2em;
margin-bottom: 1.5em;
}
.cc-banner.cc-theme-edgeless .cc-btn {
margin: 0;
padding: 0.8em 1.8em;
height: 100%;
}
.cc-banner.cc-theme-edgeless .cc-message {
margin-left: 1em;
}
.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
margin-left: 0;
}
.l-wrapper {
display: flex;
flex-direction: column;
overflow: hidden;
min-height: 100vh;
}
.l-header.is-scrolled .l-header__inner {
border-bottom-color: transparent;
}
@media screen and (min-width: 769px) {
.l-header.is-scrolled .l-header__logo__img {
max-width: 170px;
}
}
@media screen and (min-width: 769px) {
.l-header.is-scrolled .l-header__navSub {
margin: 14px 0 8px;
}
}
.l-header.__narrow .l-header__inner {
padding-top: 20px;
padding-bottom: 20px;
}
.l-header__inner {
background: #fff;
border-bottom: 1px solid #e1e1e3;
width: 100%;
min-width: 1100px;
padding: 0 clamp(60px, 5.46875vw, 70px) 0 clamp(56px, 5.078125vw, 65px);
will-change: border-bottom;
position: fixed;
top: 0;
left: 0;
display: flex;
justify-content: space-between;
transition: padding 0.4s ease, border-bottom-color 0.4s ease;
z-index: 999;
}
@media screen and (max-width: 1200px) {
.l-header__inner {
padding: 0 20px;
}
}
@media screen and (max-width: 768px) {
.l-header__inner {
min-width: auto;
height: 60px;
padding: 0 5px;
}
}
.l-header__logo {
display: flex;
align-items: center;
}
.l-header__logo__link {
padding: 5px 20px 5px 5px;
display: block;
transition: opacity 0.4s ease;
}
@media screen and (max-width: 768px) {
.l-header__logo__link {
padding-right: 10px;
}
}
@media screen and (min-width: 769px) {
.l-header__logo__link:hover {
opacity: 0.6;
}
}
.l-header__logo__img {
max-width: 186px;
display: block;
transition: max-width 0.4s ease;
}
@media screen and (min-width: 769px) {
.l-header__logo__img {
will-change: max-width;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translate3d(0, 0, 0);
}
}
@media screen and (max-width: 768px) {
.l-header__logo__img {
max-width: 128px;
}
}
.l-header__logo__img__item {
width: 100%;
height: auto;
overflow: visible;
will-change: width;
display: inline-block;
}
.l-header__logo__txt {
font-size: 12px;
color: #58595b;
line-height: 1.2;
border-left: 1px solid #ccc;
padding: 4px 0 4px 16px;
display: inline-block;
}
@media screen and (max-width: 768px) {
.l-header__logo__txt {
font-size: 10px;
padding-left: 7px;
transform: scale(0.8);
transform-origin: left center;
}
}
@media screen and (max-width: 768px) {
.l-header__nav {
background: rgba(0, 0, 0, 0.8);
width: 100%;
height: calc(100% - 60px);
padding: 30px 40px 65px;
position: fixed;
top: 60px;
left: 0;
display: none;
overflow: scroll;
}
}
@media screen and (max-width: 768px) {
.l-header__nav__inner {
display: flex;
flex-direction: column;
}
}
.l-header__navSub {
margin: 20px 0 24px;
display: flex;
align-items: center;
justify-content: flex-end;
transition: margin 0.4s ease;
}
@media screen and (max-width: 768px) {
.l-header__navSub {
margin: 30px 0 0;
flex-direction: column;
flex-wrap: wrap;
order: 2;
}
}
.l-header__navSub__list {
display: flex;
}
@media screen and (max-width: 768px) {
.l-header__navSub__list {
width: 100%;
flex-wrap: wrap;
order: 1;
}
}
.l-header__navSub__list__item {
border-left: 1px solid #ccc;
}
@media screen and (max-width: 768px) {
.l-header__navSub__list__item {
text-align: center;
border: none;
flex: 0 0 48%;
}
.l-header__navSub__list__item:nth-child(odd) {
margin-left: 4%;
}
.l-header__navSub__list__item:nth-child(n+4) {
margin-top: 24px;
}
}
.l-header__navSub__list__item:last-child {
border-right: 1px solid #ccc;
}
@media screen and (max-width: 768px) {
.l-header__navSub__list__item:last-child {
border: none;
}
}
.l-header__navSub__list__link {
display: block;
}
.l-header__navSub__list__txt {
font-size: 12px;
padding: 2px 12px;
transition: color 0.4s ease;
}
@media screen and (max-width: 768px) {
.l-header__navSub__list__txt {
font-size: 14px;
color: #fff;
padding: 14px;
position: relative;
display: inline-block;
}
}
@media screen and (min-width: 769px) {
.l-header__navSub__list__txt:hover {
color: #888;
}
}
@media screen and (max-width: 768px) {
.l-header__navSub__list__txt::after {
content: "";
background: #ccc;
width: 82px;
height: 1px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
}
.l-header__navSub__contact {
border-right: 1px solid #ccc;
}
@media screen and (max-width: 768px) {
.l-header__navSub__contact {
border: none;
width: 100%;
margin: 40px 0 0;
order: 2;
}
}
.l-header__navSub__contact__link {
display: block;
}
@media screen and (max-width: 768px) {
.l-header__navSub__contact__link {
text-align: center;
background: #eb1c24;
width: 100%;
}
}
.l-header__navSub__contact__txt {
font-size: 12px;
padding: 2px 12px;
transition: color 0.4s ease;
}
@media screen and (max-width: 768px) {
.l-header__navSub__contact__txt {
font-size: 14px;
color: #fff;
line-height: 1.2;
padding: 22px;
display: inline-block;
}
}
@media screen and (min-width: 769px) {
.l-header__navSub__contact__txt:hover {
color: #888;
}
}
.l-header__navSub__contact__icon {
font-size: 10px;
color: #999;
margin: 0 4px 0 0;
}
@media screen and (max-width: 768px) {
.l-header__navSub__contact__icon {
font-size: 11px;
color: inherit;
}
}
.l-header__navSub__lang {
padding: 0 16px;
}
@media screen and (max-width: 768px) {
.l-header__navSub__lang {
order: 4;
margin: 20px 0 0;
padding: 0;
}
}
.l-header__navSub__lang__link {
font-size: 12px;
font-weight: 500;
color: #999;
transition: color 0.4s ease;
display: inline-block;
}
@media screen and (max-width: 768px) {
.l-header__navSub__lang__link {
font-size: 14px;
color: #fff;
padding: 10px;
}
}
.l-header__navSub__lang__link.is-active {
color: #eb1c24;
text-decoration: underline;
pointer-events: none;
}
@media screen and (min-width: 769px) {
.l-header__navSub__lang__link:hover {
color: inherit;
}
}
.l-header__navSub__lang__link:not(:first-child) {
margin-left: 2px;
}
@media screen and (max-width: 768px) {
.l-header__navSub__lang__link:not(:first-child) {
margin-left: 20px;
}
}
@media screen and (max-width: 768px) {
.l-header__navSub__search {
width: 100%;
margin: 24px 0 0;
order: 3;
}
}
.l-header__navSub__search__form {
position: relative;
}
input.l-header__navSub__search__box {
font-size: 12px;
border: 1px solid #ccc;
border-radius: 2px;
padding: 5px 32px 5px 5px;
display: block;
}
@media screen and (max-width: 768px) {
input.l-header__navSub__search__box {
color: #fff;
border-radius: 1000px;
width: 100%;
padding: 15px 58px 15px 30px;
}
}
input.l-header__navSub__search__box::placeholder {
color: #ccc;
}
.l-header__navSub__search__button {
width: 15px;
height: 15px;
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.l-header__navSub__search__button {
width: 20px;
height: 20px;
right: 32px;
}
}
.l-header__navSub__search__button::before {
content: "\e901";
font-family: "icomoon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
color: #555;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: color 0.4s ease;
}
@media screen and (max-width: 768px) {
.l-header__navSub__search__button::before {
font-size: 19px;
color: #ccc;
}
}
@media screen and (min-width: 769px) {
.l-header__navSub__search__button:hover::before {
color: #eb1c24;
}
}
.l-header__navSub__search__button__input {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
display: block;
}
.l-header__navSub__sns {
margin-left: 16px;
}
@media screen and (max-width: 768px) {
.l-header__navSub__sns {
margin: 20px 0 0;
order: 2;
}
}
.l-header__navSub__sns__link {
display: block;
}
@media screen and (max-width: 768px) {
.l-header__navSub__sns__link {
padding: 10px;
}
}
.l-header__navSub__sns__link i {
font-size: 24px;
color: #58595b;
position: relative;
transition: opacity 0.4s ease;
}
@media screen and (max-width: 768px) {
.l-header__navSub__sns__link i {
color: #fff;
}
}
@media screen and (min-width: 769px) {
.l-header__navSub__sns__link i:hover {
opacity: 0.6;
}
}
.l-header__navMain {
display: flex;
}
@media screen and (max-width: 768px) {
.l-header__navMain {
flex-wrap: wrap;
order: 1;
}
}
@media screen and (min-width: 769px) {
.l-header__navMain__item:nth-child(n+3) {
margin-left: 40px;
}
}
@media screen and (max-width: 768px) {
.l-header__navMain__item {
text-align: center;
flex: 0 0 48%;
}
.l-header__navMain__item:nth-child(even) {
margin-left: 4%;
}
.l-header__navMain__item:nth-child(n+3) {
margin-top: 24px;
}
}
.l-header__navMain__link {
font-size: 14px;
font-weight: 500;
color: #555;
letter-spacing: 0.12em;
display: block;
position: relative;
padding: 10px 0 13px;
}
@media screen and (max-width: 768px) {
.l-header__navMain__link {
color: #fff;
padding: 14px;
}
}
.l-header__navMain__link.is-active::after {
transform: scale(1, 1);
}
.l-header__navMain__link::after {
content: "";
background: #eb1c24;
width: 100%;
height: 3px;
position: absolute;
bottom: 0;
left: 0;
transform: scale(0, 1);
transform-origin: left top;
transition: transform 0.4s ease;
}
@media screen and (max-width: 768px) {
.l-header__navMain__link::after {
background: #ccc;
width: 82px;
height: 1px;
left: 50%;
transform: translateX(-50%);
}
}
.l-header__navMain__child {
background: rgba(0, 0, 0, 0.5);
width: 100vw;
min-width: 1100px;
height: 0;
transition: all 0.4s ease;
overflow: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 999;
}
@media screen and (max-width: 768px) {
.l-header__navMain__child {
display: none;
}
}
.l-header__navMain__child.is-active {
height: 370px;
padding: 50px 0;
z-index: 999;
}
.l-header__navMain__child__inner {
max-width: 1040px;
margin: auto;
display: flex;
}
.l-header__navMain__child__head {
border-right: 1px solid #fff;
margin: 0 67px 0 0;
flex: 0 0 200px;
}
.l-header__navMain__child__head__inner {
font-size: 20px;
font-weight: 700;
color: #fff;
padding: 10px 20px 10px 0;
}
.l-header__navMain__child__head__sub {
font-size: 14px;
font-weight: 700;
color: #fff;
padding: 10px 20px 10px 0;
}
.l-header__navMain__child__list {
width: 100%;
flex: 1 1 auto;
display: flex;
}
.l-header__navMain__child__list__item {
width: 100%;
}
.l-header__navMain__child__list__link {
margin: 0 0 5px;
display: block;
}
@media screen and (min-width: 769px) {
.l-header__navMain__child__list__link:hover .l-header__navMain__child__list__txt::before {
transform: scale(1, 1);
}
}
.l-header__navMain__child__list__txt {
font-size: 14px;
font-weight: 500;
color: #fff;
line-height: 1.2;
padding: 10px 5px;
position: relative;
display: inline-block;
}
.l-header__navMain__child__list__txt::before {
content: "";
background: #fff;
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
transform: scale(0, 1);
transform-origin: left top;
transition: transform 0.4s ease;
}
.l-header__navMain__child__listSub__wrapper--split {
display: flex;
}
.l-header__navMain__child__listSub {
padding-left: 1em;
position: relative;
}
.l-header__navMain__child__listSub--split {
display: flex;
flex-wrap: wrap;
}
.l-header__navMain__child__listSub:not(:first-child) {
margin-top: 2%;
}
.l-header__navMain__child__listSub__item--col:not(:first-child) {
margin-top: 8px;
}
.l-header__navMain__child__listSub__item--col--3 {
flex: 0 0 32%;
}
.l-header__navMain__child__listSub__item--col--3:not(:nth-child(3n+1)) {
margin-left: 2%;
}
.l-header__navMain__child__listSub__item--col--3:nth-child(n+4) {
margin-top: 2%;
}
.l-header__navMain__child__listSub__item--col--4 {
flex: 0 0 24%;
}
.l-header__navMain__child__listSub__item--col--4:not(:nth-child(4n+1)) {
margin-left: 1%;
}
.l-header__navMain__child__listSub__item--col--4:nth-child(n+5) {
margin-top: 1%;
}
.l-header__navMain__child__listSub__item--col--5 {
flex: 0 0 19%;
}
.l-header__navMain__child__listSub__item--col--5:not(:nth-child(5n+1)) {
margin-left: 1%;
}
.l-header__navMain__child__listSub__item--col--5:nth-child(n+6) {
margin-top: 1%;
}
.l-header__navMain__child__listSub__accordion {
border-top: 1px solid rgb(255, 255, 255);
border-bottom: 1px solid rgb(255, 255, 255);
width: 733px;
padding: 10px 0px;
position: absolute;
top: 3.5em;
left: 0;
display: none;
}
.l-header__navMain__child__listSub__link {
display: block;
transition: margin 0.4s ease;
}
@media screen and (min-width: 769px) {
.l-header__navMain__child__listSub__link:hover .l-header__navMain__child__listSub__txt::before {
transform: scale(1, 1);
}
}
.l-header__navMain__child__listSub__link[target=_blank] .l-header__navMain__child__listSub__txt {
padding-right: 1em;
position: relative;
}
.l-header__navMain__child__listSub__link[target=_blank] .l-header__navMain__child__listSub__txt::after {
content: "\e909";
font-family: "icomoon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 10px;
margin-left: 5px;
}
.l-header__navMain__child__listSub__link + .l-header__navMain__child__listSub {
margin-top: 8px;
}
.l-header__navMain__child__listSub__link.is-active {
margin-bottom: 4.5em;
}
.l-header__navMain__child__listSub__link.is-active .l-header__navMain__child__listSub__txt::before {
transform: scale(1, 1);
}
.l-header__navMain__child__listSub__link.is-active .l-header__navMain__child__listSub__txt i {
transform: rotate(-180deg);
}
.l-header__navMain__child__listSub__txt {
font-size: 14px;
font-weight: 500;
line-height: 1.2;
color: #fff;
padding: 5px 3px;
position: relative;
display: inline-block;
}
.l-header__navMain__child__listSub__txt::before {
content: "";
background: #fff;
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
transform: scale(0, 1);
transform-origin: left top;
transition: transform 0.4s ease;
}
.l-header__navMain__child__listSub__txt i {
margin-left: 3px;
transition: transform 0.4s ease;
display: inline-block;
}
.l-header__btn {
width: 60px;
height: 60px;
position: absolute;
top: 0;
right: 0;
z-index: 999;
transition: 0.4s ease;
display: none;
}
@media screen and (max-width: 768px) {
.l-header__btn {
display: block;
}
}
.l-header__btn.is-active .l-header__btn__bar:nth-of-type(1) {
transform: translateY(6px) rotate(-45deg);
}
.l-header__btn.is-active .l-header__btn__bar:nth-of-type(2) {
opacity: 0;
transform: translateX(20px);
}
.l-header__btn.is-active .l-header__btn__bar:nth-of-type(3) {
transform: translateY(-6px) rotate(45deg);
}
.l-header__btn__inner,
.l-header__btn__bar {
display: inline-block;
}
.l-header__btn__inner {
width: 100%;
height: 26px;
position: relative;
}
@media screen and (max-width: 768px) {
.l-header__btn__inner {
height: 16px;
}
}
.l-header__btn__bar {
background-color: #bdccd4;
width: 24px;
height: 2px;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.4s cubic-bezier(0.77, 0, 0.175, 1), 0.4s background-color ease;
}
.l-header__btn__bar:nth-of-type(1) {
top: calc(50% - 6px);
}
.l-header__btn__bar:nth-of-type(2) {
top: 50%;
}
.l-header__btn__bar:nth-of-type(3) {
top: calc(50% + 6px);
}
.l-content {
min-height: 0%;
}
.l-content.sub {
padding-bottom: 200px;
}
@media screen and (max-width: 768px) {
.l-content.sub {
padding-bottom: 100px;
}
}
.l-container {
max-width: 1040px;
margin: 0 auto;
padding: 0 30px;
}
@media screen and (max-width: 768px) {
.l-container {
width: auto;
padding: 0 5.3333333333%;
}
}
@media screen and (max-width: 768px) {
.l-container.__spWide {
padding: 0 2.6666666667%;
}
}
.l-subIndex__hero {
margin: 110px 0 0;
}
@media screen and (max-width: 768px) {
.l-subIndex__hero {
margin: 60px 0 0;
}
}
.l-subIndex__hero__inner {
width: 100%;
padding: 0 0 28px;
position: relative;
}
@media screen and (max-width: 768px) {
.l-subIndex__hero__inner {
padding: 0;
}
}
.l-subIndex__hero__head {
width: 38%;
z-index: 10;
padding: 0 0 10px;
position: relative;
}
@media screen and (max-width: 768px) {
.l-subIndex__hero__head {
min-width: 52%;
max-width: 70%;
width: auto;
padding: 0 0 50px;
}
}
.l-subIndex__hero__head::before {
content: "";
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
width: 182%;
height: 100%;
position: absolute;
top: 56px;
left: 90%;
}
@media screen and (max-width: 768px) {
.l-subIndex__hero__head::before {
width: 92.5vw;
top: 17px;
left: 14%;
}
}
.l-subIndex__hero__head--news::before {
background-image: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/img/news/index/img-hero_pc.jpg);
}
@media screen and (max-width: 768px) {
.l-subIndex__hero__head--news::before {
background-image: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/img/news/index/img-hero_sp.jpg);
}
}
.l-subIndex__hero__head--exhibition::before {
background-image: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/img/exhibition/index/img-hero_pc.jpg);
}
@media screen and (max-width: 768px) {
.l-subIndex__hero__head--exhibition::before {
background-image: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/img/exhibition/index/img-hero_sp.jpg);
}
}
.l-subIndex__hero__head--company::before {
background-image: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/img/company/index/img-hero_pc.jpg);
}
@media screen and (max-width: 768px) {
.l-subIndex__hero__head--company::before {
background-image: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/img/company/index/img-hero_sp.jpg);
}
}
.l-subIndex__hero__head--environment::before {
background-image: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/img/environment/index/img-hero_pc.jpg);
}
@media screen and (max-width: 768px) {
.l-subIndex__hero__head--environment::before {
background-image: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/img/environment/index/img-hero_sp.jpg);
}
}
.l-subIndex__hero__head--ourBusiness::before {
background-image: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/img/business-fields/index/img-hero_pc.jpg);
background-position: center center;
}
.l-subIndex__hero__head--ir::before {
background-image: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/img/ir/index/img-hero_pc.jpg);
background-position: center center;
}
.l-subIndex__hero__head--rd::before {
background-image: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/img/rd/index/img-hero_pc.jpg);
background-position: center center;
}
.l-subIndex__hero__head--contact::before {
background-image: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/img/contact/index/img-hero_pc.jpg);
background-position: center center;
}
.l-subIndex__hero__ttl {
width: 100%;
background: #fff;
box-shadow: -10px 0 10px rgba(0, 0, 0, 0.2);
padding: 50px 50px 40px 30.9278350515%;
position: relative;
display: inline-block;
}
@media screen and (max-width: 768px) {
.l-subIndex__hero__ttl {
padding: 24px 30px 35px 40px;
}
}
.l-subIndex__hero__ttl__main {
font-size: 36px;
font-weight: 500;
line-height: 1.2;
letter-spacing: 0.1em;
border-bottom: 1px solid #ccc;
padding: 0 0 20px;
display: inline-block;
position: relative;
}
@media screen and (max-width: 768px) {
.l-subIndex__hero__ttl__main {
font-size: 22px;
padding-bottom: 10px;
}
}
.l-subIndex__hero__ttl__main::after {
content: "";
background: #eb1c24;
width: 40px;
height: 1px;
position: absolute;
bottom: -1px;
left: 0;
}
@media screen and (max-width: 768px) {
.l-subIndex__hero__ttl__main::after {
max-width: 26px;
}
}
.l-subIndex__hero__ttl__sub {
font-size: 16px;
font-weight: 600;
color: #727171;
letter-spacing: 0.1em;
display: block;
margin: 20px 0 0;
}
@media screen and (max-width: 768px) {
.l-subIndex__hero__ttl__sub {
font-size: 11px;
margin-top: 10px;
}
}
.l-subIndex__hero02 {
margin: 110px 0 0;
}
@media screen and (max-width: 768px) {
.l-subIndex__hero02 {
margin: 60px 0 0;
}
}
.l-subIndex__hero02--news .l-subIndex__hero02__inner {
background: #e9ecf6;
}
.l-subIndex__hero02--events .l-subIndex__hero02__inner {
background: #eee8f3;
}
.l-subIndex__hero02__inner {
width: 100%;
padding: 60px 0;
position: relative;
}
@media screen and (max-width: 768px) {
.l-subIndex__hero02__inner {
padding: 30px 0;
}
}
.l-subIndex__hero02__inner--narrow {
padding: 45px 0;
}
@media screen and (max-width: 768px) {
.l-subIndex__hero02__inner--narrow {
padding: 20px 0;
}
}
.l-subIndex__hero02__ttl {
line-height: 1.2;
}
@media screen and (max-width: 768px) {
.l-subIndex__hero02__ttl {
border-bottom: 1px solid #ccc;
padding: 0 0 10px;
position: relative;
}
.l-subIndex__hero02__ttl::after {
content: "";
background: #d80c24;
width: 2em;
height: 1px;
position: absolute;
bottom: -1px;
left: 0;
}
.l-subIndex__hero02__ttl--narrow {
bottom: none;
}
}
.l-subIndex__hero02__ttl__main {
font-size: 36px;
font-weight: 500;
letter-spacing: 0.1em;
position: relative;
display: inline-block;
}
@media screen and (max-width: 768px) {
.l-subIndex__hero02__ttl__main {
font-size: 26px;
}
}
@media screen and (min-width: 769px) {
.l-subIndex__hero02__ttl__main {
border-bottom: 1px solid #ccc;
padding: 0 0 16px;
position: relative;
}
.l-subIndex__hero02__ttl__main::after {
content: "";
background: #d80c24;
width: 2em;
height: 1px;
position: absolute;
bottom: -1px;
left: 0;
}
.l-subIndex__hero02__ttl__main--narrow {
font-size: 18px;
border: none;
padding: 0;
}
.l-subIndex__hero02__ttl__main--narrow::after {
display: none;
}
}
.l-subIndex__hero02__ttl__sub {
font-family: YakuHanMP, "Rajdhani", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo UI", Meiryo, "メイリオ", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.1em;
margin: 16px 0 0;
display: block;
}
@media screen and (max-width: 768px) {
.l-subIndex__hero02__ttl__sub {
margin: 0 0 0 10px;
display: inline-block;
}
}
.l-subIndex__breadcrumb {
width: 100%;
max-width: 22.28125%;
margin: 14px 0 0 11.71875%;
padding: 0 10px 0 0;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.l-subIndex__breadcrumb {
max-width: none;
margin: 35px 0 0 0;
padding: 0 10px 0 7%;
}
}
.l-subIndex__breadcrumb--02 {
max-width: none;
margin: 20px 0 0;
}
@media screen and (max-width: 768px) {
.l-subIndex__breadcrumb--02 {
margin: 10px 0 0;
padding: 0;
}
}
.l-subIndex__breadcrumb__item {
white-space: nowrap;
}
.l-subIndex__breadcrumb__item:not(:last-child) {
position: relative;
}
.l-subIndex__breadcrumb__item:not(:last-child)::after {
content: "/";
color: #eb1c24;
margin: 0 9px;
}
@media screen and (max-width: 768px) {
.l-subIndex__breadcrumb__item:not(:last-child)::after {
margin: 0 4px;
}
}
.l-subIndex__breadcrumb__item:last-child {
overflow: hidden;
text-overflow: ellipsis;
}
.l-subIndex__breadcrumb__link {
font-size: 12px;
font-weight: 300;
line-height: 1.2;
margin: 2px 0;
}
@media screen and (max-width: 768px) {
.l-subIndex__breadcrumb__link {
font-size: 10px;
}
}
@media screen and (min-width: 769px) {
a.l-subIndex__breadcrumb__link:hover {
text-decoration: underline;
}
}
.l-sub__hero01 {
margin: 110px 0 0;
}
@media screen and (max-width: 768px) {
.l-sub__hero01 {
margin: 60px 0 0;
}
}
.l-sub__hero01--minimum {
margin: 130px 0 0;
}
@media screen and (max-width: 768px) {
.l-sub__hero01--minimum {
margin: 70px 0 0;
}
}
@media screen and (max-width: 768px) {
.l-sub__hero01--minimum .l-sub__hero01__ttl__main {
margin-top: 40px;
}
}
.l-sub__hero01__cont {
background: #f0f0f0;
display: flex;
}
@media screen and (max-width: 768px) {
.l-sub__hero01__cont {
width: 100vw;
position: relative;
left: 50%;
transform: translateX(-50%);
}
}
.l-sub__hero01__cont--company {
background: #ddf3fb;
}
.l-sub__hero01__cont--environment {
background: #dff5ec;
}
.l-sub__hero01__cont--ir {
background: #F9F5EF;
}
.l-sub__hero01__cont--ourbusiness {
background: #faf4d8;
}
.l-sub__hero01__cont--rd {
background: #ededf3;
}
.l-sub__hero01__nav {
margin: 32px 0 0;
}
@media screen and (max-width: 768px) {
.l-sub__hero01__nav {
margin-top: 20px;
}
}
.l-sub__hero01__nav:last-child {
margin: 100px 0 0;
}
@media screen and (max-width: 768px) {
.l-sub__hero01__nav:last-child {
margin: 30px 0 0;
}
}
.l-sub__hero01__nav__list {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.l-sub__hero01__nav__list__item {
width: 100%;
}
@media screen and (max-width: 768px) {
.l-sub__hero01__nav__list__item {
min-height: 44px;
}
}
.l-sub__hero01__nav__list__item--col--3 {
flex: 0 0 32%;
max-width: 32%;
}
.l-sub__hero01__nav__list__item--col--3:not(:nth-child(3n+1)) {
margin-left: 2%;
}
.l-sub__hero01__nav__list__item--col--3:nth-child(n+4) {
margin-top: 2%;
}
.l-sub__hero01__nav__list__item--col--4 {
flex: 0 0 24%;
max-width: 24%;
}
@media screen and (min-width: 769px) {
.l-sub__hero01__nav__list__item--col--4:not(:nth-child(4n+1)) {
margin-left: 1.3333%;
}
.l-sub__hero01__nav__list__item--col--4:nth-child(n+5) {
margin-top: 1.3333%;
}
}
@media screen and (max-width: 768px) {
.l-sub__hero01__nav__list__item--col--4 {
flex: 0 0 49%;
max-width: 49%;
}
.l-sub__hero01__nav__list__item--col--4:nth-child(even) {
margin-left: 2%;
}
.l-sub__hero01__nav__list__item--col--4:nth-child(n+3) {
margin-top: 2%;
}
}
.l-sub__hero01__nav__list__item--col--5 {
flex: 0 0 19%;
max-width: 19%;
}
@media screen and (min-width: 769px) {
.l-sub__hero01__nav__list__item--col--5:not(:nth-child(5n+1)) {
margin-left: 1.25%;
}
.l-sub__hero01__nav__list__item--col--5:nth-child(n+6) {
margin-top: 1.25%;
}
}
@media screen and (max-width: 768px) {
.l-sub__hero01__nav__list__item--col--5 {
flex: 0 0 49%;
max-width: 49%;
}
.l-sub__hero01__nav__list__item--col--5:nth-child(even) {
margin-left: 2%;
}
.l-sub__hero01__nav__list__item--col--5:nth-child(n+3) {
margin-top: 2%;
}
}
.l-sub__hero01__nav__list__link {
color: #fff;
text-align: center;
height: 100%;
padding: 32px 40px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.4s ease;
}
@media screen and (max-width: 768px) {
.l-sub__hero01__nav__list__link {
padding: 10px 15px;
}
}
.l-sub__hero01__nav__list__link--environment {
background: #a8c754;
}
.l-sub__hero01__nav__list__link::after {
content: "\e902";
font-family: "icomoon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 15px;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
transition: right 0.4s ease;
}
@media screen and (max-width: 768px) {
.l-sub__hero01__nav__list__link::after {
font-size: 10px;
right: 5px;
}
}
@media screen and (min-width: 769px) {
.l-sub__hero01__nav__list__link:hover {
opacity: 0.6;
}
.l-sub__hero01__nav__list__link:hover::after {
right: 15px;
}
}
.l-sub__hero01__nav__list__txt {
font-size: 16px;
font-weight: 500;
line-height: 1.2;
letter-spacing: 0.16em;
}
@media screen and (max-width: 768px) {
.l-sub__hero01__nav__list__txt {
font-size: 12px;
letter-spacing: 0.05em;
}
}
.l-sub__hero01__ttl {
padding: 44px 20px 44px max(60px, 50vw - 490px);
flex: 0 0 40%;
display: flex;
align-items: center;
}
@media screen and (max-width: 768px) {
.l-sub__hero01__ttl {
text-align: left;
padding: 50px 10px 50px 30px;
flex: 1 1 auto;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
}
.l-sub__hero01__ttl__sub {
font-size: 18px;
color: #eb1c24;
line-height: 1.2;
letter-spacing: 0.1em;
display: block;
}
@media screen and (max-width: 768px) {
.l-sub__hero01__ttl__sub {
font-size: 15px;
margin: 0 0 8px;
}
}
.l-sub__hero01__ttl__sub--company {
color: #1dafe6;
}
.l-sub__hero01__ttl__sub--environment {
color: #28ba80;
}
.l-sub__hero01__ttl__sub--ir {
color: #cc9966;
}
.l-sub__hero01__ttl__sub--ourbusiness {
color: #d6b700;
}
.l-sub__hero01__ttl__sub--rd {
color: #8784ad;
}
.l-sub__hero01__ttl__main {
font-size: 28px;
font-weight: 500;
line-height: 1.2;
letter-spacing: 0.1em;
margin: 40px 0 0;
padding: 0 0 0 1.2em;
display: block;
}
@media screen and (min-width: 769px) {
.l-sub__hero01__ttl__main {
position: relative;
}
.l-sub__hero01__ttl__main--company {
color: #1dafe6;
}
.l-sub__hero01__ttl__main--environment {
color: #28ba80;
}
.l-sub__hero01__ttl__main--ir {
color: #cc9966;
}
.l-sub__hero01__ttl__main--ourbusiness {
color: #e6c93c;
}
.l-sub__hero01__ttl__main--rd {
color: #8784ad;
}
.l-sub__hero01__ttl__main::before {
content: "■";
color: #d4d4d4;
position: absolute;
left: 0;
}
}
@media screen and (max-width: 768px) {
.l-sub__hero01__ttl__main {
font-size: 24px;
font-weight: 700;
border: none;
margin: 0;
padding: 0;
}
}
.l-sub__hero01__img {
position: relative;
overflow: hidden;
flex: 0 0 60%;
}
@media screen and (max-width: 768px) {
.l-sub__hero01__img {
margin: 0 0 0 16px;
flex: 0 0 40%;
}
}
.l-sub__hero01__img__wrap {
height: 100%;
}
.l-sub__hero01__img__item {
width: 100%;
height: 100%;
object-fit: cover;
}
.l-sub__breadcrumb {
width: 100%;
text-align: right;
margin: 26px 0 0;
}
@media screen and (max-width: 768px) {
.l-sub__breadcrumb {
text-align: left;
margin: 13px 0 0;
}
}
.l-sub__breadcrumb__list {
text-align: left;
display: inline-flex;
align-items: center;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.l-sub__breadcrumb__list {
width: 100%;
flex-wrap: nowrap;
}
}
.l-sub__breadcrumb__list__item {
margin: 2px 0;
padding: 3px 0;
box-sizing: content-box;
}
@media screen and (max-width: 768px) {
.l-sub__breadcrumb__list__item {
font-size: 10px;
white-space: nowrap;
margin: 0;
}
}
.l-sub__breadcrumb__list__item:last-child {
border-bottom: 1px solid #eb1c24;
}
.l-sub__breadcrumb__list__item:not(:last-child)::after {
content: "";
background: #ccc;
width: 14px;
height: 1px;
margin: 0 6px 0 2px;
position: relative;
top: 50%;
transform: translateY(-50%);
display: inline-block;
vertical-align: middle;
}
@media screen and (max-width: 768px) {
.l-sub__breadcrumb__list__item:not(:last-child)::after {
width: 7px;
}
}
.l-sub__breadcrumb__list__item:last-child {
overflow: hidden;
text-overflow: ellipsis;
}
.l-sub__breadcrumb__list__link {
font-size: 12px;
font-weight: 300;
line-height: 1.2;
}
@media screen and (max-width: 768px) {
.l-sub__breadcrumb__list__link {
font-size: 10px;
}
}
a.l-sub__breadcrumb__list__link {
transition: color 0.4s ease;
}
@media screen and (min-width: 769px) {
a.l-sub__breadcrumb__list__link:hover {
color: #eb1c24;
}
}
.l-sub__main {
margin: 64px 0 0;
}
@media screen and (max-width: 768px) {
.l-sub__main {
margin: 32px 0 0;
}
}
.l-sub__main__inner {
margin: 0 0 100px;
}
@media screen and (max-width: 768px) {
.l-sub__main__inner {
margin: 0 0 50px;
}
}
.l-bnrArea {
padding: 90px 0 56px;
}
@media screen and (max-width: 768px) {
.l-bnrArea {
padding: 55px 0 30px;
}
}
.l-bnrArea + .l-sub__bottomNav {
margin-top: 40px;
}
.l-bnrArea__list {
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.l-bnrArea__list {
display: block;
}
}
.l-bnrArea__list__item {
flex: 0 0 48%;
transition: opacity 0.4s ease;
}
.l-bnrArea__list__item:only-child {
margin: 0 auto;
}
@media screen and (min-width: 769px) {
.l-bnrArea__list__item:nth-child(even) {
margin-left: 4%;
}
.l-bnrArea__list__item:nth-child(n+3) {
margin-top: 4%;
}
}
@media screen and (max-width: 768px) {
.l-bnrArea__list__item {
max-width: 400px;
margin: auto;
}
.l-bnrArea__list__item:not(:first-child) {
margin-top: 10px;
}
}
.l-bnrArea__list__link {
aspect-ratio: 941/413;
width: 100%;
position: relative;
display: block;
overflow: hidden;
}
@media screen and (min-width: 769px) {
.l-bnrArea__list__link:hover .l-bnrArea__list__img {
transform: scale(1.1);
}
}
.l-bnrArea__list__img {
width: 100%;
height: 100%;
position: absolute;
object-fit: cover;
top: 0;
left: 0;
bottom: 0;
right: 0;
transition: transform 0.4s ease;
}
.l-sub__bottomNav {
background: #fafafa;
padding: 50px 0 40px;
}
.l-sub__bottomNav__inner {
margin: 0 auto;
display: flex;
align-items: flex-start;
justify-content: center;
}
@media screen and (max-width: 768px) {
.l-sub__bottomNav__inner {
display: block;
}
}
.l-sub__bottomNav__ttl {
flex: 0 0 auto;
}
@media screen and (max-width: 768px) {
.l-sub__bottomNav__ttl {
font-size: 14px;
display: inline-block;
}
}
.l-sub__bottomNav__ttl__link {
font-size: 16px;
font-weight: 500;
line-height: 1.2;
padding: 5px 0;
letter-spacing: 0.06em;
border-bottom: 1px solid #eb1c24;
display: block;
transition: opacity 0.4s ease;
}
@media screen and (min-width: 769px) {
.l-sub__bottomNav__ttl__link:hover {
opacity: 0.6;
}
}
.l-sub__bottomNav__list {
margin: 0 0 0 20px;
flex: 0 1 auto;
column-count: 3;
}
@media screen and (max-width: 768px) {
.l-sub__bottomNav__list {
column-count: 2;
margin: 24px auto 0;
}
}
.l-sub__bottomNav__list__item {
margin: 0 0 10px;
page-break-inside: avoid;
break-inside: avoid;
}
.l-sub__bottomNav__list__link {
font-size: 16px;
font-weight: 300;
line-height: 1.2;
padding: 5px 0 5px 0.5em;
position: relative;
display: inline-block;
transition: opacity 0.4s ease;
}
@media screen and (max-width: 768px) {
.l-sub__bottomNav__list__link {
font-size: 14px;
}
}
@media screen and (min-width: 769px) {
.l-sub__bottomNav__list__link:hover {
opacity: 0.6;
}
}
.l-sub__bottomNav__list__link::before {
content: "-";
position: absolute;
left: 0;
}
.l-sub__bottomNav__list__head {
font-size: 16px;
font-weight: 300;
line-height: 1.2;
padding: 5px 0 5px 0.5em;
position: relative;
display: inline-block;
transition: opacity 0.4s ease;
}
@media screen and (max-width: 768px) {
.l-sub__bottomNav__list__head {
font-size: 14px;
}
}
.l-sub__bottomNav__list__head::before {
content: "-";
position: absolute;
left: 0;
}
a.l-sub__bottomNav__list__head {
transition: opacity 0.4s ease;
}
@media screen and (min-width: 769px) {
a.l-sub__bottomNav__list__head:hover {
opacity: 0.6;
}
}
.l-sub__bottomNav__listSub {
margin: 0 0 0 0.5em;
}
.l-sub__bottomNav__listSub__item {
page-break-inside: avoid;
break-inside: avoid;
}
.l-sub__bottomNav__listSub__link {
font-size: 14px;
font-weight: 300;
line-height: 1.2;
padding: 5px 0 5px 0.5em;
position: relative;
display: inline-block;
transition: opacity 0.4s ease;
}
@media screen and (max-width: 768px) {
.l-sub__bottomNav__listSub__link {
font-size: 12px;
}
}
@media screen and (min-width: 769px) {
.l-sub__bottomNav__listSub__link:hover {
opacity: 0.6;
}
}
.l-sub__bottomNav__listSub__link::before {
content: "-";
position: absolute;
left: 0;
}
.l-sub__hero01__thumbnailnav {
background: #f0f6ea;
margin-top: 24px;
padding: 34px 20px 30px;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.l-sub__hero01__thumbnailnav {
display: block;
}
}
.l-sub__hero01__thumbnailnav__item {
display: block;
}
@media screen and (min-width: 769px) {
.l-sub__hero01__thumbnailnav__item {
width: 32%;
}
.l-sub__hero01__thumbnailnav__item:not(:nth-child(3n+1)) {
margin-left: 2%;
}
.l-sub__hero01__thumbnailnav__item:nth-child(n+4) {
margin-top: 2%;
}
}
@media screen and (max-width: 768px) {
.l-sub__hero01__thumbnailnav__item:not(:first-child) {
margin-top: 36px;
}
}
.l-sub__hero01__thumbnailnav__ttl {
font-size: 22px;
font-weight: 500;
line-height: 1.4;
text-align: center;
margin-top: 20px;
display: block;
}
@media screen and (max-width: 768px) {
.l-sub__hero01__thumbnailnav__ttl {
font-size: 20px;
}
}
.l-sub__hero01__thumbnailnav__btn {
font-size: 14px;
line-height: 1.2;
text-align: center;
background: #fff;
border: 1px solid #ccc;
width: 100%;
max-width: 160px;
margin: 20px auto 0;
padding: 16px;
position: relative;
display: block;
transition: color 0.4s ease, background 0.4s ease, border 0.4s ease;
}
@media screen and (max-width: 768px) {
.l-sub__hero01__thumbnailnav__btn {
font-size: 12px;
width: auto;
}
}
.l-sub__hero01__thumbnailnav__btn::after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 10px 10px;
border-color: transparent transparent #eb1c24 transparent;
position: absolute;
right: 0;
bottom: 0;
}
@media screen and (min-width: 769px) {
.l-sub__hero01__thumbnailnav__btn:hover {
color: #fff;
background: #eb1c24;
border-color: #eb1c24;
}
}
.l-sub__bottomCatNav {
background: #f0f6ea;
margin-top: 60px;
padding: 48px 75px;
}
@media screen and (max-width: 768px) {
.l-sub__bottomCatNav {
margin-top: 40px;
padding: 30px 20px;
}
}
.l-sub__bottomCatNav__list {
display: flex;
}
@media screen and (max-width: 768px) {
.l-sub__bottomCatNav__list {
display: block;
}
}
.l-sub__bottomCatNav__item {
width: 100%;
}
.l-sub__bottomCatNav__item:not(:first-child) {
margin-left: 55px;
}
@media screen and (max-width: 768px) {
.l-sub__bottomCatNav__item:not(:first-child) {
margin: 10px 0 0;
}
}
.l-sub__bottomCatNav__btn {
font-size: 18px;
font-weight: 500;
line-height: 1.2;
text-align: center;
background: #fff;
border: 1px solid #ccc;
width: 100%;
padding: 30px 16px;
position: relative;
display: block;
transition: color 0.4s ease, background 0.4s ease, border 0.4s ease;
}
@media screen and (max-width: 768px) {
.l-sub__bottomCatNav__btn {
font-size: 12px;
padding: 16px;
}
}
.l-sub__bottomCatNav__btn::after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 10px 10px;
border-color: transparent transparent #eb1c24 transparent;
position: absolute;
right: 0;
bottom: 0;
}
@media screen and (min-width: 769px) {
.l-sub__bottomCatNav__btn:hover {
color: #fff;
background: #eb1c24;
border-color: #eb1c24;
}
}
.l-footer {
background: #fff;
}
.l-footer__inner {
padding: 70px 0 0;
}
@media screen and (max-width: 768px) {
.l-footer__inner {
padding: 50px 0 0;
}
}
.l-footer__container {
max-width: 1120px;
margin: 0 auto;
padding: 0 30px;
}
@media screen and (max-width: 768px) {
.l-footer__container {
width: auto;
padding: 0 5.3333333333%;
}
}
@media screen and (max-width: 768px) {
.l-footer__container--wideSp {
padding: 0;
}
}
.l-footer__contact {
border-bottom: 5px solid #ccc;
padding: 70px 0 48px;
}
@media screen and (max-width: 768px) {
.l-footer__contact {
padding: 50px 0;
}
}
.l-footer__contact__blk {
border: 2px solid #d80c24;
padding: 30px 48px 30px 60px;
max-width: 960px;
margin: 0 auto;
display: flex;
align-items: center;
}
@media screen and (max-width: 768px) {
.l-footer__contact__blk {
padding: 24px 20px;
display: block;
}
}
.l-footer__contact__txt {
flex: 1 1 auto;
}
.l-footer__contact__txt:not(:last-child) {
margin-right: 20px;
}
@media screen and (max-width: 768px) {
.l-footer__contact__txt:not(:last-child) {
margin: 0 0 16px;
}
}
.l-footer__contact__txt__item {
font-size: 18px;
font-weight: 500;
line-height: 1.2;
letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
.l-footer__contact__txt__item {
font-size: 16px;
letter-spacing: 0.1em;
}
}
.l-footer__contact__link {
color: #fff;
text-align: center;
background: #d80c24;
border: 2px solid #d80c24;
min-width: 360px;
padding: 20px 50px;
position: relative;
display: block;
transition: color 0.4s ease, background 0.4s ease;
}
@media screen and (max-width: 768px) {
.l-footer__contact__link {
min-width: auto;
padding: 12px 30px;
}
}
.l-footer__contact__link:after {
content: "\e902";
font-family: "icomoon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
}
@media screen and (max-width: 768px) {
.l-footer__contact__link:after {
font-size: 10px;
right: 15px;
}
}
@media screen and (min-width: 769px) {
.l-footer__contact__link:hover {
color: #d80c24;
background: #fff;
}
}
.l-footer__contact__link__txt {
font-size: 18px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.42em;
padding: 0 0 0 36px;
position: relative;
}
@media screen and (max-width: 768px) {
.l-footer__contact__link__txt {
font-size: 16px;
padding-left: 30px;
}
}
.l-footer__contact__link__txt::before {
content: "\e900";
font-family: "icomoon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 15px;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.l-footer__contact__link__txt::before {
font-size: 12px;
}
}
@media screen and (max-width: 768px) {
.l-footer__head__company {
text-align: center;
}
}
.l-footer__head__company__name {
font-size: 18px;
font-weight: 500;
line-height: 1.2;
border-bottom: 1px solid #979898;
padding: 0 0 5px;
position: relative;
display: inline-block;
}
@media screen and (max-width: 768px) {
.l-footer__head__company__name {
font-size: 16px;
}
}
.l-footer__head__company__name::after {
content: "";
background: #eb1c24;
width: 30px;
height: 1px;
position: absolute;
bottom: -1px;
left: 0;
}
@media screen and (max-width: 768px) {
.l-footer__head__company__name::after {
width: 26px;
}
}
.l-footer__navMain {
margin: 50px 0 0;
}
@media screen and (max-width: 768px) {
.l-footer__navMain {
margin: 34px 0 0;
}
}
.l-footer__navMain__list {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 768px) {
.l-footer__navMain__list {
display: block;
}
}
.l-footer__navMain__list__inner {
display: block;
}
@media screen and (min-width: 769px) {
.l-footer__navMain__list__inner:not(:first-child) {
margin-top: 24px;
}
}
@media screen and (max-width: 768px) {
.l-footer__navMain__list__inner {
background: #f5f5f5;
padding: 16px 13.3333333333vw;
position: relative;
}
.l-footer__navMain__list__inner:not(:last-child) {
border-bottom: 1px solid #fff;
}
}
@media screen and (max-width: 768px) {
.l-footer__navMain__list__inner.__accordion::before, .l-footer__navMain__list__inner.__accordion::after {
content: "";
background: #555;
width: 14px;
height: 2px;
position: absolute;
top: 50%;
right: 40px;
transition: transform 0.4s ease;
}
.l-footer__navMain__list__inner.__accordion::after {
transform: rotate(-90deg);
}
.l-footer__navMain__list__inner.__accordion.is-active::after {
transform: none;
}
}
.l-footer__navMain__list__link {
font-size: 14px;
font-weight: 500;
line-height: 1.2;
padding: 0 0 10px;
position: relative;
display: block;
transition: color 0.4s ease;
}
@media screen and (max-width: 768px) {
.l-footer__navMain__list__link {
padding: 5px 0;
display: inline-block;
}
}
@media screen and (min-width: 769px) {
.l-footer__navMain__list__link:hover {
color: #eb1c24;
}
}
.l-footer__navMain__list__link::after {
content: "";
background: #eb1c24;
width: 20px;
height: 1px;
position: absolute;
bottom: -1px;
left: 0;
}
@media screen and (max-width: 768px) {
.l-footer__navMain__list__link::after {
width: 14px;
}
}
.l-footer__navMain__child {
margin: 10px 0 0;
}
@media screen and (max-width: 768px) {
.l-footer__navMain__child {
background: #e6e6e6;
border-bottom: 1px solid #fff;
margin: 0;
padding: 30px 0;
display: none;
}
}
.l-footer__navMain__child__link {
padding: 8px 0;
display: block;
transition: opacity 0.4s ease;
}
@media screen and (max-width: 768px) {
.l-footer__navMain__child__link {
padding: 10px 13.3333333333vw;
}
}
@media screen and (min-width: 769px) {
.l-footer__navMain__child__link:hover {
opacity: 0.6;
}
}
.l-footer__navMain__child__txt {
font-size: 14px;
font-weight: 300;
line-height: 1.2;
display: inline-block;
}
.l-footer__navBottom {
margin: 32px 0 0;
}
.l-footer__navBottom__list {
display: flex;
flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
.l-footer__navBottom__list__item:not(:first-child) {
margin-left: 30px;
}
}
@media screen and (max-width: 768px) {
.l-footer__navBottom__list__item {
flex: 0 0 49%;
}
.l-footer__navBottom__list__item:nth-child(even) {
margin-left: 2%;
}
}
.l-footer__navBottom__list__link {
padding: 5px 0;
display: inline-block;
}
@media screen and (min-width: 769px) {
.l-footer__navBottom__list__link:hover .l-footer__navBottom__list__txt {
text-decoration: underline;
}
}
.l-footer__navBottom__list__txt {
font-size: 12px;
line-height: 1.2;
}
@media screen and (max-width: 768px) {
.l-footer__navBottom__list__txt {
border-left: 1px solid #555;
padding: 0 0 0 8px;
display: inline-block;
}
}
.l-footer__copyright {
background: #8f99a3;
margin: 32px 0 0;
padding: 5px 30px;
}
@media screen and (max-width: 768px) {
.l-footer__copyright {
padding: 5px 10px;
}
}
.l-footer__copyright__txt {
font-size: 12px;
color: #fff;
line-height: 1.2;
letter-spacing: 0.04em;
text-align: center;
display: block;
}
@media screen and (max-width: 768px) {
.l-footer__copyright__txt {
font-size: 10px;
}
}
.l-footer_bnr {
margin: 32px 0 0;
}
.l-footer_bnr_list {
display: flex;
flex-wrap: wrap;
gap: 12px 1.3333333333%;
padding: 32px 0 0;
border-top: 1px solid #e1e1e3;
}
.l-footer_bnr_list_item {
flex: 0 0 24%;
}
.l-footer_bnr_list_item span {
pointer-events: none;
}
@media screen and (max-width: 768px) {
.l-footer_bnr_list_item {
flex: 0 0 100%;
}
}
.l-footer_bnr_list_item a {
transition: border-color 0.4s ease, opacity 0.4s ease;
}
@media screen and (min-width: 769px) {
.l-footer_bnr_list_item a:hover {
opacity: 0.8;
}
}
.remodal-overlay {
background: rgba(0, 0, 0, 0.5);
}
.l-modal__closeCross {
width: 50px;
height: 50px;
position: absolute;
top: -50px;
right: 0;
}
.l-modal__closeCross::before, .l-modal__closeCross::after {
content: "";
background: #fff;
width: 30px;
height: 1px;
position: absolute;
top: 50%;
left: 50%;
transition: opacity 0.4s ease;
will-change: opacity;
}
.l-modal__closeCross::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.l-modal__closeCross::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.l-modal__closeCross:hover::before, .l-modal__closeCross:hover::after {
opacity: 0.6;
}
.l-modal__closeTxt {
font-size: 16px;
text-align: center;
letter-spacing: 0.05em;
border: 1px solid #ccc;
margin: 24px 0 0;
padding: 10px 30px;
display: inline-block;
}
.l-pagination {
margin: 60px 0 0;
display: flex;
justify-content: center;
}
@media screen and (max-width: 768px) {
.l-pagination {
margin: 32px 0 0;
}
}
.l-pagination > * {
margin-bottom: 5px;
}
.l-pagination .page-numbers {
font-size: 20px;
text-align: center;
line-height: 40px;
width: 40px;
height: 40px;
display: inline-block;
position: relative;
}
@media screen and (max-width: 768px) {
.l-pagination .page-numbers {
font-size: 18px;
}
}
.l-pagination .page-numbers.current {
color: #fff;
background: #d80c24;
pointer-events: none;
}
.l-pagination .page-numbers:not(:first-child) {
margin-left: 5px;
}
.l-pagination a.page-numbers {
transition: color 0.4s ease;
}
@media screen and (min-width: 769px) {
.l-pagination a.page-numbers:hover {
color: #d80c24;
}
}
.lang-en .l-header__logo__img {
max-width: 214px;
}
@media screen and (max-width: 768px) {
.lang-en .l-header__logo__img {
max-width: 147px;
}
}
@media screen and (min-width: 769px) {
.lang-en .l-header.is-scrolled .l-header__logo__img {
max-width: 196px;
}
}
.lang-en .l-header__navMain__child.is-active {
height: 400px;
}
.lang-en .l-header__navMain__child__listSub__item:nth-child(2) .l-header__navMain__child__listSub__link.is-active {
margin-bottom: 7em;
}
.lang-en .l-header__navMain__child__listSub__item:nth-child(3) .l-header__navMain__child__listSub__link.is-active {
margin-bottom: 8em;
}
.lang-en .l-footer__contact__txt__item {
text-align: center;
}
.otgs-development-site-front-end {
display: none;
}
.c-news__index {
margin: 100px 0 160px;
}
@media screen and (max-width: 768px) {
.c-news__index {
margin: 50px 0;
}
}
.c-news__index__head {
border-bottom: 1px solid #ccc;
padding: 0 0 10px;
position: relative;
}
.c-news__index__head::after {
content: "";
background: #eb1c24;
width: 30px;
height: 1px;
position: absolute;
bottom: -1px;
left: 0;
}
.c-news__index__head__inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.c-news__index__head__ttl {
font-family: YakuHanMP, "Rajdhani", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo UI", Meiryo, "メイリオ", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
font-size: 28px;
font-weight: 600;
line-height: 1;
letter-spacing: 0.14em;
}
.c-news__index__head__ttl::first-letter {
color: #eb1c24;
}
.c-news__index__head__link {
font-size: 16px;
font-weight: 300;
letter-spacing: 0.08em;
padding: 0 17px;
position: relative;
display: block;
transition: color 0.4s ease;
}
.c-news__index__head__link::after {
content: "\e902";
font-family: "icomoon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 10px;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
@media screen and (min-width: 769px) {
.c-news__index__head__link:hover {
color: #eb1c24;
}
}
.c-news__index__year {
margin: 40px 0 0;
}
@media screen and (max-width: 768px) {
.c-news__index__year {
margin: 24px 0 0;
}
}
.c-news__index__year__list {
max-width: 880px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.c-news__index__year__list {
max-width: 90%;
}
}
.c-news__index__year__list__inner {
margin: 0 16px;
}
@media screen and (max-width: 768px) {
.c-news__index__year__list__inner {
margin: 0 5px;
}
}
.c-news__index__year__list__link {
font-size: 16px;
color: inherit;
background: #f2f2f3;
border: 1px solid #f2f2f3;
text-align: center;
padding: 14px;
display: block;
transition: color 0.4s ease, background 0.4s ease, border-color 0.4s ease;
}
.c-news__index__year__list__link.is-active {
color: #eb1c24;
background: #fff;
border-color: #eb1c24;
pointer-events: none;
}
@media screen and (min-width: 769px) {
.c-news__index__year__list__link:hover {
color: #fff;
background: #eb1c24;
border-color: #eb1c24;
}
}
.c-news__index__year__arrow {
width: 15px;
height: 20px;
padding: 5px;
position: absolute;
top: 50%;
transform: translateY(-50%);
display: block;
}
.c-news__index__year__arrow::after {
font-family: "icomoon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 10px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: color 0.4s ease;
}
.c-news__index__year__arrow.__prev {
right: 100%;
}
@media screen and (max-width: 768px) {
.c-news__index__year__arrow.__prev {
right: 102%;
}
}
.c-news__index__year__arrow.__prev::after {
content: "\e908";
}
.c-news__index__year__arrow.__next {
left: 100%;
}
@media screen and (max-width: 768px) {
.c-news__index__year__arrow.__next {
left: 102%;
}
}
.c-news__index__year__arrow.__next::after {
content: "\e902";
}
@media screen and (min-width: 769px) {
.c-news__index__year__arrow:hover::after {
color: #eb1c24;
}
}
.c-news__index__ctg {
margin: 40px 0 0;
}
@media screen and (max-width: 768px) {
.c-news__index__ctg {
margin: 20px 0 0;
}
}
.c-news__index__ctg__list {
display: flex;
}
.c-news__index__ctg__list__item {
width: 100%;
border-right: 1px solid #ccc;
}
.c-news__index__ctg__list__item:first-child {
border-left: 1px solid #ccc;
}
.c-news__index__ctg__list__link {
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.1em;
text-align: center;
border-top: 2px solid transparent;
width: 100%;
height: 100%;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
transition: color 0.4s ease;
}
@media screen and (max-width: 768px) {
.c-news__index__ctg__list__link {
font-size: 14px;
padding: 20px 10px;
}
}
.c-news__index__ctg__list__link.is-active {
border-color: #eb1c24;
pointer-events: none;
}
@media screen and (min-width: 769px) {
.c-news__index__ctg__list__link:hover {
color: #eb1c24;
}
}
.c-news__index__cont {
margin: 40px 0 0;
}
@media screen and (max-width: 768px) {
.c-news__index__cont {
margin: 20px 0 0;
}
}
.c-news__index__list__item {
border-bottom: 1px solid #ccc;
}
.c-news__index__list__item:first-child {
border-top: 1px solid #ccc;
}
.c-news__index__list__link {
padding: 32px 0;
display: block;
}
@media screen and (max-width: 768px) {
.c-news__index__list__link {
padding: 20px 0;
}
}
@media screen and (min-width: 769px) {
.c-news__index__list__link:hover .c-news__index__list__ttl__inner {
text-decoration: underline;
}
}
.c-news__index__list__date {
font-size: 14px;
letter-spacing: 0.07em;
}
@media screen and (max-width: 768px) {
.c-news__index__list__date {
font-size: 12px;
}
}
.c-news__index__list__ctg {
font-size: 14px;
color: #fff;
letter-spacing: 0.2em;
text-align: center;
background: #979898;
border: 1px solid;
width: 100%;
max-width: 110px;
margin: 0 0 0 32px;
padding: 5px 10px;
display: inline-block;
}
@media screen and (max-width: 768px) {
.c-news__index__list__ctg {
font-size: 12px;
max-width: 80px;
margin: 0 0 0 10px;
padding: 3px 10px;
}
}
.c-news__index__list__ctg.__ir {
background: #172a80;
}
.c-news__index__list__ctg.__news {
background: #979898;
}
.c-news__index__list__ctg.__chemicals {
background: #2e9fd8;
}
.c-news__index__list__ctg.__building {
background: #87bb1f;
}
.c-news__index__list__ctg.__information {
background: #979898;
}
.c-news__index__list__ctg.__topics {
background: #861c7f;
}
.c-news__index__list__ttl {
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.07em;
margin: 12px 0 0;
}
@media screen and (max-width: 768px) {
.c-news__index__list__ttl {
font-size: 14px;
margin: 8px 0 0;
}
}
.c-news__index__list__ttl--pdf .c-news__index__list__ttl__inner {
padding: 0 36px 0 0;
position: relative;
}
@media screen and (max-width: 768px) {
.c-news__index__list__ttl--pdf .c-news__index__list__ttl__inner {
padding: 0 26px 0 0;
}
}
.c-news__index__list__ttl--pdf .c-news__index__list__ttl__inner::after {
content: "";
background: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/img/common/icon-pdf.png) no-repeat center center/contain;
width: 30px;
height: 29px;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.c-news__index__list__ttl--pdf .c-news__index__list__ttl__inner::after {
width: 18px;
height: 17px;
}
}
.c-news__index__list__ttl__inner {
display: inline-block;
}
.c-news__index__exhibition__item {
border-bottom: 1px solid #ccc;
}
.c-news__index__exhibition__item:first-child {
border-top: 1px solid #ccc;
}
.c-news__index__exhibition__inner {
padding: 40px;
display: flex;
align-items: center;
justify-content: space-between;
}
@media screen and (max-width: 768px) {
.c-news__index__exhibition__inner {
padding: 24px 0;
display: block;
}
}
.c-news__index__exhibition__fig {
text-align: center;
flex: 0 0 45%;
}
.c-news__index__exhibition__fig__img {
max-width: 300px;
}
.c-news__index__exhibition__detail {
flex: 0 0 50%;
}
@media screen and (max-width: 768px) {
.c-news__index__exhibition__detail {
margin: 20px 0 0;
}
}
.c-news__index__exhibition__ctg {
font-size: 16px;
color: #fff;
text-align: center;
width: 100%;
max-width: 110px;
padding: 5px 10px;
display: inline-block;
}
.c-news__index__exhibition__ctg.__ir {
background: #172a80;
}
.c-news__index__exhibition__ctg.__news {
background: #979898;
}
.c-news__index__exhibition__ctg.__chemicals {
background: #2e9fd8;
}
.c-news__index__exhibition__ctg.__building {
background: #87bb1f;
}
.c-news__index__exhibition__ttl {
margin: 16px 0 0;
}
@media screen and (max-width: 768px) {
.c-news__index__exhibition__ttl {
margin: 8px 0 0;
}
}
.c-news__index__exhibition__ttl__inner {
font-size: 24px;
font-weight: 500;
line-height: 1.58;
display: block;
}
@media screen and (max-width: 768px) {
.c-news__index__exhibition__ttl__inner {
font-size: 18px;
}
}
@media screen and (min-width: 769px) {
.c-news__index__exhibition__ttl__inner:hover {
text-decoration: underline;
}
}
.c-news__index__exhibition__information {
margin: 20px 0 0;
}
@media screen and (max-width: 768px) {
.c-news__index__exhibition__information {
margin: 10px 0 0;
}
}
.c-news__index__exhibition__information__dl {
font-size: 16px;
line-height: 1.3;
display: flex;
}
@media screen and (max-width: 768px) {
.c-news__index__exhibition__information__dl {
font-size: 14px;
}
}
.c-news__index__exhibition__information__dl:not(:first-child) {
margin-top: 10px;
}
@media screen and (max-width: 768px) {
.c-news__index__exhibition__information__dl:not(:first-child) {
margin-top: 5px;
}
}
.c-news__index__exhibition__information__dt {
font-weight: 500;
letter-spacing: 0.1em;
text-align-last: justify;
margin: 0 32px 0 0;
flex: 0 0 60px;
}
@media screen and (max-width: 768px) {
.c-news__index__exhibition__information__dt {
margin: 0 16px 0 0;
}
}
.c-news__index__exhibition__information__dd {
flex: 1 1 auto;
}
.c-news__index__exhibition__link {
font-size: 16px;
color: #eb1c24;
letter-spacing: 0.07em;
text-align: center;
border: 1px solid #eb1c24;
margin: 24px 0 0;
padding: 22px 50px;
position: relative;
display: block;
transition: color 0.4s ease, background 0.4s ease;
}
.c-news__index__exhibition__link::after {
content: "\e909";
font-family: "icomoon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
@media screen and (min-width: 769px) {
.c-news__index__exhibition__link:hover {
color: #fff;
background: #eb1c24;
}
}
.c-news__index__nopost {
font-size: 18px;
font-weight: 500;
line-height: 1.3;
text-align: center;
margin-top: 80px;
display: block;
}
@media screen and (max-width: 768px) {
.c-news__index__nopost {
font-size: 14px;
margin-top: 60px;
}
}
.c-news__single {
margin: 100px 0;
}
@media screen and (max-width: 768px) {
.c-news__single {
margin: 50px 0;
}
}
.c-news__single__ttl {
font-size: 28px;
font-weight: 500;
line-height: 1.5;
letter-spacing: 0.14em;
border-bottom: 1px solid #ccc;
padding: 0 0 20px;
}
@media screen and (max-width: 768px) {
.c-news__single__ttl {
font-size: 18px;
}
}
.c-news__single__cont {
margin: 40px 0 0;
}
@media screen and (max-width: 768px) {
.c-news__single__cont {
margin: 32px 0 0;
}
}
.c-news__single__cont em {
font-weight: inherit;
font-style: italic;
}
.c-news__single__cont p {
font-size: 16px;
line-height: 2;
letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
.c-news__single__cont p {
font-size: 14px;
line-height: 1.8;
}
}
.c-news__single__cont p:not(:first-child) {
margin-top: 24px;
}
.c-news__single__cont a {
text-decoration: underline;
}
@media screen and (min-width: 769px) {
.c-news__single__cont a:hover {
text-decoration: none;
}
}
.c-news__single__cont ul {
font-size: 16px;
line-height: 2;
letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
.c-news__single__cont ul {
font-size: 14px;
line-height: 1.8;
}
}
.c-news__single__cont ul li {
position: relative;
padding-left: 1em;
}
.c-news__single__cont ul li::before {
content: "・";
position: absolute;
left: 0;
}
.c-news__single__cont ol {
font-size: 16px;
line-height: 2;
letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
.c-news__single__cont ol {
font-size: 14px;
line-height: 1.8;
}
}
.c-news__single__cont ol li {
position: relative;
padding-left: 2em;
counter-increment: num;
}
.c-news__single__cont ol li::before {
content: counter(num) ".";
position: absolute;
left: 0;
}
.c-news__single__cont img {
display: block;
}
.c-news__single__cont img.aligncenter {
margin-left: auto;
margin-right: auto;
}
.c-news__single__cont img.alignright {
margin-left: auto;
}
.c-news__single__cont table th, .c-news__single__cont table td {
font-size: 16px;
line-height: 1.3;
letter-spacing: 0.05em;
border: 1px solid #ccc;
padding: 20px;
}
@media screen and (max-width: 768px) {
.c-news__single__cont table th, .c-news__single__cont table td {
font-size: 14px;
}
}
.c-news__single__cont table th {
background: #e9ebed;
}
.c-news__single__cont table:not(:first-child) {
margin-top: 24px;
}
.c-news__single__cont figure {
display: block;
}
.c-news__single__cont figure a {
display: block;
transition: opacity 0.4s ease;
}
@media screen and (min-width: 769px) {
.c-news__single__cont figure a:hover {
opacity: 0.6;
}
}
.c-news__single__cont figure:not(:first-child) {
margin-top: 24px;
}
.c-news__single__exhibition__ttl {
font-size: 28px;
font-weight: 700;
line-height: 1.3;
text-align: justify;
padding-left: 1.2em;
position: relative;
}
@media screen and (max-width: 768px) {
.c-news__single__exhibition__ttl {
font-size: 18px;
}
}
.c-news__single__exhibition__ttl::before {
content: "■";
font-size: 24px;
color: #d4d4d4;
position: absolute;
top: 2px;
left: 0;
}
@media screen and (max-width: 768px) {
.c-news__single__exhibition__ttl::before {
font-size: 16px;
}
}
.c-news__single__exhibition__eyecatch {
text-align: center;
margin: 60px auto 0;
}
@media screen and (max-width: 768px) {
.c-news__single__exhibition__eyecatch {
margin: 30px auto 0;
}
}
.c-news__single__exhibition__eyecatch__img {
max-width: 340px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.c-news__single__exhibition__eyecatch__img {
max-width: 100%;
}
}
.c-news__single__exhibition__cont {
margin: 60px 0 0;
}
@media screen and (max-width: 768px) {
.c-news__single__exhibition__cont {
margin-top: 30px 0 0;
}
}
.c-news__single__exhibition__cont h2 {
font-size: 22px;
font-weight: 500;
line-height: 1.2;
letter-spacing: 0.14em;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 20px 0;
}
@media screen and (max-width: 768px) {
.c-news__single__exhibition__cont h2 {
font-size: 16px;
padding: 15px 0;
}
}
.c-news__single__exhibition__cont__blk:not(:first-child) {
margin-top: 90px;
}
@media screen and (max-width: 768px) {
.c-news__single__exhibition__cont__blk:not(:first-child) {
margin-top: 45px;
}
}
.c-news__single__exhibition__cont__detail {
border-bottom: 1px solid #ccc;
}
.c-news__single__exhibition__cont__detail__dl {
display: flex;
align-items: flex-start;
padding: 20px 0;
}
@media screen and (max-width: 768px) {
.c-news__single__exhibition__cont__detail__dl {
padding: 15px 0;
}
}
.c-news__single__exhibition__cont__detail__dl:not(:first-child) {
border-top: 1px solid #ccc;
}
.c-news__single__exhibition__cont__detail__dt {
font-size: 18px;
line-height: 1.2;
text-align: center;
background: #f4f5f6;
padding: 10px;
flex: 0 0 15%;
}
@media screen and (max-width: 768px) {
.c-news__single__exhibition__cont__detail__dt {
font-size: 14px;
max-width: 200px;
min-width: 100px;
flex: 0 0 30%;
}
}
.c-news__single__exhibition__cont__detail__dd {
font-size: 16px;
line-height: 2;
margin-left: 20px;
flex: 1 1 auto;
}
@media screen and (max-width: 768px) {
.c-news__single__exhibition__cont__detail__dd {
font-size: 14px;
line-height: 1.6;
margin-top: 6px;
}
}
.c-news__single__exhibition__cont__detail__dd a {
text-decoration: underline;
}
@media screen and (min-width: 769px) {
.c-news__single__exhibition__cont__detail__dd a:hover {
text-decoration: none;
}
}
.c-news__single__exhibition__cont__content {
margin: 30px 0 0;
padding: 0 20px;
}
@media screen and (max-width: 768px) {
.c-news__single__exhibition__cont__content {
margin: 20px 0 0;
padding: 0;
}
}
.c-news__single__exhibition__cont__content p {
font-size: 16px;
line-height: 2;
letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
.c-news__single__exhibition__cont__content p {
font-size: 14px;
}
}
.c-news__single__exhibition__cont__content figure:not(:first-child) {
margin-top: 40px;
}
@media screen and (max-width: 768px) {
.c-news__single__exhibition__cont__content figure:not(:first-child) {
margin-top: 24px;
}
}
.c-news__single__exhibition__cont__link {
margin: 72px 0 0;
}
@media screen and (max-width: 768px) {
.c-news__single__exhibition__cont__link {
margin: 36px 0 0;
}
}
.c-news__single__exhibition__cont__link__item {
font-size: 18px;
font-weight: 500;
color: #d80c24;
line-height: 1.2;
text-align: center;
background: #fff;
border: 2px solid #d80c24;
max-width: 70%;
margin: 0 auto;
padding: 14px 30px;
position: relative;
display: block;
transition: color 0.4s ease, background 0.4s ease;
}
@media screen and (max-width: 768px) {
.c-news__single__exhibition__cont__link__item {
font-size: 14px;
max-width: 100%;
}
}
.c-news__single__exhibition__cont__link__item:not(:first-child) {
margin-top: 10px;
}
.c-news__single__exhibition__cont__link__item::after {
content: "\e902";
font-family: "icomoon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
transition: right 0.4s ease;
}
@media screen and (min-width: 769px) {
.c-news__single__exhibition__cont__link__item:hover {
color: #fff;
background: #d80c24;
}
.c-news__single__exhibition__cont__link__item:hover::after {
right: 10px;
}
}
.c-news__single__footer {
text-align: center;
max-width: 550px;
margin: 100px auto 0;
position: relative;
}
@media screen and (max-width: 768px) {
.c-news__single__footer {
margin: 40px auto 0;
}
}
.c-news__single__footer__link {
font-size: 16px;
text-align: center;
display: inline-block;
transition: color 0.4s ease, background 0.4s ease;
}
@media screen and (max-width: 768px) {
.c-news__single__footer__link {
font-size: 12px;
}
}
.c-news__single__footer__link.__index {
background: #f4f5f6;
padding: 12px 20px;
}
@media screen and (max-width: 768px) {
.c-news__single__footer__link.__index {
padding: 15px;
}
}
@media screen and (min-width: 769px) {
.c-news__single__footer__link.__index:hover {
background: #d80c24;
color: #fff;
}
}
.c-news__single__footer__link.__prev, .c-news__single__footer__link.__next {
padding: 5px 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.c-news__single__footer__link.__prev::before, .c-news__single__footer__link.__next::before {
font-family: "icomoon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 10px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
@media screen and (min-width: 769px) {
.c-news__single__footer__link.__prev:hover, .c-news__single__footer__link.__next:hover {
color: #d80c24;
}
}
.c-news__single__footer__link.__prev {
left: 0;
padding-left: 1em;
}
.c-news__single__footer__link.__prev::before {
content: "\e908";
left: 0;
}
.c-news__single__footer__link.__next {
right: 0;
padding-right: 1em;
}
.c-news__single__footer__link.__next::before {
content: "\e902";
right: 0;
}
.c-irSub__accordionList:not(:first-child) {
margin-top: 80px;
}
@media screen and (max-width: 768px) {
.c-irSub__accordionList:not(:first-child) {
margin-top: 40px;
}
}
.c-irSub__accordionList__item {
border-top: 1px solid #ccc;
}
.c-irSub__accordionList__item--row {
display: flex;
justify-content: space-between;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.c-irSub__accordionList__item--row {
display: block;
}
}
.c-irSub__accordionList__item:last-child {
border-bottom: 1px solid #ccc;
}
.c-irSub__accordionList__ttl {
max-width: calc(100% - 324px);
padding: 25px 12px;
cursor: pointer;
flex: 1 1 auto;
display: flex;
align-items: center;
}
@media screen and (max-width: 768px) {
.c-irSub__accordionList__ttl {
font-size: 16px;
max-width: none;
padding: 16px 5px;
display: block;
}
}
.c-irSub__accordionList__ttl.is-active .c-irSub__accordionList__ttl__inner::after {
transform: translateY(-50%) rotate(0);
}
.c-irSub__accordionList__ttl--full {
width: 100%;
max-width: none;
}
.c-irSub__accordionList__ttl--full .c-irSub__accordionList__ttl__inner {
display: block;
flex: 1 1 auto;
}
@media screen and (min-width: 769px) {
.c-irSub__accordionList__ttl:hover .c-irSub__accordionList__ttl__inner::after {
color: #cc9966;
}
}
.c-irSub__accordionList__ttl__inner {
font-size: 22px;
font-weight: 500;
line-height: 1.2;
letter-spacing: 0.2em;
border-left: 5px solid #cc9966;
padding: 0 30px 0 20px;
position: relative;
flex: 0 0 400px;
display: inline-block;
}
@media screen and (max-width: 768px) {
.c-irSub__accordionList__ttl__inner {
font-size: 17px;
border-width: 3px;
width: 100%;
padding: 0 25px 0 8px;
display: block;
}
}
.c-irSub__accordionList__ttl__inner.__noBorder {
border: none;
}
.c-irSub__accordionList__ttl__inner::after {
content: "\e905";
font-family: "icomoon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 25px;
color: #d9d9d9;
width: 25px;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%) rotate(180deg);
transition: color 0.4s ease, transform 0.4s ease;
}
@media screen and (max-width: 768px) {
.c-irSub__accordionList__ttl__inner::after {
font-size: 20px;
width: 20px;
}
}
.c-irSub__accordionList__cont {
display: none;
}
@media screen and (max-width: 768px) {
.c-irSub__accordionList__cont {
margin: 0;
}
}
.c-irSub__accordionList__cont--kessan {
flex: 0 0 324px;
}
.c-irSub__accordionList__cont--kessan-doc {
flex: 0 0 480px;
}
.c-irSub__accordionList__cont--report {
flex: 0 0 324px;
}
.c-irSub__accordionList__cont__documents__item:not(:first-child) {
border-top: 1px solid #ccc;
}
@media screen and (max-width: 768px) {
.c-irSub__accordionList__cont__documents__item:first-child .c-irSub__accordionList__cont__documents__link {
padding-top: 0;
}
}
.c-irSub__accordionList__cont__documents__link {
padding: 22px;
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 768px) {
.c-irSub__accordionList__cont__documents__link {
font-size: 14px;
padding: 16px 10px;
}
}
.c-irSub__accordionList__cont__documents__link--pdf .c-irSub__accordionList__cont__documents__link__inner::after {
background: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/img/common/icon-pdf.png) no-repeat center center/contain;
width: 22px;
height: 21px;
right: 0;
}
@media screen and (max-width: 768px) {
.c-irSub__accordionList__cont__documents__link--pdf .c-irSub__accordionList__cont__documents__link__inner::after {
width: 18px;
height: 17px;
}
}
.c-irSub__accordionList__cont__documents__link--movie .c-irSub__accordionList__cont__documents__link__inner::after {
content: "";
background: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/img/common/icon-play.png) no-repeat center center/contain;
width: 36px;
height: 36px;
right: -8px;
}
@media screen and (max-width: 768px) {
.c-irSub__accordionList__cont__documents__link--movie .c-irSub__accordionList__cont__documents__link__inner::after {
width: 24px;
height: 24px;
right: -3px;
}
}
.c-irSub__accordionList__cont__documents__link--other .c-irSub__accordionList__cont__documents__link__inner::after {
content: "\e909";
font-family: "icomoon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #d80c24;
font-size: 16px;
right: 3px;
}
@media screen and (max-width: 768px) {
.c-irSub__accordionList__cont__documents__link--other .c-irSub__accordionList__cont__documents__link__inner::after {
width: 24px;
height: 24px;
right: -3px;
}
}
@media screen and (min-width: 769px) {
.c-irSub__accordionList__cont__documents__link:hover .c-irSub__accordionList__cont__documents__link__inner {
text-decoration: none;
}
}
.c-irSub__accordionList__cont__documents__link__inner {
font-size: 17px;
line-height: 1.3;
text-decoration: underline;
width: 100%;
padding: 0 40px 0 0;
position: relative;
}
@media screen and (max-width: 768px) {
.c-irSub__accordionList__cont__documents__link__inner {
font-size: 13px;
padding: 0 24px 0 0;
}
}
.c-irSub__accordionList__cont__documents__link__inner::after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
display: inline-block;
}
.c-irSub__accordionList__cont__documents__dl {
border-bottom: 1px solid rgba(204, 204, 204, 0.2);
width: 100%;
display: flex;
padding: 16px 0;
}
.c-irSub__accordionList__cont__documents__dl:last-child {
margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
.c-irSub__accordionList__cont__documents__dl:last-child {
margin-bottom: 40px;
}
}
.c-irSub__accordionList__cont__documents__dt {
flex: 0 0 min(100%, 115px);
font-size: 17px;
text-align: center;
letter-spacing: 0.2em;
}
@media screen and (max-width: 768px) {
.c-irSub__accordionList__cont__documents__dt {
font-size: 12px;
letter-spacing: 0.05em;
flex: 0 0 70px;
}
}
.c-irSub__accordionList__cont__documents__dt__inner {
width: 100%;
background: #F2F2F3;
padding: 10px;
display: inline-block;
}
@media screen and (max-width: 768px) {
.c-irSub__accordionList__cont__documents__dt__inner {
padding: 10px 8px;
}
}
.c-irSub__accordionList__cont__documents__dd {
width: 100%;
flex: 1 1 auto;
margin-left: 10px;
}
.c-irSub__accordionList__cont__documents__dd__txt {
font-size: 17px;
line-height: 1.3;
width: 100%;
padding: 8px 0;
position: relative;
display: inline-block;
}
@media screen and (max-width: 768px) {
.c-irSub__accordionList__cont__documents__dd__txt {
font-size: 13px;
}
}
.c-irSub__accordionList__cont__documents__dd__txt::after {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
display: inline-block;
}
.c-irSub__accordionList__cont__documents__dd__txt:not(:first-child) {
margin-top: 5px;
}
.c-irSub__accordionList__cont__documents__dd__txt--pdf {
padding-left: 30px;
}
@media screen and (max-width: 768px) {
.c-irSub__accordionList__cont__documents__dd__txt--pdf {
padding-left: 24px;
}
}
.c-irSub__accordionList__cont__documents__dd__txt--pdf::after {
background: url(//www.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/img/common/icon-pdf.png) no-repeat center center/contain;
width: 22px;
height: 21px;
right: 0;
}
@media screen and (max-width: 768px) {
.c-irSub__accordionList__cont__documents__dd__txt--pdf::after {
width: 18px;
height: 17px;
}
}
a.c-irSub__accordionList__cont__documents__dd__txt {
text-decoration: underline;
}
a.c-irSub__accordionList__cont__documents__dd__txt:hover {
text-decoration: none;
}
.c-adobereader {
margin-top: 115px;
padding: 30px;
border: 1px solid #ccc;
display: flex;
justify-content: space-between;
flex-flow: wrap;
align-items: center;
}
@media screen and (max-width: 768px) {
.c-adobereader {
margin: 50px 0 0;
padding: 15px;
}
}
.c-adobereader__txt {
width: min(100%, 580px);
font-size: 12px;
line-height: 1.8;
}
@media screen and (max-width: 768px) {
.c-adobereader__txt {
margin-bottom: 20px;
}
}
.c-adobereader__txt a {
text-decoration: underline;
}
@media screen and (min-width: 769px) {
.c-adobereader__txt a:hover {
text-decoration: none;
}
}
.c-adobereader__iconbtn {
width: min(100%, 112px);
margin-right: 85px;
transition: opacity 0.4s ease;
}
@media screen and (max-width: 768px) {
.c-adobereader__iconbtn {
margin-right: 0px;
margin: 0 auto;
}
}
@media screen and (min-width: 769px) {
.c-adobereader__iconbtn:hover {
opacity: 0.6;
}
}
.c-subPage__main {
margin: 64px 0 0;
}
@media screen and (max-width: 768px) {
.c-subPage__main {
margin: 32px 0 0;
}
}
.c-subPage__main .__indent {
padding-left: 2em;
}
.c-subPage__main__txt {
font-size: 16px;
line-height: 1.9;
}
.c-subPage__main__txt.__text-align--right {
text-align: right;
}
.c-subPage__main__txt + .c-subPage__main__txt {
margin-top: 2em;
}
.c-subPage__main__txt:not(:first-child) {
margin-top: 32px;
}
@media screen and (max-width: 768px) {
.c-subPage__main__txt:not(:first-child) {
margin-top: 20px;
}
}
.c-subPage__main__txt__link {
word-break: break-all;
text-decoration: underline;
}
.c-subPage__main__txt__link:not(:first-child) {
margin-top: 32px;
}
@media screen and (max-width: 768px) {
.c-subPage__main__txt__link:not(:first-child) {
margin-top: 20px;
}
}
@media screen and (min-width: 769px) {
.c-subPage__main__txt__link:hover {
text-decoration: none;
}
}
.c-subPage__main__ttl:not(:first-child) {
margin-top: 70px;
}
@media screen and (max-width: 768px) {
.c-subPage__main__ttl:not(:first-child) {
margin-top: 40px;
}
}
.c-subPage__main__ttl--counter {
counter-increment: ttlNum;
}
@media screen and (max-width: 768px) {
.c-subPage__main__ttl--counter .c-subPage__main__ttl__inner {
padding-left: 0.3em;
}
}
.c-subPage__main__ttl--counter .c-subPage__main__ttl__main {
padding-left: 1.6em;
position: relative;
}
.c-subPage__main__ttl--counter .c-subPage__main__ttl__main::before {
content: counter(ttlNum) ". ";
text-align: right;
width: 1.5em;
position: absolute;
left: 0;
}
.c-subPage__main__ttl__inner {
border-left: 3px solid #d80c24;
padding: 0 0 0 0.8em;
display: block;
}
.c-subPage__main__ttl__main {
font-size: 25px;
line-height: 1.2;
display: inline-block;
}
@media screen and (max-width: 768px) {
.c-subPage__main__ttl__main {
font-size: 18px;
}
}
.c-subPage__main__ttl02 {
background: #f4f5f6;
}
.c-subPage__main__ttl02:not(:first-child) {
margin-top: 40px;
}
@media screen and (max-width: 768px) {
.c-subPage__main__ttl02:not(:first-child) {
margin-top: 24px;
}
}
.c-subPage__main__ttl02--counter {
counter-increment: ttl02Num;
}
.c-subPage__main__ttl02--counter .c-subPage__main__ttl02__main {
padding-left: 1.6em;
position: relative;
}
.c-subPage__main__ttl02--counter .c-subPage__main__ttl02__main::before {
content: counter(ttl02Num) ". ";
text-align: right;
width: 1.5em;
position: absolute;
left: 0;
}
.c-subPage__main__ttl__inner {
border-left: 3px solid #d80c24;
padding: 0 0 0 0.8em;
display: block;
}
.c-subPage__main__ttl02__main {
font-size: 20px;
font-weight: 500;
line-height: 1.2;
letter-spacing: 0.1em;
padding: 0.8em;
display: inline-block;
}
@media screen and (max-width: 768px) {
.c-subPage__main__ttl02__main {
font-size: 16px;
}
}
.c-subPage__main__olPeriod:not(:first-child) {
margin-top: 32px;
}
@media screen and (max-width: 768px) {
.c-subPage__main__olPeriod:not(:first-child) {
margin-top: 20px;
}
}
.c-subPage__main__olPeriod__item {
counter-increment: listPeriod;
}
.c-subPage__main__olPeriod__item .c-subPage__main__txt {
padding-left: 1.8em;
position: relative;
}
.c-subPage__main__olPeriod__item .c-subPage__main__txt::before {
content: counter(listPeriod) ".";
position: absolute;
left: 0;
}
.c-subPage__main__olPeriod__item:not(:first-child) {
margin-top: 32px;
}
@media screen and (max-width: 768px) {
.c-subPage__main__olPeriod__item:not(:first-child) {
margin-top: 20px;
}
}
.c-subPage__main__olBrackets:not(:first-child) {
margin-top: 32px;
}
@media screen and (max-width: 768px) {
.c-subPage__main__olBrackets:not(:first-child) {
margin-top: 20px;
}
}
.c-subPage__main__olBrackets__item {
counter-increment: listBrackets;
}
.c-subPage__main__olBrackets__item .c-subPage__main__txt {
padding-left: 1.8em;
position: relative;
}
.c-subPage__main__olBrackets__item .c-subPage__main__txt::before {
content: "（" counter(listBrackets) "）";
position: absolute;
left: 0;
}
.c-subPage__main__ulDots:not(:first-child) {
margin-top: 32px;
}
@media screen and (max-width: 768px) {
.c-subPage__main__ulDots:not(:first-child) {
margin-top: 20px;
}
}
.c-subPage__main__ulDots__item .c-subPage__main__txt {
padding-left: 1em;
position: relative;
}
.c-subPage__main__ulDots__item .c-subPage__main__txt::before {
content: "・";
position: absolute;
left: 0;
}
.c-subPage__main__back {
text-align: center;
}
.c-subPage__main__back:not(:first-child) {
margin-top: 50px;
}
@media screen and (max-width: 768px) {
.c-subPage__main__back:not(:first-child) {
margin-top: 30px;
}
}
.c-subPage__main__back__link {
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.05em;
border: 1px solid #ccc;
padding: 5px 44px;
position: relative;
display: inline-block;
transition: color 0.4s ease, background 0.4s ease;
}
@media screen and (max-width: 768px) {
.c-subPage__main__back__link {
font-size: 14px;
padding: 14px 60px;
}
}
.c-subPage__main__back__link::before {
content: "\e908";
font-family: "icomoon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 13px;
color: #ccc;
position: absolute;
top: 50%;
left: 20px;
transform: translateY(-50%);
transition: color 0.4s ease;
}
@media screen and (min-width: 769px) {
.c-subPage__main__back__link:hover {
color: #fff;
background: #ccc;
}
.c-subPage__main__back__link:hover::before {
color: #fff;
}
}
.c-subPage__main__sitemap__wrapper:not(:first-child) {
margin-top: 140px;
}
@media screen and (max-width: 768px) {
.c-subPage__main__sitemap__wrapper:not(:first-child) {
margin-top: 50px;
}
}
.c-subPage__main__sitemap {
margin: 32px 0 0;
display: flex;
}
@media screen and (max-width: 768px) {
.c-subPage__main__sitemap {
margin: 20px 0 0;
display: block;
}
}
.c-subPage__main__sitemap__index {
flex: 0 0 25%;
}
.c-subPage__main__sitemap__link {
text-decoration: underline;
padding: 5px;
display: inline-block;
}
@media screen and (min-width: 769px) {
.c-subPage__main__sitemap__link:hover {
text-decoration: none;
}
}
.c-subPage__main__sitemap__txt {
font-size: 16px;
line-height: 1.2;
}
@media screen and (max-width: 768px) {
.c-subPage__main__sitemap__txt {
font-size: 14px;
}
}
.c-subPage__main__sitemap__sub {
flex: 1 1 auto;
}
.c-subPage__main__sitemap__sub:not(:first-child) {
margin-left: 2%;
}
@media screen and (max-width: 768px) {
.c-subPage__main__sitemap__sub:not(:first-child) {
margin: 20px 0 0;
}
}
.c-subPage__main__sitemap__sub__list {
display: flex;
flex-wrap: wrap;
}
.c-subPage__main__sitemap__sub__list__item--col--3 {
flex: 0 0 32%;
}
@media screen and (min-width: 769px) {
.c-subPage__main__sitemap__sub__list__item--col--3:not(:nth-child(3n+1)) {
margin-left: 2%;
}
.c-subPage__main__sitemap__sub__list__item--col--3:nth-child(n+4) {
margin-top: 2%;
}
}
.c-subPage__main__sitemap__sub__list__item--col--4 {
flex: 0 0 23%;
}
@media screen and (min-width: 769px) {
.c-subPage__main__sitemap__sub__list__item--col--4:not(:nth-child(4n+1)) {
margin-left: 2.6666%;
}
.c-subPage__main__sitemap__sub__list__item--col--4:nth-child(n+5) {
margin-top: 2.6666%;
}
}
@media screen and (max-width: 768px) {
.c-subPage__main__sitemap__sub__list__item {
flex: 0 0 48%;
}
.c-subPage__main__sitemap__sub__list__item:nth-child(even) {
margin-left: 4%;
}
.c-subPage__main__sitemap__sub__list__item:nth-child(n+3) {
margin-top: 2%;
}
}
.c-subPage__main__table__wrapper {
margin: 32px 0 0;
}
@media screen and (max-width: 768px) {
.c-subPage__main__table__wrapper {
margin: 24px 0 0;
}
}
@media screen and (max-width: 768px) {
.c-subPage__main__table__inner {
overflow-x: scroll;
}
}
.c-subPage__main__table__inner table {
min-width: 600px;
}
.c-subPage__main__table__inner table th, .c-subPage__main__table__inner table td {
border: 1px solid #ccc;
}
.c-subPage__main__table__inner table th {
font-size: 18px;
font-weight: 700;
color: #fff;
line-height: 1.2;
letter-spacing: 0.05em;
background: #8f99a3;
padding: 15px 20px;
}
@media screen and (max-width: 768px) {
.c-subPage__main__table__inner table th {
font-size: 16px;
}
}
.c-subPage__main__table__inner table th.file_name {
width: 40%;
}
.c-subPage__main__table__inner table th.file_size {
width: 20%;
}
.c-subPage__main__table__inner table th.file_dl {
width: 40%;
}
.c-subPage__main__table__inner table td {
font-size: 16px;
vertical-align: middle;
padding: 20px;
}
@media screen and (max-width: 768px) {
.c-subPage__main__table__inner table td {
font-size: 14px;
}
}
.c-subPage__main__table__inner table td.file_size {
text-align: center;
}
.c-subPage__main__table__buttonWrapper {
display: flex;
}
@media screen and (max-width: 768px) {
.c-subPage__main__table__buttonWrapper {
display: block;
}
}
.c-subPage__main__table__button {
font-size: 16px;
font-weight: 500;
text-align: center;
width: 100%;
background: #d4d4d4;
border-radius: 5px;
padding: 14px 20px;
position: relative;
display: block;
transition: color 0.4s ease, background 0.4s ease;
}
.c-subPage__main__table__button::before {
font-family: "icomoon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.c-subPage__main__table__button.__dl {
color: #fff;
background: #d80c24;
border: 2px solid #d80c24;
padding-left: 32px;
}
.c-subPage__main__table__button.__dl::before {
content: "\e90a";
left: 20px;
}
.c-subPage__main__table__button.__browser {
background: #d4d4d4;
border: 2px solid #d4d4d4;
padding-right: 32px;
}
.c-subPage__main__table__button.__browser::before {
content: "\e902";
font-size: 10px;
right: 20px;
}
.c-subPage__main__table__button:not(:first-child) {
margin-left: 2%;
}
@media screen and (max-width: 768px) {
.c-subPage__main__table__button:not(:first-child) {
margin: 5px 0 0;
}
}
@media screen and (min-width: 769px) {
.c-subPage__main__table__button:hover {
background: #fff;
}
.c-subPage__main__table__button:hover.__dl {
color: #d80c24;
}
}
.c-error__main__ttl__inner {
max-width: 1040px;
margin: 112px auto 60px;
padding-top: 50px;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.c-error__main__ttl__inner {
margin: 60px auto 30px;
padding-top: 30px;
}
}
.c-error__main__ttl {
font-size: 120px;
font-family: YakuHanMP, "Rajdhani", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo UI", Meiryo, "メイリオ", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
font-weight: 600;
letter-spacing: 0.1em;
text-align: center;
display: block;
}
@media screen and (max-width: 768px) {
.c-error__main__ttl {
font-size: 70px;
}
}
.c-error__sub__ttl {
font-family: YakuHanMP, "Rajdhani", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo UI", Meiryo, "メイリオ", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
font-weight: 600;
font-size: 24px;
letter-spacing: 0.3em;
text-align: center;
display: block;
}
@media screen and (max-width: 768px) {
.c-error__sub__ttl {
font-size: 18px;
margin-top: 5px;
}
}
.c-error__txt__inner {
max-width: 1040px;
margin: 0 auto;
padding: 0 30px;
}
.c-error__main__txt {
font-size: 32px;
font-weight: 500;
line-height: 1.3;
letter-spacing: 0.1em;
display: block;
}
@media screen and (max-width: 768px) {
.c-error__main__txt {
font-size: 26px;
}
}
span.c-error__main__txt {
text-align: center;
}
.c-error__txt {
font-size: 18px;
line-height: 1.8;
letter-spacing: 0.1em;
text-align: center;
margin-top: 40px;
}
@media screen and (max-width: 768px) {
.c-error__txt {
margin-top: 30px;
line-height: 1.7;
}
}
.c-top__link {
color: #fff;
text-align: center;
background: #d80c24;
border: 2px solid #d80c24;
max-width: 360px;
margin: 40px auto 0;
padding: 20px 50px;
position: relative;
display: block;
transition: color 0.4s ease, background 0.4s ease;
}
@media screen and (max-width: 768px) {
.c-top__link {
margin: 30px auto 0;
min-width: auto;
padding: 12px 30px;
}
}
.c-top__link:hover {
color: #d80c24;
background: #fff;
}
.c-top__link:after {
content: "\e902";
font-family: "icomoon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
}
.c-top__link__txt {
font-size: 18px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.42em;
position: relative;
}
.c-activities__ttl {
font-size: 20px;
font-weight: 700;
line-height: 1.4;
}
@media screen and (max-width: 768px) {
.c-activities__ttl {
font-size: 18px;
}
}
.c-activities__list {
margin-top: 26px;
}
@media screen and (max-width: 768px) {
.c-activities__list {
margin: 16px 0 50px;
}
}
.c-activities__item {
border-bottom: 1px solid #d1d1d1;
}
.c-activities__item:first-child {
border-top: 1px solid #d1d1d1;
}
.c-activities__link {
padding: 24px 0;
display: flex;
align-items: center;
}
@media screen and (max-width: 768px) {
.c-activities__link {
padding: 14px 0;
display: block;
}
}
.c-activities__date {
margin-right: 47px;
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
.c-activities__date {
font-size: 12px;
margin: 0;
}
}
.c-activities__item__ttl {
font-size: 16px;
line-height: 1.4;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media screen and (max-width: 768px) {
.c-activities__item__ttl {
font-size: 14px;
margin-top: 4px;
display: block;
}
}
.c-activities__noitem {
font-size: 16px;
}
@media screen and (max-width: 768px) {
.c-activities__noitem {
font-size: 14px;
}
}
.c-bnr {
margin: 100px 0 80px;
}
@media screen and (max-width: 768px) {
.c-bnr {
margin: 50px 0;
}
}
.c-bnr__item {
max-width: 750px;
margin: 0 auto;
display: block;
}
a.c-bnr__item {
transition: opacity 0.4s ease;
}
a.c-bnr__item:hover {
opacity: 0.6;
}
.page-release .c-subPage__main__table__inner table {
min-width: 800px;
}
.page-release .c-subPage__main__table__inner table th.file_thumb {
width: 20%;
}
.page-release .c-subPage__main__table__inner table th.file_name {
width: 25%;
}
.page-release .c-subPage__main__table__inner table th.file_size {
width: 15%;
}
.page-release .c-subPage__main__table__inner table td.file_thumb {
text-align: center;
vertical-align: middle;
}
.page-release .c-subPage__main__table__inner table td.file_thumb img {
max-width: 150px;
max-height: 150px;
}
.page-release .c-subPage__main__table__inner table td.file_name {
line-height: 1.4;
}
.lang-en .c-news__index__list__ctg {
width: auto;
max-width: none;
}