@charset "UTF-8";
/*! de-style.css v1.0.5 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model ========================================================================== */
* { -webkit-box-sizing: border-box; box-sizing: border-box; }

::before, ::after { -webkit-box-sizing: inherit; box-sizing: inherit; }

/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Remove gray overlay on links for iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -webkit-tap-highlight-color: transparent; /* 3*/ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Render the `main` element consistently in IE. */
main { display: block; }

/* Vertical rhythm ========================================================================== */
p, table, blockquote, address, pre, iframe, form, figure, dl { margin: 0; }

/* Headings ========================================================================== */
h1, h2, h3, h4, h5, h6 { font-size: inherit; line-height: inherit; font-weight: inherit; margin: 0; }

/* Lists (enumeration) ========================================================================== */
ul, ol { margin: 0; padding: 0; list-style: none; }

/* Lists (definition) ========================================================================== */
dt { font-weight: bold; }

dd { margin-left: 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ border: 0; border-top: 1px solid; margin: 0; clear: both; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: inherit; /* 2 */ }

address { font-style: inherit; }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; text-decoration: none; color: inherit; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: inherit; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; vertical-align: bottom; }

embed, object, iframe { border: 0; vertical-align: bottom; }

/* Forms ========================================================================== */
button, optgroup, select { vertical-align: middle; color: inherit; font: inherit; border: 0; background: transparent; padding: 0; margin: 0; outline: 0; }

/** Remove all Style fro select elements. Does not quite work cross-browser */
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type='button'], [type='reset'], [type='submit'] { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

button[disabled], [type='button'][disabled], [type='reset'][disabled], [type='submit'][disabled] { cursor: default; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring { outline: 1px dotted ButtonText; }

/** Reset to invisible */
fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type='checkbox'], [type='radio'] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type='search']::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/** Fix placeholder font properties inheritance. */
::-webkit-input-placeholder { font: inherit; }

:-ms-input-placeholder { font: inherit; }

::-ms-input-placeholder { font: inherit; }

::-moz-placeholder { font: inherit; }

::placeholder { font: inherit; }

/** Clickable labels */
label[for] { cursor: pointer; }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Table ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }

caption { text-align: left; }

td, th { vertical-align: top; }

