@charset "UTF-8";
/*====================================================================
Reset　
====================================================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; text-decoration: none; box-sizing: border-box; }
html:before, html:after, body:before, body:after, div:before, div:after, span:before, span:after, applet:before, applet:after, object:before, object:after, iframe:before, iframe:after, h1:before, h1:after, h2:before, h2:after, h3:before, h3:after, h4:before, h4:after, h5:before, h5:after, h6:before, h6:after, p:before, p:after, blockquote:before, blockquote:after, pre:before, pre:after, a:before, a:after, abbr:before, abbr:after, acronym:before, acronym:after, address:before, address:after, big:before, big:after, cite:before, cite:after, code:before, code:after, del:before, del:after, dfn:before, dfn:after, em:before, em:after, img:before, img:after, ins:before, ins:after, kbd:before, kbd:after, q:before, q:after, s:before, s:after, samp:before, samp:after, small:before, small:after, strike:before, strike:after, strong:before, strong:after, sub:before, sub:after, sup:before, sup:after, tt:before, tt:after, var:before, var:after, b:before, b:after, u:before, u:after, i:before, i:after, center:before, center:after, dl:before, dl:after, dt:before, dt:after, dd:before, dd:after, ol:before, ol:after, ul:before, ul:after, li:before, li:after, fieldset:before, fieldset:after, form:before, form:after, label:before, label:after, legend:before, legend:after, table:before, table:after, caption:before, caption:after, tbody:before, tbody:after, tfoot:before, tfoot:after, thead:before, thead:after, tr:before, tr:after, th:before, th:after, td:before, td:after, article:before, article:after, aside:before, aside:after, canvas:before, canvas:after, details:before, details:after, embed:before, embed:after, figure:before, figure:after, figcaption:before, figcaption:after, footer:before, footer:after, header:before, header:after, menu:before, menu:after, nav:before, nav:after, output:before, output:after, ruby:before, ruby:after, section:before, section:after, summary:before, summary:after, time:before, time:after, mark:before, mark:after, audio:before, audio:after, video:before, video:after { box-sizing: border-box; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, menu, nav, section, main { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/*====================================================================
Base Font
====================================================================*/
html { font-size: 62.5%; }

body { font: 13px/1.231 arial,helvetica,clean,sans-serif; *font-size: small; /* for IE */ *font: x-small; /* for IE in quirks mode */ font-family: "YakuHanJPs", "Noto Sans Japanese", "游ゴシック", YuGothic, sans-serif; }

select, input, button, textarea { font: 99% arial, helvetica, clean, sans-serif; }

table { font-size: inherit; font: 100%; }

pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; }

