@charset "UTF-8";

@font-face {
font-family: "YakuHanJP";
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(//kagaku.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Thin.eot);
src: url(//kagaku.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Thin.woff2) format("woff2"), url(//kagaku.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(//kagaku.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Light.eot);
src: url(//kagaku.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Light.woff2) format("woff2"), url(//kagaku.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(//kagaku.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Regular.eot);
src: url(//kagaku.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Regular.woff2) format("woff2"), url(//kagaku.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(//kagaku.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Medium.eot);
src: url(//kagaku.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Medium.woff2) format("woff2"), url(//kagaku.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(//kagaku.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Bold.eot);
src: url(//kagaku.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Bold.woff2) format("woff2"), url(//kagaku.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(//kagaku.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Black.eot);
src: url(//kagaku.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanJP/YakuHanJP-Black.woff2) format("woff2"), url(//kagaku.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(//kagaku.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-ExtraLight.eot);
src: url(//kagaku.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-ExtraLight.woff2) format("woff2"), url(//kagaku.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(//kagaku.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-Light.eot);
src: url(//kagaku.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-Light.woff2) format("woff2"), url(//kagaku.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(//kagaku.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-Regular.eot);
src: url(//kagaku.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-Regular.woff2) format("woff2"), url(//kagaku.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(//kagaku.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-Medium.eot);
src: url(//kagaku.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-Medium.woff2) format("woff2"), url(//kagaku.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(//kagaku.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-SemiBold.eot);
src: url(//kagaku.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-SemiBold.woff2) format("woff2"), url(//kagaku.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(//kagaku.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-Bold.eot);
src: url(//kagaku.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-Bold.woff2) format("woff2"), url(//kagaku.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(//kagaku.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-Black.eot);
src: url(//kagaku.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/YakuHanMP/YakuHanMP-Black.woff2) format("woff2"), url(//kagaku.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(//kagaku.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/icons/icomoon.ttf?1n3i87) format("truetype"), url(//kagaku.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/icons/icomoon.woff?1n3i87) format("woff"), url(//kagaku.shikoku.co.jp/wp/wp-content/themes/shikoku/assets/fonts/icons/icomoon.svg?1n3i87#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-play:before {
content: "\e90f";
}
.icon-stop:before {
content: "\e910";
}
.icon-check:before {
content: "\e90e";
}
.icon-arrow_line_left:before {
content: "\e90d";
}
.icon-link:before {
content: "\e90c";
}
.icon-faq:before {
content: "\e90a";
}
.icon-triangle_water:before {
content: "\e90b";
}
.icon-book:before {
content: "\e909";
}
.icon-arrow_line02_bottom:before {
content: "\e907";
}
.icon-mail02:before {
content: "\e908";
}
.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";
}
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%;
-moz-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;
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%;
-moz-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;
-webkit-font-feature-settings: "palt";
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;
-webkit-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
body.is-locked {
overflow: hidden;
}
body.lang-en {
word-break: normal;
}
body.lang-en * {
word-break: normal;
}
body.lang-zh-hans {
font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Microsoft YaHei", "微软雅黑", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
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 Serif JP", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif !important;
}
.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;
} .slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-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);
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: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
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: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transition: padding 0.4s ease, border-bottom-color 0.4s ease;
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: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.l-header__logo__link {
padding: 5px 20px 5px 5px;
display: block;
-webkit-transition: opacity 0.4s ease;
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;
-webkit-transition: max-width 0.4s ease;
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;
-webkit-transform: translate3d(0, 0, 0);
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;
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.l-header__logo__txt svg {
height: 14px;
display: block;
}
@media screen and (max-width: 768px) {
.l-header__nav {
background: rgba(0, 0, 0, 0.8);
width: 100%;
height: calc(100% - 60px);
padding: 30px 30px 65px;
position: fixed;
top: 60px;
left: 0;
display: none;
}
}
@media screen and (max-width: 768px) {
.l-header__nav__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.l-header__navSub {
margin: 20px 0 22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-transition: margin 0.4s ease;
transition: margin 0.4s ease;
}
@media screen and (max-width: 768px) {
.l-header__navSub {
margin: 30px 0 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
.l-header__navSub__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 768px) {
.l-header__navSub__list {
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
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;
-webkit-box-flex: 0;
-ms-flex: 0 0 48%;
flex: 0 0 48%;
}
.l-header__navSub__list__item:nth-child(even) {
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;
-webkit-transition: color 0.4s ease;
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;
}
}
.l-header__navSub__list__txt--search {
padding-right: 2em;
position: relative;
}
.l-header__navSub__list__txt--search::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: 12px;
position: absolute;
top: 50%;
right: 1em;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@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%;
-webkit-transform: translateX(-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;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
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;
-webkit-transition: color 0.4s ease;
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 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
margin: 20px 0 0;
padding: 0;
}
}
.l-header__navSub__lang__link {
font-size: 12px;
font-weight: 500;
color: #999;
-webkit-transition: color 0.4s ease;
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;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
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::-webkit-input-placeholder {
color: #ccc;
}
input.l-header__navSub__search__box::-moz-placeholder {
color: #ccc;
}
input.l-header__navSub__search__box:-ms-input-placeholder {
color: #ccc;
}
input.l-header__navSub__search__box::-ms-input-placeholder {
color: #ccc;
}
input.l-header__navSub__search__box::placeholder {
color: #ccc;
}
.l-header__navSub__search__button {
width: 15px;
height: 15px;
position: absolute;
top: 50%;
right: 12px;
-webkit-transform: translateY(-50%);
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%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: color 0.4s ease;
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__navMain {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 768px) {
.l-header__navMain {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media screen and (min-width: 769px) {
.l-header__navMain__item:not(:first-child) {
margin-left: 40px;
}
}
@media screen and (max-width: 768px) {
.l-header__navMain__item {
text-align: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 48%;
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 {
display: block;
position: relative;
padding: 10px 0 13px;
}
@media screen and (max-width: 768px) {
.l-header__navMain__link {
padding: 14px;
}
}
.l-header__navMain__link.is-active::after {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.l-header__navMain__link::after {
content: "";
background: #eb1c24;
width: 100%;
height: 3px;
position: absolute;
bottom: 0;
left: 0;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transition: -webkit-transform 0.4s ease;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
@media screen and (max-width: 768px) {
.l-header__navMain__link::after {
background: #ccc;
width: 82px;
height: 1px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.l-header__navMain__list__txt {
font-size: 14px;
font-weight: 500;
color: #555;
line-height: 1.2;
letter-spacing: 0.12em;
}
@media screen and (max-width: 768px) {
.l-header__navMain__list__txt {
color: #fff;
}
}
@media screen and (max-width: 360px) {
.l-header__navMain__list__txt {
font-size: 13px;
}
}
.l-header__navMain__child {
background: rgba(0, 0, 0, 0.5);
width: 100vw;
min-width: 1100px;
height: 0;
-webkit-transition: all 0.4s ease;
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: 300px;
padding: 50px 0;
z-index: 999;
}
.l-header__navMain__child__inner {
max-width: 900px;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.l-header__navMain__child__head {
border-right: 1px solid #fff;
margin: 0 67px 0 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 200px;
flex: 0 0 200px;
}
.l-header__navMain__child__head__inner {
font-size: 20px;
font-weight: 700;
color: #fff;
line-height: 1.2;
padding: 10px 20px 10px 0;
}
.l-header__navMain__child__head__sub {
font-size: 13px;
font-weight: 700;
color: #fff;
line-height: 1.2;
margin-top: 5px;
padding: 0 20px 0 0;
}
.l-header__navMain__child__list {
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.l-header__navMain__child__list__item {
margin: 0 20px 0 0;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.l-header__navMain__child__list__item:only-child {
margin: 0;
}
.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 {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
.l-header__navMain__child__list__link[target=_blank] .l-header__navMain__child__list__txt {
padding-right: 1em;
}
.l-header__navMain__child__list__link[target=_blank] .l-header__navMain__child__list__txt::after {
content: "\e90c";
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__list__txt {
font-size: 15px;
font-weight: 500;
color: #fff;
line-height: 1.2;
padding: 10px 3px;
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;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transition: -webkit-transform 0.4s ease;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.l-header__navMain__child__listSub__wrapper--split {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.l-header__navMain__child__listSub {
padding-left: 1em;
}
.l-header__navMain__child__listSub--split {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.l-header__navMain__child__listSub__item--col:not(:first-child) {
margin-top: 8px;
}
.l-header__navMain__child__listSub__item--col--3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 32%;
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%;
}
@media screen and (min-width: 769px) {
.l-header__navMain__child__listSub__link:hover .l-header__navMain__child__listSub__txt::before {
-webkit-transform: scale(1, 1);
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: "\e90c";
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__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;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transition: -webkit-transform 0.4s ease;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.l-header__btn {
width: 60px;
height: 60px;
position: absolute;
top: 0;
right: 0;
z-index: 999;
-webkit-transition: 0.4s ease;
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) {
-webkit-transform: translateY(6px) rotate(-45deg);
transform: translateY(6px) rotate(-45deg);
}
.l-header__btn.is-active .l-header__btn__bar:nth-of-type(2) {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
.l-header__btn.is-active .l-header__btn__bar:nth-of-type(3) {
-webkit-transform: translateY(-6px) rotate(45deg);
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;
-webkit-transition: opacity 0.4s cubic-bezier(0.77, 0, 0.175, 1), 0.4s background-color ease, -webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
transition: opacity 0.4s cubic-bezier(0.77, 0, 0.175, 1), 0.4s background-color ease, -webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
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;
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, -webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}
.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: 80px 0 0;
}
@media screen and (max-width: 768px) {
.l-subIndex__hero {
margin: 40px 0 0;
}
}
.l-subIndex__hero__head__main {
font-size: 36px;
font-weight: 700;
letter-spacing: 0.13em;
border-bottom: 1px solid #d4d4d4;
padding: 0 0 24px;
position: relative;
display: inline-block;
}
@media screen and (max-width: 768px) {
.l-subIndex__hero__head__main {
font-size: 26px;
padding: 0 0 16px;
}
}
.l-subIndex__hero__head__main::first-letter {
color: #d80c24;
}
.l-subIndex__hero__head__main::after {
content: "";
background: #d80c24;
width: 1em;
height: 1px;
position: absolute;
bottom: -1px;
left: 0;
}
.l-subIndex__hero__head__sub {
font-family: YakuHanMP, "Rajdhani", "Noto Serif JP", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.1em;
margin: 24px 0 0;
display: block;
}
@media screen and (max-width: 768px) {
.l-subIndex__hero__head__sub {
margin: 16px 0 0;
}
}
.l-subIndex__breadcrumb {
width: 100%;
max-width: 22.28125%;
margin: 14px 0 0 11.71875%;
padding: 0 10px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
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%;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.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__breadcrumb {
width: 100%;
text-align: right;
margin: 20px 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: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.l-sub__breadcrumb__list {
width: 100%;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.l-sub__breadcrumb__list__item {
margin: 2px 0;
padding: 3px 0;
-webkit-box-sizing: content-box;
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:not(:last-child)::after {
content: "/";
color: #eb1c24;
margin: 0 6px 0 2px;
display: inline-block;
}
@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 {
-webkit-transition: color 0.4s ease;
transition: color 0.4s ease;
}
@media screen and (min-width: 769px) {
a.l-sub__breadcrumb__list__link:hover {
color: #eb1c24;
}
}
.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: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 768px) {
.l-footer__contact__blk {
padding: 24px 20px;
display: block;
}
}
.l-footer__contact__txt {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
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.34em;
}
@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: 30px 50px;
position: relative;
display: block;
-webkit-transition: color 0.4s ease, background 0.4s ease;
transition: color 0.4s ease, background 0.4s ease;
}
@media screen and (max-width: 768px) {
.l-footer__contact__link {
min-width: auto;
padding: 20px 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%;
-webkit-transform: translateY(-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: "\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: 15px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.l-footer__contact__link__txt::before {
font-size: 12px;
}
}
.l-footer__contents {
padding: 30px 0 0;
}
@media screen and (max-width: 768px) {
.l-footer__contents {
padding: 15px 0 0;
}
}
.l-footer__main__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 768px) {
.l-footer__main__wrapper {
display: block;
}
}
.l-footer__main {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.l-footer__company {
border-bottom: 1px solid #d4d4d4;
padding: 0 0 8px;
}
.l-footer__company__item {
font-size: 25px;
font-weight: 700;
line-height: 1.2;
-webkit-transition: color 0.4s ease;
transition: color 0.4s ease;
}
@media screen and (max-width: 768px) {
.l-footer__company__item {
font-size: 18px;
}
}
@media screen and (min-width: 769px) {
.l-footer__company__item:hover {
color: #d80c24;
}
}
.l-footer__nav {
margin: 16px 0 0;
}
.l-footer__nav__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 768px) {
.l-footer__nav__list {
display: block;
}
}
.l-footer__nav__list__item {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
@media screen and (max-width: 768px) {
.l-footer__nav__list__item:not(:first-child) {
margin-top: 5px;
}
}
.l-footer__nav__list__link {
font-size: 14px;
font-weight: 700;
line-height: 1.2;
padding: 5px;
display: block;
-webkit-transition: color 0.4s ease;
transition: color 0.4s ease;
}
@media screen and (min-width: 769px) {
a.l-footer__nav__list__link:hover .l-footer__nav__list__link__inner::after {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.l-footer__nav__list__link__inner {
padding: 0 0 5px;
position: relative;
display: inline-block;
}
@media screen and (max-width: 768px) {
.l-footer__nav__list__link__inner {
padding: 0;
}
}
.l-footer__nav__list__link__inner::after {
content: "";
background: #d80c24;
width: 100%;
height: 1px;
position: absolute;
left: 0;
bottom: 0;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
-webkit-transition: -webkit-transform 0.4s ease;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.l-footer__nav__listSub {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
max-width: 300px;
}
.l-footer__nav__listSub__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.l-footer__nav__listSub__link {
font-size: 14px;
line-height: 1.2;
padding: 5px;
display: block;
-webkit-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
@media screen and (min-width: 769px) {
.l-footer__nav__listSub__link:hover .l-footer__nav__listSub__link__inner::after {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.l-footer__nav__listSub__link__inner {
padding: 0 0 5px;
display: inline-block;
position: relative;
}
@media screen and (max-width: 768px) {
.l-footer__nav__listSub__link__inner {
padding: 0;
}
}
.l-footer__nav__listSub__link__inner::after {
content: "";
background: #555;
width: 100%;
height: 1px;
position: absolute;
left: 0;
bottom: 0;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
-webkit-transition: -webkit-transform 0.4s ease;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.l-footer__group {
-webkit-box-flex: 0;
-ms-flex: 0 0 200px;
flex: 0 0 200px;
margin: 0 0 0 55px;
}
@media screen and (max-width: 768px) {
.l-footer__group {
margin: 20px 0 0;
}
}
.l-footer__group__item {
text-align: center;
}
.l-footer__group__item:not(:first-child) {
margin-top: 10px;
}
.l-footer__group__link {
font-size: 14px;
font-weight: 500;
background: #fff;
border: 1px solid #d4d4d4;
padding: 20px 10px;
position: relative;
display: block;
-webkit-transition: color 0.4s ease, background 0.4s ease;
transition: color 0.4s ease, background 0.4s ease;
}
.l-footer__group__link::after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 10px 10px;
border-color: transparent transparent #d80c24 transparent;
position: absolute;
right: 0;
bottom: 0;
}
@media screen and (min-width: 769px) {
.l-footer__group__link:hover {
color: #fff;
background: #d80c24;
border-color: #d80c24;
}
}
.l-footer__bottom {
margin: 80px 0 0;
}
@media screen and (max-width: 768px) {
.l-footer__bottom {
margin: 40px 0 0;
}
}
.l-footer__navSub__list {
padding-left: 1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.l-footer__navSub__list__item {
margin-left: -1px;
padding: 2px 5px;
position: relative;
}
.l-footer__navSub__list__item::before, .l-footer__navSub__list__item::after {
content: "";
background: #d4d4d4;
width: 1px;
height: 60%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.l-footer__navSub__list__item::before {
left: 0;
}
.l-footer__navSub__list__item::after {
right: 0;
}
.l-footer__navSub__list__link {
font-size: 13px;
line-height: 1.2;
height: 100%;
padding: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
@media screen and (max-width: 768px) {
.l-footer__navSub__list__link {
font-size: 10px;
padding: 8px 4px;
}
}
@media screen and (min-width: 769px) {
.l-footer__navSub__list__link:hover {
opacity: 0.6;
}
}
.l-footer__copyright {
text-align: right;
padding: 10px 0;
}
.l-footer__copyright__txt {
font-size: 12px;
line-height: 1.2;
}
@media screen and (max-width: 768px) {
.l-footer__copyright__txt {
font-size: 10px;
}
}
.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%;
-webkit-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
will-change: opacity;
}
.l-modal__closeCross::before {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.l-modal__closeCross::after {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
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: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
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: #a0bdd4;
pointer-events: none;
}
.l-pagination .page-numbers:not(:first-child) {
margin-left: 5px;
}
.l-pagination a.page-numbers {
-webkit-transition: color 0.4s ease;
transition: color 0.4s ease;
}
@media screen and (min-width: 769px) {
.l-pagination a.page-numbers:hover {
color: #a0bdd4;
}
}
@media screen and (max-width: 768px) {
.ul-widget-main-window.mobile-layout.ul-widget-hide {
bottom: 60px !important;
}
}
.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-footer__nav__listSub {
max-width: 450px;
}
@media screen and (min-width: 769px) {
.lang-zh-hans .l-header__navSub {
margin-top: 36px;
}
}
.otgs-development-site-front-end {
display: none;
}
.c-heading01__inner {
font-size: 26px;
line-height: 1.2;
border-top: 1px solid #d4d4d4;
border-bottom: 1px solid #d4d4d4;
padding: 20px 5px;
position: relative;
display: block;
}
@media screen and (max-width: 768px) {
.c-heading01__inner {
font-size: 20px;
padding: 15px 5px;
}
}
.c-heading01__inner::before {
content: "";
background: #d80c24;
width: 1.5em;
height: 1px;
position: absolute;
bottom: -1px;
left: 0;
}
a.c-heading01__inner {
padding-right: 60px;
}
@media screen and (max-width: 768px) {
a.c-heading01__inner {
padding-right: 30px;
}
}
a.c-heading01__inner::after {
content: "\e906";
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: #d80c24;
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: right 0.4s ease;
transition: right 0.4s ease;
}
@media screen and (max-width: 768px) {
a.c-heading01__inner::after {
font-size: 14px;
right: 5px;
}
}
@media screen and (min-width: 769px) {
a.c-heading01__inner:hover {
color: #d80c24;
}
a.c-heading01__inner:hover::after {
right: 10px;
}
}
.c-heading01__main {
font-size: inherit;
font-weight: 700;
color: inherit;
letter-spacing: 0.1em;
-webkit-transition: color 0.4s ease;
transition: color 0.4s ease;
}
@media screen and (max-width: 768px) {
.c-heading01__main {
letter-spacing: 0.1em;
display: inline-block;
}
}
.c-heading01__main::first-letter {
color: #d80c24;
}
.c-heading01__sub {
font-size: 16px;
letter-spacing: 0.16em;
}
@media screen and (max-width: 768px) {
.c-heading01__sub {
font-size: 13px;
padding: 3px 0 0;
display: block;
}
}
.c-productsHero {
background: #e9ebed;
margin: 110px 0 0;
padding: 20px 0;
}
@media screen and (max-width: 768px) {
.c-productsHero {
margin: 60px 0 0;
padding: 24px 0;
}
}
.c-productsHero__ttl {
text-align: center;
}
.c-productsHero__ttl__main {
font-size: 22px;
font-weight: 700;
color: #8f99a3;
line-height: 1.2;
letter-spacing: 0.24em;
}
@media screen and (max-width: 768px) {
.c-productsHero__ttl__main {
font-size: 18px;
}
}
.c-news__index {
margin: 100px 0 160px;
}
@media screen and (max-width: 768px) {
.c-news__index {
margin: 50px 0;
}
}
.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;
-webkit-transition: color 0.4s ease, background 0.4s ease, border-color 0.4s ease;
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%;
-webkit-transform: translateY(-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%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: color 0.4s ease;
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: "\e90d";
}
.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__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: #eb1c24;
letter-spacing: 0.2em;
text-align: center;
border: 1px solid #eb1c24;
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__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(//kagaku.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;
-webkit-transform: translateY(-50%);
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: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
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;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.c-news__index__exhibition__fig__img {
max-width: 300px;
}
.c-news__index__exhibition__detail {
-webkit-box-flex: 0;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
}
@media screen and (max-width: 768px) {
.c-news__index__exhibition__detail {
margin: 20px 0 0;
}
}
.c-news__index__exhibition__ctg {
font-size: 16px;
text-align: center;
border: 1px solid #ccc;
width: 100%;
max-width: 110px;
padding: 5px 10px;
display: inline-block;
}
.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: -webkit-box;
display: -ms-flexbox;
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;
-moz-text-align-last: justify;
text-align-last: justify;
margin: 0 32px 0 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 60px;
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 {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
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;
-webkit-transition: color 0.4s ease, background 0.4s ease;
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;
-webkit-transform: translateY(-50%);
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: 36px;
font-weight: 700;
line-height: 1.3;
letter-spacing: 0.14em;
border-bottom: 1px solid #ccc;
padding: 0 0 20px;
position: relative;
}
@media screen and (max-width: 768px) {
.c-news__single__ttl {
font-size: 18px;
padding: 0 0 16px;
}
}
.c-news__single__ttl::after {
content: "";
background: #d80c24;
width: 1em;
height: 1px;
position: absolute;
bottom: -1px;
left: 0;
}
.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 h3 {
font-size: 22px;
font-weight: 500;
line-height: 1.2;
letter-spacing: 0.14em;
border-bottom: 1px solid #d4d4d4;
padding: 0 0 20px;
}
@media screen and (max-width: 768px) {
.c-news__single__cont h3 {
font-size: 16px;
padding: 15px 0;
}
}
.c-news__single__cont h3:not(:first-child) {
margin-top: 60px;
}
@media screen and (max-width: 768px) {
.c-news__single__cont h3:not(:first-child) {
margin-top: 30px;
}
}
.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 #d4d4d4;
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;
-webkit-transition: opacity 0.4s ease;
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__detail {
border-bottom: 1px solid #d4d4d4;
}
.c-news__single__exhibition__cont__detail__dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
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 #d4d4d4;
}
.c-news__single__exhibition__cont__detail__dt {
font-size: 18px;
line-height: 1.2;
text-align: center;
background: #f4f5f6;
padding: 10px;
-webkit-box-flex: 0;
-ms-flex: 0 0 15%;
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;
-webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
}
}
.c-news__single__exhibition__cont__detail__dd {
font-size: 16px;
line-height: 2;
margin-left: 20px;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
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__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: 22px;
font-weight: 500;
color: #fff;
line-height: 1.2;
text-align: center;
background: #d80c24;
border: 2px solid #d80c24;
max-width: 70%;
margin: 0 auto;
padding: 14px 30px;
position: relative;
display: block;
-webkit-transition: color 0.4s ease, background 0.4s ease;
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;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: right 0.4s ease;
transition: right 0.4s ease;
}
@media screen and (min-width: 769px) {
.c-news__single__exhibition__cont__link__item:hover {
color: #d80c24;
background: #fff;
}
.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;
-webkit-transition: color 0.4s ease, background 0.4s ease;
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%;
-webkit-transform: translateY(-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%;
-webkit-transform: translateY(-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: "\e90d";
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-subPage__main {
margin: 64px 0 80px;
}
@media screen and (max-width: 768px) {
.c-subPage__main {
margin: 32px 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 #d4d4d4;
padding: 5px 44px;
position: relative;
display: inline-block;
-webkit-transition: color 0.4s ease, background 0.4s ease;
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: "\e90d";
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: #d4d4d4;
position: absolute;
top: 50%;
left: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: color 0.4s ease;
transition: color 0.4s ease;
}
@media screen and (min-width: 769px) {
.c-subPage__main__back__link:hover {
color: #fff;
background: #d4d4d4;
}
.c-subPage__main__back__link:hover::before {
color: #fff;
}
}
.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 Serif JP", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", 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 Serif JP", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", 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 100px;
}
@media screen and (max-width: 768px) {
.c-error__txt__inner {
padding: 0 30px 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;
-webkit-transition: color 0.4s ease, background 0.4s ease;
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%;
-webkit-transform: translateY(-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;
}
.lang-en .c-news__index__list__ctg {
max-width: 150px;
}
@media screen and (max-width: 768px) {
.lang-en .c-news__index__list__ctg {
width: auto;
max-width: none;
}
}