.material-icons { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; overflow-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; }








































html.hs-messages-widget-open.hs-messages-mobile, html.hs-messages-widget-open.hs-messages-mobile body { overflow: hidden !important; position: relative !important; }
html.hs-messages-widget-open.hs-messages-mobile body { height: 100% !important; margin: 0px !important; }
#hubspot-messages-iframe-container { z-index: 2147483647; display: initial !important; position: fixed !important; bottom: 0px !important; }
#hubspot-messages-iframe-container:hover .hs-drag-handle--v2--widget-open--left, #hubspot-messages-iframe-container:hover .hs-drag-handle--v2--widget-open--right { display: flex !important; }
#hubspot-messages-iframe-container.widget-align-left { left: 0px !important; }
#hubspot-messages-iframe-container.widget-align-right { right: 0px !important; }
#hubspot-messages-iframe-container.widget-align-center { left: 50% !important; transform: translateX(-50%) !important; bottom: 32px !important; }
#hubspot-messages-iframe-container.hs-messages-lightbox-expanded { inset: 0px !important; width: 100% !important; height: 100% !important; z-index: 2147483647 !important; transform: none !important; }
#hubspot-messages-iframe-container.hs-messages-lightbox-expanded iframe { position: fixed !important; inset: 0px !important; width: 100% !important; height: 100% !important; }
#hubspot-messages-iframe-container.internal { z-index: 1111; }
#hubspot-messages-iframe-container.internal iframe { min-width: 108px; }
#hubspot-messages-iframe-container .hs-shadow-container { z-index: -1; position: absolute; width: 0px; height: 0px; bottom: 0px; content: ""; display: initial !important; }
#hubspot-messages-iframe-container .hs-shadow-container.internal { display: none !important; }
#hubspot-messages-iframe-container .hs-shadow-container.active { width: 400px; height: 400px; }
#hubspot-messages-iframe-container iframe { display: initial !important; width: 100% !important; height: 100% !important; border: none !important; position: absolute !important; bottom: 0px !important; right: 0px !important; background: transparent !important; }
#hubspot-messages-iframe-container .hs-drag-handle--v2--widget-open--right { bottom: 20px; left: -5px; display: none !important; }
#hubspot-messages-iframe-container .hs-drag-handle--v2--widget-open--left { bottom: 20px; right: -5px; display: none !important; }
.hs-drag-handle { position: absolute; cursor: grab; height: 60px; display: none; align-items: center; transition: opacity 0.5s 0.5s; opacity: 1; }
.hs-drag-handle--v1--right { right: 82px; bottom: 12px; }
.hs-drag-handle--v1--left { left: 82px; bottom: 12px; }
.hs-drag-handle--v2--pill-launcher--right { bottom: 20px; left: 10px; }
.hs-drag-handle--v2--pill-launcher--left { bottom: 20px; right: 10px; }
.hs-drag-handle--v2--hidden--left, .hs-drag-handle--v2--hidden--right { opacity: 0 !important; pointer-events: none !important; transition: none !important; }
.hs-drag-overlay { position: absolute; inset: 0px; user-select: none; z-index: 999; display: none; }
@media print {
  #hubspot-messages-iframe-container.hs-widget-hide-on-print { display: none !important; }
}

.go2933276541 { position: fixed; display: block; width: 100%; height: 0px; margin: 0px; padding: 0px; overflow: visible; transform-style: preserve-3d; background: transparent; backface-visibility: hidden; pointer-events: none; left: 0px; z-index: 9998; }
.go2369186930 { top: 0px; z-index: 9999; height: 100%; width: 100%; }
.go1348078617 { bottom: 0px; }
.go2417249464 { position: fixed; z-index: 9989; }
.go3921366393 { left: 0px; bottom: 0px; }
.go3967842156 { right: 0px; bottom: 0px; }
.go613305155 { left: 0px; top: 0px; }
.go471583506 { right: 0px; top: 0px; }
.go3670563033 { position: relative; overflow: hidden; display: none; }
.go1041095097 { display: block; }
.go1632949049 { position: absolute; pointer-events: none; width: 101vw; height: 101vh; background: rgba(0, 0, 0, 0.7); opacity: 0; z-index: -1; }
.go2512015367 { z-index: 99998; opacity: 0.8; visibility: visible; pointer-events: all; cursor: pointer; }
.go1432718904 { overflow: hidden; }
.go812842568 { border: none; margin: 0px; display: block !important; position: static !important; box-sizing: border-box !important; background: transparent !important; min-height: 0px !important; max-height: none !important; padding: 0px !important; height: 100% !important; width: 1px !important; max-width: 100% !important; min-width: 100% !important; }
.go722322694 { transition: none !important; }
.go3064412225 { z-index: 99999; visibility: hidden; position: absolute; inset: 50% auto auto 50%; transform: translate(-50%, -50%) translateY(100vh); pointer-events: none; max-height: 95%; max-width: 95%; }
.go1656994552 { visibility: visible; transform: translate(-50%, -50%) translateY(0px); transition: transform 0.75s linear(0 0%, 0.006 1.1%, 0.023 2.2%, 0.096 4.8%, 0.532 15.4%, 0.72 21%, 0.793 23.85%, 0.853 26.7%, 0.902 29.8667%, 0.941 33.0333%, 0.968 36.2%, 0.987 39.7%, 1 43.7%, 1.007 48.3%, 1.009 55.3%, 1.002 78.2%, 1 100%); pointer-events: auto !important; }
.go456419034 { transition: opacity 0.3s ease-in; }
.go3128134379 { transition: max-height 1s ease-in; pointer-events: auto !important; visibility: visible !important; max-height: 95vh !important; }
.go494047706 { z-index: 9999; width: 100%; max-height: 95%; position: fixed; visibility: hidden; }
.go2481764524 { z-index: 9999; width: 100%; max-height: 95%; position: fixed; visibility: hidden; bottom: 0px; }
.go2685733372 { visibility: hidden; }
.go2985984737 { visibility: visible !important; }
.go3281949485 { pointer-events: auto !important; visibility: visible !important; max-height: 95vh !important; transform: none !important; }
.go3508454897 { z-index: 9999; width: 100%; max-height: 95%; position: fixed; visibility: hidden; transition: transform 1s linear(0 0%, 0.006 1.15%, 0.022 2.3%, 0.091 5.1%, 0.18 7.6%, 0.508 16.3%, 0.607 19.325%, 0.691 22.35%, 0.762 25.375%, 0.822 28.4%, 0.872 31.75%, 0.912 35.1%, 0.944 38.9%, 0.968 43%, 0.985 47.6%, 0.996 53.1%, 1.001 58.4%, 1.003 65.1%, 1 100%); }
.go988075951 { z-index: 9999; position: fixed; left: 10px; top: 10px; max-width: 95%; visibility: hidden; max-height: 95vh !important; }
.go2699082514 { z-index: 9999; position: fixed; right: 10px; top: 10px; max-width: 95%; visibility: hidden; max-height: 95vh !important; }
.go1595992025 { z-index: 9999; position: fixed; left: 10px; bottom: 10px; max-width: 95%; visibility: hidden; max-height: 95vh !important; }
.go1222083472 { z-index: 9999; position: fixed; right: 10px; bottom: 10px; max-width: 95%; visibility: hidden; max-height: 95vh !important; }
.go26732895 { cursor: pointer; }
.go2083580917 { display: flex; justify-content: center; align-items: center; }

.tp-backdrop { display: none; position: fixed; inset: 0px; background: rgb(18, 18, 20); z-index: 300000; opacity: 0; transition: opacity 0.25s linear; }
.tp-backdrop.tp-active { opacity: 0.9; }
.tp-modal .tp-close.tp-square { background: rgb(204, 204, 204); border-radius: 0px; border: 0px; top: 0px; right: -40px; }
.tp-modal .tp-close { pointer-events: none; position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.51 7.208l-.706-.708-2.798 2.798L7.207 6.5l-.707.707 2.798 2.799L6.503 12.8l.707.707 2.796-2.795 2.792 2.792.707-.707-2.792-2.792 2.798-2.798z' fill='%23000' fill-opacity='.4'/%3E%3C/svg%3E") center center no-repeat rgb(255, 255, 255); border: none; box-shadow: rgba(28, 37, 68, 0.15) 0px 0px 10px; outline: none; z-index: 300100; border-radius: 40px; opacity: 0; cursor: pointer; appearance: none; transform: scale(1); }
.tp-modal .tp-modal-title { position: absolute; padding: 3px; top: 5px; left: -200em; }
.tp-modal .tp-close:hover, .tp-modal .tp-close:focus { box-shadow: rgba(28, 37, 68, 0.15) 0px 0px 10px 2px; }
.tp-modal .tp-close:focus { border: 1px solid; }
.tp-modal .tp-close.tp-active { display: block; opacity: 1; pointer-events: auto; }
.tp-modal .tp-iframe-wrapper[dir="rtl"] .tp-close { right: initial; left: -20px; }
.tp-modal .tp-iframe-wrapper.piano-id-modal-ver-2 .tp-close { top: 0px; right: 0px; width: 64px; height: 64px; box-shadow: none; outline: none; border-radius: 0px; border-left: 1px solid rgba(15, 15, 21, 0.2); background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg %3E%3Cpath d='M3 3L13 13M13 3L3 13' stroke='%230F0F15' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A") center center no-repeat; }
.tp-modal .tp-iframe-wrapper.piano-id-modal-ver-2 .tp-close.tp-active { opacity: 0.3; }
.tp-modal .tp-iframe-wrapper.piano-id-modal-ver-2 .tp-close.tp-active:hover, .tp-modal .tp-iframe-wrapper.piano-id-modal-ver-2 .tp-close.tp-active:focus, .tp-modal .tp-iframe-wrapper.piano-id-modal-ver-2 .tp-close.tp-active:focus-visible { border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 1px solid rgba(15, 15, 21, 0.06); opacity: 1; box-shadow: none; }
.tp-modal .tp-iframe-wrapper.piano-id-modal-ver-2 .tp-close.tp-active:focus-visible::after { content: ""; width: 24px; height: 24px; border-radius: 4px; border: 1px solid rgb(59, 103, 178); position: absolute; top: 19px; left: 18px; display: inline-block; }
.tp-modal .tp-iframe-wrapper.piano-id-modal-ver-2[dir="rtl"] .tp-close { right: auto; left: 0px; border-left: none; border-right: 1px solid rgba(15, 15, 21, 0.2); }
.tp-modal .tp-iframe-wrapper.piano-id-modal-ver-2[dir="rtl"] .tp-close:hover, .tp-modal .tp-iframe-wrapper.piano-id-modal-ver-2[dir="rtl"] .tp-close:focus { border-left: none; border-right: 1px solid rgba(15, 15, 21, 0.06); }
.tp-modal { z-index: 300050; }
@media screen and (max-width: 650px) {
  .tp-modal .tp-close { right: 0px; }
  .tp-modal .tp-iframe-wrapper[dir="rtl"] .tp-close { right: initial; left: 0px; }
}
.tp-modal .tp-iframe-wrapper.tp-curtain { width: 600px; height: 480px; }
.tp-modal-open { height: 100vh; overflow: hidden !important; }
.tp-modal-open.tp-modal-resizing { }
.tp-modal-close { overflow: auto; }
.tp-iframe-wrapper { position: relative; margin: 50px auto; box-shadow: rgba(0, 0, 0, 0.21) 0px 0px 10px; }
.tp-iframe-wrapper.no-shadow { box-shadow: unset; }
.tp-modal { overflow-x: hidden; display: none; position: fixed; inset: 0px; transform: translateZ(0px); overflow-y: scroll !important; }
.tp-modal .tp-message { font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif; padding: 10px; }
.tp-modal .tp-btn-container { padding-left: 10px; padding-bottom: 10px; }
.tp-cxense-placeholder-modal { width: 100%; background-color: rgb(255, 255, 255); max-width: 912px; display: block; overflow: hidden; height: auto; opacity: 1; }
.tp-widget-placeholder > div::after { display: block; content: ""; clear: both; }
.tp-btn { text-decoration: none; cursor: pointer; padding: 0px 18px; line-height: 40px; border-collapse: separate; border-radius: 4px; text-align: center; vertical-align: middle; display: inline-block; color: rgb(255, 255, 255); border: none; box-shadow: rgba(216, 218, 221, 0) 0px -1px inset; background: center bottom rgb(56, 120, 216); text-shadow: none; font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif; white-space: nowrap; outline: 0px; }
.tp-please-wait.tp-active { display: block; opacity: 0.9; transition: opacity 0.25s linear; }
.tp-please-wait { position: absolute; top: 0px; left: 0px; background-color: rgb(153, 153, 153); opacity: 0; width: 100%; height: 100%; display: none; text-align: center; color: rgb(255, 255, 255); font-weight: lighter; font-family: "Noto Sans Arabic", sans-serif; font-size: 15px; }
.tp-please-wait.tp-overlap { position: fixed; z-index: 300150; }
.tp-please-wait.tp-local-overlap { position: absolute; }
.tp-please-wait > .tp-icon { width: 80px; height: 80px; margin: 100px auto 20px; }
.pn-spinner { color: gray; display: inline-block; position: relative; width: 80px; height: 80px; }
.pn-spinner div { transform-origin: 40px 40px; animation: 1.2s linear 0s infinite normal none running pn-spinner; }
.pn-spinner div::after { content: " "; display: block; position: absolute; top: 3px; left: 37px; width: 6px; height: 18px; border-radius: 20%; background: rgb(255, 255, 255); }
.pn-spinner div:nth-child(1) { transform: rotate(0deg); animation-delay: -1.1s; }
.pn-spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -1s; }
.pn-spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s; }
.pn-spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s; }
.pn-spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s; }
.pn-spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s; }
.pn-spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s; }
.pn-spinner div:nth-child(8) { transform: rotate(210deg); animation-delay: -0.4s; }
.pn-spinner div:nth-child(9) { transform: rotate(240deg); animation-delay: -0.3s; }
.pn-spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s; }
.pn-spinner div:nth-child(11) { transform: rotate(300deg); animation-delay: -0.1s; }
.pn-spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; }
@keyframes pn-spinner { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
.tp-please-wait > .tp-icon.tp-centered { margin: 0px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.tp-iframe-wrapper.no-width .tp-close, .tp-iframe-wrapper.no-height .tp-close, .tp-modal.no-width .tp-close, .tp-modal.no-height .tp-close { display: none; }
.tp-banner { position: fixed; bottom: 0px; left: 0px; width: 100%; }
.tp-banner > .tp-container-inner, .tp-banner > .tp-container-inner > iframe { width: inherit !important; }
.tp-modal-overscroll-prevented { overscroll-behavior: contain; width: 100%; overflow-x: unset; overflow-y: scroll; }
.tp-scroll-prevented { height: 100vh; overflow: hidden; touch-action: none; }
.tp-body-scroll-prevented { touch-action: none; }
.piano-widget-container-fade { opacity: 0; animation: 0.5s ease-in-out 0s 1 normal none running piano-widget-fade; }
@keyframes piano-widget-fade { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

/*
 * See: https://fonts.google.com/license/googlerestricted
 */
/* vietnamese */

/* latin-ext */

/* latin */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* greek-ext */

/* greek */

/* hebrew */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* greek-ext */

/* greek */

/* hebrew */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* greek-ext */

/* greek */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* greek-ext */

/* greek */

/* vietnamese */

/* latin-ext */

/* latin */

/* armenian */

/* bengali */

/* canadian-aboriginal */

/* cyrillic-ext */

/* cyrillic */

/* devanagari */

/* ethiopic */

/* georgian */

/* greek-ext */

/* greek */

/* gujarati */

/* gurmukhi */

/* hebrew */

/* khmer */

/* lao */

/* malayalam */

/* oriya */

/* sinhala */

/* symbols */

/* tamil */

/* telugu */

/* thai */

/* vietnamese */

/* latin-ext */

/* latin */

/* armenian */

/* bengali */

/* canadian-aboriginal */

/* cyrillic-ext */

/* cyrillic */

/* devanagari */

/* ethiopic */

/* georgian */

/* greek-ext */

/* greek */

/* gujarati */

/* gurmukhi */

/* hebrew */

/* khmer */

/* lao */

/* malayalam */

/* oriya */

/* sinhala */

/* symbols */

/* tamil */

/* telugu */

/* thai */

/* vietnamese */

/* latin-ext */

/* latin */

/* fallback */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* math */

/* symbols */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* math */

/* symbols */

/* vietnamese */

/* latin-ext */

/* latin */

/* fallback */

/* cyrillic-ext */

/* cyrillic */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* vietnamese */

/* latin-ext */

/* latin */

/* devanagari */

/* latin-ext */

/* latin */

/* devanagari */

/* latin-ext */

/* latin */

/* vietnamese */

/* latin-ext */

/* latin */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* greek-ext */

/* greek */

/* hebrew */

/* math */

/* symbols */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* greek-ext */

/* greek */

/* hebrew */

/* math */

/* symbols */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* greek-ext */

/* greek */

/* hebrew */

/* math */

/* symbols */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic */

/* vietnamese */

/* latin-ext */

/* latin */

/* devanagari */

/* latin-ext */

/* latin */

/* devanagari */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* greek-ext */

/* greek */

/* math */

/* symbols */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* greek-ext */

/* greek */

/* math */

/* symbols */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* greek-ext */

/* greek */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* greek-ext */

/* greek */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* greek-ext */

/* greek */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* greek-ext */

/* greek */

/* vietnamese */

/* latin-ext */

/* latin */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* greek-ext */

/* greek */

/* vietnamese */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* greek-ext */

/* greek */

/* latin-ext */

/* latin */

/* cyrillic-ext */

/* cyrillic */

/* greek-ext */

/* greek */

/* latin-ext */

/* latin */

/* latin */


.google-symbols {
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

@CHARSET "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,form, fieldset, input, textarea, p, blockquote, th, td {padding: 0;margin: 0;}
a {text-decoration: none;}
table {border-spacing: 0;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-weight: normal;font-style: normal;}
strong {font-weight: bold;}
ol, ul {list-style: none;margin: 0;padding: 0;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;margin: 0;padding: 0;color: #000;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}
p {padding-bottom:15px;}
a {color: #000000;}
a:hover {color: #f38004;}
a:hover img {opacity: 0.6;}
input {-webkit-appearance: textfield;background-color: white;-webkit-rtl-ordering: logical;cursor: text;padding: 1px;border-width: 2px;border-style: inset;border-color: initial;border-image: initial;}
img {width:100%;height:auto;vertical-align:top;}
img[src$=".svg"]{width:100%;}
html {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

/* body */
body {
  font-family: "Noto Sans Arabic", sans-serif;
  color: #000000;
  font-size: 16px;
  letter-spacing:0;
  line-height: 1.5;
  -webkit-text-size-adjust:100%;
  word-break: break-all;
}

.is_pc{ display: block; }
.is_sp{ display: none; }
@media screen and (max-width:1112px){
  .is_pc{ display: none; }
  .is_sp{ display: block; }
}

/* -------------- link -------------- */
a {outline: none;}
a img {outline:none;}
a:focus, *:focus {outline:none;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:active{text-decoration:none;}
a:hover,a:hover img{
  text-decoration:none;
  opacity:0.7;
  transition:0.3s;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/*infinite-scroll*/
#scroll_area{
  margin:0;padding:0;
}
#scroll_area .post_article{
  margin:0;padding:0;
}
#infscr-loading{
  display:block;
  position:relative;
  margin:0 auto;
  padding:10px 0;
  width:100%;
  height:20px;
  text-align:center;
}
#infscr-loading img{
  width:20px;
  height:20px;
  margin:0 auto;
  display:inline-block;
  position:relative;
}

/*-----------modal_about----------*/
.modalbg {
  position:fixed;
  margin:0;padding:0;
  top:0;
  left:0;
  z-index:9999;
  display:none;
  width:100%;
  height:100%;
  /*background-color:rgba(0,0,0,0.75);*/
}
.modalbg_btn{
  position:absolute;
  margin:0;padding:0;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.75);
  z-index:-1;
}
/* modal content */
.modalContent {
  display: none;
  position:absolute;
  margin:0;padding:0;
  width:100%;
  height:100%;
  z-index:99999;
}
.modal_about_innr{
  position:absolute;
  margin: auto;
  padding:0;
  width:728px;
  height:auto;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
.modal_about_conts{
  position:relative;
  margin:0 auto;
  padding:0;
  width:100%;
  border-radius:15px;
  overflow:hidden;
  background-color:#fff;
}
.modal_about_img{
  margin:0;padding:0;
  width:100%;
  height:auto;
}
.modal_about_detail{
  margin:0;
  padding:40px;
}
.modal_about_ttl{
  margin:0 0 20px 0;
  padding:0;
  text-align:left;
  font-size:18px;
  line-height:27px;
}
.modal_about_txt{
  margin:0 0 38px 0;
  padding:0;
  text-align:left;
  font-size:14px;
  line-height:24px;
}
/*adtag_sp*/
.adtag_sp{
  margin-bottom:20px;
  text-align:center;
}
@media screen and (max-width:1112px) {
  .adtag {
    margin-bottom: 20px;
    text-align: center;
  }
}
@media screen and (max-width:1112px){
  .modal_about_innr{
    width:90vw;
  }
  .modal_about_detail{
    padding:20px;
  }
  .modal_about_ttl{
    margin:0 0 10px 0;
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  .modal_about_txt{
    margin:0 0 20px 0;
    font-size: 0.7rem;
    line-height: 1.4rem;
  }
  .modal_about_detail .comm_more_btn{
    margin:0 auto 2vw auto;
  }
  .modal_about_detail .comm_more_btn a{
    margin:0 auto;
    width:75vw;
  }
}

/*-----------content-----------*/
#content {
  margin:0;padding:0;
  width:100%;
}
#content .content-inner{
  margin:0 auto;
  padding:0;
  width: 1112px;
}
/*main_content*/
#main_content{
  position:relative;
  margin:0 auto 100px auto;
  padding:0;
  width:100%;
  min-width:1112px;
}
@media screen and (max-width:1112px){
  #content {
    margin:50px 0 0 0;
  }
  #content .content-inner{
    width:100vw;/*90vw;*/
  }
  #main_content{
    min-width:initial;
    min-width:auto;
    width:100vw;
  }
}

/*img_keyword_list*/
.img_keyword_list{
  margin:0;padding:0;
}
.img_keyword_list a{
  display:inline-block;
  margin-right:10px;
  margin-bottom: 2px;
  padding:5px 10px;
  font-size:12px;
  line-height:18px;
  letter-spacing:0;
  color:#000;
  font-feature-settings:"palt";
  text-decoration:underline;
  border-radius:30px;
  background-color:#fff;
}
.topics_content .col_left .aside_keyword_list a{
  padding:0 17px;
  font-size:14px;
  line-height:40px;
}
.topics_content .aside_keyword_list li{
  margin-bottom:20px;
}
@media screen and (max-width:1112px){
  .topics_content .col_left .aside_keyword_list a{
    padding:0 13px;
    font-size: 0.9rem;
    line-height:30px;
  }
  .img_keyword_list a{
    margin-right:5px;
    font-size:0.6rem;
    line-height:1rem;
    padding:5px 10px;
  }
}

/*-----------breadcrumb_list -----------*/
.breadcrumb_list{
  margin:0 auto;
  padding:20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  width:100%;
}
.breadcrumb_list li{
  position:relative;
  margin:0 10px 0 0;
  padding:0;
  font-size:12px;
  color:#000;
}
.breadcrumb_list li::after{
  content:'/';
  margin-left:8px;
}
.breadcrumb_list li:last-child{
  margin-right:0;
}
.breadcrumb_list li:last-child::after{
  content:'';
}
.breadcrumb_list a{
  color:#000;
  text-decoration:none;
}
.breadcrumb_list a:hover{
  color:#f38004;
}
.breadcrumb_list a.breadcrumb_home{
  position:relative;
  margin:0;
  padding:0 0 0 23px;
}
.breadcrumb_list a.breadcrumb_home::before{
  content:'';
  position:absolute;
  width:16px;
  height:14px;
  margin: 1px 0 0 -22px;
  background-image:url('../img/a48084e9371.png');
  background-repeat:no-repeat;
  background-position:center;
  background-size:auto;
}
@media screen and (max-width:1112px){
  .breadcrumb_list{
    padding:10px;
    width:auto;
  }
  .breadcrumb_list li{
    font-size: 0.7rem;
  }
}

/*contents_lead_ttl*/
.contents_lead_ttl{
  margin:0 auto 30px auto;
  padding:0;
  text-align:left;
  font-size:26px;
  font-weight:600;
  width:100%;
}
/*comm_more_btn*/
.comm_more_btn{
  display: block;
  margin: 0 auto;
  width: 248px;
  text-align: center;
}
.comm_more_btn a{
  display: block;
  margin:0 auto;
  color: #000;
  border: 1px solid #ccc;
  border-radius: 25px;
  width: 248px;
  height: 50px;
  font-size: 14px;
  line-height: 50px;
  background-color: #fff;
  transition:0.3s;
  opacity:1;
}
.comm_more_btn a:hover{
  color: #fff;
  border: 1px solid #000;
  background-color: #000;
}
.js_article_more{
  display: block;
  margin: 0 auto;
  width: 248px;
  text-align: center;
  color: #000;
  border: 1px solid #ccc;
  border-radius: 25px;
  height: 50px;
  font-size: 14px;
  line-height: 50px;
  background-color: #fff;
  transition:0.3s;
  opacity:1;
}
@media screen and (min-width: 1113px) {
  .js_article_more:hover {
    color: #fff;
    border: 1px solid #000;
    background-color: #000;
  }
}
@media screen and (max-width:1112px){
  .contents_lead_ttl{
    margin:0 auto 3vw auto;
    width:90vw;
    font-size:1.1rem;
  }
  .comm_more_btn{
    margin: 4vw auto;
    width: 80vw;
  }
  .comm_more_btn a{
    width:70vw;
  }
}

/*-----------page-top-----------*/
#page-top {
  position: fixed;
  margin:0;padding:0;
  z-index:500;
  bottom:0;
  right:0;
  font-size: 77%;
}
#page-top a {
  position:relative;
  display: block;
  width:55px;
  height:55px;
  background-color:#003457;
  text-indent: -9999px;
  -webkit-transition: background-color 0.3s ease-out;
  -ms-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
  z-index:5;
}
#page-top a::before{
  content:'';
  position:absolute;
  width:2px;
  height:14px;
  left:27px;
  top:26px;
  background-color:#fff;
  z-index:2;
}
#page-top a::after{
  content:'';
  position:absolute;
  width:14px;
  height:14px;
  top:18px;
  left:20px;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index:2;
}
@media screen and (max-width:1112px){
  #page-top a:hover{
    opacity:1;
  }
}

