@charset "UTF-8";
/* ------------------------------------ Other ------------------------------------ */
.is-fullsize { margin: 0 -8px; }

.categoly-top .l-mat .l-inner { padding: 0 20px; }

@media (max-width: 767px) { .categoly-top .sec-content { padding-bottom: 0; background: none; }
  .categoly-top .l-mat { background: #fff; } }

@media (max-width: 767px) { .sec-pagehead .l-inner { min-height: 170px; padding-top: 20px; }
  .sec-pagehead .l-inner .cat { display: block; font-size: 1.25rem; font-weight: bold; }
  .sec-pagehead .cat-breadcrumb { display: none; } }

@media (min-width: 768px) { .sec-pagehead .l-inner { min-height: 190px; display: flex; flex-wrap: wrap; align-items: center; }
  .sec-pagehead .l-inner > * { width: 100%; text-align: center; }
  .sec-pagehead h1 { padding: 0; }
  .sec-pagehead .cat { padding-top: 16px; font-size: 1.38rem; font-weight: bold; }
  .sec-pagehead .cat-breadcrumb { padding-bottom: 16px; overflow: hidden; text-align: center; }
  .sec-pagehead .cat-breadcrumb li { display: inline-block; }
  .sec-pagehead .cat-breadcrumb li:after { padding: 0 0 0 5px; display: inline-block; content: "＞"; }
  .sec-pagehead .cat-breadcrumb li:last-child:after { display: none; }
  .sec-pagehead .cat-breadcrumb a { color: #fff; } }

@media (max-width: 767px) { .link .sec-pagehead .l-inner, .contact .sec-pagehead .l-inner, .proc .sec-pagehead .l-inner, .secu .sec-pagehead .l-inner, .caution .sec-pagehead .l-inner, .calendar .sec-pagehead .l-inner, .sitemap .sec-pagehead .l-inner, .c_right .sec-pagehead .l-inner { min-height: 60px; } }

.anchor-links a { color: #fff; }

.anchor-links .fa { color: #fff; }

.anchor-links li { width: 33.3334%; }

.anchor-links li:nth-child(odd) { clear: none; }

.anchor-links li:nth-child(3n+1) { clear: both; float: left; }

.sec-content .l-mat .l-inner > .img-block:first-child { margin-top: 30px; }

.sec-content .img-block { width: 100%; margin: 5px 0 16px; }

.sec-content h3 + h4 { margin-top: 0; }

.sec-content h4 { margin-top: 15px; padding: 0 0 4px; text-align: center; }

.sec-content dl dt { margin-top: 16px; font-weight: bold; }

.sec-content dl dd { margin-left: 0; }

.sec-content .catalog { margin-top: 10px; padding: 20px; background: url("../images/product/catalog-bg-sp.png") no-repeat center center; background-size: cover; border-radius: 5px; text-align: center; }

.sec-content .catalog a { color: #333; text-decoration: underline; }

.sec-content .catalog a:hover { text-decoration: none; }

.sec-content .catalog img { width: 156px; margin: 0 auto; display: block; }

.sec-content .catalog .txt { padding-top: 10px; }

@media (min-width: 768px) { .sec-content .img-block { min-height: 208px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
  .sec-content h4 { margin-top: 30px; padding: 0; }
  .sec-content .catalog { background: url("../images/product/catalog-bg.png") no-repeat left top; background-size: cover; }
  .sec-content .catalog a { display: inline; } }

.links { margin-top: 16px; padding: 8px 0; border-top: 1px solid #999; }

.links .fa { padding-right: 5px; color: #1a3369; }

.links a { color: #333; }

@media (min-width: 768px) { .links { margin-top: 30px; padding: 20px 0 0; } }

@media (max-width: 767px) { .fullsize-block { margin: 0 -20px; padding-bottom: 8px; background: #e6e9ed; border-bottom: 1px solid #b3b3b3; }
  .fullsize-block h3 { margin-top: 30px; padding: 7px 20px 6px; background: #e6e9ed; } }

.article-block a { height: 100%; display: block; background: #fff; font-weight: bold; color: #1a3369; }

.article-block a:hover .title { text-decoration: underline; }

.article-block img { height: 110px; width: 170px; display: block; float: left; background: #ccc; }

.article-block .title { width: calc(100% - 170px); padding: 8px 20px; padding-left: 16px; float: left; }

.article-block span { padding-bottom: 5px; display: block; font-size: 0.88rem; }

@media (max-width: 767px) { .article-block > * { padding: 0; border-top: 2px solid #e6e9ed; } }

@media (min-width: 768px) { .article-block a { background: #e6e9ed; }
  .article-block .title { padding: 8px; } }

.sec-infomation { margin: 20px 0; padding-top: 0; padding-bottom: 0; }

@media (min-width: 768px) { .sec-infomation { margin: 60px 0; } }

.sec-other, .sec-other-res { background: #f3f4f6; }

.sec-other h2, .sec-other-res h2 { padding: 6px 20px; font-size: 1.25rem; text-align: center; color: #1a3369; }

.sec-other h2 a, .sec-other-res h2 a { text-decoration: none; color: #1a3369; }

.sec-other h2 a:hover, .sec-other-res h2 a:hover { text-decoration: underline; }

.sec-other h2 .fa, .sec-other-res h2 .fa { padding-right: 5px; }

.sec-other .flex-grid > *, .sec-other-res .flex-grid > * { padding: 0; }

.sec-other .flex-grid .is-active span, .sec-other-res .flex-grid .is-active span { display: block; font-weight: bold; color: #fff; }

.sec-other .flex-grid a, .sec-other-res .flex-grid a { display: block; position: relative; font-weight: bold; text-decoration: none; color: #1a3369; }

.sec-other .flex-grid a:hover, .sec-other-res .flex-grid a:hover { text-decoration: underline; }

.sec-other .flex-grid .fa, .sec-other-res .flex-grid .fa { position: absolute; top: 50%; right: 20px; transform: translate(0, -50%); }

@media (max-width: 767px) { .sec-other, .sec-other-res { padding-bottom: 8px; border-bottom: 1px solid #d3d3d3; }
  .sec-other .l-inner, .sec-other-res .l-inner { padding: 0; }
  .sec-other .flex-grid > *, .sec-other-res .flex-grid > * { border-bottom: 2px solid #e6e9ed; background: #fff; }
  .sec-other .flex-grid a, .sec-other-res .flex-grid a { padding: 8px 20px; padding-right: 40px; }
  .sec-other .flex-grid .is-active, .sec-other-res .flex-grid .is-active { background: #1a3369; }
  .sec-other .flex-grid .is-active span, .sec-other-res .flex-grid .is-active span { padding: 8px 20px; } }

@media (min-width: 768px) { .sec-other, .sec-other-res { margin-top: 30px; padding-bottom: 30px; }
  .sec-other .l-inner, .sec-other-res .l-inner { padding: 0; overflow: hidden; }
  .sec-other h2, .sec-other-res h2 { padding: 18px 16px 12px; }
  .sec-other .flex-grid > *, .sec-other-res .flex-grid > * { padding: 8px; }
  .sec-other .flex-grid a, .sec-other-res .flex-grid a { height: 100%; min-height: 0; padding: 13px 8px; background: #e6e9ed; text-align: center; }
  .sec-other .flex-grid .fa, .sec-other-res .flex-grid .fa { right: 16px; display: none; }
  .sec-other .flex-grid .is-active span, .sec-other-res .flex-grid .is-active span { height: 100%; min-height: 0; padding: 13px 8px; background: #1a3369; text-align: center; } }

@media (min-width: 768px) { .sec-other-res .flex-grid a { min-height: 56px; padding: 16px; padding-right: 40px; text-align: left; }
  .sec-other-res .flex-grid .fa { display: block; }
  .sec-other-res .flex-grid .is-active span { min-height: 56px; padding: 16px; text-align: left; } }

.sec-content .img-block.is-multiple img { margin: 0 auto; width: auto; max-width: 50%; height: auto; max-height: 100%; display: block; }

.sec-content .img-block.is-multiple img:nth-child(n+3) { margin-top: 16px; }

@media all and (-ms-high-contrast: none) { .sec-content .img-block.is-multiple { /*ie11*/ }
  .sec-content .img-block.is-multiple *::-ms-backdrop, .sec-content .img-block.is-multiple img { margin: 0 15px; display: inline-block; } }

.stamp-list .stamp { padding-right: 16px; display: inline-block; }

/* tri-r */
.tri-r .is-mt-24 { margin-top: 24px; }

.tri-r h3 + h4 { margin-top: 16px; }

.tri-r .is-full img { width: 100%; max-height: none; }

/* calendar */
.calendar .sec-content .l-inner { max-width: 855px; }

.calendar .calendar-img { width: 100%; }

.calendar .calendar-img + .note { margin-top: 5px; }

.calendar .l-red { color: #f00; }

/* close */
.close .sec-content h3 { text-align: left; font-size: 1rem; color: #333; }