@font-face { font-family: "Noto Sans Japanese"; src: url("../fonts/notosans/regular/NotoSansCJKjp-Regular.eot"); src: url("../fonts/notosans/regular/NotoSansCJKjp-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/notosans/regular/NotoSansCJKjp-Regular.woff") format("woff"), url("../fonts/notosans/regular/NotoSansCJKjp-Regular.otf") format("opentype"); font-weight: 400; }
@font-face { font-family: "Noto Sans Japanese"; src: url("../fonts/notosans/bold/NotoSansCJKjp-Bold.eot"); src: url("../fonts/notosans/bold/NotoSansCJKjp-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/notosans/bold/NotoSansCJKjp-Bold.woff") format("woff"), url("../fonts/notosans/bold/NotoSansCJKjp-Bold.otf") format("opentype"); font-weight: 700; }
@font-face { font-family: 'YakuHanJPs'; font-style: normal; font-weight: 400; src: url(../fonts/YakuHanJPs/YakuHanJPs-Regular.woff2) format("woff2"), url(../fonts/YakuHanJPs/YakuHanJPs-Regular.woff) format("woff"), url(../fonts/YakuHanJPs/YakuHanJPs-Regular.eot); }
@font-face { font-family: 'YakuHanJPs'; font-style: normal; font-weight: 700; src: url(../fonts/YakuHanJPs/YakuHanJPs-Bold.woff2) format("woff2"), url(../fonts/YakuHanJPs/YakuHanJPs-Bold.woff) format("woff"), url(../fonts/YakuHanJPs/YakuHanJPs-Bold.eot); }
/*----------- icofont -----------*/
@font-face { font-family: 'icomoon'; src: url("../fonts/ico/icomoon.ttf?fz0yqz") format("truetype"), url("../fonts/ico/icomoon.woff?fz0yqz") format("woff"), url("../fonts/ico/icomoon.svg?fz0yqz#icomoon") format("svg"); font-weight: normal; font-style: normal; }
/* default style
--------------------------------------------------------------------*/
a { color: #f3f3f3; /*backface-visibility: hidden;*/ word-wrap: break-word; }
a img { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: cubic-bezier(0.01, 0.67, 0.25, 1) 0.3s opacity; transition: cubic-bezier(0.01, 0.67, 0.25, 1) 0.3s opacity; }
a:hover { text-decoration: underline; }

p, li { font-size: 1.4rem; line-height: 1.8; }
p del, li del { text-decoration: line-through; }
p strong, li strong { font-weight: bold; }
p em, li em { font-weight: bold; }
p sup, li sup { font-size: 0.7em; vertical-align: super; }
p sub, li sub { font-size: 0.7em; vertical-align: bottom; }
p small, li small { font-size: 85%; }

small { line-height: 1.8; }

table { margin: 20px 0; line-height: 1.6; border-bottom: 1px solid rgba(222, 224, 235, 0.2); border-collapse: collapse; /*----------- SP -----------*/ }
table th, table td { line-height: 1.8; border-top: 1px solid rgba(222, 224, 235, 0.2); }
p + table { margin-top: 20px; }
@media screen and (max-width: 767px) { table th, table td { line-height: 1.6; } }

th, td { padding: 10px 20px; font-size: 1.4rem; }
th + th, th + td, td + th, td + td { border-left: 1px solid rgba(222, 224, 235, 0.2); }

/* base
--------------------------------------------------------------------*/
html { height: 100%; color: #f3f3f3; background: #222225; }

body { height: 100%; text-align: left; color: #f3f3f3; -webkit-font-feature-settings: "palt" 1; font-feature-settings: "palt" 1; letter-spacing: 0.5px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

::-moz-selection { color: black; background: white; }

::selection { color: black; background: white; }

.wrapper { min-width: 1024px; min-height: 100%; height: auto !important; height: 100%; position: relative; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) { .wrapper { -webkit-text-size-adjust: none; } }

@media screen and (max-width: 767px) { .wrapper { min-width: 0; } }
/* header
--------------------------------------------------------------------*/
.header { background: #3c3959; }
.header__inner { width: 980px; min-height: 85px; margin: 0 auto; position: relative; }
.header__ci { width: 250px; top: 26px; left: 0px; position: absolute; z-index: auto; }
.header__ci a { display: -webkit-box; display: flex; flex-wrap: wrap; }
.header__ci .logo { width: 74px; height: 38px; display: block; margin: 0 !important; }
.header__ci .txt { width: 153px; height: 16px; display: block; margin: 2px 0 0 18px; }
.header__ci .title { display: block; color: #9c9c9c; font-size: 1rem; top: 26px; left: 92px; position: absolute; z-index: auto; }
.header__sns { top: 75px; right: 0px; position: absolute; z-index: auto; display: none; }
.header__sns a { display: inline-block; color: #9c9c9c; }
.header__sns a:before { color: #9c9c9c; font-size: 2.2rem; }
.header__sns a:hover { text-decoration: none !important; }
.header__sns a:hover:before { color: white; }
.header__sns .twitter { padding-top: 10px; margin-right: 45px; }
.header__sns .twitter:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; }
.header__sns .instagram { padding-top: 10px; margin-right: 45px; }
.header__sns .instagram:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; }
.header__sns .youtube { padding-top: 10px; margin-right: 43px; }
.header__sns .youtube:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; }
.header__sns .isas { padding: 15px 0; padding-left: 29px; border-left: 1px solid rgba(222, 224, 235, 0.2); }
.header__sns .isas:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; }
.header__sns .isas:hover:before { color: #9c9c9c; }

@media screen and (max-width: 767px) { .header:after { content: ""; width: 100% !important; height: 65px !important; top: 0px; left: 0px; position: absolute; z-index: 0; background: #222225; }
  .header__inner { width: auto; min-height: 185px !important; z-index: 10; padding: 0 14px; }
  .header__ci { width: auto; top: 20px !important; left: 14px !important; }
  .header__ci .logo { width: 58px !important; height: 29px !important; }
  .header__ci .txt { width: 123px !important; height: 12px !important; margin: 0px 0 0 21px; }
  .header__ci .title { font-size: 1rem !important; top: 17px !important; left: 79px !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  .header__sns { display: block; top: 10px !important; right: 10px !important; }
  .header__sns a { display: none; } }
@media screen and (max-width: 767px) and (max-width: 767px) { .header__sns .header:after { content: ""; width: 100% !important; height: 65px !important; top: 0px; left: 0px; position: absolute; z-index: 0; background: #222225; }
  .header__sns .header__inner { width: auto; min-height: 185px !important; z-index: 10; padding: 0 14px; }
  .header__sns .header__ci { width: auto; top: 20px !important; left: 14px !important; }
  .header__sns .header__ci .logo { width: 58px !important; height: 29px !important; }
  .header__sns .header__ci .txt { width: 123px !important; height: 12px !important; margin: 0px 0 0 21px; }
  .header__sns .header__ci .title { font-size: 1rem !important; top: 17px !important; left: 79px !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  .header__sns .header__sns { display: block; top: 10px !important; right: 10px !important; }
  .header__sns .header__sns a { display: none; }
  .header__sns .header__sns .isas { display: block; padding-left: 15px; border: none; }
  .header__sns .header__sns .isas:before { font-size: 1.5rem; } }
@media screen and (max-width: 767px) { .header__sns .isas { display: block; padding-left: 15px; border: none; }
  .header__sns .isas:before { font-size: 1.5rem; } }
/* 検索UI
--------------------------------------------------------------------*/
.search-blc { width: 402px; height: 52px; display: block; top: 16px; left: 280px; position: absolute; z-index: 100; background: #fff; border-radius: 2px; }
.search-blc__select { width: 138px; height: 52px; top: 0px; left: 0px; position: absolute; z-index: 0; }
.search-blc__select:hover .select-blc { visibility: visible; opacity: 1; pointer-events: auto; -webkit-transform: none; transform: none; }
.search-blc .show-blc { width: 138px; height: 52px; display: -webkit-box; display: flex; flex-wrap: wrap; padding: 0 22px; -webkit-box-align: center; align-items: center; cursor: pointer; }
.search-blc .show-blc .txt { font-size: 1.4rem; color: #333; }
.search-blc .show-blc:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; top: 21px; right: 22px; position: absolute; z-index: auto; color: #000; font-size: 1.2rem; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.search-blc .select-blc { width: 138px; height: auto; display: block; top: 62px; left: 0px; position: absolute; z-index: auto; border-radius: 2px; visibility: hidden; opacity: 0; -webkit-transform: translate(0, 10px); transform: translate(0, 10px); pointer-events: none; -webkit-transition: 0.3s opacity ease-out, 0.4s visibility cubic-bezier(0.165, 0.84, 0.44, 1), 0.4s -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1); transition: 0.3s opacity ease-out, 0.4s visibility cubic-bezier(0.165, 0.84, 0.44, 1), 0.4s -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1); transition: 0.3s opacity ease-out, 0.4s visibility cubic-bezier(0.165, 0.84, 0.44, 1), 0.4s transform cubic-bezier(0.165, 0.84, 0.44, 1); transition: 0.3s opacity ease-out, 0.4s visibility cubic-bezier(0.165, 0.84, 0.44, 1), 0.4s transform cubic-bezier(0.165, 0.84, 0.44, 1), 0.4s -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1); }
.search-blc .select-blc label { display: block; padding: 15px; color: #333; font-size: 1.4rem; cursor: pointer; letter-spacing: 2px; background: #fff; -webkit-transition: .2s ease-out background-color; transition: .2s ease-out background-color; }
.search-blc .select-blc label:first-child { border-radius: 2px 2px 0 0; }
.search-blc .select-blc label:last-child { border-radius: 0 0 2px 2px; }
.search-blc .select-blc label:hover { background: #ddd; }
.search-blc .select-blc label.is-current { position: relative; }
.search-blc .select-blc label.is-current:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; top: 18px; left: 16px; position: absolute; z-index: auto; color: #928eb3; }
.search-blc .select-blc input { visibility: hidden; display: inline-block; margin-right: 8px; }
.search-blc .select-blc label + label { position: relative; }
.search-blc .select-blc label + label:before { content: ""; width: 80%; height: 1px; display: block; top: 0px; left: 10%; position: absolute; z-index: 0; background: #ccc; }
.search-blc .select-blc:before { content: ""; width: 100%; height: 30px; display: block; top: -30px; left: 0px; position: absolute; z-index: auto; }
.search-blc__input { width: 265px; height: 52px; top: 0px; right: 0px; position: absolute; z-index: 1; }
.search-blc__input input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; }
.search-blc__input .input { width: 205px; height: 52px; display: block; top: 0px; left: 0px; position: absolute; z-index: 0; padding: 0 0 0 15px; font-size: 1.4rem; letter-spacing: 1px; }
.search-blc__input .input::-webkit-input-placeholder { color: #8b8c8c; -webkit-transition: color .13s linear; transition: color .13s linear; }
.search-blc__input .input:-ms-input-placeholder { color: #8b8c8c; -webkit-transition: color .13s linear; transition: color .13s linear; }
.search-blc__input .input::-ms-input-placeholder { color: #8b8c8c; -webkit-transition: color .13s linear; transition: color .13s linear; }
.search-blc__input .input::placeholder { color: #8b8c8c; -webkit-transition: color .13s linear; transition: color .13s linear; }
.search-blc__input .input:focus::-webkit-input-placeholder { color: #fff; }
.search-blc__input .input:focus:-ms-input-placeholder { color: #fff; }
.search-blc__input .input:focus::-ms-input-placeholder { color: #fff; }
.search-blc__input .input:focus::placeholder { color: #fff; }
.search-blc__input .btn { width: 60px; height: 52px; display: block; top: 0px; right: 0px; position: absolute; z-index: 1; border-radius: 0; overflow: hidden; }
.search-blc__input .btn input { width: 100%; height: 100%; display: block; cursor: pointer; background: #9c9c9c; -webkit-transition: .1s ease-out background-color; transition: .1s ease-out background-color; }
.search-blc__input .btn input:hover { background: #928eb3; }
.search-blc__input .btn:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; color: white; top: 18px; left: 22px; position: absolute; z-index: auto; font-size: 1.8rem; pointer-events: none; }
.search-blc__input:before { content: ""; width: 1px; height: 70%; display: block; top: 15%; left: 0px; position: absolute; z-index: 2; background: #ccc; }

@media screen and (max-width: 767px) { .search-blc { width: 100% !important; height: 46px; position: relative; top: 80px !important; left: auto; }
  .search-blc__select { width: 35%; height: 46px; }
  .search-blc .show-blc { width: 100%; height: 46px; padding: 0 14px; }
  .search-blc .show-blc .txt { font-size: 1.3rem; }
  .search-blc .show-blc:after { top: 18px; right: 18px; }
  .search-blc .select-blc { width: 100%; top: 62px; left: 0px; position: absolute; z-index: auto; }
  .search-blc .select-blc label { padding: 15px 5px; font-size: 1.3rem; }
  .search-blc .select-blc label.is-current:after { left: 10px; top: 20px; }
  .search-blc .select-blc label + label:before { width: 100%; left: 0; }
  .search-blc .select-blc:before { content: ""; width: 100%; height: 30px; display: block; top: -30px; left: 0px; position: absolute; z-index: auto; }
  .search-blc__input { width: 65% !important; height: 46px; top: 0px; right: 0px; position: absolute; z-index: 1; }
  .search-blc__input input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; }
  .search-blc__input .input { width: 70%; height: 46px; display: block; top: 0px; left: 0px; position: absolute; z-index: 0; padding: 0 0 0 15px; font-size: 1.3rem; letter-spacing: 1px; line-height: 1.6; }
  .search-blc__input .btn { width: 25%; height: 46px; display: block; }
  .search-blc__input .btn input { border-radius: 0 2px 2px 0 !important; }
  .search-blc__input .btn:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; top: 13px; left: 50%; position: absolute; z-index: auto; margin-left: -10px; } }
.menu-btn { width: 23px; height: 15px; padding: 10px; top: 25px; left: 23px; position: absolute; z-index: auto; cursor: pointer; display: none; }
.menu-btn .bar { width: 23px; height: 3px; display: block; top: 0px; left: 0px; position: absolute; z-index: 0; background: #9c9c9c; -webkit-transform-origin: left top; transform-origin: left top; border-radius: 1px; }
.menu-btn .bar:nth-child(2) { top: 6px; }
.menu-btn .bar:nth-child(3) { top: 12px; }
.menu-btn:before { content: ''; width: 100%; height: 100%; display: block; top: 0px; left: 0px; position: absolute; z-index: 10; }
.menu-btn:hover .bar { -webkit-animation: menu-hover 0.45s cubic-bezier(0.86, 0, 0.07, 1) forwards; animation: menu-hover 0.45s cubic-bezier(0.86, 0, 0.07, 1) forwards; }
.menu-btn:hover .bar:nth-child(2) { -webkit-animation-delay: .08s; animation-delay: .08s; }
.menu-btn:hover .bar:nth-child(3) { -webkit-animation-delay: .16s; animation-delay: .16s; }
.menu-btn:after { content: ""; width: 1px; height: 34px; display: block; top: -10px; left: 40px; position: absolute; z-index: auto; background: rgba(222, 224, 235, 0.2); }

@media screen and (max-width: 767px) { .menu-btn { display: block; } }
@-webkit-keyframes menu-hover { 0% { -webkit-transform: scaleX(1) translate(-2px, 0); transform: scaleX(1) translate(-2px, 0); -webkit-transform-origin: left top; transform-origin: left top; }
  45% { -webkit-transform: scaleX(0) translate(36px, 0); transform: scaleX(0) translate(36px, 0); -webkit-transform-origin: right top; transform-origin: right top; }
  55% { -webkit-transform: scaleX(0) translate(-2px, 0); transform: scaleX(0) translate(-2px, 0); -webkit-transform-origin: left top; transform-origin: left top; }
  100% { -webkit-transform: none; transform: none; } }
@keyframes menu-hover { 0% { -webkit-transform: scaleX(1) translate(-2px, 0); transform: scaleX(1) translate(-2px, 0); -webkit-transform-origin: left top; transform-origin: left top; }
  45% { -webkit-transform: scaleX(0) translate(36px, 0); transform: scaleX(0) translate(36px, 0); -webkit-transform-origin: right top; transform-origin: right top; }
  55% { -webkit-transform: scaleX(0) translate(-2px, 0); transform: scaleX(0) translate(-2px, 0); -webkit-transform-origin: left top; transform-origin: left top; }
  100% { -webkit-transform: none; transform: none; } }
/* global navigation
--------------------------------------------------------------------*/
.gnav { top: 30px; right: 0px; position: absolute; z-index: auto; }
.gnav__inner { overflow: hidden; }
.gnav__btn { float: left; vertical-align: middle; }
.gnav__btn a { display: inline-block; color: #9c9c9c; font-size: 1.4rem; }
.gnav__btn a:hover { color: white; }
.gnav__btn:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; margin: 0 7px 0 0; display: inline-block; font-size: 1.1rem; color: #9c9c9c; }
.gnav__btn + .gnav__btn { margin-left: 15px; }
.gnav__link { float: left; margin-left: 20px; }
.gnav__link a { display: block; }
.gnav__link a:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; display: inline-block; font-size: 1.8rem; color: #9c9c9c; }

@media screen and (max-width: 767px) { .gnav { width: 100%; top: 145px !important; left: 0 !important; }
  .gnav__inner { padding: 0 14px; text-align: center; }
  .gnav__btn { float: none; display: inline-block; }
  .gnav__link { display: none; } }
/*　contents block
--------------------------------------------------------------------*/
.contents { width: 1024px; margin: 0 auto; padding: 100px 0 90px; overflow: hidden; position: relative; }

@media screen and (max-width: 767px) { .contents { width: auto; padding: 40px 0; } }
.bread-nav { top: 16px; left: 22px; position: absolute; z-index: auto; }
.bread-nav li { display: inline-block; color: #9c9c9c; font-size: 1.2rem; }
.bread-nav li a { color: inherit; }
.bread-nav li a:hover { color: white; }
.bread-nav li + li:before { content: ">"; display: inline-block; margin: 0 2px; }

@media screen and (max-width: 767px) { .bread-nav { display: none; } }
/*footer
--------------------------------------------------------------------*/
.footer { width: 100%; border-top: 1px solid rgba(222, 224, 235, 0.2); }
.footer__inner { width: 1024px; margin: 0 auto; padding: 95px 0; position: relative; color: #9c9c9c; }
.footer__links { top: 75px; right: 0px; position: absolute; z-index: auto; }
.footer__links a { display: inline-block; color: #9c9c9c; }
.footer__links a:before { color: #9c9c9c; font-size: 2.2rem; }
.footer__links a:hover { text-decoration: none !important; }
.footer__links a:hover:before { color: white; }
.footer__links .twitter { padding-top: 10px; margin-right: 45px; }
.footer__links .twitter:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; }
.footer__links .instagram { padding-top: 10px; margin-right: 45px; }
.footer__links .instagram:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; }
.footer__links .youtube { padding-top: 10px; margin-right: 43px; }
.footer__links .youtube:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; }
.footer__links .isas { padding: 15px 0; padding-left: 29px; border-left: 1px solid rgba(222, 224, 235, 0.2); }
.footer__links .isas:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; }
.footer__links .isas:after { content: ""; }
.footer__links .isas:hover:before { color: #9c9c9c; }
.footer__nav a { display: inline-block; color: #9c9c9c; font-size: 1.2rem; }
.footer__nav a:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; margin: 0 7px 0 0; display: inline-block; font-size: 1rem; }
.footer__nav a:hover { color: white; }
.footer__nav a + a { margin-left: 20px; }
.footer__copyright { top: 95px; left: 223px; position: absolute; z-index: auto; font-size: 1.2rem; line-height: 1; }

@media screen and (max-width: 767px) { .footer { background: #3c3959; padding: 0 14px; border: none; }
  .footer__inner { width: auto; padding: 17px 0 35px; }
  .footer__links { margin: 0 0 25px; padding: 0 0 15px; position: static; text-align: center; border-bottom: 1px solid rgba(222, 224, 235, 0.2); }
  .footer__links .twitter { margin-right: 25px; }
  .footer__links .instagram { margin-right: 25px; }
  .footer__links .youtube { margin-right: 23px; }
  .footer__nav { margin-bottom: 25px; text-align: center; }
  .footer__nav a { font-size: 1.3rem; }
  .footer__nav a + a { margin-left: 30px; }
  .footer__copyright { position: static; text-align: center; } }
/*　モジュール
--------------------------------------------------------------------*/
/*-------------------------------------//
// 汎用モジュール（接頭辞: `u`）
//-------------------------------------*/
@media screen and (max-width: 767px) { .u-spdn { display: none !important; } }
.u-pcdn { display: none !important; }
@media screen and (max-width: 767px) { .u-pcdn { display: block !important; } }

br.u-pcdn { display: none !important; }
@media screen and (max-width: 767px) { br.u-pcdn { display: inline !important; } }

.u-clear:before, .u-clear:after { content: ""; display: table !important; }
.u-clear:after { clear: both; }
.u-ofh { overflow: hidden !important; }
.u-fl { float: left; }
.u-fr { float: right; }
.u-full { width: 100%; }
.u-half { width: 50%; }
.u-third { width: 33.3%; }
.u-quater { width: 25%; }
.u-fifth { width: 20%; }
.u-posr { position: relative; }
.u-posa { position: absolute; }
.u-dn { display: none !important; }
.u-db { display: block !important; }
.u-di { display: inline !important; }
.u-ds { display: inline-block !important; }
.u-dt { display: table !important; }
.u-dc { display: table-cell !important; }
.u-w-0 { width: 0px !important; }
.u-w-50 { width: 50px !important; }
.u-w-100 { width: 100px !important; }
.u-w-150 { width: 150px !important; }
.u-mca { margin: 0 auto !important; }
.u-ma-0 { margin: 0px !important; }
.u-ma-5 { margin: 5px !important; }
.u-ma-10 { margin: 10px !important; }
.u-ma-15 { margin: 15px !important; }
.u-mt-0 { margin-top: 0px !important; }
.u-mt-5 { margin-top: 5px !important; }
.u-mt-10 { margin-top: 10px !important; }
.u-mt-15 { margin-top: 15px !important; }
.u-ml-0 { margin-left: 0px !important; }
.u-ml-5 { margin-left: 5px !important; }
.u-ml-10 { margin-left: 10px !important; }
.u-ml-15 { margin-left: 15px !important; }
.u-mb-0 { margin-bottom: 0px !important; }
.u-mb-5 { margin-bottom: 5px !important; }
.u-mb-10 { margin-bottom: 10px !important; }
.u-mb-15 { margin-bottom: 15px !important; }
.u-mr-0 { margin-right: 0px !important; }
.u-mr-5 { margin-right: 5px !important; }
.u-mr-10 { margin-right: 10px !important; }
.u-mr-15 { margin-right: 15px !important; }
.u-nmt-0 { margin-top: 0px !important; }
.u-nmt-5 { margin-top: -5px !important; }
.u-nmt-10 { margin-top: -10px !important; }
.u-nmt-15 { margin-top: -15px !important; }
.u-nmb-0 { margin-bottom: 0px !important; }
.u-nmb-5 { margin-bottom: -5px !important; }
.u-nmb-10 { margin-bottom: -10px !important; }
.u-nmb-15 { margin-bottom: -15px !important; }
.u-pa-0 { padding: 0px !important; }
.u-pa-5 { padding: 5px !important; }
.u-pa-10 { padding: 10px !important; }
.u-pa-15 { padding: 15px !important; }
.u-pt-0 { padding-top: 0px !important; }
.u-pt-5 { padding-top: 5px !important; }
.u-pt-10 { padding-top: 10px !important; }
.u-pt-15 { padding-top: 15px !important; }
.u-pl-0 { padding-left: 0px !important; }
.u-pl-5 { padding-left: 5px !important; }
.u-pl-10 { padding-left: 10px !important; }
.u-pl-15 { padding-left: 15px !important; }
.u-pb-0 { padding-bottom: 0px !important; }
.u-pb-5 { padding-bottom: 5px !important; }
.u-pb-10 { padding-bottom: 10px !important; }
.u-pb-15 { padding-bottom: 15px !important; }
.u-pr-0 { padding-right: 0px !important; }
.u-pr-5 { padding-right: 5px !important; }
.u-pr-10 { padding-right: 10px !important; }
.u-pr-15 { padding-right: 15px !important; }
.u-fss-1 { font-size: 1.3rem !important; }
.u-fss-2 { font-size: 1.2rem !important; }
.u-fss-3 { font-size: 1.1rem !important; }
.u-fsl-1 { font-size: 1.5rem !important; }
.u-fsl-2 { font-size: 1.6rem !important; }
.u-fsl-3 { font-size: 1.7rem !important; }
.u-fwn { font-weight: normal !important; }
.u-fwb { font-weight: bold !important; }
.u-tal { text-align: left !important; }
.u-tac { text-align: center !important; }
.u-tar { text-align: right !important; }
.u-tdn { text-decoration: none !important; }
.u-tdu { text-decoration: underline !important; }
.u-vt { vertical-align: top; }
.u-vm { vertical-align: middle; }
.u-vb { vertical-align: bottom; }

/*　TOPページ
--------------------------------------------------------------------*/
.top-category .header:after { content: ""; width: 100%; height: 117px; display: block; top: 0px; left: 0px; position: absolute; z-index: 0; background: #222225; }
.top-category .header__inner { width: 1024px; min-height: 205px; z-index: 10; padding: 0 14px; }
.top-category .header__ci { width: auto; top: 30px; left: 40px; }
.top-category .header__ci .logo { width: 121px; height: 60px; }
.top-category .header__ci .txt { width: 235px; height: 25px; margin: 0px 0 0 21px; }
.top-category .header__ci .title { font-size: 1.4rem; top: 31px; left: 140px; }
.top-category .header__sns { display: block; top: 30px; }
.top-category .search-blc { width: 502px; position: relative; top: 135px; left: auto; margin: 0 auto; }
.top-category .search-blc__input { width: 365px; }
.top-category .gnav { top: 148px; left: 790px; }
.top-category .gnav__link { display: none; }
.top-category .contents { width: auto; padding-top: 50px; }

.top-images__hd { margin: 0 0 40px; text-align: center; }
.top-images__hd .en, .top-images__hd .jp { display: block; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.top-images__hd .en { font-family: "Montserrat", sans-serif; font-size: 4.3rem; font-weight: lighter; color: #f1c209; line-height: 1; text-transform: uppercase; }
.top-images__hd .jp { display: inline-block; margin-top: 18px; position: relative; color: #999; font-size: 1.6rem; }
.top-images__hd .jp:before, .top-images__hd .jp:after { content: ""; width: 52px; height: 1px; display: block; background: rgba(222, 224, 235, 0.2); position: absolute; top: 9px; }
.top-images__hd .jp:before { left: -67px; }
.top-images__hd .jp:after { right: -65px; }
.top-images__container { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; padding: 0 40px; }
.top-images__item { width: 32.7%; position: relative; }
.top-images__item img { display: block; width: 100%; height: 21vw; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; font-family: "object-fit: cover; object-position: center center;"; }
.top-images__item:nth-child(1), .top-images__item:nth-child(2) { width: 49.5%; margin-bottom: 9px; }
.top-images__item:nth-child(1) img, .top-images__item:nth-child(2) img { height: 31vw; }
.top-images__item .body { width: 100%; height: 100%; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; padding: 20px; top: 0px; left: 0px; position: absolute; z-index: 10; background: rgba(0, 0, 0, 0.6); opacity: 0; -webkit-transition: .2s opacity ease-out; transition: .2s opacity ease-out; }
.top-images__item .body:after { content: ""; width: 100%; height: 100%; display: block; top: 0px; left: 0px; position: absolute; z-index: 10; border: 1px solid white; opacity: 0; pointer-events: none; }
.top-images__item .title { font-size: 2rem; line-height: 1.6; letter-spacing: 1px; }
.top-images__item .meta { display: none; }
.top-images__item a:hover .body { opacity: 1; }
.top-images__item a:hover .body:after { opacity: .4; }

@media screen and (max-width: 767px) { .top-images__hd .en { font-size: 3rem; }
  .top-images__hd .jp { font-size: 1.4rem; margin-top: 15px; }
  .top-images__hd .jp:before, .top-images__hd .jp:after { width: 20px; top: 8px; }
  .top-images__hd .jp:before { left: -28px; }
  .top-images__hd .jp:after { right: -26px; }
  .top-images__container { padding: 0 14px; }
  .top-images__item { width: 48.5%; margin-bottom: 10px; }
  .top-images__item img { height: 31vw; }
  .top-images__item:nth-child(1) { width: 100%; }
  .top-images__item:nth-child(1) img { height: 55vw; }
  .top-images__item:nth-child(2) { width: 48.5%; }
  .top-images__item:nth-child(2) img { height: 31vw; } }
/*　検索結果ページ
--------------------------------------------------------------------*/
.result-header { width: 980px; margin: 0 auto 10px; padding: 0; position: relative; }
.result-header__hd { padding: 0 120px 0 0; margin-top: -5px; font-size: 3rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.result-header__nav { display: -webkit-box; display: flex; flex-wrap: wrap; top: 5px; right: 0px; position: absolute; z-index: auto; }
.result-header__nav .btn { width: 50px; height: 35px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; text-align: center; background: rgba(245, 244, 249, 0.1); cursor: pointer; -webkit-transition: .2s ease-out background-color; transition: .2s ease-out background-color; }
.result-header__nav .btn:before { color: rgba(243, 243, 243, 0.5); font-size: 1.6rem; -webkit-transition: .2s ease-out color; transition: .2s ease-out color; }
.result-header__nav .btn:hover, .result-header__nav .btn.is-current { background: #fff; }
.result-header__nav .btn:hover:before, .result-header__nav .btn.is-current:before { color: #323045; }
.result-header__nav .btn--grid:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; }
.result-header__nav .btn--list:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; }
.result-header__nav .btn + .btn { margin-left: 3px; }
.result-header + p { padding: 0 0 30px 22px; font-size: 1.5rem; }

.result-images { margin: 0 auto; width: 1000px; }
.result-images__container { display: -webkit-box; display: flex; flex-wrap: wrap; margin: 0; overflow: hidden; }
.result-images__container p{padding-left:15px;}
.result-images__item { overflow: hidden; position: relative; opacity: 0; }
.result-images__item img { display: block; }
.result-images__item a { text-decoration: none !important; }
.result-images__item .title, .result-images__item .meta { display: block; }
.result-images__item .title { line-height: 1.8; color: #fff; }
.result-images__item--video:before { content: ""; width: 90px; height: 90px; display: block; top: 50%; left: 50%; position: absolute; z-index: 1; margin: -45px 0 0 -45px; border-radius: 100%; background: rgba(0, 0, 0, 0.5); }
.result-images__item--video:after { content: ""; width: 41px; height: 22px; display: block; top: 50%; left: 50%; position: absolute; z-index: 2; margin: -11px 0 0 -20px; background: url("../images/ico-movie-play.svg") no-repeat left top; background-size: 41px 22px; }

.is-grid.result-images__container { min-height: 800px; -webkit-box-pack: justify; justify-content: space-between; }
.is-grid .result-images__item .body { width: 100%; height: 100%; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; padding: 15px; top: 0px; left: 0px; position: absolute; z-index: 10; background: rgba(0, 0, 0, 0.6); opacity: 0; -webkit-transition: .2s opacity ease-out; transition: .2s opacity ease-out; }
.is-grid .result-images__item .title { font-size: 1.3rem; line-height: 1.6; letter-spacing: 1px; }
.is-grid .result-images__item .meta { display: none; }
.is-grid .body:after { content: ""; width: 100%; height: 100%; display: block; top: 0px; left: 0px; position: absolute; z-index: 10; border: 1px solid white; opacity: 0; pointer-events: none; }
.is-grid a:hover .body { opacity: 1; }
.is-grid a:hover .body:after { opacity: .4; }

.is-list.result-images__container { margin: 10px 10px 0; border-top: 1px solid rgba(222, 224, 235, 0.2); }
.is-list .result-images__item { width: 100% !important; padding: 7px 0; border-bottom: 1px solid rgba(222, 224, 235, 0.2); opacity: 1; }
.is-list .result-images__item a { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-transition: background-color .2s ease-out; transition: background-color .2s ease-out; }
.is-list .result-images__item a:hover { background: rgba(255, 255, 255, 0.1); }
.is-list .result-images__item img { height: auto; width: 215px; }
.is-list .result-images__item .body { padding: 0 0 0 35px; }
.is-list .result-images__item .title { margin-bottom: 10px; font-size: 2rem; }
.is-list .result-images__item .meta { font-size: 1.4rem; color: #646372; }
.is-list .result-images__item--video { overflow: hidden; }
.is-list .result-images__item--video:before { left: 107px; -webkit-transform: scale(0.75); transform: scale(0.75); }
.is-list .result-images__item--video:after { left: 108px; -webkit-transform: scale(0.75); transform: scale(0.75); }

@media screen and (max-width: 767px) { .result-header { width: auto; margin-bottom: 10px; padding: 0 14px; }
  .result-header__hd { padding: 0 120px 0 0; font-size: 1.6rem; line-height: 1.5; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: unset; }
  .result-header__nav { right: 14px; top: 4px; }
  .result-header + p { padding: 0 0 20px 15px; font-size: 1.2rem; }
  .result-images { width: auto; margin: 0 4px; }
  .result-images__container { margin: 0; }
  .result-images__container p{padding-left: 12px;}
  .result-images__item--video:before { -webkit-transform: scale(0.75); transform: scale(0.75); }
  .result-images__item--video:after { -webkit-transform: scale(0.75); transform: scale(0.75); }
  .is-grid.result-images__container { min-height: 0px; }
  .is-grid .result-images__item .body { display: none; }
  .is-list .result-images__item { width: 100% !important; padding: 7px 0; border-bottom: 1px solid rgba(222, 224, 235, 0.2); }
  .is-list .result-images__item a { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-transition: background-color .2s ease-out; transition: background-color .2s ease-out; }
  .is-list .result-images__item a:hover { background: rgba(255, 255, 255, 0.1); }
  .is-list .result-images__item img { width: 172px; }
  .is-list .result-images__item .body { padding: 0 0 0 12px; }
  .is-list .result-images__item .title { margin-bottom: 5px; font-size: 1.4rem; }
  .is-list .result-images__item .meta { font-size: 1.2rem; }
  .is-list .result-images__item--video:after { left: 86px; } }
/*--　ページャー --*/
.wp-pagenavi { margin-top: 50px; text-align: center; }
.wp-pagenavi a { display: inline-block; padding: 10px 13px; font-size: 1.6rem; line-height: 1; text-decoration: none; border: 1px solid rgba(222, 224, 235, 0.2); -webkit-transition: .1s ease-out background-color; transition: .1s ease-out background-color; }
.wp-pagenavi a:hover { background-color: rgba(245, 244, 249, 0.1); }
.wp-pagenavi .current { display: inline-block; padding: 10px 13px; font-size: 1.6rem; line-height: 1; text-decoration: none; border: 1px solid rgba(222, 224, 235, 0.2); background-color: rgba(245, 244, 249, 0.1); }
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink { border: none; padding-top: 12px; font-size: 1.4rem; }
.wp-pagenavi .previouspostslink:hover, .wp-pagenavi .nextpostslink:hover { background: none; text-decoration: underline; }
.wp-pagenavi .previouspostslink { border-left: none !important; }
.wp-pagenavi .previouspostslink:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; display: inline-block; margin-right: 10px; font-size: 1.1rem; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.wp-pagenavi .nextpostslink:after { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; display: inline-block; margin-left: 10px; font-size: 1.1rem; }

@media screen and (max-width: 767px) { .wp-pagenavi a { padding: 6px 10px 7px; font-size: 1.4rem; }
  .wp-pagenavi .current { padding: 6px 10px 7px; font-size: 1.4rem; }
  .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink { border: none; padding-top: 8px; font-size: 1.2rem; }
  .wp-pagenavi .previouspostslink:hover, .wp-pagenavi .nextpostslink:hover { background: none; text-decoration: underline; } }
/*　カテゴリー　一覧
--------------------------------------------------------------------*/
.category-list { width: 980px; margin: 0 auto; }
.category-list__hd { padding: 0 0 50px; line-height: 1; font-size: 3rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-bottom: 1px solid rgba(222, 224, 235, 0.2); }
.category-list__item { display: -webkit-box; display: flex; flex-wrap: wrap; padding: 30px 0 15px; border-bottom: 1px solid rgba(222, 224, 235, 0.2); }
.category-list__item .hd { width: 275px; font-size: 1.8rem; line-height: 1.2; font-weight: bold; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.category-list__item .hd a { color: #928eb3; }
.category-list__item .hd a:hover { color: white; text-decoration: underline; }
.category-list__item .body { width: 700px; font-size: 1.8rem; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.category-list__item .body a { display: inline-block; margin: 0 20px 15px 0; padding: 0 20px 0 0; border-right: 1px solid rgba(222, 224, 235, 0.2); }
.category-list__item .body a:last-child { margin-right: 0; padding-right: 0; border: none; }

@media screen and (max-width: 767px) { .category-list { width: auto; padding: 0 14px; }
  .category-list__hd { padding-bottom: 40px; font-size: 1.8rem; }
  .category-list__item { display: block; padding: 20px 0 7px; }
  .category-list__item .hd, .category-list__item .body { width: auto; }
  .category-list__item .hd { margin: 0 0 15px; font-size: 1.6rem; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: unset; }
  .category-list__item .body { font-size: 1.4rem; }
  .category-list__item .body a { margin: 0 15px 15px 0; padding: 0 15px 0 0; } }
/*　ミッション　一覧
--------------------------------------------------------------------*/
.mission-list { width: 980px; margin: 0 auto; }
.mission-list__hd { padding: 0 0 50px; line-height: 1; font-size: 3rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.mission-list__item { padding: 30px 0 15px; }
.mission-list__item a { width: 25%; display: inline-block; margin: 0 0 30px 0; padding: 0 20px 0 0; font-size: 1.8rem; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.mission-list__item a:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; display: inline-block; font-size: 1.1rem; padding-right: 10px; }
.mission-list__item a:nth-child(4n) { margin-right: 0; padding-right: 0; border: none; }
.mission-list__item a:last-child { margin-right: 0; padding-right: 0; border: none; }

@media screen and (max-width: 767px) { .mission-list { width: auto; margin: 0 14px; border-bottom: 1px solid rgba(222, 224, 235, 0.2); }
  .mission-list__hd { padding-bottom: 40px; font-size: 1.8rem; border-bottom: 1px solid rgba(222, 224, 235, 0.2); }
  .mission-list__item { display: block; padding: 20px 0 2px; }
  .mission-list__item a { width: 50%; margin: 0 0 20px 0; padding: 0 15px 0 0; font-size: 1.4rem; } }
/*　記事ページ
--------------------------------------------------------------------*/
.article__inner { width: 980px; margin: 0 auto; overflow: hidden; }
.article__img { width: 620px; float: left; }
.article__img img, .article__img video { width: 100%; height: auto; display: block; box-sizing: border-box; }
.article__img .video-blc { width: 100%; position: relative; padding-top: 56.25%; }
.article__img .video-blc iframe { width: 100%; height: 100%; top: 0px; right: 0px; position: absolute; z-index: auto; }
.article__spec { width: 314px; margin: 0 0 0 46px; float: right; }
.article__spec .hd { padding: 0 0 35px; margin: -4px 0 30px; font-size: 2.4rem; font-weight: bold; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.42; border-bottom: 1px solid rgba(222, 224, 235, 0.2); }
.article__spec .list li { font-size: 1.4rem; line-height: 1.7; }
.article__spec .list a { text-decoration: underline; }
.article__spec .list li + li { margin-top: 8px; }
.article__spec .sns { display: -webkit-box; display: flex; margin: 30px 0 0; border-top: 1px solid rgba(222, 224, 235, 0.2); border-bottom: 1px solid rgba(222, 224, 235, 0.2); }
.article__spec .sns a { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 50%; height: 68px; text-align: center; font-size: 1.2rem; }
.article__spec .sns a:before { margin-right: 14px; }
.article__spec .sns a:hover { text-decoration: none; }
.article__spec .sns a:hover .txt { text-decoration: underline; }
.article__spec .sns .facebook:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; color: #3c599b; font-size: 2.2rem; }
.article__spec .sns .twitter:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; color: #1dadea; font-size: 2rem; }
.article__txts { width: 620px; padding: 20px 0 0; float: left; }
.article__txts p { font-size: 1.6rem; line-height: 1.9; letter-spacing: 1px; }
.cc-mark { margin:15px 0 0; }

@media screen and (max-width: 767px) { .article__inner { width: auto; padding: 0 14px; }
  .article__img { width: auto; float: none; }
  .article__spec { width: auto; float: none; margin: 39px 0 0; }
  .article__spec .hd { margin-bottom: 25px; padding-bottom: 25px; font-size: 2rem; }
  .article__spec .list li { font-size: 1.3rem; line-height: 1.6; }
  .article__spec .sns { margin-top: 25px; }
  .article__txts { width: auto; padding: 25px 0 0; } }
.related-link { margin: 55px 0 0; }
.related-link__hd { color: #928eb3; font-size: 1.6rem; font-weight: bold; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.related-link__list { margin: 25px 0 0; }
.related-link__list li { font-size: 1.4rem; line-height: 1.7; }
.related-link__list li:before { content: ""; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; margin-right: 10px; color: #928eb3; }
.related-link__list li + li { margin-top: 8px; }
.related-link__list a:hover { color: #928eb3; }

@media screen and (max-width: 767px) { .related-link { margin-top: 25px; padding-top: 25px; border-top: 1px solid rgba(222, 224, 235, 0.2); }
  .related-link__list li { display: -webkit-box; display: flex; font-size: 1.3rem; }
  .related-link__list li:before { padding-top: 5px; } }