/*----------------------------------------
header
----------------------------------------*/
#header{
  position: relative;
  width:100%;
}
#header .content-inner {
  position: relative;
  margin:0 auto;
  width:1112px;
}
#header #logo{
  padding:26px 0 6px 0;
  width:416px;
  height:auto;
  transition:0.3s;
}
/*----------hd_mail_btn----------*/
.hd_mail_btn{
  position:absolute;
  margin:0;padding:0;
  height:40px;
  right:447px;
  top:-74px;
  border:1px solid #cccccc;
  box-sizing:border-box;
  border-radius:20px;
}
.hd_mail_btn a{
  position:relative;
  display:block;
  margin:0;
  padding:0 22px 0 50px;
  height:40px;
  font-size:12px;
  line-height:40px;
  font-weight:600;
  color:#003457;
}
.hd_mail_btn a::before{
  content:'';
  position:absolute;
  width:19px;
  height:14px;
  top:50%;
  left:22px;
  margin-top:-7px;
  background-image:url('../img/a1d8b0d5c5a.png');
  background-repeat:no-repeat;
  background-position:center;
  background-size:19px 14px;
}
/*----------hd_facebook_btn----------*/
.hd_facebook_btn{
  position:absolute;
  margin:0;padding:0;
  width:40px;
  height:40px;
  right:60px;
  top:-74px;
}
/*----------hd_twitter_btn----------*/
.hd_twitter_btn{
  position:absolute;
  margin:0;padding:0;
  width:40px;
  height:40px;
  right:0;
  top:-74px;
}
/*----------searcharea----------*/
#header #searcharea {
  position: absolute;
  right:120px;
  top:-74px;
  background-image:url('../img/a33eeefc73c.png');
  background-repeat:no-repeat;
  background-position:left 11px center;
  background-size:24px;
}
#header #searcharea form{
  margin:0;padding:0;
  height:40px;
  border:1px solid #cccccc;
  box-sizing:border-box;
  border-radius:20px;
  overflow:hidden;
}
#header #searcharea input {
  padding:0;
  height: 40px;
  border: none;
}
#header #searcharea input[type="text"]{
  display: inline-block;
  margin-left:10px;
  padding-left:5px;
  width:220px;
  font-size:13px;
  background-color:transparent;
}
#header #searcharea input[type="text"]:focus{
  outline: 0;
}
#header #searcharea input[type="submit"] {
  position:relative;
  margin:0;padding:0;
  top:-1px;
  right:-1px;
  height:40px;
  width:70px;
  text-align:center;
  font-size:13px;
  font-weight:600;
  color:#fff;
  cursor:pointer;
  border-left:1px solid #cccccc;
  box-sizing:border-box;
  background-color:#003457;
}
#header #searcharea input[type="submit"]:hover{
  opacity:0.6;
}
#header ::-ms-input-placeholder { opacity:#fff;opacity:0; }
#header :-ms-input-placeholder { color:#fff;opacity:0; }
#header ::placeholder { color:#fff;opacity:0; }
@media screen and (max-width:1112px){
  #header {
    position:fixed;
    padding:0;
    width:100vw;
    height:50px;
    top:0;
    left:0;
    background-color:#fff;
    border-bottom:1px solid#ccc;
    z-index:999;
  }
  #header .content-inner {
    padding-bottom:0;
    width:100vw;
  }
  #header #logo{
    margin:0 auto;
    padding:6px 0 0 0;
    width:123px;
  }
  #header #about-spv {
    position: absolute;
    top: 73px;
    text-align: right;
    margin-right: 15px;
  }

  .hd_facebook_btn{
    display:none;
  }
  .hd_twitter_btn{
    display:none;
  }
  /*sp_searcharea*/
  #header #searcharea {
    position: relative;
    top: auto;
    right: auto;
    overflow: hidden;
    padding: 2vw 3vw;
    border-top:1px solid #486c85;
    border-bottom:1px solid #486c85;
    background-image:none;
    background-color:#002239;
  }
  #header #searcharea form {
    position:relative;
    padding-right:50px;
    width:100%;
    height:40px;
    border-radius:6px;
    font-size: 16px;
    line-height: 26px;
    border: 1px solid #fff;
    background-color:#fff;
  }
  #header #searcharea input[type="text"] {
    width: 100%;
    margin-left:0;
    margin-right:0;
    padding-left:10px;
    font-size:16px;/*0.9rem;*/
  }
  #header #searcharea input[type="submit"] {
    position:absolute;
    border:none;
    font-size:0;
    background-color:transparent;
    width:24px;
    height:24px;
    top:50%;
    right:7px;
    transform:translate(0,-50%);
    background-image: url('../img/a3ea05f65e3.png');
    background-repeat: no-repeat;
    background-position:center;
    background-size:cover;
  }
  #header ::-ms-input-placeholder { opacity:#666;opacity:1; }
  #header :-ms-input-placeholder { color:#666;opacity:1; }
  #header ::placeholder { color:#666;opacity:1; }
}

/*----------menu----------*/
#fixedBox{
  position:relative;
  margin:0;padding:0;
  width:100%;
  text-align:center;
  z-index:9999;
}
#menu {
  display: block;
  margin:0 auto;
  width:100%;
  min-width: 1112px;
  height:80px;
  opacity:1;
  letter-spacing: 0em;
  background: #fff;
  border-top:1px solid #cdcdcd;
  border-bottom:1px solid #cdcdcd;
  box-sizing: border-box;
}
#menu ul.flexnav {
  position:relative;
  margin:0;padding:0;
  list-style:none;
  width:1112px;/*100%;*/
  height:80px;
  text-align:center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}
#menu ul.flexnav li {
  position:relative;
  display:inline-block;
  margin:0;
  padding:0;
  text-align: center;
  height:80px;
  width:158px;
  vertical-align: middle;
}
#menu ul.flexnav li:last-child{
  margin-right:0;
}
#menu ul.flexnav li.btn_top,
#menu ul.flexnav li.btn_about,
#menu ul.flexnav li.sp_btn_other{
  display:none;
}
#menu ul.flexnav a {
  position: relative;
  display: block;
  padding: 0;
  height:100%;
  color: #000;
  font-size:15px;
  font-weight: bold;
  text-decoration: none;
  letter-spacing:0;
  white-space: nowrap;
  transition:0.3s;
}
#menu ul.flexnav a span.navi_span{
  display:block;
  padding-top:20px;
  padding-bottom:5px;
  text-align:center;
  font-size:11px;
  color:#666;
  transition:0.3s;
}
#menu ul.flexnav a:hover,#menu ul.flexnav a:hover span.navi_span{
  color: #f38004!important;
}
#menu ul.flexnav li.active {}
#menu ul.flexnav li.active::after{
  content: '';
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: #3b7914;
  background: -moz-linear-gradient(left, #5e365d 1%, #b4007b 16%, #e27b30 32%, #ffea00 50%, #4fa000 66%, #008e9d 84%, #0098dd 100%);
  background: -webkit-linear-gradient(left, #5e365d 1%, #b4007b 16%, #e27b30 32%, #ffea00 50%, #4fa000 66%, #008e9d 84%, #0098dd 100%);
  background: linear-gradient(to right, #5e365d 1%, #b4007b 16%, #e27b30 32%, #ffea00 50%, #4fa000 66%, #008e9d 84%, #0098dd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e365d', endColorstr='#0098dd',GradientType=1 );
}
#menu .btn_event{
  margin:10px 0 0 5px;
  padding:0;
  height:57px;
  color:#fff;
  border-radius:5px;
  background-color:#c24e00;
  transition:0.3s;
}
#menu .btn_topics{
  margin:10px 0 0 10px;
  padding:0;
  height:57px;
  color:#fff;
  border-radius:5px;
  background-color:#2b7a00;
  transition:0.3s;
}
#menu .btn_event span,#menu .btn_topics span{
  display:block;
  padding-top:7px;
  padding-bottom:3px;
  text-align:center;
  font-size:11px;
  color:#fff;
}
#menu a:hover .btn_event,#menu a:hover .btn_topics{
  opacity:0.6;
}
/*sp_btn_other*/
#menu ul.flexnav li.sp_btn_other{
  border:none;
  text-align:center;
  padding:7vw 0 4vw 0!important;
}
#menu ul.flexnav li.sp_btn_other:last-child{
  padding:0 0 7vw 0!important;
}
#menu ul.flexnav li.sp_btn_facebook{
  padding:0 0 4vw 0!important;
}
#menu ul.flexnav li.sp_btn_twitter{
  padding:0 0 7vw 0!important;
}
#menu ul.flexnav li.sp_btn_other a{
  position:relative;
  display:block;
  margin:0 auto;
  padding:0;
  width:325px;/*85vw;*/
  height:45px;
  font-size:0.9rem;
  line-height:45px;
  color:#003457;
  text-decoration:none;
  border-radius:23px;
  background-color:#fff;
}
#menu ul.flexnav li.sp_btn_other a:hover{
  color:#003457!important;
}
#menu ul.flexnav li.sp_btn_other a::after{
  border:none;
}
#menu ul.flexnav li.sp_btn_other a.sp_btn_mail::before{
  content: '';
  position: absolute;
  width:25px;
  height:18px;
  top: 50%;
  left:55px;/*16vw;*/
  margin-top: -9px;
  background-image: url('../img/a1d8b0d5c5a.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size:25px 18px;
}
#menu ul.flexnav li.sp_btn_other a.sp_btn_facebook::before{
  content: '';
  position: absolute;
  width:28px;
  height:28px;
  top: 50%;
  left:70px;/*20vw;*/
  margin-top: -14px;
  background-image: url('../img/abb481e2249.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size:28px;;
}
#menu ul.flexnav li.sp_btn_other a.sp_btn_twitter::before{
  content: '';
  position: absolute;
  width:28px;
  height:28px;
  top: 50%;
  left:70px;/*20vw;*/
  margin-top: -14px;
  background-image: url('../img/a5c658c470d.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size:28px;;
}
/*----------menu-button----------*/
.menu-button{
  position:fixed;
  display:none;
}
.menu_bg{
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background-color:transparent;
  z-index:-1;
}
/*sp_menu_footer*/
#menu .sp_menu_footer{
  display:none!important;
  padding:0!important;
  border:none!important;
}
#menu .sp_menu_footer_list{
  display:flex;
  flex-wrap:wrap;
}
#menu .sp_menu_footer_list li{
  padding:4vw 0!important;
  width:50%!important;
  text-align:center;
  background-color:#002239;
  border-right:1px solid #486c85;
  box-sizing: border-box;
}
#menu .sp_menu_footer_list li:nth-child(2n){
  border-right:none;
}
#menu .sp_menu_footer_list li a{
  text-align:center;
  font-size: 0.8rem!important;
}
#menu .sp_menu_footer_list li a::after{
  content:none!important;
}
/*sp_menu_contact*/
#menu .sp_menu_contact{
  display:none!important;
  padding:0!important;
  border:none!important;
}
#menu .sp_menu_contact_list{
  display:block;
  margin:0 auto;
  margin-top:7vw;
  width:85vw;
  border:1px solid #486c85;
  box-sizing: border-box;
}
#menu .sp_menu_contact_list li{
  padding:4vw 0!important;
  width:85vw!important;
  text-align:center;
  border-right:1px solid #486c85;
  box-sizing: border-box;
}
#menu .sp_menu_contact_list li a{
  text-align:center;
  font-size: 0.8rem!important;
}
#menu .sp_menu_contact_list li a::after{
  content:none!important;
}

