@charset "UTF-8";
 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, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; }
body {
line-height: 1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }
nav ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after {
content: "";
content: none; }
q:before, q:after {
content: "";
content: none; }
a {
margin: 0;
padding: 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;
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, select {
vertical-align: middle; }
.clearfix, #more_contents .more_list li .list_content, #modal_window .modal_list, footer .inner, #top_list .list_content, #top_ir .top_ir_content, #page_about .about_list li, #philosophy_vision .vision_list li, #company_page .company_list .profile_list li .list_content, #sustainability_csr .csr_list li, #careers_culture .culture_list li, #page_archive .news_tab .tab_item {
*zoom: 1; }
#page_single .single_pagination ul, #page_single .single_pagination li a {
*zoom: 1; }
.common_form table tbody, .common_form table tr {
*zoom: 1; }
.ir_article h3, .ir_article .analystcoverage_table table tr {
*zoom: 1; }
#ir_fv .fv_top {
*zoom: 1; }
#ir_fv .fv_top .fv_info .fv_btn {
*zoom: 1; }
#ir_fv .fv_bottom li {
*zoom: 1; }
#ir_line_up .line_up_list_top li .list_content {
*zoom: 1; }
.clearfix:after, #more_contents .more_list li .list_content:after, #modal_window .modal_list:after, footer .inner:after, #top_list .list_content:after, #top_ir .top_ir_content:after, #page_about .about_list li:after, #philosophy_vision .vision_list li:after, #company_page .company_list .profile_list li .list_content:after, #sustainability_csr .csr_list li:after, #careers_culture .culture_list li:after, #page_archive .news_tab .tab_item:after {
content: "";
display: table;
clear: both; }
#page_single .single_pagination ul:after, #page_single .single_pagination li a:after {
content: "";
display: table;
clear: both; }
.common_form table tbody:after, .common_form table tr:after {
content: "";
display: table;
clear: both; }
.ir_article h3:after, .ir_article .analystcoverage_table table tr:after {
content: "";
display: table;
clear: both; }
#ir_fv .fv_top:after, #ir_fv .fv_top .fv_info .fv_btn:after {
content: "";
display: table;
clear: both; }
#ir_fv .fv_bottom li:after {
content: "";
display: table;
clear: both; }
#ir_line_up .line_up_list_top li .list_content:after {
content: "";
display: table;
clear: both; }
html, body, div, h1, h2, h3, h4, h5, h6, p, img, i, ul, li, header, nav, aside, section, footer {
border: 0;
outline: 0;
font-size: 100%;
font-style: normal;
font-weight: normal;
padding: 0;
margin: 0;
vertical-align: baseline; }
ul, ol, li {
font-size: 0;
list-style: none; }
a {
cursor: pointer;
color: #000;
outline: 0;
display: block;
text-decoration: none;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
a:link, a:visited, a:hover, a:active {
color: #000;
outline: 0; }
a img {
border: none; }
img {
border: 0;
width: 100%;
vertical-align: middle; }
iframe {
width: 100%; }
.slick-slider {
position: relative;
display: block;
overflow: hidden;
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;
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 {
content: "";
display: table; }
.slick-track:after {
content: "";
display: table;
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;
-webkit-backface-visibility: hidden; }
.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; }
@media screen and (max-width: 768px) {
.slick-slider {
overflow: hidden; } }
body {
color: #282828;
background-color: #fff;
font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
overflow: auto;
font-smoothing: antialiased;
text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-moz-font-smoothing: antialiased;
-moz-text-size-adjust: 100%;
-ms-font-smoothing: antialiased;
-ms-text-size-adjust: 100%;
-o-font-smoothing: antialiased;
-o-text-size-adjust: 100%; }
body.gre_sec .ir_gre_sec {
margin-top: 0; }
body.gre_sec footer:before {
background-color: #fff; }
body.gre_sec footer .middle_inner:before {
background-color: #F7F7F7; }
.ie header #pc_menu #pc_nav li .drop_menu .drop_link .drop_arrow i {
top: 53%; }
.ie .border_heading:before {
top: 4px; }
.ie .btn .btn_content {
line-height: 62px; }
.ie .arrow_btn .arrow_circle i {
top: 53%;
left: 34px; }
.ie .news_list article .news_content .news_info .news_category {
line-height: 28px; }
.ie .table_list .table_item table tr td span {
line-height: 30px; }
.ie #overs_sec .btn .btn_content {
line-height: 56px; }
.ie .overs_list #overs_slide .slick-arrow i {
top: 52%;
left: 51%; }
#main {
padding-top: 160px;
display: block; }
.section {
position: relative;
padding: 72px 32px;
overflow: hidden; }
.gre_sec {
background-color: #F7F7F7; }
.ir_gre_sec {
margin-top: 72px; }
.inner {
margin: 0 auto; }
.max_inner {
max-width: 1440px; }
.large_inner {
max-width: 1200px; }
.middle_inner {
max-width: 1040px; }
.small_inner {
max-width: 880px; }
.min_inner {
max-width: 720px; }
.list {
padding: 0 16px;
margin-bottom: 32px;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
.pc {
display: block; }
.tb, .sp, .sp5 {
display: none; }
.center {
text-align: center; }
.left {
text-align: left; }
.fade {
opacity: 0;
transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
-webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
-moz-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
-ms-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
-o-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
transform: translateY(32px);
-webkit-transform: translateY(32px);
-moz-transform: translateY(32px);
-ms-transform: translateY(32px);
-o-transform: translateY(32px); }
.fade.is_show {
opacity: 1;
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0); }
header {
background-color: #fff;
position: fixed;
width: 100%;
height: 96px;
z-index: 9999;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
header.scroll {
box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.05); }
header.active #h_logo svg .st0 {
fill: #fff; }
header #h_logo {
position: absolute;
top: 50%;
left: 48px;
width: 120px;
z-index: 99999;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%); }
header #pc_menu {
float: right;
height: 100%; }
header #pc_menu #pc_nav, header #pc_menu #overs_link, header #pc_menu .language_choice {
height: 100%;
display: inline-block;
vertical-align: middle; }
header #pc_menu #pc_nav ul {
height: 100%; }
header #pc_menu #pc_nav li {
padding: 0 0 0 40px;
margin: 0; }
header #pc_menu #pc_nav li:first-child {
padding-left: 0; }
header #pc_menu #pc_nav li .menu_title {
cursor: pointer;
font-family: "Lato", sans-serif;
font-size: 16px;
font-weight: 900;
position: relative;
height: 100%;
padding: 40px 0; }
header #pc_menu #pc_nav li .menu_title:before {
content: "";
background-color: #2E323C;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
z-index: -1;
transform: scaleX(0) translateZ(0);
-webkit-transform: scaleX(0) translateZ(0);
-moz-transform: scaleX(0) translateZ(0);
-ms-transform: scaleX(0) translateZ(0);
-o-transform: scaleX(0) translateZ(0);
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-ms-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-o-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transform-origin: left top;
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top; }
header #pc_menu #pc_nav li .menu_title i {
font-size: 14px;
padding-left: 6px; }
header #pc_menu #pc_nav li .drop_menu {
color: #fff;
background-color: #2E323C;
position: fixed;
top: 96px;
left: 0;
width: 100%;
padding: 32px 32px 64px;
opacity: 0;
z-index: 1;
visibility: hidden;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
header #pc_menu #pc_nav li .drop_menu .drop_link, header #pc_menu #pc_nav li .drop_menu .drop_about, header #pc_menu #pc_nav li .drop_menu .drop_ir, header #pc_menu #pc_nav li .drop_menu .drop_sus {
position: relative;
z-index: 1; }
header #pc_menu #pc_nav li .drop_menu .drop_link {
text-align: left;
display: block; }
header #pc_menu #pc_nav li .drop_menu .drop_link a {
color: #2E323C;
position: relative;
display: inline-block; }
header #pc_menu #pc_nav li .drop_menu .drop_link .drop_arrow, header #pc_menu #pc_nav li .drop_menu .drop_link .drop_text {
display: inline-block;
vertical-align: middle; }
header #pc_menu #pc_nav li .drop_menu .drop_link .drop_arrow {
position: relative;
height: 30px;
margin-right: 20px;
float: left; }
header #pc_menu #pc_nav li .drop_menu .drop_link .drop_arrow i {
color: #2E323C;
font-size: 24px;
position: absolute;
top: 50%;
left: 52%; }
header #pc_menu #pc_nav li .drop_menu .drop_link .drop_arrow2 {
position: relative;
height: 30px;
color: #2E323C;
font-size: 24px;
margin-right: 10px;
float: left; }
header #pc_menu #pc_nav li .drop_menu .drop_link .drop_arrow3 {
position: relative;
height: 50px;
color: #2E323C;
margin: 10px 10px 0 0;
float: left; }
header #pc_menu #pc_nav li .drop_menu .drop_link .drop_text, header #pc_menu #pc_nav li .drop_menu .drop_link .drop_text3 {
font-family: "Lato", sans-serif;
font-size: 54px;
font-weight: 900;
position: relative;
margin-left: 5px;
margin-bottom: 10px; }
header #pc_menu #pc_nav li .drop_menu .drop_link .drop_text:before, header #pc_menu #pc_nav li .drop_menu .drop_link .drop_text3:before {
content: "";
background-color: #fff;
position: absolute;
bottom: -4px;
left: 0;
width: 100%;
height: 4px;
z-index: -1;
transform: scaleX(0) translateZ(0);
-webkit-transform: scaleX(0) translateZ(0);
-moz-transform: scaleX(0) translateZ(0);
-ms-transform: scaleX(0) translateZ(0);
-o-transform: scaleX(0) translateZ(0);
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-ms-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-o-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transform-origin: left top;
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top; }
header #pc_menu #pc_nav li .drop_menu .drop_link .drop_text span, header #pc_menu #pc_nav li .drop_menu .drop_link .drop_text3 span {
font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 14px;
font-weight: 700;
position: relative;
margin-left: 40px;
display: inline-block;
float: left; }
header #pc_menu #pc_nav li .drop_menu .drop_link .drop_text span:before, header #pc_menu #pc_nav li .drop_menu .drop_link .drop_text3 span:before {
content: "";
background-color: #fff;
position: absolute;
top: 50%;
left: -16px;
width: 8px;
height: 1px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%); }
header #pc_menu #pc_nav li .drop_menu .drop_link .drop_text2 {
font-family: "Lato", sans-serif;
font-size: 54px;
font-weight: 900;
position: relative;
margin-left: 5px;
margin-bottom: 10px;
width: 600px; }
header #pc_menu #pc_nav li .drop_menu .drop_link .drop_text2:before {
content: "";
background-color: #fff;
position: absolute;
bottom: -4px;
left: 0;
width: 100%;
height: 4px;
z-index: -1;
transform: scaleX(0) translateZ(0);
-webkit-transform: scaleX(0) translateZ(0);
-moz-transform: scaleX(0) translateZ(0);
-ms-transform: scaleX(0) translateZ(0);
-o-transform: scaleX(0) translateZ(0);
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-ms-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-o-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transform-origin: left top;
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top; }
header #pc_menu #pc_nav li .drop_menu .drop_link .drop_text2 span {
font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 14px;
font-weight: 700;
position: relative;
margin-left: 10px;
display: inline-block; }
header #pc_menu #pc_nav li .drop_menu .drop_link .drop_text2 span:before {
content: "";
background-color: #fff;
position: absolute;
top: 100%;
left: -16px;
width: 8px;
height: 1px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%); }
header #pc_menu #pc_nav li .drop_menu .drop_link .drop_link4 {
display: table;
width: 800px; }
header #pc_menu #pc_nav li .drop_menu .drop_link .drop_link4 .link3ts {
display: table-cell;
text-align: center; }
header #pc_menu #pc_nav li .drop_menu .drop_link .drop_link4 .link4ts {
display: table-cell; }
header #pc_menu #pc_nav li .drop_menu .drop_link .drop_link4 .link5ts {
font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
display: table-cell;
width: 530px;
padding-top: 30px; }
header #pc_menu #pc_nav li .drop_menu .drop_link .drop_link2 {
display: inline-block;
vertical-align: middle; }
header #pc_menu #pc_nav li .drop_menu .drop_link .drop_link2 a { }
header #pc_menu #pc_nav li .drop_menu .drop_link .drop_link2 span { vertical-align: middle;
position: relative;
margin-left: 12px;
content: "";
background-color: #282828;
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 4px;
z-index: -1; }
header #pc_menu #pc_nav li .drop_menu .drop_link .drop_link3 {
display: inline-block;
vertical-align: middle; }
header #pc_menu #pc_nav li .drop_menu .drop_link .drop_link3 a {
position: relative;
display: inline-block;
text-decoration: none; }
header #pc_menu #pc_nav li .drop_menu .drop_link .drop_link3 span {
position: absolute;
bottom: -3px;
left: 0;
display: block;
width: 0;
height: 2px;
background-color: #000;
transition: width 0.3s; }
header #pc_menu #pc_nav li .drop_menu .drop_link .drop_link3 span a:hover:before {
width: 100%; }
header #pc_menu #pc_nav li .drop_menu .drop_about, header #pc_menu #pc_nav li .drop_menu .drop_ir, header #pc_menu #pc_nav li .drop_menu .drop_sus {
background-color: #fff;
max-width: 1200px;
padding: 40px 32px;
margin: 0 auto;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
header #pc_menu #pc_nav li .drop_menu .drop_about {
padding-bottom: 0;
margin-top: 32px; }
header #pc_menu #pc_nav li .drop_menu .drop_about ul {
max-width: 880px;
margin: 0 auto; }
header #pc_menu #pc_nav li .drop_menu .drop_about li {
font-size: 14px;
width: 33.3333%;
padding: 0 32px;
margin-bottom: 40px; }
header #pc_menu #pc_nav li .drop_menu .drop_about li .drop_inner i, header #pc_menu #pc_nav li .drop_menu .drop_about li .drop_inner span {
display: inline-block;
vertical-align: top; }
header #pc_menu #pc_nav li .drop_menu .drop_about li .drop_inner i {
font-size: 24px;
padding-top: 4px;
padding-right: 12px; }
header #pc_menu #pc_nav li .drop_menu .drop_about li .drop_inner span {
font-family: "Lato", sans-serif;
font-size: 32px;
font-weight: 900;
position: relative; }
header #pc_menu #pc_nav li .drop_menu .drop_about li .drop_inner span:before {
content: "";
background-color: #282828;
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 4px;
z-index: -1;
transform: scaleX(0) translateZ(0);
-webkit-transform: scaleX(0) translateZ(0);
-moz-transform: scaleX(0) translateZ(0);
-ms-transform: scaleX(0) translateZ(0);
-o-transform: scaleX(0) translateZ(0);
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-ms-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-o-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transform-origin: left top;
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top; }
header #pc_menu #pc_nav li .drop_menu .drop_about li .drop_inner2 i, header #pc_menu #pc_nav li .drop_menu .drop_about li .drop_inner2 span {
display: inline-block;
vertical-align: top; }
header #pc_menu #pc_nav li .drop_menu .drop_about li .drop_inner2 i {
font-size: 24px;
padding-top: 4px;
padding-right: 12px; }
header #pc_menu #pc_nav li .drop_menu .drop_about li .drop_inner2 span {
font-family: "Lato", sans-serif;
font-size: 14px;
font-weight: 900;
position: relative; }
header #pc_menu #pc_nav li .drop_menu .drop_about li .drop_inner2 span:before {
content: "";
background-color: #282828;
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 4px;
z-index: -1;
transform: scaleX(0) translateZ(0);
-webkit-transform: scaleX(0) translateZ(0);
-moz-transform: scaleX(0) translateZ(0);
-ms-transform: scaleX(0) translateZ(0);
-o-transform: scaleX(0) translateZ(0);
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-ms-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-o-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transform-origin: left top;
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top; }
header #pc_menu #pc_nav li .drop_menu .drop_about li .drop_text {
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 14px;
font-weight: 700;
position: relative;
margin-top: 12px;
margin-left: 16px;
display: block; }
header #pc_menu #pc_nav li .drop_menu .drop_about li .drop_text:before {
content: "";
background-color: #2E323C;
position: absolute;
top: 50%;
left: -16px;
width: 8px;
height: 1px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%); }
header #pc_menu #pc_nav li .drop_menu .drop_ir {
padding: 40px 80px;
margin-top: 32px; }
header #pc_menu #pc_nav li .drop_menu .drop_ir .drop_ir_list {
text-align: center; }
header #pc_menu #pc_nav li .drop_menu .drop_ir .drop_ir_list li {
font-size: 24px;
font-weight: 900;
width: 50%;
padding: 0;
margin-bottom: 0; }
header #pc_menu #pc_nav li .drop_menu .drop_ir .drop_ir_list li:nth-child(odd) {
padding-right: 16px; }
header #pc_menu #pc_nav li .drop_menu .drop_ir .drop_ir_list li:nth-child(even) {
padding-left: 16px; }
header #pc_menu #pc_nav li .drop_menu .drop_ir .drop_ir_list li a {
display: inline-block; }
header #pc_menu #pc_nav li .drop_menu .drop_ir .drop_ir_list li i {
display: inline-block;
vertical-align: middle; }
header #pc_menu #pc_nav li .drop_menu .drop_ir .drop_ir_list li span {
display: inline-block;
vertical-align: middle;
position: relative;
margin-left: 12px; }
header #pc_menu #pc_nav li .drop_menu .drop_ir .drop_ir_list li span:before {
content: "";
background-color: #282828;
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 4px;
z-index: -1;
transform: scaleX(0) translateZ(0);
-webkit-transform: scaleX(0) translateZ(0);
-moz-transform: scaleX(0) translateZ(0);
-ms-transform: scaleX(0) translateZ(0);
-o-transform: scaleX(0) translateZ(0);
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-ms-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-o-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transform-origin: left top;
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top; }
header #pc_menu #pc_nav li .drop_menu .drop_ir .drop_ir_menu {
margin: 40px auto 0; }
header #pc_menu #pc_nav li .drop_menu .drop_ir .drop_ir_menu .drop_ir_nav {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
header #pc_menu #pc_nav li .drop_menu .drop_ir .drop_ir_menu li {
border-right: 1px solid #EDEDED;
font-size: 14px;
font-weight: 700;
width: 20%;
padding: 0 20px;
margin: 0; }
header #pc_menu #pc_nav li .drop_menu .drop_ir .drop_ir_menu li:first-child {
padding-left: 0;
padding-right: 12px; }
header #pc_menu #pc_nav li .drop_menu .drop_ir .drop_ir_menu li:last-child {
border: 0;
padding-right: 0; }
header #pc_menu #pc_nav li .drop_menu .drop_ir .drop_ir_menu li .drop_list {
color: #2E323B;
font-size: 16px;
font-weight: 700; }
header #pc_menu #pc_nav li .drop_menu .drop_ir .drop_ir_menu li ul {
padding-top: 12px; }
header #pc_menu #pc_nav li .drop_menu .drop_ir .drop_ir_menu li li {
border: 0;
width: 100%;
padding: 0; }
header #pc_menu #pc_nav li .drop_menu .drop_ir .drop_ir_menu li li a {
padding: 12px 0; }
header #pc_menu #pc_nav li .drop_menu .drop_sus {
padding: 40px 80px;
margin-top: 32px; }
header #pc_menu #pc_nav li .drop_menu .drop_sus .drop_sus_list {
text-align: left; }
header #pc_menu #pc_nav li .drop_menu .drop_sus .drop_sus_list li {
font-size: 20px;
font-weight: 900;
width: 100%;
padding: 10px 0;
margin-bottom: 0; }
header #pc_menu #pc_nav li .drop_menu .drop_sus .drop_sus_list li a {
display: inline-block; }
header #pc_menu #pc_nav li .drop_menu .drop_sus .drop_sus_list li i {
display: inline-block;
vertical-align: middle; }
header #pc_menu #pc_nav li .drop_menu .drop_sus .drop_sus_list li span {
display: inline-block;
vertical-align: middle;
position: relative;
margin-left: 12px; }
header #pc_menu #pc_nav li .drop_menu .drop_sus .drop_sus_list li span:before {
content: "";
background-color: #282828;
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 4px;
z-index: -1;
transform: scaleX(0) translateZ(0);
-webkit-transform: scaleX(0) translateZ(0);
-moz-transform: scaleX(0) translateZ(0);
-ms-transform: scaleX(0) translateZ(0);
-o-transform: scaleX(0) translateZ(0);
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-ms-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-o-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transform-origin: left top;
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top; }
header #pc_menu #pc_nav li .drop_menu .drop_sus .drop_textsus span {
font-family: "Lato", sans-serif;
font-size: 54px;
font-weight: 900;
position: relative;
margin-left: 10px;
display: inline-block; }
header #pc_menu #pc_nav li .drop_menu .drop_sus .drop_textsus span:before {
content: "";
background-color: #fff;
position: absolute;
top: 100%;
left: -16px;
width: 8px;
height: 1px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%); }
header #pc_menu #overs_link {
background-color: #2E323C;
position: relative;
width: 120px;
height: 96px; }
header #pc_menu #overs_link a {
width: 100%;
height: 100%; }
header #pc_menu #overs_link svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%); }
header #pc_menu #overs_link svg .st0 {
fill: #fff; }
header #pc_menu .language_choice {
margin: 0 48px 0 40px; }
header #pc_menu .language_choice li {
padding: 36px 12px 36px 0; }
header #sp_menu, header #sp_btn {
display: none; }
@media screen and (min-width: 769px) {
header #pc_menu #pc_nav li:hover .drop_menu {
opacity: 1;
visibility: visible; } }
@media screen and (min-width: 769px) {
header #pc_menu #pc_nav li .menu_title:hover:before {
transform: scaleX(1) translateZ(0);
-webkit-transform: scaleX(1) translateZ(0);
-moz-transform: scaleX(1) translateZ(0);
-ms-transform: scaleX(1) translateZ(0);
-o-transform: scaleX(1) translateZ(0); } }
@media screen and (min-width: 769px) {
header #pc_menu #pc_nav li .drop_menu .drop_link a:hover .drop_text:before {
transform: scaleX(1) translateZ(0);
-webkit-transform: scaleX(1) translateZ(0);
-moz-transform: scaleX(1) translateZ(0);
-ms-transform: scaleX(1) translateZ(0);
-o-transform: scaleX(1) translateZ(0); } }
@media screen and (min-width: 769px) {
header #pc_menu #pc_nav li .drop_menu .drop_about li a:hover .drop_inner span:before {
transform: scaleX(1) translateZ(0);
-webkit-transform: scaleX(1) translateZ(0);
-moz-transform: scaleX(1) translateZ(0);
-ms-transform: scaleX(1) translateZ(0);
-o-transform: scaleX(1) translateZ(0); } }
@media screen and (min-width: 769px) {
header #pc_menu #pc_nav li .drop_menu .drop_about li a:hover .drop_inner2 span:before {
transform: scaleX(1) translateZ(0);
-webkit-transform: scaleX(1) translateZ(0);
-moz-transform: scaleX(1) translateZ(0);
-ms-transform: scaleX(1) translateZ(0);
-o-transform: scaleX(1) translateZ(0); } }
@media screen and (min-width: 769px) {
header #pc_menu #pc_nav li .drop_menu .drop_ir .drop_ir_list li a:hover span:before {
transform: scaleX(1) translateZ(0);
-webkit-transform: scaleX(1) translateZ(0);
-moz-transform: scaleX(1) translateZ(0);
-ms-transform: scaleX(1) translateZ(0);
-o-transform: scaleX(1) translateZ(0); } }
@media screen and (min-width: 769px) {
header #pc_menu #pc_nav li .drop_menu .drop_sus .drop_sus_list li a:hover span:before {
transform: scaleX(1) translateZ(0);
-webkit-transform: scaleX(1) translateZ(0);
-moz-transform: scaleX(1) translateZ(0);
-ms-transform: scaleX(1) translateZ(0);
-o-transform: scaleX(1) translateZ(0); } }
@media screen and (min-width: 769px) {
header #pc_menu #pc_nav li .drop_menu .drop_ir .drop_ir_menu li a:hover {
opacity: 0.5; } }
@media screen and (min-width: 769px) {
header #pc_menu #pc_nav li .drop_menu .drop_sus .drop_sus_menu li a:hover {
opacity: 0.5; } }
@media screen and (min-width: 769px) {
header #pc_menu #overs_link a:hover {
opacity: 0.5; } }
.language_choice li {
font-size: 16px;
font-weight: 700;
width: auto;
padding-right: 12px;
margin: 0;
display: inline-block; }
.language_choice li.current a {
color: #fff;
background-color: #282828; }
.language_choice li:last-child {
padding-right: 0; }
.language_choice li a {
color: #282828;
border: 2px solid #282828;
width: 40px;
height: 24px;
line-height: 20px;
text-align: center;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
@media screen and (min-width: 769px) {
.language_choice li a:hover {
color: #fff;
background-color: #282828; } }
#page_header {
padding: 0 32px 80px; }
#page_header.is_show:before {
width: 80%; }
#page_header.is_show .header_content .header_text span {
color: #282828; }
#page_header:before {
content: "";
background-color: #F7F7F7;
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 180px;
z-index: -1;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out; }
#page_header.ir_header {
padding-bottom: 0; }
#page_header.ir_header:before {
content: none; }
.header_content h1 {
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 1.6;
letter-spacing: 2px; }
.header_content .header_text {
font-family: "Lato", sans-serif;
font-size: 80px;
font-weight: 900;
letter-spacing: 1px;
padding-top: 24px; }
.header_content .header_text span {
color: #E6FF00;
transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
-webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
-moz-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
-ms-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
-o-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s; }
.header_content .header_text span:nth-child(1) {
transition-delay: 0.12s;
transition-duration: 1s, 0.3s; }
.header_content .header_text span:nth-child(2) {
transition-delay: 0.18s;
transition-duration: 0.97s, 0.3s; }
.header_content .header_text span:nth-child(3) {
transition-delay: 0.24s;
transition-duration: 0.94s, 0.3s; }
.header_content .header_text span:nth-child(4) {
transition-delay: 0.3s;
transition-duration: 0.91s, 0.3s; }
.header_content .header_text span:nth-child(5) {
transition-delay: 0.36s;
transition-duration: 0.88s, 0.3s; }
.header_content .header_text span:nth-child(6) {
transition-delay: 0.42s;
transition-duration: 0.85s, 0.3s; }
.header_content .header_text span:nth-child(7) {
transition-delay: 0.48s;
transition-duration: 0.82s, 0.3s; }
.header_content .header_text span:nth-child(8) {
transition-delay: 0.54s;
transition-duration: 0.79s, 0.3s; }
.header_content .header_text span:nth-child(9) {
transition-delay: 0.6s;
transition-duration: 0.76s, 0.3s; }
.header_content .header_text span:nth-child(10) {
transition-delay: 0.66s;
transition-duration: 0.73s, 0.3s; }
.header_content .header_text span:nth-child(11) {
transition-delay: 0.72s;
transition-duration: 0.7s, 0.3s; }
.header_content .header_text span:nth-child(12) {
transition-delay: 0.78s;
transition-duration: 0.67s, 0.3s; }
.header_content .header_text span:nth-child(13) {
transition-delay: 0.84s;
transition-duration: 0.64s, 0.3s; }
.header_content .header_text span:nth-child(14) {
transition-delay: 0.92s;
transition-duration: 0.61s, 0.3s; }
.header_content .header_text span:nth-child(15) {
transition-delay: 1s;
transition-duration: 0.58s, 0.3s; }
.header_content .header_text span:nth-child(16) {
transition-delay: 1.08s;
transition-duration: 0.55s, 0.3s; }
.header_content .header_text span:nth-child(17) {
transition-delay: 1.16s;
transition-duration: 0.52s, 0.3s; }
.header_content .header_text span:nth-child(18) {
transition-delay: 1.24s;
transition-duration: 0.49s, 0.3s; }
.header_content .header_text span:nth-child(19) {
transition-delay: 1.32s;
transition-duration: 0.46s, 0.3s; }
.header_content .header_text span:nth-child(20) {
transition-delay: 1.4s;
transition-duration: 0.43s, 0.3s; }
.header_content .header_text span:nth-child(21) {
transition-delay: 1.48s;
transition-duration: 0.4s, 0.3s; }
.header_content .breadcrumbs {
padding-top: 40px; }
.header_content .breadcrumbs li {
color: #282828;
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 15px;
font-weight: 700;
position: relative;
margin-right: 24px;
margin-bottom: 12px;
display: inline-block;
line-height: 1.6;
letter-spacing: 1px; }
.header_content .breadcrumbs li:last-child {
margin-right: 20px; }
.header_content .breadcrumbs li:last-child:after {
content: none; }
.header_content .breadcrumbs li:after {
content: "";
background-color: #282828;
position: absolute;
top: 0;
bottom: 0;
right: -16px;
width: 8px;
height: 1px;
margin: auto;
vertical-align: middle;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%); }
.header_content .breadcrumbs li a {
color: #282828; }
.header_content .breadcrumbs li svg {
padding-right: 12px;
margin-top: 6px;
vertical-align: top; }
.header_content .breadcrumbs li svg .cls-1 {
fill: none;
stroke: #000;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.25px; }
@media screen and (min-width: 769px) {
.header_content .breadcrumbs li a:hover {
opacity: 0.5; } }
.common_content {
text-align: center; }
.common_content h2 {
font-size: 40px;
font-weight: 700;
line-height: 1.6;
letter-spacing: 4px;
margin-bottom: 24px; }
.message_content {
text-align: right; }
.message_content img, .message_content .message_title, .message_content .message_text {
text-align: left; }
.message_content img {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px; }
.message_content .message_title {
font-size: 24px;
font-weight: 700;
line-height: 1.6;
letter-spacing: 0.5px;
margin-top: 40px; }
.message_content .message_title span {
background: linear-gradient(transparent 80%, #E6FF00 80%);
display: inline; }
.message_content .message_text {
margin-top: 48px; }
.message_content .message_text p {
font-size: 18px;
line-height: 1.8;
letter-spacing: 1px;
padding-bottom: 32px; }
.message_content .message_text p:last-child {
padding-bottom: 0; }
.message_content .message_name {
position: relative;
margin-top: 32px;
display: inline-block; }
.message_content .message_name:before {
content: "";
background-color: #282828;
position: absolute;
bottom: -8px;
left: 0;
width: 100%;
height: 1px; }
.message_content .message_name span, .message_content .message_name img {
display: inline-block;
vertical-align: bottom; }
.message_content .message_name span {
font-size: 14px; }
.message_content .message_name img {
width: 200px;
padding-left: 32px; }
.logo a {
display: inline-block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.logo svg {
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.logo svg .st0 {
fill: #231815;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
@media screen and (min-width: 769px) {
.logo a:hover {
opacity: 0.5; } }
.common_heading {
margin-bottom: 52px;
text-align: center; }
.common_heading.left {
text-align: left; }
.common_heading.left h2 span:before {
left: 0;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0); }
.common_heading h2 {
font-size: 20px;
font-weight: 700;
line-height: 1.6;
letter-spacing: 1px; }
.common_heading h2 span {
font-family: "Lato", sans-serif;
font-size: 42px;
font-weight: 900;
position: relative;
margin-bottom: 20px;
display: block; }
.common_heading h2 span:before {
content: "";
background-color: #282828;
position: absolute;
width: 40px;
height: 2px;
bottom: -8px;
left: 50%;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0); }
.common_title {
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 1.6;
letter-spacing: 4px;
margin-bottom: 32px; }
.common_title .common_small_text {
font-size: 24px;
padding-top: 16px;
display: block; }
.border_heading {
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 28px;
font-weight: 700;
position: relative;
line-height: 1.6;
padding-left: 24px;
margin-bottom: 32px; }
.border_heading:before {
content: "";
background-color: #282828;
position: absolute;
top: 8px;
left: 0;
width: 6px;
height: 28px;
border-radius: 1.5px;
-webkit-border-radius: 1.5px;
-moz-border-radius: 1.5px;
-ms-border-radius: 1.5px;
-o-border-radius: 1.5px; }
.border_heading.en {
font-family: "Lato", sans-serif;
font-size: 32px;
font-weight: 900; }
.border_heading.en:before {
top: 13px; }
.border_heading.en span {
font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.5px;
padding-left: 28px; }
.common_text p {
font-size: 14px;
line-height: 2.2;
letter-spacing: 0.5px;
margin-bottom: 24px; }
.common_text p:last-child {
margin-bottom: 0; }
.common_text p a {
color: #586CFF;
display: inline-block;
text-decoration: underline; }
.common_text p span {
font-size: 18px;
font-weight: 700;
display: block; }
.common_link {
display: none; }
.btn {
margin-top: 48px; }
.btn .btn_content {
border: 2px solid #2E323C;
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 16px;
font-weight: 700;
position: relative;
width: 200px;
height: 56px;
line-height: 56px;
padding: 0;
margin: 0 auto;
text-align: center;
border-radius: 56px;
-webkit-border-radius: 56px;
-moz-border-radius: 56px;
-ms-border-radius: 56px;
-o-border-radius: 56px; }
.btn .btn_content i {
font-size: 18px;
position: absolute;
top: 50%;
left: 24px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%); }
.bk_btn .btn_content {
color: #fff;
background-color: #2E323C; }
@media screen and (min-width: 769px) {
.bk_btn .btn_content:hover {
color: #2E323C;
background-color: #E6FF00; } }
.wt_btn .btn_content {
color: #2E323C;
background-color: #fff; }
@media screen and (min-width: 769px) {
.wt_btn .btn_content:hover {
color: #2E323C;
background-color: #E6FF00; } }
.arrow_btn {
font-size: 15px;
margin-bottom: 44px; }
.arrow_btn:last-child {
margin-bottom: 0; }
.arrow_btn a {
position: relative; }
.arrow_btn a:before {
content: "";
background-color: #2E323C;
position: absolute;
bottom: -8px;
left: 0;
width: 100%;
height: 2px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px; }
.arrow_btn .arrow_icon, .arrow_btn h3, .arrow_btn .arrow_circle {
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
.arrow_btn .arrow_icon {
height: 60px;
padding-right: 20px;
vertical-align: bottom; }
.arrow_btn .arrow_icon.icon_movie {
padding-top: 4px; }
.arrow_btn .arrow_icon.icon_movie svg .cls-1 {
fill: #2e323c; }
.arrow_btn .arrow_icon.icon_movie span {
padding-top: 8px; }
.arrow_btn .arrow_icon.icon_pdf svg .cls-1, .arrow_btn .arrow_icon.icon_pdf svg .cls-2 {
fill: #242424; }
.arrow_btn .arrow_icon.icon_pdf svg .cls-1 {
stroke: #707070;
opacity: 0; }
.arrow_btn .arrow_icon.icon_pdf svg .cls-3 {
stroke: none; }
.arrow_btn .arrow_icon.icon_pdf svg .cls-4 {
fill: none; }
.arrow_btn .arrow_icon.icon_pdf span {
padding-top: 8px; }
.arrow_btn .arrow_icon span, .arrow_btn .arrow_icon svg {
display: block;
text-align: center; }
.arrow_btn .arrow_icon span {
font-family: "Lato", sans-serif;
font-size: 12px; }
.arrow_btn h3 {
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 1.4;
vertical-align: top; }
.arrow_btn h3 span {
font-size: 14px;
font-weight: 400;
display: block; }
.arrow_btn .arrow_circle {
float: right;
background-color: #2E323C;
position: relative;
width: 40px;
height: 40px;
margin-top: 12px;
margin-left: 36px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.arrow_btn .arrow_circle i {
color: #fff;
font-size: 18px;
position: absolute;
top: 50%;
left: 53%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%); }
@media screen and (min-width: 769px) {
.arrow_btn a:hover .arrow_circle {
transform: translateX(8px);
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
-ms-transform: translateX(8px);
-o-transform: translateX(8px); } }
.news_list {
font-size: 0; }
.news_list article {
font-size: 13px;
width: 33.3333%;
padding: 0;
margin: 0 0 72px; }
.news_list article:nth-child(3n+1) {
padding-right: 28px; }
.news_list article:nth-child(3n+2) {
padding: 0 14px; }
.news_list article:nth-child(3n) {
padding-left: 28px; }
.news_list article .news_img {
border: 1px solid #D9D9D9;
position: relative;
width: 100%;
height: 240px;
overflow: hidden;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.news_list article .news_img .news_bg {
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
width: 100%;
height: 100%;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.news_list article .news_content {
padding-top: 24px; }
.news_list article .news_content .news_info span {
font-weight: 700;
display: inline-block;
vertical-align: middle; }
.news_list article .news_content .news_info .news_category {
background-color: #E6FF00;
height: 24px;
line-height: 26px;
padding: 0 16px;
border-radius: 24px;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
-ms-border-radius: 24px;
-o-border-radius: 24px; }
.news_list article .news_content .news_info .news_date {
color: #848484;
font-family: "Lato", sans-serif;
font-size: 14px;
padding-left: 12px; }
.news_list article .news_content h2 {
font-size: 16px;
font-weight: 700;
line-height: 1.6;
letter-spacing: 1px;
padding-top: 12px; }
@media screen and (min-width: 769px) {
.news_list article a:hover .news_img {
transform: scale(0.95);
-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
-ms-transform: scale(0.95);
-o-transform: scale(0.95); }
.news_list article a:hover .news_img .news_bg {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1); } }
.table_list.hitory_table .table_item table tr td p {
width: calc(100% - 136px); }
.table_list .table_item {
margin-bottom: 64px; }
.table_list .table_item:last-child {
margin-bottom: 0; }
.table_list .table_item .table_title {
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 30px;
font-weight: 700;
letter-spacing: 0.5px;
margin-bottom: 16px; }
.table_list .table_item table {
width: 100%; }
.table_list .table_item table tr {
border-top: 1px solid #2E323C;
font-size: 18px;
padding: 0;
margin: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
.table_list .table_item table tr:last-child {
border-bottom: 1px solid #2E323C; }
.table_list .table_item table tr th, .table_list .table_item table tr td {
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.6;
letter-spacing: 1px;
padding: 20px 32px;
vertical-align: middle;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
.table_list .table_item table tr th.sustainatd, .table_list .table_item table tr td.sustainatd {
font-size: 14px;
padding: 20px 10px; }
.table_list .table_item table tr th.sustainatd span, .table_list .table_item table tr th.sustainatd p, .table_list .table_item table tr td.sustainatd span, .table_list .table_item table tr td.sustainatd p {
font-size: 12px; }
.table_list .table_item table tr th.sustainatd01, .table_list .table_item table tr td.sustainatd01 {
display: none; }
.table_list .table_item table tr th.sustaina_ttltd, .table_list .table_item table tr td.sustaina_ttltd {
display: none; }
.table_list .table_item table tr th.sustaina_ttltd01, .table_list .table_item table tr td.sustaina_ttltd01 {
display: none; }
.table_list .table_item table tr th {
background-color: #F7F7F7;
font-size: 18px;
font-weight: 900;
width: 104px;
padding: 0;
text-align: center; }
.table_list .table_item table tr th.sustaina {
font-size: 12px;
width: 100%;
padding-left: 10px;
text-align: left; }
.table_list .table_item table tr th.sustaina_ttl {
display: none; }
.table_list .table_item table tr td span, .table_list .table_item table tr td p {
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
.table_list .table_item table tr td span {
color: #2E323C;
border: 1px solid #2E323C;
font-size: 14px;
font-weight: 700;
width: 110px;
height: 28px;
line-height: 28px;
margin-right: 20px;
text-align: center;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
.table_list .table_item table tr td span.corporate {
color: #fff;
background-color: #2E323C; }
.table_list .table_item table tr td span.st01 {
background: #DB0016;
border: 1px solid #FFFFFF;
color: #FFFFFF;
font-size: 20px;
font-weight: 700;
width: 40px;
height: 40px;
line-height: 40px;
margin-right: 5px; }
.table_list .table_item table tr td span.st03 {
background: #25872A;
border: 1px solid #FFFFFF;
color: #FFFFFF;
font-size: 20px;
font-weight: 700;
width: 40px;
height: 40px;
line-height: 40px;
margin-right: 5px; }
.table_list .table_item table tr td span.st04 {
background: #B7001E;
border: 1px solid #FFFFFF;
color: #FFFFFF;
font-size: 20px;
font-weight: 700;
width: 40px;
height: 40px;
line-height: 40px;
margin-right: 5px; }
.table_list .table_item table tr td span.st05 {
background: #E01F10;
border: 1px solid #FFFFFF;
color: #FFFFFF;
font-size: 20px;
font-weight: 700;
width: 40px;
height: 40px;
line-height: 40px;
margin-right: 5px; }
.table_list .table_item table tr td span.st07 {
background: #FFAD01;
border: 1px solid #FFFFFF;
color: #FFFFFF;
font-size: 20px;
font-weight: 700;
width: 40px;
height: 40px;
line-height: 40px;
margin-right: 5px; }
.table_list .table_item table tr td span.st08 {
background: #820024;
border: 1px solid #FFFFFF;
color: #FFFFFF;
font-size: 20px;
font-weight: 700;
width: 40px;
height: 40px;
line-height: 40px;
margin-right: 5px; }
.table_list .table_item table tr td span.st09 {
background: #FC6730;
border: 1px solid #FFFFFF;
color: #FFFFFF;
font-size: 20px;
font-weight: 700;
width: 40px;
height: 40px;
line-height: 40px;
margin-right: 5px; }
.table_list .table_item table tr td span.st11 {
background: #F78E00;
border: 1px solid #FFFFFF;
color: #FFFFFF;
font-size: 20px;
font-weight: 700;
width: 40px;
height: 40px;
line-height: 40px;
margin-right: 5px; }
.table_list .table_item table tr td span.st12 {
background: #C5882F;
border: 1px solid #FFFFFF;
color: #FFFFFF;
font-size: 20px;
font-weight: 700;
width: 40px;
height: 40px;
line-height: 40px;
margin-right: 5px; }
.table_list .table_item table tr td span.st13 {
background: #3C8045;
border: 1px solid #FFFFFF;
color: #FFFFFF;
font-size: 20px;
font-weight: 700;
width: 40px;
height: 40px;
line-height: 40px;
margin-right: 5px; }
.table_list .table_item table tr td span.st15 {
background: #3F8345;
border: 1px solid #FFFFFF;
color: #FFFFFF;
font-size: 20px;
font-weight: 700;
width: 40px;
height: 40px;
line-height: 40px;
margin-right: 5px; }
.table_list .table_item table tr td span.st16 {
background: #074A7F;
border: 1px solid #FFFFFF;
color: #FFFFFF;
font-size: 20px;
font-weight: 700;
width: 40px;
height: 40px;
line-height: 40px;
margin-right: 5px; }
.table_list .table_item table tr td span.st17 {
background: #002454;
border: 1px solid #FFFFFF;
color: #FFFFFF;
font-size: 20px;
font-weight: 700;
width: 40px;
height: 40px;
line-height: 40px;
margin-right: 5px; }
.table_list .table_item table tr td p {
font-size: 16px;
font-weight: 700; }
@media screen and (min-width: 780px) {
.table_list .table_item table tr th.sustaina_ttltd, .table_list .table_item table tr td.sustaina_ttltd {
display: table-cell;
font-size: 14px;
font-weight: 900;
padding: 20px 10px;
color: #FFFFFF;
background-color: #2E323C; }
.table_list .table_item table tr th.sustaina_ttltd01, .table_list .table_item table tr td.sustaina_ttltd01 {
display: table-cell;
font-size: 14px;
padding: 20px 10px;
color: #FFFFFF;
background-color: #2E323C; }
.table_list .table_item table tr th.sustaina_ttl {
display: table-cell;
padding: 20px 10px;
text-align: left;
font-size: 14px;
color: #FFFFFF;
background-color: #2E323C;
width: 380px; }
.table_list .table_item table tr th.sustainatd01, .table_list .table_item table tr td.sustainatd01 {
display: table-cell;
width: 200px;
font-size: 14px;
padding: 20px 10px; }
.table_list .table_item table tr th.sustaina {
width: 380px;
font-size: 14px; }
.table_list .table_item table tr th.sustainatd p {
font-size: 14px; } }
.modal_list .modal_item {
margin-bottom: 96px; }
.modal_list .modal_item:nth-child(2) {
margin-bottom: 20px; }
.modal_list li {
cursor: pointer;
font-size: 12px;
width: 33.3333%;
line-height: 1.8;
letter-spacing: 0.5px;
padding: 0;
margin-bottom: 48px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.modal_list li:nth-child(3n+1) {
padding-right: 28px; }
.modal_list li:nth-child(3n+2) {
padding: 0 14px; }
.modal_list li:nth-child(3n) {
padding-left: 28px; }
.modal_list li.modal_none {
cursor: default; }
.modal_list li .modal_img {
border: 1px solid #D9D9D9;
position: relative;
overflow: hidden;
border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-ms-border-radius: 16px;
-o-border-radius: 16px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.modal_list li .modal_img img {
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.modal_list li .modal_content {
border-bottom: 1px solid #707070;
padding: 20px 0 6px; }
@media screen and (min-width: 769px) {
.modal_list li:hover .modal_img {
transform: scale(0.95);
-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
-ms-transform: scale(0.95);
-o-transform: scale(0.95); }
.modal_list li:hover .modal_img img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1); } }
@media screen and (min-width: 769px) {
.modal_list li.modal_none:hover .modal_img {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1); }
.modal_list li.modal_none:hover .modal_img img {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1); } }
#more_contents {
padding: 60px 32px 20px; }
#more_contents .more_list li {
font-size: 16px;
width: 33.3333%;
padding: 0;
margin-bottom: 40px;
vertical-align: middle; }
#more_contents .more_list li:nth-child(3n+1) {
padding-right: 26.6666px; }
#more_contents .more_list li:nth-child(3n+2) {
padding: 0 13.3333px; }
#more_contents .more_list li:nth-child(3n) {
padding-left: 26.6666px; }
#more_contents .more_list li.more_title .common_heading {
margin: 0;
text-align: left; }
#more_contents .more_list li.more_title .common_heading h2 {
line-height: 1.2;
letter-spacing: 0;
margin: 0; }
#more_contents .more_list li.more_title .common_heading h2 span {
margin: 0; }
#more_contents .more_list li.more_title .common_heading h2 span:before {
content: none; }
#more_contents .more_list li.history .list_img {
border: 1px solid #EDEDED;
border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
-ms-border-radius: 8px 8px 0 0;
-o-border-radius: 8px 8px 0 0; }
#more_contents .more_list li a {
background-color: #fff;
overflow: hidden;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
#more_contents .more_list li .list_img {
position: relative;
overflow: hidden; }
#more_contents .more_list li .list_img img {
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
#more_contents .more_list li .list_content {
font-weight: 700;
padding: 16px 24px; }
#more_contents .more_list li .list_content i, #more_contents .more_list li .list_content span {
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
#more_contents .more_list li .list_content i {
padding-right: 28px; }
@media screen and (min-width: 769px) {
#more_contents .more_list li a:hover .list_img img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1); } }
#overs_sec {
overflow: hidden;
padding-left: 0;
padding-right: 0; }
#overs_sec .middle_inner {
max-width: 1096px; }
#overs_sec .common_heading h2 {
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.overs_list {
font-size: 0; }
.overs_list #overs_slide {
padding: 0 8px; }
.overs_list #overs_slide .slick-arrow {
cursor: pointer;
color: #fff;
background-color: #2E323C;
font-size: 24px;
position: absolute;
top: 124px;
width: 56px;
height: 56px;
z-index: 1;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.overs_list #overs_slide .slick-arrow i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%); }
.overs_list #overs_slide .slick-prev {
left: 8px; }
.overs_list #overs_slide .slick-next {
right: 8px; }
.overs_list #overs_slide article {
margin: 0 20px; }
.overs_list #overs_slide article:nth-child(3n+1), .overs_list #overs_slide article:nth-child(3n+2), .overs_list #overs_slide article:nth-child(3n) {
padding: 0; }
.overs_list article {
font-size: 14px;
width: 33.3333%;
padding: 0;
margin: 0; }
.overs_list article:nth-child(3n+1) {
padding-right: 28px; }
.overs_list article:nth-child(3n+2) {
padding: 0 14px; }
.overs_list article:nth-child(3n) {
padding-left: 28px; }
.overs_list article .overs_img {
width: 100%;
height: 240px;
position: relative;
overflow: hidden;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.overs_list article .overs_img .overs_bg {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.overs_list article .overs_content {
margin-top: 24px; }
.overs_list article .overs_content span {
background-color: #E6FF00;
font-size: 14px;
font-weight: 700;
line-height: 1.6;
height: 24px;
line-height: 26px;
padding: 0 16px;
display: inline-block;
border-radius: 24px;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
-ms-border-radius: 24px;
-o-border-radius: 24px; }
.overs_list article .overs_content h3 {
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 1.6;
letter-spacing: 1px;
padding-top: 12px; }
@media screen and (min-width: 769px) {
.overs_list #overs_slide .slick-prev:hover {
left: 0; } }
@media screen and (min-width: 769px) {
.overs_list #overs_slide .slick-next:hover {
right: 0; } }
@media screen and (min-width: 769px) {
.overs_list article a:hover .overs_img {
transform: scale(0.95);
-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
-ms-transform: scale(0.95);
-o-transform: scale(0.95); }
.overs_list article a:hover .overs_img .overs_bg {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1); } }
#modal_window .modal_list {
cursor: default;
background-color: #fff;
font-size: 0;
position: relative;
max-width: 1040px;
width: 100%;
line-height: 1.6;
letter-spacing: 0.5px;
padding: 0;
margin: 0 auto;
text-align: center;
display: none;
overflow: hidden;
border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-ms-border-radius: 16px;
-o-border-radius: 16px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#modal_window .modal_list .close_btn {
cursor: pointer;
color: #fff;
position: fixed;
top: 30px;
right: 40px;
z-index: 4; }
#modal_window .modal_list .close_btn .close_text, #modal_window .modal_list .close_btn .close_icon {
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#modal_window .modal_list .close_btn .close_text {
font-family: "Lato", sans-serif;
font-size: 16px;
font-weight: 700;
padding-right: 16px; }
#modal_window .modal_list .close_btn .close_icon {
position: relative;
width: 20px;
height: 20px; }
#modal_window .modal_list .close_btn .close_icon span {
background-color: #fff;
position: absolute;
left: 0;
width: 20px;
height: 4px;
overflow: hidden; }
#modal_window .modal_list .close_btn .close_icon span:nth-child(1) {
top: 0;
transform: translateY(8px) rotate(-45deg);
-webkit-transform: translateY(8px) rotate(-45deg);
-moz-transform: translateY(8px) rotate(-45deg);
-ms-transform: translateY(8px) rotate(-45deg);
-o-transform: translateY(8px) rotate(-45deg); }
#modal_window .modal_list .close_btn .close_icon span:nth-child(2) {
bottom: 0;
transform: translateY(-8px) rotate(45deg);
-webkit-transform: translateY(-8px) rotate(45deg);
-moz-transform: translateY(-8px) rotate(45deg);
-ms-transform: translateY(-8px) rotate(45deg);
-o-transform: translateY(-8px) rotate(45deg); }
.modal_overlay {
background-color: rgba(0, 0, 0, 0.8);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 120%;
display: none;
z-index: 3; }
.modal_wrap {
cursor: pointer;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0 32px;
display: none;
z-index: 4;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
footer {
position: relative;
padding: 48px 16px 0;
overflow: hidden; }
footer:before {
content: "";
background-color: #F7F7F7;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 58%;
z-index: -1; }
footer .inner {
position: relative; }
footer .middle_inner {
text-align: center;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px; }
footer .middle_inner:before {
content: "";
background-color: #fff;
position: absolute;
bottom: -40px;
left: 50%;
width: 1120px;
height: 100%;
z-index: -1;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0); }
footer .large_inner {
max-width: 1040px;
padding: 80px 0 40px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
footer .large_inner_front {
max-width: 1040px;
padding: 24px 0 40px; }
footer .f_top {
color: #fff;
background-color: #2E323C;
padding: 40px 20px;
margin: 0 auto;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px; }
footer #f_logo a {
display: inline-block; }
footer #f_logo svg .st0 {
fill: #fff; }
footer #f_menu {
margin-top: 40px; }
footer #f_menu li {
padding: 0 20px;
margin-bottom: 28px; }
footer #f_menu li:first-child {
padding-left: 0; }
footer #f_menu li:last-child {
padding-right: 0; }
footer #f_menu li .menu_title {
color: #fff;
font-family: "Lato", sans-serif;
font-size: 16px;
font-weight: 900;
position: relative; }
footer #f_menu li .menu_title:before {
content: "";
background-color: #fff;
position: absolute;
bottom: -8px;
left: 0;
width: 100%;
height: 4px;
transform: scaleX(0) translateZ(0);
-webkit-transform: scaleX(0) translateZ(0);
-moz-transform: scaleX(0) translateZ(0);
-ms-transform: scaleX(0) translateZ(0);
-o-transform: scaleX(0) translateZ(0);
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-ms-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-o-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transform-origin: left top;
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top; }
footer #f_menu li .menu_title i {
font-size: 14px;
padding-left: 6px; }
footer #f_menu li ul {
display: none; }
footer #f_sns {
margin-top: 12px; }
footer #f_sns li {
font-family: "Lato", sans-serif;
font-size: 16px;
font-weight: 900;
padding: 0 20px;
margin: 0; }
footer #f_sns li a {
color: #fff; }
footer #f_sns li i, footer #f_sns li svg, footer #f_sns li span {
display: inline-block;
vertical-align: middle; }
footer #f_sns li svg {
padding-right: 12px; }
footer #f_sns li svg .st0 {
fill: #fff; }
footer #f_sns li span {
position: relative; }
footer #f_sns li span:before {
content: "";
background-color: #fff;
position: absolute;
bottom: -8px;
left: 0;
width: 100%;
height: 4px;
transform: scaleX(0) translateZ(0);
-webkit-transform: scaleX(0) translateZ(0);
-moz-transform: scaleX(0) translateZ(0);
-ms-transform: scaleX(0) translateZ(0);
-o-transform: scaleX(0) translateZ(0);
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-ms-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-o-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transform-origin: left top;
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top; }
footer #f_link {
display: inline-block; }
footer #f_link li {
font-size: 12px;
font-weight: 700;
padding: 0 0 0 40px;
margin: 0; }
footer #f_link li:first-child {
padding: 0; }
@media screen and (max-width: 450px) {
.external-links {
max-width: 1040px;
margin: auto;
padding: 64px 10px 0; }
.external-links .external-links-list {
display: flex;
flex-wrap: wrap; }
.external-links .external-links-list .external-links-list-item:not(:root) {
margin: 0 !important;
padding: 0 !important;
font-weight: 500;
line-height: 1.8; }
.external-links .external-links-list .external-links-list-item:not(:root) a {
color: #717171;
display: inline-block;
font-weight: 500; }
.external-links .external-links-list .external-links-list-item:not(:root):after {
content: "|";
padding: 0 5px;
color: #717171; }
smallsmall {
float: right;
color: #B4B4B4;
font-family: "Lato", sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 1.6;
letter-spacing: 0.5px;
padding-top: 8px; } }
@media screen and (min-width: 769px) {
footer #f_menu li .menu_title:hover:before {
transform: scaleX(1) translateZ(0);
-webkit-transform: scaleX(1) translateZ(0);
-moz-transform: scaleX(1) translateZ(0);
-ms-transform: scaleX(1) translateZ(0);
-o-transform: scaleX(1) translateZ(0); } }
@media screen and (min-width: 769px) {
footer #f_sns li a:hover span:before {
transform: scaleX(1) translateZ(0);
-webkit-transform: scaleX(1) translateZ(0);
-moz-transform: scaleX(1) translateZ(0);
-ms-transform: scaleX(1) translateZ(0);
-o-transform: scaleX(1) translateZ(0); } }
@media screen and (min-width: 769px) {
footer #f_link li a:hover {
opacity: 0.5; } }
@media screen and (max-width: 1264px) {
header #pc_menu #pc_nav li {
padding: 0 0 0 32px; }
header #pc_menu #pc_nav li .drop_menu .drop_ir {
padding: 40px 32px; }
header #pc_menu #pc_nav li .drop_menu .drop_sus {
padding: 40px 32px; }
header #pc_menu #overs_link {
margin-left: 32px; } }
@media screen and (max-width: 1200px) {
header #h_logo {
left: 32px; }
header #pc_menu #pc_nav li {
padding: 0 0 0 24px; }
header #pc_menu #pc_nav li .menu_title {
font-size: 14px; }
header #pc_menu #pc_nav li .drop_menu .drop_link .drop_text {
font-size: 48px; }
header #pc_menu #pc_nav li .drop_menu .drop_about {
margin-top: 32px; }
header #pc_menu #pc_nav li .drop_menu .drop_ir {
padding: 40px 24px; }
header #pc_menu #pc_nav li .drop_menu .drop_ir .drop_ir_list li {
font-size: 20px; }
header #pc_menu #pc_nav li .drop_menu .drop_ir .drop_ir_menu {
margin-top: 32px; }
header #pc_menu #pc_nav li .drop_menu .drop_ir .drop_ir_menu li {
font-size: 12px;
padding: 0 20px; }
header #pc_menu #pc_nav li .drop_menu .drop_ir .drop_ir_menu li .drop_list {
font-size: 16px; }
header #pc_menu #pc_nav li .drop_menu .drop_sus {
padding: 40px 24px; }
header #pc_menu #pc_nav li .drop_menu .drop_sus .drop_sus_list li {
font-size: 20px; }
header #pc_menu #pc_nav li .drop_menu .drop_sus .drop_sus_menu {
margin-top: 32px; }
header #pc_menu #pc_nav li .drop_menu .drop_sus .drop_sus_menu li {
font-size: 12px;
padding: 0 20px; }
header #pc_menu #pc_nav li .drop_menu .drop_sus .drop_sus_menu li .drop_list {
font-size: 16px; }
header #pc_menu #overs_link {
margin-left: 24px; }
header #pc_menu .language_choice {
margin: 0 32px 0 24px; }
.header_content h1 {
font-size: 16px; }
.header_content .header_text {
font-size: 64px; }
.header_content .breadcrumbs {
padding-top: 32px; }
.header_content .breadcrumbs li svg {
margin-top: 3px; }
footer .middle_inner {
padding: 0 16px; }
footer .middle_inner:before {
bottom: -16px;
width: 100%; }
footer .large_inner {
padding: 56px 0 40px; } }
#external_links ul {
display: flex !important;
flex-wrap: wrap !important; }
#external_links ul li {
font-size: 12px !important; }
#external_links ul li:not(:root) {
font-weight: 500;
padding: 0 !important;
margin: 0 !important;
line-height: 1.8; }
#external_links ul li:not(:root) a {
color: #717171;
font-weight: 500;
display: inline-block; }
#external_links ul li:not(:root):after {
color: #717171;
content: "|";
padding: 0 5px; }
footer small {
float: right;
color: #B4B4B4;
font-size: 12px;
font-weight: 400;
line-height: 1.6;
letter-spacing: 0.5px;
padding-top: 28px; }
@media screen and (max-width: 1040px) {
.ie .border_heading:before {
top: 2px; }
.ir_gre_sec {
padding-left: 16px;
padding-right: 16px; }
.message_content img {
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
.message_content .message_title {
font-size: 20px;
margin-top: 40px; }
.message_content .message_text {
margin-top: 40px; }
.message_content .message_text p {
font-size: 16px;
padding-bottom: 24px; }
.border_heading {
font-size: 24px; }
.border_heading:before {
top: 5px; }
.border_heading.en {
font-size: 28px; }
.border_heading.en:before {
top: 9px; }
.btn .btn_content {
font-size: 14px; }
.common_heading {
margin-bottom: 40px; }
.common_heading h2 {
font-size: 16px; }
.common_heading h2 span {
font-size: 36px; }
.common_title {
font-size: 28px; }
.common_title .common_small_text {
font-size: 22px; }
.arrow_btn {
font-size: 14px; }
.arrow_btn a h3 {
font-size: 22px; }
.table_list .table_item .table_title {
font-size: 24px; }
.table_list .table_item table tr th {
font-size: 14px; }
.table_list .table_item table tr td {
font-size: 14px; }
.table_list .table_item table tr td span {
font-size: 13px; }
.table_list .table_item table tr td p {
font-size: 14px; }
.modal_list .modal_item {
margin-bottom: 72px; }
.modal_list .modal_item:nth-child(2) {
margin-bottom: 20px; }
.modal_list li {
margin-bottom: 40px; }
.modal_list li:nth-child(3n+1) {
padding-right: 20px; }
.modal_list li:nth-child(3n+2) {
padding: 0 10px; }
.modal_list li:nth-child(3n) {
padding-left: 20px; }
.overs_list #overs_slide .slick-arrow {
top: 36%; }
.overs_list #overs_slide article {
margin: 0 16px; }
.overs_list article .overs_content h3 {
font-size: 14px; }
footer .large_inner {
padding-left: 16px;
padding-right: 16px; } }
@media screen and (max-width: 1023px) {
.ie header #sp_menu .sp_nav li ul li .sp_title {
padding: 12px 24px 4px; }
.ie header #sp_menu .sp_nav li ul li ul li a {
padding: 16px 0 8px;
display: block; }
#main {
padding-top: 112px; }
header {
height: 80px; }
header.active {
background-color: #2E323C; }
header #h_logo svg {
width: 124.1344px;
height: 32px; }
header #pc_menu {
display: none; }
header #sp_menu, header #sp_btn {
display: block; }
header #sp_menu {
color: #fff;
background-color: #2E323C;
position: fixed;
top: 0;
width: 100%;
height: 100vh;
line-height: 1.6;
padding: 8px 0 88px 32px;
margin-top: 80px;
z-index: 9998;
overflow-x: hidden;
overflow-y: scroll;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
transform: translateX(100%);
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
header #sp_menu.active {
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0); }
header #sp_menu .sp_nav li {
font-family: "Lato", sans-serif;
font-size: 28px;
font-weight: 700; }
header #sp_menu .sp_nav li.contact_link {
margin-top: 20px; }
header #sp_menu .sp_nav li.contact_link a {
color: #2E323C;
background-color: #fff;
display: block; }
header #sp_menu .sp_nav li a {
color: #fff;
display: inline-block; }
header #sp_menu .sp_nav li .sp_menu_title {
font-family: "Lato", sans-serif;
font-size: 28px;
font-weight: 700;
padding: 8px 16px; }
header #sp_menu .sp_nav li .sp_menu_title.active i {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg); }
header #sp_menu .sp_nav li .sp_menu_title span {
display: inline-block;
vertical-align: middle; }
header #sp_menu .sp_nav li .sp_menu_title i {
display: inline-block;
vertical-align: middle;
font-size: 20px;
margin-left: 14px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
header #sp_menu .sp_nav li ul {
padding-right: 48px;
display: none; }
header #sp_menu .sp_nav li ul li {
font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 18px;
padding-left: 16px; }
header #sp_menu .sp_nav li ul li .sp_title {
font-weight: 700;
padding: 8px 24px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
header #sp_menu .sp_nav li ul li .sp_title.sp_title_menu.active {
color: #2E323C;
background-color: #E6FF00;
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-ms-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0; }
header #sp_menu .sp_nav li ul li .sp_title.sp_title_menu.active i {
color: #2E323C;
transform: translate(0, -50%) rotate(180deg);
-webkit-transform: translate(0, -50%) rotate(180deg);
-moz-transform: translate(0, -50%) rotate(180deg);
-ms-transform: translate(0, -50%) rotate(180deg);
-o-transform: translate(0, -50%) rotate(180deg); }
header #sp_menu .sp_nav li ul li .sp_title .icon_title {
font-weight: 700;
position: relative;
width: 152px; }
header #sp_menu .sp_nav li ul li .sp_title i {
position: absolute;
top: 50%;
right: 10px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
header #sp_menu .sp_nav li ul li ul {
background-color: #fff;
padding: 0 40px 0 24px;
margin-bottom: 16px;
border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px; }
header #sp_menu .sp_nav li ul li ul li {
border-bottom: 1px solid #EDEDED;
font-size: 14px;
padding: 0; }
header #sp_menu .sp_nav li ul li ul li a {
color: #2E323C;
padding: 12px 0; }
header #sp_menu .sp_over {
padding-left: 16px;
margin-top: 32px; }
header #sp_menu .sp_over svg .st0 {
fill: #fff; }
header #sp_menu .language_choice {
margin-top: 32px; }
header #sp_menu .language_choice li a {
color: #fff;
background-color: transparent;
border: 1px solid #fff;
width: auto;
height: auto;
line-height: 1.6;
padding: 8px 16px; }
header #sp_menu .sp_sns {
padding-left: 16px;
margin-top: 32px; }
header #sp_menu .sp_sns li {
font-family: "Lato", sans-serif;
font-size: 16px;
font-weight: 900;
width: auto;
padding: 0 32px 0 0;
display: inline-block; }
header #sp_menu .sp_sns li:last-child {
padding: 0; }
header #sp_menu .sp_sns li a {
color: #fff; }
header #sp_menu .sp_sns li i, header #sp_menu .sp_sns li svg, header #sp_menu .sp_sns li span {
display: inline-block;
vertical-align: middle; }
header #sp_menu .sp_sns li i {
font-size: 32px; }
header #sp_menu .sp_sns li svg .st0 {
fill: #fff; }
header #sp_menu .sp_sns li span {
padding-left: 12px; }
header #sp_btn {
position: absolute;
top: 50%;
right: 16px;
width: 40px;
height: 40px;
z-index: 9999;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%); }
header #sp_btn a {
border: 2px solid #000;
width: 100%;
height: 100%;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
header #sp_btn a.active {
border: 2px solid #fff; }
header #sp_btn a.active .sp_dot span {
background-color: #E6FF00; }
header #sp_btn .sp_dot {
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 3px;
text-align: center;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%); }
header #sp_btn .sp_dot span {
background-color: #2E323C;
position: absolute;
width: 3px;
height: 3px;
display: inline-block;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
header #sp_btn .sp_dot span:nth-child(1) {
left: 0; }
header #sp_btn .sp_dot span:nth-child(2) {
left: 50%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0); }
header #sp_btn .sp_dot span:nth-child(3) {
right: 0; }
.common_heading h2 span {
font-size: 32px; }
.common_title {
font-size: 24px;
letter-spacing: 2px; }
.common_title .common_small_text {
font-size: 20px; }
.news_list article {
width: 50%;
margin-bottom: 56px; }
.news_list article:nth-child(3n+1), .news_list article:nth-child(3n+2), .news_list article:nth-child(3n) {
padding: 0; }
.news_list article:nth-child(odd) {
padding-right: 16px; }
.news_list article:nth-child(even) {
padding-left: 16px; }
.modal_list li {
width: 50%; }
.modal_list li:nth-child(3n+1), .modal_list li:nth-child(3n+2), .modal_list li:nth-child(3n) {
padding: 0; }
.modal_list li:nth-child(odd) {
padding-right: 16px; }
.modal_list li:nth-child(even) {
padding-left: 16px; }
.modal_list li .modal_img {
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
#more_contents .more_list li {
font-size: 14px; }
#more_contents .more_list li:nth-child(3n+1) {
padding-right: 20px; }
#more_contents .more_list li:nth-child(3n+2) {
padding: 0 10px; }
#more_contents .more_list li:nth-child(3n) {
padding-left: 20px; }
#more_contents .more_list li .list_content i {
padding-right: 16px; } }
@media screen and (max-width: 768px) {
.ie .border_heading:before {
top: 0; }
.ie .btn .btn_content {
line-height: 52px; }
.ie #overs_sec .btn .btn_content {
line-height: 48px; }
.section {
padding: 56px 32px; }
.ir_gre_sec {
padding-left: 16px;
padding-right: 16px;
margin-top: 56px; }
.pc {
display: none; }
.tb {
display: block; }
.list {
width: 100%;
padding: 0;
margin-bottom: 32px; }
.list:last-child {
margin-bottom: 0; }
#management_team .header_content .header_text, #financial_summary .header_content .header_text {
font-size: 44px; }
#cgovernance .header_content .header_text, #stockholders_meeting .header_content .header_text {
font-size: 38px; }
#ma .header_content .header_text {
font-size: 36px; }
#common_page .min_inner .common_text {
text-align: left; }
#page_header {
padding: 0 32px 10px; }
#page_header:before {
height: 80px; }
.header_content h1 {
font-size: 14px; }
.header_content .header_text {
font-size: 48px;
padding-top: 24px; }
.header_content .breadcrumbs {
padding-top: 24px; }
.header_content .breadcrumbs li {
font-size: 12px; }
.message_content .message_title {
font-size: 18px;
margin-top: 32px; }
.message_content .message_text p {
font-size: 14px; }
.message_content .message_name span {
font-size: 12px; }
.message_content .message_name img {
width: 160px;
padding-left: 16px; }
.common_heading {
margin-bottom: 32px; }
.common_heading h2 span {
font-size: 28px; }
.common_heading h2 span:before {
width: 24px;
height: 1px; }
.common_title {
font-size: 20px;
letter-spacing: 1px;
margin-bottom: 24px; }
.common_title .common_small_text {
font-size: 16px;
padding-top: 8px; }
.common_link {
margin-top: 48px;
display: block; }
.common_link ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.common_link li {
font-size: 16px;
width: 50%;
padding: 0;
margin-bottom: 32px;
line-height: 1.4;
letter-spacing: 1px; }
.common_link li:nth-child(odd) {
padding-right: 12px; }
.common_link li:nth-child(even) {
padding-left: 12px; }
.common_link li a {
border-bottom: 1px solid #D9D9D9;
height: 100%;
padding-bottom: 16px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
.common_link li .link_num, .common_link li .link_title {
font-weight: 700;
display: block; }
.common_link li .link_num {
color: #aaa;
font-family: "Lato", sans-serif;
font-size: 14px;
position: relative;
letter-spacing: 0.75px;
padding-left: 20px; }
.common_link li .link_num:before {
content: "";
background-color: #2E323C;
position: absolute;
top: 50%;
left: 0;
width: 8px;
height: 2px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%); }
.common_link li .link_title {
position: relative;
margin-top: 8px; }
.common_link li .link_title span {
display: inline-block;
vertical-align: middle; }
.common_link li .link_title i {
display: inline-block;
vertical-align: middle;
font-size: 20px;
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%); }
.border_heading {
font-size: 20px;
padding-left: 20px;
margin-bottom: 24px; }
.border_heading:before {
top: 5px;
width: 4px;
height: 24px; }
.border_heading.en {
font-size: 24px; }
.border_heading.en:before {
top: 7px; }
.border_heading.en span {
font-size: 14px;
padding: 0;
display: block; }
.common_text p {
line-height: 1.8; }
.common_text p span {
font-size: 16px; }
.btn .btn_content {
font-size: 14px;
height: 48px;
line-height: 48px; }
#more_contents {
padding: 56px 32px;
margin-bottom: 80px; }
#more_contents .more_list li {
border-bottom: 1px solid #A3A3A3;
width: 100%;
margin: 0;
display: block; }
#more_contents .more_list li:nth-child(3n+1), #more_contents .more_list li:nth-child(3n+2), #more_contents .more_list li:nth-child(3n) {
padding: 0; }
#more_contents .more_list li:nth-child(2) .list_content {
padding-top: 8px; }
#more_contents .more_list li:last-child {
margin-bottom: 0; }
#more_contents .more_list li.more_title {
border-bottom: 0; }
#more_contents .more_list li.more_title .common_heading {
margin: 0 0 24px;
text-align: center; }
#more_contents .more_list li a {
background-color: transparent;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0; }
#more_contents .more_list li .list_img {
display: none; }
#more_contents .more_list li .list_content {
padding: 21px 0; }
#more_contents .more_list li .list_content i {
font-size: 16px;
padding-right: 12px; }
.news_list article {
width: 400px;
margin: 0 auto 56px;
display: block; }
.news_list article:nth-child(odd), .news_list article:nth-child(even) {
padding: 0; }
.news_list article .news_img {
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
.table_list.hitory_table .table_item table tr td p {
width: 100%; }
.table_list .table_item {
margin-bottom: 40px; }
.table_list .table_item .table_title {
font-size: 20px; }
.table_list .table_item table tr {
position: relative;
display: block; }
.table_list .table_item table tr th, .table_list .table_item table tr td {
padding: 0;
display: block; }
.table_list .table_item table tr th {
width: 96px;
height: 44px;
line-height: 44px; }
.table_list .table_item table tr th a {
padding: 0; }
.table_list .table_item table tr td {
border-left: 0;
font-size: 14px;
padding: 16px 16px 20px; }
.table_list .table_item table tr td span {
font-size: 12px;
position: absolute;
top: 8px;
left: 112px;
width: auto;
padding: 0 20px;
margin: 0; }
.table_list .table_item table tr td p {
width: 100%;
display: block; }
.modal_list li {
width: 400px;
margin: 0 auto 48px;
display: block; }
.modal_list li:nth-child(odd), .modal_list li:nth-child(even) {
padding: 0; }
.modal_list li .modal_img {
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
#overs_sec {
padding-bottom: 120px; }
.overs_list #overs_slide {
padding: 0; }
.overs_list #overs_slide .slick-arrow {
top: 120px;
width: 44px;
height: 44px; }
.overs_list #overs_slide .slick-prev {
left: 16px; }
.overs_list #overs_slide .slick-next {
right: 16px; }
.overs_list #overs_slide article {
width: 312px;
margin: 0; }
.overs_list #overs_slide article:nth-child(3n+1), .overs_list #overs_slide article:nth-child(3n+2), .overs_list #overs_slide article:nth-child(3n) {
padding: 0 16px; }
.overs_list #overs_slide article .overs_img {
height: 234px; }
#modal_window .modal_list {
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
#modal_window .modal_list .close_btn {
top: 20px;
right: 20px; }
footer {
padding-top: 0; }
footer .f_top {
padding: 56px 20px; }
footer #f_menu {
padding: 0 0 0 12px;
margin-top: 36px; }
footer #f_menu li {
width: 50%;
padding: 0 32px 0 0;
display: inline-block; }
footer #f_sns li {
width: auto;
padding: 0 10px;
display: inline-block; }
footer #f_sns li i {
font-size: 40px; }
footer #f_sns li svg {
width: 40px;
height: 40px;
padding: 0; }
footer #f_sns li span {
display: none; }
footer .large_inner {
padding: 54px 0 40px;
text-align: center; }
footer .large_inner_front {
padding: 24px 0 40px;
text-align: center; }
footer #f_link {
display: block; }
footer #f_link li {
width: auto;
padding: 0 8px;
margin-bottom: 20px;
display: inline-block; }
footer #f_link li:first-child {
padding: 0 8px; }
footer .external-links {
padding: 42px 10px 0; }
footer .external-links .external-links-list {
display: flex;
flex-wrap: wrap; }
footer .external-links .external-links-list .external-links-list-item:not(:root) {
margin: 0 !important;
padding: 0 !important;
font-weight: 500;
line-height: 1.8; }
footer .external-links .external-links-list .external-links-list-item:not(:root) a {
color: #717171;
display: inline-block;
font-weight: 500; }
footer .external-links .external-links-list .external-links-list-item:not(:root):after {
content: "|";
padding: 0 5px;
color: #717171; }
footer small {
float: none;
font-size: 10px;
display: block; } }
#external_links ul {
display: flex !important;
flex-wrap: wrap !important; }
#external_links ul li {
font-size: 12px !important; }
#external_links ul li:not(:root) {
font-weight: 500;
padding: 0 !important;
margin: 0 !important;
line-height: 1.8; }
#external_links ul li:not(:root) a {
color: #717171;
font-weight: 500;
display: inline-block; }
@media screen and (max-width: 480px) {
.sp {
display: block; }
#group .header_content .header_text {
font-size: 44px; }
#ma .header_content .header_text, #results_briefing .header_content .header_text {
font-size: 40px; }
#earnings_release .header_content .header_text {
font-size: 38px; }
#careers .header_content .header_text, #disclosure_policy .header_content .header_text, #financial_reports .header_content .header_text, #analystcoverage .header_content .header_text {
font-size: 36px; }
#management_team .header_content .header_text, #for_new_investors .header_content .header_text, #info .header_content .header_text {
font-size: 34px; }
#financial_summary .header_content .header_text {
font-size: 32px; }
#cgovernance .header_content .header_text, #stockholders_meeting .header_content .header_text {
font-size: 28px; }
#ma .header_content .header_text {
font-size: 26px; }
.common_content h2 {
font-size: 22px; }
.message_content .message_name img {
width: 144px;
padding-left: 8px; }
.arrow_btn a h3 {
font-size: 20px;
width: 61%;
padding-top: 4px; }
.arrow_btn a h3 span {
font-size: 14px; }
.arrow_btn a .arrow_circle {
margin-left: 16px; }
.arrow_btn .arrow_icon {
padding-right: 16px; }
.news_list article {
font-size: 12px;
width: 100%; }
.news_list article .news_content h2 {
font-size: 14px; }
.modal_list li {
width: 100%;
margin-bottom: 40px; }
#more_contents .more_list li {
width: 100%; }
.overs_list #overs_slide .slick-arrow {
top: 90px; }
.overs_list #overs_slide article {
width: 240px; }
.overs_list #overs_slide article .overs_img {
height: 180px; }
.overs_list #overs_slide article .overs_content span {
font-size: 12px; }
footer #f_menu {
text-align: left; } }
@media screen and (max-width: 374px) {
.sp5 {
display: block; }
header #sp_menu .sp_nav li ul li {
font-size: 16px; }
header #sp_menu .sp_nav li ul li ul li {
font-size: 12px; }
#history .header_content .header_text, #message .header_content .header_text, #cgovernance .header_content .header_text, #calendar .header_content .header_text {
font-size: 44px; }
#service .header_content .header_text, #sustainability .header_content .header_text {
font-size: 40px; }
#stockholders_meeting .header_content .header_text, #public_notice .header_content .header_text {
font-size: 38px; }
#group .header_content .header_text {
font-size: 36px; }
#ma .header_content .header_text, #results_briefing .header_content .header_text {
font-size: 32px; }
#disclosure_policy .header_content .header_text, #earnings_release .header_content .header_text, #financial_reports .header_content .header_text {
font-size: 30px; }
#careers .header_content .header_text, #for_new_investors .header_content .header_text, #info .header_content .header_text, #analystcoverage .header_content .header_text {
font-size: 28px; }
#management_team .header_content .header_text, #financial_summary .header_content .header_text {
font-size: 26px; }
#cgovernance .header_content .header_text, #stockholders_meeting .header_content .header_text, #ma .header_content .header_text {
font-size: 22px; }
.common_title {
font-size: 18px; }
.common_link li {
font-size: 13px; }
.common_link li .link_title i {
font-size: 15px; }
.arrow_btn a .arrow_icon {
padding-right: 12px; }
.arrow_btn a h3 {
font-size: 18px;
width: 56%; } }
#home #main {
padding-top: 96px; }
.ie #first_view #fv_slider .slick-arrow i {
top: 51%;
left: 52%; }
.ie #top_list .list_content .list_lists li .list_heading {
line-height: 1.2; }
.ie #top_list .list_content .list_lists li .list_heading .list_text:before {
top: 34%; }
.ie #top_list .list_content .list_lists li .list_icon .list_arrow i {
top: 53%;
left: 34px; }
#progress {
position: fixed;
top: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100vh;
padding: 0;
display: block;
overflow: hidden;
z-index: 999999; }
#progress.progress_half #progress_loading svg .st0 {
fill: #2E323C; }
#progress #progress_start {
background-color: #2E323C;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
display: block; }
#progress #progress_loading {
background-color: #fff;
top: 0;
right: 0;
width: 100%;
height: 100%;
display: block;
z-index: 9999999; }
#progress #progress_loading svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%); }
#progress #progress_loading svg .st0 {
fill: #fff; }
#first_view {
height: calc(100vh - 96px);
padding: 0; }
#first_view #fv_slider, #first_view #fv_slide, #first_view .slick-list, #first_view .slick-track, #first_view #fv_slide li {
height: 100%; }
#first_view #fv_slider #fv_slide li {
position: relative;
overflow: hidden; }
#first_view #fv_slider #fv_slide li.slick-current .fv_content .fv_title, #first_view #fv_slider #fv_slide li.slick-current .fv_content .fv_category span {
opacity: 1; }
#first_view #fv_slider #fv_slide li.slick-current .fv_content .fv_title {
color: #2E323C; }
#first_view #fv_slider #fv_slide li.slick-current .fv_content .fv_title:before {
animation: mask-bg 1.2s cubic-bezier(0.8, 0, 0.17, 1);
-webkit-animation: mask-bg 1.2s cubic-bezier(0.8, 0, 0.17, 1);
-moz-animation: mask-bg 1.2s cubic-bezier(0.8, 0, 0.17, 1);
-ms-animation: mask-bg 1.2s cubic-bezier(0.8, 0, 0.17, 1);
-o-animation: mask-bg 1.2s cubic-bezier(0.8, 0, 0.17, 1); }
#first_view #fv_slider #fv_slide li.slick-current .fv_content .fv_category span {
color: #282828; }
#first_view #fv_slider #fv_slide li.slick-current .fv_content .fv_category span:before {
animation: mask-bg 1.2s cubic-bezier(0.8, 0, 0.17, 1);
-webkit-animation: mask-bg 1.2s cubic-bezier(0.8, 0, 0.17, 1);
-moz-animation: mask-bg 1.2s cubic-bezier(0.8, 0, 0.17, 1);
-ms-animation: mask-bg 1.2s cubic-bezier(0.8, 0, 0.17, 1);
-o-animation: mask-bg 1.2s cubic-bezier(0.8, 0, 0.17, 1); }
#first_view #fv_slider #fv_slide li .fv_img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
#first_view #fv_slider #fv_slide li .fv_img .fv_bg {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%; }
#first_view #fv_slider #fv_slide li .fv_content {
position: absolute;
bottom: 80px;
left: 0;
width: 100%;
padding: 0 200px;
z-index: 1;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#first_view #fv_slider #fv_slide li .fv_content .fv_title:before, #first_view #fv_slider #fv_slide li .fv_content .fv_category span:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
z-index: 1;
transform: translate(100%, 0);
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0); }
#first_view #fv_slider #fv_slide li .fv_content .fv_title span, #first_view #fv_slider #fv_slide li .fv_content .fv_category span span {
display: inline; }
#first_view #fv_slider #fv_slide li .fv_content .fv_title {
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 1.8;
display: inline-block;
transition: opacity 0ms 450ms;
-webkit-transition: opacity 0ms 450ms;
-moz-transition: opacity 0ms 450ms;
-ms-transition: opacity 0ms 450ms;
-o-transition: opacity 0ms 450ms; }
#first_view #fv_slider #fv_slide li .fv_content .fv_title:before {
background: linear-gradient(#fff 0%, #fff 100%); }
#first_view #fv_slider #fv_slide li .fv_content .fv_title span {
color: #2E323C;
background: linear-gradient(#fff 0%, #fff 100%);
padding: 4px; }
#first_view #fv_slider #fv_slide li .fv_content .fv_category {
color: transparent;
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 18px;
font-weight: 900;
margin-top: 4px; }
#first_view #fv_slider #fv_slide li .fv_content .fv_category span {
background-color: #E6FF00;
position: relative;
padding: 6px 14px 6px 22px;
display: inline-block;
transition: opacity 0ms 450ms;
-webkit-transition: opacity 0ms 450ms;
-moz-transition: opacity 0ms 450ms;
-ms-transition: opacity 0ms 450ms;
-o-transition: opacity 0ms 450ms; }
#first_view #fv_slider #fv_slide li .fv_content .fv_category span:before {
background-color: #E6FF00; }
#first_view #fv_slider #fv_slide li .fv_content .fv_category span:after {
content: "";
background-color: #282828;
position: absolute;
top: 0;
left: 0;
width: 8px;
height: 100%; }
#first_view #fv_slider .slick-arrow {
cursor: pointer;
color: #fff;
background-color: #2E323C;
position: absolute;
top: 50%;
width: 56px;
height: 56px;
z-index: 1;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
#first_view #fv_slider .slick-arrow span {
width: 101%;
height: 101%;
margin: 0 auto;
display: block; }
#first_view #fv_slider .slick-arrow i {
font-size: 24px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%); }
#first_view #fv_slider .slick-prev {
left: 24px; }
#first_view #fv_slider .slick-next {
right: 24px; }
#first_view #fv_slider #slide_dots {
position: absolute;
bottom: 48px;
right: 200px;
text-align: center; }
#first_view #fv_slider #slide_dots li {
cursor: pointer;
background-color: #2E323C;
position: relative;
width: 10px;
height: 10px;
margin: 0 8px;
display: inline-block;
text-align: center;
vertical-align: middle;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
#first_view #fv_slider #slide_dots li.slick-active {
position: relative;
width: 20px;
height: 20px; }
#first_view #fv_slider #slide_dots li.slick-active svg .cls-1 {
stroke: #2E323C;
animation: circle 5.95s linear;
-webkit-animation: circle 5.95s linear;
-moz-animation: circle 5.95s linear;
-ms-animation: circle 5.95s linear;
-o-animation: circle 5.95s linear; }
#first_view #fv_slider #slide_dots li svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%); }
#first_view #fv_slider #slide_dots li svg .cls-1 {
fill: transparent;
stroke-width: 2; }
#first_view #fv_slider #slide_dots li button {
background-color: transparent;
border: 0;
outline: 0;
font-size: 0; }
@media screen and (min-width: 769px) {
#first_view #fv_slider #fv_slide li a:hover .fv_img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1); } }
@media screen and (min-width: 1024px) {
#first_view #fv_slider .slick-prev:hover {
left: 16px; } }
@media screen and (min-width: 1024px) {
#first_view #fv_slider .slick-next:hover {
right: 16px; } }
@media screen and (min-width: 1024px) {
#first_view #fv_slider #slide_dots li:hover {
width: 20px;
height: 20px; }
#first_view #fv_slider #slide_dots li:hover:before {
opacity: 1; } }
@-webkit-keyframes mask-bg {
0% {
transform: translate(-101%, 0);
-webkit-transform: translate(-101%, 0);
-moz-transform: translate(-101%, 0);
-ms-transform: translate(-101%, 0);
-o-transform: translate(-101%, 0); }
40%, 60% {
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0); }
100% {
transform: translate(100%, 0);
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0); } }
@-moz-keyframes mask-bg {
0% {
transform: translate(-101%, 0);
-webkit-transform: translate(-101%, 0);
-moz-transform: translate(-101%, 0);
-ms-transform: translate(-101%, 0);
-o-transform: translate(-101%, 0); }
40%, 60% {
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0); }
100% {
transform: translate(100%, 0);
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0); } }
@-o-keyframes mask-bg {
0% {
transform: translate(-101%, 0);
-webkit-transform: translate(-101%, 0);
-moz-transform: translate(-101%, 0);
-ms-transform: translate(-101%, 0);
-o-transform: translate(-101%, 0); }
40%, 60% {
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0); }
100% {
transform: translate(100%, 0);
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0); } }
@-ms-keyframes mask-bg {
0% {
transform: translate(-101%, 0);
-webkit-transform: translate(-101%, 0);
-moz-transform: translate(-101%, 0);
-ms-transform: translate(-101%, 0);
-o-transform: translate(-101%, 0); }
40%, 60% {
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0); }
100% {
transform: translate(100%, 0);
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0); } }
@keyframes mask-bg {
0% {
transform: translate(-101%, 0);
-webkit-transform: translate(-101%, 0);
-moz-transform: translate(-101%, 0);
-ms-transform: translate(-101%, 0);
-o-transform: translate(-101%, 0); }
40%, 60% {
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0); }
100% {
transform: translate(100%, 0);
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0); } }
@-webkit-keyframes circle {
from {
stroke-dasharray: 0 94.2; }
to {
stroke-dasharray: 94.2 94.2; } }
@-moz-keyframes circle {
from {
stroke-dasharray: 0 94.2; }
to {
stroke-dasharray: 94.2 94.2; } }
@-o-keyframes circle {
from {
stroke-dasharray: 0 94.2; }
to {
stroke-dasharray: 94.2 94.2; } }
@-ms-keyframes circle {
from {
stroke-dasharray: 0 94.2; }
to {
stroke-dasharray: 94.2 94.2; } }
@keyframes circle {
from {
stroke-dasharray: 0 94.2; }
to {
stroke-dasharray: 94.2 94.2; } }
#top_news {
padding: 120px 32px; }
#top_news .news_content .two_btn .btn {
padding: 0 20px;
margin: 0;
display: inline-block;
vertical-align: middle; }
#top_list {
padding: 0; }
#top_list .list_content {
position: relative;
padding: 120px 0; }
#top_list .list_content .list_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1; }
#top_list .list_content .list_bg .bg_img {
background-image: url(//zigexn.co.jp/wp-content/themes/zigexn/images/top/about-bg.jpg), url(//zigexn.co.jp/wp-content/themes/zigexn/images/top/service-bg.jpg), url(//zigexn.co.jp/wp-content/themes/zigexn/images/top/ma-bg.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0; }
#top_list .list_content .list_bg .bg_img:before {
content: "";
background: linear-gradient(to left, #fff 0%, #fff 40%, rgba(168, 168, 168, 0.28) 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
#top_list .list_content .list_bg .bg_img.current {
z-index: 1; }
#top_list .list_content .list_bg .bg_img.about.current {
background-image: url(//zigexn.co.jp/wp-content/themes/zigexn/images/top/about-bg.jpg); }
#top_list .list_content .list_bg .bg_img.service.current {
background-image: url(//zigexn.co.jp/wp-content/themes/zigexn/images/top/service-bg.jpg); }
#top_list .list_content .list_bg .bg_img.ma.current {
background-image: url(//zigexn.co.jp/wp-content/themes/zigexn/images/top/ma-bg.jpg); }
#top_list .list_content .list_lists {
position: relative;
padding: 0 32px;
margin: 0 0 0 auto;
z-index: 1;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#top_list .list_content .list_lists li {
font-size: 20px;
margin: 0 0 0 auto; }
#top_list .list_content .list_lists li a {
position: relative;
width: 400px;
padding: 24px 0;
margin: 0 0 0 auto;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#top_list .list_content .list_lists li a:before {
content: "";
background: linear-gradient(to right, #2E323C 0%, rgba(115, 118, 124, 0) 100%);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
#top_list .list_content .list_lists li .list_heading .list_title {
font-family: "Lato", sans-serif;
font-size: 42px;
font-weight: 900; }
#top_list .list_content .list_lists li .list_heading .list_text {
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight: 700;
position: relative;
letter-spacing: 1px;
margin-top: 8px;
padding-left: 36px; }
#top_list .list_content .list_lists li .list_heading .list_text:before {
content: "";
background-color: #282828;
position: absolute;
top: 50%;
left: 0;
width: 20px;
height: 2px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px; }
#top_list .list_content .list_lists li .list_icon {
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
#top_list .list_content .list_lists li .list_icon p, #top_list .list_content .list_lists li .list_icon .list_arrow {
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#top_list .list_content .list_lists li .list_icon p {
font-family: "Lato", sans-serif;
font-size: 18px;
font-weight: 900;
padding-right: 24px;
opacity: 0;
visibility: hidden;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
#top_list .list_content .list_lists li .list_icon .list_arrow {
background-color: #2E323C;
position: relative;
width: 56px;
height: 56px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
#top_list .list_content .list_lists li .list_icon .list_arrow i {
color: #fff;
font-size: 24px;
position: absolute;
top: 50%;
left: 53%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%); }
@media screen and (min-width: 1024px) {
#top_list .list_content .list_lists li a:hover {
background-color: #E6FF00;
width: 480px;
padding-left: 40px;
padding-right: 40px; }
#top_list .list_content .list_lists li a:hover:before {
content: none; }
#top_list .list_content .list_lists li a:hover .list_icon {
right: 40px; }
#top_list .list_content .list_lists li a:hover .list_icon p {
opacity: 1;
visibility: visible; } }
#top_ir {
padding: 120px 32px; }
#top_ir .top_ir_content .ir_arrow_btn, #top_ir .top_ir_content .ir_info {
display: inline-block;
vertical-align: bottom;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#top_ir .top_ir_content .ir_arrow_btn {
width: calc(47% + 54px);
padding-right: 54px;
margin: 0; }
#top_ir .top_ir_content .ir_arrow_btn .arrow_btn a {
display: block;
text-align: left; }
#top_ir .top_ir_content .ir_arrow_btn .arrow_btn h3 {
font-family: "Lato", sans-serif;
font-size: 24px;
font-weight: 900; }
#top_ir .top_ir_content .ir_arrow_btn .arrow_btn h3 span {
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 14px;
font-weight: 700; }
#top_ir .top_ir_content .ir_arrow_btn .arrow_btn .arrow_text {
float: right;
margin-left: 36px; }
#top_ir .top_ir_content .ir_arrow_btn .arrow_btn .arrow_text p, #top_ir .top_ir_content .ir_arrow_btn .arrow_btn .arrow_text .arrow_circle {
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#top_ir .top_ir_content .ir_arrow_btn .arrow_btn .arrow_text p {
font-family: "Lato", sans-serif;
font-size: 18px;
font-weight: 900;
padding-right: 12px; }
#top_ir .top_ir_content .ir_arrow_btn .arrow_btn .arrow_text .arrow_circle {
width: 56px;
height: 56px; }
#top_ir .top_ir_content .ir_arrow_btn .arrow_btn .arrow_text .arrow_circle i {
font-size: 24px; }
#top_ir .top_ir_content .ir_arrow_btn .arrow_btn .arrow_circle {
float: none;
margin: 0; }
#top_ir .top_ir_content .ir_info {
width: calc(41% + 54px);
padding-left: 54px;
margin-bottom: -8px; }
#top_ir .top_ir_content .ir_info .ir_info_heading {
letter-spacing: 1px; }
#top_ir .top_ir_content .ir_info .ir_info_heading .info_title {
border-bottom: 1px solid #282828;
font-size: 24px;
font-weight: 700;
padding-bottom: 12px;
margin-bottom: 12px; }
#top_ir .top_ir_content .ir_info .ir_info_heading .info_text {
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 16px;
font-weight: 700; }
#top_ir .top_ir_content .ir_info .two_btn {
font-size: 0;
margin-top: 20px; }
#top_ir .top_ir_content .ir_info .two_btn .btn {
width: 50%;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#top_ir .top_ir_content .ir_info .two_btn .btn:nth-child(1) {
padding-right: 16px; }
#top_ir .top_ir_content .ir_info .two_btn .btn:nth-child(2) {
padding-left: 16px; }
#top_ir .top_ir_content .ir_info .two_btn .btn .btn_content {
width: 100%; }
#top_careers {
padding: 180px 32px 72px; }
#top_careers .careers_content {
background-image: url(//zigexn.co.jp/wp-content/themes/zigexn/images/top/careers-bg.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 40px 32px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px; }
#top_careers .small_inner {
background-color: rgba(255, 255, 255, 0.9);
padding: 72px 32px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px; }
#top_sustainability .sustainability_img img {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px; }
@media screen and (max-width: 1200px) {
#first_view #fv_slider #fv_slide li .fv_content {
bottom: 5%;
padding: 0 32px; }
#first_view #fv_slider #slide_dots {
bottom: 5%;
right: 32px; } }
@media screen and (max-width: 1040px) {
#first_view #fv_slider .slick-arrow i, #first_view #fv_slider .slick-arrow span {
font-size: 20px; }
#top_list .list_content .list_lists li {
font-size: 18px; }
#top_list .list_content .list_lists li .list_heading .list_title {
font-size: 36px; }
#top_ir .top_ir_content .ir_arrow_btn {
width: calc(47% + 24px);
padding-right: 24px; }
#top_ir .top_ir_content .ir_info {
width: calc(47% + 24px);
padding-left: 24px; }
#top_ir .top_ir_content .ir_info .ir_info_heading .info_title {
font-size: 20px; }
#top_ir .top_ir_content .ir_info .ir_info_heading .info_text {
font-size: 14px; } }
@media screen and (max-width: 1023px) {
#home #main {
padding-top: 80px; }
#first_view #fv_slider #fv_slide li .fv_content {
padding: 0 64px; }
#first_view #fv_slider #fv_slide li .fv_content .fv_title {
font-size: 20px; }
#first_view #fv_slider .slick-arrow {
width: 40px;
height: 40px; }
#first_view #fv_slider .slick-arrow i {
font-size: 16px; }
#first_view #fv_slider .slick-prev {
left: 16px; }
#first_view #fv_slider .slick-next {
right: 16px; }
#top_list .list_content {
padding: 80px 32px; }
#top_list .list_content .list_bg {
display: none; }
#top_list .list_content .list_lists {
max-width: inherit;
width: 100%;
padding: 0;
display: block; }
#top_list .list_content .list_lists li {
font-size: 16px;
max-width: inherit; }
#top_list .list_content .list_lists li a {
max-width: inherit;
width: 100%;
padding: 32px 0; }
#top_list .list_content .list_lists li .list_heading .list_title {
font-size: 32px; }
#top_list .list_content .list_lists li .list_heading .list_text {
padding-left: 32px; }
#top_list .list_content .list_lists li .list_icon {
right: 0; }
#top_ir .top_ir_content .ir_arrow_btn {
width: 100%;
padding: 0;
display: block; }
#top_ir .top_ir_content .ir_info {
width: 100%;
padding: 0;
display: block;
margin-top: 64px; } }
@media screen and (max-width: 768px) {
#progress #progress_loading svg {
width: 186.2016px;
height: 48px; }
#first_view #fv_slider #fv_slide li .fv_content {
bottom: 32px;
padding: 0 32px; }
#first_view #fv_slider #fv_slide li .fv_content .fv_title {
font-size: 18px; }
#first_view #fv_slider #fv_slide li .fv_content .fv_category {
font-size: 14px; }
#first_view #fv_slider #slide_dots {
bottom: 32px;
right: 32px; }
#first_view #fv_slider #slide_dots li {
width: 6px;
height: 6px;
margin: 0 6px; }
#first_view #fv_slider #slide_dots li svg {
width: 24px;
height: 24px; }
#first_view #fv_slider #slide_dots li.slick-active {
width: 16px;
height: 16px; }
#top_news {
padding: 56px 32px; }
#top_news .news_content .two_btn {
margin-top: 40px; }
#top_news .news_content .two_btn .btn {
padding: 0;
margin-bottom: 24px;
display: block; }
#top_news .news_content .two_btn .btn:last-child {
margin-bottom: 0; }
#top_list .list_content {
padding: 16px 32px 80px; }
#top_list .list_content .list_lists li .list_heading .list_title {
font-size: 28px; }
#top_list .list_content .list_lists li .list_heading .list_text {
margin-top: 12px; }
#top_ir {
padding: 72px 32px; }
#top_ir .top_ir_content .ir_arrow_btn .arrow_btn h3 {
width: 60%;
padding-top: 11px; }
#top_ir .top_ir_content .ir_arrow_btn .arrow_btn h3 span {
font-size: 12px;
font-weight: 400; }
#top_ir .top_ir_content .ir_arrow_btn .arrow_btn .arrow_text {
margin-top: 12px;
margin-left: 20px; }
#top_ir .top_ir_content .ir_arrow_btn .arrow_btn .arrow_text p {
display: none; }
#top_ir .top_ir_content .ir_arrow_btn .arrow_btn .arrow_text .arrow_circle {
width: 40px;
height: 40px; }
#top_ir .top_ir_content .ir_arrow_btn .arrow_btn .arrow_text .arrow_circle i {
font-size: 18px; }
#top_ir .top_ir_content .ir_info {
text-align: center; }
#top_ir .top_ir_content .ir_info .ir_info_heading {
width: 220px;
margin: 0 auto; }
#top_ir .top_ir_content .ir_info .ir_info_heading .info_title {
font-size: 18px;
padding-bottom: 16px;
margin-bottom: 16px; }
#top_ir .top_ir_content .ir_info .two_btn {
margin-top: 32px; }
#top_ir .top_ir_content .ir_info .two_btn .btn {
width: auto;
padding: 0;
margin-bottom: 24px;
display: block; }
#top_ir .top_ir_content .ir_info .two_btn .btn:nth-child(1), #top_ir .top_ir_content .ir_info .two_btn .btn:nth-child(2) {
padding: 0; }
#top_ir .top_ir_content .ir_info .two_btn .btn:last-child {
margin-bottom: 0; }
#top_ir .top_ir_content .ir_info .two_btn .btn .btn_content {
width: 200px; }
#top_careers {
padding: 80px 32px 56px; }
#top_careers .careers_content {
padding: 8px 16px; }
#top_careers .small_inner {
padding: 48px 32px; }
#top_sustainability .sustainability_img img {
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; } }
@media screen and (max-height: 600px) {
#first_view #fv_slider #fv_slide li .fv_content .fv_title {
font-size: 24px; }
#first_view #fv_slider #fv_slide li .fv_content .fv_category {
font-size: 14px; } }
@media screen and (max-width: 480px) {
#first_view {
max-height: 555px;
height: calc(100vh - 80px); }
#top_ir .top_ir_content .ir_arrow_btn .arrow_btn h3 {
width: 62%; }
#top_ir .top_ir_content .ir_arrow_btn .arrow_btn .arrow_text {
margin-left: 0; } }
@media screen and (max-width: 374px) {
#top_ir .top_ir_content .ir_arrow_btn .arrow_btn h3 {
width: 57%; }
#top_careers .btn .btn_content {
width: 100%; } }
.ie #page_about .common_title .ie_text {
line-height: 2; }
.ie #page_about .about_list li .list_content .btn .btn_content {
line-height: 56px; }
#page_about .about_list {
padding-top: 112px; }
#page_about .about_list li {
margin-bottom: 120px; }
#page_about .about_list li:nth-child(even) .list_img {
float: left; }
#page_about .about_list li:nth-child(even) .list_content {
float: right;
padding-left: 80px;
padding-right: 0; }
#page_about .about_list li:last-child {
margin-bottom: 0; }
#page_about .about_list li .list_img, #page_about .about_list li .list_content {
width: 50%;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#page_about .about_list li .list_img {
float: right; }
#page_about .about_list li .list_img img {
border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-ms-border-radius: 16px;
-o-border-radius: 16px; }
#page_about .about_list li .list_content {
max-width: 520px;
padding-top: 56px;
padding-right: 80px; }
#page_about .about_list li .list_content .common_title {
margin-bottom: 16px; }
#page_about .about_list li .list_content .btn {
margin-top: 40px; }
#page_about .about_list li .list_content .btn .btn_content {
margin: 0; }
@media screen and (max-width: 1040px) {
#page_about .about_list {
padding-top: 80px; }
#page_about .about_list li {
margin-bottom: 96px; }
#page_about .about_list li:nth-child(even) .list_content {
padding-left: 40px; }
#page_about .about_list li .list_content {
padding-top: 40px;
padding-right: 40px; } }
@media screen and (max-width: 768px) {
.ie #page_about .about_list li .list_content .btn .btn_content {
line-height: 48px; }
#page_about .about_content .common_text {
text-align: left; }
#page_about .about_list li {
margin-bottom: 48px; }
#page_about .about_list li:nth-child(even) .list_img {
float: none; }
#page_about .about_list li:nth-child(even) .list_content {
float: none;
padding-left: 0; }
#page_about .about_list li .list_img, #page_about .about_list li .list_content {
float: none;
width: 100%;
padding: 0;
display: block; }
#page_about .about_list li .list_img img {
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
#page_about .about_list li .list_content {
max-width: inherit;
padding-top: 24px; }
#page_about .about_list li .list_content .common_title {
margin-bottom: 12px; }
#page_about .about_list li .list_content .btn {
margin-top: 24px; }
#page_about .about_list li .list_content .btn .btn_content {
margin: 0 auto; } }
#philosophy #overs_sec {
padding-bottom: 120px; }
#philosophy_page {
padding-bottom: 32px; }
#philosophy_page .philosophy_item {
margin-bottom: 56px; }
#philosophy_page .philosophy_item:last-child {
margin-bottom: 0; }
#philosophy_page .philosophy_item span {
display: block; }
#philosophy_page .philosophy_item .philosophy_label {
font-size: 20px;
font-weight: 700;
position: relative;
margin-bottom: 24px;
display: inline-block; }
#philosophy_page .philosophy_item .philosophy_label:before, #philosophy_page .philosophy_item .philosophy_label:after {
content: "";
background-color: #282828;
position: absolute;
top: 50%;
width: 5px;
height: 2px; }
#philosophy_page .philosophy_item .philosophy_label:before {
left: -16px; }
#philosophy_page .philosophy_item .philosophy_label:after {
right: -16px; }
#philosophy_page .philosophy_item .philosophy_text {
font-size: 18px;
line-height: 2; }
#philosophy_page .philosophy_item .philosophy_title {
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 1.6;
margin-bottom: 16px; }
#philosophy_page .philosophy_item .philosophy_subtitle {
font-size: 18px;
font-weight: 700;
margin-top: 24px; }
#philosophy_page .philosophy_item .common_text {
margin-top: 12px; }
#philosophy_vision {
padding-top: 48px;
padding-bottom: 0; }
#philosophy_vision .vision_list {
position: relative;
padding: 80px 0; }
#philosophy_vision .vision_list:before {
content: "";
background-color: rgba(237, 237, 237, 0.56);
position: absolute;
top: 50%;
left: 50%;
width: 400px;
height: 100%;
z-index: -1;
border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-ms-border-radius: 16px;
-o-border-radius: 16px;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%); }
#philosophy_vision .vision_list li {
margin-bottom: 80px; }
#philosophy_vision .vision_list li:nth-child(even) .list_img {
float: right; }
#philosophy_vision .vision_list li:nth-child(even) .list_content {
float: left;
padding-right: 80px;
padding-left: 160px; }
#philosophy_vision .vision_list li:last-child {
margin-bottom: 0; }
#philosophy_vision .vision_list li .list_img, #philosophy_vision .vision_list li .list_content {
display: inline-block;
vertical-align: top;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#philosophy_vision .vision_list li .list_img {
float: left;
width: 42%; }
#philosophy_vision .vision_list li .list_img img {
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
#philosophy_vision .vision_list li .list_content {
width: calc(50% + 80px);
padding-left: 80px; }
#philosophy_vision .vision_list li .list_content .common_heading {
margin-bottom: 44px; }
#philosophy_vision .vision_list li .list_content .common_title {
margin-bottom: 24px; }
#philosophy_vision .vision_list li .list_content .common_title.en {
font-size: 36px;
letter-spacing: 0; }
#philosophy_message {
padding: 120px 32px 0; }
#philosophy_message:before {
content: "";
background-color: #F7F7F7;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 74%; }
#philosophy_message .message_img {
position: relative;
max-width: 1040px;
padding: 0 32px;
margin: 0 auto;
display: block;
z-index: 1; }
#philosophy_message .message_inner {
background-color: #fff;
padding: 132px 32px 64px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
transform: translateY(-80px);
-webkit-transform: translateY(-80px);
-moz-transform: translateY(-80px);
-ms-transform: translateY(-80px);
-o-transform: translateY(-80px); }
#philosophy_message .message_text {
margin: 0; }
@media screen and (max-width: 1040px) {
#philosophy_page .philosophy_item .philosophy_label {
font-size: 18px;
margin-bottom: 20px; }
#philosophy_page .philosophy_item .philosophy_text {
font-size: 16px; }
#philosophy_page .philosophy_item .philosophy_title {
font-size: 28px; }
#philosophy_page .philosophy_item .philosophy_subtitle {
font-size: 16px;
margin-top: 20px; }
#philosophy_vision {
padding-top: 8px; }
#philosophy_vision .vision_list li {
margin-bottom: 64px; }
#philosophy_vision .vision_list li:nth-child(even) .list_content {
padding-left: 40px;
padding-right: 40px; }
#philosophy_vision .vision_list li .list_content {
width: calc(52% + 40px);
padding-left: 40px; } }
@media screen and (max-width: 1023px) {
#philosophy_vision .vision_list li .list_content .common_title.en {
font-size: 28px; } }
@media screen and (max-width: 768px) {
#philosophy_page .philosophy_item .philosophy_label {
font-size: 16px; }
#philosophy_page .philosophy_item .philosophy_text {
font-size: 14px; }
#philosophy_page .philosophy_item .philosophy_title {
font-size: 24px; }
#philosophy_page .philosophy_item .philosophy_subtitle {
font-size: 14px; }
#philosophy_vision {
padding: 0 32px 56px; }
#philosophy_vision .vision_list {
padding: 0; }
#philosophy_vision .vision_list:before {
content: none; }
#philosophy_vision .vision_list li {
margin-bottom: 48px; }
#philosophy_vision .vision_list li:nth-child(even) .list_img {
float: none; }
#philosophy_vision .vision_list li:nth-child(even) .list_content {
float: none;
padding-left: 0;
padding-right: 0; }
#philosophy_vision .vision_list li .list_img, #philosophy_vision .vision_list li .list_content {
float: none;
width: 100%;
padding: 0;
display: block; }
#philosophy_vision .vision_list li .list_img img {
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
#philosophy_vision .vision_list li .list_content {
max-width: inherit;
padding-top: 40px; }
#philosophy_vision .vision_list li .list_content .common_heading {
margin-bottom: 24px; }
#philosophy_vision .vision_list li .list_content .common_title.en {
font-size: 24px; }
#philosophy_vision .vision_list li .list_content .common_text p {
margin-bottom: 16px; }
#philosophy_message {
padding: 0 16px 32px; }
#philosophy_message .message_img {
padding: 0 16px; }
#philosophy_message .message_inner {
padding: 80px 16px 48px;
transform: translateY(-40px);
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px); } }
@media screen and (max-width: 480px) {
#philosophy #overs_sec {
padding-bottom: 56px; } }
.ie #company_page .company_profile .profile_content table tr th, .ie #company_page .company_profile .profile_content table tr td {
padding: 32px 16px 26px; }
.ie #company_page .company_list .profile_list li .list_content .list_link .link_icon i {
top: 52%;
left: 53%; }
#company_page {
padding-left: 0;
padding-right: 0; }
#company_page .company_img_inner {
padding-left: 32px;
padding-right: 32px; }
#company_page .company_img img {
border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-ms-border-radius: 16px;
-o-border-radius: 16px; }
#company_page .company_profile {
position: relative;
padding: 0 32px 80px;
margin-top: 72px; }
#company_page .company_profile:before {
content: "";
background-color: #F7F7F7;
position: absolute;
top: -270px;
left: 0;
max-width: 1320px;
width: 100%;
height: calc(100% + 270px);
z-index: -1;
border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-ms-border-radius: 16px;
-o-border-radius: 16px; }
#company_page .company_profile .profile_content {
background-color: #fff;
border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-ms-border-radius: 16px;
-o-border-radius: 16px; }
#company_page .company_profile .profile_content .inner {
padding: 80px 32px; }
#company_page .company_profile .profile_content table {
width: 100%; }
#company_page .company_profile .profile_content table tr:last-child th:after {
content: "";
background-color: #2E323C;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px; }
#company_page .company_profile .profile_content table tr:last-child td:after {
content: "";
background-color: #2E323C;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
left: 16px; }
#company_page .company_profile .profile_content table tr th, #company_page .company_profile .profile_content table tr td {
position: relative;
line-height: 1.8;
letter-spacing: 1px;
padding: 28px 0 26px;
text-align: left;
overflow: hidden;
vertical-align: top; }
#company_page .company_profile .profile_content table tr th:before, #company_page .company_profile .profile_content table tr td:before {
content: "";
background-color: #2E323C;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px; }
#company_page .company_profile .profile_content table tr th {
font-size: 16px;
font-weight: 700;
width: 264px; }
#company_page .company_profile .profile_content table tr td {
font-size: 14px;
padding: 28px 16px 26px; }
#company_page .company_profile .profile_content table tr td:before {
left: 16px; }
#company_page .company_profile .profile_content table tr td p {
padding-left: 32px;
display: inline-block; }
#company_page .company_profile .profile_content table tr td p a {
color: #888;
font-family: "Lato", sans-serif;
font-size: 14px;
letter-spacing: 0.5px;
display: inline-block; }
#company_page .company_profile .profile_content table tr td p a i {
padding-right: 8px; }
#company_page .company_profile .profile_content table tr td p a span {
position: relative; }
#company_page .company_profile .profile_content table tr td p a span:before {
content: "";
background-color: #888;
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 1px;
transform: scaleX(1) translateZ(0);
-webkit-transform: scaleX(1) translateZ(0);
-moz-transform: scaleX(1) translateZ(0);
-ms-transform: scaleX(1) translateZ(0);
-o-transform: scaleX(1) translateZ(0);
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-ms-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-o-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transform-origin: right top;
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top; }
#company_page .company_list {
padding: 0 32px;
margin-top: 88px; }
#company_page .company_list .profile_list li {
font-size: 16px;
line-height: 1.6;
letter-spacing: 0.5px;
padding: 0;
margin: 0 0 56px; }
#company_page .company_list .profile_list li.one_row .list_content .list_heading, #company_page .company_list .profile_list li.one_row .list_content .list_link {
display: inline-block;
vertical-align: bottom; }
#company_page .company_list .profile_list li.one_row .list_content .list_heading {
padding-right: 56px; }
#company_page .company_list .profile_list li.two_rows {
width: 50%; }
#company_page .company_list .profile_list li.two_rows.odd_list {
padding-right: 20px; }
#company_page .company_list .profile_list li.two_rows.even_list {
padding-left: 20px; }
#company_page .company_list .profile_list li .list_img img {
border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-ms-border-radius: 16px;
-o-border-radius: 16px; }
#company_page .company_list .profile_list li .list_content {
padding-top: 24px; }
#company_page .company_list .profile_list li .list_content .list_detail {
float: right;
font-size: 12px; }
#company_page .company_list .profile_list li .list_content .list_detail a {
color: #003BFF;
display: inline-block;
text-decoration: underline; }
#company_page .company_list .profile_list li .list_content .list_title {
font-size: 24px;
font-weight: 700;
letter-spacing: 2px; }
#company_page .company_list .profile_list li .list_content .common_text {
padding-top: 8px; }
#company_page .company_list .profile_list li .list_content .common_text p {
margin-bottom: 8px; }
#company_page .company_list .profile_list li .list_content .list_link {
padding-top: 12px; }
#company_page .company_list .profile_list li .list_content .list_link span, #company_page .company_list .profile_list li .list_content .list_link .link_icon {
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#company_page .company_list .profile_list li .list_content .list_link span {
font-family: "Lato", sans-serif;
font-size: 16px;
font-weight: 900;
padding-right: 12px; }
#company_page .company_list .profile_list li .list_content .list_link .link_icon {
color: #fff;
background-color: #282828;
font-size: 18px;
position: relative;
width: 40px;
height: 40px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
#company_page .company_list .profile_list li .list_content .list_link .link_icon i {
position: absolute;
top: 50%;
left: 52%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%); }
@media screen and (min-width: 769px) {
#company_page .company_profile .profile_content table tr td p a:hover span:before {
transform: scaleX(0) translateZ(0);
-webkit-transform: scaleX(0) translateZ(0);
-moz-transform: scaleX(0) translateZ(0);
-ms-transform: scaleX(0) translateZ(0);
-o-transform: scaleX(0) translateZ(0); } }
@media screen and (min-width: 769px) {
#company_page .company_list .profile_list li .list_content .list_link a:hover .link_icon {
transform: translateX(8px);
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
-ms-transform: translateX(8px);
-o-transform: translateX(8px); } }
@media screen and (max-width: 1040px) {
#company_page .company_img img, #company_page .company_profile .profile_content {
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
#company_page .company_list .profile_list li .list_img img {
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
#company_page .company_list .profile_list li .list_content .list_title {
font-size: 20px; } }
@media screen and (max-width: 1023px) {
#company_page .company_list .profile_list li {
margin-bottom: 40px; }
#company_page .company_list .profile_list li .list_content .list_title {
font-size: 18px;
letter-spacing: 1px; }
#company_page .company_list .profile_list li.two_rows.odd_list {
padding-right: 16px; }
#company_page .company_list .profile_list li.two_rows.even_list {
padding-left: 16px; } }
@media screen and (max-width: 768px) {
.ie #company_page .company_profile .profile_content table tr {
padding: 24px 0px 20px; }
.ie #company_page .company_profile .profile_content table tr th {
padding: 0; }
.ie #company_page .company_profile .profile_content table tr td {
padding: 0;
padding-top: 4px; }
#company_page .company_profile {
padding: 0 32px;
margin-top: 56px; }
#company_page .company_profile:before {
content: none; }
#company_page .company_profile .profile_content .inner {
padding: 0; }
#company_page .company_profile .profile_content table tr {
border-top: 1px solid #2E323C;
padding: 24px 0;
display: block; }
#company_page .company_profile .profile_content table tr:last-child {
border-bottom: 1px solid #2E323C; }
#company_page .company_profile .profile_content table tr:last-child th:before, #company_page .company_profile .profile_content table tr:last-child th:after {
content: none; }
#company_page .company_profile .profile_content table tr:last-child td:before, #company_page .company_profile .profile_content table tr:last-child td:after {
content: none; }
#company_page .company_profile .profile_content table tr th, #company_page .company_profile .profile_content table tr td {
padding: 0;
display: block; }
#company_page .company_profile .profile_content table tr th:before, #company_page .company_profile .profile_content table tr th:after {
content: none; }
#company_page .company_profile .profile_content table tr td:before, #company_page .company_profile .profile_content table tr td:after {
content: none; }
#company_page .company_profile .profile_content table tr th {
font-size: 14px; }
#company_page .company_profile .profile_content table tr td {
padding-top: 4px; }
#company_page .company_list {
margin-top: 96px; }
#company_page .company_list .profile_list li {
width: 400px;
display: block; }
#company_page .company_list .profile_list li.one_row .list_content {
padding-top: 16px; }
#company_page .company_list .profile_list li.one_row .list_content .list_detail {
float: none;
padding-bottom: 24px; }
#company_page .company_list .profile_list li.one_row .list_content .list_heading, #company_page .company_list .profile_list li.one_row .list_content .list_link {
display: block; }
#company_page .company_list .profile_list li.one_row .list_content .list_heading {
padding-right: 0; }
#company_page .company_list .profile_list li.two_rows {
width: 400px; }
#company_page .company_list .profile_list li.two_rows.odd_list, #company_page .company_list .profile_list li.two_rows.even_list {
padding: 0; }
#company_page .company_list .profile_list li:last-child {
margin-bottom: 0; }
#company_page .company_list .profile_list li .list_img img {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px; } }
@media screen and (max-width: 480px) {
#company_page .company_profile .profile_content table {
width: 100%;
display: block; }
#company_page .company_profile .profile_content table tbody {
width: 100%;
display: block; }
#company_page .company_profile .profile_content table tr td p {
padding: 0;
display: block; }
#company_page .company_list .profile_list li {
width: 100%; }
#company_page .company_list .profile_list li.two_rows {
width: 100%; } }
#page_history .history_scroll {
margin-bottom: 48px; }
#page_history .history_scroll .history_btn {
font-size: 0; }
#page_history .history_scroll .history_btn .btn {
width: 33.3333%;
padding: 0;
margin: 0; }
#page_history .history_scroll .history_btn .btn:nth-child(3n+1) {
padding-right: 28px; }
#page_history .history_scroll .history_btn .btn:nth-child(3n+2) {
padding: 0 14px; }
#page_history .history_scroll .history_btn .btn:nth-child(3n) {
padding-left: 28px; }
#page_history .history_scroll .history_btn .btn .btn_content {
background-color: #F7F7F7;
border: 1px solid #F7F7F7;
width: 100%;
height: auto;
line-height: 1.6;
padding: 20px 24px;
text-align: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#page_history .history_scroll .history_btn .btn .btn_content span span {
font-size: 12px;
font-weight: 400;
display: block; }
#page_history .history_scroll .history_btn .btn .btn_content i {
left: inherit;
right: 24px; }
#page_history .history_scroll #history_select {
display: none; }
#page_history .hitory_table .table_item {
padding-top: 16px;
margin-bottom: 48px; }
@media screen and (min-width: 769px) {
#page_history .history_scroll .history_btn .btn .btn_content:hover {
background-color: #E6FF00;
border: 1px solid #2E323C; } }
@media screen and (max-width: 1040px) {
#page_history .history_scroll {
margin-bottom: 24px; }
#page_history .history_scroll .history_btn .btn:nth-child(3n+1) {
padding-right: 20px; }
#page_history .history_scroll .history_btn .btn:nth-child(3n+2) {
padding: 0 10px; }
#page_history .history_scroll .history_btn .btn:nth-child(3n) {
padding-left: 20px; }
#page_history .history_scroll .history_btn .btn .btn_content {
padding: 20px; }
#page_history .history_scroll .history_btn .btn .btn_content i {
right: 20px; } }
@media screen and (max-width: 768px) {
#page_history .history_scroll .history_btn {
display: none; }
#page_history .history_scroll #history_select {
background-color: #fff;
background-image: url(//zigexn.co.jp/wp-content/themes/zigexn/images/common/select.svg);
background-repeat: no-repeat;
background-position: right 24px center;
background-size: 14px;
border: 1px solid #2E323C;
outline: 0;
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 16px;
font-weight: 700;
width: 100%;
height: 52px;
padding: 0 24px;
display: block;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
#page_history .history_scroll #history_select:placeholder-shown, #page_history .history_scroll #history_select::-webkit-input-placeholder {
color: #282828;
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 16px;
font-weight: 700; }
#page_history .history_scroll #history_select:-moz-placeholder, #page_history .history_scroll #history_select::-moz-placeholder {
opacity: 1;
color: #282828;
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 16px;
font-weight: 700; }
#page_history .history_scroll #history_select:-ms-input-placeholder {
color: #282828;
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 16px;
font-weight: 700; }
#page_history .history_scroll #history_select::-ms-expand {
display: none; }
#page_history .hitory_table .table_item {
margin-bottom: 24px; } }
#page_group .modal_list li .modal_content .group_title {
font-size: 14px;
font-weight: 700; }
#page_group .modal_list li .modal_content .group_title i, #page_group .modal_list li .modal_content .group_title span {
display: inline-block;
vertical-align: top;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#page_group .modal_list li .modal_content .group_title i {
padding-top: 6px; }
#page_group .modal_list li .modal_content .group_title span {
width: calc(100% - 20px);
padding-left: 12px; }
#group #modal_window .modal_list {
height: 554px;
padding: 96px 32px;
overflow-y: scroll; }
#group #modal_window .modal_list .group_img {
border: 1px solid #D9D9D9;
border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-ms-border-radius: 16px;
-o-border-radius: 16px; }
#group #modal_window .modal_list .group_img img {
width: auto;
height: 180px;
margin: 0 auto;
display: block; }
#group #modal_window .modal_list .group_content {
margin-top: 64px; }
#group #modal_window .modal_list .group_content table {
width: 100%; }
#group #modal_window .modal_list .group_content table tr:last-child th:after {
content: "";
background-color: #2E323C;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px; }
#group #modal_window .modal_list .group_content table tr:last-child td:after {
content: "";
background-color: #2E323C;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
left: 16px; }
#group #modal_window .modal_list .group_content table tr th, #group #modal_window .modal_list .group_content table tr td {
position: relative;
line-height: 1.8;
letter-spacing: 1px;
padding: 28px 0 26px;
text-align: left;
overflow: hidden;
vertical-align: top; }
#group #modal_window .modal_list .group_content table tr th:before, #group #modal_window .modal_list .group_content table tr td:before {
content: "";
background-color: #2E323C;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px; }
#group #modal_window .modal_list .group_content table tr th {
font-size: 16px;
font-weight: 700;
width: 264px; }
#group #modal_window .modal_list .group_content table tr td {
font-size: 14px;
padding: 30px 16px 26px; }
#group #modal_window .modal_list .group_content table tr td:before {
left: 16px; }
#group #modal_window .modal_list .group_content table tr td a {
color: #282828;
display: inline-block;
text-decoration: underline; }
#group #modal_window .modal_list .group_content .group_info {
margin-top: 48px;
text-align: left; }
#group #modal_window .modal_list .group_content .group_info ul, #group #modal_window .modal_list .group_content .group_info .group_link {
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#group #modal_window .modal_list .group_content .group_info ul {
padding-right: 40px; }
#group #modal_window .modal_list .group_content .group_info li {
font-size: 14px;
width: 48px;
height: 48px;
padding: 0;
margin: 0 24px 0 0; }
#group #modal_window .modal_list .group_content .group_info li.mail svg .cls-1 {
fill: #606676; }
#group #modal_window .modal_list .group_content .group_info li.facebook svg .cls-1 {
fill: #898f9c; }
#group #modal_window .modal_list .group_content .group_info li.twitter svg .cls-1 {
fill: #474747; }
#group #modal_window .modal_list .group_content .group_info li.twitter svg .cls-2 {
fill: #fff; }
#group #modal_window .modal_list .group_content .group_info li.line svg .cls-1 {
fill: #8F8F8F; }
#group #modal_window .modal_list .group_content .group_info li.line svg .cls-2 {
fill: #fff; }
#group #modal_window .modal_list .group_content .group_info li:last-child {
margin: 0; }
#group #modal_window .modal_list .group_content .group_info .group_link {
background-color: #F5F5F5;
font-size: 13px;
font-weight: 700;
line-height: 1.6;
letter-spacing: 1px;
padding: 14px 16px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px; }
#group #modal_window .modal_list .group_content .group_info .group_link a {
display: inline-block;
text-decoration: underline; }
@media screen and (min-width: 769px) {
#group #modal_window .modal_list .group_content .group_info li.mail a:hover .cls-1 {
fill: #DB4437; } }
@media screen and (min-width: 769px) {
#group #modal_window .modal_list .group_content .group_info li.facebook a:hover .cls-1 {
fill: #1877f2; } }
@media screen and (min-width: 769px) {
#group #modal_window .modal_list .group_content .group_info li.twitter a:hover .cls-1 {
fill: #000000; } }
@media screen and (min-width: 769px) {
#group #modal_window .modal_list .group_content .group_info li.line a:hover .cls-1 {
fill: #4CC764; } }
@media screen and (min-width: 769px) {
#group #modal_window .modal_list .group_content .group_info li a:hover {
transform: scale(1.15);
-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
-ms-transform: scale(1.15);
-o-transform: scale(1.15); } }
@media screen and (max-width: 1040px) {
#group #modal_window .modal_list {
padding: 64px 32px; }
#group #modal_window .modal_list .group_img {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px; } }
@media screen and (max-width: 768px) {
#page_group .modal_list li .modal_content .group_title i {
padding-top: 5px; }
#group #modal_window .modal_list {
height: 70vh;
padding: 48px 32px; }
#group #modal_window .modal_list .group_img {
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
#group #modal_window .modal_list .group_img img {
height: 120px; }
#group #modal_window .modal_list .group_content {
margin-top: 32px; }
#group #modal_window .modal_list .group_content table {
display: block; }
#group #modal_window .modal_list .group_content table tbody {
width: 100%;
display: block; }
#group #modal_window .modal_list .group_content table tr {
border-top: 1px solid #2E323C;
padding: 24px 0;
display: block; }
#group #modal_window .modal_list .group_content table tr:last-child {
border-bottom: 1px solid #2E323C; }
#group #modal_window .modal_list .group_content table tr:last-child th:before, #group #modal_window .modal_list .group_content table tr:last-child th:after {
content: none; }
#group #modal_window .modal_list .group_content table tr:last-child td:before, #group #modal_window .modal_list .group_content table tr:last-child td:after {
content: none; }
#group #modal_window .modal_list .group_content table tr th, #group #modal_window .modal_list .group_content table tr td {
padding: 0;
display: block; }
#group #modal_window .modal_list .group_content table tr th:before, #group #modal_window .modal_list .group_content table tr th:after {
content: none; }
#group #modal_window .modal_list .group_content table tr td:before, #group #modal_window .modal_list .group_content table tr td:after {
content: none; }
#group #modal_window .modal_list .group_content table tr th {
font-size: 14px; }
#group #modal_window .modal_list .group_content table tr td {
padding-top: 4px; }
#group #modal_window .modal_list .group_content .group_info {
margin-top: 32px; }
#group #modal_window .modal_list .group_content .group_info ul, #group #modal_window .modal_list .group_content .group_info .group_link {
display: block; }
#group #modal_window .modal_list .group_content .group_info ul {
padding: 0; }
#group #modal_window .modal_list .group_content .group_info li {
width: auto;
margin: 0 16px 0 0;
display: inline-block; }
#group #modal_window .modal_list .group_content .group_info li svg {
width: 40px;
height: 40px; }
#group #modal_window .modal_list .group_content .group_info .group_link {
margin-top: 20px; } }
@media screen and (max-width: 480px) {
#group #modal_window .modal_list .group_img img {
width: 100%;
height: auto; } }
.ie #page_board .modal_list .btn .btn_content {
line-height: 86px; }
#page_board .modal_list li .modal_content .board_title {
font-size: 14px;
font-weight: 700; }
#page_board .modal_list li .modal_content .board_name {
padding-top: 8px; }
#page_board .modal_list li .modal_content .board_name i, #page_board .modal_list li .modal_content .board_name p, #page_board .modal_list li .modal_content .board_name span {
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#page_board .modal_list li .modal_content .board_name i {
font-size: 22px; }
#page_board .modal_list li .modal_content .board_name p {
font-size: 24px;
font-weight: 700;
width: calc(100% - 17px);
line-height: 1.2;
padding-left: 12px; }
#page_board .modal_list li .modal_content .board_name p span {
font-family: "Lato", sans-serif;
font-size: 12px;
padding-bottom: 6px;
padding-left: 12px;
vertical-align: bottom; }
#page_board .modal_list .modal_item:first-child .board_title {
min-height: 50px; }
#page_board .modal_list .modal_item:first-child .board_name p {
padding-left: 0; }
#page_board .modal_list .btn {
margin-top: 72px; }
#page_board .modal_list .btn .btn_content {
width: 400px;
height: 82px;
line-height: 82px; }
#management_team #modal_window .modal_list {
height: 554px; }
#management_team #modal_window .modal_list .board_img, #management_team #modal_window .modal_list .board_content {
font-size: 14px;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#management_team #modal_window .modal_list .board_img {
position: absolute;
bottom: 0;
left: 0;
max-width: 420px;
width: 40%; }
#management_team #modal_window .modal_list .board_content {
float: right;
width: 60%;
padding: 96px 80px 34px;
text-align: left;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#management_team #modal_window .modal_list .board_content .board_info .board_title {
font-size: 14px;
font-weight: 700; }
#management_team #modal_window .modal_list .board_content .board_info .board_name {
font-size: 40px;
font-weight: 700;
letter-spacing: 1px;
padding-top: 12px; }
#management_team #modal_window .modal_list .board_content .board_info .board_name span {
font-family: "Lato", sans-serif;
font-size: 14px;
font-weight: 700;
letter-spacing: 0;
padding-left: 30px; }
#management_team #modal_window .modal_list .board_content .board_career {
height: 280px;
padding-right: 20px;
margin-top: 40px;
overflow-y: scroll; }
#management_team #modal_window .modal_list .board_content .board_career::-webkit-scrollbar {
width: 6px; }
#management_team #modal_window .modal_list .board_content .board_career::-webkit-scrollbar-track {
background-color: #F7F7F7;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px; }
#management_team #modal_window .modal_list .board_content .board_career::-webkit-scrollbar-thumb {
background-color: #2E323C;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px; }
#management_team #modal_window .modal_list .board_content .board_career .career_title {
font-size: 18px;
font-weight: 700;
position: relative;
padding-left: 24px; }
#management_team #modal_window .modal_list .board_content .board_career .career_title:before {
content: "";
background-color: #282828;
position: absolute;
top: 50%;
left: 0;
width: 8px;
height: 8px;
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%); }
#management_team #modal_window .modal_list .board_content .board_career table {
width: 100%;
margin-top: 16px; }
#management_team #modal_window .modal_list .board_content .board_career table tr th, #management_team #modal_window .modal_list .board_content .board_career table tr td {
position: relative;
line-height: 1.8;
letter-spacing: 1px;
padding: 10px 0 8px;
text-align: left;
overflow: hidden;
vertical-align: top; }
#management_team #modal_window .modal_list .board_content .board_career table tr th:before, #management_team #modal_window .modal_list .board_content .board_career table tr td:before {
content: "";
background-color: rgba(112, 112, 112, 0.44);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px; }
#management_team #modal_window .modal_list .board_content .board_career table tr th {
font-family: "Lato", sans-serif;
font-size: 13px;
font-weight: 700;
width: 74px;
letter-spacing: 0; }
#management_team #modal_window .modal_list .board_content .board_career table tr td {
font-size: 14px;
padding: 10px 16px 8px; }
#management_team #modal_window .modal_list .board_content .board_career table tr td:before {
left: 16px; }
#management_team #modal_window .modal_list .board_content .board_career table tr td p {
padding-left: 32px;
display: inline-block; }
#management_team #modal_window .modal_list .board_content .board_career table tr td p a {
color: #888;
font-family: "Lato", sans-serif;
font-size: 14px;
letter-spacing: 0.5px;
display: inline-block; }
#management_team #modal_window .modal_list .board_content .board_career table tr td p a i {
padding-right: 8px; }
#management_team #modal_window .modal_list .board_content .board_career table tr td p a span {
position: relative; }
#management_team #modal_window .modal_list .board_content .board_career table tr td p a span:before {
content: "";
background-color: #888;
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 1px; }
@media screen and (max-width: 1040px) {
#page_board .modal_list .modal_item:first-child .board_title {
min-height: auto; }
#page_board .modal_list li .modal_content .board_name p {
font-size: 22px; }
#management_team #modal_window .modal_list .board_content {
padding: 64px 48px 24px; }
#management_team #modal_window .modal_list .board_content .board_info .board_name {
font-size: 32px; }
#management_team #modal_window .modal_list .board_content .board_info .board_name span {
padding-left: 20px; } }
@media screen and (max-width: 768px) {
.ie #page_board .modal_list .btn .btn_content {
line-height: 68px; }
#page_board .modal_list .btn .btn_content {
width: 360px;
height: 64px;
line-height: 64px; }
#management_team #modal_window .modal_list {
max-height: 554px;
height: 70vh;
padding: 32px 16px 32px 32px;
overflow: scroll; }
#management_team #modal_window .modal_list .board_img, #management_team #modal_window .modal_list .board_content {
float: none;
position: static;
max-width: inherit;
width: 100%;
padding: 0;
display: block; }
#management_team #modal_window .modal_list .board_img {
width: 280px;
margin: 0 auto 48px; }
#management_team #modal_window .modal_list .board_content .board_info .board_name {
font-size: 24px;
padding-top: 8px; }
#management_team #modal_window .modal_list .board_content .board_info .board_name span {
padding-left: 12px; }
#management_team #modal_window .modal_list .board_content .board_career {
padding-right: 16px;
margin-top: 32px; }
#management_team #modal_window .modal_list .board_content .board_career .career_title {
font-size: 16px;
padding-left: 16px; }
#management_team #modal_window .modal_list .board_content .board_career table {
margin-top: 12px; } }
@media screen and (max-width: 480px) {
.ie #page_board .modal_list .btn .btn_content {
line-height: 60px; }
#page_board .modal_list li .modal_content .board_name p {
font-size: 20px;
padding-left: 8px; }
#page_board .modal_list li .modal_content .board_name p span {
padding-bottom: 0; }
#page_board .modal_list .btn {
margin-top: 56px; }
#page_board .modal_list .btn .btn_content {
font-size: 13px;
width: 100%;
height: 56px;
line-height: 56px; }
#page_board .modal_list .btn .btn_content i {
display: none; }
#management_team #modal_window .modal_list .board_img {
width: 80%;
margin-bottom: 32px; }
#management_team #modal_window .modal_list .board_content .board_info .board_name {
font-size: 22px; }
#management_team #modal_window .modal_list .board_content .board_info .board_name span {
padding: 0;
display: block; }
#management_team #modal_window .modal_list .board_content .board_career table {
width: 100%;
display: block; }
#management_team #modal_window .modal_list .board_content .board_career table tbody {
width: 100%;
display: block; }
#management_team #modal_window .modal_list .board_content .board_career table tr {
border-top: 1px solid #2E323C;
padding: 24px 0;
display: block; }
#management_team #modal_window .modal_list .board_content .board_career table tr:last-child {
border-bottom: 1px solid #2E323C; }
#management_team #modal_window .modal_list .board_content .board_career table tr:last-child th:before, #management_team #modal_window .modal_list .board_content .board_career table tr:last-child th:after {
content: none; }
#management_team #modal_window .modal_list .board_content .board_career table tr:last-child td:before, #management_team #modal_window .modal_list .board_content .board_career table tr:last-child td:after {
content: none; }
#management_team #modal_window .modal_list .board_content .board_career table tr th, #management_team #modal_window .modal_list .board_content .board_career table tr td {
padding: 0;
display: block; }
#management_team #modal_window .modal_list .board_content .board_career table tr th:before, #management_team #modal_window .modal_list .board_content .board_career table tr th:after {
content: none; }
#management_team #modal_window .modal_list .board_content .board_career table tr td:before, #management_team #modal_window .modal_list .board_content .board_career table tr td:after {
content: none; }
#management_team #modal_window .modal_list .board_content .board_career table tr th {
font-size: 14px;
width: 100%; }
#management_team #modal_window .modal_list .board_content .board_career table tr td {
padding-top: 4px; }
#management_team #modal_window .modal_list .board_content .board_career table tr td p {
padding: 0;
display: block; } }
#page_service {
padding-bottom: 0;
padding-left: 0;
padding-right: 0; }
#page_service .service_content {
padding: 0 32px; }
#page_service .service_img {
border: 1px solid #D9D9D9;
padding: 40px 32px;
margin-top: 48px;
border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-ms-border-radius: 16px;
-o-border-radius: 16px; }
#page_service .service_img img {
max-width: 736px;
margin: 0 auto;
display: block; }
#page_service .service_wrap {
margin-top: 120px; }
#page_service .service_item {
padding-top: 24px;
margin-bottom: 96px; }
#page_service .service_item:last-child {
margin-bottom: 0; }
#page_service .service_item .service_content {
background-color: #F7F7F7;
position: relative;
padding: 0 32px;
margin-bottom: 80px; }
#page_service .service_item .service_content .inner {
background-color: #fff;
padding: 56px 32px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#page_service .service_item .service_content .common_heading {
margin-bottom: 0; }
#page_service .service_item .service_content .common_text {
max-width: 520px;
margin: 0 auto; }
#page_service .service_lists {
padding: 0 32px; }
#page_service .list_item {
margin-bottom: 28px; }
#page_service .list_item .service_title {
font-size: 28px;
font-weight: 700;
position: relative;
line-height: 1.6;
letter-spacing: 0.5px;
margin-bottom: 52px;
text-align: center; }
#page_service .list_item .service_title:before {
content: "";
background-color: #2E323C;
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px; }
#page_service .list_item .service_title span {
background-color: #fff;
position: relative;
padding: 0 20px;
display: inline-block;
z-index: 1; }
#page_service .list_item .service_list li {
font-size: 12px;
width: 33.3333%;
line-height: 1.8;
letter-spacing: 0.5px;
padding: 0;
margin-bottom: 48px; }
#page_service .list_item .service_list li:nth-child(3n+1) {
padding-right: 28px; }
#page_service .list_item .service_list li:nth-child(3n+2) {
padding: 0 14px; }
#page_service .list_item .service_list li:nth-child(3n) {
padding-left: 28px; }
#page_service .list_item .service_list li .list_img {
border: 1px solid #D9D9D9;
position: relative;
overflow: hidden;
border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-ms-border-radius: 16px;
-o-border-radius: 16px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
#page_service .list_item .service_list li .list_img img {
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
#page_service .list_item .service_list li .list_content {
padding: 20px 0 0; }
#page_service .list_item .service_list li .list_content .list_title {
font-size: 18px;
font-weight: 700; }
#page_service .list_item .service_list li .list_content .list_title i, #page_service .list_item .service_list li .list_content .list_title span {
display: inline-block;
vertical-align: top;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#page_service .list_item .service_list li .list_content .list_title i {
font-size: 16px;
padding-top: 8px;
padding-right: 6px; }
#page_service .list_item .service_list li .list_content .list_title span {
width: calc(100% - 21px); }
#page_service .list_item .service_list li .list_content .common_text {
padding-top: 4px; }
#page_service .list_item .service_list li .list_content .common_text p {
line-height: 2; }
#page_service .list_item .service_list li .list_sns {
padding-top: 12px; }
#page_service .list_item .service_list li .list_sns li {
width: auto;
line-height: 1;
margin: 0; }
#page_service .list_item .service_list li .list_sns li:nth-child(3n+1), #page_service .list_item .service_list li .list_sns li:nth-child(3n+2), #page_service .list_item .service_list li .list_sns li:nth-child(3n) {
padding: 0 16px 0 0; }
#page_service .list_item .service_list li .list_sns li:last-child {
padding: 0; }
#page_service .list_item .service_list li .list_sns li.mail .cls-1 {
fill: #606676; }
#page_service .list_item .service_list li .list_sns li.facebook .cls-1 {
fill: #898f9c; }
#page_service .list_item .service_list li .list_sns li.twitter .cls-1 {
fill: #474747; }
#page_service .list_item .service_list li .list_sns li.twitter .cls-2 {
fill: #fff; }
#page_service .list_item .service_list li .list_sns li.line .cls-1 {
fill: #8F8F8F; }
#page_service .list_item .service_list li .list_sns li.line .cls-2 {
fill: #8F8F8F; }
#page_service .list_item .service_list li .list_sns li .cls-1, #page_service .list_item .service_list li .list_sns li .cls-2 {
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
#page_service .list_item .service_list li .list_sns .list_company {
padding-bottom: 16px; }
#page_service .list_item .service_list li .list_sns .list_company span {
background-color: #F7F7F7;
font-size: 13px;
font-weight: 700;
padding: 2px 8px;
display: inline-block;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px; }
@media screen and (min-width: 769px) {
#page_service .list_item .service_list li a:hover .list_img {
transform: scale(0.95);
-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
-ms-transform: scale(0.95);
-o-transform: scale(0.95); } }
@media screen and (min-width: 769px) {
#page_service .list_item .service_list li .list_sns li.mail a:hover .cls-1 {
fill: #DB4437; } }
@media screen and (min-width: 769px) {
#page_service .list_item .service_list li .list_sns li.facebook a:hover .cls-1 {
fill: #1877f2; } }
@media screen and (min-width: 769px) {
#page_service .list_item .service_list li .list_sns li.twitter a:hover .cls-1 {
fill: #000000; } }
@media screen and (min-width: 769px) {
#page_service .list_item .service_list li .list_sns li.line a:hover .cls-1 {
fill: #4CC764; } }
@media screen and (min-width: 769px) {
#page_service .list_item .service_list li .list_sns li a:hover {
transform: scale(1.15);
-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
-ms-transform: scale(1.15);
-o-transform: scale(1.15); } }
@media screen and (max-width: 1040px) {
#page_service .service_img {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px; }
#page_service .service_item .service_content .inner {
padding: 56px 32px; }
#page_service .list_item .service_title {
font-size: 24px; }
#page_service .list_item .service_list li:nth-child(3n+1) {
padding-right: 20px; }
#page_service .list_item .service_list li:nth-child(3n+2) {
padding: 0 10px; }
#page_service .list_item .service_list li:nth-child(3n) {
padding-left: 20px; } }
@media screen and (max-width: 1023px) {
#page_service .service_img {
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
#page_service .list_item .service_list li {
width: 50%; }
#page_service .list_item .service_list li:nth-child(3n+1), #page_service .list_item .service_list li:nth-child(3n+2), #page_service .list_item .service_list li:nth-child(3n) {
padding: 0; }
#page_service .list_item .service_list li:nth-child(odd) {
padding-right: 16px; }
#page_service .list_item .service_list li:nth-child(even) {
padding-left: 16px; }
#page_service .list_item .service_list li .list_img {
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
#page_service .list_item .service_list li .list_content .list_title {
font-size: 16px; }
#page_service .list_item .service_list li .list_content .list_title i {
padding-top: 6px; } }
@media screen and (max-width: 768px) {
#page_service {
padding-bottom: 56px; }
#page_service .service_img {
padding: 24px; }
#page_service .service_wrap {
margin-top: 48px; }
#page_service .service_item .service_content {
padding: 0 16px;
margin-bottom: 56px; }
#page_service .service_item .service_content .inner {
padding: 32px 16px; }
#page_service .list_item {
margin-bottom: 88px; }
#page_service .list_item:last-child {
margin-bottom: 0; }
#page_service .list_item .service_title {
font-size: 20px;
margin-bottom: 32px; }
#page_service .list_item .service_title span {
padding: 0 16px; }
#page_service .list_item .service_list li {
width: 400px;
margin: 0 auto 48px;
display: block; }
#page_service .list_item .service_list li:nth-child(odd), #page_service .list_item .service_list li:nth-child(even) {
padding: 0; }
#page_service .list_item .service_list li:last-child {
margin-bottom: 0; }
#page_service .list_item .service_list li .list_content {
padding-top: 16px; }
#page_service .list_item .service_list li .list_sns {
padding-top: 8px; }
#page_service .list_item .service_list li .list_sns ul {
padding-right: 12px; }
#page_service .list_item .service_list li .list_sns li {
width: auto;
display: inline-block; }
#page_service .list_item .service_list li .list_sns li:nth-child(3n+1), #page_service .list_item .service_list li .list_sns li:nth-child(3n+2), #page_service .list_item .service_list li .list_sns li:nth-child(3n) {
padding: 0 8px 0 0; }
#page_service .list_item .service_list li .list_sns li:last-child {
padding: 0; } }
@media screen and (max-width: 480px) {
#page_service .service_item .service_content .inner {
padding: 32px;
display: inline-block; }
#page_service .list_item .service_title {
font-size: 18px; }
#page_service .list_item .service_list li {
width: 100%; } }
@media screen and (max-width: 374px) {
#page_service .common_heading h2 {
line-height: 1.2; } }
#page_ma {
padding-bottom: 48px; }
#page_ma .ma_content {
margin-bottom: 112px;
overflow: hidden; }
#page_ma .ma_content .ma_list {
position: relative;
padding-top: 48px;
text-align: center; }
#page_ma .ma_content .ma_list li {
max-width: 300px;
width: 33.3333%;
padding: 0;
margin-bottom: 52px;
text-align: center; }
#page_ma .ma_content .ma_list li:nth-child(3n+1) {
padding-right: 20px; }
#page_ma .ma_content .ma_list li:nth-child(3n+2) {
padding: 0 10px; }
#page_ma .ma_content .ma_list li:nth-child(3n) {
padding-left: 20px; }
#page_ma .ma_content .ma_list li .list_num {
font-family: "Lato", sans-serif;
font-size: 18px;
font-weight: 700; }
#page_ma .ma_content .ma_list li .list_icon {
background-color: #2E323C;
position: relative;
width: 120px;
height: 120px;
margin: 16px auto 0;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%; }
#page_ma .ma_content .ma_list li .list_icon svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%); }
#page_ma .ma_content .ma_list li .list_icon svg .cls-1 {
fill: #fff; }
#page_ma .ma_content .ma_list li .list_icon svg .cls-2 {
fill: #e6ff00; }
#page_ma .ma_content .ma_list li .common_text {
padding-top: 20px;
text-align: left; }
@media screen and (max-width: 1040px) {
#page_ma .ma_content .ma_list:before {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px; }
#page_ma .ma_content .ma_list li {
max-width: inherit; }
#page_ma .ma_content .ma_list li:nth-child(3n+1), #page_ma .ma_content .ma_list li:nth-child(3n+2), #page_ma .ma_content .ma_list li:nth-child(3n) {
padding: 0 12px; } }
@media screen and (max-width: 768px) {
#page_ma .ma_content .ma_list:before {
height: 110%;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
#page_ma .ma_content .ma_list li {
width: 400px;
padding: 0;
margin: 0 auto 40px;
display: block; }
#page_ma .ma_content .ma_list li:nth-child(3n+1), #page_ma .ma_content .ma_list li:nth-child(3n+2), #page_ma .ma_content .ma_list li:nth-child(3n) {
padding: 0; } }
@media screen and (max-width: 480px) {
#page_ma .ma_content .ma_list li {
width: 100%;
padding: 0 32px; } }
#sustainability_page .sustainability_content img {
margin: 20px auto;
display: block; }
#sustainability_page .sustainability_content .btn {
margin-top: 40px; }
#sustainability_sns .snsbox {
display: table;
width: 200px;
text-align: center;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto; }
#sustainability_sns .snsbox .snsi {
display: table-cell;
vertical-align: top;
padding: 10px; }
#sustainability_sdgs li {
width: 112px;
padding: 0 8px;
margin-bottom: 16px; }
#sustainability_csr .common_heading {
margin-bottom: 64px; }
#sustainability_csr .csr_list {
position: relative; }
#sustainability_csr .csr_list:before {
content: "";
background-color: rgba(237, 237, 237, 0.56);
position: absolute;
top: -32px;
left: 50%;
width: 600px;
height: 104%;
z-index: -1;
border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-ms-border-radius: 16px;
-o-border-radius: 16px;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0); }
#sustainability_csr .csr_list li {
margin-bottom: 80px; }
#sustainability_csr .csr_list li:nth-child(even) .list_img {
float: left; }
#sustainability_csr .csr_list li:nth-child(even) .list_content {
float: right;
padding-left: 80px;
padding-right: 0; }
#sustainability_csr .csr_list li:nth-child(even) .list_content .btn {
margin-top: 20px; }
#sustainability_csr .csr_list li:last-child {
margin-bottom: 0; }
#sustainability_csr .csr_list li .list_img, #sustainability_csr .csr_list li .list_content {
display: inline-block;
vertical-align: top;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#sustainability_csr .csr_list li .list_img {
float: right;
max-width: 440px;
width: 41%; }
#sustainability_csr .csr_list li .list_img.border_img img {
border: 1px solid #D9D9D9; }
#sustainability_csr .csr_list li .list_img img {
border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-ms-border-radius: 16px;
-o-border-radius: 16px; }
#sustainability_csr .csr_list li .list_content {
width: calc(50% + 80px);
padding-right: 80px; }
#sustainability_csr .csr_list li .list_content .list_info.list_two_rows .list_logo {
display: block; }
#sustainability_csr .csr_list li .list_content .list_info.list_two_rows .list_sdgs {
display: block;
padding: 16px 0 0; }
#sustainability_csr .csr_list li .list_content .list_info .list_logo, #sustainability_csr .csr_list li .list_content .list_info .list_sdgs {
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#sustainability_csr .csr_list li .list_content .list_info .list_logo li {
border: 1px solid #D9D9D9;
width: 132px;
padding: 0;
margin: 0 16px 0 0;
overflow: hidden;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
#sustainability_csr .csr_list li .list_content .list_info .list_logo li:last-child {
margin: 0; }
#sustainability_csr .csr_list li .list_content .list_info .list_sdgs {
width: calc(100% - 132px);
padding-left: 24px; }
#sustainability_csr .csr_list li .list_content .list_info .list_sdgs li {
width: 40px;
padding: 0;
margin: 0 8px 0 0; }
#sustainability_csr .csr_list li .list_content .list_info .list_sdgs li:last-child {
margin: 0; }
#sustainability_csr .csr_list li .list_content .common_title {
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 24px;
letter-spacing: 1px;
margin: 24px 0 16px; }
#sustainability_csr .csr_list li .list_content .list_list {
padding: 24px 0 40px; }
#sustainability_csr .csr_list li .list_content .list_list li {
font-size: 14px;
font-weight: 700;
width: auto;
line-height: 1.6;
letter-spacing: 0.5px;
padding: 0;
margin: 0; }
#sustainability_csr .csr_list li .list_content .list_list li:nth-child(odd) {
width: 40%;
padding-right: 12px; }
#sustainability_csr .csr_list li .list_content .list_list li:nth-child(even) {
width: 60%;
padding-left: 12px; }
#sustainability_csr .csr_list li .list_content .list_list li a {
border-bottom: 1px solid #A3A3A3;
padding: 16px 0; }
#sustainability_csr .csr_list li .list_content .list_list li i {
font-size: 16px;
padding-right: 12px; }
@media screen and (min-width: 769px) {
#sustainability_csr .csr_list li .list_content .list_list li a:hover {
opacity: 0.5; } }
@media screen and (max-width: 1040px) {
#sustainability_csr {
padding-top: 8px; }
#sustainability_csr .csr_list li:nth-child(even) .list_content {
padding-left: 40px; }
#sustainability_csr .csr_list li .list_content {
max-width: inherit;
width: calc(50% + 40px);
padding-right: 40px; } }
@media screen and (max-width: 768px) {
#sustainability_csr {
padding: 56px 32px; }
#sustainability_csr .common_heading {
margin-bottom: 32px; }
#sustainability_csr .csr_list:before {
content: none; }
#sustainability_csr .csr_list li {
margin-bottom: 56px; }
#sustainability_csr .csr_list li:nth-child(even) .list_img {
float: none;
max-width: inherit;
width: 100%; }
#sustainability_csr .csr_list li:nth-child(even) .list_content {
float: none;
max-width: inherit;
width: 100%;
padding-left: 0; }
#sustainability_csr .csr_list li .list_img, #sustainability_csr .csr_list li .list_content {
float: none;
max-width: inherit;
width: 100%;
padding: 0;
display: block; }
#sustainability_csr .csr_list li .list_img img {
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
#sustainability_csr .csr_list li .list_content {
max-width: inherit;
padding-top: 32px; }
#sustainability_csr .csr_list li .list_content .list_info .list_logo, #sustainability_csr .csr_list li .list_content .list_info .list_sdgs {
display: block; }
#sustainability_csr .csr_list li .list_content .list_info .list_logo li {
width: 104px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px; }
#sustainability_csr .csr_list li .list_content .list_info .list_sdgs {
width: 100%;
padding: 16px 0 0; }
#sustainability_csr .csr_list li .list_content .common_title {
font-size: 20px;
margin: 16px 0 8px; }
#sustainability_csr .csr_list li .list_content .common_text p {
margin-bottom: 16px; }
#sustainability_csr .csr_list li .list_content .list_list {
padding: 0; }
#sustainability_csr .csr_list li .list_content .list_list li:nth-child(odd), #sustainability_csr .csr_list li .list_content .list_list li:nth-child(even) {
width: 100%;
padding: 0; }
#sustainability_csr .csr_list li .list_content .btn {
margin-top: 24px; }
#sustainability_csr .csr_list li .list_content .btn .btn_content {
margin: 0 auto; } }
@media screen and (max-width: 480px) {
#sustainability_sdgs li {
width: 33.3333%; } }
@media screen and (max-width: 374px) {
#sustainability_csr .csr_list li .list_content .list_list li {
font-size: 13px; } }
#esg_page p {
line-height: 1.8; }
@media screen and (min-width: 769px) {
#esg_page .esg_content {
margin: 40px 0; }
#esg_page .esg_content .btn {
margin-top: 40px; }
#esg_page .esg_content .btn .left_bt {
margin-left: -3px;
margin-top: -30px; }
#esg_page .esg_content .txtm {
font-size: 12px;
margin-top: 10px; }
#esg_page .esg_content .esg_img {
width: 70%; }
#esg_link {
margin-bottom: 16px;
display: table;
margin: 0 auto;
width: 1040px; }
#esg_link .box {
display: table;
text-align: center;
color: #282828;
width: 1040px;
margin-top: 50px; }
#esg_link .esg_ttl {
margin-top: 80px;
margin-bottom: 24px;
padding: 10px 24px 10px 32px;
border-left: 10px solid #2E323C;
font-size: 24px;
font-weight: 700;
text-align: left;
background-color: #F7F7F7;
border-radius: 2px;
-webkit-border-radius: 2px; }
#esg_link .esg_space {
padding-top: 50px; }
#esg_link .esg_subttl {
font-size: 20px;
font-weight: 700;
padding-bottom: 30px; }
#esg_link .graf_title {
font-size: 20px;
font-weight: 700;
text-align: center;
margin: 23px 0 8px; }
#esg_link .esg_icon {
width: 100%;
margin: 0 auto;
display: block; }
#esg_link .esg_iconimg {
width: 50%;
margin: 0 auto;
display: block; }
#esg_link .esg_spicon {
width: 50%;
margin: 0 auto;
display: none; }
#esg_link .esgicon_main {
padding-top: 30px;
width: 30%;
margin: 0 auto;
display: block; }
#esg_link .esggraf_img {
width: 70%;
margin: 0 auto;
display: block; }
#esg_link .esg_con {
display: table-cell;
width: 70%;
text-align: left;
vertical-align: top; }
#esg_link .esg_con .con_mar {
padding-right: 30px; }
#esg_link .env {
display: table-cell;
width: 30%;
vertical-align: top;
text-align: left;
padding: 0 10px; }
#esg_link .env .ttl_esg {
font-size: 15px;
font-weight: 700;
text-align: center;
margin-bottom: 20px; }
#esg_link .soc {
display: table-cell;
width: 30%;
vertical-align: top;
text-align: left;
padding: 0 10px; }
#esg_link .soc .ttl_esg {
font-size: 15px;
font-weight: 700;
text-align: center;
margin-bottom: 20px; }
#esg_link .gov {
display: table-cell;
width: 30%;
vertical-align: top;
text-align: left;
padding: 0 10px; }
#esg_link .gov .ttl_esg {
font-size: 15px;
font-weight: 700;
text-align: center;
margin-bottom: 20px; }
}
@media screen and (max-width: 450px) {
#esg_page .esg_ttl {
margin-top: 30px;
margin-bottom: 24px;
padding: 10px 10px 10px 10px;
border-left: 10px solid #2E323C;
font-size: 20px;
font-weight: 700;
text-align: left;
background-color: #F7F7F7;
border-radius: 2px;
-webkit-border-radius: 2px; }
#esg_page .esggraf_img {
width: 100%;
margin: 0 auto;
display: block; }
#esg_page .esg_subttl {
font-size: 20px;
font-weight: 700;
padding-bottom: 30px;
padding-top: 30px; }
#esg_page .con_mar {
padding-right: 0px; }
#esg_page p {
text-align: left; }
#esg_page .btn {
margin: 0 auto; }
#esg_page .btn .left_bt {
margin-top: 10px;
margin-bottom: 30px; }
#esg_page .esg_img {
width: 100%; }
#esg_page .env {
float: left;
width: 100%;
margin-bottom: 20px;
text-align: left; }
#esg_page .soc {
float: left;
width: 100%;
margin-bottom: 20px;
text-align: left; }
#esg_page .gov {
float: left;
width: 100%;
margin-bottom: 20px;
text-align: left; }
#esg_page .esg_icon {
width: 100%;
margin: 0 auto;
display: none; }
#esg_page .esg_iconimg {
width: 100%;
margin: 0 auto;
display: none; }
#esg_page .esg_spicon {
width: 50%;
margin: 0 auto;
display: block; }
#esg_page .esgicon_main {
margin-top: 20px;
width: 50%;
margin: 0 auto;
display: block; }
#esg_page .ttl_esg {
font-size: 18px;
font-weight: 700;
text-align: center; }
#esg_page .graf_title {
font-size: 18px;
font-weight: 700;
text-align: center;
margin: 23px 0 8px; }
#esg_page .txtm {
font-size: 10px;
margin-top: 10px;
margin-bottom: 20px; }
}
.ie #careers_culture .culture_list li:nth-child(1) .list_content .btn .btn_content {
line-height: 56px; }
.ie #careers_culture .culture_list li .list_content .list_list li a {
padding: 18px 0 14px; }
#careers-culture #overs_sec {
padding-bottom: 120px; }
#careers_pride {
overflow: hidden; }
#careers_pride .pride_content .pride_list ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
#careers_pride .pride_content .pride_list li {
border-right: 1px solid rgba(112, 112, 112, 0.23);
font-size: 14px;
width: 33.3333%;
padding: 40px 20px 0;
margin: 0; }
#careers_pride .pride_content .pride_list li:nth-child(1) .list_icon svg {
top: 53%;
left: 49%; }
#careers_pride .pride_content .pride_list li:nth-child(1) .list_icon svg .cls-1 {
fill: #fff; }
#careers_pride .pride_content .pride_list li:nth-child(1) .list_icon svg .cls-2 {
fill: #e6ff00; }
#careers_pride .pride_content .pride_list li:nth-child(2) .list_icon svg .cls-1 {
fill: #e6ff00; }
#careers_pride .pride_content .pride_list li:nth-child(2) .list_icon svg .cls-2 {
fill: #fff; }
#careers_pride .pride_content .pride_list li:nth-child(3) {
border: 0; }
#careers_pride .pride_content .pride_list li:nth-child(3) .list_icon svg .cls-1 {
fill: #fff; }
#careers_pride .pride_content .pride_list li:nth-child(3) .list_icon svg .cls-2 {
fill: #e6ff00; }
#careers_pride .pride_content .pride_list li .list_icon {
background-color: #2E323C;
position: relative;
width: 120px;
height: 120px;
margin: 16px auto 0;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%; }
#careers_pride .pride_content .pride_list li .list_icon svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%); }
#careers_pride .pride_content .pride_list li .list_title {
font-size: 18px;
font-weight: 700;
line-height: 1.6;
letter-spacing: 1px;
padding-top: 20px; }
#careers_pride .pride_content .pride_list li .common_text {
max-width: 320px;
padding-top: 8px;
margin: 0 auto;
text-align: left; }
#careers_culture {
padding-top: 48px;
overflow: hidden; }
#careers_culture .culture_list {
position: relative; }
#careers_culture .culture_list:before {
content: "";
background-color: rgba(237, 237, 237, 0.56);
position: absolute;
top: 50%;
left: -80px;
width: 960px;
height: 720px;
z-index: -1;
border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-ms-border-radius: 16px;
-o-border-radius: 16px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%); }
#careers_culture .culture_list li {
margin-bottom: 120px; }
#careers_culture .culture_list li:nth-child(even) .list_img {
float: left;
width: 50%; }
#careers_culture .culture_list li:nth-child(even) .list_content {
float: right;
max-width: inherit;
width: calc(42% + 80px);
padding-top: 36px;
padding-left: 80px;
padding-right: 0; }
#careers_culture .culture_list li:nth-child(even) .list_content .btn {
margin-top: 20px; }
#careers_culture .culture_list li:last-child {
margin-bottom: 0; }
#careers_culture .culture_list li .list_img, #careers_culture .culture_list li .list_content {
display: inline-block;
vertical-align: top;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#careers_culture .culture_list li .list_img {
float: right;
width: 55%; }
#careers_culture .culture_list li .list_img img {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px; }
#careers_culture .culture_list li .list_content {
max-width: 384px;
width: calc(36% + 80px);
padding-top: 56px; }
#careers_culture .culture_list li .list_content .common_heading {
margin-bottom: 44px; }
#careers_culture .culture_list li .list_content .common_title {
margin-bottom: 24px; }
#careers_culture .culture_list li .list_content .list_list {
padding: 24px 0 40px; }
#careers_culture .culture_list li .list_content .list_list li {
font-size: 14px;
font-weight: 700;
width: auto;
line-height: 1.6;
letter-spacing: 0.5px;
padding: 0;
margin: 0; }
#careers_culture .culture_list li .list_content .list_list li:nth-child(odd) {
width: 40%;
padding-right: 12px; }
#careers_culture .culture_list li .list_content .list_list li:nth-child(even) {
width: 60%;
padding-left: 12px; }
#careers_culture .culture_list li .list_content .list_list li a {
border-bottom: 1px solid #A3A3A3;
padding: 16px 0; }
#careers_culture .culture_list li .list_content .list_list li i {
font-size: 16px;
padding-right: 12px; }
#careers_culture .culture_list li .list_content .btn .btn_content {
margin: 0; }
#careers_culture .culture_list li .list_content .btn .btn_content i {
font-size: 16px; }
@media screen and (min-width: 769px) {
#careers_culture .culture_list li .list_content .list_list li a:hover {
opacity: 0.5; } }
@media screen and (max-width: 1040px) {
#careers_pride .pride_content .pride_list li .list_title {
font-size: 16px; }
#careers_culture .culture_list li:nth-child(even) .list_content {
width: calc(44% + 40px);
padding-left: 40px; }
#careers_culture .culture_list li .list_content {
max-width: inherit;
width: calc(36% + 40px);
padding-top: 40px;
padding-right: 40px; } }
@media screen and (max-width: 768px) {
.ie #careers_culture .culture_list li:nth-child(1) .list_content .btn .btn_content {
line-height: 48px; }
#careers_pride .pride_content .pride_list li {
border-bottom: 1px solid rgba(112, 112, 112, 0.23);
border-right: 0;
width: 400px;
padding: 0 0 32px;
margin: 0 auto 32px;
display: block; }
#careers_pride .pride_content .pride_list li:last-child {
padding: 0;
margin-bottom: 0; }
#careers_pride .pride_content .pride_list li .common_text {
text-align: left; }
#careers_culture {
padding: 56px 32px; }
#careers_culture .culture_list:before {
content: none; }
#careers_culture .culture_list li:nth-child(1) .list_content .btn .btn_content {
font-size: 16px; }
#careers_culture .culture_list li:nth-child(even) .list_img {
float: none;
max-width: inherit;
width: 100%; }
#careers_culture .culture_list li:nth-child(even) .list_content {
float: none;
max-width: inherit;
width: 100%;
padding-left: 0; }
#careers_culture .culture_list li .list_img, #careers_culture .culture_list li .list_content {
float: none;
width: 100%;
padding: 0;
display: block; }
#careers_culture .culture_list li .list_img img {
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
#careers_culture .culture_list li .list_content {
max-width: inherit;
padding-top: 40px; }
#careers_culture .culture_list li .list_content .common_heading {
margin-bottom: 24px; }
#careers_culture .culture_list li .list_content .common_text p {
margin-bottom: 16px; }
#careers_culture .culture_list li .list_content .list_list {
padding: 0 0 24px; }
#careers_culture .culture_list li .list_content .list_list li:nth-child(odd), #careers_culture .culture_list li .list_content .list_list li:nth-child(even) {
width: 100%;
padding: 0; }
#careers_culture .culture_list li .list_content .btn {
margin-top: 24px; }
#careers_culture .culture_list li .list_content .btn .btn_content {
margin: 0 auto; }
#careers_culture .culture_list li .list_content .btn .btn_content i {
font-size: 14px; } }
@media screen and (max-width: 480px) {
#careers-culture #overs_sec {
padding-bottom: 56px; } }
.ie #page_archive .news_tab .tab_item li a {
line-height: 42px; }
#page_archive .news_tab {
margin-bottom: 68px; }
#page_archive .news_tab .tab_item {
margin-bottom: 24px; }
#page_archive .news_tab .tab_item:last-child {
margin-bottom: 0; }
#page_archive .news_tab .tab_item:last-child span {
padding-top: 9px; }
#page_archive .news_tab .tab_item:last-child select {
display: none; }
#page_archive .news_tab .tab_item span, #page_archive .news_tab .tab_item .tab_content {
display: inline-block;
vertical-align: top;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#page_archive .news_tab .tab_item span {
font-size: 20px;
font-weight: 700;
width: 132px;
letter-spacing: 1px;
padding-top: 14px; }
#page_archive .news_tab .tab_item .tab_content {
width: calc(100% - 140px); }
#page_archive .news_tab .tab_item select {
background-color: #fff;
background-image: url(//zigexn.co.jp/wp-content/themes/zigexn/images/common/select.svg);
background-repeat: no-repeat;
background-position: right 24px center;
background-size: 14px;
border: 1px solid #2E323C;
outline: 0;
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 16px;
font-weight: 700;
width: 184px;
height: 48px;
padding: 0 24px;
display: block;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
#page_archive .news_tab .tab_item select:placeholder-shown, #page_archive .news_tab .tab_item select::-webkit-input-placeholder {
color: #282828;
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 16px;
font-weight: 700; }
#page_archive .news_tab .tab_item select:-moz-placeholder, #page_archive .news_tab .tab_item select::-moz-placeholder {
opacity: 1;
color: #282828;
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 16px;
font-weight: 700; }
#page_archive .news_tab .tab_item select:-ms-input-placeholder {
color: #282828;
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 16px;
font-weight: 700; }
#page_archive .news_tab .tab_item select::-ms-expand {
display: none; }
#page_archive .news_tab .tab_item li {
font-size: 14px;
font-weight: 700;
padding: 0 16px 0 0;
margin-bottom: 12px;
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#page_archive .news_tab .tab_item li.current-cat a {
color: #fff;
background-color: #2E323C;
border: 1px solid #2E323C; }
#page_archive .news_tab .tab_item li a {
color: #2E323C;
background-color: #F7F7F7;
border: 1px solid #F7F7F7;
height: 38px;
line-height: 38px;
padding: 0 24px;
border-radius: 38px;
-webkit-border-radius: 38px;
-moz-border-radius: 38px;
-ms-border-radius: 38px;
-o-border-radius: 38px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#page_archive .no_article_text {
font-size: 14px;
line-height: 2.2;
letter-spacing: 0.5px; }
#page_archive .pagination {
margin-top: 24px;
text-align: center; }
#page_archive .pagination a {
color: #282828;
font-family: "Lato", sans-serif;
font-size: 18px;
font-weight: 700;
width: 56px;
height: 56px;
line-height: 56px;
padding: 0;
margin: 0 4px;
display: inline-block;
text-align: center;
vertical-align: top;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%; }
#page_archive .pagination span {
color: #282828;
font-family: "Lato", sans-serif;
font-size: 18px;
font-weight: 700;
width: 56px;
height: 56px;
line-height: 56px;
padding: 0;
margin: 0 4px;
display: inline-block;
text-align: center;
vertical-align: top;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
background-color: #E6FF00; }
#page_archive .pagination span.notNumbering, #page_archive .pagination span.dots {
background-color: transparent;
width: auto; }
#page_archive .pagination a {
position: relative; }
#page_archive .pagination a.arrow_pagination {
background-color: transparent;
margin: 0 12px; }
#page_archive .pagination a.arrow_pagination:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 6px;
height: 6px;
margin: auto;
vertical-align: middle;
transform: translate(-50%, -50%) rotate(45deg);
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-moz-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
-o-transform: translate(-50%, -50%) rotate(45deg);
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
#page_archive .pagination a.prev_pagination:after {
border-bottom: 2px solid #282828;
border-left: 2px solid #282828;
left: 22px; }
#page_archive .pagination a.next_pagination:after {
border-top: 2px solid #282828;
border-right: 2px solid #282828;
left: 19px; }
@media screen and (min-width: 769px) {
#page_archive .news_tab .tab_item li.current-cat a:hover {
background-color: #2E323C;
border: 1px solid #2E323C; } }
@media screen and (min-width: 769px) {
#page_archive .news_tab .tab_item li a:hover {
background-color: #E6FF00;
border: 1px solid #2E323C; } }
@media screen and (min-width: 769px) {
#page_archive .pagination a:hover {
background-color: #E6FF00; } }
@media screen and (min-width: 769px) {
#page_archive .pagination a.arrow_pagination:hover {
background-color: transparent; } }
@media screen and (min-width: 769px) {
#page_archive .pagination a.prev_pagination:hover:after {
left: 14px; } }
@media screen and (min-width: 769px) {
#page_archive .pagination a.next_pagination:hover:after {
left: 27px; } }
@media screen and (max-width: 1040px) {
#page_archive .news_tab .tab_item span {
font-size: 18px; } }
@media screen and (max-width: 768px) {
#page_archive .news_tab {
margin-bottom: 40px; }
#page_archive .news_tab .tab_item:last-child span {
padding-top: 16px; }
#page_archive .news_tab .tab_item:last-child select {
display: block; }
#page_archive .news_tab .tab_item .tab_content {
float: right;
width: calc(100% - 120px); }
#page_archive .news_tab .tab_item span {
font-size: 16px;
width: 106px;
padding-top: 16px; }
#page_archive .news_tab .tab_item select {
width: 100%; }
#page_archive .news_tab .tab_item ul {
display: none; } }
@media screen and (max-width: 480px) {
#page_archive .pagination {
margin-top: 48px; }
#page_archive .pagination a, #page_archive .pagination span {
font-size: 14px;
width: 40px;
height: 40px;
line-height: 40px;
margin: 0 6px; }
#page_archive .pagination a.arrow_pagination {
margin: 0 6px; }
#page_archive .pagination a.prev_pagination:after {
left: 22px; }
#page_archive .pagination a.next_pagination:after {
left: 19px; } }
#page_single {
padding-left: 0;
padding-right: 0; }
#page_single .single_heading {
padding: 0 32px; }
#page_single .single_heading h1 {
font-size: 32px;
font-weight: 700;
line-height: 1.6;
letter-spacing: 2px; }
#page_single .single_heading .single_info {
padding-top: 20px; }
#page_single .single_heading .single_info span {
font-weight: 700;
display: inline-block;
vertical-align: middle; }
#page_single .single_heading .single_info .single_category {
background-color: #E6FF00;
height: 24px;
line-height: 26px;
padding: 0 16px;
border-radius: 24px;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
-ms-border-radius: 24px;
-o-border-radius: 24px; }
#page_single .single_heading .single_info .single_date {
color: #848484;
font-family: "Lato", sans-serif;
font-size: 14px;
padding-left: 12px; }
#page_single .single_content {
padding: 56px 32px 80px;
margin-top: 56px; }
#page_single .single_content .single_article {
background-color: #fff;
padding: 80px 32px 72px;
border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-ms-border-radius: 16px;
-o-border-radius: 16px; }
#page_single .single_content .single_text {
word-break: break-word; }
#page_single .single_content .single_text h2 {
font-size: 28px;
font-weight: 700;
position: relative;
line-height: 1.6;
padding-left: 24px;
margin: 0 0 28px; }
#page_single .single_content .single_text h2:before {
content: "";
background-color: #282828;
position: absolute;
top: 8px;
left: 0;
width: 6px;
height: 28px;
border-radius: 1.5px;
-webkit-border-radius: 1.5px;
-moz-border-radius: 1.5px;
-ms-border-radius: 1.5px;
-o-border-radius: 1.5px; }
#page_single .single_content .single_text h3 {
font-size: 24px;
font-weight: 700;
position: relative;
line-height: 1.6;
padding-left: 24px;
margin: 48px 0 28px; }
#page_single .single_content .single_text h3:before {
content: "";
background-color: #282828;
position: absolute;
top: 14px;
left: 0;
width: 8px;
height: 8px;
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px; }
#page_single .single_content .single_text p {
font-size: 15px;
line-height: 2.2;
letter-spacing: 0.5px;
margin-bottom: 24px; }
#page_single .single_content .single_text p:last-child {
margin-bottom: 0; }
#page_single .single_content .single_text p a {
color: #586CFF;
display: inline-block;
text-decoration: underline; }
#page_single .single_content .single_text img {
height: auto; }
#page_single .single_content .single_text figure {
margin-bottom: 40px; }
#page_single .single_content .single_text figure img {
max-width: 100%;
max-height: 500px;
width: auto;
height: auto;
margin: 0 auto;
display: block; }
#page_single .single_content .single_text figure figcaption {
font-size: 12px;
line-height: 1.6;
margin: 24px 0 0;
text-align: center; }
#page_single .single_content .single_text figure figcaption a {
color: #586CFF;
display: inline-block;
text-decoration: underline; }
#page_single .single_content .single_text blockquote {
background-color: #F7F7F7;
position: relative;
padding: 32px 60px;
margin: 32px 0 56px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px; }
#page_single .single_content .single_text blockquote:before, #page_single .single_content .single_text blockquote:after {
color: #999;
font-size: 24px;
font-weight: 700;
position: absolute; }
#page_single .single_content .single_text blockquote:before {
content: "“";
top: 28px;
left: 32px; }
#page_single .single_content .single_text blockquote:after {
content: "“";
bottom: 28px;
right: 32px;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg); }
#page_single .single_content .single_text blockquote p {
font-size: 13px;
line-height: 1.8;
padding-bottom: 24px; }
#page_single .single_content .single_text blockquote p:last-child {
padding-bottom: 0; }
#page_single .single_content .single_text blockquote cite a {
display: inline-block;
text-decoration: underline; }
#page_single .single_content .single_text ol, #page_single .single_content .single_text ul {
padding-left: 24px;
margin-bottom: 24px; }
#page_single .single_content .single_text ol li, #page_single .single_content .single_text ul li {
font-size: 18px;
font-weight: 700;
line-height: 2.2;
letter-spacing: 0.5px;
margin-bottom: 0px; }
#page_single .single_content .single_text ol li {
list-style: decimal; }
#page_single .single_content .single_text ul li {
list-style: disc; }
#page_single .single_content .single_text .wp-block-table {
margin-bottom: 64px; }
#page_single .single_content .single_text .wp-block-table table {
width: 100%;
margin: 0 auto; }
#page_single .single_content .single_text .wp-block-table table tr:last-child td:last-child:after {
left: 16px; }
#page_single .single_content .single_text .wp-block-table table tr:last-child td:after {
content: "";
background-color: #2E323C;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px; }
#page_single .single_content .single_text .wp-block-table table tr td {
position: relative;
line-height: 1.8;
padding: 26px 0;
text-align: left;
overflow: hidden;
vertical-align: middle;
font-size: 14px;
padding: 26px 16px; }
#page_single .single_content .single_text .wp-block-table table tr td:before {
content: "";
background-color: #2E323C;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px; }
#page_single .single_content .single_text .wp-block-table table tr td:first-child {
font-size: 16px;
font-weight: 700;
width: 200px; }
#page_single .single_content .single_text .wp-block-table table tr td:before {
left: 16px; }
#page_single .single_content .single_text .wp-block-embed__wrapper {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
margin-bottom: 50px;
overflow: hidden; }
#page_single .single_content .single_text .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
#page_single .single_content .single_sns {
margin-top: 80px;
text-align: right; }
#page_single .single_content .single_sns .share_title, #page_single .single_content .single_sns ul {
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#page_single .single_content .single_sns .share_title {
font-family: "Lato", sans-serif;
font-size: 24px;
font-weight: 700;
letter-spacing: 0.5px;
padding-right: 28px; }
#page_single .single_content .single_sns li {
font-size: 16px;
padding: 0 24px 0 0;
margin: 0; }
#page_single .single_content .single_sns li.twitter svg .cls-1 {
fill: #000; }
#page_single .single_content .single_sns li.twitter svg .cls-2 {
fill: #fff; }
#page_single .single_content .single_sns li.facebook svg .cls-1 {
fill: #1877f2; }
#page_single .single_content .single_sns li.line svg .cls-1 {
fill: #00b900; }
#page_single .single_content .single_sns li.line svg .cls-2 {
fill: #fff; }
#page_single .single_content .single_sns li.copy {
padding: 0; }
#page_single .single_content .single_sns li.copy.copied .copy_btn_inner {
color: #2E323C;
background-color: #F7F7F7;
border: 1px solid #F7F7F7; }
#page_single .single_content .single_sns li.copy .copy_btn_inner {
cursor: pointer;
color: #fff;
background-color: #2E323C;
border: 1px solid #2E323C;
font-family: "Lato", sans-serif;
font-size: 16px;
font-weight: 700;
position: relative;
width: 132px;
height: 40px;
line-height: 38px;
padding: 0;
margin: 0 auto;
text-align: center;
border-radius: 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
-ms-border-radius: 40px;
-o-border-radius: 40px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
#page_single .single_content .single_sns li.copy .copy_btn_inner i {
font-size: 18px;
position: absolute;
top: 50%;
left: 12px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%); }
#page_single .single_content .single_contact {
margin-top: 40px; }
#page_single .single_content .single_contact .contact_title {
font-size: 24px;
font-weight: 700;
line-height: 1.6;
letter-spacing: 2px; }
#page_single .single_content .single_contact .contact_text {
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 14px;
line-height: 2.2;
letter-spacing: 1px;
margin-top: 16px; }
#page_single .single_content .single_contact .contact_text a {
color: #586CFF;
display: inline-block;
text-decoration: underline; }
#page_single .single_pagination {
margin-top: 40px; }
#page_single .single_pagination li {
font-size: 14px;
width: 50%;
padding: 0;
margin: 0; }
#page_single .single_pagination li.prev {
padding-right: 22px; }
#page_single .single_pagination li.next {
float: right;
padding-left: 22px; }
#page_single .single_pagination li.next a {
padding: 24px 16px 24px 40px; }
#page_single .single_pagination li.next .pagination_arrow {
left: inherit;
right: 16px; }
#page_single .single_pagination li.next .pagination_arrow span {
padding-right: 12px; }
#page_single .single_pagination li.next .pagination_content {
float: left;
padding-left: 0;
padding-right: 40px; }
#page_single .single_pagination li a {
background-color: #fff;
position: relative;
height: 100%;
padding: 24px 40px 24px 16px;
border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-ms-border-radius: 16px;
-o-border-radius: 16px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#page_single .single_pagination li .pagination_arrow {
position: absolute;
top: 50%;
left: 16px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
#page_single .single_pagination li .pagination_arrow i, #page_single .single_pagination li .pagination_arrow span {
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#page_single .single_pagination li .pagination_arrow i {
font-size: 20px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
#page_single .single_pagination li .pagination_arrow span {
font-family: "Lato", sans-serif;
font-size: 18px;
font-weight: 900;
padding-left: 12px; }
#page_single .single_pagination li .pagination_content {
float: right;
max-width: 330px;
width: calc(100% - 96px);
padding-left: 40px; }
#page_single .single_pagination li .pagination_content .pagination_info span {
font-weight: 700;
display: inline-block;
vertical-align: middle; }
#page_single .single_pagination li .pagination_content .pagination_info .pagination_category {
background-color: #E6FF00;
height: 24px;
line-height: 26px;
padding: 0 16px;
border-radius: 24px;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
-ms-border-radius: 24px;
-o-border-radius: 24px; }
#page_single .single_pagination li .pagination_content .pagination_info .pagination_date {
color: #848484;
font-family: "Lato", sans-serif;
font-size: 14px;
padding-left: 12px; }
#page_single .single_pagination li .pagination_content .pagination_title {
font-size: 14px;
font-weight: 700;
line-height: 1.6;
letter-spacing: 0.5px;
padding-top: 12px; }
@media screen and (min-width: 769px) {
#page_single .single_content .single_sns li.copy.copied .copy_btn_inner:hover {
color: #2E323C;
background-color: #F7F7F7;
border: 1px solid #F7F7F7; } }
@media screen and (min-width: 769px) {
#page_single .single_content .single_sns li.copy .copy_btn_inner:hover {
color: #2E323C;
background-color: #E6FF00; } }
@media screen and (min-width: 769px) {
#page_single .single_content .single_sns li a:hover {
transform: scale(1.15);
-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
-ms-transform: scale(1.15);
-o-transform: scale(1.15); } }
@media screen and (min-width: 769px) {
#page_single .single_pagination li.prev a:hover .pagination_arrow {
transform: translate(-8px, -50%);
-webkit-transform: translate(-8px, -50%);
-moz-transform: translate(-8px, -50%);
-ms-transform: translate(-8px, -50%);
-o-transform: translate(-8px, -50%); } }
@media screen and (min-width: 769px) {
#page_single .single_pagination li.next a:hover .pagination_arrow {
transform: translate(8px, -50%);
-webkit-transform: translate(8px, -50%);
-moz-transform: translate(8px, -50%);
-ms-transform: translate(8px, -50%);
-o-transform: translate(8px, -50%); } }
.ie #page_single .single_heading .single_info .single_category {
line-height: 28px; }
.ie #page_single .single_content .single_sns li.copy .copy_btn_inner i {
top: 54%; }
.ie #page_single .single_pagination li .pagination_content .pagination_info .pagination_category {
line-height: 28px; }
@media screen and (max-width: 1040px) {
#page_single .single_heading h1 {
font-size: 28px; }
#page_single .single_content .single_article {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px; }
#page_single .single_content .single_text h2 {
font-size: 24px; }
#page_single .single_content .single_text h2:before {
top: 5px; }
#page_single .single_content .single_text h3 {
font-size: 20px; }
#page_single .single_content .single_text h3:before {
top: 12px; }
#page_single .single_content .single_text ul li, #page_single .single_content .single_text ol li {
font-size: 16px; }
#page_single .single_content .single_sns .share_title {
font-size: 20px; }
#page_single .single_content .single_contact .contact_title {
font-size: 20px;
letter-spacing: 1px; }
#page_single .single_pagination li a {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px; } }
@media screen and (max-width: 1023px) {
#page_single .single_heading h1 {
font-size: 24px;
letter-spacing: 1px; }
#page_single .single_content {
padding: 56px 16px 80px; }
#page_single .single_content .single_article {
padding: 40px 16px; }
#page_single .single_content .single_text ul li, #page_single .single_content .single_text ol li {
font-size: 14px; }
#page_single .single_content .single_sns {
margin-top: 56px; }
#page_single .single_content .single_sns .share_title {
font-size: 18px; }
#page_single .single_pagination {
margin-top: 32px; }
#page_single .single_pagination li.prev {
padding-right: 16px; }
#page_single .single_pagination li.next {
padding-left: 16px; } }
@media screen and (max-width: 768px) {
#page_single .single_heading h1 {
font-size: 20px; }
#page_single .single_content {
padding: 48px 16px 56px;
margin-top: 48px; }
#page_single .single_content .single_article {
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
#page_single .single_content .single_text h2 {
font-size: 20px;
padding-left: 20px;
margin-bottom: 24px; }
#page_single .single_content .single_text h2:before {
top: 5px;
width: 4px;
height: 24px; }
#page_single .single_content .single_text h3 {
font-size: 18px;
padding-left: 20px; }
#page_single .single_content .single_text h3:before {
top: 10px; }
#page_single .single_content .single_text p, #page_single .single_content .single_text ol li, #page_single .single_content .single_text ul li {
line-height: 1.8; }
#page_single .single_content .single_text .wp-block-table {
margin-bottom: 40px; }
#page_single .single_content .single_text .wp-block-table table tr {
border-top: 1px solid #2E323C;
padding: 24px 0;
display: block; }
#page_single .single_content .single_text .wp-block-table table tr:last-child {
border-bottom: 1px solid #2E323C; }
#page_single .single_content .single_text .wp-block-table table tr:last-child td:before, #page_single .single_content .single_text .wp-block-table table tr:last-child td:after {
content: none; }
#page_single .single_content .single_text .wp-block-table table tr td {
padding: 0;
display: block; }
#page_single .single_content .single_text .wp-block-table table tr td:before, #page_single .single_content .single_text .wp-block-table table tr td:after {
content: none; }
#page_single .single_content .single_text .wp-block-table table tr td:first-child {
font-size: 14px; }
#page_single .single_content .single_text .wp-block-table table tr td:last-child {
padding-top: 4px; }
#page_single .single_content .single_sns {
text-align: center; }
#page_single .single_content .single_sns .share_title {
display: none; }
#page_single .single_content .single_sns ul {
display: block; }
#page_single .single_content .single_sns li {
width: auto;
padding: 0 12px;
display: inline-block; }
#page_single .single_content .single_sns li svg {
width: 32px;
height: 32px; }
#page_single .single_content .single_sns li:first-child {
padding-left: 0; }
#page_single .single_content .single_sns li.copy {
padding: 0 0 0 8px; }
#page_single .single_content .single_sns li.copy .copy_btn_inner {
font-size: 14px;
width: 120px;
height: 32px;
line-height: 30px; }
#page_single .single_content .single_sns li.copy .copy_btn_inner i {
font-size: 16px; }
#page_single .single_pagination li.next {
padding-left: 8px; }
#page_single .single_pagination li.next a {
padding: 16px; }
#page_single .single_pagination li.next .pagination_arrow {
text-align: right; }
#page_single .single_pagination li.prev {
padding-right: 8px; }
#page_single .single_pagination li.prev a {
padding: 16px; }
#page_single .single_pagination li a {
padding: 16px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
#page_single .single_pagination li .pagination_arrow {
position: static;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0); }
#page_single .single_pagination li .pagination_arrow span {
font-size: 16px; }
#page_single .single_pagination li .pagination_content {
float: none;
max-width: inherit;
width: 100%;
padding: 16px 0 0; }
#page_single .single_pagination li .pagination_content .pagination_info span {
font-size: 12px; }
#page_single .single_pagination li .pagination_content .pagination_info .pagination_date {
font-size: 12px;
padding-left: 8px; }
#page_single .single_pagination li .pagination_content .pagination_title {
font-size: 12px; } }
@media screen and (max-width: 480px) {
#page_single .single_pagination li .pagination_content .pagination_info .pagination_date {
padding-top: 8px;
padding-left: 0;
display: block; } }
@media screen and (max-width: 374px) {
#page_single .single_content .single_sns li.copy {
padding: 24px 0 0;
display: block; } }
#page_privacy .privacy_content {
margin-bottom: 48px; }
#page_privacy .privacy_content:last-child {
margin-bottom: 0; }
#page_privacy .privacy_content p {
font-size: 14px;
line-height: 2;
margin-bottom: 24px; }
#page_privacy .privacy_content p:last-child {
padding-bottom: 0; }
#page_privacy .privacy_content p a {
color: #586CFF;
display: inline-block;
text-decoration: underline; }
#page_privacy .privacy_content .privacy_item {
margin-top: 48px; }
#page_privacy .privacy_content .privacy_item h3 {
color: #2E323C;
font-size: 18px;
font-weight: 700;
position: relative;
line-height: 1.6;
letter-spacing: 1px;
padding-left: 32px;
margin-bottom: 16px; }
#page_privacy .privacy_content .privacy_item h3:before {
content: "";
background-color: #2E323C;
position: absolute;
top: 50%;
left: 0;
width: 8px;
height: 8px;
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%); }
#page_privacy .privacy_content .privacy_item .list_content {
margin-bottom: 24px; }
#page_privacy .privacy_content .privacy_item .list_content:last-child {
margin-bottom: 0; }
#page_privacy .privacy_content .privacy_item .list_title {
margin-bottom: 4px; }
#page_privacy .privacy_content .privacy_item ul {
padding-left: 24px; }
#page_privacy .privacy_content .privacy_item ul li {
margin-bottom: 0;
list-style: disc; }
#page_privacy .privacy_content .privacy_item li {
font-size: 14px;
position: relative;
line-height: 2;
margin-bottom: 16px; }
#page_privacy .privacy_content .privacy_item li:last-child {
margin-bottom: 0; }
#page_privacy .privacy_content .privacy_item li span {
position: absolute;
left: 0; }
#page_privacy .privacy_content .privacy_item li p {
font-size: 14px;
padding-left: 24px;
margin-bottom: 16px; }
@media screen and (max-width: 768px) {
#page_privacy .privacy_content p {
line-height: 1.8; }
#page_privacy .privacy_content .privacy_item {
margin-top: 32px; }
#page_privacy .privacy_content .privacy_item h3 {
font-size: 16px;
margin-bottom: 12px; }
#page_privacy .privacy_content .privacy_item li {
line-height: 1.8; } }
#page_sitemap .sitemap_list {
font-size: 0; }
#page_sitemap .sitemap_list ul {
width: 50%;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#page_sitemap .sitemap_list ul:nth-child(1) {
padding-right: 32px; }
#page_sitemap .sitemap_list ul:nth-child(2) {
padding-left: 32px; }
#page_sitemap .sitemap_list li {
font-size: 16px;
position: relative;
padding-left: 48px;
margin-bottom: 64px; }
#page_sitemap .sitemap_list li:last-child {
margin-bottom: 0; }
#page_sitemap .sitemap_list li:before, #page_sitemap .sitemap_list li:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 2px; }
#page_sitemap .sitemap_list li:before {
background-color: #282828;
height: 30px;
z-index: 1; }
#page_sitemap .sitemap_list li:after {
background-color: #f2f2f2;
height: 100%; }
#page_sitemap .sitemap_list li h2 {
font-family: "Kumbh Sans", sans-serif;
font-size: 32px;
font-weight: 600;
margin-bottom: 48px; }
#page_sitemap .sitemap_list li .sitemap_link {
font-weight: 700;
line-height: 32px;
letter-spacing: 1px;
padding-bottom: 24px; }
#page_sitemap .sitemap_list li .sitemap_link a {
display: inline-block;
text-decoration: underline; }
#page_sitemap .sitemap_list li .sitemap_link span {
border-left: 2px solid #f2f2f2;
padding-left: 16px;
margin: 8px 0;
display: block; }
@media screen and (min-width: 769px) {
#page_sitemap .sitemap_list li .sitemap_link a:hover {
text-decoration: none; } }
@media screen and (max-width: 768px) {
#page_sitemap .sitemap_list ul {
width: 100%;
margin-bottom: 48px;
display: block; }
#page_sitemap .sitemap_list ul:nth-child(1), #page_sitemap .sitemap_list ul:nth-child(2) {
padding: 0; }
#page_sitemap .sitemap_list ul:last-child {
margin-bottom: 0; }
#page_sitemap .sitemap_list li {
font-size: 14px;
padding-left: 24px;
margin-bottom: 48px; }
#page_sitemap .sitemap_list li h2 {
font-size: 24px;
margin-bottom: 24px; }
#page_sitemap .sitemap_list li .sitemap_link {
line-height: 24px;
padding-bottom: 16px; } }
.ie .common_form .wpcf7-response-output {
padding: 22px 20px 18px; }
.common_form .form_text {
color: rgba(32, 33, 35, 0.5);
font-size: 14px;
font-weight: 400;
line-height: 1.6;
margin-top: 64px; }
.common_form .form_text span {
color: #DE0000;
padding-right: 8px; }
.common_form table {
width: 100%;
margin-top: 32px; }
.common_form table tr {
margin-bottom: 32px;
display: block; }
.common_form table tr.two_rows {
width: 49%;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
.common_form table tr.odd_item {
padding-right: 20px; }
.common_form table tr.even_item {
padding-left: 20px; }
.common_form table tr.zipcode {
width: 27%; }
.common_form table tr.address {
width: 71%; }
.common_form table tr:last-child {
margin-bottom: 0; }
.common_form table tr th, .common_form table tr td {
font-size: 18px;
line-height: 1.4;
text-align: left;
display: block; }
.common_form table tr th {
color: #2E323C;
font-weight: 700;
position: relative;
letter-spacing: 1px;
padding-left: 32px; }
.common_form table tr th:before {
content: "";
background-color: #2E323C;
position: absolute;
top: 50%;
left: 0;
width: 8px;
height: 8px;
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%); }
.common_form table tr th p {
font-size: 14px;
font-weight: 700;
letter-spacing: 0.5px;
padding-left: 8px;
display: inline-block; }
.common_form table tr th span {
color: #DE0000;
font-size: 16px;
padding-left: 8px; }
.common_form table tr td {
margin-top: 16px; }
.common_form table tr td .radius {
caret-color: #282828;
background-color: #F5F5F5;
border: 1px solid #F5F5F5;
outline: 0;
font-size: 16px;
width: 100%;
height: 64px;
padding: 16px 32px;
margin: 0;
letter-spacing: 1px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
.common_form table tr td .radius:placeholder-shown, .common_form table tr td .radius::-webkit-input-placeholder {
color: #D3D3D3;
font-size: 14px;
font-weight: 700; }
.common_form table tr td .radius:-moz-placeholder, .common_form table tr td .radius::-moz-placeholder {
opacity: 1;
color: #D3D3D3;
font-size: 14px;
font-weight: 700; }
.common_form table tr td .radius:-ms-input-placeholder {
color: #D3D3D3;
font-size: 14px;
font-weight: 700; }
.common_form table tr td .radius:hover, .common_form table tr td .radius:focus {
border: 1px solid #f23f4c; }
.common_form table tr td select#alliance, .common_form table tr td select#group, .common_form table tr td select#service {
margin-top: 16px; }
.common_form table tr td select.radius {
cursor: pointer;
font-size: 16px;
font-weight: 700;
background-color: #fff;
background-image: url(//zigexn.co.jp/wp-content/themes/zigexn/images/common/select.svg);
background-repeat: no-repeat;
background-position: right 32px center;
background-size: 14px;
border: 1px solid #2E323C;
padding: 0 32px; }
.common_form table tr td select.radius::-ms-expand {
display: none; }
.common_form table tr td textarea.radius {
height: auto; }
.common_form .check_content {
color: #2E323C;
line-height: 1.6;
letter-spacing: 1px;
margin-top: 40px;
text-align: center; }
.common_form .check_content p {
font-size: 16px;
font-weight: 700;
position: relative;
z-index: 1; }
.common_form .check_content a {
color: #2E323C;
position: relative;
display: inline-block; }
.common_form .check_content a:before {
content: "";
background-color: #E6FF00;
position: absolute;
bottom: 4px;
left: 0;
width: 100%;
height: 3px;
z-index: -1;
transform: scaleX(1) translateZ(0);
-webkit-transform: scaleX(1) translateZ(0);
-moz-transform: scaleX(1) translateZ(0);
-ms-transform: scaleX(1) translateZ(0);
-o-transform: scaleX(1) translateZ(0);
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-moz-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-ms-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-o-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transform-origin: right top;
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top; }
.common_form .submit {
margin-top: 40px; }
.common_form .submit #submit_btn {
cursor: pointer;
color: #fff;
background-color: #2E323C;
border: 2px solid #2E323C;
outline: 0;
font-size: 18px;
font-weight: 600;
position: relative;
width: 400px;
height: 84px;
line-height: 84px;
letter-spacing: 1px;
padding: 0;
margin: 0 auto;
display: block;
border-radius: 84px;
-webkit-border-radius: 84px;
-moz-border-radius: 84px;
-ms-border-radius: 84px;
-o-border-radius: 84px;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.common_form .submit #submit_btn[disabled] {
cursor: no-drop;
background: #ccc;
border: 1px solid #ccc; }
.common_form .submit #submit_btn[disabled]:before, .common_form .submit #submit_btn[disabled]:after {
background: #ccc; }
.common_form .submit #submit_btn:focus {
outline: none; }
.common_form .submit .ajax-loader {
margin: 0 auto;
display: block; }
.common_form .wpcf7-response-output {
color: #f00;
background-color: #fdebe5;
border: 1px solid red !important;
padding: 16px !important;
margin: 32px 0 0 !important;
text-align: center;
line-height: 1.6;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px; }
.common_form .wpcf7-response-output.wpcf7-validation-errors {
color: #f00;
background-color: #fdebe5;
border: 1px solid #f00; }
.common_form .wpcf7-response-output.wpcf7-mail-sent-ok {
color: #3A87AD;
background-color: #D9EDF7;
border: 1px solid #3A87AD; }
.common_form .wpcf7-not-valid-tip {
font-size: 14px;
letter-spacing: 0.5px;
margin-top: 12px; }
.common_form .g-recaptcha {
margin-top: 48px; }
.common_form .g-recaptcha div {
margin: 0 auto; }
.common_form .inv-recaptcha-holder {
margin: 0; }
.common_form .inv-recaptcha-holder .grecaptcha-badge {
margin: 0 auto; }
@media screen and (min-width: 769px) {
.common_form .check_content a:hover:before {
transform: scaleX(0) translateZ(0);
-webkit-transform: scaleX(0) translateZ(0);
-moz-transform: scaleX(0) translateZ(0);
-ms-transform: scaleX(0) translateZ(0);
-o-transform: scaleX(0) translateZ(0); } }
@media screen and (min-width: 769px) {
.common_form .submit #submit_btn:hover {
color: #2E323C;
background-color: #E6FF00; } }
@media screen and (min-width: 769px) {
.common_form .submit #submit_btn[disabled]:hover {
color: #fff; } }
input[type=submit], input[type=button], input[type=email], input[type=submit], input[type=tel], input[type=text] {
vertical-align: middle;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-shadow: 0;
-webkit-box-shadow: 0;
-moz-box-shadow: 0;
-ms-box-shadow: 0;
-o-box-shadow: 0; }
select, textarea {
vertical-align: middle;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-shadow: 0;
-webkit-box-shadow: 0;
-moz-box-shadow: 0;
-ms-box-shadow: 0;
-o-box-shadow: 0; }
input[type=checkbox] {
display: none; }
.checkbox {
cursor: pointer;
position: relative;
display: inline-block;
vertical-align: middle;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
transition: background-color 0.2s linear;
-webkit-transition: background-color 0.2s linear;
-moz-transition: background-color 0.2s linear;
-ms-transition: background-color 0.2s linear;
-o-transition: background-color 0.2s linear; }
.checkbox:hover:before {
opacity: 1; }
.checkbox:before, .checkbox:after {
content: "";
position: absolute;
top: 50%;
display: block;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.checkbox:before {
background-color: #2E323C;
left: -50px;
width: 20px;
height: 20px;
opacity: 0;
z-index: 2;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%); }
input[type=checkbox]:checked + .checkbox:before, input[type=radio]:checked + .checkbox:before {
opacity: 1; }
.checkbox:after {
background-color: #F5F5F5;
border: 0;
left: -56px;
width: 32px;
height: 32px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%); }
@media screen and (max-width: 818px) {
.common_form table tr.company {
vertical-align: bottom; }
.common_form table tr.department {
vertical-align: bottom;
padding-top: 25px; } }
@media screen and (max-width: 768px) {
.common_form .form_text {
margin-top: 32px; }
.common_form table {
margin-top: 24px; }
.common_form table tr {
margin-bottom: 28px; }
.common_form table tr.two_rows, .common_form table tr.address {
width: 100%;
display: block; }
.common_form table tr.odd_item, .common_form table tr.even_item {
float: none;
padding: 0; }
.common_form table tr.zipcode {
width: 66.6666%; }
.common_form table tr.department {
padding-top: 0; }
.common_form table tr th, .common_form table tr td {
font-size: 16px; }
.common_form table tr th {
letter-spacing: 0.5px;
padding-left: 24px; }
.common_form table tr th p {
font-size: 12px; }
.common_form table tr th span {
font-size: 14px; }
.common_form table tr td .radius {
height: 52px;
padding: 16px 24px; }
.common_form table tr td .radius:placeholder-shown, .common_form table tr td .radius::-webkit-input-placeholder {
font-size: 16px; }
.common_form table tr td .radius:-moz-placeholder, .common_form table tr td .radius::-moz-placeholder {
opacity: 1;
font-size: 16px; }
.common_form table tr td .radius:-ms-input-placeholder {
font-size: 16px; }
.common_form table tr td select.radius {
background-position: right 24px center;
padding: 0 24px; }
.common_form .check_content p {
font-size: 14px;
text-align: left; } }
@media screen and (max-width: 480px) {
.common_form .submit #submit_btn {
font-size: 14px;
width: 100%;
height: 64px;
line-height: 64px; }
.checkbox:before {
left: -42px;
width: 16px;
height: 16px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px; }
.checkbox:after {
left: -48px;
width: 28px;
height: 28px;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px; } }
@media screen and (max-width: 374px) {
.common_form table tr th p {
padding: 8px 0 0;
display: block; } }
.ie .ir_table.ir_calendar table tr h3 {
padding: 24px 32px 16px; }
.ie .ir_table table tr td .list_category {
line-height: 32px; }
.ie .ir_table table tr td .list_title h3 {
padding-top: 4px; }
.ie .ir_article h2 {
padding: 14px 24px 6px 32px; }
.ie .ir_article h3:before {
top: 38%; }
.ie .ir_article table tr th, .ie .ir_article table tr td {
padding: 30px 16px 22px; }
.ie .ir_article table tr th {
padding-right: 20px; }
.ie .ir_article table tr td {
padding-left: 20px; }
.ie #ir_more_info li a {
padding: 22px 0 18px; }
#ir_cgovernance .ir_arrow_btn {
margin-top: 48px; }
.ir_content {
background-color: #fff;
padding: 72px 32px;
margin-bottom: 120px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px; }
.ir_content:last-child {
margin-bottom: 0; }
.ir_table.ir_calendar table tr:nth-child(n+11) {
display: table-row; }
.ir_table.ir_calendar table tr th, .ir_table.ir_calendar table tr td {
cursor: default; }
.ir_table.ir_calendar table tr th {
padding: 20px 32px; }
.ir_table.ir_calendar table tr td {
padding: 0; }
.ir_table.ir_calendar table tr td h3 {
padding: 20px 32px; }
.ir_table table {
width: 100%; }
.ir_table table tr {
border-top: 1px solid #2E323C;
font-size: 16px;
padding: 0;
margin: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
.ir_table table tr:nth-child(n+11) {
display: none; }
.ir_table table tr:last-child, .ir_table table tr:nth-child(10) {
border-bottom: 1px solid #2E323C; }
.ir_table table tr:nth-child(11) {
border-top: none; }
.ir_table table tr.nothing_article {
border: none; }
.ir_table table tr.nothing_article td {
border: none;
font-weight: 700;
line-height: 1.6;
letter-spacing: 1px;
text-align: center;
display: block; }
.ir_table table tr.xj_disabled {
cursor: default; }
.ir_table table tr.xj_disabled th a, .ir_table table tr.xj_disabled td a {
cursor: default; }
.ir_table table tr th, .ir_table table tr td {
cursor: pointer;
padding: 20px 32px;
vertical-align: middle;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.ir_table table tr th {
background-color: #F7F7F7;
font-family: "Lato", sans-serif;
font-weight: 900;
width: 163px;
padding: 0;
text-align: center; }
.ir_table table tr th a {
padding: 32px; }
.ir_table table tr td {
border-left: 1px solid #2E323C;
position: relative;
width: 100%;
padding: 0; }
.ir_table table tr td.noline {
border-left: 0px solid #FFFFFF; }
.ir_table table tr td a {
padding: 24px 104px 24px 32px; }
.ir_table table tr td .list_category, .ir_table table tr td h3 {
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
.ir_table table tr td .list_category {
color: #fff;
background-color: #2E323C;
font-size: 13px;
font-weight: 700;
width: 128px;
height: 28px;
line-height: 30px;
letter-spacing: 0.5px;
margin-right: 20px;
text-align: center; }
.ir_table table tr td h3 {
font-weight: 700;
line-height: 1.6;
letter-spacing: 1px; }
.ir_table table tr td .list_title, .ir_table table tr td .list_icon {
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
.ir_table table tr td .list_title {
width: 100%; }
.ir_table table tr td .list_title h3 {
width: calc(100% - 156px); }
.ir_table table tr td .list_icon {
position: absolute;
top: 50%;
right: 32px;
width: 40px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%); }
.ir_table table tr td .list_icon.icon_movie svg .cls-1 {
fill: #2e323c; }
.ir_table table tr td .list_icon.icon_pdf svg .cls-1, .ir_table table tr td .list_icon.icon_pdf svg .cls-2 {
fill: #242424; }
.ir_table table tr td .list_icon.icon_pdf svg .cls-1 {
stroke: #707070;
opacity: 0; }
.ir_table table tr td .list_icon.icon_pdf svg .cls-3 {
stroke: none; }
.ir_table table tr td .list_icon.icon_pdf svg .cls-4 {
fill: none; }
.ir_table table tr td .list_icon span, .ir_table table tr td .list_icon svg {
display: block;
text-align: center; }
.ir_table table tr td .list_icon span {
font-family: "Lato", sans-serif;
font-size: 12px;
padding-top: 8px; }
.ir_table table tr td .list_arrow {
display: none; }
@media screen and (min-width: 769px) {
.ir_table.ir_calendar table tr:hover th {
background-color: #F7F7F7; }
.ir_table.ir_calendar table tr:hover td {
background-color: transparent; } }
@media screen and (min-width: 769px) {
.ir_table table tr:hover th, .ir_table table tr:hover td {
background-color: #E6FF00; } }
@media screen and (min-width: 769px) {
.ir_table table tr.nothing_article td:hover {
background-color: transparent; } }
@media screen and (min-width: 769px) {
.ir_table table tr.xj_disabled:hover th {
background-color: #F7F7F7; }
.ir_table table tr.xj_disabled:hover td {
background-color: transparent; } }
.ir_article {
line-height: 1.6;
letter-spacing: 1px; }
.ir_article h2 {
background-color: #F7F7F7;
font-size: 24px;
font-weight: 700;
position: relative;
padding: 10px 24px 10px 32px;
margin-top: 80px;
margin-bottom: 24px;
overflow: hidden;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px; }
.ir_article h2:before {
content: "";
background-color: #2E323C;
position: absolute;
top: 0;
left: 0;
width: 8px;
height: 100%; }
.ir_article h2.margin_heading {
margin-top: 0; }
.ir_article h3 {
font-size: 20px;
font-weight: 700;
position: relative;
padding-left: 24px;
margin: 32px 0 16px; }
.ir_article h3:before {
content: "";
background-color: #2E323C;
position: absolute;
top: 50%;
left: 0;
width: 8px;
height: 8px;
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%); }
.ir_article h3 span {
float: right;
font-size: 16px;
padding-top: 4px; }
.ir_article h4 {
font-size: 16px;
font-weight: 700;
margin-bottom: 12px; }
.ir_article p {
font-size: 14px;
line-height: 2;
margin-bottom: 24px; }
.ir_article p a {
color: #586CFF; }
.ir_article a {
display: inline-block;
text-decoration: underline; }
.ir_article img {
margin: 16px 0 32px; }
.ir_article .list_link {
padding-top: 12px; }
.ir_article .list_link span, .ir_article .list_link .link_icon {
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
.ir_article .list_link span {
font-family: "Lato", sans-serif;
font-size: 16px;
font-weight: 900;
padding-right: 12px; }
.ir_article .list_link a {
display: inline-block;
text-decoration: none; }
.ir_article .list_link {
margin-bottom: 10px;
color: #fff; }
.ir_article .list_link .link_icon {
color: #fff;
background-color: #282828;
font-size: 18px;
position: relative;
width: 40px;
height: 40px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.ir_article .list_link .link_icon i {
position: absolute;
top: 50%;
left: 52%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%); }
.ir_article .list_link a:hover .link_icon {
transform: translateX(8px);
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
-ms-transform: translateX(8px);
-o-transform: translateX(8px); }
.ir_article .ir_banner img {
margin-right: 0;
margin-left: 0; }
.ir_article .info_table table tr th {
width: 264px; }
.ir_article .analystcoverage_table table tr {
font-size: 0; }
.ir_article .analystcoverage_table table tr:last-child th:after {
left: -20px; }
.ir_article .analystcoverage_table table tr:last-child td:after {
left: 20px; }
.ir_article .analystcoverage_table table tr th, .ir_article .analystcoverage_table table tr td {
width: 49.9%;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
.ir_article .analystcoverage_table table tr th {
padding-right: 20px; }
.ir_article .analystcoverage_table table tr th:before {
left: -20px; }
.ir_article .analystcoverage_table table tr th svg {
padding-left: 32px; }
.ir_article .analystcoverage_table table tr td {
float: right;
padding-left: 20px; }
.ir_article .analystcoverage_table table tr td:before {
left: 20px; }
.ir_article table {
width: 100%;
margin: 10px auto; }
.ir_article table tr:last-child th:after {
content: "";
background-color: #2E323C;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px; }
.ir_article table tr:last-child td:after {
content: "";
background-color: #2E323C;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
left: 16px; }
.ir_article table tr th, .ir_article table tr td {
position: relative;
line-height: 1.8;
padding: 26px 0;
text-align: left;
overflow: hidden;
vertical-align: middle; }
.ir_article table tr th:before, .ir_article table tr td:before {
content: "";
background-color: #2E323C;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px; }
.ir_article table tr th {
font-size: 16px;
font-weight: 700; }
.ir_article table tr td {
font-size: 14px;
padding: 26px 16px; }
.ir_article table tr td:before {
left: 16px; }
@media screen and (min-width: 769px) {
.ir_article .ir_banner a:hover {
opacity: 0.5; } }
.ir_aricle_calendar {
margin-top: 40px; }
.ir_aricle_calendar .calendar_schedule li {
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 20px;
font-weight: 700;
position: relative;
width: 25%;
letter-spacing: 0.5px;
padding: 0 20px;
margin: 0;
text-align: center; }
.ir_aricle_calendar .calendar_schedule li:nth-child(1) .schedule_inner {
background-color: #B3B7C1; }
.ir_aricle_calendar .calendar_schedule li:nth-child(2) .schedule_inner {
background-color: #828896; }
.ir_aricle_calendar .calendar_schedule li:nth-child(3) .schedule_inner {
background-color: #4C5260; }
.ir_aricle_calendar .calendar_schedule li:nth-child(4) .schedule_inner {
background-color: #2E323C; }
.ir_aricle_calendar .calendar_schedule li i {
font-size: 24px;
position: absolute;
top: 50%;
right: -7px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%); }
.ir_aricle_calendar .calendar_schedule li .schedule_inner {
padding: 16px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px; }
.ir_aricle_calendar .calendar_schedule li .schedule_title {
color: #fff;
font-weight: 700;
margin-bottom: 12px; }
.ir_aricle_calendar .calendar_schedule li li {
background-color: #fff;
width: 100%;
padding: 10px 0;
margin-bottom: 8px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px; }
.ir_aricle_calendar .calendar_schedule li li:last-child {
margin-bottom: 0; }
.ir_aricle_calendar .calendar_select {
margin-top: 64px; }
.ir_aricle_calendar .calendar_select span, .ir_aricle_calendar .calendar_select select {
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
.ir_aricle_calendar .calendar_select span {
font-size: 20px;
font-weight: 700;
letter-spacing: 1px; }
.ir_aricle_calendar .calendar_select select {
cursor: pointer;
background-color: #fff;
background-image: url(//zigexn.co.jp/wp-content/themes/zigexn/images/common/select.svg);
background-repeat: no-repeat;
background-position: right 20px center;
background-size: 14px;
border: 1px solid #2E323C;
outline: 0;
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 18px;
font-weight: 700;
width: 240px;
height: 40px;
padding: 0 24px;
margin-left: 24px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px; }
.ir_aricle_calendar .calendar_select select:placeholder-shown, .ir_aricle_calendar .calendar_select select::-webkit-input-placeholder {
color: #282828;
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 18px;
font-weight: 700; }
.ir_aricle_calendar .calendar_select select:-moz-placeholder, .ir_aricle_calendar .calendar_select select::-moz-placeholder {
opacity: 1;
color: #282828;
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 18px;
font-weight: 700; }
.ir_aricle_calendar .calendar_select select:-ms-input-placeholder {
color: #282828;
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 18px;
font-weight: 700; }
.ir_aricle_calendar .calendar_select select::-ms-expand {
display: none; }
.ir_aricle_calendar .ir_calendar {
margin-top: 64px; }
.ir_arrow_btn {
margin-top: 24px; }
.ir_arrow_btn .arrow_btn a {
display: inline-block; }
#ir_more_info {
color: #fff;
background-color: #2E323C;
padding: 80px 32px;
margin: 48px 0 72px; }
#ir_more_info h2, #ir_more_info ul {
display: inline-block;
vertical-align: middle; }
#ir_more_info h2 {
font-family: "Lato", sans-serif;
font-size: 42px;
font-weight: 900;
line-height: 1.2; }
#ir_more_info ul {
width: 340px;
padding-left: 96px; }
#ir_more_info li {
border-bottom: 1px solid #fff;
font-size: 18px;
font-weight: 700;
width: 100%;
letter-spacing: 0.5px;
margin: 0;
text-align: left;
display: block; }
#ir_more_info li:first-child a {
padding-top: 0; }
#ir_more_info li a {
color: #fff;
padding: 20px 0; }
#ir_more_info li i {
font-size: 16px;
padding-right: 12px; }
@media screen and (min-width: 769px) {
#ir_more_info li a:hover {
opacity: 0.5; } }
.ir_slider {
position: relative;
max-width: 800px;
margin: 0 auto 96px;
overflow: hidden;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px; }
.ir_slider:last-child {
margin-bottom: 0; }
.ir_slider #ir_area {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1; }
.ir_slider #ir_area .slick-arrow {
cursor: pointer;
position: absolute;
top: 0;
width: 50%;
height: 100%; }
.ir_slider #ir_area .slick-prev {
left: 0; }
.ir_slider #ir_area .slick-next {
right: 0; }
.ir_slider #ir_control {
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 56px;
padding: 0 20px;
z-index: 2;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
transform: translateY(100%);
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.ir_slider #ir_control #ir_arrows {
position: absolute;
top: 50%;
left: 20px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%); }
.ir_slider #ir_control #ir_arrows .slick-arrow {
cursor: pointer;
font-size: 24px;
padding-right: 32px;
display: inline-block;
vertical-align: middle; }
.ir_slider #ir_control #ir_arrows .slick-arrow.slick-disabled {
cursor: default;
opacity: 0.5; }
.ir_slider #ir_control #ir_arrows .slick-arrow:last-child {
padding: 0; }
.ir_slider #ir_control #ir_btns {
position: absolute;
top: 50%;
right: 20px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%); }
.ir_slider #ir_control #ir_btns .ir_btn {
font-size: 24px;
padding-left: 32px;
display: inline-block;
vertical-align: middle; }
.ir_slider #ir_control #ir_btns .ir_btn:first-child {
padding: 0; }
.ir_slider #ir_control #ir_btns .ir_btn a {
color: #fff; }
@media screen and (min-width: 769px) {
.ir_slider:hover #ir_control {
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0); } }
#ir_for_new_investors .ir_content, #ir_esg .ir_content {
padding: 0; }
@media screen and (max-width: 1040px) {
.ir_table table tr {
font-size: 14px; }
.ir_table table tr th, .ir_table table tr td {
font-size: 14px; }
.ir_article h2 {
font-size: 20px;
padding: 10px 20px 10px 28px; }
.ir_article h2:before {
width: 6px; }
.ir_article h3 {
font-size: 18px;
padding-left: 20px; }
.ir_article h3 span {
font-size: 14px; }
.ir_aricle_calendar .calendar_schedule li {
font-size: 18px; }
.ir_aricle_calendar .calendar_schedule li li {
font-size: 16px; }
.ir_aricle_calendar .calendar_select span {
font-size: 18px; }
.ir_aricle_calendar .calendar_select select {
font-size: 16px; }
.ir_aricle_calendar .calendar_select select:placeholder-shown, .ir_aricle_calendar .calendar_select select::-webkit-input-placeholder {
font-size: 16px; }
.ir_aricle_calendar .calendar_select select:-moz-placeholder, .ir_aricle_calendar .calendar_select select::-moz-placeholder {
opacity: 1;
font-size: 16px; }
.ir_aricle_calendar .calendar_select select:-ms-input-placeholder {
font-size: 16px; } }
@media screen and (max-width: 1023px) {
#ir_more_info {
margin: 24px 0 56px; }
#ir_more_info h2, #ir_more_info ul {
width: 100%;
display: block; }
#ir_more_info h2 {
font-size: 36px;
text-align: center; }
#ir_more_info ul {
padding: 48px 0 0; }
#ir_more_info li {
font-size: 16px; } }
@media screen and (max-width: 768px) {
.ie .ir_table.ir_calendar table tr h3 {
padding: 24px 0 16px; }
.ie .ir_article table tr {
padding: 28px 0 20px; }
.ie .ir_article table tr th {
padding: 0; }
.ie .ir_article table tr td {
padding: 4px 0 0; }
.ie .ir_article h2 {
padding: 20px 16px 12px 24px; }
.ie .ir_article h3:before {
top: 40%; }
.ie #ir_more_info li a {
padding: 16px 0; }
#ir_cgovernance .ir_arrow_btn {
margin-top: 24px; }
.ir_content {
padding: 40px 16px;
margin-bottom: 48px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
.ir_table.ir_calendar table tr th {
padding: 0; }
.ir_table.ir_calendar table tr td h3 {
padding: 16px 0 20px; }
.ir_table table tr {
position: relative;
display: block; }
.ir_table table tr th, .ir_table table tr td {
padding: 0;
display: inline-block; }
.ir_table table tr th {
font-size: 16px;
width: 120px;
height: 44px;
line-height: 44px; }
.ir_table table tr th a {
padding: 0; }
.ir_table table tr td {
border-left: 0;
font-size: 14px;
position: static; }
.ir_table table tr td a {
padding: 0; }
.ir_table table tr td .list_title, .ir_table table tr td .list_icon {
display: block; }
.ir_table table tr td .list_title {
padding: 16px 0 12px; }
.ir_table table tr td .list_title h3 {
width: 100%;
padding: 0 16px; }
.ir_table table tr td .list_category {
font-size: 12px;
position: absolute;
top: 8px;
left: 136px;
width: auto;
line-height: 28px;
padding: 0 20px;
margin: 0;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px; }
.ir_table table tr td h3 {
width: 100%;
padding: 16px;
display: block; }
.ir_table table tr td .list_icon {
display: none; }
.ir_table table tr td .list_arrow {
padding-bottom: 16px;
padding-right: 16px;
display: block;
text-align: right; }
.ir_table table tr td .list_arrow span, .ir_table table tr td .list_arrow i {
display: inline-block;
vertical-align: middle; }
.ir_table table tr td .list_arrow span {
color: #A2A2A2;
font-family: "Lato", sans-serif;
font-size: 12px;
font-weight: 700;
padding-right: 8px; }
.ir_table table tr td .list_arrow i {
font-size: 18px; }
.ir_article h2 {
font-size: 18px;
padding: 16px 16px 16px 24px;
margin-top: 56px; }
.ir_article h2:before {
width: 4px; }
.ir_article h3 {
font-size: 16px;
margin-bottom: 16px; }
.ir_article h3 span {
float: none;
font-size: 12px;
padding: 0;
display: block; }
.ir_article h4 {
font-size: 15px; }
.ir_article p {
line-height: 1.8; }
.ir_article img {
margin: 16px 0 24px; }
.ir_article .info_table table tr th {
width: 100%; }
.ir_article .analystcoverage_table table tr {
border: 0;
padding: 0; }
.ir_article .analystcoverage_table table tr:last-child {
border-bottom: 0; }
.ir_article .analystcoverage_table table tr:last-child th:before, .ir_article .analystcoverage_table table tr:last-child th:after {
content: ""; }
.ir_article .analystcoverage_table table tr:last-child td:before, .ir_article .analystcoverage_table table tr:last-child td:after {
content: ""; }
.ir_article .analystcoverage_table table tr:last-child th:after {
left: -10px; }
.ir_article .analystcoverage_table table tr:last-child td:after {
left: 10px; }
.ir_article .analystcoverage_table table tr th, .ir_article .analystcoverage_table table tr td {
font-size: 13px;
width: 49%;
padding: 24px 0; }
.ir_article .analystcoverage_table table tr th:before, .ir_article .analystcoverage_table table tr th:after {
content: ""; }
.ir_article .analystcoverage_table table tr td:before, .ir_article .analystcoverage_table table tr td:after {
content: ""; }
.ir_article .analystcoverage_table table tr th {
padding-right: 10px; }
.ir_article .analystcoverage_table table tr th:before {
left: -10px; }
.ir_article .analystcoverage_table table tr th svg {
padding-left: 12px; }
.ir_article .analystcoverage_table table tr td {
padding: 24px 0 24px 10px; }
.ir_article .analystcoverage_table table tr td:before {
left: 10px; }
.ir_article table {
margin: 32px auto; }
.ir_article table tr {
border-top: 1px solid #2E323C;
padding: 24px 0;
display: block; }
.ir_article table tr:last-child {
border-bottom: 1px solid #2E323C; }
.ir_article table tr:last-child th:before, .ir_article table tr:last-child th:after {
content: none; }
.ir_article table tr:last-child td:before, .ir_article table tr:last-child td:after {
content: none; }
.ir_article table tr th, .ir_article table tr td {
padding: 0;
display: block; }
.ir_article table tr th:before, .ir_article table tr th:after {
content: none; }
.ir_article table tr td:before, .ir_article table tr td:after {
content: none; }
.ir_article table tr th {
font-size: 14px; }
.ir_article table tr td {
padding-top: 4px; }
.ir_aricle_calendar .calendar_schedule li {
width: 400px;
padding: 0;
margin: 0 auto 32px;
display: block; }
.ir_aricle_calendar .calendar_schedule li:last-child {
margin-bottom: 0; }
.ir_aricle_calendar .calendar_schedule li i {
top: inherit;
bottom: -40px;
left: 48%;
right: inherit;
transform: translate(0, -50%) rotate(90deg);
-webkit-transform: translate(0, -50%) rotate(90deg);
-moz-transform: translate(0, -50%) rotate(90deg);
-ms-transform: translate(0, -50%) rotate(90deg);
-o-transform: translate(0, -50%) rotate(90deg); }
.ir_aricle_calendar .calendar_select {
margin-top: 48px; }
.ir_aricle_calendar .calendar_select span {
padding-bottom: 8px; }
.ir_aricle_calendar .calendar_select select {
background-position: right 20px center;
height: 48px;
padding: 0 20px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
.ir_aricle_calendar .ir_calendar {
margin-top: 48px; }
#ir_more_info {
padding: 56px 32px;
margin: 0 0 56px; }
#ir_more_info h2 {
font-size: 32px; }
#ir_more_info ul {
padding-top: 40px; }
#ir_more_info li {
font-size: 14px; }
#ir_more_info li a {
padding: 16px 0; } }
@media screen and (max-width: 480px) {
.ir_arrow_btn .arrow_btn a {
display: block; }
.ir_aricle_calendar .calendar_schedule li {
width: 80%; }
.ir_aricle_calendar .calendar_select span, .ir_aricle_calendar .calendar_select select {
width: 100%;
display: block; }
.ir_aricle_calendar .calendar_select span {
font-size: 16px; }
.ir_aricle_calendar .calendar_select select {
margin-left: 0; } }
.ie #ir_fv .arrow_btn .arrow_circle i {
left: 21px; }
.ie #ir_fv .fv_top .fv_info .fv_btn .ir_fv_btn span {
padding-top: 2px; }
.ie #ir_line_up .line_up_list_top li .list_content {
padding: 28px 40px 20px; }
.ie #ir_line_up .line_up_list_bottom li li a {
padding: 20px 0 12px; }
.ie #ir_cgovernance .arrow_btn .arrow_circle i {
left: 25px; }
#ir_fv {
position: relative;
padding: 0 32px 24px; }
#ir_fv .fv_top.is_show .header_content .header_text span {
color: #282828; }
#ir_fv:before {
content: "";
background-color: #F7F7F7;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 55%;
z-index: -1; }
#ir_fv .fv_top {
position: relative; }
#ir_fv .fv_top #fv_content {
display: inline-block; }
#ir_fv .fv_top #fv_content h1 {
font-size: 22px;
font-weight: 700;
letter-spacing: 2px; }
#ir_fv .fv_top #fv_content p, #ir_fv .fv_top #fv_content .breadcrumbs {
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#ir_fv .fv_top #fv_content p {
font-size: 100px;
padding-top: 20px; }
#ir_fv .fv_top #fv_content .breadcrumbs {
padding-left: 40px; }
#ir_fv .fv_top .fv_info {
color: #fff;
position: absolute;
top: 0;
right: 40px;
max-width: 298px;
width: 100%;
line-height: 1.4;
text-align: center; }
#ir_fv .fv_top .fv_info:before {
content: "";
background-color: #fff;
position: absolute;
bottom: -40px;
left: 50%;
width: 378px;
height: 100%;
z-index: -1;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0); }
#ir_fv .fv_top .fv_info .fv_img {
background-color: #fff;
border: 8px solid #2E323C;
padding: 24px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#ir_fv .fv_top .fv_info .fv_btn {
padding: 0 8px;
margin-top: 24px;
text-align: left; }
#ir_fv .fv_top .fv_info .fv_btn .ir_fv_btn {
font-size: 18px;
font-weight: 700;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#ir_fv .fv_top .fv_info .fv_btn .ir_fv_btn:nth-child(2) {
float: right; }
#ir_fv .fv_top .fv_info .fv_btn .ir_fv_btn i, #ir_fv .fv_top .fv_info .fv_btn .ir_fv_btn span {
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#ir_fv .fv_top .fv_info .fv_btn .ir_fv_btn i {
font-size: 16px;
padding-right: 6px; }
#ir_fv .fv_bottom {
padding-top: 24px; }
#ir_fv .fv_bottom ul {
max-width: 612px;
width: 60%;
margin-top: 48px; }
#ir_fv .fv_bottom li {
width: 50%;
padding: 0;
margin: 0 0 48px;
vertical-align: middle; }
#ir_fv .fv_bottom li:nth-child(odd) {
padding-right: 24px; }
#ir_fv .fv_bottom li:nth-child(even) {
padding-left: 24px; }
#ir_fv .fv_bottom li .fv_title {
color: #2E323C;
font-family: "Kumbh Sans", sans-serif;
font-size: 20px;
font-weight: 200;
transform: translateY(8px);
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
-ms-transform: translateY(8px);
-o-transform: translateY(8px); }
#ir_fv .fv_bottom li .arrow_btn .arrow_icon {
padding-right: 14px; }
#ir_fv .fv_bottom li .arrow_btn .arrow_circle {
margin-left: 0; }
#ir_fv .fv_bottom li h3 {
font-size: 22px;
padding-top: 11px; }
#ir_fv .fv_bottom li h3 span {
font-size: 14px; }
@media screen and (min-width: 769px) {
#ir_fv .fv_top .fv_info .fv_btn .ir_fv_btn a:hover {
opacity: 0.5; } }
#top_ir_news {
padding-top: 120px; }
#ir_line_up .line_up_list_top li {
width: 50%;
padding: 0;
margin: 0 0 80px; }
#ir_line_up .line_up_list_top li:nth-child(odd) {
padding-right: 20px; }
#ir_line_up .line_up_list_top li:nth-child(even) {
padding-left: 20px; }
#ir_line_up .line_up_list_top li a {
overflow: hidden;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
#ir_line_up .line_up_list_top li .list_img {
position: relative;
overflow: hidden; }
#ir_line_up .line_up_list_top li .list_img img {
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
#ir_line_up .line_up_list_top li .list_content {
background-color: #F7F7F7;
font-size: 18px;
font-weight: 700;
padding: 24px 40px; }
#ir_line_up .line_up_list_top li .list_content i, #ir_line_up .line_up_list_top li .list_content span {
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
#ir_line_up .line_up_list_top li .list_content i {
padding-right: 12px; }
#ir_line_up .line_up_list_bottom ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
#ir_line_up .line_up_list_bottom li {
padding: 0;
margin: 0 0 80px; }
#ir_line_up .line_up_list_bottom li:nth-child(1) .list_icon svg .cls-1, #ir_line_up .line_up_list_bottom li:nth-child(1) .list_icon svg .cls-2 {
fill: #fff; }
#ir_line_up .line_up_list_bottom li:nth-child(1) .list_icon svg .cls-1 {
stroke: #707070;
opacity: 0; }
#ir_line_up .line_up_list_bottom li:nth-child(1) .list_icon svg .cls-3 {
stroke: none; }
#ir_line_up .line_up_list_bottom li:nth-child(1) .list_icon svg .cls-4 {
fill: none; }
#ir_line_up .line_up_list_bottom li:nth-child(2) .list_icon svg .cls-1, #ir_line_up .line_up_list_bottom li:nth-child(2) .list_icon svg .cls-2 {
fill: #fff; }
#ir_line_up .line_up_list_bottom li:nth-child(2) .list_icon svg .cls-1 {
opacity: 0; }
#ir_line_up .line_up_list_bottom li:nth-child(3) .list_icon svg .cls-1, #ir_line_up .line_up_list_bottom li:nth-child(3) .list_icon svg .cls-2 {
fill: #fff; }
#ir_line_up .line_up_list_bottom li:nth-child(3) .list_icon svg .cls-1 {
stroke: #707070;
opacity: 0; }
#ir_line_up .line_up_list_bottom li:nth-child(3) .list_icon svg .cls-3 {
stroke: none; }
#ir_line_up .line_up_list_bottom li:nth-child(3) .list_icon svg .cls-4 {
fill: none; }
#ir_line_up .line_up_list_bottom li:nth-child(4) .list_icon svg .cls-1, #ir_line_up .line_up_list_bottom li:nth-child(4) .list_icon svg .cls-2 {
fill: #fff; }
#ir_line_up .line_up_list_bottom li:nth-child(4) .list_icon svg .cls-1 {
opacity: 0; }
#ir_line_up .line_up_list_bottom li:nth-child(5) .list_icon svg .cls-1, #ir_line_up .line_up_list_bottom li:nth-child(5) .list_icon svg .cls-2 {
fill: #fff; }
#ir_line_up .line_up_list_bottom li:nth-child(5) .list_icon svg .cls-1 {
stroke: #707070;
opacity: 0; }
#ir_line_up .line_up_list_bottom li:nth-child(5) .list_icon svg .cls-3 {
stroke: none; }
#ir_line_up .line_up_list_bottom li:nth-child(5) .list_icon svg .cls-4 {
fill: none; }
#ir_line_up .line_up_list_bottom li.two_rows {
width: 50%; }
#ir_line_up .line_up_list_bottom li.two_rows:nth-child(odd) {
padding-right: 20px; }
#ir_line_up .line_up_list_bottom li.two_rows:nth-child(even) {
padding-left: 20px; }
#ir_line_up .line_up_list_bottom li.three_rows {
width: 33.3333%;
margin-bottom: 0; }
#ir_line_up .line_up_list_bottom li.three_rows:nth-child(3n+1) {
padding: 0 13.3333px; }
#ir_line_up .line_up_list_bottom li.three_rows:nth-child(3n+2) {
padding-left: 26.6666px; }
#ir_line_up .line_up_list_bottom li.three_rows:nth-child(3n) {
padding-right: 26.6666px; }
#ir_line_up .line_up_list_bottom li .list_inner {
background-color: #F7F7F7;
position: relative;
height: 100%;
padding: 64px 40px 40px;
text-align: center;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
#ir_line_up .line_up_list_bottom li .list_icon {
background-color: #2E323C;
position: absolute;
top: -36px;
left: 50%;
width: 72px;
height: 72px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0); }
#ir_line_up .line_up_list_bottom li .list_icon svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%); }
#ir_line_up .line_up_list_bottom li h3 {
font-size: 32px;
font-weight: 700;
letter-spacing: 3px;
display: inline-block; }
#ir_line_up .line_up_list_bottom li ul {
margin-top: 24px; }
#ir_line_up .line_up_list_bottom li li {
border-bottom: 1px solid #A3A3A3;
font-size: 18px;
font-weight: 700;
width: 100%;
line-height: 1.6;
letter-spacing: 0.5px;
margin: 0;
text-align: left;
display: block; }
#ir_line_up .line_up_list_bottom li li a {
padding: 16px 0; }
#ir_line_up .line_up_list_bottom li li i {
font-size: 16px;
padding-right: 12px; }
@media screen and (min-width: 769px) {
#ir_line_up .line_up_list_top li a:hover .list_img img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1); } }
@media screen and (min-width: 769px) {
#ir_line_up .line_up_list_bottom li li a:hover {
opacity: 0.5; } }
@media screen and (max-width: 1200px) {
#ir_fv .fv_top #fv_content h1 {
font-size: 20px; }
#ir_fv .fv_top #fv_content p {
font-size: 64px; }
#ir_fv .fv_top #fv_content .breadcrumbs {
padding-top: 32px;
padding-left: 0;
display: block; }
#ir_fv .fv_top .fv_info:before {
width: 360px; }
#ir_fv .fv_top .fv_info .fv_btn .ir_fv_btn {
font-size: 16px; }
#ir_fv .fv_bottom {
padding-top: 50px; } }
@media screen and (max-width: 1040px) {
.ie #ir_line_up .line_up_list_top li .list_content {
padding: 28px 32px 20px; }
#ir_line_up .line_up_list_top li:nth-child(odd) {
padding-right: 16px; }
#ir_line_up .line_up_list_top li:nth-child(even) {
padding-left: 16px; }
#ir_line_up .line_up_list_top li .list_content {
font-size: 16px;
padding: 24px 32px; }
#ir_line_up .line_up_list_bottom li.two_rows:nth-child(odd) {
padding-right: 16px; }
#ir_line_up .line_up_list_bottom li.two_rows:nth-child(even) {
padding-left: 16px; }
#ir_line_up .line_up_list_bottom li.three_rows:nth-child(3n+1) {
padding: 0 10.6666px; }
#ir_line_up .line_up_list_bottom li.three_rows:nth-child(3n+2) {
padding-left: 21.3333px; }
#ir_line_up .line_up_list_bottom li.three_rows:nth-child(3n) {
padding-right: 21.3333px; }
#ir_line_up .line_up_list_bottom li .list_inner {
padding: 64px 32px 32px; }
#ir_line_up .line_up_list_bottom li h3 {
font-size: 24px; }
#ir_line_up .line_up_list_bottom li ul {
margin-top: 16px; }
#ir_line_up .line_up_list_bottom li li {
font-size: 16px; } }
@media screen and (max-width: 1023px) {
#ir_fv:before {
height: 60%; }
#ir_fv .fv_top #fv_content {
display: block; }
#ir_fv .fv_top #fv_content h1 {
font-size: 18px; }
#ir_fv .fv_top #fv_content p {
font-size: 48px;
padding-top: 24px; }
#ir_fv .fv_top #fv_content .breadcrumbs {
padding-top: 24px; }
#ir_fv .fv_top #fv_content .breadcrumbs li {
font-size: 12px; }
#ir_fv .fv_top .fv_info {
top: 29%;
right: 16px;
width: 50%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#ir_fv .fv_top .fv_info:before {
bottom: -24px;
width: calc(100% + 48px); }
#ir_fv .fv_bottom {
width: 50%;
padding-top: 72px;
padding-right: 24px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box; }
#ir_fv .fv_bottom ul {
max-width: inherit;
width: 100%;
margin-top: 0; }
#ir_fv .fv_bottom li {
width: 100%;
margin-bottom: 32px;
display: block; }
#ir_fv .fv_bottom li:nth-child(odd), #ir_fv .fv_bottom li:nth-child(even) {
padding: 0; }
#ir_fv .fv_bottom li:first-child {
display: none; }
#ir_line_up {
padding-bottom: 0; }
#ir_line_up .line_up_list_bottom li.two_rows:nth-child(odd) {
padding-right: 16px; }
#ir_line_up .line_up_list_bottom li.two_rows:nth-child(even) {
padding-left: 16px; }
#ir_line_up .line_up_list_bottom li.three_rows {
width: 50%;
margin-bottom: 80px; }
#ir_line_up .line_up_list_bottom li.three_rows:nth-child(3n+1), #ir_line_up .line_up_list_bottom li.three_rows:nth-child(3n+2), #ir_line_up .line_up_list_bottom li.three_rows:nth-child(3n) {
padding: 0; }
#ir_line_up .line_up_list_bottom li.three_rows:nth-child(odd) {
padding-right: 16px; }
#ir_line_up .line_up_list_bottom li.three_rows:nth-child(even) {
padding-left: 16px; }
#ir_line_up .line_up_list_bottom li .list_inner {
padding: 64px 32px 32px; }
#ir_line_up .line_up_list_bottom li h3 {
font-size: 24px; }
#ir_line_up .line_up_list_bottom li ul {
margin-top: 16px; }
#ir_line_up .line_up_list_bottom li li {
font-size: 16px; } }
@media screen and (max-width: 768px) {
.ie #ir_line_up .line_up_list_top li .list_content {
padding: 24px 16px 16px; }
#ir_fv {
padding: 0 32px 72px; }
#ir_fv .fv_top .fv_info {
position: relative;
top: 0;
left: 0;
width: auto;
padding: 0 0 16px;
margin: 48px auto 0; }
#ir_fv .fv_top .fv_info:before {
bottom: 0;
width: calc(100% + 32px); }
#ir_fv .fv_top .fv_info .fv_img {
border: 6px solid #2E323C; }
#ir_fv .fv_top .fv_info .fv_btn {
text-align: center; }
#ir_fv .fv_top .fv_info .fv_btn .ir_fv_btn {
font-size: 16px; }
#ir_fv .fv_top .fv_info .fv_btn .ir_fv_btn:nth-child(1) {
padding-right: 20px; }
#ir_fv .fv_top .fv_info .fv_btn .ir_fv_btn:nth-child(2) {
float: none;
padding-left: 20px; }
#ir_fv .fv_bottom {
width: 100%;
padding-top: 0;
padding-right: 0; }
#ir_fv .fv_bottom ul {
margin-top: 32px; }
#ir_fv .fv_bottom li {
width: 400px;
margin: 0 auto 32px;
display: block; }
#ir_fv .fv_bottom li:last-child {
margin-bottom: 0; }
#top_ir_news {
padding-top: 72px; }
#ir_line_up {
padding-bottom: 56px; }
#ir_line_up .line_up_list_top li {
width: 400px;
margin: 0 auto 32px;
display: block; }
#ir_line_up .line_up_list_top li:nth-child(odd), #ir_line_up .line_up_list_top li:nth-child(even) {
padding: 0; }
#ir_line_up .line_up_list_top li:last-child {
margin-bottom: 64px; }
#ir_line_up .line_up_list_top li .list_content {
font-size: 14px;
padding: 20px 16px; }
#ir_line_up .line_up_list_top li .list_content i {
font-size: 18px; }
#ir_line_up .line_up_list_bottom li {
margin: 0 auto 60px;
display: block; }
#ir_line_up .line_up_list_bottom li.two_rows, #ir_line_up .line_up_list_bottom li.three_rows {
width: 400px; }
#ir_line_up .line_up_list_bottom li.two_rows:nth-child(odd), #ir_line_up .line_up_list_bottom li.two_rows:nth-child(even) {
padding: 0; }
#ir_line_up .line_up_list_bottom li.three_rows:nth-child(odd), #ir_line_up .line_up_list_bottom li.three_rows:nth-child(even) {
padding: 0; }
#ir_line_up .line_up_list_bottom li:last-child {
margin-bottom: 0; }
#ir_line_up .line_up_list_bottom li .list_inner {
padding: 64px 24px 32px; }
#ir_line_up .line_up_list_bottom li ul {
margin-top: 8px; }
#ir_line_up .line_up_list_bottom li li {
font-size: 14px; }
#ir_line_up .line_up_list_bottom li li i {
font-size: 18px; } }
@media screen and (max-width: 480px) {
#ir_fv .fv_top .fv_info:before {
width: calc(100% + 32px); }
#ir_fv .fv_top .fv_info .fv_heading .fv_text {
font-size: 12px; }
#ir_fv .fv_top .fv_info .fv_heading .fv_text span {
font-size: 14px; }
#ir_fv .fv_top .fv_info .closing_price tr:first-child th {
font-size: 16px; }
#ir_fv .fv_top .fv_info .closing_price tr:first-child td {
font-size: 38px; }
#ir_fv .fv_top .fv_info .closing_price tr th {
font-size: 14px; }
#ir_fv .fv_top .fv_info .closing_price tr td {
font-size: 19px; }
#ir_fv .fv_top .fv_info .stock_price tr th {
font-size: 14px; }
#ir_fv .fv_top .fv_info .stock_price tr td {
font-size: 15px; }
#ir_fv .fv_top .fv_info .fv_provider {
font-size: 12px; }
#ir_fv .fv_bottom li {
width: 100%; }
#ir_fv .fv_bottom li h3 {
font-size: 20px; }
#ir_line_up .line_up_list_top li {
width: 100%; } }
@media screen and (max-width: 374px) {
#ir_fv .fv_top .fv_info .fv_btn .ir_fv_btn {
font-size: 14px; }
#ir_fv .fv_top .fv_info .fv_btn .ir_fv_btn:nth-child(1) {
padding-right: 12px; }
#ir_fv .fv_top .fv_info .fv_btn .ir_fv_btn:nth-child(2) {
float: none;
padding-left: 12px; }
#ir_fv .fv_top .fv_info .fv_btn .ir_fv_btn i {
font-size: 14px; }
#ir_line_up .line_up_list_bottom li li {
font-size: 13px; } }
.ie #ir_news_archive .ir_select .select_btn .search_btn {
line-height: 61px; }
#ir_news_archive .ir_select {
color: #fff;
background-color: #2E323C;
padding: 40px 32px;
margin-bottom: 80px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px; }
#ir_news_archive .ir_select.ir_select_center .select_inner {
max-width: inherit; }
#ir_news_archive .ir_select.ir_select_center form {
text-align: center; }
#ir_news_archive .ir_select.ir_select_center .select_item {
max-width: inherit;
width: 352px;
text-align: left; }
#ir_news_archive .ir_select.ir_select_center .select_btn {
max-width: inherit;
width: 176px; }
#ir_news_archive .ir_select .select_inner {
max-width: 880px;
margin: 0 auto; }
#ir_news_archive .ir_select form {
font-size: 0; }
#ir_news_archive .ir_select .select_item, #ir_news_archive .ir_select .select_btn {
display: inline-block;
vertical-align: bottom; }
#ir_news_archive .ir_select .select_item {
max-width: 352px;
width: 40%; }
#ir_news_archive .ir_select .select_item.select_year .select_inner:before {
content: "";
background-color: #2E323C;
position: absolute;
top: 50%;
right: 0;
width: 2px;
height: 54px;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%); }
#ir_news_archive .ir_select .select_item.select_year select {
border-radius: 10px 0 0 10px;
-webkit-border-radius: 10px 0 0 10px;
-moz-border-radius: 10px 0 0 10px;
-ms-border-radius: 10px 0 0 10px;
-o-border-radius: 10px 0 0 10px; }
#ir_news_archive .ir_select .select_item span {
font-size: 18px;
font-weight: 700;
letter-spacing: 0.5px;
padding-bottom: 16px;
display: block; }
#ir_news_archive .ir_select .select_item .select_inner {
position: relative; }
#ir_news_archive .ir_select .select_item select {
cursor: pointer;
background-color: #fff;
background-image: url(//zigexn.co.jp/wp-content/themes/zigexn/images/common/select.svg);
background-repeat: no-repeat;
background-position: right 44px center;
background-size: 14px;
border: 0;
outline: 0;
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 18px;
font-weight: 700;
width: 100%;
height: 56px;
padding: 0 40px; }
#ir_news_archive .ir_select .select_item select:placeholder-shown, #ir_news_archive .ir_select .select_item select::-webkit-input-placeholder {
color: #282828;
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 18px;
font-weight: 700; }
#ir_news_archive .ir_select .select_item select:-moz-placeholder, #ir_news_archive .ir_select .select_item select::-moz-placeholder {
opacity: 1;
color: #282828;
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 18px;
font-weight: 700; }
#ir_news_archive .ir_select .select_item select:-ms-input-placeholder {
color: #282828;
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 18px;
font-weight: 700; }
#ir_news_archive .ir_select .select_item select::-ms-expand {
display: none; }
#ir_news_archive .ir_select .select_btn {
max-width: 176px;
width: 20%; }
#ir_news_archive .ir_select .select_btn .search_btn {
cursor: pointer;
color: #282828;
background-color: #E6FF00;
border: 0;
border-left: 1px solid #2E323C;
outline: 0;
font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 18px;
font-weight: 700;
width: 100%;
height: 56px;
letter-spacing: 0.5px;
border-radius: 0 10px 10px 0;
-webkit-border-radius: 0 10px 10px 0;
-moz-border-radius: 0 10px 10px 0;
-ms-border-radius: 0 10px 10px 0;
-o-border-radius: 0 10px 10px 0; }
@media screen and (max-width: 1040px) {
#ir_news_archive .ir_select .select_item select {
background-position: right 32px center;
font-size: 16px;
padding: 0 32px; }
#ir_news_archive .ir_select .select_item select:placeholder-shown, #ir_news_archive .ir_select .select_item select::-webkit-input-placeholder {
font-size: 16px; }
#ir_news_archive .ir_select .select_item select:-moz-placeholder, #ir_news_archive .ir_select .select_item select::-moz-placeholder {
opacity: 1;
font-size: 16px; }
#ir_news_archive .ir_select .select_item select:-ms-input-placeholder {
font-size: 16px; }
#ir_news_archive .ir_select .select_btn .search_btn {
font-size: 16px; } }
@media screen and (max-width: 768px) {
.ie #ir_news_archive .ir_select .select_btn .search_btn {
line-height: 52px; }
#ir_news_archive .ir_select {
padding: 32px 16px;
margin-bottom: 40px; }
#ir_news_archive .ir_select.ir_select_center .select_item, #ir_news_archive .ir_select.ir_select_center .select_btn {
width: 100%; }
#ir_news_archive .ir_select .select_item, #ir_news_archive .ir_select .select_btn {
max-width: inherit;
width: 100%;
display: block; }
#ir_news_archive .ir_select .select_item {
margin-bottom: 24px; }
#ir_news_archive .ir_select .select_item.select_year .select_inner:before {
content: none; }
#ir_news_archive .ir_select .select_item.select_year select {
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
#ir_news_archive .ir_select .select_item span {
font-size: 16px;
letter-spacing: 2px;
padding-bottom: 12px; }
#ir_news_archive .ir_select .select_item select {
background-position: right 20px center;
height: 48px;
padding: 0 20px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
#ir_news_archive .ir_select .select_btn .search_btn {
font-size: 18px;
height: 48px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; } }
.ie #ir_highlight .highlight_scroll .highlight_btn .btn .btn_content {
line-height: 68px; }
#highlight #ir_more_info {
margin: 0; }
#highlight footer {
background-color: #F7F7F7;
padding-top: 96px; }
#highlight footer:before {
background-color: #fff;
z-index: 0; }
#highlight footer .middle_inner:before {
background-color: #F7F7F7;
z-index: 0; }
#highlight footer .f_top {
position: relative;
z-index: 1; }
#ir_highlight .highlight_scroll {
margin-bottom: 64px; }
#ir_highlight .highlight_scroll .highlight_text {
font-size: 18px;
font-weight: 700;
letter-spacing: 0.5px;
margin-bottom: 20px; }
#ir_highlight .highlight_scroll .highlight_btn {
font-size: 0; }
#ir_highlight .highlight_scroll .highlight_btn .btn {
width: 33.3333%;
padding: 0;
margin: 0;
display: inline-block; }
#ir_highlight .highlight_scroll .highlight_btn .btn:nth-child(1) {
padding-right: 26px; }
#ir_highlight .highlight_scroll .highlight_btn .btn:nth-child(2) {
padding: 0 13px; }
#ir_highlight .highlight_scroll .highlight_btn .btn:nth-child(3) {
padding-left: 26px; }
#ir_highlight .highlight_scroll .highlight_btn .btn .btn_content {
width: 100%;
height: 64px;
line-height: 64px; }
#ir_highlight .highlight_scroll .highlight_btn .btn .btn_content i {
left: inherit;
right: 24px; }
#ir_highlight .highlight_scroll select {
display: none; }
#ir_highlight .ir_content {
padding-bottom: 12px; }
#ir_highlight .highlight_table .right_text {
color: #8B8B8B;
font-size: 14px;
margin-bottom: 0;
text-align: right;
display: block; }
#ir_highlight .highlight_table table {
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-top: 0; }
#ir_highlight .highlight_table table tr:last-child td:first-child:after {
left: 0; }
#ir_highlight .highlight_table table tr:last-child td:after {
left: 16px; }
#ir_highlight .highlight_table table tr th {
padding: 20px 0;
text-align: right; }
#ir_highlight .highlight_table table tr th:first-child:before {
left: 0; }
#ir_highlight .highlight_table table tr th:before {
left: 16px; }
#ir_highlight .highlight_table table tr td {
padding: 20px 0;
text-align: right; }
#ir_highlight .highlight_table table tr td:first-child {
font-size: 16px;
font-weight: 700;
text-align: left; }
#ir_highlight .highlight_table table tr td:first-child:before {
left: 0; }
#ir_highlight li {
margin-bottom: 60px; }
#ir_highlight li.full h3 {
margin-bottom: 0; }
#ir_highlight li.full .right_text {
margin-top: 0; }
#ir_highlight li.half {
width: 49%;
padding: 0; }
#ir_highlight li.half:nth-child(even) {
padding-right: 40px; }
#ir_highlight li.half:nth-child(odd) {
padding-left: 40px; }
#ir_highlight li .chart_canvans {
position: relative;
width: 100%;
height: 330px;
overflow: hidden; }
#ir_highlight li p {
margin: 60px 0 0; }
@media screen and (max-width: 1023px) {
#highlight footer {
padding-top: 104px; } }
.btn_ir {
margin-top: 0px !important; }
.btn_ir .btn_irsize {
width: 100% !important; }
@media screen and (max-width: 768px) {
.ie #ir_highlight .highlight_table table tr td:first-child {
padding: 18px 0 14px; }
#highlight footer {
padding-top: 56px; }
#ir_highlight .highlight_scroll {
padding: 0 16px;
margin-bottom: 16px; }
#ir_highlight .highlight_scroll .highlight_text {
font-size: 16px; }
#ir_highlight .highlight_scroll .highlight_btn {
display: none; }
#ir_highlight .highlight_scroll .common_link {
margin: 0; }
#ir_highlight .highlight_scroll select {
background-color: #fff;
background-image: url(//zigexn.co.jp/wp-content/themes/zigexn/images/common/select.svg);
background-repeat: no-repeat;
background-position: right 32px center;
background-size: 14px;
border: 0;
outline: 0;
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 16px;
font-weight: 700;
width: 100%;
height: 56px;
padding: 0 32px;
display: block;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px; }
#ir_highlight .highlight_scroll select:placeholder-shown, #ir_highlight .highlight_scroll select::-webkit-input-placeholder {
color: #282828;
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 16px;
font-weight: 700; }
#ir_highlight .highlight_scroll select:-moz-placeholder, #ir_highlight .highlight_scroll select::-moz-placeholder {
opacity: 1;
color: #282828;
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 16px;
font-weight: 700; }
#ir_highlight .highlight_scroll select:-ms-input-placeholder {
color: #282828;
font-family: "Lato", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 16px;
font-weight: 700; }
#ir_highlight .highlight_scroll select::-ms-expand {
display: none; }
#ir_highlight .highlight_table table tr {
border-top: 0;
width: 100%;
padding: 0;
margin-bottom: 24px; }
#ir_highlight .highlight_table table tr:first-child {
display: none; }
#ir_highlight .highlight_table table tr:last-child {
margin-bottom: 0; }
#ir_highlight .highlight_table table tr td {
border-bottom: 1px solid #2E323C;
width: 100%;
padding: 16px 0;
text-align: right;
display: block; }
#ir_highlight .highlight_table table tr td:first-child {
background-color: #F7F7F7;
border-bottom: 0;
font-size: 14px;
text-align: center; }
#ir_highlight .highlight_table table tr td:last-child {
border-bottom: 0; }
#ir_highlight .highlight_table table tr td:after {
float: left;
content: attr(data-label);
background-color: transparent;
position: static;
width: auto;
margin-right: 10px; }
#ir_highlight li {
margin-bottom: 32px; }
#ir_highlight li.half {
width: 100%; }
#ir_highlight li.half:nth-child(odd), #ir_highlight li.half:nth-child(even) {
padding: 0; }
#ir_highlight li p {
margin: 32px 0 0; } }
.mb_m100 {
margin-bottom: -100px; }
@media screen and (max-width: 768px) {
.mb_m100 {
margin-bottom: 0px; } }
.mt_m100 {
margin-top: -100px; }
@media screen and (max-width: 768px) {
.mt_m100 {
margin-bottom: 0px; } }
.btn_ir {
margin-top: 0px !important;
width: 100% !important;
display: block !important; } .esg_databook {
display: flex;
flex-wrap: wrap;
margin: 10px;
margin-bottom: 30px; }
.esg_databook a {
text-decoration: none; }
.esg_databook .esg_databook_img {
flex: 0 0 40%;
display: flex;
justify-content: center;
align-items: center; }
.esg_databook .esg_databook_img img {
max-width: 100%;
height: auto; }
.esg_databook .esg_databook_content {
flex: 0 0 60%;
padding: 20px;
box-sizing: border-box; }
@media (max-width: 768px) {
.esg_databook {
flex-direction: column; }
.esg_databook .esg_databook_img {
flex: 0 0 100%; }
.esg_databook .esg_databook_content {
flex: 0 0 100%;
padding: 0px; } }