@charset "UTF-8";
/*================================================================================
media query mixin
================================================================================*/
/*    google font on web
--------------------------------------------------------------------------------*/
/*    google font on server
--------------------------------------------------------------------------------*/
/*    icomoon
--------------------------------------------------------------------------------*/
/*    custom
--------------------------------------------------------------------------------*/
body { font-family: "Roboto","游ゴシック体", "YuGothic", "游ゴシック体" , "YuGothic","ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; }
.c-sansSerif { font-family: "Roboto","游ゴシック体", "YuGothic", "游ゴシック体" , "YuGothic","ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; }
.c-serif { font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; }
@media screen and (max-width: 1260px) { /* 1260px以上*/ }
@media screen and (max-width: 1024px) { /* 1024px以下*/ }
@media screen and (max-width: 768px) { /* 768px以下*/ }
@media screen and (max-width: 480px) { /* 480px以下*/ }
@media screen and (max-width: 320px) { /* 320px以下*/ }
/*================================================================================
reset & default & font
================================================================================*/
/*! ress.css • v1.2.2 MIT License github.com/filipelinhares/ress */
/* # ================================================================= # Global selectors # ================================================================= */
html { -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: scroll; /* All browsers without overlaying scrollbars */ -webkit-text-size-adjust: 100%; /* iOS 8+ */ }
*, ::before, ::after { background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */ -webkit-box-sizing: inherit; box-sizing: inherit; }
::before, ::after { text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */ vertical-align: inherit; }
* { padding: 0; /* Reset `padding` and `margin` of all elements */ margin: 0; }
/* # ================================================================= # General elements # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) { display: none; height: 0; }
hr { overflow: visible; /* Show the overflow in Edge and IE */ }
/* Correct `block` display not defined for any HTML5 element in IE 8/9 Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox Correct `block` display not defined for `main` in IE 11 */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }
summary { display: list-item; /* Add the correct display in all browsers */ }
small { font-size: 80%; /* Set font-size to 80% in `small` elements */ }
[hidden], template { display: none; /* Add the correct display in IE */ }
abbr[title] { border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */ text-decoration: none; /* Remove text decoration in Firefox 40+ */ }
a { background-color: transparent; /* Remove the gray background on active links in IE 10 */ -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */ }
a:active, a:hover { outline-width: 0; /* Remove the outline when hovering in all browsers */ }
code, kbd, pre, samp { font-family: monospace, monospace; /* Specify the font family of code elements */ }
b, strong { font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */ }
dfn { font-style: italic; /* Address styling not present in Safari and Chrome */ }
/* Address styling not present in IE 8/9 */
mark { background-color: #ff0; color: #000; }
/* https://gist.github.com/unruthless/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
/* # ================================================================= # Forms # ================================================================= */
input { border-radius: 0; }
/* Apply cursor pointer to button elements */
button, [type="button"], [type="reset"], [type="submit"], [role="button"] { cursor: pointer; }
/* Replace pointer cursor in disabled elements */
[disabled] { cursor: default; }
[type="number"] { width: auto; /* Firefox 36+ */ }
[type="search"] { -webkit-appearance: textfield; /* Safari 8+ */ }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; /* Safari 8 */ }
textarea { overflow: auto; /* Internet Explorer 11+ */ resize: vertical; /* Specify textarea resizability */ }
button, input, optgroup, select, textarea { font: inherit; /* Specify font inheritance of form elements */ }
optgroup { font-weight: bold; /* Restore the font weight unset by the previous rule. */ }
button { overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */ }
/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: 0; padding: 0; }
/* Replace focus style removed in the border reset above */
button:-moz-focusring, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { outline: 1px dotted ButtonText; }
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */ }
button, select { text-transform: none; /* Firefox 40+, Internet Explorer 11- */ }
/* Remove the default button styling in all browsers */
button, input, select, textarea { background-color: transparent; border-style: none; color: inherit; }
/* Style select like a standard input */
select { -moz-appearance: none; /* Firefox 36+ */ -webkit-appearance: none; /* Chrome 41+ */ }
select::-ms-expand { display: none; /* Internet Explorer 11+ */ }
select::-ms-value { color: currentColor; /* Internet Explorer 11+ */ }
legend { border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */ color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */ display: table; /* Correct the text wrapping in Edge and IE */ max-width: 100%; /* Correct the text wrapping in Edge and IE */ white-space: normal; /* Correct the text wrapping in Edge and IE */ }
::-webkit-file-upload-button { -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */ font: inherit; /* Change font properties to `inherit` in Chrome and Safari */ }
[type="search"] { -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */ outline-offset: -2px; /* Correct the outline style in Safari */ }
/* # ================================================================= # Specify media element style # ================================================================= */
img { border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */ }
/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress { vertical-align: baseline; }
svg:not(:root) { overflow: hidden; /* Internet Explorer 11- */ }
audio, canvas, progress, video { display: inline-block; /* Internet Explorer 11+, Windows Phone 8.1+ */ }
/* # ================================================================= # Accessibility # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen { [hidden~="screen"] { display: inherit; } [hidden~="screen"]:not(:active):not(:focus):not(:target) { position: absolute !important; clip: rect(0 0 0 0) !important; } }
/* Specify the progress cursor of updating elements */
[aria-busy="true"] { cursor: progress; }
/* Specify the pointer cursor of trigger elements */
[aria-controls] { cursor: pointer; }
/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] { cursor: default; }
/* # ================================================================= # Selection # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection { background-color: #b3d4fc; /* Required when declaring ::selection */ color: #000; text-shadow: none; }
::selection { background-color: #b3d4fc; /* Required when declaring ::selection */ color: #000; text-shadow: none; }
/*======================================================================
Defaults Styles
======================================================================*/
html { font-size: 62.5%; }
body { margin: 0; padding: 0; color: #000; background: #fff; /*font-family:"roboto", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;*/ line-height: 1.6; font-size: 16px; font-size: 1.6rem; }
* { margin: 0; padding: 0; }
/*selection*/
::-moz-selection { background-color: #b3d4fc; color: #000; text-shadow: none; }
::selection { background-color: #b3d4fc; color: #000; text-shadow: none; }
/*placeholder*/
::-webkit-input-placeholder-shown { color: #cccccc; }
/*placeholder*/
:-ms-input-placeholder-shown { color: #cccccc; }
/*placeholder*/
::-ms-input-placeholder-shown { color: #cccccc; }
/*placeholder*/
::placeholder-shown { color: #cccccc; }
/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder { color: #cccccc; }
/* Firefox 18- */
::-moz-placeholder { color: #cccccc; opacity: 1; }
/* Firefox 19+ */
::-moz-placeholder { color: #cccccc; opacity: 1; }
/* IE 10+ */
::-ms-input-placeholder { color: #cccccc; }
img, svg { border: 0; border-style: none; vertical-align: top; font-size: 0; line-height: 0; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; }
ul, dl, ol { list-style-type: none; }
/*    Link
--------------------------------------------------------------------------------*/
a:link { color: #000; text-decoration: none; opacity: 1; -webkit-transition: all .3s; transition: all .3s; }
a:hover { color: #000; text-decoration: none; opacity: 0.7; -webkit-transition: all .3s; transition: all .3s; }
a:visited { color: #000; text-decoration: none; }
a:active { color: #000; text-decoration: none; }
header a, footer a { color: inherit; text-decoration: underline; opacity: 1; }
@media screen and (max-width: 768px) { .footer__bottom a:link, .footer__bottom a:hover, .footer__bottom a:visited, .footer__bottom a:active { color: #fff; } }
*:focus { outline: none; }
/*    Base Styles
--------------------------------------------------------------------------------*/
/*  margin */
.mg0a { margin: 0 auto; }
.mgt0 { margin-top: 0 !important; }
.mgt1 { margin-top: 1px !important; }
.mgt2 { margin-top: 2px !important; }
.mgt3 { margin-top: 3px !important; }
.mgt4 { margin-top: 4px !important; }
.mgt5 { margin-top: 5px !important; }
.mgt6 { margin-top: 6px !important; }
.mgt7 { margin-top: 7px !important; }
.mgt8 { margin-top: 8px !important; }
.mgt9 { margin-top: 9px !important; }
.mgt10 { margin-top: 10px !important; }
.mgt15 { margin-top: 15px !important; }
.mgt20 { margin-top: 20px !important; }
.mgt25 { margin-top: 25px !important; }
.mgt30 { margin-top: 30px !important; }
.mgt35 { margin-top: 35px !important; }
.mgt40 { margin-top: 40px !important; }
.mgt45 { margin-top: 45px !important; }
.mgt50 { margin-top: 50px !important; }
.mgt55 { margin-top: 55px !important; }
.mgt60 { margin-top: 60px !important; }
.mgl0 { margin-left: 0 !important; }
.mgl5 { margin-left: 5px !important; }
.mgl10 { margin-left: 10px !important; }
.mgl15 { margin-left: 15px !important; }
.mgl20 { margin-left: 20px !important; }
.mgl25 { margin-left: 25px !important; }
.mgl30 { margin-left: 30px !important; }
.mgl35 { margin-left: 35px !important; }
.mgl40 { margin-left: 40px !important; }
.mgl45 { margin-left: 45px !important; }
.mgl50 { margin-left: 50px !important; }
.mgl55 { margin-left: 55px !important; }
.mgl60 { margin-left: 60px !important; }
.mgr0 { margin-right: 0 !important; }
.mgr5 { margin-right: 5px !important; }
.mgr10 { margin-right: 10px !important; }
.mgr15 { margin-right: 15px !important; }
.mgr20 { margin-right: 20px !important; }
.mgr25 { margin-right: 25px !important; }
.mgr30 { margin-right: 30px !important; }
.mgr35 { margin-right: 35px !important; }
.mgr40 { margin-right: 40px !important; }
.mgr45 { margin-right: 45px !important; }
.mgr50 { margin-right: 50px !important; }
.mgr55 { margin-right: 55px !important; }
.mgr60 { margin-right: 60px !important; }
/* padding */
.pdt0 { padding-top: 0 !important; }
.pdt1 { padding-top: 1px !important; }
.pdt2 { padding-top: 2px !important; }
.pdt3 { padding-top: 3px !important; }
.pdt4 { padding-top: 4px !important; }
.pdt5 { padding-top: 5px !important; }
.pdt6 { padding-top: 6px !important; }
.pdt7 { padding-top: 7px !important; }
.pdt8 { padding-top: 8px !important; }
.pdt9 { padding-top: 9px !important; }
.pdt10 { padding-top: 10px !important; }
.pdt15 { padding-top: 15px !important; }
.pdt20 { padding-top: 20px !important; }
.pdt25 { padding-top: 25px !important; }
.pdt30 { padding-top: 30px !important; }
.pdt35 { padding-top: 35px !important; }
.pdt40 { padding-top: 40px !important; }
.pdt45 { padding-top: 45px !important; }
.pdt50 { padding-top: 50px !important; }
.pdt55 { padding-top: 55px !important; }
.pdt60 { padding-top: 60px !important; }
.pdl0 { padding-left: 0 !important; }
.pdl5 { padding-left: 5px !important; }
.pdl10 { padding-left: 10px !important; }
.pdl15 { padding-left: 15px !important; }
.pdl20 { padding-left: 20px !important; }
.pdl25 { padding-left: 25px !important; }
.pdl30 { padding-left: 30px !important; }
.pdl35 { padding-left: 35px !important; }
.pdl40 { padding-left: 40px !important; }
.pdl45 { padding-left: 45px !important; }
.pdl50 { padding-left: 50px !important; }
.pdl55 { padding-left: 55px !important; }
.pdl60 { padding-left: 60px !important; }
.pdr0 { padding-right: 0 !important; }
.pdr5 { padding-right: 5px !important; }
.pdr10 { padding-right: 10px !important; }
.pdr15 { padding-right: 15px !important; }
.pdr20 { padding-right: 20px !important; }
.pdr25 { padding-right: 25px !important; }
.pdr30 { padding-right: 30px !important; }
.pdr35 { padding-right: 35px !important; }
.pdr40 { padding-right: 40px !important; }
.pdr45 { padding-right: 45px !important; }
.pdr50 { padding-right: 50px !important; }
.pdr55 { padding-right: 55px !important; }
.pdr60 { padding-right: 60px !important; }
.floatL { float: left; }
.floatR { float: right; }
.alL { text-align: left; }
.alC { text-align: center; }
.alR { text-align: right; }
.vaT { vertical-align: top; }
.vaM { vertical-align: middle; }
.vaB { vertical-align: bottom; }
.disnon { display: none; }
.nowrap { white-space: nowrap; }
.w100per { width: 100%; height: auto; }
/*clear*/
.clearfix { clear: both; background: transparent; }
/* clearfix micro */
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
/*IE6,7対策 （haslayout対策）*/
.cf { *zoom: 1; }
/*================================================================================
common parts
================================================================================*/
.m-title { font-size: 20px; line-height: 1.4; }
.m-date { display: inline-block; font-size: 14px; color: #999999; line-height: 1; }
.m-categoryList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.m-categoryList li { margin-bottom: 10px; margin-right: 10px; }
.m-category { display: inline-block; line-height: 1; font-size: 16px; color: #fff; background-color: #999; padding: 5px; text-align: center; }
@media screen and (max-width: 768px) { .m-category { font-size: 14px; } }
.m-inqueryBox { padding: 30px 20px; background-color: #f0f3f3; text-align: center; margin-bottom: 30px; }
.m-inqueryBox .title { font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.m-inqueryBox .tel { margin: 5px 40px 5px 40px; font-size: 20px; font-weight: bold; line-height: 1; }
.m-inqueryBox .tel span { font-size: 34px; padding: 0 0 0 10px; }
.m-inqueryBox .text { font-size: 14px; }
.m-inqueryBox.-form input, .m-inqueryBox.-form textarea { background-color: #fff; }
.c-contact { margin-top: 0; }
.top .c-contact { margin-top: 100px; }
.m-topicPath { background-color: #999999; margin-top: 100px; }
@media screen and (max-width: 768px) { .m-topicPath { position: relative; } }
.top .m-topicPath { display: none; }
.m-topicPath .inner { width: 1080px; padding: 5px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: auto; }
@media screen and (max-width: 768px) { .m-topicPath .inner { width: auto; padding: 0 10px; } }
.m-topicPath .list { display: -webkit-box; display: -ms-flexbox; display: flex; }
.m-topicPath .list > li { position: relative; padding-right: 13px; margin-right: 10px; }
.m-topicPath .list > li::before { content: ""; position: absolute; top: 9px; right: 0; width: 8px; height: 8px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.m-topicPath .list > li:last-child::before { display: none; }
.m-topicPath .list > li a { text-decoration: none; }
.m-topicPath .list > li span { color: #fff; font-size: 13px; font-weight: bold; line-height: 1; font-size: 13px; }
/*
フォーム　bot対策用
*/
.mwform-hp { position: absolute !important; left: -9999px !important; top: auto !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
/*================================================================================
container
================================================================================*/
/*    div.container
--------------------------------------------------------------------------------*/
/*    header
--------------------------------------------------------------------------------*/
/*    div.contents
--------------------------------------------------------------------------------*/
/*    main
--------------------------------------------------------------------------------*/
.m-contents { padding-top: 60px; padding-bottom: 100px; }
.m-contents .inner { margin: auto; width: 1080px; }
@media screen and (max-width: 768px) { .m-contents .inner { width: 100%; padding: 0 20px; } }
.m-contents .inner.-wide { width: 100%; }
@media screen and (max-width: 768px) { .m-contents .inner.-wide { padding: 0; } }
.m-head { text-align: center; padding-top: 130px; margin-bottom: 50px; }
@media screen and (max-width: 768px) { .m-head { padding-top: 90px; margin-bottom: 30px; } }
.m-head .inner { 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-bottom: 1px solid #262828; padding-bottom: 20px; }
@media screen and (max-width: 768px) { .m-head .inner { padding: 0; padding-bottom: 20px; width: calc(100% - 40px); margin-left: auto; margin-right: auto; } }
.top .m-head .inner { width: 100%; padding-bottom: 50px; border-bottom: 0; }
@media screen and (max-width: 768px) { .top .m-head .inner { padding-bottom: 20px; } }
.top .m-head .inner .title { font-size: 96px; margin-top: 30px; }
@media screen and (max-width: 768px) { .top .m-head .inner .title { font-size: 76px; margin-top: 10px; } }
.top .m-head .inner .title .sub { margin-top: 10px; font-size: 50px; }
@media screen and (max-width: 768px) { .top .m-head .inner .title .sub { font-size: 36px; } }
.m-head .title { font-size: 50px; font-weight: 400; font-family: Poppins; line-height: 1; }
@media screen and (max-width: 768px) { .m-head .title { font-size: 40px; } }
.m-head .title .sub { display: block; font-size: 22px; }
@media screen and (max-width: 768px) { .m-head .title .sub { font-size: 16px; } }
.m-head .lead { font-size: 20px; margin-top: 50px; }
@media screen and (max-width: 768px) { .m-head .lead { font-size: 16px; margin-left: 20px; margin-right: 20px; margin-top: 30px; letter-spacing: -.04em; } }
.m-mainvisual { position: relative; padding-bottom: 50px; margin-bottom: 50px; }
@media screen and (max-width: 768px) { .m-mainvisual { padding-bottom: 0; } }
.m-mainvisual::before { content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; background-color: #F2F2F2; z-index: -1; width: 100%; height: 500px; }
@media screen and (max-width: 768px) { .m-mainvisual::before { height: 0px; } }
.m-mainvisual .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media screen and (max-width: 768px) { .m-mainvisual .list { background-color: #F2F2F2; padding-bottom: 50px; } }
.m-mainvisual .list li { margin: 0 35px; }
@media screen and (max-width: 768px) { .m-mainvisual .list li { margin: 0; } }
.m-mainvisual .list li a { display: block; }
@media screen and (max-width: 768px) { .m-mainvisual .list li a { width: 100vw; } }
.m-mainvisual .list li .pic { width: 560px; height: 370px; margin-bottom: 20px; background-position: center center; background-size: cover; }
@media screen and (max-width: 768px) { .m-mainvisual .list li .pic { width: 100%; height: 250px; } }
.m-mainvisual .list li .textWrap { width: 560px; }
@media screen and (max-width: 768px) { .m-mainvisual .list li .textWrap { width: auto; padding: 0 20px; } }
.m-mainvisual .list li .textWrap .m-title { margin-bottom: 20px; word-break: break-all; overflow-wrap: break-word; }
.m-mainvisual .list li .textWrap .m-date { margin-bottom: 20px; }
.m-mainvisual .list li .m-categoryList { -ms-flex-wrap: wrap; flex-wrap: wrap; width: 560px; }
@media screen and (max-width: 768px) { .m-mainvisual .list li .m-categoryList { padding: 0 20px; width: inherit; } }
.m-mainvisual .list li .m-categoryList li { margin: 0; margin-bottom: 10px; margin-right: 10px; }
@media screen and (max-width: 768px) { .m-mainvisual .list li .m-categoryList li { margin-left: 0; } }
@media screen and (max-width: 768px) { .m-mainvisual .list li .m-categoryList li a { width: inherit; } }
.m-mainvisual .slide1_arrow { width: 15px; height: 30px; position: absolute; z-index: 1; cursor: pointer; }
@media screen and (max-width: 768px) { .m-mainvisual .slide1_arrow { display: none !important; } }
.m-mainvisual .slide1_arrow_prev { background: url(../img/icon_slide_arrow_prev.svg) no-repeat; background-size: cover; display: block; top: 185px; left: 50%; margin-left: -330px; }
@media screen and (max-width: 768px) { .m-mainvisual .slide1_arrow_prev { margin-left: 0; } }
.m-mainvisual .slide1_arrow_next { background: url(../img/icon_slide_arrow_next.svg) no-repeat; background-size: cover; top: 185px; left: 50%; margin-left: 310px; }
@media screen and (max-width: 768px) { .m-mainvisual .slide1_arrow_next { margin-left: 0; } }
.m-main { width: 1080px; margin: auto; margin-top: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
@media screen and (max-width: 768px) { .m-main { width: auto; padding: 0 20px; display: block; margin-top: 50px; } }
.m-main .m-cont { -ms-flex-preferred-size: 680px; flex-basis: 680px; }
@media screen and (max-width: 768px) { .m-main .m-cont { margin-bottom: 80px; } }
.m-main .m-side { -ms-flex-preferred-size: 302px; flex-basis: 302px; }
.section-list + .section-list { margin-top: 100px; }
.section-list .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media screen and (max-width: 768px) { .section-list .list { display: block; } }
.section-list .list > li { -ms-flex-preferred-size: 325px; flex-basis: 325px; margin-bottom: 40px; }
.section-list .list > li:nth-child(2n) { margin-left: 30px; }
@media screen and (max-width: 768px) { .section-list .list > li:nth-child(2n) { margin-left: 0; } }
.section-list .list > li a { display: block; position: relative; }
.section-list .list > li a:hover { opacity: .9; }
.section-list .list > li a .icon-new { position: absolute; top: 0px; left: 0px; line-height: 1; background-color: #E94738; color: #fff; font-size: 13px; font-weight: bold; z-index: 1; padding: 5px 15px; }
.section-list .list > li .pic { width: 325px; height: 228px; margin-bottom: 10px; background-position: center center; background-size: cover; }
@media screen and (max-width: 768px) { .section-list .list > li .pic { width: 100%; height: 250px; } }
.section-list .list > li .textWrap { margin-bottom: 20px; }
.section-list .list > li .m-date { font-size: 13px; line-height: 1; margin-bottom: 20px; }
.section-list .list > li .m-title { margin-bottom: 20px; }
.section-list .list > li .text { font-size: 14px; }
.section-list .m-btn, .section-list a.m-btn { margin-top: 10px; }
.section-side + .section-side { margin-top: 60px; }
.section-side .icon-new { position: absolute; top: 0px; left: 0px; line-height: 1; background-color: #E94738; color: #fff !important; font-size: 13px; font-weight: bold; z-index: 1; padding: 5px 15px; }
.section-side .m-title1 .title { padding-bottom: 10px; }
.section-side .m-title1 .title span { font-size: 24px; }
.section-side .m-title1 .title span.en { font-size: 14px; margin-left: 20px; }
.section-side.-banner .list > li + li { margin-top: 30px; }
.section-side.-ranking .list li + li, .section-side.-newArrivals .list li + li { margin-top: 30px; }
.section-side.-ranking .list li a, .section-side.-newArrivals .list li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; }
.section-side.-ranking .list li a:hover, .section-side.-newArrivals .list li a:hover { opacity: .9; }
.section-side.-ranking .list li .pic, .section-side.-newArrivals .list li .pic { position: relative; width: 100px; height: 100px; margin-right: 20px; -ms-flex-preferred-size: 100px; flex-basis: 100px; overflow: hidden; background-position: center center; background-size: cover; }
.section-side.-ranking .list li .pic::before, .section-side.-newArrivals .list li .pic::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 50px 50px 0 0; border-color: #000000 transparent transparent transparent; position: absolute; top: 0; left: 0; }
.section-side.-ranking .list li .pic::after, .section-side.-newArrivals .list li .pic::after { content: "01"; font-size: 14px; line-height: 1; color: #fff; font-weight: bold; position: absolute; top: 8px; left: 6px; }
.section-side.-ranking .list li:nth-child(1) .pic::after, .section-side.-newArrivals .list li:nth-child(1) .pic::after { content: "01"; }
.section-side.-ranking .list li:nth-child(2) .pic::after, .section-side.-newArrivals .list li:nth-child(2) .pic::after { content: "02"; }
.section-side.-ranking .list li:nth-child(3) .pic::after, .section-side.-newArrivals .list li:nth-child(3) .pic::after { content: "03"; }
.section-side.-ranking .list li:nth-child(4) .pic::after, .section-side.-newArrivals .list li:nth-child(4) .pic::after { content: "04"; }
.section-side.-ranking .list li:nth-child(5) .pic::after, .section-side.-newArrivals .list li:nth-child(5) .pic::after { content: "05"; }
.section-side.-ranking .list li .textWrap, .section-side.-newArrivals .list li .textWrap { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.section-side.-ranking .list li .title, .section-side.-newArrivals .list li .title { font-size: 16px; }
.section-side.-ranking .list li .text, .section-side.-newArrivals .list li .text { font-size: 14px; }
.section-side.-newArrivals .list li .pic::before, .section-side.-newArrivals .list li .pic::after { display: none; }
@media screen and (max-width: 768px) { .section-side.-newArrivals .list li .pic::before, .section-side.-newArrivals .list li .pic::after { margin-top: 50px; } }
.section-side.-newArrivals .m-btnWrap { margin-top: 60px; }
.m-title1 .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 2px solid #000; padding-bottom: 20px; margin-bottom: 30px; }
@media screen and (max-width: 768px) { .m-title1 .title { padding-bottom: 10px; } }
.m-title1 .title span { font-size: 30px; font-weight: bold; line-height: 1; }
@media screen and (max-width: 768px) { .m-title1 .title span { font-size: 24px; } }
.m-title1 .title span.en { font-size: 20px; color: #999; }
@media screen and (max-width: 768px) { .m-title1 .title span.en { font-size: 16px; } }
.m-title1 .title span + span { margin-left: 30px; }
@media screen and (max-width: 768px) { .m-title1 .title span + span { margin-left: 20px; } }
.m-title2 { font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 70px; }
@media screen and (max-width: 768px) { .m-title2 { margin-bottom: 50px; } }
.m-title2 span { display: block; position: relative; line-height: 1.4; }
.m-title2 span::before { content: ""; background: url(../img/title_line.svg) no-repeat 50% 0; background-size: cover; height: 17px; display: block; position: absolute; bottom: -35px; width: 100%; }
.m-btn { line-height: 1; font-size: 18px; font-weight: bold; color: #fff; padding: 10px; text-align: center; position: relative; margin: auto; letter-spacing: .18em; padding: 20px 60px; -webkit-transition: all .3s ease; transition: all .3s ease; z-index: 1; font-weight: 600; background-color: #000; color: #fff !important; display: block; }
.m-btn.-more { width: 250px; }
.m-pagination { margin-top: 80px; }
.m-pagination .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; margin-top: 10px; }
.m-pagination .list > li { margin: 0 10px; }
.m-pagination .list > li a, .m-pagination .list > li span { line-height: 1; font-size: 20px; text-decoration: none; display: block; padding: 10px 0; text-align: center; width: 40px; height: 40px; color: #000; position: relative; border-radius: 4px; }
.m-pagination .list > li a.current, .m-pagination .list > li span.current { color: #fff; background-color: #000; }
.m-pagination .list > li .prev::before { content: ""; background: url(../img/icon_arrow_l.png) no-repeat; background-size: cover; position: absolute; top: 16px; right: 0; left: 0; margin: auto; width: 42px; height: 8px; }
@media screen and (max-width: 768px) { .m-pagination .list > li .prev::before { top: 17px; } }
.m-pagination .list > li .next::before { content: ""; background: url(../img/icon_arrow_r.png) no-repeat; background-size: cover; position: absolute; top: 16px; right: 0; left: 0; margin: auto; width: 42px; height: 8px; }
@media screen and (max-width: 768px) { .m-pagination .list > li .next::before { top: 17px; } }
.m-post .m-section + .m-section { margin-top: 60px; }
.m-post .m-postHead { position: relative; margin-bottom: 50px; }
.m-post .m-postHead .m-share { position: absolute; top: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; }
@media screen and (max-width: 768px) { .m-post .m-postHead .m-share { padding-top: 5px; } }
.m-post .m-postHead .m-share li { margin-left: 10px; }
.m-post .m-postHead .title { font-size: 28px; line-height: 1.4; margin: 10px 0 20px; }
@media screen and (max-width: 768px) { .m-post .m-postHead .title { font-size: 24px; } }
.m-post .m-postHead .m-categoryList { margin-bottom: 40px; }
@media screen and (max-width: 768px) { .m-post .m-postHead .m-categoryList { margin-bottom: 20px; } }
.m-post .m-postHead .pic img { width: 100%; max-width: inherit; }
.m-post .m-postIndex { border-top: 1px solid; height: 270px; background-color: rgba(0, 0, 0, 0.3); }
.m-postBody { margin-bottom: 40px; margin-top: -20px !important; }
.m-postBody h2 { font-size: 24px; margin-bottom: 20px; padding-bottom: 5px; position: relative; }
@media screen and (max-width: 768px) { .m-postBody h2 { font-size: 20px; } }
.m-postBody h2::before { content: ""; background-color: #E94738; width: 150px; height: 2px; display: block; position: absolute; left: 0; bottom: -2px; z-index: 2; }
@media screen and (max-width: 768px) { .m-postBody h2::before { width: 100px; } }
.m-postBody h2::after { content: ""; background-color: #000; width: 100%; height: 2px; display: block; position: absolute; left: 0; bottom: -2px; z-index: 1; }
.m-postBody h3 { font-size: 18px; margin-bottom: 18px; }
.m-postBody h4 { font-size: 16px; margin-bottom: 16px; }
.m-postBody h5 { font-size: 16px; margin-bottom: 16px; }
.m-postBody h6 { font-size: 16px; margin-bottom: 16px; }
.m-postBody pre { border: 1px solid #ccc; padding: 10px; background-color: #eee; margin-bottom: 40px; }
.m-postBody p { margin-bottom: 40px; }
.m-postBody b, .m-postBody strong { font-weight: bold; }
.m-postBody em, .m-postBody i { font-style: italic; }
.m-postBody blockquote { border: 1px solid #ccc; padding: 30px 30px; background-color: #eee; margin-bottom: 40px; position: relative; }
.m-postBody blockquote::after { position: absolute; top: 0px; right: 0px; content: '”'; font-family: sans-serif; font-size: 6em; opacity: .1; line-height: 1; }
.m-postBody blockquote p { margin-bottom: 0; }
.m-postBody ul { margin-bottom: 40px; padding-left: 30px; }
.m-postBody ol { margin-bottom: 40px; padding-left: 30px; }
.m-postBody a { color: #000; text-decoration: underline; }
.m-postBody table { width: 100%; background-color: #eee; table-layout: fixed; margin-bottom: 40px; }
.m-postBody table th { padding: 15px; border: 1px solid #cdcdcd; position: relative; }
.m-postBody table td { padding: 15px; border: 1px solid #cdcdcd; position: relative; background-color: #fff; }
.m-postBody hr { margin: 20px 0; }
.m-postBody img { width: 100%; height: auto; }
@media screen and (max-width: 768px) { .m-postBody img { max-width: inherit; width: 100%; } }
.m-postBody .alignnone { clear: both; }
.m-postBody .alignleft { text-align: left; }
.m-postBody .alignright { text-align: right; }
.m-postBody .aligncenter { text-align: center; }
.m-postBody .wp-video { width: 680px !important; position: relative; padding-bottom: 41%; height: 0; overflow: hidden; display: block; }
@media screen and (max-width: 768px) { .m-postBody .wp-video { width: 100% !important; padding-bottom: 56.25%; } }
.m-postBody .wp-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.m-postBody .b-moive { margin-bottom: 40px; }
.m-postBody .b-moive .movie { position: relative; padding-bottom: 62.5%; padding-top: 30px; height: 0; overflow: hidden; }
.m-postBody .b-moive .movie iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.m-postBody .b-col2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; }
.m-postBody .b-col2 > div { -ms-flex-preferred-size: calc(50% - 20px); flex-basis: calc(50% - 20px); }
@media screen and (max-width: 768px) { .m-postBody .b-col2 > div { -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); } }
.m-postBody .wp-caption-text { text-align: center; }
.m-postBody .gallery { width: 100%; margin-bottom: 20px !important; overflow: hidden; }
.m-postBody .gallery br { display: none; }
.m-postBody .gallery-item { float: left; margin-bottom: 0 !important; }
.m-postBody .gallery-icon { text-align: center; }
.m-postBody .gallery-icon img { width: 100%; height: auto; margin-bottom: 10px !important; }
.m-postBody .gallery-caption { color: #222; font-size: 12px; margin: 0 0 10px; text-align: center; }
.m-postBody .gallery-columns-1 .gallery-item { width: 100%; margin-right: 0; }
.m-postBody .gallery-columns-2 .gallery-item { width: 48%; margin: 0 1%; }
.m-postBody .gallery-columns-3 .gallery-item { width: 31.33333%; margin: 0 1%; }
.m-postBody .gallery-columns-4 .gallery-item { width: 23%; margin: 0 1%; }
.m-postBody .gallery-columns-5 .gallery-item { width: 18%; margin: 0 1%; }
@media screen and (max-width: 768px) { .m-postBody .gallery-columns-3 .gallery-item, .m-postBody .gallery-columns-4 .gallery-item { width: 48%; margin: 0 1%; } .m-postBody .gallery-columns-5 .gallery-item { width: 31.33333%; margin: 0 1%; } }
.m-postBody .article-sub_title { font-size: 26px; font-weight: bold; }
@media screen and (max-width: 768px) { .m-postBody .article-sub_title { font-size: 22px; } }
.m-postBody .b-linkCard { margin-bottom: 40px; padding: 30px; border: 4px solid #e8e8e8; }
@media screen and (max-width: 768px) { .m-postBody .b-linkCard { padding: 20px; } }
.m-postBody .b-linkCard p { margin-bottom: 0; }
.m-postBody .b-linkCard a { display: block; }
.m-postBody .b-linkCard a dl { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-column-gap: 30px; column-gap: 30px; row-gap: 30px; gap: 30px; }
@media screen and (max-width: 768px) { .m-postBody .b-linkCard a dl { -webkit-column-gap: 20px; column-gap: 20px; row-gap: 20px; gap: 20px; display: block; } }
.m-postBody .b-linkCard a dl dt { -ms-flex-preferred-size: 240px; flex-basis: 240px; }
@media screen and (max-width: 768px) { .m-postBody .b-linkCard a dl dt { margin-bottom: 20px; } }
.m-postBody .b-linkCard a dl dd { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.m-postBody .b-linkCard a dl dd .-head { font-weight: bold; }
@media screen and (max-width: 768px) { .m-postBody .b-linkCard a dl dd .-head { font-size: 16px; } }
.m-postBody .b-linkCard a dl dd .c-btn { width: 100%; }
.trigger-modal--mlmg + .m-profile, .trigger-modal--mlmg + .m-section { margin-top: 30px; }
.m-share + .m-profile { margin-top: 30px; }
.m-share .m-btnWrap { position: relative; }
.m-share .m-btnWrap.is-opened .m-shareBox { opacity: 1; top: -30px; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); -webkit-transition: .3s; transition: .3s; }
.m-share .m-btnWrap.is-closed .m-shareBox { -webkit-transition: .2s; transition: .2s; }
.m-share .m-btn.-share { position: relative; width: 250px; }
.m-share .m-btn.-share::after { content: ''; position: absolute; background: url(/method/assets/img/icon_share.svg) no-repeat center/contain; width: 16px; height: 18px; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.m-share .m-shareBox { position: absolute; top: 0; left: 50%; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); background-color: #fff; padding: 20px; opacity: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media screen and (max-width: 768px) { .m-share .m-shareBox { width: 250px; padding: 20px 15px; } }
.m-share .m-shareBox:before { content: ''; display: block; position: absolute; bottom: 0; left: 50%; border-style: solid; border-width: 10px 10px 0 8px; border-color: #fff transparent transparent transparent; filter: drop-shadow(0px 8px 6px rgba(0, 0, 0, 0.4)); -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%); z-index: 0; }
.m-share .m-shareBox:after { content: ''; display: block; position: absolute; bottom: 0; left: 50%; border-style: solid; border-width: 14px 10px 0 12px; border-color: #fff transparent transparent transparent; -webkit-transform: translate(-50%, 90%); transform: translate(-50%, 90%); z-index: 2; }
.m-share .m-shareBox .title { font-weight: bold; text-align: center; padding-bottom: 5px; border-bottom: 1px solid #989898; }
@media screen and (max-width: 768px) { .m-share .m-shareBox .title { padding-bottom: 0; } }
.m-share .m-shareBox .m-btn-group { 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; margin: 18px 6px 0; }
@media screen and (max-width: 768px) { .m-share .m-shareBox .m-btn-group { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 12px 16px 0; } }
@media screen and (max-width: 768px) { .m-share .m-shareBox .m-btn-group > li { width: calc((100% - 40px) / 3); } .m-share .m-shareBox .m-btn-group > li:nth-of-type(n+4) { margin-top: 15px; } }
.m-share .m-shareBox .m-btn-group > li + li { margin-left: 24px; }
@media screen and (max-width: 768px) { .m-share .m-shareBox .m-btn-group > li + li { margin-left: 20px; } }
.m-share .m-shareBox .m-btn-group > li a { display: block; cursor: pointer; font-size: 0; width: 56px; height: 56px; }
@media screen and (max-width: 768px) { .m-share .m-shareBox .m-btn-group > li a { width: 50px; height: 50px; } }
.m-share .m-shareBox .m-btn-group > li a.m-twitter { background: url(/assets/img/icon_twitter.svg) no-repeat center/contain; }
.m-share .m-shareBox .m-btn-group > li a.m-facebook { background: url(/assets/img/icon_facebook.svg) no-repeat center/contain; }
.m-share .m-shareBox .m-btn-group > li a.m-line { background: url(/method/assets/img/icon_line.svg) no-repeat center/contain; }
.m-share .m-shareBox .m-btn-group > li a.m-mail { background: url(/method/assets/img/icon_mail.svg) no-repeat center/contain; }
.m-share .m-shareBox .m-btn-group > li a.m-copy { background: url(/method/assets/img/icon_copy.svg) no-repeat center/contain; }
.m-share .m-shareBox .m-btn-group > li .text { margin-top: 5px; color: #999999; text-align: center; font-size: 1.2rem; white-space: nowrap; line-height: 1; }
.m-share .m-shareBox .m-batuBtn { position: absolute; cursor: pointer; top: -15px; right: -15px; width: 30px; height: 30px; border-radius: 50%; background-color: #000; }
.m-share .m-shareBox .m-batuBtn::before, .m-share .m-shareBox .m-batuBtn::after { content: ""; position: absolute; top: 50%; left: 50%; width: 3px; height: 15px; background: #fff; }
.m-share .m-shareBox .m-batuBtn::before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
.m-share .m-shareBox .m-batuBtn::after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }
.m-profile { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #EBEBEB; padding: 30px; }
@media screen and (max-width: 768px) { .m-profile { display: block; } }
.m-profile .pic { -ms-flex-preferred-size: 130px; flex-basis: 130px; margin-right: 30px; height: 130px; background-position: center center; background-size: cover; }
@media screen and (max-width: 768px) { .m-profile .pic { width: 130px; margin: auto; margin-bottom: 20px; } }
.m-profile .textWrap { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.m-profile .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media screen and (max-width: 768px) { .m-profile .title { display: block; } }
.m-profile .title .head { font-size: 14px; color: #999; margin-right: 10px; }
.m-profile .title .name { font-size: 20px; }
.m-profile .text { font-size: 14px; }
.solution-section2 { padding: 0; }
.solution-section2 .list li { background: #f0f3f3; padding: 10px; margin-top: 0px; margin-bottom: 20px; -ms-flex-preferred-size: calc(50% - 15px); flex-basis: calc(50% - 15px); }
@media screen and (max-width: 768px) { .solution-section2 .list li { -ms-flex-preferred-size: 100%; flex-basis: 100%; } }
.solution-section2 .list li.-wide { -ms-flex-preferred-size: 100%; flex-basis: 100%; }
.solution-section2 .list li:nth-child(n+3) { margin-top: 0; }
.solution-section2 .list li > a { display: block; position: relative; }
.solution-section2 .list li > a::before { content: ""; position: absolute; background: url(/assets/img/icon_btn_arrow.svg) no-repeat right; background-size: 41px 7px; width: 21px; height: 7px; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.solution-section2 .list li .innerList { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.solution-section2 .list li .innerList dt { -ms-flex-preferred-size: 45px; flex-basis: 45px; margin-right: 10px; }
.solution-section2 .list li .innerList dd .title1 { font-size: 16px; margin-bottom: 0; line-height: 1.2; }
.solution-section2 .list li .innerList dd .text1 { font-size: 14px; }
.m-contact .contact-leadText { text-align: center; font-size: 14px; margin-bottom: 0; line-height: 1.8; }
article section { margin: 0 !important; }
article section dl { padding: 20px 0; border: 0; }
article section dl dt { font-size: 16px; width: 33%; margin-right: 20px; }
@media screen and (max-width: 768px) { article section dl dt { width: 100%; float: none; font-size: 14px; text-align: left; } }
article section dl dd { width: 62%; }
@media screen and (max-width: 768px) { article section dl dd { width: 100%; float: none; } }
article section .textWrap { text-align: left; margin-top: 20px; }
article section .textWrap .title { margin-bottom: 0; }
article section .textWrap .text { line-height: 1.8; }
article section .formBtn { display: block; width: 450px; margin: 30px auto 0 auto; /* padding: 10px 0; */ text-align: center; font-size: 20px; font-weight: bold; color: #524E4D; border: 2px solid rgba(82, 78, 77, 0.2); border-radius: 5px; background: transparent no-repeat right center; background-size: 16px 6px; background-color: #fff; cursor: pointer; position: relative; }
@media screen and (max-width: 768px) { article section .formBtn { width: 100%; } }
article section .formBtn:hover { text-decoration: none; color: #FFFFFF; background: #524E4D no-repeat right center; background-size: 16px 6px; }
article section .formBtn input[type=submit] { width: 100%; background-color: transparent; }
#toc_container { /* border: 1px solid; */ padding: 20px 30px; overflow: hidden; -webkit-transition: .3s; transition: .3s; background: #F4F4F4; margin-bottom: 50px; }
#toc_container.isOn { /*height: 55px;*/ -webkit-transition: .3s; transition: .3s; }
#toc_container .toc_title { /* margin-bottom: 20px; */ position: relative; background: url(../img/line_index.png) repeat-x bottom left; background-size: 641px 1px; padding-bottom: 10px; }
#toc_container .toc_title::after { content: ""; display: block; background: url(../img/icon_index_arrow.png) no-repeat; background-size: cover; width: 25px; height: 12.5px; top: 0; right: 0; position: absolute; cursor: pointer; -webkit-transition: .3s; transition: .3s; }
#toc_container.isOn .toc_title::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: .3s; transition: .3s; }
#toc_container .toc_depth_1 { display: none; }
#toc_container .toc_list { padding: 0; margin: 0; }
#toc_container .toc_list > li a { margin-top: 20px; margin-bottom: 15px; display: block; position: relative; padding-left: 20px; }
#toc_container .toc_list > li a::before { content: ""; background: url(../img/icon_index_arrow_s.png) no-repeat; background-size: cover; display: block; position: absolute; top: 50%; left: 0; width: 12px; height: 6px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#toc_container .toc_list > li ul { margin: 0; padding: 0; padding-left: 20px; }
#toc_container .toc_list > li ul > li a { margin-bottom: 8px; margin-top: 0; font-size: 14px; }
.modal-bs_mlmg { background-color: transparent; z-index: 2147483647 !important; }
@media screen and (max-width: 768px) { .modal-bs_mlmg .c-modalCenter { display: -webkit-box; display: -ms-flexbox; display: flex; } }
.modal-bs_mlmg .c-modalWrap { background-color: #fff; padding: 70px 40px; }
@media screen and (max-width: 768px) { .modal-bs_mlmg .c-modalWrap { padding: 50px 20px; width: calc(100% - 40px); margin: auto; overflow-y: scroll; height: calc(100vh - 80px); } }
.modal-bs_mlmg .c-modalClose { top: 30px; right: 40px; }
@media screen and (max-width: 768px) { .modal-bs_mlmg .c-modalClose { top: 50px; right: 30px; } }
.modal-bs_mlmg .wrap + .wrap { margin-top: 50px; padding-top: 50px; border-top: 1px solid #ccc; }
@media screen and (max-width: 768px) { .modal-bs_mlmg .wrap + .wrap { margin-top: 40px; padding-top: 20px; } }
.modal-bs_mlmg .wrap .title { font-size: 28px; line-height: 1; font-weight: bold; text-align: center; margin-bottom: 30px; }
@media screen and (max-width: 768px) { .modal-bs_mlmg .wrap .title { font-size: 18px; line-height: 1.4; margin-bottom: 20px; } }
@media screen and (max-width: 768px) { .modal-bs_mlmg .wrap .list-article { display: block; } }
.modal-bs_mlmg .wrap .list-article > li { -ms-flex-preferred-size: calc(50% - 10px); flex-basis: calc(50% - 10px); }
@media screen and (max-width: 768px) { .modal-bs_mlmg .wrap .list-article > li { -ms-flex-preferred-size: 100%; flex-basis: 100%; } }
@media screen and (max-width: 768px) { .modal-bs_mlmg .wrap .list-article > li:nth-child(2) { display: none; } }
@media screen and (max-width: 768px) { .modal-bs_mlmg .wrap .list-article > li:nth-child(3) { display: none; } }
.modal-bs_mlmg .wrap .list-article > li a { display: block; -webkit-transition: .3s; transition: .3s; }
.modal-bs_mlmg .wrap .list-article > li a:hover { opacity: 1; -webkit-transition: .3s; transition: .3s; }
.modal-bs_mlmg .wrap .list-article > li a:hover img { opacity: .9; -webkit-transition: .3s; transition: .3s; }
.modal-bs_mlmg .wrap .list-article > li a:hover dd { opacity: .7; -webkit-transition: .3s; transition: .3s; }
.modal-bs_mlmg .wrap .list-article > li a .c-btn:hover { background-color: #000; }
.modal-bs_mlmg .wrap .list-article > li a .c-btn::after { display: none; }
@media screen and (max-width: 768px) { .modal-bs_mlmg .wrap .list-article dl { display: block; } }
.modal-bs_mlmg .wrap .list-article dl dt { -ms-flex-preferred-size: 240px; flex-basis: 240px; margin-right: 20px; }
@media screen and (max-width: 768px) { .modal-bs_mlmg .wrap .list-article dl dt { margin-right: 0; margin-bottom: 10px; } }
@media screen and (max-width: 768px) { .modal-bs_mlmg .wrap .list-article dl dt img { max-width: inherit; width: 100%; } }
.modal-bs_mlmg .wrap .list-article dl dd { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; }
@media screen and (max-width: 768px) { .modal-bs_mlmg .wrap .list-article dl dd { -ms-flex: inherit; flex: inherit; height: inherit; margin-bottom: 10px; } }
.modal-bs_mlmg .wrap .list-article dl dd .text { font-size: 20px; margin-bottom: 20px; }
@media screen and (max-width: 768px) { .modal-bs_mlmg .wrap .list-article dl dd .text { font-size: 16px; text-align: left; margin-bottom: 15px; } }
.modal-bs_mlmg .wrap.wrap-mlmg .text2 { text-align: center; margin-bottom: 20px; }
@media screen and (max-width: 768px) { .modal-bs_mlmg .wrap.wrap-mlmg .text2 { text-align: left; } }
.modal-bs_mlmg .wrap.wrap-mlmg .SIGNUP_FLD { position: relative; margin: 10px; display: inline-block; height: 55px; width: 660px; }
@media screen and (max-width: 768px) { .modal-bs_mlmg .wrap.wrap-mlmg .SIGNUP_FLD { margin: 0 0; width: 100%; } }
.modal-bs_mlmg .wrap.wrap-mlmg .SIGNUP_FLD.-input { position: relative; font-size: 16px; margin: 10px; text-align: left; display: inline-block; height: 55px; width: 220px; -webkit-transition: .3s; transition: .3s; }
@media screen and (max-width: 768px) { .modal-bs_mlmg .wrap.wrap-mlmg .SIGNUP_FLD.-input { width: 100%; margin: 0 0 0 0; height: inherit; } }
.modal-bs_mlmg .wrap.wrap-mlmg .SIGNUP_FLD.-input:hover { opacity: .7; -webkit-transition: .3s; transition: .3s; }
.modal-bs_mlmg .wrap.wrap-mlmg .SIGNUP_FLD.-input input { text-align: center; border-radius: 5px; width: 100%; height: 100%; z-index: 5; border: 0px; color: white; cursor: pointer; outline: none; background-color: black; margin: 0px 0px 0px -5px; font-weight: bold; }
@media screen and (max-width: 768px) { .modal-bs_mlmg .wrap.wrap-mlmg .SIGNUP_FLD.-input input { border-radius: 0 !important; margin: 0 0 0 0 !important; margin-top: 10px !important; padding: 12px 0; } }
.modal-bs_mlmg .wrap.wrap-mlmg #zcampaignOptinForm { text-align: center; }
/*    aside
----------------------------------------------------------------------------*/
/*    article & section
----------------------------------------------------------------------------*/
/*    footer
----------------------------------------------------------------------------*/
/*-------------------------- footer ----------------------------*/