@media screen and (max-width:1112px){
  .menu_bg{
    display:block;
  }
  #menu {
    display:none;
    position:fixed;
    top:50px;
    left:0;
    width:100vw;
    height:calc(100vh - 50px);
    text-align:center;
    border:none;
    min-width:initial;
    min-width:auto;
    overflow-y:auto;
    background-color:#003457;
  }
  #menu #logo{
    margin:0 auto;
    padding:15px 0;
    width:140px;
  }
  #menu .content-inner{
    overflow:visible;
  }
  #menu ul.flexnav{
    margin:0 auto;
    padding-bottom:20vw;
    width:100vw;
    height:auto;
  }

  #menu ul.flexnav li {
    margin:0;
    padding:4vw 7vw;
    display:block;
    width:100vw;
    height:auto;
    text-align:left;
    border-bottom:1px solid #486c85;
  }
  #menu ul.flexnav li.btn_top,
  #menu ul.flexnav li.btn_about,
  #menu ul.flexnav li.sp_btn_other{
    display:inline-block;
  }
  #menu ul.flexnav li:last-child{
    /*border:none;
    margin-bottom:10px;
    border-bottom:1px solid #486c85;*/
  }
  #menu ul.flexnav li.active::after{
    display:none;
    content: '';
    position:absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #3b7914;
    background: -moz-linear-gradient(left, #5e365d 1%, #b4007b 16%, #e27b30 32%, #ffea00 50%, #4fa000 66%, #008e9d 84%, #0098dd 100%);
    background: -webkit-linear-gradient(left, #5e365d 1%, #b4007b 16%, #e27b30 32%, #ffea00 50%, #4fa000 66%, #008e9d 84%, #0098dd 100%);
    background: linear-gradient(to right, #5e365d 1%, #b4007b 16%, #e27b30 32%, #ffea00 50%, #4fa000 66%, #008e9d 84%, #0098dd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e365d', endColorstr='#0098dd',GradientType=1 );
  }
  #menu ul.flexnav a{
    font-size:0.9rem;
    font-weight:500;
    color:#fff;
  }
  #menu ul.flexnav a::after{
    content:'';
    position:absolute;
    right:0;
    top:50%;
    width:8px;
    height:8px;
    margin-top:-4px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #menu ul.flexnav a span.navi_span{
    display:none;
    /*display:inline-block;
    padding:0 10px 0 0;
    font-size:0.9rem;
    font-weight:500;
    color:#fff;*/
  }
  #menu ul.flexnav a:hover,#menu ul.flexnav a:hover span.navi_span{
    color: #fff!important;
  }
  .menu-button {
    position: fixed;
    z-index: 9999;
    display: block;
    vertical-align: middle;
    top:0;
    left:0;
    width:50px;
    height:50px;
    margin:0;
    padding:0;
    line-height: 1.125em;
    cursor: pointer;
    text-decoration: none;
    background: #003457;
    color: #fff;
  }

  /*menu_button_txt*/
  .menu-button .menu_button_txt{
    display:block;
    position:absolute;
    width:100%;
    bottom: 4px;
    left:50%;
    transform:translate(-50%,0);
    text-align:center;
  }
  .menu-button .menu_button_txt .txt_menu{
    display:block;
    font-size:10px;
    line-height:1;
    color:#fff;
    transform: scale(0.7);
  }

  .menu-button .globalnav_icon {
    display: inline-block;
    position: relative;
    top:13px;/*15px;*/
    width:20px;/*24px;*/
    height:18px;/*19px;*/
    /*background-color: red;*/
  }
  .menu-button .globalnav_icon-bar {
    display: block;
    float: right;
    width: 1.125em;
    height: 2px;
    background-color: #fff;
  }
  .menu-button .globalnav_icon-bar {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
  }
  .menu-button .globalnav_icon-bar {
    position:absolute;
    left:0;
    width:20px;/*24px;*/
    height:2px;
    background-color:#fff;
    border-radius:0;
  }
  .menu-button .globalnav_icon-bar:nth-of-type(1) {
    top:0;
  }
  .menu-button .globalnav_icon-bar:nth-of-type(2) {
    top:8px;
  }
  .menu-button .globalnav_icon-bar:nth-of-type(3) {
    bottom:0;
  }
  .menu-button .globalnav_icon-bar.active:nth-of-type(1) {
    -webkit-transform: translateY(8px) rotate(-45deg);
    transform: translateY(8px) rotate(-45deg);
    background-color:#fff;
  }
  .menu-button .globalnav_icon-bar.active:nth-of-type(2) {
    opacity:0;
  }
  .menu-button .globalnav_icon-bar.active:nth-of-type(3) {
    -webkit-transform: translateY(-8px) rotate(45deg);
    transform: translateY(-8px) rotate(45deg);
    background-color:#fff;
  }
  #menu .btn_event{
    margin:0;
    padding:0;
    height:auto;
    color:#fff;
    border-radius:0;
    background-color:transparent;
  }
  #menu .btn_topics{
    margin:0;
    padding:0;
    height:auto;
    color:#fff;
    border-radius:0;
    font-size:1rem;
    font-weight:500;
    background-color:transparent;
  }
  #menu .btn_event span,#menu .btn_topics span{
    display:inline-block;
    padding:0 10px 0 0;
    text-align:left;
    font-size:0.7rem;
    font-weight:500;
  }
  #menu .sp_menu_footer{
    display:block!important;
  }
  #menu .sp_menu_contact{
    display:block!important;
  }
}
@media screen and (max-width: 768px){
  #menu ul.flexnav li.sp_btn_other a{
    width: 85vw;
  }
  #menu ul.flexnav li.sp_btn_other a.sp_btn_mail::before{
    left:16vw;
  }
  #menu ul.flexnav li.sp_btn_other a.sp_btn_facebook::before{
    left:20vw;
  }
  #menu ul.flexnav li.sp_btn_other a.sp_btn_twitter::before{
    left:20vw;
  }
}
@media screen and (max-width:320px){
  #menu ul.flexnav a{
    font-size:1rem;
  }
  #menu ul.flexnav a span.navi_span{
    font-size:0.7rem;
  }
  #menu .btn_event span,#menu .btn_topics span{
    font-size:0.7rem;
  }
  #menu ul.flexnav li.sp_btn_other a.sp_btn_mail::before{
    left:12vw;
  }
  #menu ul.flexnav li.sp_btn_other a.sp_btn_facebook::before{
    left:16vw;
  }
}

/*----------------------------------------
footer
----------------------------------------*/
#footer {
  clear: both;
  padding:0 0 30px 0;
  font-size:12px;
  text-align:left;
  width:100%;
  min-width:1112px;
}
#footer .footer_link{
  padding:60px 0 0 0;
  background-color:#eee;
}
#footer .footer_innr{
  margin:0 auto;
  padding:0;
  width:100%;
  max-width:1112px;
}
#footer .footer_catg_ttl{
  padding-bottom:25px;
  font-size:16px;
  font-weight:600;
  text-align:left;
}
#footer .footer_thb_txt{
  padding-bottom:0;
  font-size:16px;
  font-weight:500;
  text-align:left;
}
#footer .footer_thb_txt span{
  display:inline-block;
  padding-right:10px;
  font-size:12px;
  font-weight:500;
}
#footer .ft_tnumb_img{
  padding-bottom:13px;
  width:261px;
  height:108px;
}
#footer .ft_tnumb_img2{
  padding-bottom:13px;
  width:248px;
  height:108px;
}
/*footer_main_list*/
#footer .footer_main_list{
  list-style:none;
  text-align:left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
#footer .footer_main_list li{
  display:inline-block;
  margin:0;
  vertical-align:top;
}
#footer .footer_main_list li.footer_main_list_left{
  width:830px;
  margin-right:30px;
}
#footer .footer_main_list li.footer_main_list_right{
  width:248px;
}
/*footer_list*/
#footer .footer_list{
  padding-bottom:30px;
  list-style:none;
  text-align:left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
#footer .footer_list li{
  display:inline-block;
  margin:0 15px 30px 0;
  width:261px;
}
#footer .footer_list li:nth-child(4n){
  margin-right:0;
}
/*footer_btm_list*/
#footer .footer_btm_list{
  margin:60px 0 30px 0;
  padding:0;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
#footer .footer_btm_list li {
  position:relative;
  display:inline-block;
  margin:0;
  padding:0;
}
#footer .footer_btm_list li:not(:last-child)::after {
  content:'／';
  margin-left:3px;
  padding:0;
}
#footer .copyright_txt1{
  padding-bottom:5px;
  font-size:8px;
}
#footer .copyright_txt2{
  padding-bottom:0;
  font-size:10px;
}
/*footer_contact*/
#footer .footer_contact{
  margin:0 0 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#footer .footer_contact li{
  height:40px;
  font-size:12px;
  line-height:38px;
  border:1px solid #ccc;
  box-sizing:border-box;
}
#footer .footer_contact li:last-child{
  border-left:none;
}
#footer .footer_contact li a{
  display: block;
  padding:0 25px;
}

.adtag:not(:empty),
.adtag_sp:not(:empty) {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 14px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.adtag:not(:empty)::before,
.adtag_sp:not(:empty)::before {
  content: "広告";
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 8px;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.15em;
  color: #999;
  background: #fff;
  pointer-events: none;
  z-index: 1;
}
.adtag:not(:empty)::after,
.adtag_sp:not(:empty)::after {
  content: "";
  position: absolute;
  top: -14px;
  left: 0;
  right: 0;
  border-top: 1px solid #ddd;
  pointer-events: none;
}

@media screen and (max-width:1112px){
  #footer {
    padding:0 0 5vw 0;
    font-size:0.8rem;
    width:100vw;
    min-width:initial;
    min-width:auto;
  }
  #footer .footer_link{
    padding:5vw 0 0 0;
  }
  #footer .footer_innr{
    padding: 4vw 0 0 0;
    max-width:initial;
    min-width:auto;
    width:90vw;
  }
  #footer .footer_thb_txt{
    font-size:0.8rem;
  }
  #footer .footer_thb_txt span{
    display:block;
    padding-right:0;
    font-size:0.6rem;
  }
  #footer .ft_tnumb_img{
    padding-bottom:1.5vw;
    width:43vw;
    height:auto;
  }
  #footer .ft_tnumb_img2{
    padding-bottom:1.5vw;
    width:43vw;
    height:auto;
  }
  #footer .footer_main_list{
    margin:5vw auto;
    width:90vw;
  }
  #footer .footer_catg_ttl{
    padding-bottom:3vw;
    font-size:0.9rem;
  }
  #footer .footer_main_list li{
    margin:0 4vw 5vw 0;
    width:43vw;
  }
  #footer .footer_main_list li.footer_main_list_left{
    width:90vw;
    margin:0;
  }
  #footer .footer_main_list li.footer_main_list_right{
    width:90vw;
  }
  #footer .footer_list li:nth-child(3n){
    margin:0 4vw 5vw 0;
  }
  #footer .footer_list li:nth-child(2n){
    margin:0 0 5vw 0;
  }
  #footer .footer_list{
    padding-bottom:5vw;
  }
  #footer .footer_list li{
    margin:0 4vw 5vw 0;
    width:43vw;
  }
  #footer .footer_btm_list{
    display:none;
  }
  #footer .copyright_txt1{
    display:none;
  }
  #footer .copyright_txt2{
    font-size:0.6rem;
  }
  #footer .footer_contact{
    display:none;
  }
}


/* CSS Document */

/* ------------ index_main_kv ------------ */
#index_main_kv{
  margin:0;
  padding:40px 0;
  width:100%;
  min-width:1112px;
  background-color:#f1f1f1;
}
#index_main_kv .index_main_img1{
  position:relative;
  margin:0;padding:0;
  width:650px;
  height:460px;
  overflow:hidden;
}
#index_main_kv .index_main_img2{
  position:relative;
  margin:0;padding:0;
  width:220px;
  height:220px;
  overflow:hidden;
}
#index_main_kv .index_main_img1 img,
#index_main_kv .index_main_img2 img{
  /*width:100%;
  height:auto;*/
  height:100%!important;
  width:auto!important;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
@media screen and (max-width:1112px){
  #index_main_kv{
    padding:5vw 0;
    min-width:initial;
    min-width:auto;
  }
  #index_main_kv .index_main_img1{
    width:90vw;
    height:63.6923vw;/*auto;*/
  }
  #index_main_kv .index_main_img2{
    width:45vw;
    height:45vw;/*auto;*/
  }
  #content .content-inner{
    width:90vw;
  }
}

/*index_main_list1*/
.index_main_list1{
  margin:0;padding:0;
  list-style:none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.index_main_list1 li{
  position:relative;
  display:inline-block;
  margin:0;
  padding:0;
  vertical-align:top;
}
.index_main_list1 li.index_main_left{
  margin:0 20px 0 0;
  padding:0;
  width:650px;
}
.index_main_list1 li.index_main_right{
  margin:0;
  padding:0;
  width:440px;
}
.index_main_list1 .index_main_left_ttl{
  position:absolute;
  z-index:2;
  width: 100%;
  background-color: rgba(255,255,255,0.8);
  padding-top: 20px;
  padding-bottom: 20px;
  bottom: 0;
  left: 0;
}
.index_main_list1 .index_main_left_ttl .index_main_th_ttl{
  display:block;
  margin:0;
  padding:0 30px 20px 30px;
  font-size:20px;
  font-weight:600;
}
.index_main_list1 .index_main_left_ttl .index_main_th_ttl a{
  color:#000000;
}
.index_main_list1 .index_main_left_ttl .index_main_th_ttl a:hover{
  color:#f38004;
}
.index_main_list1 .index_main_left_ttl .index_main_th_date{
  display:block;
  position:absolute;
  padding:0;
  bottom:20px;
  right:30px;
  font-size:12px;
  color:#000000;
  text-align:right;
}
.index_main_list1 .index_main_left_ttl .img_keyword_list{
  padding: 0 30px;
}
/*index_main_list2*/
.index_main_list2{
  margin:0 0 20px 0;
  padding:0;
  list-style:none;
  width:440px;
  height:220px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.index_main_list2:last-child{
  margin-bottom:0;
}
.index_main_list2 li{
  position:relative;
  display:inline-block;
  margin:0;
  padding:0;
  height:220px;
  vertical-align:top;
  background-color:#fff;
}
.index_main_list2 li.index_main_left2{
  margin:0;padding:0;
  width:220px;
  height:220px;
  overflow:hidden;
}
.index_main_list2 li.index_main_right2{
  margin:0;
  padding:0;
  width:220px;
  height:220px;
  overflow:hidden;
}
.index_main_list2 .index_sub_th_ttl{
  display:block;
  margin:45px 20px 5px 20px;
  font-size:14px;
  line-height:24px;
  font-weight:600;
  text-align:left;
  color:#000;
}
.index_main_list2 .index_sub_th_txt{
  display:block;
  margin:0 20px;
  padding:0;
  font-size:10px;
  font-weight:500;
  text-align:left;
  color:#000;
}
.index_main_list2 .index_sub_th_date{
  display:block;
  position:absolute;
  margin:0;padding:0;
  bottom:20px;
  right:20px;
  font-size:12px;
  font-weight:500;
  text-align:right;
  color:#000;
}
.index_img_keyword{
  position: absolute;
  bottom:10px;
  left:10px;
  overflow:hidden;
  z-index: 2;
}
@media screen and (max-width:1112px){
  .index_main_list1 li{
    display:block;
  }
  .index_main_list1 li.index_main_left {
    margin:0 0 5vw 0;
    width:90vw;
  }
  .index_main_list1 li.index_main_right{
    width:90vw;
  }
  .index_main_list2{
    margin:0;
    width:90vw;
    height:auto;
  }
  .index_main_list2:last-child{
    flex-direction: row-reverse;
  }
  .index_main_list2 li{
    display:inline-block;
  }
  .index_main_list2 li.index_main_left2{
    width:45vw;
    height:45vw;
  }
  .index_main_list2 li.index_main_right2 {
    width:45vw;
    height:45vw;
  }
  .index_main_list1 .index_main_left_ttl{
    /*bottom:3vw;*/
    /*left:3vw;*/
    padding-top: 3vw;
    padding-bottom: 3vw;
  }
  .index_main_list1 .index_main_left_ttl .index_main_th_ttl{
    padding: 0 3vw 3vw 3vw;
    font-size: 0.9rem;
  }
  .index_main_list1 .index_main_left_ttl .index_main_th_date{
    right: 4vw;
    font-size: 0.7rem;
    bottom: 3vw;
  }
  .index_main_list1 .index_main_left_ttl .img_keyword_list{
    padding: 0 2vw 0 2vw;
  }
  .index_main_list2 .index_sub_th_ttl{
    margin:7vw 4vw 1vw 4vw;
    font-size:0.8rem;
    line-height:1.4rem;
  }
  .index_main_list2 .index_sub_th_txt{
    margin:0 4vw;
    font-size:0.7rem;
  }
  .index_main_list2 .index_sub_th_date{
    bottom:4vw;
    right:4vw;
    font-size:0.6rem;
  }
  .index_img_keyword{
    bottom:2vw;
    left:2vw;
  }
}
/*TOP記事*/
.left-article-list {
  display: block;
  position: absolute;
  /* padding: 0; */
  bottom: 15px;
  right: 30px;
  font-size: 12px;
  color: #000000;
  text-align: right;
  background-color: white;
  padding: 5px 10px 5px 10px;
  border-radius: 30px;
  text-decoration: underline;
}
.right-article-list {
  display: block;
  position: absolute;
  margin: 0;
  padding: 0;
  bottom: 20px;
  right: 20px;
  font-size: 12px;
  font-weight: 500;
  text-align: right;
  color: #000;
  text-decoration: underline;
}

/*keyword*/
#content .keyword {
  position: relative;
  margin:0 auto;
  padding:40px 0 60px;
  width:100%;
  height:auto;
}
#content .keyword .content-inner{
  position:relative;
}
#content .keyword .keyword_ttl{
  margin:0;padding:0;
  text-align: left;
  font-size:20px;
  font-weight:600;
}
#content .keyword .other_topics_btn{
  position:absolute;
  margin:0;
  padding:0;
  top:0;
  right:0;
  text-align:right;
  font-size:12px;
}
#content .keyword .other_topics_btn a{
  display:inline-block;
  color: #000000;
  text-decoration:underline;
}
#content .keyword .other_topics_btn a:hover{
  color:#f38004;
}
#content .keyword_detail{
  margin:0;padding:0;
  width:100%;
  overflow: hidden;
  overflow-x:scroll;
  -ms-overflow-style: none;
        scrollbar-width: none; 
}
#content .keyword_detail::-webkit-scrollbar {
  display:none;
}
#content .keyword .keyword_list{
  margin:25px 0 0 0;
  padding:0;
  list-style:none;
  width:1112px;
}
#content .keyword .keyword_list li{
  display:inline-block;
  margin:0 10px 0 0;
  padding:0;
}
#content .keyword .keyword_list li:last-child{
  margin-right:0;
}
#content .keyword .keyword_list li a{
  font-size:14px;
  text-decoration:underline;
}
@media screen and (max-width: 800px){
  #content .keyword {
    padding:10vw 0;
    width:90vw;
  }
  #content .keyword .keyword_ttl{
    font-size:1rem;
  }
  #content .keyword .other_topics_btn{
    font-size:0.7rem;
  }
  #content .keyword_detail{
    width:90vw;
  }
  #content .keyword .keyword_list{
    margin:5px 0 0 0;
  }
  #content .keyword .keyword_list li{
    margin:0 5px 0 0;
  }
  #content .keyword .keyword_list li a{
    font-size:0.7rem;
  }
}