th { text-align: left; font-weight: bold; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

/* ===========================

common

=========================== */
html { font-size: 62.5%; font-family: 'Noto Sans JP', sans-serif; line-height: 1.875; position: relative; color: #000; background: #fff; }

_:-ms-lang(x)::-ms-backdrop, body { font-family: "メイリオ", Meiryo, sans-serif !important; }

#font-normal { font-size: 62.5%; }

#font-large { font-size: 70%; }

img { vertical-align: top; }

a:hover { opacity: .8; }

a[href^='tel:'] { cursor: default; text-decoration: none; pointer-events: none; }

li { list-style: none; }

.no-pc { display: none !important; }

.img-fit { max-width: 100%; height: auto; vertical-align: top; }

.mt-0 { margin-top: 0 !important; }

.mb-0 { margin-bottom: 0 !important; }

.spBlank { cursor: default; pointer-events: none; }

/* ================

header

================ */
.header { width: 1200px; margin: auto; padding: 32px 0 80px; position: relative; }

.headerSiteLinks { position: absolute; top: 20px; right: 334px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.headerSiteLinks a + a { margin-left: 15px;}

/* .header-corp { position: absolute; right: 642px; top: 20px; }

#font-large .header-corp { right: 670px; } */

.header-corp_link { /*color: #0e69b3;*/ font-size: 1.4rem; line-height: 1.5; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

/*.header-corp_link::before { content: ""; display: block; width: 9px; height: 13px; background: url("/common/images/icon_arrow.svg") 0 0/contain no-repeat; margin-right: 5px; }*/

/* .header-know { position: absolute; top: 13px; right: 334px; } */

.header-know_link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 36px; padding: 0 18px; border-radius: 18px; background: -webkit-gradient(linear, left top, right top, from(#0c74bc), to(#01acea)); background: linear-gradient(90deg, #0c74bc 0%, #01acea 100%); color: #fff; font-size: 1.6rem; font-weight: bold; line-height: 1.8rem; }

.header-know_link::before { content: ""; display: block; width: 10px; height: 15px; background: url("/common/images/icon_arrow_w.svg") 0 0/contain no-repeat; margin-right: 5px; }

.headerNav { display: none; }

.headerLang { position: absolute; top: 23px; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; font-size: 1.4rem; line-height: 1.6rem; }

.headerLang .-cn { margin-left: 14px; position: relative; }

.headerLang .-cn::before { content: "/"; position: absolute; top: 0; left: -8px; }

.fontSize { position: absolute; top: 17px; right: 132px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; font-size: 1.4rem; }

.fontSize_title { color: #000; margin-right: 8px; }

.fontSize-list { display: -webkit-box; display: -ms-flexbox; display: flex; }

.fontSize_button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #efefef; color: #000; width: 48px; height: 28px; line-height: 16px; font-size: 14px; }

#font-normal .fontSize_normal, #font-large .fontSize_large { background-color: #0e69b3; color: #fff; }

#google-search-wrapper { position: absolute; top: 0; right: -7px; overflow: hidden; }

#google-search-wrapper.-open { width: 500px; height: 60px; }

#google-search { position: absolute; right: -500px; -webkit-transition: .2s linear; transition: .2s linear; }

.-open #google-search { -webkit-transform: translateX(-500px); transform: translateX(-500px); }

.google-search_form .query { width: 500px; height: 60px; border: 1px solid #ccc; background-color: #efefef; outline: none; font-size: 16px; line-height: 20px; padding: 19px 40px 19px 16px; }

#button-search, .google-search_button { display: block; width: 23px; height: 0; background: url("/common/images/icon_search.png") center center no-repeat; padding-top: 28px; overflow: hidden; position: absolute; }

#button-search { right: 7px; top: 17px; }

.google-search_button { top: 17px; right: 0; }

/* ================

global navi

================ */
.globalNav { position: absolute; bottom: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; font-size: 15px; line-height: 2rem; }

.globalNav_item { display: -webkit-box; display: -ms-flexbox; display: flex;  -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; padding: 5px 0; text-align: center; position: relative; }

.globalNav_item::before { content: ""; display: inline-block; width: 50px; height: 0; border-top: 1px solid #0e69b3; -webkit-transform: rotate(-75deg); transform: rotate(-75deg); vertical-align: middle; margin: 0 -3px; }

.globalNav_item:first-child::before { display: none; }

.globalNav_link { font-weight: bold; color: #0e69b3; }

/*.-contact .globalNav_link { color: #0e69b3; }*/

.globalSubNav { position: absolute; right: 0; bottom: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; font-size: 16px; line-height: 2rem; }

.globalSubNav_item { position: relative; }

.globalSubNav_item::before { content: ""; display: inline-block; width: 25px; height: 0; border-top: 1px solid #0e69b3; -webkit-transform: rotate(-75deg); transform: rotate(-75deg); vertical-align: middle; margin: 0 5px; }

.globalSubNav_item:first-child::before { display: none; }

.globalSubNav_link { font-weight: bold; color: #000; }

.main { background: url("/common/images/bg_main.png") 0 0 repeat-x; padding-bottom: 100px; }

.main .article { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 1200px; margin: auto; position: relative; }

.main-head { width: 100%; padding-top: 18px; overflow: hidden; }

.topicPath { float: left; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.4rem; line-height: 28px; color: #000; }

.topicPath_item:not(:first-child) { margin-left: 5px; }

.topicPath_item:not(:first-child)::before { content: ">"; margin-right: 5px; }

.topicPath_link { color: #000 !important; }

.lang { float: right; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; color: #0e69b3; font-size: 1.6rem; font-weight: bold; height: 28px; border-radius: 14px; padding: 0 14px; margin-right: 20px; display: none; }

.lang::before { content: ""; display: block; width: 9px; height: 13px; background: url("/common/images/icon_arrow.svg") 0 0/contain no-repeat; margin-right: 8px; }

.print { float: right; font-size: 1.8rem; line-height: 28px; font-weight: bold; color: #000 !important; letter-spacing: .05em; }

.contents { width: 896px; }

.contents.-wide { width: 100%; }

.contents a { color: #0e69b3; text-decoration: underline; }

.contents a:visited { color: #555fc0; text-decoration: none; }

.contents > *:first-child { margin-top: 0; }

.side { width: 274px; background: #fff; border-radius: 20px; padding: 26px 10px; }

.sideTitle { font-size: 1.8rem; line-height: 1.4; font-weight: bold; color: #000; margin-bottom: 12px; margin-left: 10px; }

.sideList_item { position: relative; }

.sideList_item::before { content: ""; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 234px; height: 1px; background: #ccc; }

.sideList_link { font-size: 1.6rem; line-height: 1.6; display: block; padding: 13px 12px 12px 34px; position: relative; color: #000 !important; border-radius: 6px; }

.sideList_link::before { content: ""; display: block; width: 9px; height: 13px; background: url("/common/images/icon_arrow.svg") 0 0/contain no-repeat; position: absolute; top: 1.9rem; left: 19px; }

.sideList_link:hover, .sideList_link.-current { background: -webkit-gradient(linear, left top, right top, from(#0c74bc), to(#01acea)); background: linear-gradient(90deg, #0c74bc 0%, #01acea 100%); color: #fff !important; }

.sideList_link:hover::before, .sideList_link.-current::before { background-image: url("/common/images/icon_arrow_w.svg"); }

.-current .sideList_link::before { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.sideList_link[target="_blank"]::after { content: ""; display: inline-block; width: 12px; height: 12px; background: url("/common/images/icon_window.png") 0 0 no-repeat; margin-left: 10px; }

.sideList_link[target="_blank"]:hover::after { background-image: url("/common/images/icon_window_w.png"); }

.sideChild { padding-left: 18px; }

.sideChild_link { font-size: 1.4rem; line-height: 1.6; display: block; padding: 5px 10px 4px 28px; position: relative; color: #000 !important; border-radius: 6px; }

.sideChild_link::before { content: ""; display: block; width: 9px; height: 13px; background: url("/common/images/icon_arrow.svg") 0 0/contain no-repeat; position: absolute; top: 1.1rem; left: 11px; }

.sideChild_link::after { content: ""; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 234px; height: 1px; background: #ccc; }

.sideChild_link:hover { background: -webkit-gradient(linear, left top, right top, from(#0c74bc), to(#01acea)); background: linear-gradient(90deg, #0c74bc 0%, #01acea 100%); color: #fff !important; }

.sideChild_link:hover::before { background-image: url("/common/images/icon_arrow_w.svg"); }

.sideChild_link:hover::after { display: none; }

.tree { background: #ecf6f9; padding: 50px 0; }

.tree_inner { width: 1200px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: auto; }

.tree-cell { width: 438px; margin-bottom: 40px; }

.tree-cell:nth-child(3n) { width: 284px; }

.treeTitle { text-align: center; border-bottom: 4px solid; -o-border-image: linear-gradient(90deg, #0c74bc 0%, #01acea 100%); border-image: -webkit-gradient(linear, left top, right top, from(#0c74bc), to(#01acea)); border-image: linear-gradient(90deg, #0c74bc 0%, #01acea 100%); border-image-slice: 1; padding-bottom: 12px; }

.treeTitle_link { color: #000; font-size: 2rem; font-weight: bold; line-height: 2.2rem; }

.treeTitle + .treeTitle { margin-top: 50px; }

.treeList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 14.1rem; padding-left: 20px; margin-top: 15px; }

.treeList_item { width: 50%; font-size: 1.8rem; line-height: 2rem; margin-top: 15px; white-space: nowrap; }

.treeList_link { color: #0e69b3; display: block; padding-left: 15px; position: relative; }

.treeList_link::before { content: ""; display: block; width: 9px; height: 13px; background: url("/common/images/icon_arrow.svg") 0 0/contain no-repeat; position: absolute; top: .5rem; left: 0; }

.treeList_link[target="_blank"]::after { content: ""; display: inline-block; width: 12px; height: 12px; background: url("/common/images/icon_window.png") 0 0 no-repeat; margin-left: 10px; }

/* gdpr */
.gdpr { background: #eaeef1; position: fixed; bottom: 0; right: 0; width: 500px; z-index: 1000; }

.gdpr-inner { margin: auto; padding: 25px 30px 30px; position: relative; font-size: 14px; line-height: 20px; }

.gdpr_policy { color: #555fc0; text-decoration: underline; }

.gdpr-btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.gdpr-btns_item { margin: 0 10px; }

.gdpr-btns_link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; color: #0e69b3; font-weight: bold; line-height: 20px; height: 28px; padding: 0 15px; border-radius: 14px; }

.gdpr-btns_link::before { content: ""; display: inline-block; width: 9px; height: 13px; background: url("/common/images/icon_arrow.svg") 0 0/contain no-repeat; margin: 2px 3px 0 0; }

.gdpr-btns_link.gdprAgree { border: 1px solid #0e69b3; }

.gdpr_close { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; bottom: 15px; right: 40px; font-size: 10px; color: #005ead; font-weight: bold; line-height: 14px; }

.gdpr_close::before { content: ""; display: block; width: 15px; height: 15px; background: url("/common/images/icon_close_gdpr.svg") 0 0/cover no-repeat; margin-bottom: 6px; }

/* ================

footer

================ */
.footerShort { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 270px; background-image: -webkit-gradient(linear, left top, right top, from(#0c74bc), to(#01acea)); background-image: linear-gradient(90deg, #0c74bc 0%, #01acea 100%); }

.footerShort_item { width: 182px; text-align: center; font-size: 1.6rem; line-height: 1.8rem; }

.footerShort_link { display: block; color: #fff; position: relative; }

.footerShort_link::before { content: ""; display: block; background: rgba(255, 255, 255, 0.3); width: 132px; height: 132px; border-radius: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.footerShort_link:hover { opacity: 1; }

.footerShort_link:hover::before { opacity: .8; }

.footerShort_img { display: block; margin: 0 auto 10px; }

.footerShort_link:hover .footerShort_img { opacity: 1; }

.pagetop { position: relative; }

.pagetop_button { position: fixed; right: 30px; bottom: 30px; }

.pagetop_button.-finish { position: absolute; bottom: 105px; }

.pagetop_button::before { content: ""; width: 60px; height: 60px; border-radius: 100%; background: rgba(174, 216, 239, 0.8); display: block; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.pagetop_button .img-fit { position: relative; z-index: 10; }

.pagetop_button:hover { opacity: 1; }

.pagetop_button:hover::before { opacity: .8; }

.copyright { text-align: center; padding: 40px 0; font-size: 1.4rem; font-weight: bold; color: #000; line-height: 1; letter-spacing: .1em; }

/* ================

contents

================ */
.align-center { text-align: center !important; }

.align-left { text-align: left !important; }

.align-right { text-align: right !important; }

.valign-middle { vertical-align: middle; }

.valign-top { vertical-align: top; }

.valign-bottom { vertical-align: bottom; }

/* heading */
.h-1 { clear: both; padding: 40px 0 30px; font-size: 3.4rem; line-height: 5rem; color: #000; font-weight: bold; text-align: center; }

.h-2 { padding: 33px 0 28px; font-size: 2.8rem; font-weight: bold; line-height: 2.6rem; color: #0e69b3; position: relative; margin: 45px 0 25px; }

.h-2::before, .h-2::after { content: ""; display: block; width: 100%; height: 5px; background: -webkit-gradient(linear, left top, right top, from(#0c74bc), to(#01acea)); background: linear-gradient(90deg, #0c74bc 0%, #01acea 100%); position: absolute; top: 0; left: 0; }

.h-2::after { height: 1px; top: auto; bottom: 0; }

.h-3 { font-size: 2.3rem; color: #0e69b3; line-height: 1.4; margin: 45px 0 20px; }

.h-4 { background: -webkit-gradient(linear, left top, right top, from(#0c74bc), to(#01acea)); background: linear-gradient(90deg, #0c74bc 0%, #01acea 100%); color: #fff; font-size: 2.2rem; line-height: 1.4; padding: 15px; margin: 55px 0 20px; }

.h-5 { border-left: 4px solid #01acea; font-size: 2.1rem; line-height: 1.38; padding-left: 12px; color: #0e69b3; margin: 34px 0 15px; }

.h-6 { border: 1px solid #0e69b3; color: #0e69b3; font-size: 2rem; line-height: 1.4; padding: 10px 14px; margin: 50px 0 15px; }

/* anchor */
.anchor { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #fff; border-radius: 10px; margin: 50px 0; padding: 28px 0 14px 24px; font-size: 1.6rem; line-height: 1.8rem; }

.anchor_item { margin-bottom: 12px; margin-right: 28px; }

.anchor_link { text-decoration: none !important; }

.anchor_link::before { content: ""; display: inline-block; width: 9px; height: 13px; background: url("/common/images/icon_arrow.svg") 0 0/contain no-repeat; -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-right: 5px; }

/* text */
.catchcopy { font-size: 3.4rem; line-height: 5.2rem; color: #000; margin-bottom: 45px; }

.text { font-size: 1.8rem; line-height: 1.78; margin: 20px 0; color: #333; }

.text-s { font-size: 1.6rem; line-height: 1.875; margin: 20px 0; color: #333; }

/* image layout */
.img-layout { margin: 20px auto; overflow: hidden; }

.img-layout + .img-layout { margin-top: 0; }

.img-layout_item { text-align: center; }

.img-layout.-left .img-layout_item { float: left; margin: 0 30px 20px 0; }

.img-layout.-right .img-layout_item { float: right; margin: 0 0 20px 30px; }

.img-layout_text *:first-child { margin-top: 0; }

.img-layout.-col2, .img-layout.-col3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.img-layout.-col2 .img-layout_item { width: 438px; }

.img-layout.-col3 .img-layout_item { width: 284px; }

.img-layout_caption { font-size: 1.4rem; line-height: 1.4; margin-top: 13px; }

/* table */
.table { width: 100%; border-collapse: collapse; }

.table-wrapper { width: 100%; margin: 30px 0; }

.table_th, .table_td { font-size: 1.4rem; border: 1px solid #0e69b3; padding: 6px 10px; }

.table_th { color: #0e69b3; background-color: #e8f4fb; font-weight: normal; }

/* link */
.link { padding-left: 15px; position: relative; }

.link + .link { margin-top: 10px; }

.link::before { content: ""; display: block; width: 10px; height: 14px; background: url("/common/images/icon_arrow.svg") 0 0/contain no-repeat; position: absolute; top: .6rem; left: 0; }

.link_text { font-size: 1.6rem; line-height: 1.5; display: inline-block; text-decoration: none !important; }

.link_text.-pdf::after { content: "PDF"; font-size: 1.2rem; line-height: 1.4rem; color: #0e69b3; border: 1px solid #0e69b3; background: #fff; width: 40px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; margin-left: 5px; }

.link_text.-window::after { content: ""; display: inline-block; width: 12px; height: 12px; background: url("/common/images/icon_window.png") 0 0/contain no-repeat; vertical-align: middle; margin-left: 5px; }

.link_size { color: #0e69b3; font-size: 1.2rem; }

/* list */
.list-ul { margin-bottom: 30px; }

.list-ul_item { margin-top: 15px; padding-left: 15px; position: relative; font-size: 1.6rem; }

.list-ul_item::before { content: ""; display: block; width: 6px; height: 6px; border-radius: 100%; background-color: #0e69b3; position: absolute; top: 1.3rem; left: 0; }

.-sky .list-ul_item::before { background-color: #01acea; }

.-gray .list-ul_item::before { background-color: #ccc; }

.list-ol { margin-bottom: 30px; padding-left: 30px; }

.list-ol_item { list-style-type: decimal; position: relative; font-size: 1.6rem; }

.list-notice { display: table; margin-top: 1rem; }

.list-notice_item { display: table-row; }

.list-notice_head, .list-notice_body { display: table-cell; vertical-align: top; font-size: 1.2rem; }

.list-notice_head { text-align: right; padding-right: .5em; }

/* button */
.button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: -webkit-gradient(linear, left top, right top, from(#0c74bc), to(#01acea)); background: linear-gradient(90deg, #0c74bc 0%, #01acea 100%); color: #fff !important; min-width: 326px; height: 50px; padding: 0 25px; margin-bottom: 30px; border-radius: 25px; font-size: 1.8rem; text-decoration: none !important; line-height: 1; }

.button::before { content: ""; width: 10px; height: 16px; display: block; background: url("/common/images/icon_arrow_w.svg") 0 0/contain no-repeat; margin-right: 5px; }

.button[target="_blank"]::after { content: ""; display: inline-block; width: 12px; height: 12px; background: url("/common/images/icon_window_w.png") 0 0 no-repeat; margin-left: 10px; }

.button.-white { background: #fff; border: 1px solid #0e69b3; color: #0e69b3 !important; opacity: 1; }

.button.-white:hover { border-color: #5d8ec4; }

.button.-white::before { background-image: url("/common/images/icon_arrow.svg"); }

.button.-back { background: #dcdddd; color: #000 !important; }

.button.-back::before { background-image: url("/common/images/icon_arrow_bk.svg"); }

.button + .button { margin-left: 20px; }

/* box */
.box { margin: 30px 0; }

.box-1 { border: 1px solid #888; padding: 15px; }

.box-1 .box_title { font-size: 1.6rem; font-weight: bold; line-height: 2rem; }

.box-2 { background: rgba(174, 216, 239, 0.5); border-radius: 60px; padding: 18px 34px; }

.box-2 .box_title { text-align: center; font-size: 1.8rem; color: #0e69b3; }

.box_inner { margin-top: 5px; }

.box *:last-child { margin-bottom: 0; }

/* contact */
.contact { margin: 50px auto; }

.contact_title { font-size: 1.8rem; line-height: 1.1; color: #0e69b3; margin-bottom: 12px; }

.contact-inner { border: 1px solid #0e69b3; padding: 18px 18px 30px; line-height: 1.1; }

.contact_name { font-size: 1.6rem; margin-bottom: 10px; }

.contact_address { font-size: 1.4rem; }

.contact-tel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; line-height: 1; margin: 10px 0 12px; color: #0e69b3; }

.contact-tel_dt { font-size: 1.4rem; margin-right: 5px; }

.contact-tel_dd { font-size: 2.1rem; letter-spacing: .08em; margin-right: 15px; }

.contact-tel_link { font-size: 2.7rem; font-weight: bold; text-decoration: none !important; }

.contact_time { font-size: 1.2rem; margin-bottom: 24px; }

/* relate */
.relate { position: relative; margin: 55px auto 0; }

.relate_title { font-size: 1.6rem; color: #333; margin-bottom: 12px; }

.relate-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 70px; font-size: 1.8rem; font-weight: bold; border-top: 1px solid #0e69b3; border-bottom: 1px solid #0e69b3; }

.relate-list_item:not(:first-child)::before { content: ""; display: inline-block; width: 50px; height: 0; border-top: 1px solid #0e69b3; -webkit-transform: rotate(-75deg); transform: rotate(-75deg); vertical-align: middle; margin-top: -5px; }

.relate-list_link { text-decoration: none !important; }

.relate-list_link[target="_blank"]::after { content: ""; display: inline-block; width: 12px; height: 12px; background: url("/common/images/icon_window.png") 0 0 no-repeat; margin-left: 10px; }

/* index */
.index { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 60px; }

.index_item { width: 438px; margin-bottom: 40px; }

.index_title { display: block; text-decoration: none !important; position: relative; }

.index_text { display: block; font-size: 2rem; line-height: 2.2rem; background: -webkit-gradient(linear, left top, right top, from(#0c74bc), to(#01acea)); background: linear-gradient(90deg, #0c74bc 0%, #01acea 100%); color: #fff !important; padding: 19px 40px 19px 20px; position: relative; }

.img-fit + .index_text { position: absolute; left: 0; bottom: 0; width: 100%; }

.index_text::before { content: ""; width: 10px; height: 16px; display: block; background: url("/common/images/icon_arrow_w.svg") 0 0/contain no-repeat; position: absolute; right: 15px; top: calc(19px + .4rem); }

.index_title[target="_blank"] .index_text::after { content: ""; display: inline-block; width: 12px; height: 12px; background: url("/common/images/icon_window_w.png") 0 0 no-repeat; margin-left: 10px; }

.index_lead { padding: 20px 20px 0; font-size: 1.6rem; line-height: 1.75; }

/* faq */
.faq { position: relative; border-bottom: 2px solid #ccc; margin-bottom: 40px; }

.faq::before { content: ""; display: block; width: 100%; height: 4px; background: -webkit-gradient(linear, left top, right top, from(#0c74bc), to(#01acea)); background: linear-gradient(90deg, #0c74bc 0%, #01acea 100%); }

.faq_q { font-size: 2rem; line-height: 1.2; position: relative; padding: 26px 46px 20px 54px; }

.faq_q.-open { color: #0e69b3; }

.faq_q::before { content: "Q"; color: #1ab4ec; left: 18px; top: 26px; }

.faq_a { border-top: 1px dotted #ccc; font-size: 1.6rem; line-height: 1.5; padding: 22px 0 18px 35px; position: relative; margin-left: 19px; margin-right: 46px; }

.faq_a::before { content: "A"; color: #0e69b3; left: 0; top: 18px; }

.faq_a .button { margin-top: 20px; }

.faq_q::before, .faq_a::before { font-size: 2.4rem; position: absolute; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

.faq_a + .faq_q { border-top: 2px solid #ccc; }

.toggle_head { position: relative; cursor: pointer; }

.toggle_head::after { content: ""; position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 24px; height: 24px; background: url("/common/images/icon_plus.svg") right center/contain no-repeat; }

.toggle_head.-open::after { content: ""; background-image: url("/common/images/icon_minus.svg"); }

.toggle_body { display: none; }

/* dl */
.dl { background: #f5f2ef; padding: 20px 20px 28px; margin-bottom: 40px; }

.dl_title { font-size: 20px; line-height: 1.1; color: #0e69b3; font-weight: bold; }

.dl_list { margin: 23px 0; }

/* news */
.news { border-top: 1px solid #ccc; }

.news-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 25px; }

.news-tabs_item { width: calc(100% / 5); text-align: center; border-top: 4px solid #ccc; font-size: 2rem; line-height: 2.2rem; color: #0e69b3; font-weight: bold; padding: 20px 0; position: relative; }

.news-tabs_item::after { content: ""; display: block; position: absolute; bottom: -5px; left: 50%; width: 12px; height: 17px; background: url("/common/images/icon_arrow.svg") 0 0/contain no-repeat; -webkit-transform: translateX(-50%) rotate(90deg); transform: translateX(-50%) rotate(90deg); }

.news-tabs_item.-current { border-color: #00a7ea; color: #000; }

.news-tabs_item.-current::after { display: none; }

.news-wrap { width: 937px; margin: auto; }

.news-wrap + .button-wrapper { margin: 40px 0 30px; }

.news-cell { display: none; }

.news-cell.-show { display: block; }

.news li { border-bottom: 1px solid #ccc; padding: 15px 0; font-size: 1.6rem; position: relative; }

.news li .date { position: absolute; top: 15px; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 30px; width: 14.2rem; font-size: 1.4rem; line-height: 1.6rem; padding-left: 8px; }

.news li .txt { display: block; padding-left: calc(14.2rem + 133px); }

.news li .txt a { text-decoration: none !important; }

.news li .txt a::after { content: "URL"; font-size: 1.2rem; line-height: 1.4rem; border: 1px solid #999; color: #999; background: #fff; width: 4rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; margin-left: 5px; }

.news li .txt a[href$=".pdf"]::after { content: "PDF"; color: #0e69b3; border-color: #0e69b3; }

.news li .txt a[href$=".xls"]::after { content: "XLS"; color: #7ab94b; border-color: #7ab94b; }

.news li .txt a[href$=".xlsx"]::after { content: "XLSX"; color: #7ab94b; border-color: #7ab94b; }

.news li .txt a[href$=".doc"]::after { content: "DOC"; color: #0084c8; border-color: #0084c8; }

.news li .txt a[href$=".docs"]::after { content: "DOCS"; color: #0084c8; border-color: #0084c8; }

.news li .txt a[href$=".ppt"]::after { content: "PPT"; color: #e84c38; border-color: #e84c38; }

.news li .txt a[href$=".pptx"]::after { content: "PPTX"; color: #e84c38; border-color: #e84c38; }

.news li .txt a[href$=".zip"]::after { content: "ZIP"; color: #0e69b3; border-color: #0e69b3; }

.news li .supplement { display: block; font-size: 1.4rem; line-height: 2.3rem; padding-left: calc(14.2rem + 133px); }

.news li .new { background: -webkit-gradient(linear, left top, right top, from(#0c74bc), to(#01acea)); background: linear-gradient(90deg, #0c74bc 0%, #01acea 100%); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 4rem; height: 1.8rem; color: #fff; font-size: 1.2rem; border-radius: .9rem; margin-left: 8px; }

.news_category { position: absolute; top: 15px; left: 14.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 30px; width: 103px; border-right: 2px solid #00a7ea; border-left: 2px solid #00a7ea; color: #00a7ea; font-size: 1.6rem; font-weight: bold; margin-right: 30px; }

/* ================

Top

================ */
.irTop .main { background: #fff url("/images/bg_main.jpg") center 0 no-repeat; padding-bottom: 80px; }

.irTop .topicPath, .irTop .topicPath_link, .irTop .h-1, .irTop .print { color: #fff !important; }

.irTop .article { width: 1260px; }

.irTop .main-head { width: 1200px; margin: auto; }

.irTop .contents { width: 1260px; padding: 25px 30px 0; background: #fff; border-radius: 20px; }

.irTop-topics { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 30px 0;}

.irTop-topics_title { display: inline-block; padding: 0 1em; border-radius: 1em; background: #fff; color: #0e69b3; font-size: 1.8rem; line-height: 2rem; font-weight: bold; }

.irTop-topics_text { font-size: 1.6rem; line-height: 2.4rem; margin: 0 0 0 20px; color: #fff; }

.irTop-shortcut { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.irTop-shortcut_item { background: #f5f2ef; width: 437px; position: relative; display: block; }

.irTop-shortcut_item.-message { background: #f5f2ef url("/images/bg_message.jpg") 0 0/cover no-repeat; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-bottom: 48px; }

.irTop-shortcut_other { width: 284px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.irTop-shortcut_link { display: block; font-size: 1.8rem; line-height: 2rem; font-weight: bold; background: -webkit-gradient(linear, left top, right top, from(#0c74bc), to(#01acea)); background: linear-gradient(90deg, #0c74bc 0%, #01acea 100%); color: #fff !important; padding: 14px 40px 14px 20px; text-decoration: none !important; position: absolute; left: 0; bottom: 0; width: 100%; }

.irTop-shortcut_link::before { content: ""; width: 10px; height: 16px; display: block; background: url("/common/images/icon_arrow_w.svg") 0 0/contain no-repeat; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.irTop-shortcut_link[target="_blank"]::after { content: ""; display: inline-block; width: 12px; height: 12px; background: url("/common/images/icon_window_w.png") 0 0/contain no-repeat; margin-left: 5px; }

.irTop-library { padding: 19px 20px 60px; position: relative; min-height: 283px; }

.irTop-library_title { color: #0e69b3; font-size: 2rem; line-height: 2.2rem; font-weight: bold; margin-bottom: 20px; }

.irTop-library_link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; color: #0e69b3; font-size: 1.6rem; font-weight: bold; height: 28px; border-radius: 14px; padding: 0 14px; position: absolute; top: 19px; right: 20px; text-decoration: none !important; }

.irTop-library_link::before { content: ""; display: block; width: 9px; height: 13px; background: url("/common/images/icon_arrow.svg") 0 0/contain no-repeat; margin-right: 8px; }

.irTop-library .link + .link { margin-top: 12px; }

.irTop-stock { background: #f5f2ef; padding: 19px 20px calc(4.8rem + 19px); min-height: 197px; position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 23px; }

.irTop-stock_title { font-size: 2rem; line-height: 2.2rem; font-weight: bold; margin-bottom: 15px; color: #0e69b3; }

.irTop-stock_link { text-decoration: none !important; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.irTop-stock_code { color: #0e69b3; font-size: 1.6rem; }

.irTop-stock_text { margin-top: 3px; font-size: 1.4rem; line-height: 2.2rem; }

.irTop_esg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.8rem; line-height: 2rem; font-weight: bold; background: -webkit-gradient(linear, left top, right top, from(#0c74bc), to(#01acea)); background: linear-gradient(90deg, #0c74bc 0%, #01acea 100%); color: #fff !important; padding: 0 40px 0 20px; height: 60px; text-decoration: none !important; position: relative; }

.irTop_esg::before { content: ""; width: 10px; height: 16px; display: block; background: url("/common/images/icon_arrow_w.svg") 0 0/contain no-repeat; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.irTop_esg::after { content: "PDF"; font-size: 1.2rem; line-height: 1.4rem; color: #0e69b3; border: 1px solid #0e69b3; background: #fff; width: 40px; height: 18px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: middle; margin-left: 5px; }

.icon-none::after { content: ""; border: none; background: transparent; }

.irTop-know { background-image: -webkit-gradient(linear, left bottom, left top, from(#0a55a1), to(#0e69b3)); background-image: linear-gradient(0deg, #0a55a1 0%, #0e69b3 100%); width: 1200px; min-height: 490px; border-radius: 260px; margin: 30px 0 50px; padding-top: 28px; position: relative; text-align: center; }

.irTop-know_title { color: #fff; font-size: 2.4rem; line-height: 2.8rem; font-weight: bold; text-align: center; }

.irTop-knowRow { display: -webkit-box; display: -ms-flexbox; display: flex; width: 90%; margin-top: 20px; margin-left: auto; }

.irTop-knowMovie { -webkit-flex: 1 0 25%; -ms-flex: 1 0 25%; flex: 1 0 25%; max-width: 25%; padding-left: 20px; color: #fff; font-size: 1.4rem; }
.movie-wrap { position: relative; width: 100%; height: 0; padding-top: 56.25%;}
.movie-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.irTop-knowMovie img { width: 100%; max-width: 220px; height: auto;}
.irTop-knowMovie a { color: #fff !important; }
.irTop-knowLinks { -webkit-flex: 1 0 75%; -ms-flex: 1 0 75%; flex: 1 0 75%; max-width: 75%; padding-top: 10px; padding-right: 30px;}

.irTop-know_link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: -webkit-gradient(linear, left top, right top, from(#0c74bc), to(#01acea)); background: linear-gradient(90deg, #0c74bc 0%, #01acea 100%); width: 350px; height: 50px; padding: 0 25px; margin: 15px 10px 0; border-radius: 25px; font-size: 1.8rem; text-decoration: none !important; line-height: 1; background: #fff; border: 1px solid #0e69b3; color: #0e69b3 !important; }

.irTop-know_link::before { content: ""; width: 10px; height: 16px; display: block; background: url("/common/images/icon_arrow.svg") 0 0/contain no-repeat; margin-right: 5px; }

.irTop-know_link[target="_blank"]::after { content: ""; display: inline-block; width: 12px; height: 12px; background: url("/common/images/icon_window.png") 0 0 no-repeat; margin-left: 10px; }

.irTop-knowList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 20px; }

.irTop-knowList_item { width: 152px; text-align: center; font-size: 1.6rem; line-height: 1.8rem; white-space: nowrap; }

.irTop-knowList_link { color: #fff !important; text-decoration: none !important; }

.irTop-knowList_link:hover { opacity: 1; }

.irTop-knowList_img { display: inline-block; margin-bottom: 10px; }

.irTop-knowList_link:hover .irTop-knowList_img { opacity: .8; }

.irTop_title { margin-bottom: 30px; text-align: center; font-size: 2.6rem; line-height: 2.8rem; color: #0e69b3; font-weight: bold; }

/*.irTop .news-tabs_item { width: 284px; }*/

.irTop-calender { margin: 45px 0 40px; text-align: center; }

/* ================

about

================ */
.about_strong { color: #01b0ed; font-weight: 400; }

.about-index { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 30px auto 0; width: 820px; }

.about-index_item { text-align: center; font-size: 2.1rem; margin-bottom: 40px; }

.about-index .img-fit { display: block; border-radius: 100%; margin-bottom: 6px; }

.about-index_link { text-decoration: none !important; }

.about-index_link:hover { opacity: 1 !important; }

.about-index_link:hover .img-fit { background-image: -webkit-gradient(linear, left bottom, left top, from(#0790d3), to(#005ead)); background-image: linear-gradient(0deg, #0790d3 0%, #005ead 100%); }

.aboutOverview {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 40px auto 30px; width: 820px; }

.aboutOverview_movie { width: 43%; font-size: 1.4rem; }
.aboutOverview_movie img { width: 100%; height: auto; border: 1px solid #ccc; }
.aboutOverview_list { width: 50%;}
.aboutOverview_list .button { margin-left: 0;}

.aboutProduct { justify-content: left; margin-bottom: 40px; }

.aboutProduct .index_item { width: 31.33%; margin-left: 1%; margin-right: 1%; margin-bottom: 20px; }

.aboutProduct .index_item:hover { opacity: .8; }

.aboutProduct .index_title { padding-top: 169px; background: center center /cover no-repeat; }

.aboutProduct .index_title:hover { opacity: 1 !important; }

.aboutProduct_1 { width: 100% !important; background-image: url("/about/images/index_1.jpg"); background-position: center;}

.aboutProduct_1 .index_title { padding-top: 210px; }

.aboutProduct_2 { width: 284px; background-image: url("/about/images/index_2.jpg"); }

.aboutProduct_3 { width: 284px; background-image: url("/about/images/index_3.jpg"); }

.aboutProduct_4 { width: 284px; background-image: url("/about/images/index_4.jpg"); }

.aboutProduct_5 { width: 284px; background-image: url("/about/images/index_5.jpg"); }

.aboutProduct_6 { width: 284px; background-image: url("/about/images/index_6.jpg"); }

.aboutProduct_7 { width: 284px; background-image: url("/about/images/index_7.jpg"); }

.scene-anchor { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 10px 0 80px; }

.scene-anchor_item { margin: 10px 0; }

.scene-anchor_link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid; width: 386px; height: 100px; border-radius: 50px; padding: 0 34px 0 100px; font-size: 2rem; font-weight: bold; color: #fff !important; text-decoration: none !important; position: relative; white-space: nowrap; }

.scene-anchor_link::before { content: ""; display: block; width: 88px; height: 88px; border-radius: 100%; position: absolute; top: 50%; left: 6px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.scene-anchor_link::after { content: ""; display: block; width: 10px; height: 10px; border-bottom: 2px solid; border-left: 2px solid; -webkit-transform: rotate(-45deg) translateY(-100%); transform: rotate(-45deg) translateY(-100%); position: absolute; right: 10px; top: 50%; }

.scene-anchor_link.-bearing { background-color: #0e69b3; }

.scene-anchor_link.-bearing::before { background: url("/about/images/anchor_1.jpg"); }

.scene-anchor_link.-diecast { background-color: #64a846; }

.scene-anchor_link.-diecast::before { background: url("/about/images/anchor_2.jpg"); }

.scene-anchor_link.-processing { background-color: #dc7506; }

.scene-anchor_link.-processing::before { background: url("/about/images/anchor_3.jpg"); }

.scene-anchor_link.-acoustical { background-color: #dac906; }

.scene-anchor_link.-acoustical::before { background: url("/about/images/anchor_4.jpg"); }

.scene-anchor_link.-rotary { background-color: #8658bf; }

.scene-anchor_link.-rotary::before { background: url("/about/images/anchor_5.jpg"); }

.scene-anchor_link.-capacitor { background-color: #d9476d; }

.scene-anchor_link.-capacitor::before { background: url("/about/images/anchor_6.jpg"); }

.scene-anchor_link.-vr { background-color: #be0004; }

.scene-anchor_link.-vr::before { background: url("/about/images/anchor_7.jpg"); }

.scene-bearing { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 30px 0 40px; }

.scene-bearing_item { margin: 0 0 30px; }

.scene-bearing_item .img-fit { margin: 0 10px; }

.scene-bearing .scene_caption { text-align: center; }

.scene_caption { font-size: 1.4rem; line-height: 2.4rem; margin-top: 10px; }

.sceneUse { background-color: rgba(204, 204, 204, 0.4); padding: 20px 98px 10px; margin: 75px 0; text-align: center; border-radius: 160px; }

.sceneUse_title { font-size: 1.8rem; line-height: 1.1; font-weight: bold; color: #000; margin-bottom: 7px; }

.sceneUse-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.sceneUse-list_item { margin: 10px; width: 80px; font-size: 1.3rem; line-height: 1.8rem; }

.sceneUse-list_img { margin-bottom: 5px; }

.scene-diecast {margin-bottom: 40px;}

.scene-processing { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 30px auto 10px; width: 912px; }

.scene-processing_item { margin: 0 10px 30px; width: 284px; }

.scene-sound { width: 620px; }

.scene-acoustical { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 30px 0 40px; }

.scene-acoustical.-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.scene-acoustical_item { margin: 0 0 30px; width: 228px; }

.scene-acoustical.-center .scene-acoustical_item {margin: 30px 10px 40px; }

.scene-rotary { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.scene-rotary .img-layout { width: 590px; margin-top: 0; }

.scene-rotary .h-3 { font-size: 1.8rem; line-height: 2rem; margin-bottom: 10px; }

.scene-rotary .text { font-size: 1.4rem; line-height: 2.4rem; margin-top: 10px; }

.sceneProduct { background-color: #d7e9f7; padding: 20px 74px 10px; margin: 75px 0 50px; text-align: center; border-radius: 160px; }

.sceneProduct_title { font-size: 1.8rem; line-height: 1.1; font-weight: bold; color: #000; margin-bottom: 7px; }

.sceneProduct-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 20px 0 30px; }

.sceneProduct-list_item { width: 130px; font-size: 1.3rem; line-height: 1.8rem; margin: 0 10px; }

.sceneProduct-list_img { margin-bottom: 5px; }

.sceneProduct + .sceneUse { margin-top: 50px; }

.business-lead { font-size: 2.8rem; line-height: 5rem; margin-bottom: 30px; }

.business-lead_large { font-weight: bold; font-size: 4rem; color: #13b5ee; }

.business-3col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 40px auto 0; width: 896px; }

.business-3col_item { width: 284px; }

.business-role { font-size: 3.2rem; line-height: 4.8rem; font-weight: bold; text-align: center; color: #0b7bc2; margin-top: 15px; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; letter-spacing: 2px; }

.business-role_strong { color: #13b5ee; }

.strengths_lead { font-size: 3.2rem; line-height: 5.6rem; }

.strengths-layout .img-layout_text { width: 566px; }

.strengths-layout.-right .img-layout_text { float: left; }

/* ================

management

================ */
.message_sign { display: inline-block; margin-top: 10px; }

.policy { padding: 36px 0 20px; }

.policy-box { border: 3px solid rgba(1, 176, 237, 0.5); border-radius: 10px; padding: 20px 26px 16px; margin-bottom: 50px; }

.policy-box_title { text-align: center; font-size: 2.1rem; font-weight: bold; line-height: 1.2; color: #0e69b3; margin-bottom: 10px; }

.policy-box .list-ul_item { margin-top: 0rem !important; }

.policy-esg-lead { font-size: 2.8rem; line-height: 5rem; margin-bottom: 30px; }

.h-5-policy { margin-top: 40px; }

.policy-table { text-align: center; font-size: 1.4rem; }
.policy-table .td-small { font-size: 1.2rem; }
.policy-table th, .policy-table td { padding: 6px 10px; border: 1px solid #0e69b3; vertical-align: middle; }
.policy-table .border-none th { border: none; }
.policy-table thead th { text-align: center; }
.policy-table .th-lead span { display: block; margin-bottom: 5px; padding: 5px 0; border: 1px solid #ccc; border-radius: 10px; }
.policy-table .first-half { font-weight: bold; color: #38b48b; }
.policy-table .latter-half { font-weight: bold; color: #0e69b3; }
.policy-table .share-group-1 { background-color: #fff1cf; }
.policy-table .share-group-2 { background-color: #e8f4fb; }
.policy-table-note { padding: 20px; border: 1px solid #0e69b3; }
.policy-table-note .title-group1, .policy-table-note .title-group2 { margin-bottom: 5px; padding: 10px; font-weight: bold; font-size: 1.6rem; }
.policy-table-note .title-group1 { background-color: #fff1cf; }
.policy-table-note .title-group2 { background-color: #e8f4fb; }

/* 2025.05 中期経営計画追加ここから */
.midterm-text-l { font-size: 2.7rem; line-height: 1.6; }
.midterm-text-m { font-size: 2rem; line-height: 1.7; }
.midterm-h_label { display: inline-block; font-size: 1.6rem; padding: 2px 6px; border-radius: 4px; border: 1px solid #0e69b3; color: #0e69b3; font-weight: bold; vertical-align: 0.2em;}
.midterm-box { position: relative; margin: 40px 0 50px 0; text-align: center;}
.midterm-box_title { margin-bottom: 15px; color: #0e69b3; font-size: 2rem; font-weight: bold; line-height: 1.4; }
.midterm-box_title span { display: inline-block; padding: 0 10px; background: #fff; }
.midterm-news li .date { font-size: 1.6rem; }
.midterm-news li .txt { font-size: 2rem; font-weight: bold; }
.midterm-purpos { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 40px 0; padding: 0 30px; }
.midterm-purpos_item { display: inline-block; min-width: 240px; height: 60px; margin: 0 5px; padding: 15px 25px; border-radius: 30px; border: 2px solid #fff; background: #0e69b3; color: #fff; font-size: 1.8rem; font-weight: bold; line-height: 1.3; text-align: center; }
.midterm-purpos_item br {display: none;}
.midterm-vision-layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.midterm-vision-layout_item { width: 438px; background: #f5f2ef; }
.midterm-vision-layout_item .h-4 { margin-top: 0; text-align: center; }
.midterm-vision-layout_item p { margin-bottom: 20px; font-size: 1.7rem; font-weight: bold; text-align: center; }
.midterm-vision-layout_item .label { display: inline-block; padding: 2px 10px; background: #0e69b3; color: #fff; font-weight: bold; }
.midterm-summary { padding: 10px 20px; background: #d7e9f7;}
.midterm-summary dl { display: table; width: 100%;  min-height: 140px; margin: 15px 0; border-radius: 10px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); background: #fff; }
.midterm-summary dt { display: table-cell; position: relative; width: 8em; padding: 1em; border-radius: 10px 0 0 10px; background: #0e69b3; color: #fff; font-size: 2rem; font-weight: bold; text-align: center; line-height: 1.5; vertical-align: middle; }
.midterm-summary dd { display: table-cell; position: relative;padding: 1em 2em 1em 3em; font-size: 1.8rem; vertical-align: middle;}
.midterm-summary dd svg { position: absolute; top: 0; left: 0; width: 30px; height: 100%; }
.midterm-summary dd strong { color: #0e69b3; }
.midterm-table1 .table_thead th,
.midterm-table1 .table_tbody td { font-size: 1.4rem; line-height: 1.4;}
.midterm-table1 .table_thead th { padding: 8px 10px; border-bottom: 3px solid; text-align: center; vertical-align: bottom; }
.midterm-table1 .table_tbody td { padding: 6px 10px; border-bottom: 1px solid; vertical-align: middle; }
.midterm-table1 .table_tbody td:first-child { position: relative; border-right: 30px solid #fff;}
.midterm-table1 .table_tbody td:first-child::before { position: absolute; top: 50%; left: calc(100% +  10px); border: 5px solid transparent; margin-top: -5px; border-left: 10px solid #0e69b3; content: ""; }
.midterm-table1 .row1 td { background: #eee; }
.midterm-table1 .row2 td { background: #dce3f1; color: #2e55a2; }
.midterm-table1 .row3 td { background: #d7eac5; color: #366806; }
.midterm-table1 .row4 td { background: #fcd9e6; color: #c21652; }
.midterm-table2 .table_thead th { width: 20%; padding: 8px 10px; border-bottom: 1px solid; font-size: 1.5rem; line-height: 1.4; text-align: center; vertical-align: bottom; }
.midterm-table2 .table_tbody th,
.midterm-table2 .table_tbody td { border-bottom: 1px solid #ccc; vertical-align: middle; font-size: 1.5rem; line-height: 1.4; text-align: center; }
.midterm-table2 .table_tbody tr:last-child th,
.midterm-table2 .table_tbody tr:last-child td { border-bottom-color: #333; }
.midterm-table2 .table_tbody th { width: 11em; padding: 6px 0; font-size: 1.6rem; }
.midterm-table2 .table_tbody th .label { display: block; padding: 3px; border-radius: 5px; background: #0e69b3; color: #fff; }
.midterm-table2 .table_tbody td { padding: 6px 10px; font-size: 1.7rem; }
.midterm-table2 .table_tbody td.note { padding: 12px 10px; font-size: 1.5rem; }
.midterm-table2 .table_tbody td .number { font-size: 2.2rem; }
.midterm-basicpolicy { max-width: 750px; margin: 0 auto; padding: 10px 0 50px; background: url("/management/images/policy_arrow.svg") no-repeat center center / 150px 100%; }
.midterm-basicpolicy li { position: relative; margin: 10px 0 10px 20px; padding: 20px 20px 20px 30px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); border-radius: 10px; border: 1px solid #ddd; background: #fff; font-size: 1.8rem; line-height: 1.5; text-align: center; }
.midterm-basicpolicy li::before { position: absolute; top: 50%; left: -20px; width: 40px; height: 40px; margin-top: -20px; border-radius: 50%; background: #0e69b3; color: #fff; font-size: 18px; font-weight: bold; line-height: 38px; text-align: center; content: attr(data-number); }
.midterm-basicpolicy_box { max-width: 750px; margin: 10px auto; padding: 15px; background: #0e69b3; color: #fff; font-size: 1.8rem; text-align: center; }
.midterm-4thpillar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 120px;}
.midterm-4thpillar_item { -webkit-flex: 1 0 49%; -ms-flex: 1 0 49%; flex: 0 0 49%; }
.midterm-4thpillar_item .h-3 { margin-top: 0 !important;}
.midterm-4thpillar_item .box { height: 95%; margin-bottom: 0; padding: 0;}
.midterm-4thpillar_item .box_inner { padding: 10px;}
.midterm-4thpillar_item .-green .box_title.h-4 { background: linear-gradient(90deg, #60843b 0%, #67a725 100%); }
.midterm-4thpillar_item .-green .h-5 { border-left-color: #67a725; color: #4c6f29; }
.midterm-4thpillar_item .-green .list-ul_item::before { background-color: #67a725; }
/* 2025.05 中期経営計画追加ここまで */

/* ================

stock

================ */
.information-basis .table_th { width: 15rem; }

.information-investor .table_td { width: 23%; }

.information-ratio .table_td { width: 14%; }

.dividend .table_th:not(:first-child) { width: 17%; }

.dividend_double { border-bottom: 3px double #0e69b3; }

/* ================

public

================ */
.public-list li .txt { padding-left: calc(14.2rem); }

/* ================

other

================ */
.sitemap .tree { display: none; }

.sitemap .treeTitle_link, .sitemap .treeList_link { text-decoration: none !important; }

.sitemap .treeTitle_link { color: #333 !important; }

.sitemap_L { width: 896px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.sitemap_L .tree-cell { width: 438px; }

.sitemap_R { width: 284px; }

.sitemap_R .tree-cell { width: 100%; }

.usersguide_item { margin-bottom: 30px; font-size: 1.6rem; line-height: 3rem; }

.usersguide_title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 2.1rem; color: #0e69b3; margin-bottom: 7px; }

.usersguide_mark { margin-right: 15px; }