/*article_img*/
.article_img{
  position:relative;
  margin-bottom:20px;
  width: 345px;
  height: 213px;
  overflow: hidden;
}
/*latest_article*/
.latest_article{
  position:relative;
  margin:0;
  padding:0 0 50px 0;
  width:100%;
}
.latest_article_innr{
  margin: 0 auto;
  padding: 0;
  max-width: 1112px;
  overflow: hidden;
}
.latest_article .latest_article_ttl{
  margin:0;
  padding:0 0 30px 0;
  font-size:20px;
  font-weight:600;
}
.latest_article .latest_article_ttl2{
  margin:90px 0 0 0;
  padding:0 0 30px 0;
  font-size:20px;
  font-weight:600;
}
@media screen and (max-width: 1112px){
  .article_img{
    position:relative;
    margin-bottom:10px;
    width:43vw;
    height:26.5478vw;
  }
  .latest_article_innr{
    max-width:initial;
    min-width:auto;
  }
  .latest_article .latest_article_ttl{
    padding:0 5vw 10px 5vw;
    font-size:1rem;
  }
  .latest_article .latest_article_ttl2{
    margin-top:12vw;
    padding:0 5vw 10px 0;
    font-size:1rem;
  }
}


/*latest_article_main_list*/
.latest_article_main_list{
  list-style:none;
  width:100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.latest_article_main_list li{
  position:relative;
  display:inline-block;
  /**display: inline;
  *zoom: 1;*/
  margin:0 30px 0 0;
  padding:0;
  vertical-align:top;
}
.latest_article_main_list li.latest_article_main_list_left{
  width:770px;
  border-right:1px solid #ccc;
}
.latest_article_main_list li.latest_article_main_list_right{
  margin-right:0;
  width:300px;
}
/*topics_index_btn*/
.latest_article_main_list .topics_index_btn{
  display: block;
  margin:0 auto;
  width: 248px;
  text-align:center;
}
.latest_article_main_list .topics_index_btn a{
  display: block;
  color: #000;
  border: 1px solid #666;
  border-radius: 25px;
  width: 248px;
  height: 50px;
  font-size: 14px;
  line-height: 50px;
  background-color: #fff;
}
/*latest_article_list*/
.latest_article_list{
  margin:0;padding:0;
  list-style:none;
  width:770px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.latest_article_list li{
  position:relative;
  display:inline-block;
  margin:0 40px 40px 0;
  padding-bottom: 15px;
  width:345px;
  vertical-align:top;
}
.latest_article_list li:nth-child(2n){
  margin-right:0;
}
.latest_article .article_img_keyword{
  position:absolute;
  bottom:10px;
  left:10px;
  overflow:hidden;
  z-index:2;
}
.latest_article .article_detail_ttl{
  margin-bottom:5px;
  font-size:14px;
  line-height:25px;
  font-weight:600;
  text-align:left;
}
.latest_article .article_detail_txt{
  font-size:12px;
  font-weight:500;
  text-align:left;
}
.latest_article .article_detail_date{
  position:absolute;
  margin:0;padding:0;
  text-align:right;
  font-size:10px;
  font-weight:500;
  bottom:0;
  right:0;
}
/*article_bnnr*/
.latest_article .article_bnnr{
  margin:0;padding:0;
  width:300px;
  height:auto;
}
@media screen and (max-width:1112px){
  .latest_article_main_list li.latest_article_main_list_left{
    margin:0 auto 10vw auto;
    width:90vw;
    border-right:none;
  }
  .latest_article_main_list li.latest_article_main_list_right{
    width:100vw;
  }
  .latest_article_list{
    width:90vw;
  }
  .latest_article_list li{
    margin:0 4vw 5vw 0;
    width:43vw;
  }
  .latest_article .article_detail_ttl{
    margin-bottom:1vw;
    font-size:0.8rem;
    line-height:1.3rem;
  }
  .latest_article .article_detail_txt{
    font-size:0.6rem;
  }
  .latest_article .article_detail_date{
    font-size:0.6rem;
  }
  .latest_article .article_img_keyword{
    bottom:1.5vw;
    left:1.5vw;
  }
  .latest_article .article_bnnr{
    width:100vw;
  }
}

/*community*/
.community{
  margin:0;padding:0;
  width:100%;
  min-width:1112px;
  background-image:url('../img/acc8c7314d4.jpg');
  background-repeat:no-repeat;
  background-position:top 0 center;
  background-size:100% auto;/*auto;*/
}
.community_ttl{
  margin:0 auto;
  padding:150px 0 30px 0;
  width:381px;
}
.community_txt{
  margin:0 auto;
  padding:0 0 60px 0;
  font-size:14px;
  line-height:28px;
  text-align:center;
}
.community_conts{
  position:relative;
  margin:0;
  padding:0 0 60px 0;
  width:100%;
}
/*comm_event_ttl*/
.comm_event_ttl{
  position:absolute;
  top:-18px;
  left:95px;
  width:62px;
  height:auto;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  display: flex;
   flex-direction: column-reverse;
  z-index:2;
}
.comm_ttl_lead{
  position:relative;
  margin-right:20px;
  padding:0;
  font-size:14px;
  font-weight:500;
  text-align:center;
}
.comm_ttl_lead::before{
  content: '';
  position: absolute;
  display: inline-block;
  top:-16px;
  left:3px;
  width:18px;
  height:1px;
  background-color:#000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.comm_ttl_lead::after{
  content: '';
  position: absolute;
  display: inline-block;
  bottom:-16px;
  left:3px;
  width:18px;
  height:1px;
  background-color:#000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.comm_ttl_main{
  position:relative;
  margin:0;
  padding:20px 0 0 0;
  font-size:15px;
  line-height:30px;
  font-weight:600;
  text-align:center;
}
.comm_ttl_main::before{
  content:'';
  position:absolute;
  display: inline-block;
  width:30px;
  height:39px;
  top:25px;/*-40px;*/
  left:50%;
  /*transform:translate(-50%,0);*/
  margin-left:-15px;
  overflow:hidden;
  background-repeat:no-repeat;
  background-size: auto 100%;
}
.comm_ttl_main.icon_event::before{
  top:35px;
  background-image:url('../img/a3d45312abe.png');
  background-position:top 0 left 0;
}
.comm_ttl_main.icon_monitor{
  padding:30px 0 0 0;
}
.comm_ttl_main.icon_monitor::before{
  top:0px;
  background-image:url('../img/a3d45312abe.png');
  background-position:top 0 left -30px;
}
.comm_ttl_main.icon_report{
  padding:60px 0 0 0;
  left:43px;
}
.comm_ttl_main.icon_report::before{
  top:17px;
  background-image:url('../img/a3d45312abe.png');
  background-position:top 0 left -60px;
}
@media screen and (max-width:1112px){
  .comm_event_ttl{
    position:relative;
    margin:0 auto 8vw auto;
    width:70vw;
    top:0;
    left:auto;
    
    flex-direction: column;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: tb-rl;
    -o-writing-mode: tb-rl;
    writing-mode: lr-tb;
  }
  .comm_ttl_lead{
    margin:0 0 10px 0;
    font-size:14px;
  }
  .comm_ttl_lead::before{
    top:10px;
    left:-10px;
  }
  .comm_ttl_lead::after{
    top:10px;
    left:auto;
    right:-10px;
  }
  .comm_ttl_main{
    margin:0;
    padding:0;
    font-size:15px;
    line-height:25px;
  }
  .comm_ttl_main::before{
    transform:translate(0,0);
  }
  .comm_ttl_main.icon_event{
    padding:0 0 0 20px;
  }
  .comm_ttl_main.icon_event::before{
    top:-8px;
    left:55px;
  }
  .comm_ttl_main.icon_monitor{
    padding:0 0 0 20px;
  }
  .comm_ttl_main.icon_monitor::before{
    top:-8px;
    left:37px;
  }
  .comm_ttl_main.icon_report{
    padding:0 0 0 20px;
    left:0;
  }
  .comm_ttl_main.icon_report::before{
     top:-8px;
    left:25px;
  }
}
/*SE*/
@media screen and (max-width:320px) {
  .comm_ttl_lead{
    font-size: 0.7rem;
  }
  .comm_ttl_main{
    font-size: 0.8rem;
  }
  .comm_ttl_main.icon_event::before{
    left: 35px;
  }
  .comm_ttl_main.icon_monitor::before{
    top: -11px;
    left: 20px;
  }
  .comm_ttl_main.icon_report::before{
    left:10px;
  }
}

/*community_list*/
.community_list{
  margin:0;
  padding:0 0 0 190px;
  list-style:none;
  width:840px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.community_list li{
  position:relative;
  display:inline-block;
  margin:0 30px 0 0;
  padding:0;
  width:248px;
  vertical-align:top;
}
/*comm_detail*/
.comm_detail{
  position:relative;
  margin:0;padding:0;
  width:248px;
}
/*comm_detail_list*/
.comm_detail_list{
  margin:0;padding:0;
  list-style:none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  width: 248px;
}
.comm_detail_list li{
  position:relative;
  margin:0;padding:0;
  padding-bottom: 15px;
  display:block;
  width: 248px;
}
.comm_detail .comm_detail_keyword{
  position:absolute;
  top:0;
  left:0;
  z-index:2;
}
.comm_detail .comm_detail_img{
  z-index: 1;
  position:relative;
  width:248px;
  height:175px;
  border-radius:90px;
  overflow:hidden;
  transition:0.3s;
}
.comm_detail .comm_detail_img img{
  height:auto;
  width:106%;
}

.comm_detail .article_detail_ttl{
  margin-bottom:5px;
  font-size:14px;
  line-height:25px;
  font-weight: 600;
  text-align: left;
}
.comm_detail .article_detail_txt{
  font-size: 12px;
  font-weight: 500;
  text-align: left;
}
.comm_detail .article_detail_date{
  position:absolute;
  margin: 0;padding: 0;
  text-align: right;
  font-size: 10px;
  font-weight: 500;
  bottom:0;
  right:0;
}
.community_more_btn{
  position:absolute;
  top:68px;
  right:35px;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}
.community_more_btn a{
  display:block;
  padding:35px 0;
  font-size:14px;
  line-height:50px;
  color:#000;
  border:1px solid #ccc;
  background-color:#fff;
  border-radius:25px;
  width:50px;
  transition:0.3s;
  opacity:1;
}
.community_more_btn a:hover{
  color: #fff;
  background-color: #000;
}
@media screen and (max-width:1112px){
  .community{
    background-size:100% auto;
    min-width:initial;
    min-width:auto;
  }
  .community_ttl{
    margin:0 auto;
    padding:15vw 0 8vw 0;
    width:80vw;
  }
  .community_txt{
    padding:0 0 12vw 0;
    font-size:0.7rem;
    line-height:1.6rem;
  }
  .community_conts{
    padding:0 0 10vw 0;
  }
  .community_list{
    margin:0;
    padding:0;
    width:90vw;
  }
  .community_list li{
    margin:0 0 5vw 0;
    width:90vw;
  }
  .comm_detail{
    width:90vw;
  }
  .comm_detail_list{
    margin:0;padding:0;
    list-style:none;
    width:90vw;
  }
  .comm_detail_list li{
    margin:0 3vw 0 0;
    padding:0;
    display:inline-block;
    width:43vw;
  }
  .comm_detail_list li:last-child{
    margin:0;
  }
  .comm_detail .comm_detail_keyword{
    top:-3vw;
  }
  .comm_detail .comm_detail_img{
    margin-bottom:0;
    width:43vw;
    height:30.34vw;
    border-radius:15vw;
  }
  .comm_detail .article_detail_ttl{
    margin-bottom:1vw;
    font-size:0.8rem;
    line-height:1.4rem;
  }
  .comm_detail .article_detail_txt{
    font-size:0.7rem;
  }
  .comm_detail .article_detail_date{
    font-size:0.6rem;
  }
  
  .community_more_btn{
    position:relative;
    margin:4vw auto;
    width:80vw;
    top:auto;
    right:auto;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: tb-rl;
    -o-writing-mode: tb-rl;
    writing-mode: lr-tb;
  }
  .community_more_btn a{
    margin:0 auto;
    padding:0;
    font-size:0.9rem;
    line-height:50px;
    text-align:center;
    width:70vw;
    height:50px;
  }
}
/*SE*/
@media screen and (max-width:320px) {
  .community_txt{
    font-size: 0.6rem;
    line-height: 1.4rem;
  }
}

/*comm_member*/
.comm_member{
  position:relative;
  margin:0 auto 60px auto;
  padding:45px;
  width:930px;
  border-radius:20px;
  border:2px solid #000;
  box-sizing:border-box;
  background-color:#fff;
}
.menmber_blog_ttl{
  position:absolute;
  padding:10px 0;
  top:50%;
  left:-23px;
  width:45px;
  height:200px;/*auto;*/
  transform: translate(0,-50%);
  z-index:2;
  
  font-size:15px;
  line-height:45px;
  text-align:center;
  font-weight:600;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  background-color:#fff;
}
/*comm_member_list*/
.comm_member_list{
  margin:0 auto;
  padding:0;
  list-style:none;
  width:840px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.comm_member_list li{
  position:relative;
  display:inline-block;
  margin:0 30px 0 0;
  padding:0;
  width:248px;
  vertical-align:top;
}
/*member_detail*/
.member_detail{
  position:relative;
  margin:0;padding:0;
  width:248px;
}
.member_detail_list{
  margin:0;padding:0;
  list-style:none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  width: 248px;
}
.member_detail_list li{
  position:relative;
  margin:0;padding:0;
  display:block;
  width: 248px;
}
.member_detail_img{
  z-index: 1;
  position:relative;
  margin-bottom: 20px;
  padding:0;
  width:248px;
  height:175px;
  border-radius:10px;
  overflow:hidden;
}
.member_detail_img img{
  height:100%;
  width:auto;
}
.member_detail .member_detail_ttl{
  margin-bottom:5px;
  padding-bottom:20px;
  font-size: 14px;
  line-height:25px;
  font-weight: 600;
  text-align: left;
}
.member_detail .member_detail_txt{
  font-size: 12px;
  font-weight: 500;
  text-align: left;
}
.member_detail .member_detail_date{
  position:absolute;
  margin: 0;padding: 0;
  text-align: right;
  font-size: 10px;
  font-weight: 500;
  bottom:0;
  right:0;
}
.comm_member .community_more_btn{
  left:100%;
  right:-25px;
  top:50%;
  transform: translate(0,-50%);
}
@media screen and (max-width:1112px){
  .comm_member{
    position:relative;
    margin:0 auto 10vw auto;
    padding:0;
    width:90vw;
    
    border-radius:0;
    border:none;
  }
  .comm_member_list{
    margin:0 auto;
    padding:0;
    list-style:none;
    width:90vw;
  }
  .comm_member_list li{
    margin: 0 0 4vw 0;
    width:90vw;
  }
  .member_detail{
     width:90vw;
  }
  .member_detail_list{
    margin:0;padding:0;
    list-style:none;
    width:90vw;
  }
  .member_detail_list li{
    margin:0 4vw 0 0;
    padding:0;
    display:inline-block;
    width:43vw;
  }
  .member_detail_list li:last-child{
    margin:0;
  }
  .member_detail_img{
    margin-bottom:0;
    width:43vw;
    height:30.34vw;
    border-radius:20px;
  }
  .member_detail .member_detail_ttl{
    margin-bottom:1vw;
    font-size:0.8rem;
    line-height:1.4rem;
  }
  .member_detail .member_detail_txt{
    font-size: 0.7rem;
  }
  .member_detail .member_detail_date{
    font-size: 0.6rem;
  }
  .comm_member .community_more_btn{
    top:auto;
    left:auto;
    right:auto;
    transform: translate(0,0);
  }
  .menmber_blog_ttl{
    position:relative;
    margin:0 0 5vw 0;
    padding:0;
    width:90vw;
    height:auto;
    top:0;
    left:auto;
    text-align:center;
    transform: translate(0,0);
    font-size:1.1rem;
    line-height:1.8rem;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: tb-rl;
    -o-writing-mode: tb-rl;
    writing-mode: lr-tb;
  }
}

/*comm_member_btn_list*/
.comm_member_btn_list{
  margin:0 auto 100px auto;
  display:flex;
  justify-content:center;
}
/*comm_member_corp_btn*/
.comm_member_corp_btn{
  margin:0;
  padding:0;
  width:248px;
  text-align:center;
}
.comm_member_corp_btn a{
  display:block;
  width:248px;
  height:50px;
  color:#fff;
  font-size:12px;
  border-radius:25px;
  background-color:#003457;
  transition:0.3s;
}
.comm_member_corp_btn a span{
  display:block;
  padding:4px 0 0 0;
  font-size:14px;
}

/*comm_member_btn*/
.comm_member_btn{
  margin-right:40px;
  padding:0;
  width:248px;
  text-align:center;
}
.comm_member_btn a{
  display:block;
  width:248px;
  height:50px;
  color:#fff;
  font-size:14px;
  border-radius:25px;
  background-color:#c24e00;
  transition:0.3s;
}
.comm_member_btn a span{
  display:block;
  padding:4px 0 1px 0;
  font-size:12px;
}
@media screen and (max-width:1112px){
  .comm_member_btn_list{
    margin:0 auto 12vw auto;
    display:block;
  }
  .comm_member_corp_btn{
    margin:0 auto;
    width:70vw;
  }
  .comm_member_corp_btn a{
    width:70vw;
    height:50px;
    font-size:0.8rem;
    border-radius:25px;
  }
  .comm_member_corp_btn a span{
    padding:3px 0 0 0;
    font-size:0.9rem;
  }
  .comm_member_btn{
    margin:0 auto 4vw auto;
    width:70vw;
  }
  .comm_member_btn a{
    width:70vw;
    height:50px;
    font-size:0.9rem;
    border-radius:25px;
  }
  .comm_member_btn a span{
    padding:3px 0 0 0;
    font-size:0.8rem;
  }
}

/*index_bottom_bnnr*/
.index_bottom_bnnr{
  margin:0 auto;
  padding:0;
  list-style:none;
  text-align:center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  width:700px;
}
.index_bottom_bnnr li{
  position:relative;
  display:inline-block;
  margin:0 auto;
  padding:0;
  width:300px;
  vertical-align:top;
  text-align:center;
}
.index_bottom_bnnr li:last-child{
  padding-right:0;
}
.index_bottom_bnnr .article_bnnr {
  width: 300px;
  height: auto;
}
@media screen and (max-width:1112px){
  .index_bottom_bnnr{
    margin:0 auto 10vw auto;
    width:90vw;
  }
  .index_bottom_bnnr li{
    padding:0 0 5vw 0;
    width:90vw;
  }
  .index_bottom_bnnr .article_bnnr {
    width:90vw;
  }
}


/* common_aside */

/*aside_ad_bnnr*/
.aside_ad_bnnr{
  margin-bottom:40px;
  width:300px;
  height:auto;
}
@media screen and (max-width:1112px){
  .aside_ad_bnnr{
    margin:0 auto 10vw auto;
    width:90vw;
  } 
}

/*-----------flexbox-container -----------*/
.flexbox-container {
  position:relative;
  margin:0 auto;
  padding:0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  width:1112px;
}
.flexbox-container .col_left {
  padding-bottom:100px;
  width: 768px;
  margin:0;
  height:auto;
  /*background-color: lightgreen;*/
}
.flexbox-container .col_right {
  padding-bottom:100px;
  width: 300px;
  margin-left:44px;
  height:auto;
  /*background-color: lightpink;*/
}
.aside_main_conts{
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
@media screen and (max-width:1112px){
  .flexbox-container {
    width:100vw;
  }
  .flexbox-container .col_left {
    margin:0 auto;
    padding-bottom:50px;
    width:90vw;
  }
  .flexbox-container .col_right{
    margin:0 auto;
    padding-bottom:50px;
    width:100vw;
  }
  .aside_main_conts{
    width:90vw;
  }
}

.col_right .img_keyword_list a{
  font-size:10px;
  line-height:15px;
}
/*-------------aside_contents-------------*/
.aside_thumb_img{
  z-index:1;
  position:relative;
  width:115px;
  height:82px;
  border-radius:40px;
  overflow:hidden;
}
.aside_thumb_img img{
  height:auto;
  width:106%;
}
.aside_detail_ttl{
  margin-top:8px;
  margin-bottom:5px;
  font-size:14px;
  line-height:19px;
  font-weight: 600;
  text-align: left;
}
.col_right .article_detail_txt {
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  padding-bottom: 0;
}
.col_right .aside_detail_txt {
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  padding-bottom: 5px;
}
.aside_detail_date{
  margin: 0;
  padding: 0;
  text-align: right;
  font-size:10px;
  font-weight: 500;
}
.aside_img_keyword{
  /*position: absolute;*/
  /*top:-15px;*/
  /*left:0px;*/
  /*z-index: 2;*/
  margin-bottom: 3px;
}
.aside_img_keyword .img_keyword_list a{
  padding: 0;
}
.aside_member_btn{
  margin:20px auto 0 auto;
  padding: 0;
  width: 248px;
  text-align: center;
}
.aside_member_btn a{
  display: block;
  margin:0 auto;
  width: 248px;
  height: 50px;
  color: #fff;
  font-size: 14px;
  border-radius: 25px;
  background-color: #c24e00;
  transition: 0.3s;
}
.aside_member_btn a span{
  display: block;
  padding: 4px 0 1px 0;
  font-size: 12px;
}
@media screen and (max-width:1112px){
  .aside_thumb_img{
    width:42vw;
    height:29.94vw;
    border-radius:15vw;
  }
  .aside_member_btn{
    width:70vw;
  }
  .aside_member_btn a{
    width:70vw;
  }
}
/*adtag*/
.adtag{
  margin-bottom:20px;
}
/*aside_community*/
.aside_community{
  margin-bottom:50px;
  padding:30px 0 0 0;
  border-radius:13px 13px 0 0;
  overflow:hidden;
  background-image:url('../img/a2d728a88cf.jpg');
  background-repeat:no-repeat;
  background-position:top 0 center;
  background-size:100% auto;
  background-color:#fff;
}
.aside_community.aside_community_dokusha{
  background-image:none;
}

.aside_community_ttl{
  margin:0 auto 22px auto;
  width:100%;/*300px;*/
  height:auto;
  text-align:center;
}
.aside_comml_txt{
  position:relative;
  display:inline-block;
  margin:0 0 10px 0;
  padding:0;
  text-align:center;
  font-size:11px;
  font-weight:500;
}
.aside_comml_ttl{
  position:relative;
  margin:0;
  padding:0 0 0 20px;
  text-align:center;
  font-size:15px;
  font-weight:600;
}
.aside_comml_ttl::before{
  content: '';
  position: absolute;
  display: inline-block;
  width: 30px;
  height: 39px;
  top:-10px;
  left:50%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.aside_comml_ttl.icon_event::before {
  margin-left:-85px;
  background-image: url('../img/a3d45312abe.png');
  background-position: top 0 left 0px;
}
.aside_comml_ttl.icon_monitor::before {
  margin-left:-103px;
  background-image: url('../img/a3d45312abe.png');
  background-position: top 0 left -30px;
}
.aside_comml_ttl.icon_report::before {
  margin-left:-115px;
  background-image: url('../img/a3d45312abe.png');
  background-position: top 0 left -60px;
}

.aside_comml_ttl.icon_pickup2::before {
  top: -8.5px;
  margin-left:-73px;
  background-image: url('../img/a215943943a.png');
  background-position: top 0 left 0px;
}
.aside_comml_ttl.icon_osusume::before {
  margin-left:-75px;
  background-image: url('../img/a215943943a.png');
  background-position: top 0 left -30px;
}
.aside_comml_ttl.icon_mostread::before {
  margin-left:-85px;
  background-image: url('../img/a215943943a.png');
  background-position: top 0 left -60px;
}

@media screen and (max-width:1112px){
  .aside_community{
    width:100vw;
    border-radius:0;
    margin-top: 50px;
  }
  .aside_community_ttl{
    margin:0 auto 10vw auto;
    width:90vw;
  }
  .aside_comml_txt{
    font-size:0.8rem;
  }
  .aside_comml_ttl{
    font-size:0.9rem;
  }
}

/*aside_community_list*/
.aside_community_list{
  margin-bottom:50px;
  list-style:none;
}
.aside_community_list li{
  position:relative;
  display:block;
  margin-bottom:30px;
}
.aside_community_list li:last-child{
  margin-bottom:0;
}
/*aside_community_detail*/
.aside_community_detail{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width:300px;
}
.aside_community_detail li{
  position:relative;
  margin-right:10px;
  margin-bottom:0;
}
.aside_community_detail li:last-child{
  margin-right:0;
}
@media screen and (max-width:1112px){
  .aside_community_list{
    margin:0 auto 10vw auto;
    width:90vw;
  }
  .aside_community_detail li{
    margin-right:4vw;
  }
  .aside_community_detail{
    width:90vw;
  }
}

/*aside_keyword*/
.aside_keyword{
  position:relative;
  margin-bottom:50px;
  padding:0;
  width:100%;
}
.aside_keyword .aside_keyword_ttl{
  position:relative;
  padding-bottom:15px;
  width:100%;
  text-align:left;
  font-size:15px;
  font-weight:600;
  border-bottom:1px solid #ccc;
}
.aside_keyword .aside_other_topics_btn{
  position:absolute;
  margin:0;padding:0;
  top:3px;
  right:0;
  font-size:12px;
}
.aside_keyword .aside_other_topics_btn a{
  display:inline-block;
  text-decoration:underline;
}
.aside_keyword_list{
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  width:100%;
}
.aside_keyword_list li{
  margin-bottom:10px;
}
.aside_keyword_list a{
  display: inline-block;
  margin-right: 10px;
  padding: 0 10px;
  font-size: 12px;
  line-height: 28px;
  letter-spacing: 0;
  color: #000;
  font-feature-settings: "palt";
  text-decoration: underline;
  border-radius: 30px;
  background-color: #fff;
  border:1px solid #ccc;
}
@media screen and (max-width:1112px){
  .aside_keyword{
    margin:0 auto 20px auto;
    width:90vw;
  }
}


/* spv_category */

/*normal_setting*/
.life_main_img1{
  position:relative;
  margin-bottom:30px;
  width:536px;
  height:378px;
  overflow:hidden;
}
.life_main_img2{
  position:relative;
  margin-bottom:15px;
  width:192px;
  height:144px;
  overflow:hidden;
}
.life_main_img3{
  position:relative;
  margin-bottom:15px;
  width:365px;
  height:226px;
  overflow:hidden;
}
@media screen and (min-width:1112px) {
  .life_main_img1 img,
  .life_main_img2 img {
    height: 100%;
    width: auto;
    margin-left: -10px;
  }
}
.life_img_keyword{
  position:absolute;
  bottom:10px;
  left:10px;
  z-index:2;
}
.life_detail_ttl1{
  margin-bottom:10px;
  font-size: 18px;
  font-weight: 600;
  text-align: left;
}
.life_detail_ttl2{
  margin-bottom:10px;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
}
.life_sub_th_txt{
  font-size: 12px;
  font-weight: 500;
  text-align: left;
}
.life_detail_date{
  position:absolute;
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 10px;
  font-weight: 500;
  bottom:0;
  right:0;
}
@media screen and (max-width:1112px){
  #content .content-inner{
    width:100vw;
  }
  .flexbox-container{
    width:100vw;
  }
  .flexbox-container .col_left{
    width:100vw;
  }
  .life_main_img1{
    margin-bottom: 20px;
    width: 90vw;
    height: 55.726vw;
  }
  .life_main_img2{
    margin-bottom:20px;
    width:90vw;
    height:55.726vw;
  }
  .life_main_img3{
    margin-bottom:20px;
    width:90vw;
    height:55.726vw;
  }
  .life_detail_ttl1,.life_detail_ttl2{
    margin-bottom: 1vw;
    font-size: 14px;
    line-height: 1.3rem;
  }
  .life_sub_th_txt{
    font-size: 0.7rem;
  }
  .life_detail_date{
    font-size: 0.6rem;
  }
}

/*life_main_kv*/
.life_main_kv{
  position:relative;
  margin:0 0 40px 0;
  padding:0;
  width:768px;
  height:249px;
  border-radius:15px;
  overflow:hidden;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
}
.life_main_kv.catg_kv_health{
  background-image:url('../img/a152ae9c08b.jpg');
}
.life_main_kv.catg_kv_life{
  background-image:url('../img/a8fca85bb7b.jpg');
}
.life_main_kv.catg_kv_money{
  background-image:url('../img/a0dc6f5ad8f.jpg');
}
.life_main_kv.catg_kv_social{
  background-image:url('../img/a80b9c718af.jpg');
}
.life_main_kv.catg_kv_fun{
  background-image:url('../img/a98e6b881a8.jpg');
}

.life_main_kv .life_main_kv_detail{
  position:absolute;
  top:70px;
  left:50px;
  color:#fff;
  z-index:2;
}
.life_main_kv .life_main_ttl{
   position:relative;
  font-size:26px;
}
.life_main_kv .life_main_ttl span{
  display:block;
  font-size:18px;
}
.life_main_kv .life_main_keyword{
  position:relative;
  padding-top:10px;
  color:#fff;
}
.life_main_kv .life_main_keyword .img_keyword_list span{
  display:inline-block;
  margin-right:10px;
  margin-bottom:5px;
  padding:0;
  font-size:20px;
}
@media screen and (max-width:1112px){
  .life_main_kv{
    border-radius:0;
    width:100vw;
    height:50vw;
    overflow:hidden;
  }
  .life_main_kv .life_main_kv_detail{
    top:13vw;
    left:5vw;
  }
  .life_main_kv .life_main_ttl{
    font-size: 1.3rem;
  }
  .life_main_kv .life_main_ttl span{
    padding-bottom:5px;
    font-size:0.9rem;
  }
  .life_main_kv .life_main_keyword{
    padding-top:5px;
    font-size:0.9rem;
  }
  .life_main_kv .life_main_keyword .img_keyword_list span{
    font-size:0.9rem;
  }
}

/*life_main_list*/
.life_main_list{
  margin:0 auto 30px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  width:100%;
}
.life_main_list li{
  position:relative;
  display:inline-block;
  margin-right:39px;
  padding:0;
  vertical-align:top;
}
.life_main_list li:last-child{
  margin-right:0;
}
.life_main_detail{
  padding-bottom:15px;
  width:536px;
}
.life_main_detail2{
  position:relative;
  margin-bottom:25px;
  padding-bottom:15px;
  width:192px;
}
.life_main_detail2:last-child{
  margin-bottom:0;
}
@media screen and (max-width:1112px){
  .life_main_list{
    margin: 0 auto 20px auto;
    width:90vw;
  }
  .life_main_list li{
    display:block;
    margin-right:0;
    margin-bottom:20px;
  }
  .life_main_detail{
    width:90vw;
  }
  .life_main_detail2{
    margin-bottom:20px;
    width:90vw;
  }
}

/*life_sub_list*/
.life_sub_list{
  margin:0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  list-style:none;
  width:100%;
}
.life_sub_list li{
  position:relative;
  display:inline-block;
  margin-right:38px;
  margin-bottom:40px;
  padding-bottom:20px;
  vertical-align:top;
}
.life_sub_list li:nth-child(2n){
  margin-right:0;
}
.life_sub_detail{
  width:365px;
}
@media screen and (max-width:1112px){
  .life_sub_list{
    width:90vw;
  }
  .life_sub_list li{
    display:block;
    margin-right:0;
    margin-bottom:20px;
  }
  .life_sub_detail{
    width:90vw;
  }
}


/* spv_special */

/*special_more_btn*/
.special_more_btn{
  margin-bottom:80px;
}

.special_img_keyword{
  position:absolute;
  bottom:10px;
  left:10px;
  z-index:2;
}
.special_main_img1{
  position:relative;
  width:360px;
  height:254px;
  overflow:hidden;
}
.special_main_img1 img{
  height:100%;
  width:auto;
}
.special_detail_ttl{
  margin-top:30px;
  margin-bottom:10px;
  font-size: 18px;
  line-height:30px;
  font-weight: 600;
  text-align: left;
}
.special_detail_txt{
  font-size: 12px;
  font-weight: 500;
  text-align: left;
}
.special_detail_summary{
  font-size: 14px;
}
.special_detail_date{
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 10px;
  font-weight: 500;
}
@media screen and (max-width:1112px){
  #content .content-inner{
    width:100vw;
  }
  .flexbox-container{
    width:100vw;
  }
  .flexbox-container .col_left{
    width:100vw;
  }
  .special_main_img1{
    margin-bottom:10px;
    width:90vw;
    height:63.5vw;
  }
  .special_detail_ttl{
    margin-top:0;
    margin-bottom:1vw;
    font-size: 14px;
    line-height: 1.3rem;
  }
  .special_detail_txt{
    font-size: 0.7rem;
  }
  .special_detail_summary{
    font-size: 0.7rem;
  }
  .special_detail_date{
    font-size: 0.6rem;
  }
}

/*special_main_kv*/
.special_main_kv{
  position:relative;
  margin:0 0 40px 0;
  padding:0;
  width:768px;
  height:315px;
  border-radius:15px;
  overflow:hidden;
}
.special_main_kv .special_catg_bg{
  margin:0;padding:0;
  text-align:center;
}
.special_main_kv .special_catg_bg img{
  margin:0;padding:0;
  width:100%;
  height:auto;
  vertical-align:top;
}
.special_main_kv .special_main_kv_detail{
  position:absolute;
  padding-right:20px;
  top:90px;
  left:50px;
  color:#000;
  z-index:2;
}
.special_main_kv .special_main_ttl{
   position:relative;
  padding-bottom:28px;
  font-size:24px;
  font-weight:600;
}
.special_main_kv .special_main_txt{
  font-size:14px;
  line-height:28px;
}
@media screen and (max-width:1112px){
  .special_main_kv{
    border-radius:0;
    width:100vw;
    height:50vw;
    overflow:hidden;
  }
  .special_main_kv .special_catg_bg img{
    height:50vw;
    width:auto;
  }
  .special_main_kv .special_main_kv_detail{
    width: 85%;
    height: 70%;
    position: absolute;
    left: 5vw;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .special_main_kv .special_main_ttl{
    font-size: 1.1rem;
    padding-bottom:14px;
  }
  .special_main_kv .special_main_txt{
    font-size:0.7rem;
    line-height:1rem;
  }
}

/*.special_main_list*/
.special_main_list{
  margin:0 auto;
  padding:0;
  list-style:none;
  width:100%;
}
.special_main_list li{
  display:inline-block;
  margin:0 0 40px 0;
  padding:0;
  width:100%;
}
.special_main_list li:last-child{
  margin-bottom:50px;
}
/*special_thb_list*/
.special_thb_list{
  margin:0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  width:100%;
}
.special_thb_list li{
  display:inline-block;
  margin:0;
  vertical-align:top;
}
.special_thb_list li.special_thb_list_img{
  margin-right:40px;
  padding:0;
  width:360px;
}
.special_thb_list li.special_thb_list_txt{
  margin:0;padding:0;
  width:368px;
}
@media screen and (max-width:1112px){
  .special_main_list{
      width:90vw;
    }
  .special_main_list li{
    margin:0 0 20px 0;
    width:90vw;
  }
  .special_main_list li:last-child{
    margin-bottom:20px;
  }
 .special_thb_list{
  width:100%;
}
.special_thb_list li{
  display:inline-block;
  margin:0;
  vertical-align:top;
}
.special_thb_list li.special_thb_list_img{
  margin-right:0;
  padding:0;
  width:360px;
}
.special_thb_list li.special_thb_list_txt{
  margin:0;padding:0;
  width:100%;
}
}


/* spv_article */

/*spv_ad_bnnr_sp*/
.spv_ad_bnnr_sp{
  display:none;
}
.spv_ad_bnnr_sp2{
  display:none;
}
@media screen and (max-width:1112px){
  .spv_ad_bnnr_sp{
    display:block;
    margin:2vw auto 5vw auto;
    padding:0;
    width:90vw;
  }
  .spv_ad_bnnr_sp2{
    display:block;
    margin:0 auto 15vw auto;
    padding:0;
    width:90vw;
  }
}

/*article_other_conts*/
.article_other_conts{
  position:relative;
  margin: 0 auto 60px auto;
  padding:0;
  width: 100%;
}
.article_other_conts h3.article_other_conts_ttl{
  margin-bottom:12px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}
.article_other_conts p.article_other_conts_ttl2{
  margin-bottom:12px;
  padding:0 0 12px 0;
  font-size:14px;
  line-height:18px;
  font-weight: 500;
  border-bottom:1px solid #ccc;
}
.article_other_conts p.article_other_conts_txt{
  padding-bottom: 0;
  font-size:14px;
  line-height:24px;
}
.article_other_conts p.article_other_conts_txt a{
  text-decoration:underline;
}
.article_other_conts p.article_other_conts_txt2{
  padding-bottom: 0;
  font-size:12px;
  line-height:18px;
}
.article_other_conts p.article_other_relation_sub_txt{
  padding:18px;
  font-size:12px;
  line-height:18px;
}

.article_other_event_list{
  margin:0 auto;
  padding:0;
  list-style:none;
}
.article_other_event_list li{
  margin:0;
  padding:10px 20px;
  vertical-align:top;
  font-size: 14px;
  line-height: 24px;
  border-top:1px solid #ccc;
  display: flex;
}
.article_other_event_list li:last-child{
  border-bottom:1px solid #ccc;
}
.article_other_event_list .list_ttl{
  display:inline-block;
  width:17%;
  vertical-align:top;
}
.article_other_event_list .list_detail{
  display:inline-block;
  width:83%;
  vertical-align:top;
}
.article_other_member_list{
  position:relative;
  margin:0 0 30px 0;
  padding:0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width:100%;
}
.article_other_member_img{
  margin:0 20px 0 0;
  padding:0;
  width:160px;
  height:auto;
  border:1px solid #cccc;
  box-sizing: border-box;
}
.article_other_book_img{
  margin:0 20px 0 0;
  padding:0;
  width:160px;
  height:160px;
  text-align:center;
  /*border:1px solid #cccc;*/
  box-sizing: border-box;
}
.article_other_book_img img{
  height:100%!important;
  width:auto!important;
  margin:0 auto;
  padding:0;
  vertical-align:top;
}
.article_other_member_ttl{
  position:relative;
  margin:0 0 15px 0;
  padding:0;
  width:100%;
  vertical-align:top;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.article_other_number{
  display:inline-block;
  margin:0 18px 0 0;
  padding:15px 12px;
  font-size:14px;
  line-height:18px;
  text-align:center;
  color:#fff;
  background-color:#003457;
  vertical-align:top;
}
.article_other_member_ttl_txt{
  display:inline-block;
  margin:0;
  padding:0;
  font-size:14px;
  line-height:24px;
  vertical-align:top;
}
/*.article_other_member_ttl_txt span{*/
/*  display:block;*/
/*  padding-top:5px;*/
/*  font-size:12px;*/
/*  line-height:18px;*/
/*}*/
.article_other_member_ttl_txt .company_name, .article_other_member_ttl_txt .author_name  {
  display: block;
  padding-top: 5px;
  font-size: 12px;
  line-height: 18px;
}
.article_other_relation_list{
  margin:0;
  padding:0;
  list-style:none;
}
.article_other_relation_list li{
  margin:0 0 5px 0;
  padding:0;
  display:block;
  font-size:14px;
  line-height:24px;
  vertical-align:top;
}
.article_other_relation_sub{
  margin:30px 0 0 0;
  padding:0;
  width: 100%;
  border-radius:5px;
  border:1px solid #ccc;
}
@media screen and (max-width:1112px){
  .article_other_conts{
    margin:0 auto 10vw auto;
    width:90vw;
  }
  .article_other_conts h3.article_other_conts_ttl{
    margin-bottom:4vw;
    font-size:1rem!important;
    line-height:1.4rem;
  }
  .article_other_conts p.article_other_conts_ttl2{
    margin-bottom:3vw;
    padding:0 0 3vw 0;
    font-size: 0.9rem;
    line-height: 1.4rem;
  }
  .article_other_conts p.article_other_conts_txt{
    font-size: 0.9rem;
    line-height: 1.2rem;
  }
  .article_other_conts p.article_other_conts_txt2{
    font-size:0.9rem;
    line-height:1rem;
  }
  .article_other_conts p.article_other_relation_sub_txt{
    padding:4vw;
    font-size:0.9rem;
    line-height:1.2rem;
  }
  .article_other_event_list li{
    padding:2vw;
    font-size:0.9rem;
    line-height:1.2rem;
  }
  .article_other_event_list .list_ttl{
    /*width:25vw;*/
  }
  .article_other_event_list .list_detail{
    /*width:61vw;*/
  }
  .article_other_member_img{
    margin:0 15px 0 0;
    width:90px;
  }
  .article_other_book_img{
    margin:0 15px 0 0;
    width:90px;
    height:100px;
  }
  .article_other_number{
    margin:0 2vw 0 0;
    padding:2vw;
    font-size:0.9rem;
    line-height:1.2rem;
    /*width:16vw;*/
  }
  .article_other_member_ttl{
    margin:0 0 2vw 0;
  }
  .article_other_member_ttl_txt{
    font-size:0.9rem;
    line-height:1.2rem;
  }
  /*.article_other_member_ttl_txt span{*/
  /*  padding-top:1vw;*/
  /*  font-size: 0.7rem;*/
  /*  line-height:1.2rem;*/
  /*}*/
  .article_other_member_ttl_txt .company_name, .article_other_member_ttl_txt .author_name {
    padding-top:1vw;
    font-size: 0.8rem;
    line-height:1.2rem;
  }
  .article_other_relation_list li{
    margin:0 0 2vw 0;
    font-size: 0.9rem;
    line-height: 1.2rem;
  }
}
@media screen and (max-width: 768px){
  .article_other_event_list .list_ttl{
    width:25vw;
  }
  .article_other_event_list .list_detail{
    width:61vw;
  }
  .article_other_number{
    width:16vw;
  }
}
@media screen and (max-width:320px){
  .article_other_number{
    width:25vw;
  }
}

/*spv_figure*/
.spv_figure .spv_figure_caption{
  display: none;
}
.img-content .spv_figure {
  margin:20px auto 20px auto;
  padding:0;
  display:block;
  text-align:center;
  width:auto;
}
.img-content .spv_figure img{
  margin:0 auto;
}
.img-content .spv_figure .spv_figure_caption{
  display: block!important;
  caption-side: bottom;
  margin-top:20px;
  text-align:center;
  font-size:14px;
}
@media screen and (max-width:1112px){
  .img-content .spv_figure {
    margin:3vw auto 3vw auto;
  }
  .img-content .spv_figure img{
    width:90vw!important;
  }
  .img-content .spv_figure .spv_figure_caption{
    display: block!important;
    margin-top:2vw;
    font-size: 0.9rem;
    text-align:left;
  }
}

/*article_ttl_conts*/
.article_ttl_conts{
  position:relative;
  margin:0 0 35px 0;
  padding:15px 0 20px 0;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}
.article_ttl_icon_pr{
  margin: 0;padding: 0;
  text-align: right;
  font-size: 12px;
}
.article_ttl_keyword{
  min-height: 1rem;
  position:relative;
  margin: 0;padding: 0;
}
.article_ttl_keyword a{
  display: inline-block;
  margin-right: 10px;
  padding: 0 10px;
  font-size: 12px;
  line-height: 28px;
  letter-spacing: 0;
  color: #000;
  font-feature-settings: "palt";
  text-decoration: underline;
  border-radius: 30px;
  background-color: #fff;
  border: 1px solid #ccc;
}
.article_taglist {
  padding-bottom: 20px;
}
.article_main_ttl1{
  margin-bottom:5px;
  font-size:20px;
  font-weight: 500;
  text-align: left;
}
.article_main_ttl2{
  margin-bottom:5px;
  font-size: 24px;
  font-weight: 500;
  text-align: left;
}
.article_main_ttl3{
  margin-bottom:30px;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
}
.article_ttl_keyword + .article_detail_date{
  position:absolute;
}
.article_detail_date{
  margin:10px 0 0;
  bottom:20px;
  right:0;
  text-align: right;
  font-size: 10px;
  font-weight: 500;
}
.article_main_img1{
  position:relative;
  margin-bottom:30px;
  width:536px;
}
@media screen and (max-width:1112px){
  /*#content .content-inner{
    width:100vw;
  }*/
  .flexbox-container{
    width:100vw;
  }
  .flexbox-container .col_left{
    width:100vw;
  }
  .article_ttl_conts{
    margin:0 auto 35px auto;
    padding:15px 0 20px 0;
    width:90vw;
  }
  .article_ttl_icon_pr{
    font-size: 0.7rem;
  }
  .article_detail_date{
    font-size: 0.7rem;
  }
  .article_main_ttl1{
    margin-bottom:3vw;
    font-size: 0.9rem;
  }
  .article_main_ttl2{
    margin-bottom:3vw;
    font-size: 1.1rem;
    font-weight: 700;
  }
  .article_main_ttl3{
    margin-bottom:3vw;
    font-size: 0.9rem;
  }
}

/*article_main_conts*/
.article_main_conts{
  margin:0 auto;
  padding:0;
  width:100%;
}
.article_main_conts p{
  padding-bottom:20px;
  font-size:14px;
  line-height:24px;
}
.article_main_conts h2{
  margin-bottom: 25px;
  font-size: 18px;
  line-height: 36px;
  font-weight: 700;
}
.article_main_conts h3:not(.article_other_conts_ttl){
  margin-bottom: 25px;
  font-size: 14px;
  line-height: 28px;
  font-weight: 700;
  position: relative;
  padding-left: 1.2em;
}
.article_main_conts h3:not(.article_other_conts_ttl)::before{
  position: absolute;
  left: 0;
  top: 13px;
  content: "";
  display: inline-block;
  width: 9px;
  height: 5px;
  background-image: url('../img/ab9cdee39b3.png');
  background-repeat: no-repeat;
}
.article_main_conts h2 a, .article_main_conts h3 a{
   position: relative;
   top: -100px;
   display: block;
}
.article_main_conts figure{
  display: contents;
}
.article_main_conts .article_other_book_img figure{
  display: inline;
  margin: auto;
}
.article_main_conts a{
  text-decoration: underline!important;
}
.article_main_conts .comm_more_btn a, .article_main_conts .share_detail_list a, .article_main_conts .article_orange_btn a{
  text-decoration: none!important;
}
.article_txt_right{
  text-align:right;
}
@media screen and (max-width:1112px){
  .article_main_conts{
    width:90vw;
  }
  .article_main_conts p{
    padding-bottom:2vw;
    font-size:0.9rem;
    line-height:1.4rem;
  }
  .article_main_conts h2{
    margin-bottom: 3vw;
    font-size: 1rem;
    font-weight: 700;
    line-height: 2rem;
  }
  .article_main_conts h3:not(.article_other_conts_ttl){
    margin-bottom:2vw;
    font-size:0.9rem;
    line-height:1.5rem;
  }
  .article_main_conts h3:not(.article_other_conts_ttl)::before {
    position: absolute;
    left: 0;
    top: 10px;
    content: "";
    display: inline-block;
    width: 12px;
    height: 3px;
    background-image: url('../img/a7e30f81e3d.png');
    background-repeat: no-repeat;
  }
  .article_main_conts h2 a, .article_main_conts h3 a{
    top: -65px;
  }
}

/*article_orange_btn*/
.article_orange_btn{
  margin:40px auto 60px auto;
  padding:0;
  width: 248px;
  text-align:center;
}
.article_orange_btn a{
  position:relative;
  display:inline-block;
  padding:0;
  width: 248px;
  height: 50px;
  font-size:14px;
  line-height:50px;
  color:#fff;
  background-color:#c24e00;
  border-radius:25px;
}
.article_orange_btn a span{
  padding:0 0 0 20px;
}
.article_orange_btn a::before{
  content:'';
  position:absolute;
  width:20px;
  height:26px;
  top:50%;
  left:35px;
  margin-top:-2px;
  transform:translate(0,-50%);
  background-image:url('../img/aefa2c0913a.png');
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
}
.article_closed_btn p{
  text-align: center;
  margin-bottom: 36px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}
@media screen and (max-width:1112px){
  .article_orange_btn{
    width:70vw;
  }
  .article_orange_btn a{
    padding:0;
    width:70vw;
  }
  .article_orange_btn a::before{
    left:40px;
  }
  .article_closed_btn p{
    font-size: 1rem;
    line-height: 1.4rem;
  }
}

/*author_detail*/
.author_detail{
  margin:20px auto 60px auto;
  padding:20px;
  width: 100%;
  border-radius:5px;
  border:1px solid #ccc;
  box-sizing: border-box;
}
.author_detail .author_list{
  position:relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.author_detail .author_list li{
  margin:0 15px 0 0;
  padding:0;
  display:inline-block;
}
.author_detail .author_list li:last-child{
  margin-right:0;
}
.author_detail .author_list_img{
  margin:0;
  padding:0;
  width:90px;
  /*height:90px;*/
  border:1px solid #ccc;
  box-sizing: border-box;
}
.author_detail .author_list_ttl{
  position:relative;
  margin:0 0 15px 0;
  padding:0;
  font-size:14px;
}
.author_detail .author_list_job_title{
  display: block;
  margin-top: -10px;
  padding-top: -22px;
  font-size: 12px;
  padding-bottom: 15px;
  line-height: 18px;
}
.author_detail .author_list_txt{
  margin:0;
  padding:0;
  font-size:12px;
  line-height:18px;
}
@media screen and (max-width:1112px){
  .author_detail{
    margin:5vw auto 10vw auto;
    padding:4vw;
    width:90vw;
  }
  .author_detail .author_list{
    /*padding-top: 10vw;*/
  }
  .author_detail .author_list li{
    margin:0 15px 0 0;
  }
  .author_detail .author_list li:last-child{}
  .author_detail .author_list_ttl{
    /*position:absolute;
    top:0;
    left:0;*/
    margin-bottom:7px;
    font-size: 0.9rem;
    line-height: 1.2rem;
    /*z-index:2;*/
  }
  .author_detail .author_list_txt{
    font-size: 0.8rem;
    line-height: 1rem;
  }
  .author_detail .author_list_job_title{
    margin-top: -7px;
    padding-top: 1vw;
    font-size: 0.8rem;
    line-height: 1.2rem;
    padding-bottom: 2vw;
  }
}

/*article_end_list*/
.article_end_list{
  position:relative;
  margin:30px auto 60px auto;
  padding:0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.article_end_list li{
  margin:0 20px 0 0;
  padding:0;
  display:inline-block;
}
.article_end_list li:last-child{
  margin-right:0;
}
.article_end_list .article_end_list_img{
  margin:0;
  padding:0;
  width:120px;
  height:120px;
  border:1px solid #ccc;
  box-sizing: border-box;
}
.article_end_list .article_end_list_ttl{
  position:relative;
  margin:0 0 10px 0;
  padding:0;
  font-size:14px;
}
.article_end_list .article_end_list_txt{
  margin:0;
  padding:0;
  font-size:12px;
  line-height:18px;
}
.article_end_list .comm_more_btn{
  margin:20px 0 0 0;
}
.article_end_list .comm_more_btn a{
  width:150px;
  height:36px;
  font-size: 12px;
  line-height:36px;
  border-radius:18px;
}
@media screen and (max-width:1112px){
  .article_end_list{
    /*padding-top: 10vw;*/
    margin:5vw auto 10vw auto;
    width:90vw;
  }
  .article_end_list li{
    margin:0 15px 0 0;
  }
  .article_end_list li:last-child{
    width: calc(90vw - 105px);
  }
  .article_end_list .article_end_list_img{
    width:90px;
    height:90px;
  }
  .article_end_list .article_end_list_ttl{
    /*position:absolute;
    top:0;
    left:0;*/
    margin-bottom:7px;
    font-size: 0.85rem;
    line-height: 1.2rem;
    /*z-index:2;*/
  }
  .article_end_list .article_end_list_txt{
    font-size: 0.8rem;
    line-height: 1rem;
  }
  .article_end_list .comm_more_btn{
    margin:15px 0 0 0;
    width:auto;
  }
  .article_end_list .comm_more_btn a{
    width:auto;
  }
}

/*share_main_list*/
.share_main_ttl{
  margin:0 0 15px 125px;
  padding:0;
  width:260px;
  height:auto;
}
.share_main_list{
  margin-bottom:100px;
  padding:0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: space-between;
}
.share_main_list li{
  margin:0;/*0 15px 0 0;*/
  padding:0;
  vertical-align:middle;
}
.share_main_list li:last-child{
  margin-right: 0;
}
/*share_detail_list*/
.share_detail_list{
  margin:0 0 100px 0;
  padding:0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.share_detail_list li{
  margin:0 10px 0 0;
  padding:0;
  width:auto;
  height:40px;
  font-size:13px;
  line-height:40px;
  font-weight:600;
  color:#fff;
  vertical-align:top;
}
.share_detail_list li:last-child{
  margin-right: 0;
}
.share_facebook a{
  position:relative;
  display:block;
   padding:0 23px 0 45px;
  color:#fff;
  width:auto;
  height:40px;
  border-radius:20px;
  background-color:#3b579d;
}
.share_facebook a::before{
  content:'';
  position:absolute;
  height:30px;
  width:30px;
  top:50%;
  left:9px;
  transform:translate(0,-50%);
  overflow:hidden;
  background-image:url('../img/a1cac3ae469.png');
  background-repeat:no-repeat;
  background-position:top 0 left 0;
  background-size:auto 30px;
}
.share_twitter a{
  position:relative;
  display:block;
  padding:0 23px 0 45px;
  color:#fff;
  width:auto;
  height:40px;
  border-radius:20px;
  background-color:#000;
}
.share_twitter a::before{
  content:'';
  position:absolute;
  height:30px;
  width:30px;
  top:50%;
  left:9px;
  transform:translate(0,-50%);
  overflow:hidden;
  background-image:url('../img/a1cac3ae469.png');
  background-repeat:no-repeat;
  background-position:top 0 left -30px;
  background-size:auto 30px;
}
.share_line a{
  position:relative;
  display:block;
  padding:0 23px 0 45px;
  color:#fff;
  width:auto;
  height:40px;
  border-radius:20px;
  background-color:#00b900;
}
.share_line a::before{
  content:'';
  position:absolute;
  height:30px;
  width:30px;
  top:50%;
  left:9px;
  transform:translate(0,-50%);
  overflow:hidden;
  background-image:url('../img/a1cac3ae469.png');
  background-repeat:no-repeat;
  background-position:top 0 left -60px;
  background-size:auto 30px;
}
.share_mail a{
  position:relative;
  display:block;
  padding:0 23px 0 45px;
  color:#fff;
  width:auto;
  height:40px;
  border-radius:20px;
  background-color:#999;
}
.share_mail a::before{
  content:'';
  position:absolute;
  height:30px;
  width:30px;
  top:50%;
  left:9px;
  transform:translate(0,-50%);
  overflow:hidden;
  background-image:url('../img/a1cac3ae469.png');
  background-repeat:no-repeat;
  background-position:top 0 left -90px;
  background-size:auto 30px;
}
@media screen and (max-width:1112px){
  .share_main_ttl{
    margin:0 auto 10px auto;
    padding:0;
    width:260px;
    height:auto;
  }
  .share_main_list{
    margin-bottom:15vw;
    width:90vw;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }
  .share_main_list li{
    margin:0;
    width:90vw;
  }
  .share_main_list li:last-child{
    margin-right: 0;
    text-align:center;
  }
  .share_detail_list{
    margin-bottom:15vw;
    justify-content: space-between;
  }
  .share_detail_list li{
    margin:0 5px 0 0;
    padding:0;
    width:auto;
    height:40px;
    font-size:0.6rem;
    line-height:40px;
  }
  .share_detail_list li a{
    padding:0 12px 0 25px;
  }
  .share_detail_list li a::before{
    height:20px;
    width:20px;
    left:4px;
    background-size:auto 20px;
  }
  .share_twitter a::before{
    background-position:top 0 left -20px;
  }
  .share_line a::before{
    background-position:top 0 left -40px;
  }
  .share_mail a::before{
    background-position:top 0 left -60px;
  }
}
@media screen and (max-width:320px){
  .share_detail_list{
    margin:0 auto 15vw auto;
    width:60vw;
  }
  .share_detail_list li{
    font-size:0;
  }
  .share_detail_list li a{
    padding:0 20px;
  }
  .share_detail_list li a::before{
    left:9px;
  }
  .share_facebook a{
    border-radius:50%;
  }
  .share_twitter a{
    border-radius:50%;
  }
  .share_line a{
    border-radius:50%;
  }
  .share_mail a{
    border-radius:50%;
  }
}

/*comm_more_btn*/
.share_main_list .comm_more_btn{
  display:inline-block;
  margin:0;
  width: 220px;
}
.share_main_list .comm_more_btn a{
  width: 220px;
}
@media screen and (max-width:1112px){
  .share_main_list .comm_more_btn{
    margin:25px auto 0 auto;
    width:70vw;
  }
  .share_main_list .comm_more_btn a{
    width:70vw;
  }
}

/*other_article*/
.other_article{
  margin:0 auto;
  padding:0;
}
.other_article_ttl{
  margin:0;
  padding-bottom:26px;
  font-size:18px;
  font-weight:600;
}
/*other_article_list*/
.other_article_list {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.other_article_list li {
  position:relative;
  display: inline-block;
  margin-right: 38px;
  margin-bottom: 40px;
  padding-bottom:20px;
  vertical-align: top;
}
.other_article_list li:nth-child(2n) {
  margin-right: 0;
}
.other_article_detail{
  width: 365px;
}
.other_article_img {
  position: relative;
  margin-bottom: 15px;
  width: 365px;
  height:226px;
  overflow:hidden;
}
.other_img_keyword{
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 2;
}
.other_detail_ttl {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
  text-align: left;
}
.other_detail_txt {
  font-size: 12px;
  font-weight: 500;
  text-align: left;
}
.other_detail_date {
  position:absolute;
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 10px;
  font-weight: 500;
  bottom:0;
  right:0;
}
@media screen and (max-width:1112px){
  .other_article{
    width:90vw;
    margin-top: 50px;
  }
  .other_article li {
    margin: 0 4vw 5vw 0;
    width: 43vw;
  }
  .other_article_detail{
    width: 43vw;
  }
  .other_article_img {
    position: relative;
    margin-bottom: 10px;
    width: 43vw;
    height:26.624vw;
  }
  .other_img_keyword{
    bottom:1.5vw;
    left:1.5vw;
  }
  .img_keyword_list a{
    margin-right: 5px;
    font-size: 0.6rem;
    line-height: 1rem;
    padding: 5px 10px;
  }
  .other_detail_ttl {
    margin-bottom: 1vw;
    font-size: 0.8rem;
    line-height: 1.3rem;
  }
  .other_detail_txt {
    font-size: 0.7rem;
  }
  .other_detail_date {
    font-size: 0.6rem;
  }
}

.article-video {
  position: relative;
  margin: 0 auto 60px auto;
  padding: 0;
  width: 100%;
}

@media screen and (max-width: 1112px) {
  .article-video {
    margin: 0 auto 10vw auto;
    width: 90vw;
  }
}

.article-video .article-movie {
  display: block;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.article-video .article-movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.img-content img{
  display: block;
  margin: auto;
  max-width: 80%;
}
.img-content img.horizontal{
  width: 80%;
}
.img-content img.portrait{
  width: 45%;
}

.hidden_contents label.answer_open_btn{
  display: block;
  margin: 40px auto;
  color: #000;
  border: 1px solid #ccc;
  border-radius: 25px;
  width: 248px;
  height: 50px;
  font-size: 14px;
  line-height: 50px;
  background-color: #fff;
  transition: 0.3s;
  opacity: 1;
  text-align: center;
}
.hidden_contents label.answer_open_btn:hover{
  color: #fff;
  border: 1px solid #000;
  background-color: #000;

}
.hidden_contents input {
  display: none;
}
.hidden_contents .quiz_answer{
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
}
.hidden_contents input:checked ~ .quiz_answer {
  padding: 10px 0;
  height: auto;
  opacity: 1;
}

@media screen and (max-width: 1112px) {
  .adtag_sp div:first-of-type:empty {
    width: 0!important;
    height: 0!important;
  }
}

.module-article-table {
  width: 100%;
  font-size: 14px;
  border: 1px solid #ccc;
}

.module-article-table th, .module-article-table td {
  font-size: .9rem;
  padding: 2px;
  text-align: center;
  border: 1px solid #ccc;
}
.module-article-table th {
  background: #deded9;
  white-space: nowrap;
}
.module-article-table caption {
  color: #a3a09b;
  font-size: .8rem;
  padding: 5px 0;
}
.module-article-table__wrapper {
  margin: 0;
  padding: 0;
}
/*画像説明用の追加CSS*/
p.big_font_caption{
  font-size: 16px !important;
  width: 80%;
  margin: auto;
}
p.middle_font_caption{
  font-size: 14px !important;
  width: 80%;
  margin: auto;
}
p.small_font_caption{
  font-size: 12px !important;
  width: 80%;
  margin: auto;
}

/* フォントリサイズのCSS */
.article_main_conts p,
.article_other_conts h3.article_other_conts_ttl,
.article_other_conts p.article_other_conts_ttl2,
.article_other_conts p.article_other_conts_txt,
.article_other_event_list li,
.article_other_number,
.article_other_member_ttl_txt,
.article_other_relation_list li,
.img-content .spv_figure .spv_figure_caption,
.author_detail .author_list_ttl,
.article_end_list .article_end_list_ttl,
.other_article_ttl,
.other_detail_ttl,
.module-article-table,
.module-article-table th,
.module-article-table td,
p.middle_font_caption {
  font-size: 20px !important;
  line-height: 36px !important;
}

/* h2 / h3 */
.article_main_conts h2 {
  font-size: 36px !important;
  line-height: 52px !important;
}
.article_main_conts h3:not(.article_other_conts_ttl) {
  font-size: 24px !important;
  line-height: 40px !important;
}
.article_main_conts h3:not(.article_other_conts_ttl)::before {
  top: 19px !important;
}

/* 16px / 18px 帯の要素 */
p.big_font_caption,
.article_main_ttl3 {
  font-size: 23px !important;
  line-height: 34px !important;
}

/* 12px 帯の要素も段階的に拡大 */
p.small_font_caption,
.article_other_conts p.article_other_conts_txt2,
.article_other_conts p.article_other_relation_sub_txt,
.article_other_member_ttl_txt .company_name,
.article_other_member_ttl_txt .author_name,
.author_detail .author_list_txt,
.author_detail .author_list_job_title,
.article_end_list .article_end_list_txt,
.other_detail_txt,
.module-article-table caption,
.article_detail_date,
.other_detail_date {
  font-size: 16px !important;
  line-height: 26px !important;
}

/* ボタンは高さ固定なので line-height を維持 */
.hidden_contents label.answer_open_btn {
  font-size: 20px !important;
  line-height: 50px !important;
}

@media screen and (max-width:1112px){
  .article_main_conts p,
  .article_other_conts h3.article_other_conts_ttl,
  .article_other_conts p.article_other_conts_ttl2,
  .article_other_conts p.article_other_conts_txt,
  .article_other_event_list li,
  .article_other_number,
  .article_other_member_ttl_txt,
  .article_other_relation_list li,
  .img-content .spv_figure .spv_figure_caption,
  .author_detail .author_list_ttl,
  .article_end_list .article_end_list_ttl,
  .other_article_ttl,
  .other_detail_ttl,
  .module-article-table,
  .module-article-table th,
  .module-article-table td,
  p.middle_font_caption {
    font-size: 16px !important;
    line-height: 28px !important;
  }

  .article_main_conts h2 {
    font-size: 32px !important;
    line-height: 44px !important;
  }

  .article_main_conts h3:not(.article_other_conts_ttl) {
    font-size: 20px !important;
    line-height: 32px !important;
  }

  .article_main_conts h3:not(.article_other_conts_ttl)::before {
    top: 16px !important;
  }

  p.big_font_caption,
  .article_main_ttl3 {
    font-size: 18px !important;
    line-height: 28px !important;
  }

  p.small_font_caption,
  .article_other_conts p.article_other_conts_txt2,
  .article_other_conts p.article_other_relation_sub_txt,
  .article_other_member_ttl_txt .company_name,
  .article_other_member_ttl_txt .author_name,
  .author_detail .author_list_txt,
  .author_detail .author_list_job_title,
  .article_end_list .article_end_list_txt,
  .other_detail_txt,
  .module-article-table caption,
  .article_detail_date,
  .other_detail_date {
    font-size: 14px !important;
    line-height: 24px !important;
  }

  .hidden_contents label.answer_open_btn {
    font-size: 16px !important;
    line-height: 50px !important;
  }
}
td, th {
  padding: 5px 10px !important;
}

.wp-block-heading {
    margin: 72px 0 24px 0;
    padding: 12px 24px;
    background-color: #f0f0f0;
    color: #050518;
    font-size: 20px;
    font-weight: 700;
}

.mod-gallery {
    display: block !important;
    margin: 0 auto;
    margin-bottom: 60px;
    width: 100%;
    max-width: calc(400px * 4 / 3);
    position: relative;
    aspect-ratio: 4 / 3;
    background: #000;
    overflow: hidden;
}

.mod-gallery-bg {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition:
        transform 0.4s ease-in-out,
        -webkit-transform 0.4s ease-in-out;
}

.mod-gallery-bg img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    object-fit: contain;
    object-position: center;
}

.mod-gallery-link {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 50px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

.mod-gallery-length span {
    display: block;
    margin: 6px 0 0;
}

.mod-gallery-link:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 12px;
    background: url('../img/a1a1fe9f9de.svg') no-repeat center;
    background-size: 60px 12px;
    transition: all 0.4s ease-in-out;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.mod-gallery-length {
    position: absolute;
    bottom: 12px;
    left: 50%;
    color: #fff;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
}

.mod-gallery:hover .mod-gallery-bg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

a.mod-gallery-bg:hover,
a.mod-gallery-bg:hover img {
    opacity: 1 !important;
}

@media screen and (max-width: 640px) {
    .wp-block-heading {
        padding: 6px 12px;
    }
    .mod-gallery-link {
        width: 38px;
    }
    .mod-gallery {
        margin-bottom: 10vw;
    }
}


/* spv_dokusha */

/*comm_member_btn*/
.comm_member_btn {
  margin: 0 auto;
  padding: 0;
  width: 248px;
  text-align: center;
}
.comm_member_btn.btn_mgbtm1{
  margin-bottom:100px;
}
.comm_member_btn a {
  display: block;
  width: 248px;
  height: 50px;
  color: #fff;
  font-size: 14px;
  border-radius: 25px;
  background-color: #c24e00;
  transition: 0.3s;
}
.comm_member_btn a span {
  display: block;
  padding: 4px 0 1px 0;
  font-size: 12px;
}
@media screen and (max-width:1112px){
  .comm_member_btn,.comm_member_btn a{
    width:70vw;
  }
  .comm_member_btn.btn_mgbtm1{
    margin-bottom:15vw;
  }
}

/*dokusha_main_kv*/
.dokusha_main_kv{
  margin:0 auto;
  padding:158px 0 0 0;
  width:100%;
  background-image:url('../img/a5feed0d10f.jpg');
  background-repeat:no-repeat;
  background-position:top 0 center;
  background-size:auto;
}
.dokusha_main_ttl{
  position:relative;
  margin:0 auto 70px auto;;
  padding:0;
  width:330px;
  height:330px;
  background-color:rgba(255,255,255,0.35);
  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 20px;
  border-radius:50%;
}
.dokusha_main_ttl_img{
  position:absolute;
  width:358px;
  height:auto;
  top:-24px;
  left:50%;
  transform:translate(-50%,0);
  z-index:2;
}
.dokusha_main_ttl_txt{
  margin:0 auto;
  padding:125px 0 0 0;
  text-align:center;
  font-size:14px;
  line-height:28px;
}
.dokusha_sub_ttl{
  margin:0 auto 50px auto;
  padding:0;
  width:670px;
  text-align:center;
}
.dokusha_sub_ttl_ttl{
  margin:0 auto;
  padding:0 0 29px 0;
  font-size:18px;
  font-weight:600;
}
.dokusha_sub_ttl_txt{
  margin:0;
  padding:0 0 60px 0;
  font-size:14px;
  line-height:28px;
}
.dokusha_sub_list{
  margin:0 auto 20px auto;
  padding:0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dokusha_sub_list li{
  margin:0 20px 0 0;
  padding:0;
  width:50%;
  vertical-align:top;
}
.dokusha_sub_list li:last-child{
  margin:0;
}
.dokusha_sub_list_detail{
  position:relative;
  margin:0;
  padding:0;
  text-align:left;
  border-radius:12px;
  border:2px solid #120a0a;
  box-sizing:border-box;
  background-color:#fff;
  overflow:hidden;
}
.dokusha_sub_list_detail .list_no{
  position:absolute;
  margin:0;padding:0;
  top:0;
  left:0;
  width:40px;
  height:100%;
  color:#fff;
  font-family: "Noto Sans Arabic", sans-serif;
  font-size:24px;
  font-weight:500;
  text-align:center;
  z-index:2;
}
.dokusha_sub_list_detail .list_no .list_no_txt{
  position:absolute;
  margin:0;padding:0;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.dokusha_sub_list_detail .list_no.list_no1{
  background-color:#f18f01;
}
.dokusha_sub_list_detail .list_no.list_no2{
  background-color:#c73e1d;
}
.dokusha_sub_list_detail .list_no.list_no3{
  background-color:#0a2463;
}
.dokusha_sub_list_detail .list_no.list_no4{
  background-color:#00a5cf;
}
.dokusha_sub_list_detail .list_detail{
  position:relative;
  margin:0;
  padding:20px 40px 20px 60px;
  font-size:14px;
  line-height:25px;
}
@media screen and (max-width:1112px){
  .dokusha_main_kv{
    padding:17.7vw 0 0 0;
    background-image:url('../img/aa47920aa41.webp');
    background-size:100% auto;
  }
  .dokusha_main_ttl{
    margin: 0 auto 25vw auto;
    width:69vw;
    height:69vw;
  }
  .dokusha_main_ttl_img{
    top:6vw;
    width:60vw;
  }
  .dokusha_main_ttl_txt{
    padding:32vw 0 0 0;
    font-size: 0.7rem;
    line-height: 1.3rem;
  }
  .dokusha_sub_ttl{
    margin: 0 auto 10vw auto;
    width:90vw;
  }
  .dokusha_sub_ttl_ttl{
    padding: 0 0 4vw 0;
    text-align:center;
    font-size:1rem;
    line-height:1.8rem;
  }
  .dokusha_sub_ttl_txt{
    padding: 0 0 10vw 0;
    font-size: 0.7rem;
    line-height: 1.3rem;
  }
  .dokusha_sub_list{
    margin:0 auto 10px auto;
    flex-wrap: wrap;
  }
  .dokusha_sub_list li{
    margin:0 0 10px 0;
    width:100%;
  }
  .dokusha_sub_list_detail .list_detail{
    padding:10px 15px 10px 40px;
    font-size: 0.8rem;
    line-height: 1.4rem;
  }
  .dokusha_sub_list_detail .list_no{
    width:25px;
    font-size:0.9rem;
  }
}

/*normal_setting*/
.dokusha_main_img{
  z-index: 1;
  position: relative;
  width:248px;
  height:175px;
  border-radius: 90px;
  overflow: hidden;
  transition: 0.3s;
}
.dokusha_main_img img{
  height:auto;
  width:106%;
}
.dokusha_img_keyword{
  position:absolute;
  top:0;
  left:0;
  z-index:2;
}
.dokusha_detail_ttl1{
  margin-bottom:10px;
  font-size:14px;
  line-height:25px;
  font-weight:600;
  text-align: left;
}
.dokusha_detail_txt{
  font-size: 12px;
  font-weight: 500;
  text-align: left;
}
.member_detail_txt{
  font-size: 12px;
  font-weight: 500;
  text-align: left;
}
.dokusha_sub_th_txt{
  font-size: 12px;
  font-weight: 500;
  text-align: left;
}
.dokusha_detail_date{
  position:absolute;
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 10px;
  font-weight: 500;
  bottom:0;
  right:0;
}
@media screen and (max-width:1112px){
  #content .content-inner{
    width:100vw;
  }
  .flexbox-container{
    width:100vw;
  }
  .flexbox-container .col_left{
    width:100vw;
  }
  .dokusha_main_img{
    margin-bottom:0;
    width:43vw;
    height:30.34vw;
  }
  .dokusha_detail_ttl1{
    margin-bottom: 1vw;
    padding-bottom:5px;
    font-size: 0.8rem;
    line-height:1.3rem;
  }
  .dokusha_detail_txt{
    font-size: 0.7rem;
  }
  .member_detail_txt{
    font-size: 0.7rem;
  }
  .dokusha_sub_th_txt{
    font-size: 0.6rem;
  }
  .dokusha_detail_date{
    position:relative;
    padding-bottom:5px;
    font-size: 0.6rem;
  }
  .dokusha_img_keyword{
    position:relative;
    /*top:-3vw;*/
  }
  .dokusha_img_keyword .img_keyword_list a{
    border:1px solid #ccc;
    box-sizing:border-box;
  }
}

/*dokusha_conts*/
.dokusha_conts{
  position:relative;
  margin:0 auto 80px auto;
  padding:0;
  width:610px;
}

/*comm_event_ttl*/
.comm_event_ttl{
  position:absolute;
  top:20px;
  left:-30px;
  width:62px;
  height:auto;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  display: flex;
   flex-direction: column-reverse;
  z-index:2;
}
.comm_ttl_lead{
  position:relative;
  margin-right:20px;
  padding:0;
  font-size:14px;
  font-weight:500;
  text-align:center;
}
.comm_ttl_lead::before{
  content: '';
  position: absolute;
  display: inline-block;
  top:-16px;
  left:3px;
  width:18px;
  height:1px;
  background-color:#000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.comm_ttl_lead::after{
  content: '';
  position: absolute;
  display: inline-block;
  bottom:-16px;
  left:3px;
  width:18px;
  height:1px;
  background-color:#000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.comm_ttl_main{
  position:relative;
  margin:0;
  padding:20px 0 0 0;
  font-size:15px;
  line-height:30px;
  font-weight:600;
  text-align:center;
}
.comm_ttl_main::before{
  content:'';
  position:absolute;
  display: inline-block;
  width:30px;
  height:39px;
  top:0;
  left:50%;
  margin-left:-15px;
  overflow:hidden;
  background-repeat:no-repeat;
  background-size: auto 100%;
}
.comm_ttl_main.icon_pickup::before{
  top:-20px;
  background-image:url('../img/a3d45312abe.png');
  background-position:top 0 left -90px;
}
.comm_ttl_main.icon_event::before{
  top:35px;
  background-image:url('../img/a3d45312abe.png');
  background-position:top 0 left 0;
}
.comm_ttl_main.icon_monitor{
  padding:30px 0 0 0;
}
.comm_ttl_main.icon_monitor::before{
  top:0px;
  background-image:url('../img/a3d45312abe.png');
  background-position:top 0 left -30px;
}
.comm_ttl_main.icon_pickup{
  left:43px;
}
.comm_ttl_main.icon_report{
  left:43px;
}
.comm_ttl_main.icon_report::before{
  top:-20px;
  background-image:url('../img/a3d45312abe.png');
  background-position:top 0 left -60px;
}
@media screen and (max-width:1112px){
  .comm_event_ttl{
    position:relative;
    margin:0 auto 8vw auto;
    width:70vw;
    top:0;
    left:auto;
    
    flex-direction: column;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: tb-rl;
    -o-writing-mode: tb-rl;
    writing-mode: lr-tb;
  }
  .comm_ttl_lead{
    margin:0 0 10px 0;
    font-size:14px;
  }
  .comm_ttl_lead::before{
    top:10px;
    left:-10px;
  }
  .comm_ttl_lead::after{
    top:10px;
    left:auto;
    right:-10px;
  }
  .comm_ttl_main{
    margin:0;
    padding:0;
    font-size:15px;
    line-height:25px;
  }
  .comm_ttl_main::before{
    transform:translate(0,0);
  }
  .comm_ttl_main.icon_pickup{
    padding:0 0 0 20px;
    left:0;
  }
  .comm_ttl_main.icon_pickup::before{
    top:-8px;
    left:70px;
  }
  .comm_ttl_main.icon_event{
    padding:0 0 0 20px;
  }
  .comm_ttl_main.icon_event::before{
    top:-8px;
    left:55px;
  }
  .comm_ttl_main.icon_monitor{
    padding:0 0 0 20px;
  }
  .comm_ttl_main.icon_monitor::before{
    top:-8px;
    left:37px;
  }
  .comm_ttl_main.icon_report{
    padding:0 0 0 20px;
    left:0;
  }
  .comm_ttl_main.icon_report::before{
     top:-8px;
    left:25px;
  }
}
/*SE*/
@media screen and (max-width:320px) {
  .comm_ttl_lead{
    font-size: 0.7rem;
  }
  .comm_ttl_main{
    font-size: 0.8rem;
  }
  .comm_ttl_main.icon_pickup::before{
    top: -10px;
    left:45px;
  }
  .comm_ttl_main.icon_event::before{
    top: -10px;
    left: 35px;
  }
  .comm_ttl_main.icon_monitor::before{
    top: -11px;
    left: 20px;
  }
  .comm_ttl_main.icon_report::before{
    left:10px;
  }
}

.dokusha_ttl1{
  position:absolute;
  margin:0;
  padding:25px 0 0 0;
  width:30px;
  height:auto;
  top:10px;
  left:0;
  font-size: 15px;
  line-height: 45px;
  font-weight: 600;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  z-index:2;
}
.dokusha_ttl1::before{
  content:'';
  position:absolute;
  display: inline-block;
  width:30px;
  height:39px;
  top:25px;
  left:50%;
  transform:translate(-50%,0);
  overflow:hidden;
  background-repeat:no-repeat;
  background-size: auto 100%;
}
.dokusha_ttl1.icon_calendar::before{
  top:35px;
  background-image:url('../img/a3d45312abe.png');
  background-position:top 0 left 0;
}
.dokusha_ttl1.icon_user::before{
  top:10px;
  background-image:url('../img/a3d45312abe.png');
  background-position:top 0 left -30px;
}
.dokusha_ttl1.icon_trophy::before{
  top:17px;
  background-image:url('../img/a3d45312abe.png');
  background-position:top 0 left -60px;
}
@media screen and (max-width:1112px){
  .dokusha_conts{
    margin-bottom:14vw;
    width:90vw;
  }
  .dokusha_ttl1{
    position:relative;
    margin-bottom:5vw;
    padding:0 0 0 28px;
    top:0;
    left:0;
    width:auto;
    font-size: 1.1rem;
    line-height: 1.8rem;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: tb-rl;
    -o-writing-mode: tb-rl;
    writing-mode: lr-tb;
  }
  .dokusha_ttl1.icon_calendar::before{
    top:50%;
    transform:translate(0,-50%);
  }
  .dokusha_ttl1.icon_user::before{
    top:50%;
    transform:translate(0,-50%);
  }
  .dokusha_ttl1.icon_trophy::before{
    top:50%;
    transform:translate(0,-50%);
  }
}

/*dokusha_list*/
.dokusha_list{
  margin:0;
  padding:0 0 0 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  justify-content: space-between;
  list-style:none;
  width:540px;
}
.dokusha_list li{
  position:relative;
  display:inline-block;
  margin-right:38px;
  margin-bottom:30px;
  padding-bottom:20px;
  vertical-align:top;
}
.dokusha_list li:nth-child(2n){
  margin-right:0;
}
.dokusha_detail{
  position: relative;
  margin: 0;
  padding: 0;
  width:248px;
}
/*dokusha_detail_list*/
.dokusha_detail_list{
  position:relative;
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 248px;
}
.dokusha_detail_list li{
  /*position: relative;*/
  position:static;
  margin: 0;
  padding: 0;
  padding-bottom: 15px;
  display: block;
  width: 248px;
}

@media screen and (max-width:1112px){
  .dokusha_list{
    padding:0;
    width:90vw;
  }
  .dokusha_list li{
    display:block;
    margin-right:0;
    margin-bottom:5vw;
    padding-bottom:0;
  }
  .dokusha_detail{
    width:90vw;
  }
  .dokusha_detail_list{
    margin: 0;
    padding: 0;
    list-style: none;
    width: 90vw;
  }
  .dokusha_detail_list li{
    position:relative;
    margin: 0 3vw 0 0;
    padding: 0;
    display: inline-block;
    width: 43vw;
  }
}

/*comm_member*/
.comm_member {
  position: relative;
  margin: 0 auto 80px auto;
  padding:45px;
  width: 625px;
  border-radius: 20px;
  border: 2px solid #000;
  box-sizing: border-box;
  background-color: #fff;
}
.menmber_blog_ttl {
  position: absolute;
  padding: 10px 0;
  top:87px;
  left: -23px;
  width: 45px;
  height: auto;
  z-index: 2;
  font-size: 15px;
  line-height: 45px;
  font-weight: 600;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  background-color: #fff;
}
.comm_member_list {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  width:540px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.comm_member_list li {
  position: relative;
  display: inline-block;
  margin: 0 30px 0 0;
  padding: 0;
  padding-bottom: 20px;
  width: 248px;
  vertical-align: top;
}
.comm_member_list li:nth-child(2n){
  margin-right:0;
}
.member_detail {
  position: relative;
  margin:0;
  padding:0;
  width: 248px;
}
.member_detail_img {
  z-index: 1;
  position: relative;
  margin-bottom: 20px;
  padding: 0;
  width: 248px;
  height:175px;
  border-radius: 10px;
  overflow: hidden;
}
.member_detail_img img{
  height:100%;
  width:auto;
}
.member_detail .member_detail_ttl {
  margin-bottom: 5px;
  padding-bottom:20px;
  font-size: 14px;
  line-height: 25px;
  font-weight: 600;
  text-align: left;
}
.member_detail .member_detail_date {
  position: absolute;
  margin: 0;
  padding: 0;
  text-align: right;
  font-size: 10px;
  font-weight: 500;
  bottom: 0;
  right: 0;
}
@media screen and (max-width:1112px){
  .comm_member {
    position: relative;
    margin: 0 auto 14vw auto;
    padding: 0;
    width: 90vw;
    border-radius: 0;
    border: none;
  }
  .menmber_blog_ttl {
    position: relative;
    margin: 0 0 5vw 0;
    padding: 0;
    width: 90vw;
    height: auto;
    top: 0;
    left: auto;
    text-align:left;
    transform: translate(0,0);
    font-size: 1.1rem;
    line-height: 1.8rem;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: tb-rl;
    -o-writing-mode: tb-rl;
    writing-mode: lr-tb;
  }
  .comm_member_list{
    width:90vw;
  }
  .comm_member_list li{
    margin: 0 4vw 4vw 0;
    width:43vw;
  }
  .member_detail {
    width:43vw;
  }
  .member_detail_img {
    margin-bottom: 4vw;
    width:43vw;
    height:30.34vw;
    border-radius:20px;
  }
  .member_detail .member_detail_ttl {
    margin-bottom: 0;
    font-size: 0.8rem;
    line-height: 1.4rem;
  }
  .member_detail .member_detail_date {
    font-size: 0.6rem;
  }
}

/*dokusha_point*/
.dokusha_point{
  position: relative;
  margin: 0 auto 50px auto;
  padding:0 45px;
  width: 625px;
}
.dokusha_point_detail{
  margin-bottom:50px;
}
.dokusha_point_ttl1{
  margin:0;
  padding:0 0 20px 0;
  font-size:20px;
  line-height:28px;
  font-weight:600;
}
.dokusha_point_ttl2{
  margin:0;
  padding:0 0 20px 0;
  font-size:16px;
  line-height:28px;
  font-weight:600;
}
.dokusha_point_txt{
  margin:0;padding:0;
  font-size:14px;
  line-height:25px;
}
@media screen and (max-width:1112px){
  .dokusha_point{
    margin:0 auto 10vw auto;
    padding:0;
    width:90vw;
  }
  .dokusha_point_detail{
    margin-bottom:10vw;
  }
  .dokusha_point_ttl1{
    padding:0 0 2vw 0;
    font-size:1.1rem;
    line-height: 1.6rem;
  }
  .dokusha_point_ttl2{
    padding:0 0 2vw 0;
    font-size:1rem;
    line-height:1.5rem;
  }
  .dokusha_point_txt{
    font-size: 0.85rem;
    line-height: 1.4rem;
  }
}

/*comm_member_end_list*/
.comm_member_end_list{
  margin:0 auto;
  padding:0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width:520px;
}
.comm_member_end_list li{
  margin:0 auto;
  padding:0;
  width:50%;
  text-align:center;
}
.comm_member_end_list .comm_member_btn a{
  line-height:50px;
}
@media screen and (max-width:1112px){
  .comm_member_end_list{
    display:block;
    width:100%;
  }
  .comm_member_end_list li{
    margin:0 auto 4vw auto;
    width:100%;
  }
}

/*dokusha_attention*/
.dokusha_attention{
  position: relative;
  margin:50px auto 0 auto;
  padding:0 45px;
  width: 625px;
}
.dokusha_att_txt{
  margin:0;
  padding:0;
  text-align:left;
  font-size:12px;
  line-height:18px;
}
.dokusha_att_list{
  margin:20px 0 0 0;
  padding:0;
  list-style:none;
}
.dokusha_att_list li{
  position:relative;
  margin:0 0 20px 0;
  padding:0 0 0 15px;
  display:block;
  vertical-align:top;
}
.dokusha_att_list li::before{
  content:'・';
  position:absolute;
  left:0;
  top:0;
  font-size:12px;
  line-height:18px;
}
@media screen and (max-width:1112px){
  .dokusha_attention{
    margin:10vw auto 0 auto;
    padding:0;
    width:90vw;
  }
  .dokusha_att_txt{
    font-size: 0.8rem;
    line-height: 1.3rem;
  }
  .dokusha_att_list{
    margin:5vw 0 0 0;
  }
  .dokusha_att_list li{
    margin:0 0 5vw 0;
    padding:0 0 0 4vw;
  }
  .dokusha_att_list li::before{
    font-size: 0.8rem;
    line-height: 1.3rem;
  }
}

/* clone-extras v1 — appended by the clone pipeline (and by scripts/clone_repair
   on older builds); everything below this marker is ours, not the reference's */
/* clone: a link with nowhere to go carries no href — keep it feeling inert */
a:not([href]), [role="link"]:not([href]) { cursor: default !important; }
/* clone: the swapped wordmark replaces an <img>/<svg> logo, so the reference
   never wrote text rules for that slot — without this it inherits the browser
   default link look (blue + underline, svitlo's header). */
.clone-wordmark {
  color: inherit !important; text-decoration: none !important;
  font-weight: 700; font-size: 1.15em; line-height: 1.1;
  letter-spacing: -0.01em; white-space: nowrap;
}
/* the wordmark sits INSIDE the old logo <a>, which the browser paints blue and
   underlines by default once the <img> is gone — neutralize the link itself,
   not just the span, or the brand still reads as a raw hyperlink. */
a:has(> .clone-wordmark), a:has(.clone-wordmark) {
  color: inherit !important; text-decoration: none !important;
}
/* clone: the reference's own responsive JS is gone and some donors ship a
   desktop-only DOM, so a fixed-width sidebar/table can push the page past the
   viewport on a phone (tabelog 980px at 390px wide). Keep media inside the
   page and stop the sideways scroll without touching the desktop layout. */
img, svg, video, canvas, iframe, table { max-width: 100%; }
img, video { height: auto; }
@media (max-width: 768px) {
  html, body { overflow-x: hidden; max-width: 100%; }
}
/* clone: a heading/button the reference drew as an image, now real text */
.clone-imgtext { display: inline-block; font-weight: 700; line-height: 1.3;
  font-size: 1.05em; }
/* clone: off-canvas nav panel, opened by clone.js from its #id trigger */
.clone-offcanvas { display: none !important; }
.clone-offcanvas.clone-open {
  display: block !important; position: fixed !important; inset: 0 auto 0 0 !important;
  width: min(86vw, 360px) !important; height: 100% !important;
  overflow: auto !important; z-index: 2147483000 !important;
  background: #fff; box-shadow: 0 0 40px rgba(0, 0, 0, 0.25);
  transform: none !important; opacity: 1 !important; visibility: visible !important;
}
.clone-offcanvas.clone-open * { transform: none !important; }
.clone-offcanvas.clone-open [class*="panel"] { position: static !important; }
/* clone: library photo behind a text block — light veil under the copy */
.clone-bg-veil { box-shadow: inset 0 0 0 100vmax rgba(255, 255, 255, 0.84) !important; }
/* clone: notice shown in place of a submitted form (clone.js) */
.clone-form-note {
  margin: 1em 0; padding: 0.9em 1.1em; border-radius: 8px;
  background: rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.12);
  color: inherit; font-size: 0.95em; line-height: 1.45;
}
.clone-form-note[data-state="error"] { background: rgba(190, 40, 40, 0.08); }
/* clone: fallback contact line appended when the reference carried no
   contacts at all (onlinegamer shipped 15 pages without a phone or email) */
.clone-contact { margin: 1.2em 0; line-height: 1.7; font-size: 0.95em; }
.clone-contact a { color: inherit; }

/* a11y helpers (G2 2026-10-08) */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:absolute;left:-9999px;top:0;z-index:10000;background:#000!important;color:#fff!important;padding:8px 14px;font-size:14px;text-decoration:none}
.skip-link:focus{left:8px;top:8px}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* legal pages (G2 2026-10-08) */
.legal-body{max-width:820px;margin:10px auto 70px;padding:0 4px;color:#333;font-size:16px;line-height:1.9}
.legal-body .legal-ttl{font-size:26px;font-weight:700;margin:24px 0 28px;padding-bottom:14px;border-bottom:3px solid #2b7a00}
.legal-body h2{font-size:19px;font-weight:700;margin:38px 0 14px;padding-left:12px;border-left:5px solid #c24e00;line-height:1.5}
.legal-body p{margin:0 0 14px}
.legal-body ul{margin:0 0 14px 1.4em;list-style:disc}
.legal-body li{margin:4px 0}
.legal-body a{color:#2f6f1f;text-decoration:underline}
.legal-body .legal-date{margin-top:40px;font-size:14px;color:#666;text-align:right}
.health-note{margin:12px 0 0;padding:10px 14px;background:#f6f3ec;border-left:4px solid #2b7a00;font-size:14px;line-height:1.7;color:#333}
@media screen and (max-width:767px){.legal-body{font-size:15px;padding:0 14px}.legal-body .legal-ttl{font-size:21px}.legal-body h2{font-size:17px}}
.footer-note{max-width:1112px;margin:0 auto 14px;background:transparent;border-left:0;padding:0 15px;font-size:12px;color:#555}
.footer-note a{text-decoration:underline;color:inherit}

main img{object-fit:cover}
@media screen and (max-width:767px){.keyword .content-inner{box-sizing:border-box;width:100%;max-width:100%}.keyword .keyword_list{overflow-x:auto}.keyword_ttl{box-sizing:border-box;max-width:100%}}
.clone-contact a{display:inline-block;padding:6px 0;min-height:24px;line-height:1.4}