@charset "UTF-8";
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent
}
article,
aside,
figure,
footer,
header,
nav,
section,
details,
summary {
  display: block
}
/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}
/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects */
/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */
img,
object,
embed {
  max-width: 100%
}
/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	In fact, it *will* cause problems with Google Maps' controls at small size.
	If this is the case for you, try uncommenting the following:

#map img {
		max-width: none;
}
*/
/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll
}
/* we use a lot of ULs that aren't bulleted.
	you'll have to restore the bullets within content,
	which is fine because they're probably customized anyway */
ul {
  list-style: none
}
blockquote,
q {
  quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent
}
del {
  text-decoration: line-through
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help
}
/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0
}
th {
  font-weight: bold;
  vertical-align: bottom
}
td {
  font-weight: normal;
  vertical-align: top
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0
}
input,
select {
  vertical-align: middle
}
pre {
  white-space: pre;
  /* CSS2 */white-space: pre-wrap;
  /* CSS 2.1 */white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */word-wrap: break-word/* IE */
}
input[type="radio"] {
  vertical-align: text-bottom
}
input[type="checkbox"] {
  vertical-align: bottom
}
.ie7 input[type="checkbox"] {
  vertical-align: baseline
}
.ie6 input {
  vertical-align: text-bottom
}
select,
input,
textarea {
  font: 99% sans-serif
}
table {
  font-size: inherit;
  font: 100%
}
small {
  font-size: 85%
}
strong {
  font-weight: bold
}
td,
td img {
  vertical-align: top
}
/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative
}
sup {
  top: -0.5em
}
sub {
  bottom: -0.25em
}
/* standardize any monospaced elements */
pre,
code,
kbd,
samp {
  font-family: monospace,sans-serif
}
/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button,
input,
select,
textarea {
  margin: 0
}
/* make buttons play nice in IE */
button,
input[type=button] {
  width: auto;
  overflow: visible
}
/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic
}
/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden
}
.clearfix:after {
  clear: both
}
.clearfix {
  zoom: 1
}
/**
 * Swiper 4.5.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 13, 2019
 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
  float: left
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0)
}
.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto
}
.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform
}
.swiper-slide-invisible-blank {
  visibility: hidden
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height,-webkit-transform;
  transition-property: height,-webkit-transform;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform
}
/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-lock {
  display: none
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
  position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  transform: scale(0.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  transform: scale(0.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  transform: scale(0.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  transform: scale(0.33)
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0)
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top,200ms -webkit-transform;
  transition: 200ms top,200ms -webkit-transform;
  transition: 200ms transform,200ms top;
  transition: 200ms transform,200ms top,200ms -webkit-transform
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left,200ms -webkit-transform;
  transition: 200ms left,200ms -webkit-transform;
  transition: 200ms transform,200ms left;
  transition: 200ms transform,200ms left,200ms -webkit-transform
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right,200ms -webkit-transform;
  transition: 200ms right,200ms -webkit-transform;
  transition: 200ms transform,200ms right;
  transition: 200ms transform,200ms right,200ms -webkit-transform
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25)
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25)
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000
}
.swiper-pagination-lock {
  display: none
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1)
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0
}
.swiper-scrollbar-cursor-drag {
  cursor: move
}
.swiper-scrollbar-lock {
  display: none
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}
.swiper-slide-zoomed {
  cursor: move
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-container-cube {
  overflow: visible
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0
}
.swiper-container-flip {
  overflow: visible
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */-ms-perspective: 1200px
}
.swiper-pagination {
  left: 0;
  width: 100%;
  font-size: 0;
  pointer-events: none
}
.swiper-pagination .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  margin: 0 4px;
  pointer-events: visible;
  opacity: 1;
  border: 1px solid #919292;
  background-color: #fff
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  position: relative
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60%;
  height: 60%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #6dc8eb
}
.swiper-nav {
  position: absolute;
  z-index: 8;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding-top: 23.40885%;
  pointer-events: none
}
@media (max-width: 48em) {
  .swiper-nav {
    padding-top: 69.15888%
  }
}
.swiper-button-next,
.swiper-button-prev {
  width: 72px;
  height: 72px;
  margin-top: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: initial;
  border-radius: 50%;
  outline: none;
  background: none;
  background-color: #0aa2e6
}
@media (max-width: 48em) {
  .swiper-button-next,
  .swiper-button-prev {
    width: 40px;
    height: 40px
  }
}
.swiper-button-next:before,
.swiper-button-prev:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.817%22%20height%3D%2215.634%22%20viewBox%3D%220%200%2019.817%2015.634%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(2%202.817)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(9%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%226%22%20y2%3D%225%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%225%22%20x2%3D%226%22%20transform%3D%22translate(0%205)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%2215%22%20transform%3D%22translate(0%205)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: background-position .3s;
  transition: background-position .3s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 16.7px
}
@media (max-width: 48em) {
  .swiper-button-next:before,
  .swiper-button-prev:before {
    background-size: 12px auto
  }
}
.swiper-button-next:hover:before,
.swiper-button-prev:hover:before {
  background-position: 55% center
}
.swiper-button-next {
  right: 0
}
.swiper-button-prev {
  left: 0
}
.swiper-button-prev:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
html,
body {
  -webkit-text-size-adjust: 100%
}
html {
  overflow: inherit;
  font-size: 62.5%
}
body {
  font-family: "Roboto","Noto Sans JP","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
  word-wrap: break-word;
  color: #333;
  background-color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased
}
body.index:not(.loaded) .wrapper {
  opacity: 0
}
a {
  text-decoration: none;
  color: #333;
  outline: none
}
a img {
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}
a:hover img {
  opacity: 0.7
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
input[type="submit"],
input[type="button"] {
  -webkit-box-sizing: content-box;
  box-sizing: border-box;
  cursor: pointer;
  border: none;
  border-radius: 0;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: transparent
}
button,
input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  outline: none;
  background: transparent
}
.clearfix:after {
  content: '';
  display: block;
  clear: both
}
.wrapper {
  overflow: hidden
}
.wrapper:before {
  content: '';
  position: fixed;
  z-index: 98;
  top: 0;
  left: 0;
  display: block;
  width: 100vw;
  height: 100vh;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  pointer-events: none;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.7)
}
body.open .wrapper:before {
  opacity: 1
}
.container {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 1080px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 3.7037%;
  padding-left: 3.7037%
}
@media (max-width: 48em) {
  .container {
    padding-right: 5.33333%;
    padding-left: 5.33333%
  }
}
@media (min-width: 48.0625em) {
  .is-sp {
    display: none !important
  }
}
@media (max-width: 48em) {
  .is-pc {
    display: none !important
  }
}
.js-tab_content:not(.is-show) {
  display: none
}
.c-sec {
  padding: 90px 0 80px
}
.c-sec__ttl {
  margin-bottom: 1em;
  font-size: 30px;
  font-size: 3rem;
  text-align: center
}
@media (max-width: 48em) {
  .c-sec__ttl {
    font-size: 26px;
    font-size: 2.6rem
  }
}
.c-sec__ttl span {
  font-weight: bold
}
.c-sec__ttl--sg {
  display: inline-block;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.6;
  text-align: left
}
@media (max-width: 48em) {
  .c-sec__ttl--sg {
    font-size: 26px;
    font-size: 2.6rem
  }
}
.c-sec__ttl--sg small {
  display: block;
  font-size: 0.66em;
  font-weight: bold;
  text-align: center
}
.c-sec__ttl--ja {
  display: block;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1
}
@media (max-width: 48em) {
  .c-sec__ttl--ja {
    font-size: 26px;
    font-size: 2.6rem
  }
}
.c-sec__ttl--en {
  display: block;
  margin-top: 0.5em;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1
}
@media (max-width: 48em) {
  .c-sec__ttl--en {
    font-size: 16px;
    font-size: 1.6rem
  }
}
@media (min-width: 48.0625em) {
  .c-sec__desc {
    text-align: center
  }
}
.c-sec__desc > * {
  display: inline-block;
  max-width: 900px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
  text-align: left
}
.c-btn {
  width: 348px;
  max-width: 100%
}
@media (max-width: 48em) {
  .c-btn {
    width: 306px
  }
}
.c-btn a,
.c-btn button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 56px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
  cursor: pointer;
  -webkit-transition: color .3s;
  transition: color .3s;
  border: 1px solid;
  border-radius: 8px;
  background: #fff;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media (max-width: 48em) {
  .c-btn a,
  .c-btn button {
    height: 53px;
    font-size: 15px;
    font-size: 1.5rem
  }
}
.c-btn a:before,
.c-btn button:before {
  content: '';
  position: absolute;
  top: 0;
  left: -150%;
  width: 150%;
  height: 100%;
  -webkit-transition: left .3s;
  transition: left .3s;
  -webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%)
}
.c-btn a span,
.c-btn button span {
  position: relative;
  font-weight: bold
}
.c-btn a:after,
.c-btn button:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  content: '';
  position: absolute;
  width: 1.25em;
  height: 1.25em;
  -webkit-transition: background-image .3s;
  transition: background-image .3s;
  background-repeat: no-repeat;
  background-size: contain
}
.c-btn a:hover:before,
.c-btn button:hover:before {
  left: 0
}
.c-btn.-round a {
  border-radius: calc(56px / 2)
}
@media (max-width: 48em) {
  .c-btn.-round a {
    border-radius: calc(53px / 2)
  }
}
.c-btn.-blue a,
.c-btn.-blue button {
  color: #0aa2e6;
  border-color: #0aa2e6
}
.c-btn.-blue a:before,
.c-btn.-blue button:before {
  background-color: #0aa2e6
}
.c-btn.-blue a:after,
.c-btn.-blue button:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%230aa2e6%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%230aa2e6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%230aa2e6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%230aa2e6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.c-btn.-blue a:hover,
.c-btn.-blue button:hover {
  color: #fff
}
.c-btn.-blue a:hover:after,
.c-btn.-blue button:hover:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.c-btn.-blue.-fill a,
.c-btn.-blue.-fill button {
  background-color: #0aa2e6
}
.c-btn.-blue.-fill a:after,
.c-btn.-blue.-fill button:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.c-btn.-blue.-fill a:hover,
.c-btn.-blue.-fill button:hover {
  color: #0aa2e6
}
.c-btn.-blue.-fill a:hover:after,
.c-btn.-blue.-fill button:hover:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%230aa2e6%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%230aa2e6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%230aa2e6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%230aa2e6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.c-btn.-blue.-fill a.-download:after,
.c-btn.-blue.-fill button.-download:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22icon_dl%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_23819%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2023819%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23fff%22%20opacity%3D%220%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10418%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010418%22%20transform%3D%22translate(1.667%202.499)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10417%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010417%22%20transform%3D%22translate(3.712%206.967)%22%3E%20%3Cpath%20id%3D%22%E7%B7%9A_130%22%20data-name%3D%22%E7%B7%9A%20130%22%20d%3D%22M-.167%2C4.455A.831.831%2C0%2C0%2C1-.756%2C4.21a.833.833%2C0%2C0%2C1%2C0-1.179L3.032-.756a.833.833%2C0%2C0%2C1%2C1.179%2C0%2C.833.833%2C0%2C0%2C1%2C0%2C1.179L.423%2C4.21A.831.831%2C0%2C0%2C1-.167%2C4.455Z%22%20transform%3D%22translate(4.788%201)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%220.2%22%2F%3E%20%3Cpath%20id%3D%22%E7%B7%9A_131%22%20data-name%3D%22%E7%B7%9A%20131%22%20d%3D%22M3.621%2C4.455a.831.831%2C0%2C0%2C1-.589-.244L-.756.423a.833.833%2C0%2C0%2C1%2C0-1.179.833.833%2C0%2C0%2C1%2C1.179%2C0L4.21%2C3.032a.833.833%2C0%2C0%2C1-.589%2C1.423Z%22%20transform%3D%22translate(1%201)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%220.2%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_46641%22%20data-name%3D%22%E3%83%91%E3%82%B9%2046641%22%20d%3D%22M206.652%2C310.712H193a1.549%2C1.549%2C0%2C0%2C1-1.5-1.591v-3.788a.833.833%2C0%2C1%2C1%2C1.667%2C0v3.712H206.5v-3.712a.833.833%2C0%2C1%2C1%2C1.667%2C0v3.788A1.556%2C1.556%2C0%2C0%2C1%2C206.652%2C310.712Z%22%20transform%3D%22translate(-191.5%20-295.261)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%220.2%22%2F%3E%20%3Cpath%20id%3D%22%E7%B7%9A_132%22%20data-name%3D%22%E7%B7%9A%20132%22%20d%3D%22M-.167%2C11.421A.811.811%2C0%2C0%2C1-1%2C10.634V-.212A.811.811%2C0%2C0%2C1-.167-1a.811.811%2C0%2C0%2C1%2C.833.788V10.634A.811.811%2C0%2C0%2C1-.167%2C11.421Z%22%20transform%3D%22translate(8.5%201)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%220.2%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.c-btn.-blue.-fill a.-download:hover:after,
.c-btn.-blue.-fill button.-download:hover:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22icon_dl%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_23819%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2023819%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23fff%22%20opacity%3D%220%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10418%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010418%22%20transform%3D%22translate(1.667%202.499)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10417%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010417%22%20transform%3D%22translate(3.712%206.967)%22%3E%20%3Cpath%20id%3D%22%E7%B7%9A_130%22%20data-name%3D%22%E7%B7%9A%20130%22%20d%3D%22M-.167%2C4.455A.831.831%2C0%2C0%2C1-.756%2C4.21a.833.833%2C0%2C0%2C1%2C0-1.179L3.032-.756a.833.833%2C0%2C0%2C1%2C1.179%2C0%2C.833.833%2C0%2C0%2C1%2C0%2C1.179L.423%2C4.21A.831.831%2C0%2C0%2C1-.167%2C4.455Z%22%20transform%3D%22translate(4.788%201)%22%20fill%3D%22%230aa2e6%22%20stroke%3D%22%230aa2e6%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%220.2%22%2F%3E%20%3Cpath%20id%3D%22%E7%B7%9A_131%22%20data-name%3D%22%E7%B7%9A%20131%22%20d%3D%22M3.621%2C4.455a.831.831%2C0%2C0%2C1-.589-.244L-.756.423a.833.833%2C0%2C0%2C1%2C0-1.179.833.833%2C0%2C0%2C1%2C1.179%2C0L4.21%2C3.032a.833.833%2C0%2C0%2C1-.589%2C1.423Z%22%20transform%3D%22translate(1%201)%22%20fill%3D%22%230aa2e6%22%20stroke%3D%22%230aa2e6%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%220.2%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_46641%22%20data-name%3D%22%E3%83%91%E3%82%B9%2046641%22%20d%3D%22M206.652%2C310.712H193a1.549%2C1.549%2C0%2C0%2C1-1.5-1.591v-3.788a.833.833%2C0%2C1%2C1%2C1.667%2C0v3.712H206.5v-3.712a.833.833%2C0%2C1%2C1%2C1.667%2C0v3.788A1.556%2C1.556%2C0%2C0%2C1%2C206.652%2C310.712Z%22%20transform%3D%22translate(-191.5%20-295.261)%22%20fill%3D%22%230aa2e6%22%20stroke%3D%22%230aa2e6%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%220.2%22%2F%3E%20%3Cpath%20id%3D%22%E7%B7%9A_132%22%20data-name%3D%22%E7%B7%9A%20132%22%20d%3D%22M-.167%2C11.421A.811.811%2C0%2C0%2C1-1%2C10.634V-.212A.811.811%2C0%2C0%2C1-.167-1a.811.811%2C0%2C0%2C1%2C.833.788V10.634A.811.811%2C0%2C0%2C1-.167%2C11.421Z%22%20transform%3D%22translate(8.5%201)%22%20fill%3D%22%230aa2e6%22%20stroke%3D%22%230aa2e6%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%220.2%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.c-btn.-d-blue a {
  color: #007fc5;
  border-color: #007fc5
}
.c-btn.-d-blue a:before {
  background-color: #007fc5
}
.c-btn.-d-blue a:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%230aa2e6%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%230aa2e6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%230aa2e6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%230aa2e6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.c-btn.-d-blue a:hover {
  color: #fff
}
.c-btn.-d-blue a:hover:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.c-btn.-d-blue.-fill a {
  background-color: #007fc5
}
.c-btn.-d-blue.-fill a:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.c-btn.-d-blue.-fill a:hover {
  color: #007fc5
}
.c-btn.-d-blue.-fill a:hover:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%230aa2e6%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%230aa2e6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%230aa2e6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%230aa2e6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.c-btn.-orange a {
  color: #f5a100;
  border-color: #f5a100
}
.c-btn.-orange a:before {
  background-color: #f5a100
}
.c-btn.-orange a:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23f5a100%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23f5a100%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23f5a100%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23f5a100%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.c-btn.-orange a:hover {
  color: #fff
}
.c-btn.-orange a:hover:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.c-btn.-orange.-fill a {
  background-color: #f5a100
}
.c-btn.-orange.-fill a:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.c-btn.-orange.-fill a:hover {
  color: #f5a100
}
.c-btn.-orange.-fill a:hover:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23f5a100%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23f5a100%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23f5a100%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23f5a100%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.c-btn.-d-orange a {
  color: #ff8f0d;
  border-color: #ff8f0d
}
.c-btn.-d-orange a:before {
  background-color: #ff8f0d
}
.c-btn.-d-orange a:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23f5a100%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23f5a100%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23f5a100%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23f5a100%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.c-btn.-d-orange a:hover {
  color: #fff
}
.c-btn.-d-orange a:hover:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.c-btn.-d-orange.-fill a {
  background-color: #ff8f0d
}
.c-btn.-d-orange.-fill a:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.c-btn.-d-orange.-fill a:hover {
  color: #ff8f0d
}
.c-btn.-d-orange.-fill a:hover:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23f5a100%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23f5a100%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23f5a100%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23f5a100%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.c-btn.-yellow a {
  color: #f8cc31;
  border-color: #f8cc31
}
.c-btn.-yellow a:before {
  background-color: #f8cc31
}
.c-btn.-yellow a:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23F8CC31%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23F8CC31%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23F8CC31%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23F8CC31%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.c-btn.-yellow a:hover {
  color: #fff
}
.c-btn.-yellow a:hover:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.c-btn.-yellow.-fill a {
  background-color: #f8cc31
}
.c-btn.-yellow.-fill a:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.c-btn.-yellow.-fill a:hover {
  color: #f8cc31
}
.c-btn.-yellow.-fill a:hover:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23F8CC31%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23F8CC31%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23F8CC31%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23F8CC31%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.c-btn.-yellow.-t_black a:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.c-btn.-yellow.-t_black a:hover {
  color: #333
}
.c-btn.-yellow.-t_black a:hover:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.c-btn.-fill a,
.c-btn.-fill button {
  color: #fff
}
.c-btn.-fill a:before,
.c-btn.-fill button:before {
  background-color: #fff
}
.c-btn.-b_black a {
  border-color: #333
}
.c-btn.-t_black a {
  color: #333
}
.c-btn:not(.-back) a,
.c-btn:not(.-back) button {
  padding-right: 2.5em;
  padding-left: 1em
}
.c-btn:not(.-back) a:after,
.c-btn:not(.-back) button:after {
  right: 5.74713%
}
.c-btn.-back a,
.c-btn.-back button {
  padding-right: 1em;
  padding-left: 2.5em
}
.c-btn.-back a:after,
.c-btn.-back button:after {
  left: 5.74713%;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.c-btn.-noicon a,
.c-btn.-noicon button {
  padding: 0 1em
}
.c-btn.-noicon a:after,
.c-btn.-noicon button:after {
  display: none
}
.c-btn.-disable {
  pointer-events: none
}
.c-btn.-disable a {
  border-color: #d6d6d7 !important;
  background-color: #d6d6d7 !important
}
.c-column2 {
  padding: 30px 0 80px
}
@media (max-width: 48em) {
  .c-column2 {
    padding: 15px 0 40px
  }
}
@media (min-width: 48.0625em) {
  .c-column2__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .c-column2__main {
    width: 66.2963%
  }
  .c-column2__side {
    width: 23.7037%
  }
}
@media (max-width: 48em) {
  .c-column2__side {
    margin-top: 30px
  }
}
.c-column2__side--block {
  overflow: hidden
}
.c-column2__side--block dl {
  overflow: hidden
}
@media (min-width: 48.0625em) {
  .c-column2__side--block dl {
    border-radius: 8px 8px 0 0
  }
  .c-column2__side--block dl:not(:first-child) {
    margin-top: 56px
  }
}
@media (max-width: 48em) {
  .c-column2__side--block dl:first-child {
    border-radius: 8px 8px 0 0
  }
  .c-column2__side--block dl:last-child:not(.is-active) dt {
    border-radius: 0 0 8px 8px
  }
}
.c-column2__side--block dt {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background-color: #6dc8eb
}
@media (min-width: 48.0625em) {
  .c-column2__side--block dt {
    padding: 1em;
    text-align: center;
    pointer-events: none
  }
}
@media (max-width: 48em) {
  .c-column2__side--block dt {
    padding: 1em 5.97015%
  }
  .c-column2__side--block dt > * {
    position: relative;
    padding-right: 25px
  }
  .c-column2__side--block dt > *:before,
  .c-column2__side--block dt > *:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 20px;
    height: 2px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff
  }
  .c-column2__side--block dt > *:after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
  }
  .c-column2__side--block dt.is-active > *:after {
    display: none
  }
}
.c-column2__side--block dd {
  border-top: 1px solid #d6d6d7;
  border-bottom: 1px solid #d6d6d7;
  background-color: #f8f8f8
}
@media (min-width: 48.0625em) {
  .c-column2__side--block dd {
    display: block !important
  }
}
@media (max-width: 48em) {
  .c-column2__side--block dd {
    display: none
  }
}
.c-column2__side--block dd li:not(:first-child) {
  border-top: 1px solid #d6d6d7
}
.c-column2__side--block dd li a {
  display: block;
  padding: 1em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.6
}
.c-column2__side--block dd li a:hover {
  color: #0aa2e6
}
.c-column2__side--block dd li a span {
  position: relative;
  display: block;
  padding-left: 1.5em
}
.c-column2__side--block dd li a span:before {
  content: '';
  position: absolute;
  top: .7em;
  left: 0;
  display: block;
  width: .5em;
  height: .5em;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  border-top: 2px solid;
  border-right: 2px solid
}
.c-column2__side--block dd li a.-current {
  pointer-events: none;
  background-color: #fff
}
.c-column2__side--block dd li a.-current span {
  color: #0aa2e6
}
.c-column2__side--block dd li a.-current span:before {
  display: none
}
.example-items {
  margin-top: 40px
}
@media (min-width: 48.0625em) {
  .example-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
.example-item {
  overflow: hidden;
  border: 1px solid #d6d6d7;
  border-radius: 8px
}
@media (min-width: 48.0625em) {
  .example-item {
    width: 32.22222%
  }
  .example-item:not(:nth-child(3n+1)) {
    margin-left: 1.66667%
  }
  .example-item:nth-child(n+4) {
    margin-top: 1.66667%
  }
}
@media (max-width: 48em) {
  .example-item:not(:first-child) {
    margin-top: 20px
  }
}
.example-item figure {
  position: relative;
  overflow: hidden;
  background-color: #ddd;
  padding-top: 61.78161%
}
.example-item figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover
}
.example-item__txt {
  padding: 9.1954%
}
@media (max-width: 48em) {
  .example-item__txt {
    padding: 5.97015%
  }
}
.example-item__ttl {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.8;
  color: #007fc5;
  border-bottom: 1px solid #d6d6d7
}
@media (min-width: 48.0625em) {
  .example-item__ttl {
    min-height: 5.4em
  }
}
.example-item__name {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold
}
.example-item__detail {
  margin-top: 12px
}
.example-item__detail dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
.example-item__detail dl:not(:first-child) {
  margin-top: 8px
}
.example-item__detail dt {
  min-width: 5.3em;
  margin-right: 1em;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  line-height: 2.4;
  text-align: center;
  color: #fff;
  background-color: #333
}
.example-item__detail dd {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
.example-item__link {
  margin-top: 24px
}
.example-interview__items {
  margin-top: 40px
}
@media (min-width: 48.0625em) {
  .example-interview__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
.example-interview__item {
  overflow: hidden;
  border: 1px solid #0aa2e6;
  border-radius: 8px
}
@media (min-width: 48.0625em) {
  .example-interview__item {
    width: 32.22222%
  }
  .example-interview__item:not(:nth-child(3n+1)) {
    margin-left: 1.66667%
  }
  .example-interview__item:nth-child(n+4) {
    margin-top: 1.66667%
  }
}
@media (max-width: 48em) {
  .example-interview__item:not(:first-child) {
    margin-top: 20px
  }
}
.example-interview__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.example-interview__item--head {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 5.74713% 9.1954%
}
.example-interview__item--head dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.example-interview__item--head dt {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.8;
  color: #0aa2e6
}
.example-interview__item--head dd {
  margin-top: 0.5em;
  padding-top: 0.8em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2;
  border-top: 1px solid #d6d6d7
}
.example-interview__item--bottom {
  position: relative;
  padding: 0.5em 9.1954%;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  color: #fff;
  background-color: #0aa2e6
}
.example-interview__item--bottom > * {
  position: relative
}
.example-interview__item--bottom > *:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 20px;
  height: 20px;
  margin-left: 0.5em;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain
}
.example-interview__item:hover .example-interview__item--bottom > *:after {
  -webkit-transform: translate(20%, -50%);
  transform: translate(20%, -50%)
}
.fixbnr-serviceShindan {
  width: 100%;
  pointer-events: none
}
@media (max-width: 48em) {
  .fixbnr-serviceShindan {
    bottom: 20px
  }
}
@media (min-width: 48.0625em) {
  .fixbnr-serviceShindan {
    top: 50vh;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}
.fixbnr-serviceShindan.-hide {
  display: none
}
.fixbnr-serviceShindan__inner {
  max-width: 1600px;
  margin-right: auto;
  margin-left: auto
}
.fixbnr-serviceShindan__frame {
  position: relative;
  margin-right: 30px;
  text-align: center;
  pointer-events: visible;
  border: 1px solid #fcd533;
  border-radius: 8px;
  background: #fffdf4;
  -webkit-filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(3px 3px 10px rgba(0, 0, 0, 0.1))
}
@media (min-width: 48.0625em) {
  .fixbnr-serviceShindan__frame {
    float: right;
    width: 202px;
    height: 124px
  }
}
@media (max-width: 48em) {
  .fixbnr-serviceShindan__frame {
    width: 170px;
    height: 85px;
    margin-right: auto;
    margin-left: auto
  }
}
.fixbnr-serviceShindan a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%
}
@media (max-width: 48em) {
  .fixbnr-serviceShindan a {
    pointer-events: none
  }
}
.fixbnr-serviceShindan i {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
@media (max-width: 48em) {
  .fixbnr-serviceShindan i {
    display: none
  }
}
.fixbnr-serviceShindan__icon1 {
  top: -14.5px;
  left: 6px;
  width: 27.05px;
  height: 30.91px;
  background-image: url("/_assets/images/serviceShindan/fixbnr_icon1.svg")
}
@media (max-width: 48em) {
  .fixbnr-serviceShindan__icon1 {
    top: -9.3px;
    left: 17.7px
  }
}
.fixbnr-serviceShindan__icon2 {
  top: 27.3px;
  left: -13.3px;
  width: 32.78px;
  height: 22px;
  background-image: url("/_assets/images/serviceShindan/fixbnr_icon2.svg")
}
.fixbnr-serviceShindan__icon3 {
  top: 22.6px;
  right: -21px;
  width: 36px;
  height: 35px;
  background-image: url("/_assets/images/serviceShindan/fixbnr_icon3.svg")
}
@media (max-width: 48em) {
  .fixbnr-serviceShindan__icon3 {
    top: 41.5px;
    right: -7px
  }
}
.fixbnr-serviceShindan__icon4 {
  right: -30px;
  bottom: -5px;
  width: 68px;
  height: 66.37px;
  background-image: url("/_assets/images/serviceShindan/fixbnr_icon4.svg")
}
@media (max-width: 48em) {
  .fixbnr-serviceShindan__icon4 {
    right: 13.3px
  }
}
.fixbnr-serviceShindan__close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 40px;
  height: 40px;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  border: none;
  border-radius: 50%;
  background: none;
  background-color: #fcc200
}
@media (max-width: 48em) {
  .fixbnr-serviceShindan__close {
    width: 35px;
    height: 35px
  }
}
.fixbnr-serviceShindan__close:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.514%22%20height%3D%2218.514%22%20viewBox%3D%220%200%2018.514%2018.514%22%3E%20%3Cg%20id%3D%22icon_batsu%22%20transform%3D%22translate(0.685%200.686)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_23976%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2023976%22%20width%3D%2217.143%22%20height%3D%2217.143%22%20transform%3D%22translate(0)%22%20fill%3D%22%23fff%22%20opacity%3D%220%22%2F%3E%20%3Cg%20id%3D%22_%22%20data-name%3D%22%E2%9C%97%22%20transform%3D%22translate(2.143%202.143)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_46702%22%20data-name%3D%22%E3%83%91%E3%82%B9%2046702%22%20d%3D%22M0%2C0H18.183%22%20transform%3D%22translate(0%200)%20rotate(45)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_46703%22%20data-name%3D%22%E3%83%91%E3%82%B9%2046703%22%20d%3D%22M0%2C0H18.183%22%20transform%3D%22translate(12.857%200)%20rotate(135)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%224%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 42.85%;
  height: 42.85%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
.fixbnr-serviceShindan__txt p {
  margin-bottom: 0.4em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5625
}
@media (max-width: 48em) {
  .fixbnr-serviceShindan__txt p {
    font-size: 12px;
    font-size: 1.2rem
  }
}
.fixbnr-serviceShindan__link {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  color: #0aa2e6
}
@media (max-width: 48em) {
  .fixbnr-serviceShindan__link {
    font-size: 16px;
    font-size: 1.6rem;
    pointer-events: visible
  }
}
.fixbnr-serviceShindan__link span,
.fixbnr-serviceShindan__link:after {
  display: inline-block;
  vertical-align: middle
}
.fixbnr-serviceShindan__link span {
  font-weight: bold
}
.fixbnr-serviceShindan__link:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%230AA2E6%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%230AA2E6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%230AA2E6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%230AA2E6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  content: '';
  width: 1.25em;
  height: 1.25em;
  margin-left: 0.5em;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s;
  background-repeat: no-repeat;
  background-size: contain
}
.c-vrdigest {
  overflow: hidden;
  padding: 80px 0 130px
}
.c-vrdigest__ttl {
  text-align: center
}
.c-vrdigest__desc {
  margin-top: 1.5em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
  text-align: center
}
.c-vrdigest__slider {
  margin-top: 40px
}
.c-vrdigest__slider .swiper-container {
  overflow: visible;
  margin-right: auto;
  margin-left: auto
}
@media (min-width: 48.0625em) {
  .c-vrdigest__slider .swiper-container {
    max-width: 532px
  }
}
@media (max-width: 48em) {
  .c-vrdigest__slider .swiper-container {
    max-width: 81.6%
  }
}
.c-vrdigest__slider .swiper-nav {
  padding-top: 100%
}
@media (max-width: 48em) {
  .c-vrdigest__slider .swiper-nav {
    padding-top: 61.76471%
  }
  .c-vrdigest__slider .swiper-nav .swiper-button-prev,
  .c-vrdigest__slider .swiper-nav .swiper-button-next {
    top: 100%
  }
}
.c-vrdigest__slider .swiper-button-prev {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.c-vrdigest__slider .swiper-button-next {
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%)
}
.c-vrdigest__slider .swiper-pagination {
  bottom: -48px
}
.c-vrdigest__slider .swiper-slide {
  height: auto
}
.c-vrdigest__slider .swiper-slide-active .c-vrdigest__item a {
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1)
}
.c-vrdigest__item {
  height: 100%
}
.c-vrdigest__item figure {
  position: relative;
  overflow: hidden;
  background-color: #ddd;
  padding-top: 61.84211%
}
.c-vrdigest__item figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover
}
.c-vrdigest__item a {
  display: block;
  overflow: hidden;
  height: 100%;
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s,-webkit-box-shadow .3s;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  border-radius: 12px;
  background-color: #fff
}
.c-vrdigest__item a:hover {
  opacity: 0.7
}
.c-vrdigest__txt {
  padding: 6.01504%
}
.c-vrdigest__tag {
  display: inline-block;
  margin-bottom: 0.5em;
  padding: .5em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  color: #fff
}
.c-vrdigest__tag.-market {
  background-color: #2fcda6
}
.c-vrdigest__tag.-media {
  background-color: #ffc012
}
.c-vrdigest__tag.-tv {
  background-color: #507ded
}
.c-vrdigest__tag.-ad {
  background-color: #ee54a4
}
.c-vrdigest__excerpt {
  margin-bottom: 1em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
.c-vrdigest__date {
  font-size: 14px;
  font-size: 1.4rem
}
.c-contents__cont {
  margin-top: 60px
}
@media (min-width: 48.0625em) {
  .c-contents__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
.c-contents__column:not(:first-child) {
  margin-top: 30px
}
@media (max-width: 48em) {
  .c-contents__column.-big .c-contents__item:not(:first-child) {
    margin-top: 50px
  }
}
.c-contents__column.-big .c-contents__item--inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.c-contents__column.-big .c-contents__item a {
  padding-top: 60px;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1)
}
.c-contents__column.-big .c-contents__catch {
  text-align: center
}
.c-contents__column.-big .c-contents__desc {
  margin-top: 1em
}
@media (min-width: 48.0625em) {
  .c-contents__column.-big .c-contents__item,
  .c-contents__column.-medium .c-contents__item {
    width: 49.25926%
  }
}
.c-contents__column.-big .c-contents__item a,
.c-contents__column.-medium .c-contents__item a {
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  border-radius: 12px
}
.c-contents__column.-big .c-contents__item a:hover,
.c-contents__column.-medium .c-contents__item a:hover {
  opacity: 0.7
}
@media (max-width: 48em) {
  .c-contents__column.-medium .c-contents__desc {
    margin-top: 1em
  }
}
@media (max-width: 48em) {
  .c-contents__column.-medium .c-contents__item:not(:first-child) {
    margin-top: 30px
  }
}
@media (min-width: 48.0625em) {
  .c-contents__column.-medium .c-contents__item dl {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .c-contents__column.-medium .c-contents__item dt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
  .c-contents__column.-medium .c-contents__item dt img {
    width: 100%
  }
  .c-contents__column.-medium .c-contents__item dd {
    width: 48.72881%;
    margin-left: 4.23729%
  }
}
.c-contents__column.-medium .c-contents__item a {
  border: 1px solid #6dc8eb
}
.c-contents__column.-medium .c-contents__item--inner,
.c-contents__column.-small .c-contents__item--inner {
  position: relative;
  padding-right: 20px
}
.c-contents__column.-medium .c-contents__item--inner:after,
.c-contents__column.-small .c-contents__item--inner:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 20px;
  height: 20px;
  margin-left: 0.5em;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain
}
@media (max-width: 48em) {
  .c-contents__column.-small {
    border: 1px solid #d6d6d7
  }
}
@media (min-width: 48.0625em) {
  .c-contents__column.-small .c-contents__item {
    width: 50%;
    border: 1px solid #d6d6d7
  }
  .c-contents__column.-small .c-contents__item:nth-child(even) {
    border-left: none
  }
  .c-contents__column.-small .c-contents__item:nth-child(n+3) {
    border-top: none
  }
}
@media (max-width: 48em) {
  .c-contents__column.-small .c-contents__item:not(:first-child) {
    border-top: 1px solid #d6d6d7
  }
}
.c-contents__column.-small .c-contents__item dl {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 380px;
  margin-right: auto;
  margin-left: auto
}
.c-contents__column.-small .c-contents__item dt figure {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media (max-width: 48em) {
  .c-contents__column.-small .c-contents__item dt figure {
    width: 32px;
    height: 32px
  }
}
.c-contents__column.-small .c-contents__item a {
  position: relative;
  overflow: hidden
}
@media (max-width: 48em) {
  .c-contents__column.-small .c-contents__item a {
    padding-top: 16px;
    padding-bottom: 16px
  }
}
.c-contents__column.-small .c-contents__item a:before {
  content: '';
  position: absolute;
  top: 0;
  left: -150%;
  width: 150%;
  height: 100%;
  -webkit-transition: left .3s;
  transition: left .3s;
  background-color: #d6d6d7;
  -webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%)
}
.c-contents__column.-small .c-contents__item a > * {
  position: relative
}
.c-contents__column.-small .c-contents__item a:hover:before {
  left: 0
}
.c-contents__item {
  position: relative
}
.c-contents__item--inner {
  height: 100%
}
.c-contents__item a {
  display: block;
  height: 100%;
  padding: 30px 5.6391%;
  background: #fff
}
@media (max-width: 48em) {
  .c-contents__item a {
    padding: 7.46269% 5.97015%
  }
}
.c-contents__item dl dt {
  text-align: center
}
.c-contents__item .c-link {
  margin-top: 30px;
  text-align: right
}
.c-contents__item .c-link > *:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.c-contents__tag {
  position: absolute;
  top: -1em;
  left: 5.6391%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.65em;
  padding: 0 2.35em 0 1.35em;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  background-color: #6dc8eb;
  -webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media (max-width: 48em) {
  .c-contents__tag {
    height: 2.3em;
    font-size: 18px;
    font-size: 1.8rem
  }
}
.c-contents__catch {
  margin-bottom: 0.5em;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6
}
@media (max-width: 48em) {
  .c-contents__catch {
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center
  }
}
.c-contents__desc {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
@media (min-width: 48.0625em) {
  .c-contents__desc {
    min-height: 5.4em
  }
}
.c-contents__ttl {
  margin-left: 1.5em;
  font-size: 14px;
  font-size: 1.4rem
}
@media (max-width: 48em) {
  .c-contents__ttl {
    font-size: 12px;
    font-size: 1.2rem
  }
}
.c-contents__ttl strong {
  margin-left: .5em;
  font-size: 1.4em
}
.c-contact__wrap {
  margin-top: 40px
}
@media (min-width: 48.0625em) {
  .c-contact__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
.c-contact__inner {
  border: 1px solid;
  background-color: #fff
}
@media (max-width: 48em) {
  .c-contact__inner {
    padding: 8.95522% 5.97015%
  }
  .c-contact__inner:not(:first-child) {
    margin-top: 32px
  }
}
@media (min-width: 48.0625em) {
  .c-contact__inner.-column1 {
    width: 32.40741%
  }
  .c-contact__inner.-column2 {
    width: 66.2037%
  }
}
.c-contact__inner.-orange {
  border-color: #f5a100
}
.c-contact__inner.-orange .c-contact__tag {
  background-color: #f5a100
}
.c-contact__inner.-blue {
  border-color: #007fc5
}
.c-contact__inner.-blue .c-contact__tag {
  background-color: #007fc5
}
@media (min-width: 48.0625em) {
  .c-contact__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}
.c-contact__item {
  position: relative;
  min-width: 0;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}
.c-contact__item--inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media (min-width: 48.0625em) {
  .c-contact__item--inner {
    padding: 30px 8.57143%
  }
}
@media (max-width: 48em) {
  .c-contact__item:not(:first-child) {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #d6d6d7
  }
}
@media (min-width: 48.0625em) {
  .c-contact__item:not(:first-child) {
    margin-left: 2.7972%
  }
  .c-contact__item:not(:first-child):before {
    content: '';
    position: absolute;
    top: 50%;
    left: -2.85714%;
    width: 1px;
    height: calc(100% - 60px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #d6d6d7
  }
}
.c-contact__tag {
  width: 10em;
  margin: auto;
  margin-bottom: 1em;
  padding: 0.625em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: #fff
}
.c-contact__ttl {
  margin-bottom: 1em;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6;
  text-align: center
}
@media (max-width: 48em) {
  .c-contact__ttl {
    font-size: 16px;
    font-size: 1.6rem
  }
}
.c-contact__desc {
  margin-bottom: 1.5em;
  font-size: 16px;
  font-size: 1.6rem
}
.c-contact__desc > * {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
@media (max-width: 48em) {
  .c-contact .c-btn {
    width: 266px;
    margin-right: auto;
    margin-left: auto
  }
}
.c-pagelink {
  color: #fff;
  background-color: #6dc8eb
}
@media (min-width: 48.0625em) {
  .c-pagelink__list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
.c-pagelink__list li {
  position: relative
}
@media (max-width: 48em) {
  .c-pagelink__list li:not(:first-child) {
    border-top: 1px solid
  }
}
@media (min-width: 48.0625em) {
  .c-pagelink__list li {
    width: 50%;
    padding: 10px 0
  }
  .c-pagelink__list li:nth-child(even):before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0.5px;
    display: block;
    width: 1px;
    height: calc(100% - 40px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff
  }
}
.c-pagelink__list a {
  display: block;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  color: #fff
}
.c-pagelink__list a:hover {
  opacity: 0.7
}
@media (min-width: 48.0625em) {
  .c-pagelink__list a:hover:after {
    right: 8.33333%
  }
}
.c-pagelink__list a:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  content: '';
  position: absolute;
  top: 50%;
  right: 5.97015%;
  width: 20px;
  height: 20px;
  -webkit-transition: right .3s;
  transition: right .3s;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain
}
@media (min-width: 48.0625em) {
  .c-pagelink__list a:after {
    right: 9.25926%
  }
}
.c-pagelink__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 24px 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media (min-width: 48.0625em) {
  .c-pagelink__inner {
    max-width: 340px
  }
}
@media (max-width: 48em) {
  .c-pagelink__inner {
    max-width: 267px
  }
}
@media (max-width: 48em) {
  .c-pagelink i {
    max-width: 50px
  }
}
.c-pagelink__ttl {
  margin-left: 12px
}
.c-pagelink__ttl span {
  display: block;
  font-weight: bold;
  line-height: 1
}
.c-pagelink__ttl--ja {
  font-size: 20px;
  font-size: 2rem
}
@media (max-width: 48em) {
  .c-pagelink__ttl--ja {
    font-size: 18px;
    font-size: 1.8rem
  }
}
.c-pagelink__ttl--en {
  margin-top: 0.5em;
  font-size: 16px;
  font-size: 1.6rem
}
.bg-gray {
  background-color: #f8f8f8
}
.bg-white {
  background-color: #fff
}
.-fix {
  position: fixed !important;
  z-index: 10000 !important
}
.c-link {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1
}
@media (max-width: 48em) {
  .c-link {
    font-size: 15px;
    font-size: 1.5rem
  }
}
.c-link > * span,
.c-link > *:after {
  display: inline-block;
  vertical-align: middle
}
.c-link > * span {
  font-weight: bold
}
.c-link > *:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  content: '';
  width: 1.25em;
  height: 1.25em;
  margin-left: 0.5em;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s;
  background-repeat: no-repeat;
  background-size: contain
}
.c-link > *:hover:after {
  -webkit-transform: translateX(20%);
  transform: translateX(20%)
}
.c-btnlist dt {
  margin-bottom: 1em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
  text-align: center
}
@media (max-width: 48em) {
  .c-btnlist dt {
    margin-bottom: 1.5em;
    font-size: 16px;
    font-size: 1.6rem
  }
}
.c-btnlist dt > * {
  display: inline-block;
  text-align: left
}
@media (min-width: 48.0625em) {
  .c-btnlist ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.c-btnlist li {
  width: 100%
}
@media (min-width: 48.0625em) {
  .c-btnlist li {
    width: 440px
  }
  .c-btnlist li:not(:nth-child(3n+1)) {
    margin-left: 2%
  }
}
@media (max-width: 48em) {
  .c-btnlist li + li {
    margin-top: 12px
  }
}
.c-btnlist li a {
  height: 100%;
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: center
}
.c-filter {
  margin-bottom: 30px;
  padding: 4.46927%;
  background-color: #f8f8f8
}
@media (min-width: 48.0625em) {
  .c-filter__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .c-filter__inner > * {
    width: 48.46626%
  }
}
@media (max-width: 48em) {
  .c-filter__inner > *:not(:first-child) {
    margin-top: 20px
  }
}
.c-filter dt {
  margin-bottom: 0.5em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2
}
.c-filter dd {
  position: relative
}
.c-filter dd:before {
  content: '';
  position: absolute;
  top: calc(50% - .25em);
  right: 5.06329%;
  display: block;
  width: .5em;
  height: .5em;
  -webkit-transform: rotate(135deg) translateY(-50%);
  transform: rotate(135deg) translateY(-50%);
  pointer-events: none;
  border-top: 2px solid;
  border-right: 2px solid
}
.c-filter select {
  width: 100%;
  height: 48px;
  padding: 0 1em;
  line-height: 1;
  border: 1px solid #d6d6d7;
  border-radius: 8px;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.l-header {
  position: relative;
  position: absolute;
  z-index: 9992;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 2.34261%;
  border-bottom: 1px solid #d6d6d7;
  background: #fff;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1)
}
@media (max-width: 74.9375em) {
  .l-header {
    padding: 0 5.97015%
  }
  .l-header:not(.-nofix) {
    position: fixed
  }
}
@media (min-width: 75em) {
  .l-header:not(.-nofix).is-headerFix {
    position: fixed;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
  .l-header:not(.-nofix).is-headerShow {
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
.l-header a {
  -webkit-transition: opacity .5s;
  transition: opacity .5s
}
.l-header a:hover {
  opacity: 0.7
}
.l-header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.l-header__logo {
  width: 18.74085%;
  width: 256px;
  padding: 16px 0
}
@media (max-width: 74.9375em) {
  .l-header__logo {
    width: 160px
  }
}
@media (min-width: 75em) {
  .l-header__btn {
    display: none
  }
}
.l-header__btn > * {
  display: inline-block;
  vertical-align: middle
}
.l-header__hum {
  margin-left: 17.5px;
  font-size: 0
}
@media (max-width: 74.9375em) {
  .l-header__wrap {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    pointer-events: none
  }
}
.l-header__nav {
  z-index: 99;
  min-width: 0;
  padding: 16px 0;
  pointer-events: visible;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}
@media (max-width: 74.9375em) {
  .l-header__nav {
    position: absolute;
    top: 100%;
    top: 0;
    left: 100%;
    overflow-y: scroll;
    width: 100%;
    max-height: calc(100svh - 60px);
    max-height: calc(100dvh - 60px);
    padding: 0 5.97015%;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    background-color: #fff
  }
  .l-header__nav.is-open {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}
.l-header__nav--inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
@media (min-width: 75em) {
  .l-header__nav--inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
@media (max-width: 74.9375em) {
  .l-header__nav--inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
@media (min-width: 75em) {
  .l-header__nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
@media (max-width: 74.9375em) {
  .l-header__nav .l-header__search {
    display: none
  }
}
.l-header__pickup,
.l-header__link {
  margin-bottom: 20px
}
@media (max-width: 74.9375em) {
  .l-header__pickup,
  .l-header__link {
    margin-bottom: 30px
  }
}
.l-header__pickup li,
.l-header__link li {
  font-size: 16px;
  font-size: 1.6rem
}
@media (min-width: 75em) {
  .l-header__pickup li:not(:first-child),
  .l-header__link li:not(:first-child) {
    margin-left: 0.75em
  }
}
.l-header__pickup li.-blue a,
.l-header__link li.-blue a {
  color: #0aa2e6;
  border-color: #0aa2e6
}
.l-header__pickup li.-blue.-fill a,
.l-header__link li.-blue.-fill a {
  background-color: #0aa2e6
}
.l-header__pickup li.-orange a,
.l-header__link li.-orange a {
  color: #f5a100;
  border-color: #f5a100
}
.l-header__pickup li.-orange.-fill a,
.l-header__link li.-orange.-fill a {
  background-color: #f5a100
}
.l-header__pickup li.-d-orange a,
.l-header__link li.-d-orange a {
  color: #ff8f0d;
  border-color: #ff8f0d
}
.l-header__pickup li.-d-orange.-fill a,
.l-header__link li.-d-orange.-fill a {
  background-color: #ff8f0d
}
.l-header__pickup li.-green a,
.l-header__link li.-green a {
  color: #bec601;
  border-color: #bec601
}
.l-header__pickup li.-green.-fill a,
.l-header__link li.-green.-fill a {
  background-color: #bec601
}
.l-header__pickup li.-fill a,
.l-header__link li.-fill a {
  color: #fff
}
.l-header__pickup a,
.l-header__link a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 40px;
  padding: 0 1.25em;
  line-height: 1.2;
  border: 1px solid;
  border-radius: 8px;
  background: #fff;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media (max-width: 48em) {
  .l-header__pickup a,
  .l-header__link a {
    padding: 0 .5em
  }
}
.l-header__pickup a span,
.l-header__link a span {
  font-weight: bold
}
@media (max-width: 74.9375em) {
  .l-header__pickup {
    margin-top: 30px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
  .l-header__pickup li:not(:first-child) {
    margin-top: 12px
  }
  .l-header__pickup li a {
    height: 53px;
    font-size: 15px;
    font-size: 1.5rem
  }
}
.l-header__pickup li a:hover {
  opacity: 1
}
.l-header__pickup li.-orange a:hover {
  background-color: rgba(245, 161, 0, 0.1)
}
.l-header__pickup li.-blue a:hover {
  background-color: rgba(0, 127, 197, 0.1)
}
@media (max-width: 74.9375em) {
  .l-header__link {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }
}
@media (min-width: 75em) {
  .l-header__link {
    margin-left: 20px
  }
}
@media (max-width: 74.9375em) {
  .l-header__link ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
@media (max-width: 74.9375em) {
  .l-header__link li {
    width: 48.35821%
  }
}
.l-header__link li.-document a:before {
  background-image: url("/_assets/images/icon/document.svg")
}
.l-header__link li.-mail a:before {
  background-image: url("/_assets/images/icon/mail.svg")
}
@media (max-width: 74.9375em) {
  .l-header__link a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 86px
  }
}
.l-header__link a:before {
  content: '';
  width: 1.5em;
  height: 1.5em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
@media (min-width: 75em) {
  .l-header__link a:before {
    margin-right: 0.25em
  }
}
@media (max-width: 74.9375em) {
  .l-header__link a:before {
    width: 2em;
    height: 2em;
    margin-bottom: 0.5em
  }
}
@media (min-width: 75em) {
  .l-header__search {
    margin-bottom: 25px;
    margin-left: 24px
  }
}
.l-header__search li span {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.414%22%20height%3D%2220.414%22%20viewBox%3D%220%200%2020.414%2020.414%22%3E%20%3Cg%20id%3D%22mushi%22%20transform%3D%22translate(1%201)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_11%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2011%22%20cx%3D%227.043%22%20cy%3D%227.043%22%20r%3D%227.043%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_15%22%20data-name%3D%22%E7%B7%9A%2015%22%20x1%3D%225.979%22%20y1%3D%225.979%22%20transform%3D%22translate(12.021%2012.021)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  display: block;
  overflow: hidden;
  width: 18px;
  height: 18px;
  cursor: pointer;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  white-space: nowrap;
  text-indent: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
.l-header__search li span:hover {
  opacity: 0.7
}
.l-header__gnav {
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1
}
@media (min-width: 75em) {
  .l-header__gnav {
    padding-right: 3.22581%
  }
}
@media (max-width: 74.9375em) {
  .l-header__gnav {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    border-top: 1px solid #d6d6d7;
    border-bottom: 1px solid #d6d6d7;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}
@media (min-width: 75em) {
  .l-header__gnav > ul > li:not(:first-child) {
    margin-left: 3.125em
  }
}
@media (max-width: 74.9375em) {
  .l-header__gnav > ul > li:not(:first-child) {
    border-top: 1px solid #d6d6d7
  }
}
.l-header__gnav > ul > li sup {
  top: auto;
  font-weight: bold;
  line-height: 1
}
@media (min-width: 75em) {
  .l-header__gnav > ul > li sup {
    display: block;
    margin-top: 0.25em;
    font-size: 0.625em
  }
}
@media (max-width: 74.9375em) {
  .l-header__gnav > ul > li sup {
    margin-left: 0.25em;
    font-size: 0.75em
  }
}
.l-header__gnav > ul > li dl dt > *,
.l-header__gnav > ul > li > a {
  position: relative;
  display: block;
  font-weight: bold;
  cursor: pointer
}
@media (max-width: 74.9375em) {
  .l-header__gnav > ul > li dl dt > *,
  .l-header__gnav > ul > li > a {
    padding: 1em 5.97015%
  }
}
.l-header__gnav > ul > li dl dt > *._blank,
.l-header__gnav > ul > li > a._blank {
  padding-right: 1.5em
}
.l-header__gnav > ul > li dl dt > *._blank:after,
.l-header__gnav > ul > li > a._blank:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cg%20id%3D%22icon_dl%22%20transform%3D%22translate(-60%20-22)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_23819%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2023819%22%20width%3D%2216%22%20height%3D%2216%22%20transform%3D%22translate(60%2022)%22%20fill%3D%22%23fff%22%20opacity%3D%220%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10412%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010412%22%20transform%3D%22translate(-225.5%20-263.5)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_46638%22%20data-name%3D%22%E3%83%91%E3%82%B9%2046638%22%20d%3D%22M298.543%2C295.522v4.148a.874.874%2C0%2C0%2C1-.873.873h-8.3a.874.874%2C0%2C0%2C1-.873-.873v-8.3a.874.874%2C0%2C0%2C1%2C.873-.873h4.148%22%20transform%3D%22translate(0%20-1.043)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_127%22%20data-name%3D%22%E7%B7%9A%20127%22%20x2%3D%222.87%22%20transform%3D%22translate(296.63%20288.5)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_128%22%20data-name%3D%22%E7%B7%9A%20128%22%20y1%3D%222.87%22%20transform%3D%22translate(299.5%20288.5)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_129%22%20data-name%3D%22%E7%B7%9A%20129%22%20y1%3D%225.261%22%20x2%3D%225.261%22%20transform%3D%22translate(294.239%20288.5)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 1em;
  height: 1em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
@media (max-width: 74.9375em) {
  .l-header__gnav > ul > li dl dt > *._blank:after,
  .l-header__gnav > ul > li > a._blank:after {
    right: 5.33333%
  }
}
.l-header__gnav > ul > li dl {
  position: relative
}
@media (min-width: 75em) {
  .l-header__gnav > ul > li dl:hover dd {
    display: block !important;
    height: auto
  }
  .l-header__gnav > ul > li dl:hover dt > *:after {
    top: calc(50% + 2px);
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg)
  }
}
@media (max-width: 74.9375em) {
  .l-header__gnav > ul > li dl.is-active dt > *:after {
    top: calc(50% + 2px);
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg)
  }
}
@media (min-width: 75em) {
  .l-header__gnav > ul > li dt {
    pointer-events: none
  }
}
.l-header__gnav > ul > li dt > * {
  position: relative;
  display: block;
  padding-right: 1.5em
}
.l-header__gnav > ul > li dt > *:after {
  content: '';
  position: absolute;
  top: calc(50% - 2px);
  right: 0;
  display: block;
  width: 0.5em;
  height: 0.5em;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-right: 2px solid;
  border-bottom: 2px solid
}
@media (max-width: 74.9375em) {
  .l-header__gnav > ul > li dt > *:after {
    right: 5.33333%
  }
}
@media (max-width: 74.9375em) {
  .l-header__gnav > ul > li dt a {
    pointer-events: none
  }
}
@media (min-width: 75em) {
  .l-header__gnav > ul > li dd {
    position: absolute;
    top: 100%;
    left: 50%;
    overflow: hidden;
    width: 12em;
    height: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff
  }
  .l-header__gnav > ul > li dd ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 1em
  }
  .l-header__gnav > ul > li dd li {
    width: 100%;
    text-align: center
  }
  .l-header__gnav > ul > li dd li:not(:first-child) {
    border-top: 1px solid #d6d6d7
  }
}
@media (max-width: 74.9375em) {
  .l-header__gnav > ul > li dd {
    display: none;
    padding: 0 5.97015%;
    background-color: #f4fcff
  }
  .l-header__gnav > ul > li dd li {
    border-top: 1px solid #d6d6d7
  }
}
.l-header__gnav > ul > li dd a {
  position: relative;
  display: block;
  padding: 1em 0;
  font-weight: bold
}
.l-header__gnav > ul > li dd a.-download:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22icon_dl%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_23819%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2023819%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23fff%22%20opacity%3D%220%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10418%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010418%22%20transform%3D%22translate(1.667%202.499)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10417%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010417%22%20transform%3D%22translate(3.712%206.967)%22%3E%20%3Cpath%20id%3D%22%E7%B7%9A_130%22%20data-name%3D%22%E7%B7%9A%20130%22%20d%3D%22M-.167%2C4.455A.831.831%2C0%2C0%2C1-.756%2C4.21a.833.833%2C0%2C0%2C1%2C0-1.179L3.032-.756a.833.833%2C0%2C0%2C1%2C1.179%2C0%2C.833.833%2C0%2C0%2C1%2C0%2C1.179L.423%2C4.21A.831.831%2C0%2C0%2C1-.167%2C4.455Z%22%20transform%3D%22translate(4.788%201)%22%20fill%3D%22%23333%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%220.2%22%2F%3E%20%3Cpath%20id%3D%22%E7%B7%9A_131%22%20data-name%3D%22%E7%B7%9A%20131%22%20d%3D%22M3.621%2C4.455a.831.831%2C0%2C0%2C1-.589-.244L-.756.423a.833.833%2C0%2C0%2C1%2C0-1.179.833.833%2C0%2C0%2C1%2C1.179%2C0L4.21%2C3.032a.833.833%2C0%2C0%2C1-.589%2C1.423Z%22%20transform%3D%22translate(1%201)%22%20fill%3D%22%23333%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%220.2%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_46641%22%20data-name%3D%22%E3%83%91%E3%82%B9%2046641%22%20d%3D%22M206.652%2C310.712H193a1.549%2C1.549%2C0%2C0%2C1-1.5-1.591v-3.788a.833.833%2C0%2C1%2C1%2C1.667%2C0v3.712H206.5v-3.712a.833.833%2C0%2C1%2C1%2C1.667%2C0v3.788A1.556%2C1.556%2C0%2C0%2C1%2C206.652%2C310.712Z%22%20transform%3D%22translate(-191.5%20-295.261)%22%20fill%3D%22%23333%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%220.2%22%2F%3E%20%3Cpath%20id%3D%22%E7%B7%9A_132%22%20data-name%3D%22%E7%B7%9A%20132%22%20d%3D%22M-.167%2C11.421A.811.811%2C0%2C0%2C1-1%2C10.634V-.212A.811.811%2C0%2C0%2C1-.167-1a.811.811%2C0%2C0%2C1%2C.833.788V10.634A.811.811%2C0%2C0%2C1-.167%2C11.421Z%22%20transform%3D%22translate(8.5%201)%22%20fill%3D%22%23333%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%220.2%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
@media (max-width: 74.9375em) {
  .l-header__gnav > ul > li dd a.-download:after {
    right: 5.33333%
  }
}
.l-header__gnav > ul > li dd a.-download:hover:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22icon_dl%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_23819%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2023819%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23fff%22%20opacity%3D%220%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10418%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010418%22%20transform%3D%22translate(1.667%202.499)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10417%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010417%22%20transform%3D%22translate(3.712%206.967)%22%3E%20%3Cpath%20id%3D%22%E7%B7%9A_130%22%20data-name%3D%22%E7%B7%9A%20130%22%20d%3D%22M-.167%2C4.455A.831.831%2C0%2C0%2C1-.756%2C4.21a.833.833%2C0%2C0%2C1%2C0-1.179L3.032-.756a.833.833%2C0%2C0%2C1%2C1.179%2C0%2C.833.833%2C0%2C0%2C1%2C0%2C1.179L.423%2C4.21A.831.831%2C0%2C0%2C1-.167%2C4.455Z%22%20transform%3D%22translate(4.788%201)%22%20fill%3D%22%230aa2e6%22%20stroke%3D%22%230aa2e6%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%220.2%22%2F%3E%20%3Cpath%20id%3D%22%E7%B7%9A_131%22%20data-name%3D%22%E7%B7%9A%20131%22%20d%3D%22M3.621%2C4.455a.831.831%2C0%2C0%2C1-.589-.244L-.756.423a.833.833%2C0%2C0%2C1%2C0-1.179.833.833%2C0%2C0%2C1%2C1.179%2C0L4.21%2C3.032a.833.833%2C0%2C0%2C1-.589%2C1.423Z%22%20transform%3D%22translate(1%201)%22%20fill%3D%22%230aa2e6%22%20stroke%3D%22%230aa2e6%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%220.2%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_46641%22%20data-name%3D%22%E3%83%91%E3%82%B9%2046641%22%20d%3D%22M206.652%2C310.712H193a1.549%2C1.549%2C0%2C0%2C1-1.5-1.591v-3.788a.833.833%2C0%2C1%2C1%2C1.667%2C0v3.712H206.5v-3.712a.833.833%2C0%2C1%2C1%2C1.667%2C0v3.788A1.556%2C1.556%2C0%2C0%2C1%2C206.652%2C310.712Z%22%20transform%3D%22translate(-191.5%20-295.261)%22%20fill%3D%22%230aa2e6%22%20stroke%3D%22%230aa2e6%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%220.2%22%2F%3E%20%3Cpath%20id%3D%22%E7%B7%9A_132%22%20data-name%3D%22%E7%B7%9A%20132%22%20d%3D%22M-.167%2C11.421A.811.811%2C0%2C0%2C1-1%2C10.634V-.212A.811.811%2C0%2C0%2C1-.167-1a.811.811%2C0%2C0%2C1%2C.833.788V10.634A.811.811%2C0%2C0%2C1-.167%2C11.421Z%22%20transform%3D%22translate(8.5%201)%22%20fill%3D%22%230aa2e6%22%20stroke%3D%22%230aa2e6%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%220.2%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.l-header__gnav > ul > li dd a.-cart:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22icon_cart%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_23837%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2023837%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23fff%22%20opacity%3D%220%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10415%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010415%22%20transform%3D%22translate(1.25%201.56)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_46641%22%20data-name%3D%22%E3%83%91%E3%82%B9%2046641%22%20d%3D%22M1023.321%2C970.65h-9.284v-1.359h9.284s0-.006%2C0-.009l1.091-5.424H1012V962.5h13.244a.678.678%2C0%2C0%2C1%2C.666.813l-1.254%2C6.233A1.36%2C1.36%2C0%2C0%2C1%2C1023.321%2C970.65Z%22%20transform%3D%22translate(-1008.423%20-960.732)%22%20fill%3D%22%23333%22%20stroke%3D%22%23333%22%20stroke-width%3D%220.2%22%2F%3E%20%3Cpath%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_203%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20203%22%20d%3D%22M1.037-1A2.037%2C2.037%2C0%2C1%2C1-1%2C1.037%2C2.04%2C2.04%2C0%2C0%2C1%2C1.037-1Zm0%2C2.717a.679.679%2C0%2C1%2C0-.679-.679A.68.68%2C0%2C0%2C0%2C1.037%2C1.717Z%22%20transform%3D%22translate(5.595%2013.804)%22%20fill%3D%22%23333%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%220.2%22%2F%3E%20%3Cpath%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_204%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20204%22%20d%3D%22M1.037-1A2.037%2C2.037%2C0%2C1%2C1-1%2C1.037%2C2.04%2C2.04%2C0%2C0%2C1%2C1.037-1Zm0%2C2.717a.679.679%2C0%2C1%2C0-.679-.679A.68.68%2C0%2C0%2C0%2C1.037%2C1.717Z%22%20transform%3D%22translate(13.066%2013.804)%22%20fill%3D%22%23333%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%220.2%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_46642%22%20data-name%3D%22%E3%83%91%E3%82%B9%2046642%22%20d%3D%22M1022.94%2C973.3h-8.747a2.14%2C2.14%2C0%2C0%2C1-2.034-1.678l-2.39-9.621H1008.2a.755.755%2C0%2C0%2C1%2C0-1.507h1.567a1.426%2C1.426%2C0%2C0%2C1%2C1.356%2C1.118l2.391%2C9.621a.713.713%2C0%2C0%2C0%2C.678.559h8.747a.755.755%2C0%2C0%2C1%2C0%2C1.507Z%22%20transform%3D%22translate(-1007.5%20-960.5)%22%20fill%3D%22%23333%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%220.2%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
@media (max-width: 74.9375em) {
  .l-header__gnav > ul > li dd a.-cart:after {
    right: 5.33333%
  }
}
.l-header__gnav > ul > li dd a.-cart:hover:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22icon_cart%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_23837%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2023837%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23fff%22%20opacity%3D%220%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10415%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010415%22%20transform%3D%22translate(1.25%201.56)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_46641%22%20data-name%3D%22%E3%83%91%E3%82%B9%2046641%22%20d%3D%22M1023.321%2C970.65h-9.284v-1.359h9.284s0-.006%2C0-.009l1.091-5.424H1012V962.5h13.244a.678.678%2C0%2C0%2C1%2C.666.813l-1.254%2C6.233A1.36%2C1.36%2C0%2C0%2C1%2C1023.321%2C970.65Z%22%20transform%3D%22translate(-1008.423%20-960.732)%22%20fill%3D%22%230aa2e6%22%20stroke%3D%22%230aa2e6%22%20stroke-width%3D%220.2%22%2F%3E%20%3Cpath%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_203%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20203%22%20d%3D%22M1.037-1A2.037%2C2.037%2C0%2C1%2C1-1%2C1.037%2C2.04%2C2.04%2C0%2C0%2C1%2C1.037-1Zm0%2C2.717a.679.679%2C0%2C1%2C0-.679-.679A.68.68%2C0%2C0%2C0%2C1.037%2C1.717Z%22%20transform%3D%22translate(5.595%2013.804)%22%20fill%3D%22%230aa2e6%22%20stroke%3D%22%230aa2e6%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%220.2%22%2F%3E%20%3Cpath%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_204%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20204%22%20d%3D%22M1.037-1A2.037%2C2.037%2C0%2C1%2C1-1%2C1.037%2C2.04%2C2.04%2C0%2C0%2C1%2C1.037-1Zm0%2C2.717a.679.679%2C0%2C1%2C0-.679-.679A.68.68%2C0%2C0%2C0%2C1.037%2C1.717Z%22%20transform%3D%22translate(13.066%2013.804)%22%20fill%3D%22%230aa2e6%22%20stroke%3D%22%230aa2e6%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%220.2%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_46642%22%20data-name%3D%22%E3%83%91%E3%82%B9%2046642%22%20d%3D%22M1022.94%2C973.3h-8.747a2.14%2C2.14%2C0%2C0%2C1-2.034-1.678l-2.39-9.621H1008.2a.755.755%2C0%2C0%2C1%2C0-1.507h1.567a1.426%2C1.426%2C0%2C0%2C1%2C1.356%2C1.118l2.391%2C9.621a.713.713%2C0%2C0%2C0%2C.678.559h8.747a.755.755%2C0%2C0%2C1%2C0%2C1.507Z%22%20transform%3D%22translate(-1007.5%20-960.5)%22%20fill%3D%22%230aa2e6%22%20stroke%3D%22%230aa2e6%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%220.2%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.l-header__gnav > ul > li dd a span {
  display: inline-block;
  vertical-align: middle
}
.l-header__gnav > ul > li dd a:hover {
  color: #0aa2e6
}
.l-header__searchbox {
  display: none
}
.l-header__searchbox--overlay,
.l-header__searchbox--wrap {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%
}
.l-header__searchbox--overlay {
  height: 10000vh;
  background-color: rgba(0, 0, 0, 0.45)
}
.l-header__searchbox--wrap {
  padding: 56px 0;
  background-color: #f8f8f8
}
@media (max-width: 74.9375em) {
  .l-header__searchbox--wrap {
    padding: 30px 0
  }
}
.l-header__searchbox--inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 532px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.l-header__searchbox--input,
.l-header__searchbox--submit {
  height: 48px
}
.l-header__searchbox--input input[type="text"],
.l-header__searchbox--input input[type="submit"],
.l-header__searchbox--submit input[type="text"],
.l-header__searchbox--submit input[type="submit"] {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border: none;
  outline: none
}
.l-header__searchbox--input {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}
.l-header__searchbox--input input[type="text"] {
  padding: 0 1em;
  border-top: 1px solid #d6d6d7;
  border-bottom: 1px solid #d6d6d7;
  border-left: 1px solid #d6d6d7;
  border-radius: 8px 0 0 8px
}
.l-header__searchbox--submit {
  position: relative;
  width: 120px
}
.l-header__searchbox--submit input[type="submit"] {
  padding-left: 2em;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  border-radius: 0px 8px 8px 0px;
  background-color: #0aa2e6
}
.l-header__searchbox--submit:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.414%22%20height%3D%2220.414%22%20viewBox%3D%220%200%2020.414%2020.414%22%3E%20%3Cg%20id%3D%22mushi%22%20transform%3D%22translate(1%201)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_11%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2011%22%20cx%3D%227.043%22%20cy%3D%227.043%22%20r%3D%227.043%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_15%22%20data-name%3D%22%E7%B7%9A%2015%22%20x1%3D%225.979%22%20y1%3D%225.979%22%20transform%3D%22translate(12.021%2012.021)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: translate(-2em, -50%);
  transform: translate(-2em, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
.l-header__hamburger {
  position: relative;
  z-index: 999;
  width: 20px;
  height: 14px;
  margin: auto;
  margin: 0;
  padding: 0;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  border: none;
  outline: none;
  background: none
}
.l-header__hamburger--line {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  margin: auto;
  -webkit-transition: inherit;
  transition: inherit;
  background-color: #333
}
.l-header__hamburger--line::before,
.l-header__hamburger--line::after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: inherit;
  transition: inherit;
  background-color: inherit
}
.l-header__hamburger--line::before {
  top: -6px
}
.l-header__hamburger--line::after {
  top: 6px
}
.l-header__hamburger[aria-expanded="true"] .l-header__hamburger--line {
  background-color: transparent
}
.l-header__hamburger[aria-expanded="true"] .l-header__hamburger--line::before,
.l-header__hamburger[aria-expanded="true"] .l-header__hamburger--line::after {
  top: 0;
  background-color: #333
}
.l-header__hamburger[aria-expanded="true"] .l-header__hamburger--line::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.l-header__hamburger[aria-expanded="true"] .l-header__hamburger--line::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.c-visuallyHidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  white-space: nowrap;
  text-indent: 100%;
  border: 0;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%)
}
.l-footer {
  position: relative;
  z-index: 1;
  color: #fff;
  background-color: #333
}
@media (min-width: 48.0625em) {
  .l-footer {
    padding-top: 85px
  }
}
.l-footer a {
  color: #fff
}
.l-footer__inner {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 3.7037%;
  padding-left: 3.7037%
}
@media (max-width: 48em) {
  .l-footer__inner {
    padding-right: 5.33333%;
    padding-left: 5.33333%
  }
}
.l-footer__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
@media (min-width: 48.0625em) {
  .l-footer__column {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
@media (max-width: 48em) {
  .l-footer__column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
@media (min-width: 48.0625em) {
  .l-footer__sign {
    width: 25.5%;
    min-width: 200px
  }
}
@media (max-width: 48em) {
  .l-footer__sign {
    margin-top: 55px;
    padding: 0 4.47761%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }
}
.l-footer__sign dl {
  margin-top: 2em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.675
}
.l-footer__sign dt > * {
  font-weight: bold
}
.l-footer__sign dd {
  margin-top: 0.7em
}
@media (max-width: 48em) {
  .l-footer__logo {
    text-align: center
  }
}
.l-footer__sns {
  margin-top: 30px
}
@media (min-width: 48.0625em) {
  .l-footer__sns {
    margin-top: 60px
  }
}
.l-footer__sns ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
@media (max-width: 48em) {
  .l-footer__sns ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.l-footer__sns li:not(:first-child) {
  margin-left: 24px
}
@media (min-width: 48.0625em) {
  .l-footer__gnav {
    width: 70.83333%
  }
}
@media (max-width: 48em) {
  .l-footer__gnav {
    width: 100vw;
    margin: 0 calc(50% - 50vw)
  }
}
@media (min-width: 48.0625em) {
  .l-footer__gnav--inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
}
.l-footer__gnav a {
  font-weight: bold
}
@media (max-width: 48em) {
  .l-footer__gnav a {
    display: block;
    padding: 1em 5.33333%;
    border-bottom: 1px solid
  }
}
.l-footer__gnav small {
  display: inline-block
}
@media (min-width: 48.0625em) {
  .l-footer__gnav nav {
    width: 33.33333%;
    min-width: 215px;
    margin-bottom: 2.5em
  }
}
@media (min-width: 48.0625em) {
  .l-footer__gnav nav > ul > li:not(:first-child) {
    margin-top: 2em
  }
}
.l-footer__gnav dl {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.675
}
@media (min-width: 48.0625em) {
  .l-footer__gnav dl:not(:first-child) {
    margin-top: 3em
  }
}
.l-footer__gnav dl.is-active dt:after {
  -webkit-transform: translateY(-50%) rotate(-135deg);
  transform: translateY(-50%) rotate(-135deg)
}
@media (min-width: 48.0625em) {
  .l-footer__gnav dt {
    font-size: 12px;
    font-size: 1.2rem;
    opacity: 0.6
  }
}
@media (max-width: 48em) {
  .l-footer__gnav dt {
    position: relative;
    padding: 1em 5.33333%;
    border-bottom: 1px solid
  }
  .l-footer__gnav dt:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 5.33333%;
    display: block;
    width: 0.5em;
    height: 0.5em;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid;
    border-bottom: 2px solid
  }
}
@media (min-width: 48.0625em) {
  .l-footer__gnav dt {
    pointer-events: none
  }
}
@media (min-width: 48.0625em) {
  .l-footer__gnav dd {
    display: block !important;
    margin-top: 0.7em
  }
}
@media (max-width: 48em) {
  .l-footer__gnav dd {
    display: none;
    padding: 0 5.33333%;
    background-color: #656565
  }
}
@media (min-width: 48.0625em) {
  .l-footer__gnav li:not(:first-child) {
    margin-top: 0.7em
  }
}
.l-footer__gnav a:hover {
  text-decoration: underline
}
.l-footer__nav {
  width: 100%;
  padding: 0.625em 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.675;
  color: #333;
  background-color: #fff
}
@media (max-width: 48em) {
  .l-footer__nav {
    margin-top: 30px;
    padding: 10.44776% 5.97015%
  }
}
.l-footer__nav a {
  color: #333
}
@media (min-width: 48.0625em) {
  .l-footer__nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
@media (min-width: 48.0625em) {
  .l-footer__nav li {
    margin: 0 1.25em
  }
}
@media (max-width: 48em) {
  .l-footer__nav li:not(:first-child) {
    margin-top: 1em
  }
}
.l-footer__nav a:hover {
  text-decoration: underline
}
.copyright {
  padding: 1.7em 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  text-align: center;
  color: #fff
}
@media (max-width: 48em) {
  .copyright {
    padding: 50px 0 80px
  }
}
#pagetop {
  position: fixed;
  z-index: 9991;
  bottom: 0;
  visibility: hidden;
  width: 100%;
  -webkit-transition: opacity .5s,visibility .5s,-webkit-transform .5s;
  transition: opacity .5s,visibility .5s,-webkit-transform .5s;
  transition: opacity .5s,transform .5s,visibility .5s;
  transition: opacity .5s,transform .5s,visibility .5s,-webkit-transform .5s;
  pointer-events: none;
  opacity: 0
}
#pagetop a {
  position: relative;
  display: block;
  float: right;
  width: 58px;
  height: 58px;
  pointer-events: visible;
  border-radius: 50%;
  background-color: #919292
}
@media (max-width: 48em) {
  #pagetop a {
    width: 40px;
    height: 40px
  }
}
#pagetop a:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.817%22%20height%3D%2215.634%22%20viewBox%3D%220%200%2019.817%2015.634%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(2%202.817)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(9%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%226%22%20y2%3D%225%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%225%22%20x2%3D%226%22%20transform%3D%22translate(0%205)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%2215%22%20transform%3D%22translate(0%205)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: background-position .3s;
  transition: background-position .3s;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 16.7px
}
@media (max-width: 48em) {
  #pagetop a:before {
    background-size: 12px auto
  }
}
#pagetop a:hover:before {
  background-position: 60% center
}
.l-breadcrumb {
  position: relative;
  z-index: 1;
  padding-top: 1em;
  font-size: 12px;
  font-size: 1.2rem;
  background-color: #fff
}
.l-breadcrumb ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.l-breadcrumb li {
  margin-bottom: 0.2em
}
.l-breadcrumb li > *,
.l-breadcrumb li:after {
  display: inline-block;
  line-height: 1.5;
  vertical-align: middle
}
.l-breadcrumb li a {
  color: #0ba4de
}
.l-breadcrumb li:not(:last-child) {
  margin-right: 1em
}
.l-breadcrumb li:not(:last-child):after {
  content: '';
  top: .7em;
  left: 0;
  width: .5em;
  height: .5em;
  margin-left: 1em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 2px solid;
  border-right: 2px solid
}
.t-kv {
  position: relative;
  margin-bottom: 180px;
  text-align: center
}
@media (max-width: 48em) {
  .t-kv {
    margin-bottom: 100px;
    padding-bottom: 40px
  }
}
.t-kv .swiper-button-next,
.t-kv .swiper-button-prev {
  width: 40px;
  height: 40px
}
@media (min-width: 48.0625em) {
  .t-kv__slider .swiper-nav {
    display: none
  }
}
@media (max-width: 48em) {
  .t-kv__slider .swiper-nav {
    top: auto;
    bottom: 0;
    left: 50%;
    max-width: 260px;
    padding-top: 40px;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
  }
}
.t-kv__slider .swiper-pagination {
  bottom: -100px
}
@media (max-width: 48em) {
  .t-kv__slider .swiper-pagination {
    bottom: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
  }
}
.t-kv__slider a {
  display: block
}
@media (hover: hover) {
  .t-kv__slider a img {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
  }
  .t-kv__slider a:hover img {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    opacity: 1
  }
}
.t-kv__thumb {
  position: absolute;
  z-index: 5;
  bottom: 0;
  left: 50%;
  width: 100%;
  max-width: 756px;
  margin-top: 25px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%)
}
@media (max-width: 48em) {
  .t-kv__thumb {
    display: none
  }
}
.t-kv__thumb--inner {
  overflow: hidden;
  padding-top: 20px;
  padding-bottom: 20px
}
.t-kv__thumb .swiper-container {
  overflow: visible
}
@media (min-width: 48.0625em) {
  .t-kv__thumb .swiper-container {
    max-width: 164px
  }
}
@media (max-width: 48em) {
  .t-kv__thumb .swiper-container {
    max-width: 81.6%
  }
}
.t-kv__thumb .swiper-nav {
  height: 100%;
  padding-top: 0
}
.t-kv__thumb li {
  cursor: pointer;
  border-radius: 12px;
  background: #fff;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1)
}
@media (hover: hover) {
  .t-kv__thumb li {
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s,-webkit-box-shadow .3s
  }
  .t-kv__thumb li:hover {
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
.t-sec {
  padding: 90px 0 80px
}
.t-sec__ttl {
  margin-bottom: 1em;
  font-size: 30px;
  font-size: 3rem;
  text-align: center
}
.t-sec__ttl span {
  display: block;
  font-weight: bold;
  line-height: 1
}
.t-sec__ttl--ja {
  font-size: 30px;
  font-size: 3rem
}
@media (max-width: 48em) {
  .t-sec__ttl--ja {
    font-size: 26px;
    font-size: 2.6rem
  }
}
.t-sec__ttl--en {
  margin-top: 0.5em;
  font-size: 18px;
  font-size: 1.8rem
}
@media (max-width: 48em) {
  .t-sec__ttl--en {
    font-size: 16px;
    font-size: 1.6rem
  }
}
@media (min-width: 48.0625em) {
  .t-sec__desc {
    text-align: center
  }
}
.t-sec__desc > * {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
.t-information {
  padding: 0 0 80px
}
.t-information__frame {
  overflow: hidden;
  border: 1px solid #6dc8eb;
  border-radius: 12px
}
.t-information__main {
  padding: 3.7037%;
  color: #fff;
  background: #6dc8eb
}
@media (max-width: 48em) {
  .t-information__main {
    padding: 8.95522% 5.97015%
  }
}
@media (min-width: 48.0625em) {
  .t-information__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
.t-information__main a {
  color: #fff
}
.t-information figure {
  text-align: center
}
@media (min-width: 48.0625em) {
  .t-information figure {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 35%
  }
}
@media (min-width: 48.0625em) {
  .t-information__txt {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 61%;
    min-height: 168px
  }
}
.t-information__ttl {
  margin-bottom: 0.4em;
  padding-bottom: 0.3em;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6;
  border-bottom: 1px solid
}
@media (max-width: 48em) {
  .t-information__ttl {
    margin-top: 2em;
    font-size: 18px;
    font-size: 1.8rem
  }
}
.t-information__desc {
  margin-bottom: 1.5em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
.t-information .c-link {
  text-align: right
}
.t-information .c-link > *:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.t-information__current {
  padding: 30px 3.7037%;
  background-color: #f4fcff
}
@media (max-width: 48em) {
  .t-information__current {
    padding: 8.95522% 5.97015%
  }
}
.t-information__current dt {
  margin-top: -0.4em;
  margin-bottom: 1em;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.8;
  text-align: center;
  color: #007fc5
}
@media (max-width: 48em) {
  .t-information__current dt {
    margin-bottom: 1.5em;
    font-size: 16px;
    font-size: 1.6rem
  }
}
@media (min-width: 48.0625em) {
  .t-information__current ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.t-information__current li {
  width: 100%
}
@media (min-width: 48.0625em) {
  .t-information__current li {
    width: 440px
  }
  .t-information__current li:not(:nth-child(3n+1)) {
    margin-left: 2%
  }
}
@media (max-width: 48em) {
  .t-information__current li + li {
    margin-top: 12px
  }
}
.t-information__current li a {
  height: 100%;
  padding-top: 1em;
  padding-bottom: 1em;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.t-intro {
  margin-top: 200px
}
@media (max-width: 48em) {
  .t-intro {
    margin-top: 40px
  }
}
@media (min-width: 48.0625em) {
  .t-intro__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}
.t-intro__sec {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  position: relative;
  min-width: 0;
  color: #fff
}
@media (min-width: 48.0625em) {
  .t-intro__sec:nth-child(odd):before {
    right: 0
  }
  .t-intro__sec:nth-child(even):before {
    left: 0
  }
}
.t-intro__sec a {
  color: #fff
}
.t-intro__sec:before {
  content: '';
  position: absolute;
  top: 0;
  display: block;
  width: 100vw;
  height: 100%
}
@media (max-width: 48em) {
  .t-intro__sec:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}
.t-intro__sec.-orange:before {
  background-color: #f5a100
}
.t-intro__sec.-blue:before {
  background-color: #007fc5
}
.t-intro__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 30px 7.40741%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  pointer-events: none
}
@media (max-width: 48em) {
  .t-intro__inner {
    padding: 8.95522% 0
  }
}
.t-intro__inner--top {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.t-intro figure {
  text-align: center
}
@media (min-width: 48.0625em) {
  .t-intro figure {
    margin-top: -120px
  }
}
.t-intro figure img {
  opacity: 1 !important
}
.t-intro__ttl {
  padding-top: 1em;
  padding-bottom: 0.5em;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6
}
@media (max-width: 48em) {
  .t-intro__ttl {
    padding-top: 2em;
    font-size: 18px;
    font-size: 1.8rem
  }
}
@media (min-width: 48.0625em) {
  .t-intro__ttl {
    pointer-events: visible
  }
}
.t-intro__ttl span {
  display: block;
  font-weight: bold
}
.t-intro__ttl--main {
  margin-bottom: 0.4em;
  padding-bottom: 0.3em;
  border-bottom: 1px solid
}
.t-intro__ttl--sub {
  font-size: 0.8em
}
.t-intro__desc {
  padding-bottom: 1.5em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
@media (min-width: 48.0625em) {
  .t-intro__desc {
    pointer-events: visible
  }
}
.t-intro .c-link {
  text-align: right
}
@media (min-width: 48.0625em) {
  .t-intro .c-link {
    pointer-events: visible
  }
}
.t-intro .c-link > * {
  pointer-events: visible
}
.t-intro .c-link > *:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.t-ratedBnr {
  margin-top: 30px;
  text-align: center
}
@media (min-width: 48.0625em) {
  .t-ratedBnr img {
    max-width: 716px
  }
}
.t-news {
  padding: 80px 0
}
@media (max-width: 48em) {
  .t-news {
    padding: 120px 0 80px
  }
}
@media (min-width: 48.0625em) {
  .t-news__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .t-news__column > * {
    width: 49.25926%
  }
}
@media (max-width: 48em) {
  .t-news__column > *:not(:first-child) {
    margin-top: 80px
  }
}
.t-news__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media (min-width: 48.0625em) {
  .t-news__inner {
    padding: 3.7594%
  }
}
.t-news__inner--bottom .c-btn {
  margin-right: auto;
  margin-left: auto
}
.t-news__ttl {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1
}
@media (max-width: 48em) {
  .t-news__ttl {
    font-size: 26px;
    font-size: 2.6rem
  }
}
.t-news__ttl span {
  font-weight: bold
}
.t-news__ttl--en {
  margin-left: 1em;
  font-size: 0.6em
}
.t-news__content {
  margin-top: 15px;
  margin-bottom: 30px;
  border-top: 1px solid #d6d6d7;
  border-bottom: 1px solid #d6d6d7
}
@media (min-width: 48.0625em) {
  .t-news__content {
    overflow-y: scroll;
    height: 450px
  }
  .t-news__content::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px
  }
  .t-news__content::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5)
  }
}
.t-news__content li {
  padding: 20px 0
}
@media (max-width: 48em) {
  .t-news__content li:nth-child(n+4) {
    display: none
  }
}
.t-news__content li:not(:first-child) {
  border-top: 1px solid #d6d6d7
}
.t-news__date,
.t-news__tag {
  display: inline-block;
  vertical-align: middle
}
.t-news__date {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1
}
.t-news__tag {
  margin-left: 1em;
  padding: .5em;
  font-size: 10px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
  color: #fff
}
.t-news__tag.-news {
  background-color: #f274b3
}
.t-news__tag.-press {
  background-color: #b183d8
}
.t-news__tag.-magazine {
  background-color: #bec601
}
.t-news__tag.-research {
  background-color: #f5a100
}
.t-news__tag.-vr {
  background-color: #bec601
}
.t-news__tag.-synapse {
  background-color: #ffe558
}
.t-news__tag.-others {
  background-color: #06dceb
}
.t-news__tag.-service {
  background-color: #00b1a3
}
.t-news__tag.-vrplus {
  background-color: #f7b70b
}
.t-news__tag.-whitepaper {
  background-color: #0b9cf7
}
.t-news__link {
  margin-top: 0.5em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
@media (min-width: 48.0625em) {
  .t-news__link {
    min-height: 5.25em
  }
}
.t-news__link a {
  text-decoration: underline
}
.t-news__link a:hover {
  text-decoration: none
}
.t-town {
  overflow: hidden;
  height: 200px;
  text-align: center
}
@media (max-width: 48em) {
  .t-town {
    height: 300px
  }
}
.t-town__inner {
  position: relative
}
.t-town img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: none;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.t-loading {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  background-color: #202945;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.t-loading img {
  -webkit-transition: opacity 1.5s;
  transition: opacity 1.5s
}
body.loaded .t-loading img {
  opacity: 0
}
body.loaded_2nd .t-loading {
  pointer-events: none;
  opacity: 0
}
.lower .l-kv {
  color: #fff
}
.lower .l-kv:not(.-novis) {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%
}
.lower .l-kv.-col_key {
  background-color: #6dc8eb
}
.lower .l-kv.-col_orange {
  background-color: #f5a100
}
.lower .l-kv.-col_blue {
  background-color: #007fc5
}
.lower .l-kv.-col_newkey {
  background-color: #202945
}
.lower .l-kv__illust {
  background-image: url("/_assets/images/lower/kv_illust.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
@media (max-width: 48em) {
  .lower .l-kv__illust {
    background-image: url("/_assets/images/lower/kv_illust_sp.png")
  }
}
.lower .l-kv__inner {
  padding: 1em 0
}
@media (min-width: 85.375em) {
  .lower .l-kv__inner {
    font-size: 30px;
    font-size: 3rem
  }
}
@media (max-width: 85.3125em) {
  .lower .l-kv__inner {
    font-size: 2.4vw
  }
}
@media (max-width: 48em) {
  .lower .l-kv__inner {
    font-size: 24px;
    font-size: 2.4rem
  }
}
.lower .l-kv__copy {
  text-align: center
}
.lower .l-kv__copy > * {
  font-weight: bold;
  line-height: 1.6
}
@media (min-width: 85.375em) {
  .lower .l-kv__copy > * {
    font-size: 20px;
    font-size: 2rem
  }
}
@media (max-width: 85.3125em) {
  .lower .l-kv__copy > * {
    font-size: 1.45vw
  }
}
@media (max-width: 48em) {
  .lower .l-kv__copy > * {
    font-size: 16px;
    font-size: 1.6rem
  }
}
.lower .l-kv__ttl {
  text-align: center
}
.lower .l-kv__ttl > * {
  font-weight: bold;
  line-height: 1.6
}
@media (min-width: 85.375em) {
  .lower .l-kv__ttl > * {
    font-size: 30px;
    font-size: 3rem
  }
}
@media (max-width: 85.3125em) {
  .lower .l-kv__ttl > * {
    font-size: 2.4vw
  }
}
@media (max-width: 48em) {
  .lower .l-kv__ttl > * {
    font-size: 24px;
    font-size: 2.4rem
  }
}
.lower .breadcrumb {
  padding: .75em 0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  background-color: #f8f8f8
}
.lower .breadcrumb ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.lower .breadcrumb li {
  position: relative
}
.lower .breadcrumb li:not(:last-child) {
  margin-right: 0.8em
}
.lower .breadcrumb li > * {
  display: inline-block;
  vertical-align: middle
}
.lower .breadcrumb li a {
  text-decoration: underline;
  color: #0ba4de
}
.lower .breadcrumb li a:hover {
  text-decoration: none
}
.lower .breadcrumb li + li:before {
  content: '';
  left: 0;
  display: inline-block;
  width: .5em;
  height: .5em;
  margin-right: 0.9em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
  border-top: 2px solid;
  border-right: 2px solid
}
.lower .l-content {
  position: relative;
  z-index: 1;
  background-color: #fff
}
.survey_intro .l-breadcrumb {
  background-color: #f8f8f8
}
.survey_intro .survey_intro-intro {
  padding: 100px 0 45px;
  background-color: #f8f8f8
}
@media (max-width: 48em) {
  .survey_intro .survey_intro-intro {
    padding: 80px 0 40px
  }
}
@media (min-width: 48.0625em) {
  .survey_intro .survey_intro-intro dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .survey_intro .survey_intro-intro dl dt {
    width: 50%
  }
  .survey_intro .survey_intro-intro dl dt img {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }
  .survey_intro .survey_intro-intro dl dd {
    width: 43.88889%
  }
}
.survey_intro .survey_intro-intro dt {
  text-align: center
}
@media (max-width: 48em) {
  .survey_intro .survey_intro-intro dd {
    margin-top: 30px
  }
}
.survey_intro .survey_intro-intro__ttl {
  margin-bottom: 1em;
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.6
}
@media (max-width: 48em) {
  .survey_intro .survey_intro-intro__ttl {
    font-size: 26px;
    font-size: 2.6rem
  }
}
.survey_intro .survey_intro-intro__desc > * {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
.survey_intro .survey_intro-intro__desc a {
  text-decoration: underline;
  color: #6dc8eb
}
.survey_intro .survey_intro-intro__desc a:hover {
  text-decoration: none
}
.survey_intro .survey_intro-situation {
  padding: 85px 0 80px
}
.survey_intro .survey_intro-situation__list {
  margin-top: 40px
}
@media (min-width: 48.0625em) {
  .survey_intro .survey_intro-situation__list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}
.survey_intro .survey_intro-situation__list li {
  padding-bottom: 35px;
  text-align: center;
  border-radius: 12px;
  background-color: #f4fcff;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}
@media (min-width: 48.0625em) {
  .survey_intro .survey_intro-situation__list li:not(:first-child) {
    margin-left: 20px
  }
}
@media (max-width: 48em) {
  .survey_intro .survey_intro-situation__list li:not(:first-child) {
    margin-top: 20px
  }
}
.survey_intro .survey_intro-situation__list figcaption {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.44
}
@media (min-width: 48.0625em) {
  .survey_intro .survey_intro-situation__list figure img {
    max-width: 76.43678%
  }
}
.survey_intro .survey_intro-situation__data {
  margin-top: 35px
}
.survey_intro .survey_intro-feature__item {
  position: relative
}
@media (min-width: 48.0625em) {
  .survey_intro .survey_intro-feature__item {
    padding: 80px 0
  }
}
@media (min-width: 48.0625em) {
  .survey_intro .survey_intro-feature__item dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .survey_intro .survey_intro-feature__item dl > * {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
  }
}
.survey_intro .survey_intro-feature__item:nth-child(odd) dt:before {
  left: 0;
  -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.survey_intro .survey_intro-feature__item:nth-child(even) dl {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}
.survey_intro .survey_intro-feature__item:nth-child(even) dt:before {
  right: 0;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
  -webkit-transform: translateX(50%);
  transform: translateX(50%)
}
@media (max-width: 48em) {
  .survey_intro .survey_intro-feature dt {
    position: relative;
    height: 288px
  }
}
.survey_intro .survey_intro-feature dt:before {
  content: '';
  position: absolute;
  top: 0;
  width: 613px;
  height: 100%;
  background-color: #6dc8eb
}
@media (max-width: 48em) {
  .survey_intro .survey_intro-feature dt:before {
    width: 85.33333%
  }
}
.survey_intro .survey_intro-feature dt figure {
  position: relative
}
@media (min-width: 48.0625em) {
  .survey_intro .survey_intro-feature dt figure {
    padding: 0 5%
  }
}
@media (max-width: 48em) {
  .survey_intro .survey_intro-feature dt figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
  }
  .survey_intro .survey_intro-feature dt figure img {
    max-height: 200px
  }
}
.survey_intro .survey_intro-feature dd {
  position: relative
}
@media (max-width: 48em) {
  .survey_intro .survey_intro-feature dd {
    padding: 20px 0 30px
  }
}
.survey_intro .survey_intro-feature__ttl {
  margin-bottom: 1em;
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.6
}
@media (max-width: 48em) {
  .survey_intro .survey_intro-feature__ttl {
    font-size: 26px;
    font-size: 2.6rem
  }
}
.survey_intro .survey_intro-feature__desc > * {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
.survey_intro .survey_intro-feature__desc a {
  text-decoration: underline;
  color: #0aa2e6
}
.survey_intro .survey_intro-feature__desc a:hover {
  text-decoration: none
}
.survey_intro .survey_intro-feature__link {
  margin-top: 25px
}
.survey_intro .survey_intro-feature__link .c-link {
  text-align: right
}
.survey_intro .survey_intro-feature__link .c-link > *:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.survey_intro .survey_intro-feature__link .c-btn {
  width: 100%
}
.survey_intro .survey_intro-feature__link .c-btn a {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
.survey_intro .survey_intro-feature__link .c-btn:not(:first-child) {
  margin-top: 20px
}
.introduction .introduction-intro {
  padding: 30px 0 80px
}
@media (min-width: 48.0625em) {
  .introduction .introduction-intro dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
@media (max-width: 48em) {
  .introduction .introduction-intro dd {
    margin-top: 20px
  }
}
@media (min-width: 48.0625em) {
  .introduction .introduction-intro dl {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .introduction .introduction-intro dl dt {
    width: 49.25926%
  }
  .introduction .introduction-intro dl dd {
    width: 43.88889%
  }
}
.introduction .introduction-intro dt {
  text-align: center
}
.introduction .introduction-intro__ttl {
  margin-bottom: 1em;
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.6
}
@media (max-width: 48em) {
  .introduction .introduction-intro__ttl {
    font-size: 26px;
    font-size: 2.6rem
  }
}
.introduction .introduction-intro__desc > * {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
.introduction .introduction-intro__desc a {
  text-decoration: underline;
  color: #6dc8eb
}
.introduction .introduction-intro__desc a:hover {
  text-decoration: none
}
.introduction .introduction-intro__link {
  margin-top: 25px
}
.introduction .introduction-intro__link .c-link {
  text-align: right
}
.introduction .introduction-intro__link .c-link > *:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.introduction .introduction-feature__item {
  position: relative
}
@media (min-width: 48.0625em) {
  .introduction .introduction-feature__item dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .introduction .introduction-feature__item dl > * {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
  .introduction .introduction-feature__item:nth-child(odd) dl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
  .introduction .introduction-feature__item:nth-child(odd) dt figure img,
  .introduction .introduction-feature__item:nth-child(odd) .introduction-feature__txt {
    left: 0
  }
  .introduction .introduction-feature__item:nth-child(odd) dt figure {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .introduction .introduction-feature__item:nth-child(even) dt figure img,
  .introduction .introduction-feature__item:nth-child(even) .introduction-feature__txt {
    right: 0
  }
  .introduction .introduction-feature__item:nth-child(even) dt figure {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
}
.introduction .introduction-feature__item:not(:first-child) {
  margin-top: 55px
}
@media (max-width: 48em) {
  .introduction .introduction-feature dt {
    width: 100vw;
    margin: 0 calc(50% - 50vw)
  }
}
@media (min-width: 48.0625em) {
  .introduction .introduction-feature dt {
    width: 50%
  }
}
.introduction .introduction-feature dt figure {
  position: relative
}
@media (min-width: 48.0625em) {
  .introduction .introduction-feature dt figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .introduction .introduction-feature dt figure img {
    max-width: 673px
  }
}
.introduction .introduction-feature dd {
  position: relative
}
.introduction .introduction-feature__txt {
  background-color: #f8f8f8
}
@media (max-width: 48em) {
  .introduction .introduction-feature__txt {
    margin-top: -30px;
    padding: 5.97015%
  }
}
@media (min-width: 48.0625em) {
  .introduction .introduction-feature__txt {
    position: absolute;
    top: 50%;
    width: 115.55556%;
    padding: 5.12821%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}
.introduction .introduction-feature__ttl {
  margin-bottom: 1em;
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.6
}
@media (max-width: 48em) {
  .introduction .introduction-feature__ttl {
    font-size: 26px;
    font-size: 2.6rem
  }
}
.introduction .introduction-feature__ttl span {
  display: block;
  font-size: 0.66em;
  font-weight: bold
}
.introduction .introduction-feature__desc > * {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
.introduction .introduction-feature__desc a {
  text-decoration: underline;
  color: #6dc8eb
}
.introduction .introduction-feature__desc a:hover {
  text-decoration: none
}
.introduction .introduction-service {
  padding: 80px 0
}
.introduction .introduction-service .c-sec__ttl--sg {
  text-align: center
}
.introduction .introduction-service .c-sec__desc > * {
  max-width: 715px
}
.introduction .introduction-service__list {
  margin-top: 45px
}
.introduction .introduction-service__list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@media (min-width: 48.0625em) {
  .introduction .introduction-service__list li {
    width: 25%
  }
}
@media (max-width: 48em) {
  .introduction .introduction-service__list li {
    width: 50%
  }
}
.introduction .introduction-service__list figure {
  position: relative;
  overflow: hidden;
  background-color: #ddd;
  padding-top: 61.99262%;
  font-size: 0;
  line-height: 0
}
.introduction .introduction-service__list figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover
}
.introduction .introduction-service__list figcaption {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 90%;
  padding: .5em .66em;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
  color: #fff;
  background-color: #333
}
@media (max-width: 48em) {
  .introduction .introduction-service__list figcaption {
    min-width: 12em;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center
  }
}
.introduction .introduction-service__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 40px
}
@media (max-width: 48em) {
  .introduction .introduction-service__link {
    margin-top: 20px
  }
}
.introduction .introduction-summarize {
  padding: 85px 0 80px
}
.introduction .introduction-summarize .c-sec__ttl--sg {
  text-align: center
}
.introduction .introduction-summarize__list {
  margin-top: 40px
}
.introduction .introduction-summarize__list ul,
.introduction .introduction-summarize__list ol {
  list-style: none
}
@media (min-width: 48.0625em) {
  .introduction .introduction-summarize__list ul,
  .introduction .introduction-summarize__list ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}
.introduction .introduction-summarize__list li {
  min-width: 0;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}
@media (min-width: 48.0625em) {
  .introduction .introduction-summarize__list li:not(:first-child) {
    margin-left: 20px
  }
}
@media (max-width: 48em) {
  .introduction .introduction-summarize__list li:not(:first-child) {
    margin-top: 20px
  }
}
.introduction .introduction-summarize__list li {
  padding: 2.96296%;
  border-radius: 12px;
  background-color: #fff
}
@media (max-width: 48em) {
  .introduction .introduction-summarize__list li {
    padding: 30px 5.97015%
  }
}
.introduction .introduction-summarize__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}
.introduction .introduction-summarize__ttl {
  margin-bottom: 1em;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6;
  text-align: center
}
@media (max-width: 48em) {
  .introduction .introduction-summarize__ttl {
    font-size: 16px;
    font-size: 1.6rem
  }
}
.introduction .introduction-summarize__ttl:before,
.introduction .introduction-summarize__ttl span {
  display: inline-block;
  font-weight: bold;
  vertical-align: middle
}
.introduction .introduction-summarize__ttl:before {
  content: '';
  width: 1.4em;
  height: 1.4em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center
}
@media (max-width: 48em) {
  .introduction .introduction-summarize__ttl:before {
    background-size: 97% auto
  }
}
.introduction .introduction-summarize__ttl.-tv:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225.645%22%20height%3D%2222.942%22%20viewBox%3D%220%200%2025.645%2022.942%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10316%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010316%22%20transform%3D%22translate(1%201.251)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_23775%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2023775%22%20width%3D%2223.645%22%20height%3D%2216.155%22%20rx%3D%222%22%20transform%3D%22translate(0%204.536)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_23776%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2023776%22%20width%3D%2210%22%20height%3D%229.231%22%20rx%3D%221%22%20transform%3D%22translate(3.782%207.999)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10315%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010315%22%20transform%3D%22translate(5.331%200.163)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_16%22%20data-name%3D%22%E7%B7%9A%2016%22%20x1%3D%224.174%22%20y2%3D%223.994%22%20transform%3D%22translate(6.491)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_17%22%20data-name%3D%22%E7%B7%9A%2017%22%20x2%3D%224.174%22%20y2%3D%223.994%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_18%22%20data-name%3D%22%E7%B7%9A%2018%22%20x2%3D%221.855%22%20transform%3D%22translate(17.545%208.333)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_19%22%20data-name%3D%22%E7%B7%9A%2019%22%20x2%3D%221.855%22%20transform%3D%22translate(17.545%2012.042)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_20%22%20data-name%3D%22%E7%B7%9A%2020%22%20x2%3D%221.855%22%20transform%3D%22translate(17.545%2015.751)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.introduction .introduction-summarize__ttl.-words:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.261%22%20height%3D%2224%22%20viewBox%3D%220%200%2018.261%2024%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10794%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010794%22%20transform%3D%22translate(-1538.5%20-335.5)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_46725%22%20data-name%3D%22%E3%83%91%E3%82%B9%2046725%22%20d%3D%22M1539.5%2C356.587V338.413a1.913%2C1.913%2C0%2C0%2C1%2C1.913-1.913h12.435a1.912%2C1.912%2C0%2C0%2C1%2C1.913%2C1.913v16.261h-14.348%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_46726%22%20data-name%3D%22%E3%83%91%E3%82%B9%2046726%22%20d%3D%22M1541.413%2C355.5h14.348c-1.913.957-1.913%2C2.87%2C0%2C3.826h-14.348a1.913%2C1.913%2C0%2C0%2C1-1.913-1.913h0A1.913%2C1.913%2C0%2C0%2C1%2C1541.413%2C355.5Z%22%20transform%3D%22translate(0%20-0.826)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_46727%22%20data-name%3D%22%E3%83%91%E3%82%B9%2046727%22%20d%3D%22M1553.239%2C347.022l-2.87-2.87-2.87%2C2.87V336.5h5.739Z%22%20transform%3D%22translate(-0.348)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
@media (max-width: 48em) {
  .introduction .introduction-summarize__ttl.-words:before {
    background-size: contain
  }
}
.introduction .introduction-summarize__ttl.-book:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2218.5%22%20viewBox%3D%220%200%2024%2018.5%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10319%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010319%22%20transform%3D%22translate(-960.5%20-386)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_46259%22%20data-name%3D%22%E3%83%91%E3%82%B9%2046259%22%20d%3D%22M983.5%2C388.5a10.833%2C10.833%2C0%2C0%2C0-11%2C0v15c1-2%2C9-2%2C11%2C0Z%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_46260%22%20data-name%3D%22%E3%83%91%E3%82%B9%2046260%22%20d%3D%22M961.5%2C388.5a10.833%2C10.833%2C0%2C0%2C1%2C11%2C0v15c-1-2-9-2-11%2C0Z%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.introduction .introduction-summarize__desc {
  margin-bottom: 1.5em;
  font-size: 16px;
  font-size: 1.6rem
}
.introduction .introduction-summarize__desc > * {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
.introduction .introduction-summarize .c-btn {
  margin: 0 auto
}
.introduction .introduction-lpLink {
  padding: 56px 0 62px;
  color: #fff;
  background-color: #6dc8eb
}
@media (max-width: 48em) {
  .introduction .introduction-lpLink {
    padding: 80px 0 40px
  }
}
@media (min-width: 48.0625em) {
  .introduction .introduction-lpLink dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .introduction .introduction-lpLink dl dt {
    width: 50%
  }
  .introduction .introduction-lpLink dl dt img {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
  }
  .introduction .introduction-lpLink dl dd {
    width: 43.88889%
  }
}
.introduction .introduction-lpLink dt {
  text-align: center
}
@media (max-width: 48em) {
  .introduction .introduction-lpLink dd {
    margin-top: 30px
  }
}
.introduction .introduction-lpLink__ttl {
  margin-bottom: 1em;
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.6
}
@media (max-width: 48em) {
  .introduction .introduction-lpLink__ttl {
    font-size: 26px;
    font-size: 2.6rem
  }
}
.introduction .introduction-lpLink__ttl span {
  display: block;
  margin-bottom: 0.5em;
  font-size: .66em
}
.introduction .introduction-lpLink__desc > * {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
.introduction .introduction-lpLink__desc a {
  text-decoration: underline;
  color: #6dc8eb
}
.introduction .introduction-lpLink__desc a:hover {
  text-decoration: none
}
.introduction .introduction-lpLink__link {
  margin-top: 25px
}
.introduction .introduction-lpLink__link .c-link {
  text-align: right
}
.introduction .introduction-lpLink__link .c-link > *:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.introduction .introduction-lpLink__link .c-link a {
  color: #fff
}
.words .words-content {
  padding: 30px 0 80px
}
@media (max-width: 48em) {
  .words .words-content {
    padding: 30px 0 40px
  }
}
.words .words-nav {
  text-align: center
}
.words .words-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@media (max-width: 48em) {
  .words .words-nav ul {
    font-size: 16px;
    font-size: 1.6rem
  }
}
.words .words-nav ul + ul {
  margin-top: 20px
}
.words .words-nav li {
  width: 9.25926%
}
@media (max-width: 48em) {
  .words .words-nav li {
    width: 18.80597%
  }
  .words .words-nav li:nth-child(n+6) {
    margin-top: 0.75em
  }
}
.words .words-nav li a {
  display: block;
  padding: .7em 0;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  color: #0aa2e6;
  border: 1px solid;
  border-radius: .2em
}
@media (max-width: 48em) {
  .words .words-nav li a {
    font-size: 16px;
    font-size: 1.6rem
  }
}
.words .words-nav li a:hover {
  color: #fff;
  background-color: #0aa2e6
}
.words .words-nav li.-current a {
  color: #fff;
  background-color: #0aa2e6
}
.words .words-nav li.-none a {
  pointer-events: none;
  color: #919292
}
.words .words-main {
  margin-top: 40px
}
.words .words-main__row {
  padding-bottom: 0.5em;
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1;
  border-bottom: 1px solid #d6d6d7
}
@media (max-width: 48em) {
  .words .words-main__row {
    font-size: 26px;
    font-size: 2.6rem
  }
}
.words .words-main__list {
  overflow: hidden;
  margin-top: 24px;
  border: 1px solid #d6d6d7;
  border-radius: 12px
}
.words .words-main dl + dl {
  border-top: 1px solid #d6d6d7
}
.words .words-main dl > * {
  padding: 1.85185% 2.96296%
}
@media (max-width: 48em) {
  .words .words-main dl > * {
    padding: 4.77612% 5.97015%
  }
}
.words .words-main dl dt {
  cursor: pointer;
  background-color: #f8f8f8
}
.words .words-main dl dd {
  display: none
}
.words .words-main dl .words-main__head {
  position: relative;
  padding-right: 25px
}
.words .words-main dl .words-main__head:before,
.words .words-main dl .words-main__head:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 20px;
  height: 2px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #f51c1a
}
.words .words-main dl .words-main__head:after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg)
}
.words .words-main dl.is-active .words-main__head:before {
  background-color: #007fc5
}
.words .words-main dl.is-active .words-main__head:after {
  display: none
}
@media (min-width: 48.0625em) {
  .words .words-main__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
.words .words-main__head ul {
  font-size: 14px;
  font-size: 1.4rem
}
.words .words-main__head li {
  display: inline-block;
  padding: 0.2857142857em 0.5714285714em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
  vertical-align: middle;
  color: #fff
}
.words .words-main__head li.-cm {
  background-color: #fc4763
}
.words .words-main__head li.-rating {
  background-color: #00b1a3
}
.words .words-main__head li + li {
  margin-left: 0.5714285714em
}
.words .words-main__ttl {
  font-weight: bold;
  line-height: 1.62
}
@media (min-width: 48.0625em) {
  .words .words-main__ttl {
    margin-right: 0.6em;
    font-size: 20px;
    font-size: 2rem
  }
}
@media (max-width: 48em) {
  .words .words-main__ttl {
    margin-bottom: 0.3em;
    font-size: 16px;
    font-size: 1.6rem
  }
}
.words .words-main__desc {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.025
}
.words .words-main__desc > * {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.025
}
.words .words-main__note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 0.2em
}
.words .words-main__note p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.025
}
.words .words-main__note p:after {
  content: '：';
  margin-right: 0.5em
}
.words .words-main__note ul {
  font-size: 0
}
.words .words-main__note li {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.025
}
.words .words-main__note li + li:before {
  content: '、'
}
.words .words-main__note li a {
  font-weight: bold;
  text-decoration: underline;
  color: #0aa2e6
}
.words .words-main__note li a:hover {
  text-decoration: none
}
.case .case-sec {
  padding: 80px 0
}
.case .case-sec__ttl {
  text-align: center
}
.case .case-sec__ttl small {
  display: block;
  margin-bottom: 1em;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1
}
@media (max-width: 48em) {
  .case .case-sec__ttl small {
    font-size: 18px;
    font-size: 1.8rem
  }
}
.case .case-sec__ttl span {
  display: inline-block;
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.6
}
@media (max-width: 48em) {
  .case .case-sec__ttl span {
    font-size: 26px;
    font-size: 2.6rem
  }
}
@media (min-width: 48.0625em) {
  .case .case-sec__ttl span {
    text-align: left
  }
}
.case .case-intro {
  padding-top: 30px
}
@media (min-width: 48.0625em) {
  .case .case-intro__main dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
@media (max-width: 48em) {
  .case .case-intro__main dd {
    margin-top: 20px
  }
}
@media (min-width: 48.0625em) {
  .case .case-intro__main dl {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
  .case .case-intro__main dl dt {
    width: 49.25926%
  }
  .case .case-intro__main dl dd {
    width: 46.2963%
  }
}
.case .case-intro__main dt {
  text-align: center
}
.case .case-intro__main dt figure {
  position: relative;
  padding-top: 66.16541%;
  background-color: #202945
}
.case .case-intro__main dt figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 79.69925%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.case .case-intro__ttl {
  margin-bottom: 1em;
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.6
}
@media (max-width: 48em) {
  .case .case-intro__ttl {
    font-size: 26px;
    font-size: 2.6rem
  }
}
.case .case-intro__desc > * {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
.case .case-intro__desc a {
  text-decoration: underline;
  color: #6dc8eb
}
.case .case-intro__desc a:hover {
  text-decoration: none
}
.case .case-intro__link {
  margin-top: 32px
}
@media (max-width: 48em) {
  .case .case-intro__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
@media (max-width: 48em) {
  .case .case-intro__link .c-btn {
    width: 335px
  }
}
.case .case-intro__philosophy {
  margin-top: 20px
}
@media (max-width: 48em) {
  .case .case-intro__philosophy {
    margin-top: 40px
  }
}
.case .case-intro__philosophy dt {
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1;
  border-bottom: 1px solid
}
@media (max-width: 48em) {
  .case .case-intro__philosophy dt {
    font-size: 22px;
    font-size: 2.2rem
  }
}
.case .case-intro__philosophy dd > * {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.8
}
@media (max-width: 48em) {
  .case .case-intro__philosophy dd > * {
    font-size: 16px;
    font-size: 1.6rem
  }
}
.case .case-reason {
  margin-top: 80px
}
.case .case-reason__main {
  margin-top: 55px
}
.case .case-reason__main ul,
.case .case-reason__main ol {
  list-style: none
}
@media (min-width: 48.0625em) {
  .case .case-reason__main ul,
  .case .case-reason__main ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}
.case .case-reason__main li {
  min-width: 0;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}
@media (min-width: 48.0625em) {
  .case .case-reason__main li:not(:first-child) {
    margin-left: 20px
  }
}
@media (max-width: 48em) {
  .case .case-reason__main li:not(:first-child) {
    margin-top: 20px
  }
}
.case .case-reason__main li {
  position: relative
}
@media (max-width: 48em) {
  .case .case-reason__main li:not(:first-child) {
    margin-top: 60px
  }
}
.case .case-reason__num {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 9.1954%;
  display: block;
  width: 22.41379%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-filter: drop-shadow(0px 0px 20px #fff);
  filter: drop-shadow(0px 0px 20px #fff)
}
.case .case-reason__inner {
  overflow: hidden;
  height: 100%;
  color: #fff;
  border-radius: 12px;
  background: #007fc5
}
.case .case-reason__pic {
  position: relative;
  overflow: hidden;
  background-color: #ddd;
  padding-top: 61.78161%
}
.case .case-reason__pic img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover
}
.case .case-reason__desc {
  padding: 1em .5em;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
  text-align: center
}
.case .case-reason__desc > * {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6
}
.case .case-service__overview {
  margin-top: 70px
}
@media (min-width: 48.0625em) {
  .case .case-service__overview dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
@media (max-width: 48em) {
  .case .case-service__overview dd {
    margin-top: 20px
  }
}
@media (max-width: 48em) {
  .case .case-service__overview {
    margin-top: 25px
  }
}
@media (min-width: 48.0625em) {
  .case .case-service__overview dl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
  .case .case-service__overview dl dt {
    width: 49.25926%
  }
  .case .case-service__overview dl dd {
    width: 46.2963%
  }
}
.case .case-service__overview dt figure {
  position: relative;
  overflow: hidden;
  background-color: #ddd;
  padding-top: 61.84211%
}
.case .case-service__overview dt figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover
}
.case .case-service__overview--ttl {
  margin-bottom: 1em;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6
}
.case .case-service__overview--desc > * {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
.case .case-service__overview--desc a {
  text-decoration: underline;
  color: #6dc8eb
}
.case .case-service__overview--desc a:hover {
  text-decoration: none
}
.case .case-service__overview--link {
  margin-top: 40px
}
@media (max-width: 48em) {
  .case .case-service__overview--link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
@media (max-width: 48em) {
  .case .case-service__overview--link .c-btn {
    width: 335px
  }
}
.case .case-service__main {
  margin-top: 65px
}
@media (max-width: 48em) {
  .case .case-service__main {
    margin-top: 50px
  }
}
.case .case-service__main--link {
  margin-top: 40px
}
@media (max-width: 48em) {
  .case .case-service__main--link .c-btn {
    width: 335px
  }
}
.case .case-service__main--link li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.case .case-service__main--link li:not(:first-child) {
  margin-top: 40px
}
@media (max-width: 48em) {
  .case .case-service__main--link li:not(:first-child) {
    margin-top: 20px
  }
}
.case .case-service__main--link li:not(:first-child) .c-btn {
  width: 284px
}
.case .case-service__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}
.case .case-service__tab {
  padding: .8em;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.5;
  cursor: pointer;
  text-align: center;
  color: #fff;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 8px 8px 0px 0px
}
@media (max-width: 48em) {
  .case .case-service__tab {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8
  }
  .case .case-service__tab > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 3.6em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
.case .case-service__tab.-media {
  background-color: #9cc72c
}
.case .case-service__tab.-marketing {
  background-color: #00b1a3
}
.case .case-service__tab:not(:first-child) {
  margin-left: 2px
}
.case .case-service__tab.is-active {
  padding: 1em .8em
}
.case .case-service__content {
  padding-top: 32px;
  border-top: 4px solid
}
@media (max-width: 48em) {
  .case .case-service__content {
    padding-top: 20px
  }
}
.case .case-service__content.-media {
  color: #9cc72c
}
.case .case-service__content.-marketing {
  color: #00b1a3
}
.case .case-service__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.case .case-service__item {
  position: relative
}
@media (min-width: 48.0625em) {
  .case .case-service__item {
    width: 49.25926%
  }
  .case .case-service__item.-full {
    width: 100%
  }
  .case .case-service__item.-full a {
    padding-right: 3.7037%;
    padding-left: 3.7037%
  }
  .case .case-service__item.-full figure {
    min-width: 11.6%
  }
  .case .case-service__item.-full .case-service__item--inner {
    padding-right: 5.2%
  }
  .case .case-service__item.-full .case-service__item--inner:before {
    width: 11.6%;
    margin-right: 3%
  }
}
@media (max-width: 48em) {
  .case .case-service__item {
    width: 100%
  }
}
.case .case-service__item:not(:last-child) {
  margin-bottom: 26px
}
@media (min-width: 48.0625em) {
  .case .case-service__item--inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    min-height: 116px;
    padding-right: 11.50442%
  }
  .case .case-service__item--inner:before {
    content: '';
    width: 25.66372%;
    min-width: 116px;
    margin-right: 6.63717%
  }
  .case .case-service__item--inner:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    height: 20px;
    margin-left: 0.5em;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain
  }
}
@media (max-width: 48em) {
  .case .case-service__item dt {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 9.77444%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
  .case .case-service__item dt:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    height: 20px;
    margin-left: 0.5em;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain
  }
}
.case .case-service__item a {
  display: block;
  height: 100%;
  padding-top: 32px;
  padding-right: 7.5188%;
  padding-bottom: 32px;
  padding-left: 7.5188%;
  border-radius: 8px;
  background: #fff;
  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1)
}
@media (max-width: 48em) {
  .case .case-service__item a {
    padding: 7.46269% 5.97015%
  }
}
.case .case-service__item a:hover {
  opacity: 0.7
}
@media (min-width: 48.0625em) {
  .case .case-service__item figure {
    position: absolute;
    left: 0;
    min-width: 25.66372%
  }
}
@media (max-width: 48em) {
  .case .case-service__item figure {
    max-width: 64px
  }
}
.case .case-service__ttl {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6
}
@media (min-width: 48.0625em) {
  .case .case-service__ttl {
    margin-bottom: .5em
  }
}
@media (max-width: 48em) {
  .case .case-service__ttl {
    margin-left: 1em
  }
}
.case .case-service__desc {
  font-size: 16px;
  font-size: 1.6rem
}
@media (max-width: 48em) {
  .case .case-service__desc {
    margin-top: 1em
  }
}
.case .case-service__desc > * {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
.case .case-service__desc a {
  text-decoration: underline;
  color: #6dc8eb
}
.case .case-service__desc a:hover {
  text-decoration: none
}
.case .case-worries {
  position: relative;
  position: sticky;
  z-index: 1;
  top: 0
}
@media screen and (max-height: 1040px) {
  .case .case-worries {
    min-height: 100vh;
    margin-top: calc(1040px - 100vh);
    padding: 0
  }
}
@media screen and (max-height: 1040px) and (max-width: 48em) {
  .case .case-worries {
    margin-top: calc(192vw - 100vh + 80px)
  }
}
@media screen and (max-height: 1040px) and (max-width: 48em) and (max-width: 700px) {
  .case .case-worries {
    margin-top: calc(220vw - 100vh + 80px)
  }
}
@media screen and (max-height: 1040px) and (max-width: 48em) and (max-width: 700px) and (orientation: portrait) {
  .case .case-worries {
    margin-top: calc(420vw - 100vh + 80px)
  }
}
@media screen and (max-height: 1040px) {
  .case .case-worries__container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
  }
}
@media screen and (max-height: 1040px) and (max-width: 48em) {
  .case .case-worries__container {
    min-height: 192vw
  }
}
@media screen and (max-height: 1040px) and (max-width: 48em) and (max-width: 700px) {
  .case .case-worries__container {
    min-height: 220vw
  }
}
@media screen and (max-height: 1040px) and (max-width: 48em) and (max-width: 700px) and (orientation: portrait) {
  .case .case-worries__container {
    min-height: 420vw
  }
}
.case .case-worries ~ * {
  position: relative;
  z-index: 10
}
.case .case-worries__wrapper {
  position: relative;
  margin-top: 35px;
  padding-top: 50px;
  padding-bottom: 110px;
  background-color: #f4fcff
}
@media (min-width: 48.0625em) {
  .case .case-worries__wrapper {
    padding-right: 50px;
    padding-bottom: 90px;
    padding-left: 50px
  }
}
.case .case-worries__wrapper:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  color: #fff;
  border-top: 100px solid transparent;
  border-right: calc(50vw) solid;
  border-bottom: 100px solid;
  border-left: calc(50vw) solid transparent
}
@media (max-width: 48em) {
  .case .case-worries__wrapper:before {
    border-top: 50px solid transparent;
    border-bottom: 50px solid
  }
}
.case .case-worries__inner {
  max-width: 716px;
  margin-right: auto;
  margin-left: auto
}
.case .case-worries__item {
  position: relative;
  padding: 30px 1.5em;
  font-size: 16px;
  font-size: 1.6rem;
  border: 2px solid #0ba4de;
  border-radius: 12px;
  background-color: #fff
}
@media (max-width: 48em) {
  .case .case-worries__item {
    padding: 7.46269% 5.97015% 19.10448%
  }
}
.case .case-worries__item:not(:first-child) {
  margin-top: 87px
}
@media (max-width: 48em) {
  .case .case-worries__item:not(:first-child) {
    margin-top: 154px
  }
}
.case .case-worries__item:nth-child(odd) .case-worries__role {
  left: 0
}
@media (min-width: 48.0625em) {
  .case .case-worries__item:nth-child(odd) .case-worries__role {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}
.case .case-worries__item:nth-child(even) .case-worries__role {
  right: 0
}
@media (min-width: 48.0625em) {
  .case .case-worries__item:nth-child(even) .case-worries__role {
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
  }
}
@media (max-width: 48em) {
  .case .case-worries__item:nth-child(3) {
    position: sticky;
    top: 0
  }
}
.case .case-worries__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 1.5em;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media (max-width: 48em) {
  .case .case-worries__list {
    padding-left: 1em
  }
}
.case .case-worries__list li {
  list-style: disc
}
.case .case-worries__list li:not(:first-child) {
  margin-top: 0.5em
}
.case .case-worries__list li > * {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.8
}
.case .case-worries__list li em {
  position: relative;
  font-size: 1.25em;
  font-weight: bold;
  font-style: normal;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #ffe558));
  background: linear-gradient(transparent 70%, #ffe558 0%)
}
.case .case-worries__role {
  position: absolute;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center
}
@media (min-width: 48.0625em) {
  .case .case-worries__role {
    bottom: -3em;
    width: 22.34637%
  }
}
@media (max-width: 48em) {
  .case .case-worries__role {
    bottom: -35%;
    width: 38.80597%;
    min-width: 9em;
    max-width: 150px
  }
}
.case .case-worries__role figcaption {
  margin-top: 0.5em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  color: #007fc5
}
.case .case-link {
  position: relative;
  margin-top: 220px;
  padding-top: 0;
  color: #fff;
  background-color: #115781
}
@media (max-width: 48em) {
  .case .case-link {
    margin-top: 100px;
    padding-top: 75px
  }
}
.case .case-link:before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 0;
  display: block;
  color: #115781;
  border-top: 100px solid transparent;
  border-right: calc(50vw) solid;
  border-bottom: 100px solid;
  border-left: calc(50vw) solid transparent
}
@media (max-width: 48em) {
  .case .case-link:before {
    border-top: 50px solid transparent;
    border-bottom: 50px solid
  }
}
.case .case-faq__items {
  margin-top: 40px
}
.case .case-faq__items dt,
.case .case-faq__items dd {
  position: relative;
  padding: 17px 2.96296%
}
@media (max-width: 48em) {
  .case .case-faq__items dt,
  .case .case-faq__items dd {
    padding: 17px 5.97015%
  }
}
.case .case-faq__items dt a,
.case .case-faq__items dd a {
  text-decoration: underline;
  color: #0aa2e6
}
.case .case-faq__items dt a:hover,
.case .case-faq__items dd a:hover {
  text-decoration: none
}
.case .case-faq__items dt {
  background-color: #f8f8f8
}
@media (min-width: 48.0625em) {
  .case .case-faq__items dt {
    pointer-events: none
  }
}
@media (max-width: 48em) {
  .case .case-faq__items dt > * {
    position: relative;
    padding-right: 25px
  }
  .case .case-faq__items dt > *:before,
  .case .case-faq__items dt > *:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 20px;
    height: 2px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #f51c1a
  }
  .case .case-faq__items dt > *:after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
  }
  .case .case-faq__items dt.is-active > *:before {
    background-color: #007fc5
  }
  .case .case-faq__items dt.is-active > *:after {
    display: none
  }
}
.case .case-faq__items dt > * {
  font-weight: bold
}
@media (max-width: 48em) {
  .case .case-faq__items dd {
    display: none
  }
}
@media (min-width: 48.0625em) {
  .case .case-faq__items dd {
    display: block !important
  }
}
.case .case-faq__q,
.case .case-faq__a {
  position: relative;
  display: block;
  padding-left: 2.5em
}
.case .case-faq__q:before,
.case .case-faq__a:before {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1
}
.case .case-faq__q:before {
  content: 'Q.';
  color: #007fc5
}
.case .case-faq__a:before {
  content: 'A.';
  color: #f51c00
}
.case .case-link dl:not(:first-child),
.case .case-plan dl:not(:first-child),
.case .case-contact dl:not(:first-child) {
  margin-top: 50px
}
.case .case-link dt,
.case .case-link dd,
.case .case-plan dt,
.case .case-plan dd,
.case .case-contact dt,
.case .case-contact dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.case .case-link dt > *,
.case .case-plan dt > *,
.case .case-contact dt > * {
  margin-bottom: .7em;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center
}
@media (max-width: 48em) {
  .case .case-link dt > *,
  .case .case-plan dt > *,
  .case .case-contact dt > * {
    margin-bottom: 1.5em;
    font-size: 18px;
    font-size: 1.8rem
  }
}
.case .case-link dt span,
.case .case-plan dt span,
.case .case-contact dt span {
  display: block;
  margin-top: 0.2em;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.5
}
@media (max-width: 48em) {
  .case .case-link dt span,
  .case .case-plan dt span,
  .case .case-contact dt span {
    font-size: 26px;
    font-size: 2.6rem
  }
}
.case .case-link dt em,
.case .case-plan dt em,
.case .case-contact dt em {
  font-size: 2em;
  font-weight: bold;
  font-style: normal
}
@media (max-width: 48em) {
  .case .case-link dt em,
  .case .case-plan dt em,
  .case .case-contact dt em {
    font-size: 32px;
    font-size: 3.2rem
  }
}
.case .case-plan {
  background-color: #fffdf4
}
.case .case-contact {
  background-color: #fff4e5
}
.service .service-wrapper {
  padding-bottom: 80px
}
.service .service-desc {
  display: none;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
  text-align: center
}
.service .service-desc > * {
  display: inline-block;
  text-align: left
}
.service .service-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-top: 30px
}
.service .service-tab {
  padding: .8em;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.5;
  cursor: pointer;
  text-align: center;
  color: #fff;
  border-radius: 8px 8px 0px 0px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
@media (max-width: 48em) {
  .service .service-tab {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8
  }
  .service .service-tab > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 3.6em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
.service .service-tab:not(:first-child) {
  margin-left: 2px
}
.service .service-tab.is-active {
  padding: 1em .8em
}
.service .service-tab.-media {
  background-color: #9cc72c
}
.service .service-tab.-marketing {
  background-color: #00b1a3
}
.service .service-content {
  border-top: 4px solid #0ba4de
}
.service .service-content.-media {
  border-top: 4px solid #9cc72c
}
.service .service-content.-marketing {
  border-top: 4px solid #00b1a3
}
.service .service-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@media (max-width: 48em) {
  .service .service-nav {
    margin-top: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
@media (min-width: 48.0625em) {
  .service .service-nav.-column4 li {
    width: 23.61111%
  }
  .service .service-nav.-column4 li:not(:nth-child(4n+1)) {
    margin-left: 1.85185%
  }
  .service .service-nav.-column4 li:nth-child(n+5) {
    margin-top: 1.85185%
  }
}
@media (min-width: 48.0625em) {
  .service .service-nav.-column5 li {
    width: 18.88889%
  }
  .service .service-nav.-column5 li:not(:nth-child(5n+1)) {
    margin-left: 1.38889%
  }
  .service .service-nav.-column5 li:nth-child(n+6) {
    margin-top: 1.85185%
  }
}
.service .service-nav li {
  position: relative;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1
}
@media (max-width: 48em) {
  .service .service-nav li {
    width: 48.65672%;
    font-size: 14px;
    font-size: 1.4rem
  }
  .service .service-nav li:nth-child(n+3) {
    margin-top: 12px
  }
}
@media (min-width: 48.0625em) {
  .service .service-nav li:hover .service-nav__note {
    display: block
  }
}
.service .service-nav li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100%;
  padding: 1.5em 0.7em;
  color: #0aa2e6;
  border: 1px solid #0aa2e6;
  border-radius: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media (min-width: 48.0625em) {
  .service .service-nav li a {
    padding: .6em .5em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.service .service-nav li figure {
  min-width: 1.5em;
  height: 1.5em
}
.service .service-nav li span {
  margin-left: 0.5em;
  font-weight: bold
}
.service .service-nav li.is-active a,
.service .service-nav li:hover a {
  color: #fff;
  background-color: #0aa2e6
}
.service .service-nav__note {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  display: none;
  width: 400px;
  padding-top: 10px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none
}
.service .service-nav__note--inner {
  position: relative;
  padding: 1em;
  font-size: 16px;
  font-size: 1.6rem;
  border: 2px solid #00b1a3;
  border-radius: 16px;
  background-color: #f4fffe
}
.service .service-nav__note--inner:after,
.service .service-nav__note--inner:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  pointer-events: none;
  border: solid transparent
}
.service .service-nav__note--inner:after {
  margin-left: -15px;
  border-width: 15px;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #f4fffe
}
.service .service-nav__note--inner:before {
  margin-left: -18px;
  border-width: 18px;
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #00b1a3
}
.service .service-nav__note--inner > * {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
  color: #333
}
.service .service-flow {
  max-width: 1020px;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto
}
.service .service-flow__desc {
  margin-bottom: 1em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
.service .service-flow picture {
  display: block;
  text-align: center
}
.service .service-categories {
  margin-top: 50px
}
@media (min-width: 48.0625em) {
  .service .service-categories {
    padding: 0 2.77778%
  }
}
.service .service-category {
  margin-top: 50px
}
.service .service-category__ttl {
  font-size: 24px;
  font-size: 2.4rem;
  border-bottom: 1px solid
}
@media (max-width: 48em) {
  .service .service-category__ttl {
    font-size: 22px;
    font-size: 2.2rem
  }
}
.service .service-category__ttl > * {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.8
}
@media (max-width: 48em) {
  .service .service-category__ttl > * {
    font-size: 22px;
    font-size: 2.2rem
  }
}
.service .service-category__desc {
  margin-top: 1em;
  font-size: 16px;
  font-size: 1.6rem
}
.service .service-category__desc > * {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
.service .service-category__nav {
  margin-top: 15px
}
@media (max-width: 48em) {
  .service .service-category__nav {
    margin-top: 20px
  }
}
@media (min-width: 48.0625em) {
  .service .service-category__nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}
.service .service-category__nav li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6
}
@media (max-width: 48em) {
  .service .service-category__nav li {
    font-size: 14px;
    font-size: 1.4rem
  }
}
@media (min-width: 48.0625em) {
  .service .service-category__nav li:not(:first-child) {
    margin-left: 1em
  }
}
@media (max-width: 48em) {
  .service .service-category__nav li {
    border-bottom: 1px solid #d6d6d7
  }
}
.service .service-category__nav li a {
  position: relative;
  display: block
}
@media (min-width: 48.0625em) {
  .service .service-category__nav li a {
    padding-bottom: 2em
  }
}
@media (max-width: 48em) {
  .service .service-category__nav li a {
    padding: 1em 0
  }
}
.service .service-category__nav li a:after {
  content: '';
  position: absolute;
  display: block;
  width: 0.7em;
  height: 0.7em;
  -webkit-transition: bottom .3s;
  transition: bottom .3s;
  border-right: 3px solid #0aa2e6;
  border-bottom: 3px solid #0aa2e6
}
@media (min-width: 48.0625em) {
  .service .service-category__nav li a:after {
    bottom: 1em;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
  }
}
@media (max-width: 48em) {
  .service .service-category__nav li a:after {
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
  }
}
.service .service-category__nav li a:hover {
  color: #0aa2e6
}
@media (min-width: 48.0625em) {
  .service .service-category__nav li a:hover:after {
    bottom: .8em
  }
}
.service .service-category__nav li span {
  font-weight: bold
}
@media (min-width: 48.0625em) {
  .service .service-category__nav li span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 3.2em;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
.service .service-sec {
  padding-top: 30px
}
@media (max-width: 74.9375em) {
  .service .service-sec {
    margin-top: -50px;
    padding-top: 80px
  }
}
.service .service-sec:not(:first-child) {
  margin-top: 30px
}
.service .service-sec__copy {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.6;
  text-align: center
}
.service .service-sec__ttl {
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  color: #0ba4de
}
@media (max-width: 48em) {
  .service .service-sec__ttl {
    font-size: 26px;
    font-size: 2.6rem
  }
}
.service .service-sec__desc {
  margin-top: 1em;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center
}
.service .service-sec__desc > * {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
  text-align: left
}
@media (max-width: 48em) {
  .service .service-sec__contents {
    padding: 0 5.97015%
  }
}
.service .service-sec__contents:not(:first-child) {
  margin-top: 40px
}
.service .service-sec__content:not(:first-child) {
  margin-top: 40px;
  border-top: 1px solid #6dc8eb
}
.service .service-item {
  position: relative;
  overflow: hidden;
  padding: 55px 3.13725% 3.13725%;
  border: 1px solid #6dc8eb;
  border-radius: 8px;
  background-color: #f4fcff
}
@media (max-width: 48em) {
  .service .service-item {
    padding: 55px 6.77966% 32px
  }
}
.service .service-item:not(:first-child) {
  margin-top: 32px
}
.service .service-item__icon,
.service .service-item__tag {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0 0 8px 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.service .service-item__icon {
  width: 50px;
  height: 50px;
  background-color: #6dc8eb
}
.service .service-item__tag {
  background-color: #f79503
}
.service .service-item__tag > * {
  padding: .5em 1em;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1;
  color: #fff
}
.service .service-item__ttl {
  position: relative;
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.44;
  text-align: center
}
@media (max-width: 48em) {
  .service .service-item__ttl {
    font-size: 22px;
    font-size: 2.2rem
  }
}
.service .service-item__ttl:before {
  content: '';
  position: absolute;
  bottom: -.3em;
  left: 50%;
  display: block;
  width: 50px;
  height: 2px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #6dc8eb
}
.service .service-item__desc {
  margin-top: 2em;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center
}
.service .service-item__desc > * {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
  text-align: left
}
.service .service-item__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.service .service-recommend {
  margin-bottom: 60px
}
.service .service-recommend__ttl {
  margin-bottom: 32px;
  text-align: center
}
@media (max-width: 48em) {
  .service .service-recommend__ttl img {
    max-width: 200px
  }
}
.service .service-recommend__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.service .service-recommend__btn .c-btn a,
.service .service-recommend__btn .c-btn button {
  cursor: pointer
}
.service .service-recommend__btn .c-btn a:after,
.service .service-recommend__btn .c-btn button:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
.service .service-recommend__btn .c-btn a.is-hide,
.service .service-recommend__btn .c-btn button.is-hide {
  display: none
}
@media (min-width: 48.0625em) {
  .service .service-servicies {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.service .service-service {
  position: relative;
  overflow: hidden;
  padding: 55px 2.05882% 3.13725%;
  border: 1px solid #6dc8eb;
  border-radius: 8px;
  background-color: #fffcf4
}
@media (max-width: 48em) {
  .service .service-service {
    padding: 65px 6.77966% 20px
  }
  .service .service-service:not(:first-child) {
    margin-top: 20px
  }
}
@media (min-width: 48.0625em) {
  .service .service-service {
    width: 31.96078%
  }
  .service .service-service:not(:nth-child(3n+1)) {
    margin-left: 2.05882%
  }
  .service .service-service:nth-child(n+4) {
    margin-top: 2.05882%
  }
}
.service .service-service.-popular:before {
  content: '人気';
  position: absolute;
  z-index: 0;
  top: 0;
  right: 5.74713%;
  overflow: hidden;
  width: 44px;
  height: 48px;
  white-space: nowrap;
  text-indent: -9999%;
  background-image: url("/_assets/images/material/popular_tag.svg");
  background-repeat: no-repeat;
  background-size: contain
}
.service .service-service__icon {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  border-radius: 0 0 8px 0;
  background-color: #6dc8eb;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.service .service-service__copy {
  padding: 0 35px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
  text-align: center
}
.service .service-service__ttl {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6
}
@media (min-width: 48.0625em) {
  .service .service-service__ttl {
    text-align: center
  }
}
.service .service-service__desc {
  margin-top: 2em;
  padding-top: 1em;
  font-size: 16px;
  font-size: 1.6rem;
  border-top: 1px solid #6dc8eb
}
@media (max-width: 48em) {
  .service .service-service__desc {
    margin-top: 1em
  }
}
.service .service-service__desc > * {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
.service .service-service__btn {
  margin-top: 24px
}
.service .service-service__btn li + li {
  margin-top: 12px
}
@media (max-width: 48em) {
  .service .service-service__btn li {
    margin-right: auto;
    margin-left: auto
  }
}
.service .service-lists:not(:first-child) {
  margin-top: 40px
}
.service .service-list:not(:first-child) {
  margin-top: 24px
}
.service .service-list a {
  position: relative;
  display: block
}
.service .service-list a .service-list__inner:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%230AA2E6%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%230AA2E6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%230AA2E6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%230AA2E6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  content: '';
  position: relative;
  width: 1.25em;
  height: 1.25em;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s;
  background-repeat: no-repeat;
  background-size: contain
}
@media (max-width: 48em) {
  .service .service-list a .service-list__inner:after {
    position: absolute;
    top: 15px;
    right: 6.77966%
  }
}
.service .service-list a:hover .service-list__inner {
  outline-width: 2px;
  outline-offset: -2px;
  background-color: #f4fcff
}
.service .service-list a:hover .service-list__inner:after {
  -webkit-transform: translateX(5px);
  transform: translateX(5px)
}
.service .service-list__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding: 2.35294%;
  border-radius: 8px;
  background-color: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media (min-width: 48.0625em) {
  .service .service-list__inner {
    outline: 1px solid #6dc8eb;
    outline-offset: -1px
  }
}
@media (max-width: 48em) {
  .service .service-list__inner {
    padding: 55px 6.77966% 20px;
    border: 1px solid #6dc8eb;
    outline-width: 2px;
    outline-offset: -2px;
    background-color: #f4fcff
  }
}
@media (max-width: 48em) {
  .service .service-list.-theme a .service-list__inner {
    background-color: #fffcf4
  }
}
.service .service-list.-theme a .service-list__inner:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23FF8F0D%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23FF8F0D%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23FF8F0D%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23FF8F0D%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.service .service-list.-theme a:hover .service-list__inner {
  background-color: #fffcf4
}
@media (min-width: 48.0625em) {
  .service .service-list.-theme .service-list__inner {
    outline-color: #ff8f0d
  }
}
@media (max-width: 48em) {
  .service .service-list.-theme .service-list__inner {
    border: 1px solid #ff8f0d;
    background-color: #fff
  }
}
@media (max-width: 48em) {
  .service .service-list.-theme .service-list__desc {
    border-top: 1px solid #ff8f0d
  }
}
@media (min-width: 48.0625em) {
  .service .service-list__txt {
    margin-right: 3.13725%;
    margin-left: 3.13725%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
}
@media (max-width: 48em) {
  .service .service-list__icon {
    position: absolute;
    top: 0;
    left: 0
  }
}
.service .service-list__icon figure,
.service .service-list__icon span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  color: #fff;
  border-radius: 8px;
  background-color: #6dc8eb;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media (max-width: 48em) {
  .service .service-list__icon figure,
  .service .service-list__icon span {
    border-radius: 0 0 8px 0
  }
}
.service .service-list__icon span {
  background-color: #ff8f0d
}
.service .service-list__ttl {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.44
}
.service .service-list__desc {
  margin-top: 0.2em;
  font-size: 16px;
  font-size: 1.6rem
}
@media (max-width: 48em) {
  .service .service-list__desc {
    padding-top: 1em;
    border-top: 1px solid #6dc8eb
  }
}
.service .service-list__desc > * {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
.serviceShindan .serviceShindan-kv {
  padding: 56px 0;
  background-color: #f8cc31;
  background-image: url("/_assets/images/serviceShindan/kv-bg.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}
@media (max-width: 48em) {
  .serviceShindan .serviceShindan-kv {
    padding: 70px 0 0;
    background-image: url("/_assets/images/serviceShindan/kv-bg_sp.svg")
  }
}
.serviceShindan .serviceShindan-kv__inner {
  max-width: 1050px;
  margin-top: -25px;
  margin-right: auto;
  margin-left: auto
}
@media (max-width: 48em) {
  .serviceShindan .serviceShindan-kv__inner {
    margin-bottom: -8.5px;
    padding: 0 9px
  }
}
.serviceShindan .l-breadcrumb {
  background-color: #fffdf4
}
.serviceShindan .serviceShindan-question {
  padding: 80px 0
}
.serviceShindan .serviceShindan-question:nth-child(odd) {
  background-color: #fffdf4
}
.serviceShindan .serviceShindan-question__ttl {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  text-align: center
}
@media (min-width: 48.0625em) {
  .serviceShindan .serviceShindan-question__ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 710px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
.serviceShindan .serviceShindan-question__ttl:after {
  content: "";
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  display: block;
  width: 100%;
  height: 13px;
  background-image: url("/_assets/images/serviceShindan/question-ttl.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto
}
@media (max-width: 48em) {
  .serviceShindan .serviceShindan-question__ttl i {
    display: block;
    height: 56px
  }
}
.serviceShindan .serviceShindan-question__ttl i img {
  max-height: 100%
}
.serviceShindan .serviceShindan-question__ttl > span {
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold
}
@media (max-width: 48em) {
  .serviceShindan .serviceShindan-question__ttl > span {
    font-size: 26px;
    font-size: 2.6rem
  }
}
@media (min-width: 48.0625em) {
  .serviceShindan .serviceShindan-question__ttl > span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
}
.serviceShindan .serviceShindan-question__requests {
  margin-top: 50px;
  margin-top: 30px
}
@media (min-width: 48.0625em) {
  .serviceShindan .serviceShindan-question__requests {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
@media (max-width: 48em) {
  .serviceShindan .serviceShindan-question__request {
    margin-top: 20px
  }
}
@media (min-width: 48.0625em) {
  .serviceShindan .serviceShindan-question__request {
    width: 49.07407%;
    margin-top: 1.85185%
  }
}
.serviceShindan .serviceShindan-question__request a,
.serviceShindan .serviceShindan-question__request label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  text-align: center;
  border: 1px solid #0aa2e6;
  border-radius: 8px;
  background-color: #fff;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media (max-width: 48em) {
  .serviceShindan .serviceShindan-question__request a,
  .serviceShindan .serviceShindan-question__request label {
    min-height: 110px;
    padding: 5.97015%
  }
}
@media (min-width: 48.0625em) {
  .serviceShindan .serviceShindan-question__request a,
  .serviceShindan .serviceShindan-question__request label {
    min-height: 142px;
    padding: 5.09434% 3.96226%
  }
}
.serviceShindan .serviceShindan-question__request a > span,
.serviceShindan .serviceShindan-question__request label > span {
  margin-bottom: 0.5em;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0aa2e6
}
.serviceShindan .serviceShindan-question__request a > *,
.serviceShindan .serviceShindan-question__request label > * {
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.8
}
@media (max-width: 48em) {
  .serviceShindan .serviceShindan-question__request a > *,
  .serviceShindan .serviceShindan-question__request label > * {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.6
  }
}
.serviceShindan .serviceShindan-question__request a:before,
.serviceShindan .serviceShindan-question__request label:before {
  content: '';
  position: absolute;
  top: 0;
  left: -150%;
  width: 150%;
  height: 100%;
  -webkit-transition: left .3s;
  transition: left .3s;
  background-color: #0aa2e6;
  -webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%)
}
.serviceShindan .serviceShindan-question__request input[type=checkbox],
.serviceShindan .serviceShindan-question__request input[type=radio] {
  display: none
}
.serviceShindan .serviceShindan-question__request input[type=checkbox]:checked + label > *,
.serviceShindan .serviceShindan-question__request input[type=radio]:checked + label > * {
  color: #fff
}
.serviceShindan .serviceShindan-question__request input[type=checkbox]:checked + label:before,
.serviceShindan .serviceShindan-question__request input[type=radio]:checked + label:before {
  left: 0
}
.serviceShindan .serviceShindan-question__datas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 32px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media (min-width: 48.0625em) {
  .serviceShindan .serviceShindan-question__datas {
    margin-top: 50px
  }
}
.serviceShindan .serviceShindan-question__data {
  position: relative;
  overflow: hidden;
  border: 1px solid #0aa2e6;
  border-radius: 8px;
  background-color: #fff
}
@media (max-width: 48em) {
  .serviceShindan .serviceShindan-question__data {
    width: 48.35821%
  }
  .serviceShindan .serviceShindan-question__data:nth-child(even) {
    margin-left: 2.98507%
  }
  .serviceShindan .serviceShindan-question__data:nth-child(n+3) {
    margin-top: 20px
  }
}
@media (min-width: 48.0625em) {
  .serviceShindan .serviceShindan-question__data {
    width: 23.61111%
  }
  .serviceShindan .serviceShindan-question__data:not(:nth-child(4n+1)) {
    margin-left: 1.85185%
  }
  .serviceShindan .serviceShindan-question__data:nth-child(n+5) {
    margin-top: 1.85185%
  }
}
.serviceShindan .serviceShindan-question__data a,
.serviceShindan .serviceShindan-question__data label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 10.98039% 8.23529%;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.serviceShindan .serviceShindan-question__data a > *,
.serviceShindan .serviceShindan-question__data label > * {
  position: relative;
  margin-top: 0.3em;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.8;
  color: #0aa2e6
}
@media (max-width: 48em) {
  .serviceShindan .serviceShindan-question__data a > *,
  .serviceShindan .serviceShindan-question__data label > * {
    font-size: 16px;
    font-size: 1.6rem
  }
}
.serviceShindan .serviceShindan-question__data a:before,
.serviceShindan .serviceShindan-question__data label:before {
  content: '';
  position: absolute;
  top: 0;
  left: -150%;
  width: 150%;
  height: 100%;
  -webkit-transition: left .3s;
  transition: left .3s;
  background-color: #0aa2e6;
  -webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%)
}
.serviceShindan .serviceShindan-question__data input[type=checkbox],
.serviceShindan .serviceShindan-question__data input[type=radio] {
  display: none
}
.serviceShindan .serviceShindan-question__data input[type=checkbox]:checked + label > *,
.serviceShindan .serviceShindan-question__data input[type=radio]:checked + label > * {
  color: #fff
}
.serviceShindan .serviceShindan-question__data input[type=checkbox]:checked + label:before,
.serviceShindan .serviceShindan-question__data input[type=radio]:checked + label:before {
  left: 0
}
.serviceShindan .serviceShindan-question__data figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 64px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.serviceShindan .serviceShindan-question__data figure img {
  -webkit-transform: scale(2);
  transform: scale(2)
}
.serviceShindan .serviceShindan-result {
  position: relative;
  padding: 80px 0 165px;
  background-color: #f8cc31
}
@media (max-width: 48em) {
  .serviceShindan .serviceShindan-result {
    padding: 40px 0 80px
  }
}
.serviceShindan .serviceShindan-result:before,
.serviceShindan .serviceShindan-result:after {
  content: "";
  position: absolute;
  display: block;
  pointer-events: none;
  background-repeat: no-repeat
}
.serviceShindan .serviceShindan-result:before {
  top: 0;
  left: 0;
  width: 938px;
  height: 822px;
  background-image: url("/_assets/images/serviceShindan/result-bg_top.svg");
  background-position: bottom right
}
.serviceShindan .serviceShindan-result:after {
  right: 0;
  bottom: 0;
  width: 913px;
  height: 500px;
  background-image: url("/_assets/images/serviceShindan/result-bg_bottom.svg")
}
.serviceShindan .serviceShindan-result__inner {
  position: relative;
  z-index: 1
}
.serviceShindan .serviceShindan-result__ttl {
  text-align: center
}
.serviceShindan .serviceShindan-result__ttl img {
  max-width: 245px
}
.serviceShindan .serviceShindan-result__copy {
  margin-top: 40px;
  text-align: center
}
.serviceShindan .serviceShindan-result__frame {
  margin-top: 32px;
  padding: 3.7037% 2.96296%;
  background-color: #fff
}
@media (max-width: 48em) {
  .serviceShindan .serviceShindan-result__frame {
    padding: 11.9403% 5.97015%
  }
}
.serviceShindan .serviceShindan-result__btn {
  margin-top: 24px;
  text-align: center
}
@media (min-width: 48.0625em) {
  .serviceShindan .serviceShindan-result__btn ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
@media (max-width: 48em) {
  .serviceShindan .serviceShindan-result__btn li {
    margin-right: auto;
    margin-left: auto
  }
}
@media (min-width: 48.0625em) {
  .serviceShindan .serviceShindan-result__btn li + li {
    margin-left: 20px
  }
}
@media (max-width: 48em) {
  .serviceShindan .serviceShindan-result__btn li + li {
    margin-top: 20px
  }
}
.serviceShindan .serviceShindan-result__back {
  margin-top: 56px
}
.serviceShindan .serviceShindan-result__back .c-btn {
  width: 100%;
  max-width: 348px;
  margin-right: auto;
  margin-left: auto
}
.serviceShindan .serviceShindan-result__back .c-btn.-yellow.-t_black a:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.558%22%20height%3D%2213.193%22%20viewBox%3D%220%200%2011.558%2013.193%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_12601%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2012601%22%20transform%3D%22translate(-803.793%20-1317.514)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_47775%22%20data-name%3D%22%E3%83%91%E3%82%B9%2047775%22%20d%3D%22M957.165%2C76.834l5.071%2C5.072%2C5.072-5.072%22%20transform%3D%22translate(1771.808%201400.834)%20rotate(180)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_47776%22%20data-name%3D%22%E3%83%91%E3%82%B9%2047776%22%20d%3D%22M957.165%2C76.834l5.071%2C5.072%2C5.072-5.072%22%20transform%3D%22translate(1771.808%201406.834)%20rotate(180)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  width: 10px;
  height: 11px
}
.serviceShindan .service-item {
  position: relative;
  overflow: hidden;
  padding: 2.96296%;
  border: 1px solid #6dc8eb;
  border-radius: 8px;
  background-color: #f4fcff
}
@media (max-width: 48em) {
  .serviceShindan .service-item {
    padding: 45px 6.77966% 32px
  }
}
.serviceShindan .service-item:not(:first-child) {
  margin-top: 32px
}
.serviceShindan .service-item__icon {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  border-radius: 0 0 8px 0;
  background-color: #6dc8eb;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.serviceShindan .service-item__ttl {
  position: relative;
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.44;
  text-align: center
}
@media (max-width: 48em) {
  .serviceShindan .service-item__ttl {
    font-size: 22px;
    font-size: 2.2rem
  }
}
.serviceShindan .service-item__ttl:before {
  content: '';
  position: absolute;
  bottom: -.3em;
  left: 50%;
  display: block;
  width: 50px;
  height: 2px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #6dc8eb
}
.serviceShindan .service-item__desc {
  margin-top: 2em;
  font-size: 16px;
  font-size: 1.6rem
}
.serviceShindan .service-item__desc > * {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
.serviceShindan .service-item__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.serviceShindan #js-q2:not(.is-show),
.serviceShindan #js-q3:not(.is-show),
.serviceShindan #js-result:not(.is-show) {
  display: none
}
.serviceDetail .sD__subttl {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6
}
.serviceDetail .sD__subttl > * {
  font-weight: bold
}
.serviceDetail .sD__subttl + .sD__text {
  margin-top: 1em
}
.serviceDetail .sD__text {
  font-size: 16px;
  font-size: 1.6rem
}
.serviceDetail .sD__text > * {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6
}
.serviceDetail .sD__text > *:not(:first-child) {
  margin-top: 1em
}
@media (min-width: 48.0625em) {
  .serviceDetail .sD__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
.serviceDetail .sD__column:not(:first-child) {
  margin-top: 40px
}
.serviceDetail .sD__column.-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}
@media (min-width: 48.0625em) {
  .serviceDetail .sD__column--pic {
    width: 48.88889%
  }
}
@media (max-width: 48em) {
  .serviceDetail .sD__column--txt {
    margin-top: 20px
  }
}
@media (min-width: 48.0625em) {
  .serviceDetail .sD__column--txt {
    width: 45.55556%
  }
}
.serviceDetail .sD__table {
  position: relative;
  overflow-x: auto
}
.serviceDetail .sD__table:focus .table-xscroll,
.serviceDetail .sD__table:active .table-xscroll,
.serviceDetail .sD__table:hover .table-xscroll {
  display: none
}
.serviceDetail .sD__table .table-xscroll {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  width: 238px;
  padding: 20px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  opacity: 0.8;
  color: #fff;
  border-radius: 8px;
  background: #282828
}
@media (min-width: 48.0625em) {
  .serviceDetail .sD__table .table-xscroll {
    display: none
  }
}
@media (orientation: landscape) {
  .serviceDetail .sD__table .table-xscroll {
    display: none
  }
}
.serviceDetail .sD__table .table-xscroll:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22103.711%22%20height%3D%2261%22%20viewBox%3D%220%200%20103.711%2061%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_24291%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2024291%22%20width%3D%2235.905%22%20height%3D%2221.472%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10511%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010511%22%20transform%3D%22translate(-631.644%20-2380)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10466%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010466%22%20transform%3D%22translate(-0.999%20-55.824)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10466-2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010466%22%20transform%3D%22translate(645.999%202435)%22%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_24172%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2024172%22%20transform%3D%22translate(20%200.824)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%224%22%3E%20%3Crect%20width%3D%2238%22%20height%3D%2261%22%20rx%3D%224%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%2234%22%20height%3D%2257%22%20rx%3D%222%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_12%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2012%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20transform%3D%22translate(36%2050.524)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_130%22%20data-name%3D%22%E7%B7%9A%20130%22%20x2%3D%2233.797%22%20transform%3D%22translate(21.536%2011.044)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%224%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_131%22%20data-name%3D%22%E7%B7%9A%20131%22%20x2%3D%2233.797%22%20transform%3D%22translate(21.536%2045.754)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%224%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10476%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010476%22%20transform%3D%22matrix(-0.259%2C%20-0.966%2C%200.966%2C%20-0.259%2C%20716.086%2C%202426.915)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10475%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010475%22%20transform%3D%22translate(-3%20-2.327)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_47766%22%20data-name%3D%22%E3%83%91%E3%82%B9%2047766%22%20d%3D%22M27.182%2C6.188A13.947%2C13.947%2C0%2C0%2C1%2C.5.5%22%20transform%3D%22translate(3.745%202.928)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_132%22%20data-name%3D%22%E7%B7%9A%20132%22%20y1%3D%226.064%22%20transform%3D%22translate(30.927%208.886)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_133%22%20data-name%3D%22%E7%B7%9A%20133%22%20x2%3D%226.064%22%20transform%3D%22translate(24.863%208.886)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10477%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010477%22%20transform%3D%22matrix(0.259%2C%200.966%2C%20-0.966%2C%200.259%2C%20650.914%2C%202396.676)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10475-2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010475%22%20transform%3D%22translate(-3%20-2.327)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_47766-2%22%20data-name%3D%22%E3%83%91%E3%82%B9%2047766%22%20d%3D%22M27.182%2C6.188A13.947%2C13.947%2C0%2C0%2C1%2C.5.5%22%20transform%3D%22translate(3.745%202.928)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_132-2%22%20data-name%3D%22%E7%B7%9A%20132%22%20y1%3D%226.064%22%20transform%3D%22translate(30.927%208.886)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_133-2%22%20data-name%3D%22%E7%B7%9A%20133%22%20x2%3D%226.064%22%20transform%3D%22translate(24.863%208.886)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  content: '';
  display: block;
  width: 100%;
  height: 61px;
  background-repeat: no-repeat;
  background-position: center
}
.serviceDetail .sD__table .table-xscroll > * {
  margin-top: 1em;
  font-weight: bold
}
.serviceDetail .sD__table table {
  width: 100%
}
@media (min-width: 48.0625em) {
  .serviceDetail .sD__table table {
    min-width: 900px
  }
}
.serviceDetail .sD__table th {
  background-color: #f8f8f8
}
.serviceDetail .sD__table th,
.serviceDetail .sD__table td {
  position: relative;
  padding: 1em .5em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #d6d6d7
}
.serviceDetail .sD-sec {
  padding: 80px 0
}
@media (max-width: 48em) {
  .serviceDetail .sD-sec {
    padding: 40px 0
  }
}
.serviceDetail .sD-sec:first-child {
  padding-top: 30px
}
.serviceDetail .sD-sec.-white {
  background-color: #fff
}
.serviceDetail .sD-sec.-blue {
  background-color: #f4fcff
}
.serviceDetail .sD-sec.-orange {
  background-color: #fff4e5
}
.serviceDetail .sD-sec.-yellow {
  background-color: #fffdf4
}
.serviceDetail .sD-sec__ttl {
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.6;
  text-align: center
}
@media (max-width: 48em) {
  .serviceDetail .sD-sec__ttl {
    font-size: 26px;
    font-size: 2.6rem
  }
}
.serviceDetail .sD-sec__ttl > * {
  font-weight: bold;
  text-align: left
}
.serviceDetail .sD-sec__ttl + .sD-blocks {
  margin-top: 30px
}
.serviceDetail .sD-sec__desc {
  margin-top: 1em;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center
}
.serviceDetail .sD-sec__desc > * {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  text-align: left
}
.serviceDetail .sD-sec__btn {
  margin-top: 30px;
  text-align: center
}
@media (min-width: 48.0625em) {
  .serviceDetail .sD-sec__btn ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
@media (max-width: 48em) {
  .serviceDetail .sD-sec__btn li {
    margin-right: auto;
    margin-left: auto
  }
}
@media (min-width: 48.0625em) {
  .serviceDetail .sD-sec__btn li + li {
    margin-left: 20px
  }
}
@media (max-width: 48em) {
  .serviceDetail .sD-sec__btn li + li {
    margin-top: 20px
  }
}
.serviceDetail .sD-sec a.-blank > *,
.serviceDetail .sD-sec a.-blank:after {
  vertical-align: middle
}
.serviceDetail .sD-sec a.-blank:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cg%20id%3D%22icon_dl%22%20transform%3D%22translate(-60%20-22)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_23819%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2023819%22%20width%3D%2216%22%20height%3D%2216%22%20transform%3D%22translate(60%2022)%22%20fill%3D%22%23fff%22%20opacity%3D%220%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10412%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010412%22%20transform%3D%22translate(-225.5%20-263.5)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_46638%22%20data-name%3D%22%E3%83%91%E3%82%B9%2046638%22%20d%3D%22M298.543%2C295.522v4.148a.874.874%2C0%2C0%2C1-.873.873h-8.3a.874.874%2C0%2C0%2C1-.873-.873v-8.3a.874.874%2C0%2C0%2C1%2C.873-.873h4.148%22%20transform%3D%22translate(0%20-1.043)%22%20fill%3D%22none%22%20stroke%3D%22%230ba4de%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_127%22%20data-name%3D%22%E7%B7%9A%20127%22%20x2%3D%222.87%22%20transform%3D%22translate(296.63%20288.5)%22%20fill%3D%22none%22%20stroke%3D%22%230ba4de%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_128%22%20data-name%3D%22%E7%B7%9A%20128%22%20y1%3D%222.87%22%20transform%3D%22translate(299.5%20288.5)%22%20fill%3D%22none%22%20stroke%3D%22%230ba4de%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_129%22%20data-name%3D%22%E7%B7%9A%20129%22%20y1%3D%225.261%22%20x2%3D%225.261%22%20transform%3D%22translate(294.239%20288.5)%22%20fill%3D%22none%22%20stroke%3D%22%230ba4de%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: .5em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
.serviceDetail .sD-blocks .m1 {
  margin-top: 1em !important
}
.serviceDetail .sD-blocks .m2 {
  margin-top: 2em !important
}
.serviceDetail .sD-blocks .m3 {
  margin-top: 3em !important
}
.serviceDetail .sD-blocks a {
  font-weight: bold;
  text-decoration: underline;
  color: #0ba4de
}
.serviceDetail .sD-blocks a:hover {
  text-decoration: none
}
.serviceDetail .sD-blocks p a {
  font-weight: bold;
  text-decoration: underline;
  color: #0ba4de
}
.serviceDetail .sD-blocks p a:hover {
  text-decoration: none
}
.serviceDetail .sD-blocks iframe {
  width: 100%;
  height: 640px
}
@media (max-width: 48em) {
  .serviceDetail .sD-blocks iframe {
    height: 50vw
  }
}
.serviceDetail .sD-blocks > p {
  margin-bottom: 1.5em;
  font-size: 16px;
  font-size: 1.6rem
}
.serviceDetail .sD-blocks > p > *:not(strong) {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6
}
.serviceDetail .sD-blocks > p > *:not(strong):not(:first-child) {
  margin-top: 1em
}
.serviceDetail .sD-blocks .title_headline {
  margin-bottom: 1em;
  padding-top: 0 !important;
  padding-left: 0.5em;
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.6;
  border-left: 2px solid #6dc8eb
}
@media (max-width: 48em) {
  .serviceDetail .sD-blocks .title_headline {
    font-size: 26px;
    font-size: 2.6rem
  }
}
.serviceDetail .sD-blocks .title_headline:not(:first-child) {
  margin-top: 80px
}
.serviceDetail .sD-blocks .title_headline > * {
  font-weight: bold
}
.serviceDetail .sD-blocks h2:not(.title_headline) {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold
}
.serviceDetail .sD-blocks h3 {
  margin-bottom: 1em;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6
}
.serviceDetail .sD-blocks h3 > * {
  font-weight: bold
}
.serviceDetail .sD-blocks h3 + .sD__text {
  margin-top: 1em
}
.serviceDetail .sD-blocks > table,
.serviceDetail .sD-blocks .table_service2,
.serviceDetail .sD-blocks .globaltgi_tblSummary {
  width: 100%
}
@media (min-width: 48.0625em) {
  .serviceDetail .sD-blocks > table,
  .serviceDetail .sD-blocks .table_service2,
  .serviceDetail .sD-blocks .globaltgi_tblSummary {
    min-width: 900px
  }
}
.serviceDetail .sD-blocks > table th,
.serviceDetail .sD-blocks .table_service2 th,
.serviceDetail .sD-blocks .globaltgi_tblSummary th {
  background-color: #f8f8f8
}
.serviceDetail .sD-blocks > table th,
.serviceDetail .sD-blocks > table td,
.serviceDetail .sD-blocks .table_service2 th,
.serviceDetail .sD-blocks .table_service2 td,
.serviceDetail .sD-blocks .globaltgi_tblSummary th,
.serviceDetail .sD-blocks .globaltgi_tblSummary td {
  position: relative;
  padding: 1em 0.5em !important;
  font-size: 16px !important;
  font-size: 1.6rem !important;
  line-height: 1.5 !important;
  vertical-align: middle;
  white-space: normal !important;
  border: 1px solid #d6d6d7
}
.serviceDetail .sD-blocks .table_service2 td {
  text-align: left
}
.serviceDetail .sD-blocks .this_contact .btn_arrow {
  width: 90%;
  max-width: 640px;
  margin: 0 auto
}
.serviceDetail .sD-blocks .this_contact .btn_arrow a {
  font-weight: bold;
  border: 2px solid #eee;
  background-color: #fff
}
.serviceDetail .sD-blocks .this_contact .btn_arrow a:hover,
.serviceDetail .sD-blocks .this_contact .btn_arrow a:active {
  border: 2px solid #44b8e2
}
.serviceDetail .sD-blocks .this_contact .btn_arrow a {
  display: block;
  line-height: 3.3;
  text-align: center;
  text-decoration: none;
  color: #333
}
.serviceDetail .sD-blocks .this_contact .btn_arrow span::before {
  content: '> ';
  color: #44b8e2
}
.serviceDetail .sD-block:not(:first-child) {
  margin-top: 80px
}
.serviceDetail .sD-block__ttl {
  padding-left: 0.5em;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.6;
  border-left: 2px solid #6dc8eb
}
@media (max-width: 48em) {
  .serviceDetail .sD-block__ttl {
    font-size: 26px;
    font-size: 2.6rem
  }
}
.serviceDetail .sD-block__ttl > * {
  font-weight: bold
}
.serviceDetail .sD-block__ttl + .sD-block__items {
  margin-top: 30px
}
.serviceDetail .sD-block__item:not(:first-child) {
  margin-top: 30px
}
.serviceDetail .sD-btnBox {
  padding: 37px 0 47px;
  background-color: #eee
}
@media (max-width: 48em) {
  .serviceDetail .sD-btnBox {
    padding: 30px 0
  }
}
.serviceDetail .sD-btnBox__ttl {
  font-size: 26px !important;
  font-size: 2.6rem !important;
  line-height: 1.4;
  text-align: center
}
@media (max-width: 48em) {
  .serviceDetail .sD-btnBox__ttl {
    font-size: 20px !important;
    font-size: 2rem !important
  }
}
.serviceDetail .sD-btnBox__ttl > * {
  font-weight: bold
}
.serviceDetail .sD-btnBox__ttl strong {
  color: #007fc5;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #ffe558));
  background: linear-gradient(transparent 70%, #ffe558 0%)
}
.serviceDetail .sD-btnBox a {
  text-decoration: none;
  color: #fff
}
.serviceDetail .sD-btnBox.-blue {
  background-color: #e5f8ff
}
.serviceDetail .sD-btnBox.-orange {
  background-color: #fff4e5
}
.serviceDetail .service-lists:not(:first-child) {
  margin-top: 40px
}
.serviceDetail .service-list:not(:first-child) {
  margin-top: 24px
}
.serviceDetail .service-list a {
  position: relative;
  display: block
}
.serviceDetail .service-list a .service-list__inner:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%230AA2E6%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%230AA2E6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%230AA2E6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%230AA2E6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  content: '';
  position: relative;
  width: 1.25em;
  height: 1.25em;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s;
  background-repeat: no-repeat;
  background-size: contain
}
@media (max-width: 48em) {
  .serviceDetail .service-list a .service-list__inner:after {
    position: absolute;
    top: 15px;
    right: 6.77966%
  }
}
.serviceDetail .service-list a:hover .service-list__inner {
  outline-width: 2px;
  outline-offset: -2px;
  background-color: #f4fcff
}
.serviceDetail .service-list a:hover .service-list__inner:after {
  -webkit-transform: translateX(5px);
  transform: translateX(5px)
}
.serviceDetail .service-list__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding: 2.35294%;
  border-radius: 8px;
  background-color: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media (min-width: 48.0625em) {
  .serviceDetail .service-list__inner {
    outline: 1px solid #6dc8eb;
    outline-offset: -1px
  }
}
@media (max-width: 48em) {
  .serviceDetail .service-list__inner {
    padding: 55px 6.77966% 20px;
    border: 1px solid #6dc8eb;
    outline-width: 2px;
    outline-offset: -2px;
    background-color: #f4fcff
  }
}
@media (min-width: 48.0625em) {
  .serviceDetail .service-list__txt {
    margin-right: 3.13725%;
    margin-left: 3.13725%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
}
@media (max-width: 48em) {
  .serviceDetail .service-list__icon {
    position: absolute;
    top: 0;
    left: 0
  }
}
.serviceDetail .service-list__icon figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  border-radius: 8px;
  background-color: #6dc8eb;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media (max-width: 48em) {
  .serviceDetail .service-list__icon figure {
    border-radius: 0 0 8px 0
  }
}
.serviceDetail .service-list__ttl {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.44
}
.serviceDetail .service-list__desc {
  margin-top: 0.2em;
  font-size: 16px;
  font-size: 1.6rem
}
@media (max-width: 48em) {
  .serviceDetail .service-list__desc {
    padding-top: 1em;
    border-top: 1px solid #6dc8eb
  }
}
.serviceDetail .service-list__desc > * {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
.news .news-post {
  /*---------------------------------------------
               Menu
---------------------------------------------*//*img.white,
.on img.black,
.white img.black,
.scrolled img.white,
.scrolled.on img.black,
.scrolled.white img.white {
display: none;
}*//*.white .nav li a,
.on .nav li a,
.scrolled.on .nav li a,
.scrolled.on.white .nav li a {
color: #000;
}

.scrolled .nav li a,
.scrolled.white .nav li a {
color: #000;
}*//*@media screen and (max-width: 1100px) {
.nav li {
  margin-right: 25px;
  font-size: 13px;
}
.menu .logo {
  margin-right: 25px;
}
.menu .logo img {
  width: 84px;
}
.nav_r li {
  margin-right: 18px;
}
.nav_r li.lang a {
  width: 33px;
  font-size: 12px;
  height: 28px;
  padding: 8px 0;
}
.menu {
  padding: 30px 40px 24px;
}
#search_box {
  right: 40px;
}
#search_box .hukidashi_top {
  margin-left: 13px;
}
}

@media screen and (max-width: 1030px) {
.nav li {
  margin-right: 20px;
}
}

@media screen and (max-width: 1000px) {
.nav li {
  font-size: 12px;
}
.nav_r li {
  margin-right: 15px;
}
.menu {
  padding: 30px 30px 24px;
}
.nav_r .sitemap img {
  width: 12px;
}
.nav_r .email img {
  width: 14px;
}
.nav_r .search img {
  width: 12px;
}
#search_box {
  right: 30px;
}
#search_box .hukidashi_top {
  margin-left: 19px;
}
}*//******************* Hover Menu ********************//* .scrolled .hover_menu .inner {
  background-color: rgba(131, 207, 159, 1);
} *//*
SP
*//*************** 繧ｵ繧､繝亥�讀懃ｴ｢ *****************//********************************//********************************//**遶ｹ譚�1/09霑ｽ蜉� 蛹玲搗菫ｮ豁｣霑ｽ蜉�**//* - - - - - - - - - - - - - - - - - - - - -
	reset
- - - - - - - - - - - - - - - - - - - - - *//* - - - - - - - - - - - - - - - - - - - - -
	base
- - - - - - - - - - - - - - - - - - - - - *//*
@font-face{
    font-family: "Yu Gothic";
    src: local("Yu Gothic");
    font-weight: 100;
}

@font-face{
    font-family: "Yu Gothic";
    src: local("Yu Gothic");
    font-weight: 200;
}

@font-face{
    font-family: "Yu Gothic";
    src: local("Yu Gothic");
    font-weight: 300;
}

@font-face{
    font-family: "Yu Gothic";
    src: local("Yu Gothic");
    font-weight: 500;
}

@font-face{
    font-family: "Yu Gothic";
    src: local("Yu Gothic");
    font-weight: bold;
}
*//* - - - - - - - - - - - - - - - - - - - - -
	link
- - - - - - - - - - - - - - - - - - - - - *//* - - - - - - - - - - - - - - - - - - - - -
	clearfix
- - - - - - - - - - - - - - - - - - - - - *//* - - - - - - - - - - - - - - - - - - - - -
	.wrapper
- - - - - - - - - - - - - - - - - - - - - *//* - - - - - - - - - - - - - - - - - - - - -
	.header
- - - - - - - - - - - - - - - - - - - - - *//* --- .header_menu --- *//*
.overlay {
	display: none;
}

.overlay.active {
	background-color: #000;
	width:100%;
	height:120%;
	position: fixed;
	top:0;
	left:0;
	opacity: 0.5;
	z-index: 50;
	display: block;
}
*//* - - - - - - - - - - - - - - - - - - - - -
	.main
- - - - - - - - - - - - - - - - - - - - - *//* - - - - - - - - - - - - - - - - - - - - -
	.footer
- - - - - - - - - - - - - - - - - - - - - *//* - - - - - - - - - - - - - - - - - - - - -
/* .index
//////////////////////////*//* --- common --- *//* --- .slider --- *//* slick *//* --- .bnr_conte --- *//* --- .news --- *//* --- .service --- *//* --- .company --- *//* --- .inquiries --- *//* - - - - - - - - - - - - - - - - - - - - -
/* .article
//////////////////////////*//* --- company --- *//* map *//* --- .news --- *//* --- .contact(index) --- *//*.page_contact .btn {
	margin-bottom: 0.5rem;
}*//* - - - - - - - - - - - - - - - - - - - - -
/* .side
//////////////////////////*//*
.box_side .box {
	padding: 1.5rem 1rem;
	background-color: #eee;
}
*//*

.box_side .box span {
	font-weight: bold;
	display: block;
}
*//*.box_inquiry {
	background-color: #eee;
}*//*.box_inquiry .box + .box,
.box_inquiry .box .btn + .btn {
	margin-top: 1rem;
}*//* - - - - - - - - - - - - - - - - - - - - -
/* parts
//////////////////////////*//* ---  .box_mainheadline --- *//* ---  .breadcrumbs --- *//* ---  .box_anchor --- *//* --- .title_headline --- *//* --- .box_list ---　*//* --- .img ---　*//* --- .font ---　*//* --- table ---　*//* --- .btn ---　*//*
.btn_blue a {
	border: 1px solid #44b8e2;
	background-color: #44b8e2;
}

.btn_blue a:hover,
.btn_blue a:active {
	color: #44b8e2;
	border: 1px solid #44b8e2;
	background-color: #fff;
}
*//* - - - - - - - - - - - - - - - - - - - - -
/* form
//////////////////////////*//* - - - - - - - - - - - - - - - - - - - - -
/* @media SP
//////////////////////////*//* --- VIDEO  --- *//* - - - - - - - - - - - - - - - - - - - - -
/* @media PC
//////////////////////////*//* --- .research_summary --- *//* --- .research_summary 30--- *//* --- .box_case --- *//* --- .this_contact --- *//* --- .facility --- *//* --- .box_recommend --- *//* - - - - - - - - - - - - - - - - - - - - -
/* @media PC
//////////////////////////*//* --- .table_design2 --- *//* --- .table_about_site --- *//* - - - - - - - - - - - - - - - - - - - - -
/* @media IE11 hack
//////////////////////////*//*
@media all and (-ms-high-contrast:none) {
  *::-ms-backdrop,  .header_ad span {
		left: -15px;
  }
}
*//* ---  竹村追加　--- *//*
.box_inquiry #greyback {
    background-color: #eff2f3;
    height: 345px;
}
.box_inquiry #box_margin{
    margin-top: 30px;
    float: right;
}
*//* --- Q&A --- *//*スクリーンサイズが変化したときのヘッダーレイアウト用*//*印刷設定*//* - - - - - - - - - - - - - - - - - - - - -
	reset
- - - - - - - - - - - - - - - - - - - - - *//* - - - - - - - - - - - - - - - - - - - - -
	base
- - - - - - - - - - - - - - - - - - - - - *//*
@font-face{
    font-family: "Yu Gothic";
    src: local("Yu Gothic");
    font-weight: 100;
}

@font-face{
    font-family: "Yu Gothic";
    src: local("Yu Gothic");
    font-weight: 200;
}

@font-face{
    font-family: "Yu Gothic";
    src: local("Yu Gothic");
    font-weight: 300;
}

@font-face{
    font-family: "Yu Gothic";
    src: local("Yu Gothic");
    font-weight: 500;
}

@font-face{
    font-family: "Yu Gothic";
    src: local("Yu Gothic");
    font-weight: bold;
}
*//* - - - - - - - - - - - - - - - - - - - - -
	link
- - - - - - - - - - - - - - - - - - - - - *//* - - - - - - - - - - - - - - - - - - - - -
	clearfix
- - - - - - - - - - - - - - - - - - - - - *//* - - - - - - - - - - - - - - - - - - - - -
	.wrapper
- - - - - - - - - - - - - - - - - - - - - *//* - - - - - - - - - - - - - - - - - - - - -
	.header
- - - - - - - - - - - - - - - - - - - - - *//* --- .header_menu --- *//*
.overlay {
	display: none;
}

.overlay.active {
	background-color: #000;
	width:100%;
	height:120%;
	position: fixed;
	top:0;
	left:0;
	opacity: 0.5;
	z-index: 50;
	display: block;
}
*//* - - - - - - - - - - - - - - - - - - - - -
	.main
- - - - - - - - - - - - - - - - - - - - - *//* - - - - - - - - - - - - - - - - - - - - -
	.footer
- - - - - - - - - - - - - - - - - - - - - *//* - - - - - - - - - - - - - - - - - - - - -
/* .index
//////////////////////////*//* --- common --- *//* --- .slider --- *//* slick *//* --- .bnr_conte --- *//* --- .news --- *//* --- .service --- *//* --- .company --- *//* --- .inquiries --- *//* - - - - - - - - - - - - - - - - - - - - -
/* .article
//////////////////////////*//* --- company --- *//* map *//* --- .news --- *//* --- .contact(index) --- *//*.page_contact .btn {
	margin-bottom: 0.5rem;
}*//* - - - - - - - - - - - - - - - - - - - - -
/* .side
//////////////////////////*//*
.box_side .box {
	padding: 1.5rem 1rem;
	background-color: #eee;
}
*//*

.box_side .box span {
	font-weight: bold;
	display: block;
}
*//*.box_inquiry {
	background-color: #eee;
}*//*.box_inquiry .box + .box,
.box_inquiry .box .btn + .btn {
	margin-top: 1rem;
}*//* - - - - - - - - - - - - - - - - - - - - -
/* parts
//////////////////////////*//* ---  .box_mainheadline --- *//* ---  .breadcrumbs --- *//* ---  .box_anchor --- *//* --- .title_headline --- *//* --- .box_list ---　*//* --- .img ---　*//* --- .font ---　*//* --- table ---　*//* --- .btn ---　*//*
.btn_blue a {
	border: 1px solid #44b8e2;
	background-color: #44b8e2;
}

.btn_blue a:hover,
.btn_blue a:active {
	color: #44b8e2;
	border: 1px solid #44b8e2;
	background-color: #fff;
}
*//* - - - - - - - - - - - - - - - - - - - - -
/* form
//////////////////////////*//* - - - - - - - - - - - - - - - - - - - - -
/* @media SP
//////////////////////////*//* --- VIDEO  --- *//* - - - - - - - - - - - - - - - - - - - - -
/* @media PC
//////////////////////////*//* --- .research_summary --- *//* --- .research_summary 30--- *//* --- .box_case --- *//* --- .this_contact --- *//* --- .facility --- *//* --- .box_recommend --- *//* - - - - - - - - - - - - - - - - - - - - -
/* @media PC
//////////////////////////*//* --- .table_design2 --- *//* --- .table_about_site --- *//* - - - - - - - - - - - - - - - - - - - - -
/* @media IE11 hack
//////////////////////////*//*
@media all and (-ms-high-contrast:none) {
  *::-ms-backdrop,  .header_ad span {
		left: -15px;
  }
}
*//* ---  竹村追加　--- *//*
.box_inquiry #greyback {
    background-color: #eff2f3;
    height: 345px;
}
.box_inquiry #box_margin{
    margin-top: 30px;
    float: right;
}
*//* --- Q&A --- *//*スクリーンサイズが変化したときのヘッダーレイアウト用*//*印刷設定*//*************** カート *****************//*a.cart_4:after, .nav li:hover a.cart:hover:after{
    background-image: url(/img/icon_cart_4.png);
}*/margin-top: 1em
}
@font-face {
  .news .news-post {
    font-family: 'Montserrat';
  src: url(/common/font/Montserrat/Montserrat-Medium.ttf)
}
}
  .news .news-post .pc-only {
  display: block !important
}
.news .news-post .sp-only {
  display: none !important
}
.news .news-post .menu_top {
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  width: 100%;
  height: 69px
}
.news .news-post #menu.scroll {
  background: white;
  -webkit-box-shadow: 0px 2px 2px -1px #aaa;
  box-shadow: 0px 2px 2px -1px #aaa
}
.news .news-post #menu.scroll.on {
  background: rgba(255, 255, 255, 0.7)
}
.news .news-post .menu {
  overflow: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%
}
.news .news-post .menu .bg_div_white {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 0;
  background-color: #fff
}
.news .news-post .scrolled .menu .bg_div_white,
.news .news-post .menu .bg_div_white.inc {
  opacity: 1
}
.news .news-post .menu .bg_div {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(35, 45, 48, 0.85);
  background-color: white
}
.news .news-post .menu .logo {
  position: relative;
  display: block;
  float: left;
  margin-right: 36px;
  padding: 16px 0 0 20px
}
.news .news-post .menu .logo img {
  width: 100%
}
@media screen and (min-width: 751px) and (max-width: 1075px) {
  .news .news-post .menu .logo.main_logo {
    margin-right: 0px;
    padding: 15px 5px 0 5px
  }
  .news .news-post .menu .logo.main_logo img {
    width: 21vw;
    max-width: 196px
  }
  .news .news-post .menu li.open_sub a {
    padding: 22px 1.3vw;
    font-size: 1.4vw
  }
  .news .news-post .menu ul.nav li {
    margin-right: 0px
  }
  .news .news-post #menu .menu .en_btn {
    margin-right: 1%
  }
}
.news .news-post .menu .en_btn {
  position: relative;
  display: inline-block;
  float: right;
  width: 100px;
  height: 54px;
  margin-right: 20px;
  padding-top: 14px;
  line-height: 46px;
  text-align: center;
  text-decoration: none;
  outline: none;
  -webkit-perspective: 300px;
  perspective: 300px
}
.news .news-post .menu .en_btn::before,
.news .news-post .menu .en_btn::after {
  content: '';
  position: absolute;
  z-index: -1;
  display: block
}
.news .news-post .menu .en_btn,
.news .news-post .menu .en_btn::before,
.news .news-post .menu .en_btn::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s
}
.news .news-post .menu .en_btn span {
  position: absolute;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100px;
  height: 38px;
  font-family: 'Montserrat';
  font-size: calc(7px + 0.5vw);
  line-height: 38px;
  -webkit-transition: all .3s;
  transition: all .3s;
  text-align: center;
  letter-spacing: 1px;
  pointer-events: none;
  border: 1px solid #00bbff
}
.news .news-post .menu .en_btn span:nth-child(1) {
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 50% -19px;
  transform-origin: 50% 50% -19px;
  color: #fff;
  background-color: #00bbff
}
.news .news-post .menu .en_btn span:nth-child(2) {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform-origin: 50% 50% -19px;
  transform-origin: 50% 50% -19px;
  color: #00bbff;
  background-color: #fff
}
.news .news-post .menu .en_btn:hover span:nth-child(1) {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg)
}
.news .news-post .menu .en_btn:hover span:nth-child(2) {
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  background-color: #00bbff
}
.news .news-post .on img.white,
.news .news-post .white img.white,
.news .news-post .scrolled img.black,
.news .news-post .scrolled.on img.white {
  display: block
}
.news .news-post .nav {
  position: relative;
  display: block;
  float: left
}
.news .news-post .nav li {
  float: left;
  font-size: 14px;
  /*opacity:0.5;*/-webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out
}
.news .news-post .nav li a {
  display: block;
  height: 27px;
  padding: 21px;
  font-size: calc(8px + 0.5vw);
  font-weight: bold;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  letter-spacing: 0.1vw;
  color: #000
}
.news .news-post .nav li a.active,
.news .news-post .nav li:hover a {
  color: #fff;
  background: #00bbff
}
.news .news-post .nav_r {
  position: relative;
  display: block;
  float: right;
  padding-top: 5px
}
.news .news-post .nav_r li {
  float: left;
  margin-top: 10px;
  margin-right: 20px;
  /*opacity:0.5;*/-webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out
}
.news .news-post .nav_r li.lang {
  overflow: hidden;
  margin: 0;
  border: 1px #bfbfbf solid;
  border-radius: 6px
}
.news .news-post .white .nav_r li.lang,
.news .news-post .on .nav_r li.lang,
.news .news-post .scrolled.on .nav_r li.lang,
.news .news-post .scrolled.on.white .nav_r li.lang {
  border: 1px #fff solid
}
.news .news-post .scrolled .nav_r li.lang,
.news .news-post .scrolled.white .nav_r li.lang {
  border: 1px #bfbfbf solid
}
.news .news-post .nav_r li.lang a {
  display: block;
  float: left;
  width: 45px;
  height: 35px;
  padding: 10px 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  color: #bfbfbf
}
.news .news-post .nav_r li.lang a.jp,
.news .news-post .scrolled .nav_r li.lang a.jp,
.news .news-post .scrolled.white .nav_r li.lang a.jp {
  border-right: 1px #bfbfbf solid
}
.news .news-post .white .nav_r li.lang a.jp,
.news .news-post .on .nav_r li.lang a.jp,
.news .news-post .scrolled.on .nav_r li.lang a.jp,
.news .news-post .scrolled.white.on .nav_r li.lang a.jp {
  border-right: 1px #fff solid
}
.news .news-post .nav_r li.lang a.on {
  color: #000;
  background-color: #fff
}
.news .news-post .white .nav_r li.lang a,
.news .news-post .on .nav_r li.lang a,
.news .news-post .scrolled.white.on .nav_r li.lang a {
  color: #fff
}
.news .news-post .white .nav_r li.lang a.on,
.news .news-post .scrolled.white .nav_r li.lang a.on {
  color: #000
}
.news .news-post .on .nav_r li.lang a.on,
.news .news-post .scrolled.white.on .nav_r li.lang a.on {
  color: #079f3e
}
.news .news-post .scrolled.white .nav_r li.lang a {
  color: #dfdfdf
}
.news .news-post #search_box .hukidashi_top {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -10px
}
.news .news-post #search_box {
  position: absolute;
  z-index: 1001;
  top: 68px;
  right: 50px;
  width: 234px;
  height: 68px;
  padding: 20px 10px 10px;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out,-webkit-transform 0.2s ease-out;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  border: none;
  background: url(../img/search_back_bottom.png) no-repeat left top
}
.news .news-post #search_box.show {
  -webkit-transform: scaleX(1);
  transform: scaleX(1)
}
.news .news-post #search_box form {
  width: 214px;
  height: 38px;
  margin: 0;
  background-color: #e7eded
}
.news .news-post #search_area {
  width: 176px;
  height: 100%;
  padding-left: 10px;
  border: none;
  background-color: transparent
}
.news .news-post #imageField {
  position: absolute;
  top: 34px;
  right: 23px
}
.news .news-post #search {
  overflow: hidden;
  height: 0
}
@media screen and (max-width: 875px) {
  .news .news-post {
    /*.menu .logo img {
  width: 66px;
}*/
  }
  .news .news-post .nav li {
    margin-right: 17px;
    font-size: 11px
  }
  .news .news-post .menu .logo {
    margin-right: 18px;
    padding: 0
  }
  .news .news-post .nav_r li {
    margin-right: 13px
  }
  .news .news-post .nav_r li.lang a {
    width: 30px;
    height: 26px;
    padding: 8px 0;
    font-size: 11px
  }
  .news .news-post #search_box .hukidashi_top {
    margin-left: 26px
  }
}
.news .news-post .hover_menu {
  position: absolute;
  z-index: 1000;
  display: none;
  width: 100%
}
.news .news-post .hover_menu.on {
  display: block
}
.news .news-post .hover_menu .inner {
  overflow: hidden;
  height: 0;
  -webkit-transition: height 0.2s ease-out;
  transition: height 0.2s ease-out;
  opacity: 0;
  background-color: #00bbff
}
.news .news-post .submenu_div {
  display: none;
  overflow: auto;
  padding: 2vw 0 2vw;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 0
}
.news .news-post .sub_menu ul,
.news .news-post .sub-list {
  overflow: initial;
  padding-left: 280px
}
.news .news-post .sub-list {
  position: relative;
  overflow: visible;
  width: 64%;
  margin: 35px 0 0 273px;
  padding: 0;
  border: 1px solid #fff
}
.news .news-post .sub-list h3 {
  position: absolute;
  top: -20%;
  left: -1px;
  display: inline-block;
  padding: 0.5% 2%;
  font-size: calc(7px + 0.5vw);
  color: #00bbff;
  background: #fff
}
.news .news-post .sub-list ul {
  width: 95%;
  margin: 20px auto 26px;
  padding-top: 10px;
  padding-left: 0
}
.news .news-post .sub_menu ul:nth-child(2),
.news .news-post .sub_menu ul:nth-child(3),
.news .news-post .sub_menu ul:nth-child(4) {
  margin-top: 20px
}
.news .news-post .sub_menu li {
  float: left;
  margin-right: 4vw;
  padding-left: 14px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  background: url(../img/header_list_arrow.png) left 4px no-repeat;
  background-size: 6px
}
.news .news-post .sub_menu li::before {
  content: '';
  position: absolute;
  width: 0.5vw;
  height: 0.5vw;
  -webkit-transform: translateX(-218%) translateY(12%) rotate(135deg);
  transform: translateX(-218%) translateY(12%) rotate(135deg);
  border-top: 0.2vw solid #fff;
  border-left: 0.2vw solid #fff
}
.news .news-post .sub_menu li:last-child {
  margin-right: 0
}
.news .news-post .sub_menu li a {
  display: block;
  font-size: calc(7px + 0.5vw);
  line-height: 15px;
  text-decoration: none;
  color: #fff
}
.news .news-post div#sub_cart ul {
  padding-left: calc(200px + 45vw)
}
.news .news-post .sub_menu #sub_cart li {
  display: block;
  font-size: calc(7px + 0.5vw);
  line-height: 15px;
  text-decoration: none;
  color: #fff
}
.news .news-post div#sub_contact {
  overflow: hidden
}
.news .news-post div#sub_contact ul {
  min-width: 744px;
  padding-left: calc(70px + 2.5vw)
}
@media screen and (max-width: 950px) {
  .news .news-post div#sub_contact ul {
    min-width: 744px;
    padding-left: calc(0px + 2.5vw)
  }
}
.news .news-post div#sub_career ul {
  padding-left: calc(500px + 10vw)
}
@media screen and (max-width: 1270px) {
  .news .news-post .sub_menu li {
    margin-right: 40px;
    font-size: 13px
  }
}
@media screen and (max-width: 1170px) {
  .news .news-post .sub_menu li {
    margin-right: 30px;
    padding-left: 10px;
    font-size: 13px
  }
}
@media screen and (max-width: 1100px) {
  .news .news-post .sub_menu ul {
    padding-left: 149px
  }
}
@media screen and (max-width: 1050px) {
  .news .news-post .sub_menu li {
    margin-right: 20px;
    font-size: 12px
  }
}
@media screen and (max-width: 1000px) {
  .news .news-post .sub_menu ul {
    padding-left: 142px
  }
}
@media screen and (max-width: 940px) {
  .news .news-post .sub_menu li {
    margin-right: 11px;
    padding-left: 9px;
    font-size: 11px
  }
}
@media screen and (max-width: 875px) {
  .news .news-post .sub_menu ul {
    padding-left: 120px
  }
}
@media screen and (max-width: 750px) {
  .news .news-post .sp-only {
    display: block !important
  }
  .news .news-post .pc-only {
    display: none !important
  }
  .news .news-post .col-9,
  .news .news-post .col-6,
  .news .news-post .col-3 {
    width: 100%
  }
  .news .news-post .col-2 {
    width: 14.1667%
  }
  .news .news-post .col-margin-left,
  .news .news-post .col-margin-right {
    margin-right: 0;
    margin-left: 0
  }
  .news .news-post .col-45 {
    width: 50%
  }
  .news .news-post .logo {
    padding: 10px
  }
  .news .news-post main {
    position: relative/*        overflow-y: scroll;*/
  }
  .news .news-post #mainvisual {
    z-index: 10;
    height: 92vh
  }
  .news .news-post .container {
    z-index: 10;
    margin: 100vh auto 0;
    /*padding: 100vh 0 0 0;*/padding: 0;
    background: none
  }
  .news .news-post .container-back {
    overflow: auto;
    padding-bottom: 17vw;
    background: rgba(170, 170, 170, 0.9)
  }
  .news .news-post #sp-div {
    overflow: auto;
    margin-bottom: 25vw;
    border-top: 1px ridge #f4f5f7
  }
  .news .news-post #scrollUp {
    width: 8vw;
    height: 8.5vw;
    -webkit-box-shadow: 1px 1px 4px 0px #666;
    box-shadow: 1px 1px 4px 0px #666
  }
  .news .news-post #scrollUp::before {
    top: 55%;
    width: 2.5vw;
    height: 2.5vw;
    border-top: 0.6vw solid #fff;
    border-left: 0.6vw solid #fff
  }
  .news .news-post .downArrow {
    bottom: -2%
  }
  .news .news-post .downArrow img {
    width: 20px
  }
  .news .news-post .fly {
    left: 100%
  }
  .news .news-post .fly img {
    width: 60%;
    min-width: 100px;
    max-width: 102px
  }
  .news .news-post .button_container {
    position: fixed;
    z-index: 501;
    top: 2%;
    right: 5%;
    width: 35px;
    height: 27px;
    cursor: pointer;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease
  }
  .news .news-post .button_container:hover {
    opacity: .7
  }
  .news .news-post .button_container.active .top {
    -webkit-transform: translateY(10px) translateX(0) rotate(45deg);
    transform: translateY(10px) translateX(0) rotate(45deg);
    background: #fff
  }
  .news .news-post .button_container.active .middle {
    opacity: 0;
    background: #fff
  }
  .news .news-post .button_container.active .bottom {
    -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
    transform: translateY(-10px) translateX(0) rotate(-45deg);
    background: #fff
  }
  .news .news-post .button_container span {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 2px;
    cursor: pointer;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    border: none;
    background: #232d30
  }
  .news .news-post .button_container span:nth-of-type(2) {
    top: 10px
  }
  .news .news-post .button_container span:nth-of-type(3) {
    top: 20px
  }
  .news .news-post #navigation,
  .news .news-post .spinner-yellow {
    display: none !important
  }
  .news .news-post .pagetop a {
    margin-top: 10px;
    padding: 10px
  }
  .news .news-post .pagetop a::before {
    top: 65%;
    width: 15px;
    height: 15px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff
  }
  .news .news-post .pagetop img {
    max-width: 5vw;
    padding: 3vw 0.8vw
  }
  .news .news-post footer .copyright {
    padding: 3vh 3vw
  }
  .news .news-post #menu {
    position: fixed;
    z-index: 10000;
    background: #fff
  }
  .news .news-post #menu.scroll {
    background: #fff
  }
  .news .news-post .menu {
    position: relative;
    z-index: 1000;
    padding: 23px 6.2% 20px
  }
  .news .news-post .menu .logo img {
    position: relative;
    z-index: 10001;
    width: 85%
  }
  .news .news-post .burger_btn {
    position: relative;
    z-index: 22;
    float: right;
    width: 30px;
    cursor: pointer
  }
  .news .news-post .open .burger_btn {
    display: none !important
  }
  .news .news-post .burger_close {
    position: relative;
    position: relative;
    z-index: 22;
    display: none !important;
    float: right;
    width: 25px;
    cursor: pointer
  }
  .news .news-post .open .burger_close {
    display: block !important
  }
  .news .news-post .open img.white {
    display: none
  }
  .news .news-post .open img.black {
    display: block
  }
  .news .news-post #auto-header-overlay,
  .news .news-post #auto-header {
    z-index: 20
  }
  .news .news-post .sitemap_all a {
    width: 100%;
    margin-left: 0;
    font-size: 14px
  }
  .news .news-post .sitemap_all a[data-level="1"],
  .news .news-post .sitemap_all a[data-level="2"],
  .news .news-post .sitemap_all a[data-level="3"] {
    margin-left: 0
  }
  .news .news-post #sp_navi {
    position: fixed;
    z-index: 21;
    top: 0;
    display: block;
    visibility: hidden;
    float: none;
    overflow-y: scroll;
    width: 100%;
    height: 100%;
    padding-top: 68px;
    -webkit-transition: -webkit-transform 0.6s ease-in-out 0.1s,opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out,-webkit-transform 0.6s ease-in-out 0.1s;
    transition: opacity 0.3s ease-out,-webkit-transform 0.6s ease-in-out 0.1s;
    transition: transform 0.6s ease-in-out 0.1s,opacity 0.3s ease-out;
    transition: transform 0.6s ease-in-out 0.1s,opacity 0.3s ease-out,-webkit-transform 0.6s ease-in-out 0.1s;
    -webkit-transform: translateY(-110%);
    transform: translateY(-110%);
    background-color: #fff
  }
  .news .news-post #sp_navi.open {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1
  }
  .news .news-post #sp_navi .links,
  .news .news-post #sp_navi .lang_link {
    overflow-y: scroll;
    width: 100%;
    height: auto;
    margin: 0 auto;
    -webkit-transition: -webkit-transform 0.3s ease-out,opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out,-webkit-transform 0.3s ease-out;
    transition: opacity 0.3s ease-out,-webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out,opacity 0.3s ease-out;
    transition: transform 0.3s ease-out,opacity 0.3s ease-out,-webkit-transform 0.3s ease-out;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
  }
  .news .news-post a.sp_cart:after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 18px;
    margin-left: 0.5vw;
    vertical-align: middle;
    background-image: url(../../img/icon_cart_1.png);
    background-repeat: no-repeat;
    background-size: contain
  }
  .news .news-post #sp_navi span.sp_sub_text {
    font-size: 12px;
    color: #000
  }
  .news .news-post .open #sp_navi .links,
  .news .news-post .open #sp_navi .lang_link {
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
  }
  .news .news-post .hide #sp_navi .links,
  .news .news-post .hide #sp_navi .lang_link {
    display: block;
    opacity: 0
  }
  .news .news-post #sp_navi .lang_link {
    padding: 10vh 0 3vh
  }
  .news .news-post #sp_navi .lang_link a {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 80%;
    margin: 0 auto;
    padding: 3vw 0;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    letter-spacing: 1px;
    color: #00bbff;
    border: 1px solid #00bbff
  }
  .news .news-post #sp_navi .sp_open_sub {
    padding: 3vh 3vh 3vh 5.8%;
    font-size: 15px;
    color: #00bbff;
    background: url(/img/sp_menu_plus.png) no-repeat 95% center #fff;
    background-size: 19px 18px
  }
  .news .news-post #sp_navi .sp_open_sub.sp_sub_news {
    /*background-image: none;*/
  }
  .news .news-post #sp_navi .sp_open_sub a {
    font-size: 15px;
    text-decoration: none;
    color: #00bbff
  }
  .news .news-post #sp_navi .sp_open_sub.open {
    color: #fff;
    background: url(/img/sp_menu_minus.png) no-repeat 95% center #00bbff;
    background-size: 19px 3px
  }
  .news .news-post #sp_navi .bg_none,
  .news .news-post #sp_navi .bg_none.open {
    background-image: none
  }
  .news .news-post #sp_navi .sp_open_sub.open a {
    text-decoration: none;
    color: #fff
  }
  .news .news-post #sp_navi .sp_sub {
    overflow: hidden;
    height: 0;
    -webkit-transition: height 0.2s ease-out;
    transition: height 0.2s ease-out
  }
  .news .news-post #sp_navi .sp_sub ul {
    width: 100%;
    padding-top: 23px;
    padding-bottom: 23px;
    padding-left: 2.2%;
    font-size: 15px;
    line-height: 33px;
    color: #fff;
    background-color: rgba(0, 187, 255, 0.65)
  }
  .news .news-post #sp_navi .company-info ul:last-child li:nth-child(3) {
    letter-spacing: -1px
  }
  .news .news-post #sp_navi .company-info ul:last-child li:nth-child(5) {
    letter-spacing: 0
  }
  .news .news-post #sp_navi .company-info ul:last-child li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .news .news-post #sp_navi .company-info ul li p {
    display: initial;
    text-align: center;
    color: white;
    border-bottom: double
  }
  .news .news-post #sp_navi .sp_sub a {
    position: relative;
    padding-left: 15px;
    text-decoration: none;
    color: #fff
  }
  .news .news-post #sp_navi .company-info ul:last-child a {
    padding-left: 17px
  }
  .news .news-post #sp_navi .sp_sub a:before {
    content: '>';
    position: absolute;
    top: -6px;
    left: 0;
    color: #fff
  }
  .news .news-post #sp_navi .company-info ul:last-child a:before {
    content: '>';
    position: absolute;
    top: -6px;
    left: 2px;
    color: #fff
  }
  .news .news-post #sp_navi .sp_sub.open {
    height: auto
  }
  .news .news-post .arrow .prev,
  .news .news-post .arrow .next,
  .news .news-post .arrow.black .prev,
  .news .news-post .arrow.black .next {
    width: 15px;
    height: 35px;
    background-size: 12px 35px
  }
  .news .news-post #globe_area {
    /*width: 200% !important;
      height: 100%;
      margin-left: -50%;*/
  }
  .news .news-post .sp_icons {
    width: 100%;
    margin-top: 22px;
    padding: 0 6.2%
  }
  .news .news-post .sp_icons li {
    float: left;
    margin-right: 9%
  }
  .news .news-post .sp_icons li.sitemap {
    width: 22px;
    margin-top: 9px
  }
  .news .news-post .sp_icons li.email {
    width: 26px;
    margin-top: 12px
  }
  .news .news-post .sp_icons li.search {
    width: 22px;
    margin-top: 10px
  }
  .news .news-post .sp_icons li img {
    width: 100%
  }
  .news .news-post .sp_icons li.lang {
    float: right;
    overflow: hidden;
    margin: 0;
    border: 1px #bfbfbf solid;
    border-radius: 4px
  }
  .news .news-post .sp_icons li.lang a {
    display: block;
    float: left;
    width: 64px;
    height: 45px;
    padding: 15px 0;
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    color: #bfbfbf
  }
  .news .news-post .sp_icons li.lang a.jp {
    border-right: 1px #bfbfbf solid
  }
  .news .news-post .sp_icons li.lang a.on {
    color: #000;
    background-color: #fff
  }
  .news .news-post .scrolled img.white {
    display: none !important
  }
  .news .news-post .scrolled img.black {
    display: block !important
  }
}
@media screen and (max-width: 620px) {
  .news .news-post .footer-menu li {
    display: inline-block;
    float: left;
    padding: 2.5vw 0;
    border: none
  }
  .news .news-post .footer-menu li:nth-child(even) {
    border-right: none
  }
  .news .news-post .footer-menu li a {
    padding: 0 3vw;
    border-right: solid 1px
  }
}
@media screen and (max-width: 500px) {
  .news .news-post #mainvisual h2 span.heading span {
    font-size: 10vw
  }
  .news .news-post #mainvisual h2 span.text {
    font-size: 4vw
  }
}
@media screen and (max-width: 340px) {
  .news .news-post .spinner {
    top: 43vh;
    left: -22vw
  }
}
@media screen and (max-width: 750px) {
  .news .news-post .banner_list {
    width: 100%
  }
}
@media screen and (max-width: 750px) {
  .news .news-post .banner_list_in {
    width: 33.3%
  }
}
.news .news-post .search {
  position: relative;
  z-index: 10000;
  display: block;
  float: right;
  overflow: visible;
  width: 5%;
  max-width: 50px;
  height: 69px;
  margin-right: 1%;
  padding: 0% 0.5%;
  -webkit-transition: background-color 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: background-color 0.3s;
  transition: opacity 0.3s;
  text-indent: -777777em;
  background: url(/img/search_blue.png) 50% 50% no-repeat;
  background-size: 40%
}
@media screen and (max-width: 810px) {
  .news .news-post .menu .en_btn,
  .news .news-post .menu .en_btn span {
    width: 75px
  }
}
@media screen and (max-width: 1105px) and (min-width: 1120px) {
  .news .news-post .menu .en_btn span {
    width: 90px
  }
  .news .news-post .search.active {
    margin-right: 1%
  }
}
.news .news-post .search.active {
  cursor: pointer;
  background: #0bf url(/img/search_white.png) 50% 50% no-repeat;
  background-color: #0bf;
  background-size: 40%
}
.news .news-post #srchBox,
.news .news-post #srchBoxSp {
  position: absolute;
  top: 69px;
  /* left: 37%; *//* -webkit-transform: translateX(-50%); *//* transform: translateX(-50%); */width: 100%;
  height: 70px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  pointer-events: none;
  opacity: 0;
  background-color: #0bf
}
.news .news-post .no-csspointerevents #srchBox,
.news .news-post .no-csspointerevents #srchBoxSp {
  z-index: -1;
  display: none
}
.news .news-post #srchBox.active,
.news .news-post #srchBoxSp.active {
  z-index: 10000;
  display: block;
  pointer-events: inherit;
  opacity: 1
}
.news .news-post #srchBox form,
.news .news-post #srchBoxSp form {
  display: block;
  width: 70%;
  margin-right: auto;
  /*    max-width: 670px;*/margin-left: auto;
  padding-top: 10px
}
.news .news-post #srchBox input[type=text],
.news .news-post #srchBoxSp input[type=text] {
  float: left;
  width: 80%;
  height: 48px;
  padding-left: 10%;
  border: none;
  background: #f7f7f7 url(/img/search_blue.png) 3% 50% no-repeat;
  background-color: #f7f7f7;
  background-size: 3%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none
}
.news .news-post #srchBox input[type=text]::-webkit-input-placeholder,
.news .news-post #srchBoxSp input[type=text]::-webkit-input-placeholder {
  overflow: visible;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 1px
}
.news .news-post #srchBox input[type=text]:-ms-input-placeholder,
.news .news-post #srchBoxSp input[type=text]:-ms-input-placeholder {
  overflow: visible;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 1px;
  color: #595959
}
.news .news-post #srchBox input[type=text]::-moz-placeholder,
.news .news-post #srchBoxSp input[type=text]::-moz-placeholder {
  overflow: visible;
  font-size: 14px;
  letter-spacing: 1px;
  color: #000
}
.news .news-post #srchBox input[type=submit],
.news .news-post #srchBoxSp input[type=submit] {
  float: right;
  width: 20%;
  height: 50px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 4px;
  color: #fff;
  border: none;
  background-color: #000;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none
}
.news .news-post #srchBox input[type=submit]:hover,
.news .news-post #srchBoxSp input[type=submit]:hover {
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: black;
  background: yellow
}
@media screen and (max-width: 750px) {
  .news .news-post {
    /*************** 繧ｵ繧､繝亥�讀懃ｴ｢SP *****************/
  }
  .news .news-post .search {
    width: 25%;
    max-width: 60px;
    height: 30px
  }
  .news .news-post .search.active {
    background: #fff url(/img/search_blue.png) 50% 50% no-repeat;
    background-size: 40%
  }
  .news .news-post .menu {
    overflow: visible
  }
  .news .news-post #srchBoxSp {
    left: 0;
    width: 100%
  }
  .news .news-post #srchBoxSp form {
    width: 95%
  }
  .news .news-post #srchBoxSp input[type=text] {
    width: 80%;
    padding-left: 11%;
    background-size: 7%
  }
}
.news .news-post .blink:hover {
  -webkit-animation: blink 0.3s ease-out;
  animation: blink 0.3s ease-out
}
@keyframes blink {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@-webkit-keyframes blink {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@media screen and (max-width: 750px) {
  .news .news-post .blink:hover {
    -webkit-animation: none;
    animation: none
  }
}
.news .news-post #sub_service {
  overflow: hidden;
  width: 100%;
  padding: 2vw 0
}
.news .news-post #sub_service .sblock {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 2vw
}
.news .news-post #sub_service .sblock:first-child {
  border-bottom: 2px dotted #fff
}
.news .news-post #sub_service .sblock > p {
  width: 100%;
  padding: 0 2vw;
  font-size: 17px;
  font-weight: bold;
  color: white
}
.news .news-post #sub_service .sblock > ul {
  display: block;
  overflow: hidden;
  width: 100%;
  margin: 20px 0;
  padding: 0
}
.news .news-post #sub_service .sblock > ul li {
  width: calc(100% / 6);
  margin: 0;
  padding: 0;
  text-align: center
}
.news .news-post #sub_service li::before {
  content: none
}
.news .news-post #sub_service li .icon_area {
  width: 100%;
  margin-bottom: 1.5vh
}
.news .news-post .icon_area img {
  display: inline-block;
  width: auto;
  height: 60px;
  margin: 5px;
  border: 1px solid #ccc;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover
}
.news .news-post #sub_service .clearfix ul:nth-child(2) {
  margin-bottom: 50px
}
.news .news-post #sub_service .clearfix li .icon_small {
  font-size: 12px;
  text-align: left
}
@media screen and (min-width: 751px) {
  .news .news-post .pc_only {
    display: block
  }
  .news .news-post .sp_only {
    display: none !important
  }
}
@media screen and (max-width: 750px) {
  .news .news-post .pc_only {
    display: none !important
  }
  .news .news-post .sp_only {
    display: block
  }
}
.news .news-post body,
.news .news-post p,
.news .news-post dl,
.news .news-post dt,
.news .news-post dd,
.news .news-post h1,
.news .news-post h2,
.news .news-post h3,
.news .news-post h4,
.news .news-post h5,
.news .news-post h6,
.news .news-post ul,
.news .news-post ol,
.news .news-post li,
.news .news-post form {
  margin: 0;
  padding: 0
}
.news .news-post li {
  list-style: none
}
.news .news-post table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse
}
.news .news-post html {
  font-size: 62.5%
}
.news .news-post body {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serifsans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.8;
  color: #333;
  background: #fff
}
.news .news-post img {
  max-width: 100%;
  vertical-align: bottom;
  border: none
}
.news .news-post a {
  text-decoration: none;
  outline: none
}
.news .news-post a:link,
.news .news-post a:visited {
  color: #333
}
.news .news-post a:hover,
.news .news-post a:active {
  color: #3ca9d1
}
.news .news-post a img:hover {
  opacity: 0.8
}
.news .news-post .clearfix::after {
  content: '';
  display: block;
  clear: both
}
.news .news-post .wrapper {
  overflow: hidden
}
.news .news-post .header {
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  left: 0;
  /*border-bottom: 3px solid #44b8e2;*/-webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  background-color: #fff
}
.news .news-post .header_logo {
  padding-left: 10px;
  padding-left: 1rem;
  line-height: 47px
}
.news .news-post .header_logo a {
  display: block
}
.news .news-post .header_logo img {
  width: 50%;
  vertical-align: middle
}
.news .news-post .sp_menu {
  position: fixed;
  z-index: 300;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px
}
.news .news-post .menu_trigger,
.news .news-post .menu_trigger span {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .4s;
  transition: all .4s
}
.news .news-post .menu_trigger {
  position: relative;
  padding: 4px 0 4px 10px;
  padding: 0.4rem 0 0.4rem 1rem
}
.news .news-post .menu_trigger::before {
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  width: 1px;
  height: 40px;
  height: 4rem;
  background-color: #e0e0e0
}
.news .news-post .menu_trigger.active {
  background-color: #44b8e2
}
.news .news-post .menu_trigger span {
  width: 30px;
  width: 3rem;
  height: 3px;
  margin: 8px 0;
  margin: 0.8rem 0;
  border-radius: 1.5px;
  background-color: #000
}
.news .news-post .menu_trigger.active span {
  background-color: #fff
}
.news .news-post .menu_trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(1.1rem) rotate(-45deg);
  transform: translateY(1.1rem) rotate(-45deg)
}
.news .news-post .menu_trigger.active span:nth-of-type(2) {
  opacity: 0
}
.news .news-post .menu_trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-1.1rem) rotate(45deg);
  transform: translateY(-1.1rem) rotate(45deg)
}
.news .news-post .header_menu {
  position: fixed;
  z-index: 100;
  top: 50px;
  display: none;
  overflow-y: scroll;
  width: 100%;
  background-color: #000;
  -webkit-overflow-scrolling: touch
}
.news .news-post .menu_nav {
  padding: 10px 10px 25px;
  padding: 1rem 1rem 2.5rem
}
.news .news-post .menu_nav li a {
  display: block
}
.news .news-post .menu_nav > li:not(:nth-of-type(n+7)) {
  border-bottom: 1px solid #454545
}
.news .news-post .menu_nav > li:nth-child(7) {
  margin-bottom: 20px;
  margin-bottom: 2rem
}
.news .news-post .menu_nav > li > a {
  padding: 0 3px;
  padding: 0 0.3rem;
  font-size: 1.3em;
  line-height: 2.2;
  color: #fff
}
.news .news-post .menu_nav > li > a:hover,
.news .news-post .menu_nav > li > a:active {
  color: #44b8e2
}
.news .news-post .menu_nav > li:not(:first-child) > a::before {
  content: '> ';
  color: #44b8e2
}
.news .news-post .sub_menu li a::before {
  content: '';
  position: absolute;
  width: 0.5vw;
  height: 0.5vw;
  -webkit-transform: translateX(-218%) translateY(12%) rotate(135deg);
  transform: translateX(-218%) translateY(12%) rotate(135deg);
  border-top: 0.2vw solid #fff;
  border-left: 0.2vw solid #fff
}
.news .news-post .menu_logo {
  padding: 20px 0;
  padding: 2rem 0;
  text-align: center;
  background-color: #fff
}
.news .news-post .menu_logo img {
  width: 50%
}
.news .news-post .header_menu small {
  display: block;
  font-size: 0.9em;
  line-height: 2;
  text-align: center;
  color: #fff;
  background-color: #44b8e2
}
.news .news-post .main {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding-top: 70px
}
.news .news-post .pagetop {
  position: fixed;
  z-index: 201;
  right: 0;
  bottom: 90px;
  bottom: 9rem;
  width: 20%;
  max-width: 100px
}
.news .news-post .pagetop p {
  position: relative
}
.news .news-post .pagetop a {
  display: block;
  padding: 10px 0;
  padding: 1rem 0;
  font-size: 0.9em;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: #44b9e3
}
.news .news-post .pagetop a span {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  margin: -4px auto;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff
}
.news .news-post .pagetop a span:first-child {
  margin-top: 5px;
  margin-top: 0.5rem
}
.news .news-post footer {
  position: relative;
  z-index: 200;
  overflow: hidden;
  width: 100%;
  margin-top: -1px;
  padding: 0.5vw 0;
  text-align: center;
  background: #232d30
}
.news .news-post .footer-menu {
  padding: 2vh 2vw
}
.news .news-post .footer-menu ul {
  display: block;
  width: 90%;
  margin: auto
}
.news .news-post .footer-menu li {
  display: inline-block;
  border-right: 1px solid #fff
}
.news .news-post .footer-menu li a {
  display: block;
  padding: 0 1vw;
  font-size: 0.8em;
  letter-spacing: 0.15vw;
  color: #fff
}
.news .news-post .footer-menu li:last-child {
  border: none
}
.news .news-post footer .copyright {
  padding: 2vh 2vw;
  color: #fff;
  background: #232d30
}
.news .news-post footer .copyright p {
  font-size: 0.7em
}
.news .news-post .index .main p {
  margin: 0 0 1.5em
}
.news .news-post .box_top {
  position: relative;
  border-bottom: 1px solid #bfbfbf
}
.news .news-post .box_top_inner {
  padding: 40px 5%;
  padding: 4rem 5%
}
.news .news-post .top_headline {
  margin: 0 0 15px;
  margin: 0 0 1.5rem;
  font-size: 1.35em;
  line-height: 1.3;
  text-align: center;
  letter-spacing: 0.1em;
  color: #000
}
.news .news-post .top_headline span {
  display: block;
  font-size: 0.6em;
  font-weight: normal;
  color: #999
}
.news .news-post .top_headline span::first-letter {
  color: #3ca9d1
}
.news .news-post .box_top.slider {
  border-bottom: none
}
.news .news-post .slider .box_top_inner {
  padding: 0
}
.news .news-post .slick-dotted.slick-slider {
  margin-bottom: 0
}
.news .news-post .slick-dots {
  padding: 15px 0 0;
  padding: 1.5rem 0 0;
  text-align: center
}
.news .news-post .slick-dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 10px;
  cursor: pointer
}
.news .news-post .slick-dots li button {
  display: block;
  overflow: hidden;
  width: 10px;
  height: 10px;
  cursor: pointer;
  white-space: nowrap;
  text-indent: 150%;
  border: 0;
  border-radius: 50%;
  outline: none;
  background: #d7d6dc
}
.news .news-post .slick-dots li.slick-active button {
  background: #7d7d7d
}
.news .news-post .bnr_conte {
  padding: 10px 0;
  padding: 1rem 0;
  background-color: #eee
}
.news .news-post .bnr_conte ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  width: 95%;
  max-width: 1000px;
  margin: 0 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between
}
.news .news-post .bnr_conte li {
  width: 49%;
  margin: 5px 0;
  margin: 0.5rem 0
}
.news .news-post .list_news {
  font-size: 1.1em
}
.news .news-post .list_news time {
  color: #44b8e2
}
.news .news-post .list_news span {
  display: inline-block;
  width: 8em;
  margin-left: 20px;
  margin-left: 2rem;
  font-size: 0.75em;
  text-align: center;
  color: #fff
}
.news .news-post .cat01 {
  /* プレスリリース */background-color: #93c202
}
.news .news-post .cat02 {
  /* お知らせ */background-color: #44b8e2
}
.news .news-post .cat03 {
  /* セミナー */background-color: #f4966d
}
.news .news-post .cat04 {
  /* メディア掲載 */background-color: #f46db3
}
.news .news-post .list_news dd {
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
  padding-bottom: 10px;
  padding-bottom: 1rem;
  border-bottom: 1px dotted #e5e5e5
}
.news .news-post .list_news dd:last-child {
  border-bottom: none
}
.news .news-post .box_top.service .box_conte p {
  margin-bottom: 10px;
  margin-bottom: 1rem;
  text-align: center
}
.news .news-post .box_top.company .box_list_btn2 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.news .news-post .box_top.company .box_list_btn2 li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%
}
.news .news-post .box_top.company .box_list_btn2 li:nth-last-child(2) {
  margin-bottom: 0
}
.news .news-post .box_top.inquiries {
  border-bottom: 0
}
.news .news-post .list_inquiry dt {
  font-size: 1.2em;
  font-weight: bold
}
.news .news-post .list_inquiry dd {
  margin-bottom: 20px;
  margin-bottom: 2rem;
  padding-bottom: 20px;
  padding-bottom: 2rem;
  border-bottom: 1px dotted #ccc
}
.news .news-post .index .main .list_inquiry p {
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
  line-height: 1.4
}
.news .news-post .list_inquiry .btn br {
  display: none
}
.news .news-post .article .main p {
  margin: 0 0 1.5em
}
.news .news-post .contents_area {
  margin-bottom: 40px;
  margin-bottom: 4rem
}
.news .news-post .box_article {
  margin: 0 5%
}
.news .news-post .box_article a:link,
.news .news-post .box_article a:visited {
  text-decoration: underline;
  color: #3ca9d1
}
.news .news-post .box_article a:hover,
.news .news-post .box_article a:active {
  color: #333
}
.news .news-post span.example2 {
  font-weight: bold;
  color: red
}
.news .news-post span.rank-1 {
  font-size: 1.5em;
  font-weight: bold
}
.news .news-post span.rank-2 {
  font-size: 1.5em
}
.news .news-post span.rank-3 {
  font-size: 1.5em;
  font-weight: bold;
  text-decoration: underline
}
.news .news-post span.rank-4 {
  font-size: 1.5em;
  text-decoration: underline
}
.news .news-post .main_visual {
  margin-bottom: 5px;
  margin-bottom: 0.5rem
}
.news .news-post .main_visual img {
  width: 100%
}
.news .news-post .article .main .main_visual + p {
  margin: 0 5% 40px;
  margin: 0 5% 4rem;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.8
}
.news .news-post .article .main .main_visual + p span {
  font-weight: normal
}
.news .news-post .box_inner {
  margin-bottom: 40px;
  margin-bottom: 4rem
}
.news .news-post .box {
  margin-bottom: 10px;
  margin-bottom: 1rem
}
.news .news-post .box_border {
  margin-bottom: 2.5em;
  padding: 15px;
  padding: 1.5rem;
  border: 4px solid #eee
}
.news .news-post .box_border p:last-child {
  margin: 0
}
.news .news-post .box_gray {
  margin-bottom: 2.5em;
  padding: 15px;
  padding: 1.5rem;
  background-color: #eff2f3
}
.news .news-post .box_border .box_list_ol,
.news .news-post .box_gray .box_list_ol {
  margin: 0 1.75em
}
.news .news-post .box_statement {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 25px 0;
  padding: 2.5rem 0;
  border: 2px solid #fff;
  background-color: #eff2f3;
  -webkit-box-shadow: 0 0 0 5px #eff2f3;
  box-shadow: 0 0 0 5px #eff2f3
}
.news .news-post .box_statement p {
  font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  font-size: 1.15em;
  line-height: 2;
  text-align: center
}
.news .news-post .article .main .box_statement p {
  margin: 0
}
.news .news-post .measurement_inq {
  text-align: center
}
.news .news-post .measurement_inq dt {
  margin-bottom: 10px;
  margin-bottom: 1rem;
  padding-bottom: 10px;
  padding-bottom: 1rem;
  font-size: 1.1em;
  font-weight: bold;
  border-bottom: 2px solid #eee
}
.news .news-post .article .main .measurement_inq p {
  margin-bottom: 5px;
  margin-bottom: 0.5rem
}
.news .news-post .measurement_inq .btn_arrow2 {
  margin: 0 20px;
  margin: 0 2rem
}
.news .news-post .box_article .measurement_inq .btn_arrow2 a:link,
.news .news-post .box_article .measurement_inq .btn_arrow2 a:visited {
  font-weight: bold;
  text-decoration: none;
  color: #44b8e2
}
.news .news-post .box_article .measurement_inq .btn_arrow2 a:hover,
.news .news-post .box_article .measurement_inq .btn_arrow2 a:active {
  font-weight: bold;
  text-decoration: none;
  color: #fff
}
.news .news-post .box_list2.policy {
  margin-bottom: 1.5em
}
.news .news-post .table_history tr {
  border-bottom: 1px dashed #dedede
}
.news .news-post .table_history th,
.news .news-post .table_history td {
  padding: 10px 0;
  padding: 1rem 0;
  vertical-align: top
}
.news .news-post .table_history th {
  width: 20%;
  padding-right: 1.5em;
  text-align: right
}
.news .news-post .table_company {
  border: 2px solid #dcdcdc
}
.news .news-post .table_company tr {
  border-bottom: 1px solid #e5e5e5
}
.news .news-post .table_company th {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
  max-width: 150px;
  text-align: left;
  border-right: 1px solid #e5e5e5;
  background-color: #eff2f3
}
.news .news-post .table_company th,
.news .news-post .table_company td {
  position: relative;
  padding: 1em
}
.news .news-post .table_company td dt {
  margin-bottom: 5px;
  font-weight: bold
}
.news .news-post .table_company td dt::before {
  content: '●';
  color: #44b8e2
}
.news .news-post .table_company td dd {
  margin-bottom: 15px;
  margin-bottom: 1.5rem
}
.news .news-post .table_company td dd li {
  position: relative;
  margin-bottom: 5px;
  padding-bottom: 10px;
  line-height: 2.4;
  border-bottom: 1px dotted #e5e5e5
}
.news .news-post .box_article .table_company a {
  color: #44b8e2
}
.news .news-post .btn_map {
  position: absolute;
  top: 0.2em;
  right: 0.5em;
  width: 30%;
  max-width: 80px
}
.news .news-post .table_company tr:first-child .btn_map {
  position: static;
  width: 100%;
  max-width: 100%;
  margin-top: 5px;
  margin-top: 0.5rem;
  line-height: 2.4
}
.news .news-post .box_article .btn_map a {
  display: block;
  padding: 0 0.75em;
  text-align: center;
  text-decoration: none;
  color: #333;
  background-color: #eee
}
.news .news-post .box_article .btn_map a:hover {
  background-color: #aaa
}
.news .news-post .btn_map a::before {
  content: '> ';
  color: #44b8e2
}
.news .news-post .table_company .box_list a {
  padding-right: 20px;
  background: url("../images/site_parts/mark_blank2.png") no-repeat right top
}
.news .news-post .box_group_policy,
.news .news-post .box_privacy {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 40px;
  margin-bottom: 4rem;
  padding: 20px;
  padding: 2rem;
  border: 1px solid #dcdcdc;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 5px #eee;
  box-shadow: 0 0 0 5px #eee
}
.news .news-post .box_group_policy dt,
.news .news-post .box_privacy dt {
  margin-bottom: 20px;
  margin-bottom: 2rem;
  font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 2.4;
  text-align: center;
  border-bottom: 2px solid #eee
}
.news .news-post .box_group_policy strong,
.news .news-post .box_privacy strong {
  font-size: 1.15em;
  color: #2d98bf
}
.news .news-post .box_inner .box_anchor {
  margin-bottom: 35px;
  margin-bottom: 3.5rem
}
.news .news-post .table_company.group tr:nth-child(2) td dt::before {
  display: none
}
.news .news-post .box iframe {
  width: 100%;
  height: 350px;
  border: 0
}
.news .news-post .btn_map.big,
.news .news-post .btn_map.back {
  position: static;
  width: 100%;
  max-width: 100%;
  margin-top: 10px;
  margin-top: 1rem;
  line-height: 3
}
.news .news-post .box_category {
  margin: 0 5% 40px;
  margin: 0 5% 4rem
}
.news .news-post .box_category ul li:not(:last-child) {
  margin-bottom: 10px;
  margin-bottom: 1rem
}
.news .news-post .box_article .box_category a:link,
.news .news-post .box_article .box_category a:visited {
  text-decoration: none;
  color: #333
}
.news .news-post .box_article .box_category a:hover,
.news .news-post .box_article .box_category a:active {
  text-decoration: underline;
  color: #3ca9d1
}
.news .news-post .box_category span,
.news .news-post .article_time span {
  display: inline-block;
  width: 90px;
  width: 9rem;
  margin: 0 7.5px;
  margin: 0 0.75rem;
  font-size: 0.75em;
  text-align: center;
  color: #fff
}
.news .news-post .box_article .list_news a:link,
.news .news-post .box_article .list_news a:visited {
  text-decoration: none;
  color: #333
}
.news .news-post .box_article .list_news a:hover,
.news .news-post .box_article .list_news a:active {
  text-decoration: underline;
  color: #3ca9d1
}
.news .news-post .header_news .title_headline {
  margin-top: 5px;
  margin-top: 0.5rem;
  padding-top: 10px;
  padding-top: 1rem;
  border-top: 1px dotted #e5e5e5
}
.news .news-post .utility {
  margin-top: 5px;
  margin-top: 0.5rem;
  text-align: right
}
.news .news-post .utility li {
  display: inline-block
}
.news .news-post .utility li:first-child {
  background: url("../images/site_parts/icon_print.png") no-repeat 5px center;
  background: url("../images/site_parts/icon_print.png") no-repeat 0.5rem center
}
.news .news-post .utility li:nth-child(2) {
  background: url("../images/site_parts/icon_pdf.png") no-repeat 5px center;
  background: url("../images/site_parts/icon_pdf.png") no-repeat 0.5rem center
}
.news .news-post .box_article .utility li a {
  display: inline-block;
  padding: 3px 3px 3px 25px;
  padding: 0.3rem 0.3rem 0.3rem 2.5rem;
  font-size: 0.75em;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  border: 2px solid #d2d2d2
}
.news .news-post .box_article .utility li a:hover,
.news .news-post .box_article .utility li a:active {
  color: #000;
  border: 2px solid #000
}
.news .news-post .box_article .btn_arrow a:link,
.news .news-post .box_article .btn_arrow a:visited {
  text-decoration: none;
  color: #333
}
.news .news-post .page_contact .title_headline {
  margin-bottom: 25px;
  margin-bottom: 2.5rem;
  padding-left: 0;
  font-size: 1.55em;
  line-height: 1.8;
  letter-spacing: 0;
  color: #333;
  border-bottom: 4px solid #44b8e2;
  border-left: none
}
.news .news-post .page_contact .btn a {
  text-decoration: none
}
.news .news-post .page_contact .btn.btn_blue a:link,
.news .news-post .page_contact .btn.btn_blue a:visited {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #fff
}
.news .news-post .page_contact .btn.btn_blue a:hover,
.news .news-post .page_contact .btn.btn_blue a:active {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #44b8e2
}
.news .news-post .page_contact .btn.btn_blue a span {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px
}
.news .news-post .side {
  width: 90%;
  margin: 0 auto
}
.news .news-post .side_menu {
  display: none
}
.news .news-post .box_side {
  margin-bottom: 20px;
  margin-bottom: 2rem;
  text-align: center;
  -webkit-box-shadow: 0px 0px 17px -4px #aea3a3;
  box-shadow: 0px 0px 17px -4px #aea3a3
}
.news .news-post .box_side li {
  text-align: left
}
.news .news-post .box_side dt {
  /*    margin-bottom: 1rem;*/font-size: 1.1em;
  font-weight: bold
}
.news .news-post .box_relation {
  border: 4px solid #eee
}
.news .news-post .box_inquiry .box {
  background-color: #fff
}
.news .news-post .box_inquiry .btn a {
  font-size: 0.9em
}
.news .news-post .box_mainheadline {
  padding: 15px 0;
  padding: 1.5rem 0
}
.news .news-post .main_headline {
  font-size: 1.85em;
  line-height: 1.4;
  text-align: center;
  letter-spacing: 0.1em
}
.news .news-post .main_headline span {
  display: block;
  font-size: 0.5em;
  font-weight: normal;
  color: #999
}
.news .news-post .main_headline span::first-letter {
  color: #3ca9d1
}
.news .news-post .breadcrumbs {
  display: none
}
.news .news-post .box_anchor {
  padding: 15px;
  padding: 1.5rem;
  border: 4px solid #eee
}
.news .news-post .box_anchor ul li:not(:last-child) {
  margin-bottom: 10px;
  margin-bottom: 1rem
}
.news .news-post .box_anchor ul li::before {
  content: '\002228';
  margin-right: 3px;
  margin-right: 0.3rem;
  color: #3ca9d1
}
.news .news-post .box_article .box_anchor a:link,
.news .news-post .box_article .box_anchor a:visited {
  text-decoration: none;
  color: #333
}
.news .news-post .box_article .box_anchor a:hover,
.news .news-post .box_article .box_anchor a:active {
  text-decoration: underline;
  color: #3ca9d1
}
.news .news-post .title_headline {
  margin-bottom: 25px;
  margin-bottom: 2.5rem;
  font-size: 1.55em;
  line-height: 1.8;
  letter-spacing: 0.1em;
  color: #333;
  border-bottom: 4px solid #44b8e2
}
.news .news-post .title_headline2 {
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
  padding-left: 10px;
  padding-left: 1rem;
  font-size: 1.3em;
  color: #333;
  border-left: 6px solid #44b8e2
}
.news .news-post h3.lv3 {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: dashed 1px #44b8e2
}
.news .news-post .box_list li {
  margin-bottom: 12px;
  margin-bottom: 1.2rem;
  padding-left: 1.2em;
  text-indent: -1.2em
}
.news .news-post .box_list li:last-child {
  margin-bottom: 0
}
.news .news-post .box_list li::before {
  content: '●';
  margin-right: 5px;
  margin-right: 0.5rem;
  color: #3ca9d1
}
.news .news-post .box_list2 li {
  margin-bottom: 12px;
  margin-bottom: 1.2rem;
  padding-left: 1.2em;
  text-indent: -1.2em
}
.news .news-post .box_list2 li:last-child {
  margin-bottom: 0
}
.news .news-post .box_list2 li::before {
  content: '>';
  margin-right: 5px;
  margin-right: 0.5rem;
  color: #3ca9d1
}
.news .news-post .box_article .box_list li a,
.news .news-post .box_article .box_list2 li a {
  color: #333
}
.news .news-post .box_list_ol {
  margin-left: 1.5em
}
.news .news-post .box_list_ol > li {
  margin-bottom: 12px;
  margin-bottom: 1.2rem;
  font-weight: bold;
  list-style: decimal
}
.news .news-post .box_list_ol.weight > li {
  font-weight: normal
}
.news .news-post .box_list_ol li:last-child {
  margin-bottom: 0
}
.news .news-post .box_list_ol_alpha {
  margin-left: 1.5em
}
.news .news-post .box_list_ol_alpha > li {
  list-style: lower-latin
}
.news .news-post .box_list_ol .box_list li {
  font-weight: normal
}
.news .news-post .box_list li span,
.news .news-post .box_list_ol li span {
  font-weight: normal
}
.news .news-post .box_list_btn li,
.news .news-post .box_list_btn2 li {
  margin-bottom: 10px;
  margin-bottom: 1rem
}
.news .news-post .box_list_btn li:last-child,
.news .news-post .box_list_btn2 li:last-child {
  margin-bottom: 0
}
.news .news-post .box_list_btn a {
  display: block;
  padding: 6.5px 10px;
  padding: 0.65rem 1rem;
  line-height: 1.8;
  color: #333;
  border: 3px solid #eee;
  background-color: #fff
}
.news .news-post .box_list_btn a:hover,
.news .news-post .box_list_btn a:active {
  border: 3px solid #44b8e2;
  background-color: #fefefe
}
.news .news-post .box_list_btn li a::before {
  content: '> ';
  color: #44b8e2
}
.news .news-post .box_list_btn2 a {
  display: block;
  line-height: 1.8;
  /*padding: 0.65rem 1rem;*/color: #333
}
.news .news-post .box_list_btn2 a:hover,
.news .news-post .box_list_btn2 a:active {
  color: #44b8e2
}
.news .news-post .box_list_btn2 li a::before {
  content: '> ';
  color: #44b8e2
}
.news .news-post .float_img_left,
.news .news-post .float_img_right {
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
  text-align: center
}
.news .news-post .box_img {
  margin-bottom: 1.5em;
  text-align: center
}
.news .news-post .box_img img {
  width: 100%
}
.news .news-post .box_img img.not100 {
  width: auto
}
.news .news-post .attention {
  color: #c00
}
.news .news-post .indent {
  display: block;
  padding-left: 1em;
  text-indent: -1em
}
.news .news-post .indent2 {
  display: block;
  padding-left: 2em;
  text-indent: -2em
}
.news .news-post .indent3 {
  display: block;
  padding-left: 3em;
  text-indent: -3em
}
.news .news-post .txt_left {
  text-align: left
}
.news .news-post .txt_center {
  text-align: center
}
.news .news-post .article .main .txt_right {
  text-align: right
}
.news .news-post .mincho {
  font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif
}
.news .news-post .blank::after {
  content: url("../images/site_parts/icon_blank.png");
  margin-left: 5px;
  margin-left: 0.5rem
}
.news .news-post .basic th {
  text-align: left
}
.news .news-post .basic th,
.news .news-post .basic td {
  padding: 10px
}
.news .news-post .basic tbody td p:last-of-type {
  margin: 0
}
.news .news-post .btn {
  line-height: 1.4;
  text-align: center
}
.news .news-post .box_inner .btn a {
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding: 12px 0;
  padding: 1.2rem 0;
  font-weight: bold;
  color: #000;
  border-width: 2px;
  border-style: solid;
  border-radius: 40px
}
.news .news-post .box_inner .btn a::after {
  content: '>';
  position: absolute;
  top: 50%;
  right: 5%;
  font-size: 1vw;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.news .news-post .side .btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 0;
  padding: 1.2rem 0;
  font-size: 13px;
  font-size: 1.3rem;
  color: #333;
  border-bottom: dotted 1px #aea3a3
}
.news .news-post .side .btn.kakko a::before {
  margin-right: -3px
}
@media all and (-ms-high-contrast: none) {
  .news .news-post {
    /* IE YuGothic */
  }
  .news .news-post .btn a {
    padding: 15px 0 12px;
    padding: 1.5rem 0 1.2rem
  }
}
.news .news-post .btn_black a {
  border-color: #000;
  background-color: #000
}
.news .news-post .btn_black a:hover,
.news .news-post .btn_black a:active {
  color: #000;
  background-color: #fff
}
.news .news-post .btn_blue a {
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
  border-color: #44b8e2;
  background-color: #44b8e2
}
.news .news-post .btn_blue a:hover,
.news .news-post .btn_blue a:active {
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease;
  background-color: #fff
}
.news .news-post .btn_gray a {
  border-color: #b5b5b5;
  background-color: #b5b5b5
}
.news .news-post .btn_gray a:hover,
.news .news-post .btn_gray a:active {
  color: #b5b5b5;
  background-color: #fff
}
.news .news-post .btn_white a {
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
  border-color: #000;
  background-color: #fff
}
.news .news-post .btn_white a:hover,
.news .news-post .btn_white a:active {
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease;
  background-color: #ff0
}
.news .news-post .btn_arrow a {
  display: block;
  line-height: 3.3;
  text-align: center;
  color: #333;
  background-color: #eee
}
.news .news-post .btn_arrow a:hover,
.news .news-post .btn_arrow a:active {
  opacity: 0.8
}
.news .news-post .btn_arrow span::before {
  content: '> ';
  color: #44b8e2
}
.news .news-post .btn_arrow2 a {
  display: block;
  line-height: 3;
  text-align: center;
  color: #333;
  border: 4px solid #44b8e2;
  background-color: #fff
}
.news .news-post .btn_arrow2 a:hover,
.news .news-post .btn_arrow2 a:active {
  color: #fff;
  background-color: #44b8e2
}
.news .news-post .btn_arrow2 a:hover span::before,
.news .news-post .btn_arrow2 a:active span::before {
  content: '> ';
  color: #fff
}
.news .news-post input,
.news .news-post textarea,
.news .news-post select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.15em;
  font-family: Verdana,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #333;
  border: 1px solid #dcdcdc;
  outline: none;
  background: #fff
}
.news .news-post button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.15em;
  font-family: Verdana,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #333;
  border: none;
  outline: none;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.news .news-post ::-webkit-input-placeholder {
  color: #999
}
.news .news-post :-moz-placeholder {
  color: #999
}
.news .news-post :-ms-input-placeholder {
  color: #999
}
.news .news-post input[type="checkbox"] {
  display: none
}
.news .news-post .checkbox {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 22px;
  cursor: pointer
}
.news .news-post .checkbox:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: 8px;
  border: 1px solid #aaa;
  background: #fff
}
.news .news-post input[type="checkbox"]:checked + .checkbox:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 3px;
  width: 13px;
  height: 5px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-bottom: 2px solid #3498db;
  border-left: 2px solid #3498db
}
.news .news-post input[type="radio"] {
  display: none
}
.news .news-post .radiobtn {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 25px;
  cursor: pointer
}
.news .news-post .radiobtn:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  border: 1px solid #ccc;
  border-radius: 100%;
  background: #fff
}
.news .news-post input[type="radio"]:checked + .radiobtn:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 4px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-radius: 100%;
  background: #3498db
}
@media screen and (max-width: 767px) {
  .news .news-post {
    /* --- common --- */
  }
  .news .news-post .pc {
    display: none
  }
}
.news .news-post .box_article video,
.news .news-post .box_article iframe {
  display: block;
  width: 100%;
  height: auto;
  margin: 20px auto 40px auto;
  -webkit-box-shadow: 0px 17px 23px 2px #d1cfcf;
  box-shadow: 0px 17px 23px 2px #d1cfcf
}
.news .news-post .box_article iframe {
  height: 641px
}
@media screen and (max-width: 767px) {
  .news .news-post .box_article video,
  .news .news-post .box_article iframe {
    width: 100%
  }
  .news .news-post .box_article iframe {
    height: 50vw
  }
}
@media screen and (min-width: 768px) {
  .news .news-post {
    /* --- common --- *//* - - - - - - - - - - - - - - - - - - - - -
	.header
- - - - - - - - - - - - - - - - - - - - - *//* --- .header_menu --- *//* - - - - - - - - - - - - - - - - - - - - -
	.main
- - - - - - - - - - - - - - - - - - - - - *//* - - - - - - - - - - - - - - - - - - - - -
	.footer
- - - - - - - - - - - - - - - - - - - - - *//* - - - - - - - - - - - - - - - - - - - - -
/* .index
//////////////////////////*//* --- common --- *//* --- .slider --- *//* slick *//* --- .bnr_conte --- *//* --- .news --- *//*
.list_news dt {
	width: 175px;
	float: left;
}
*//* --- .service --- *//* --- .company --- *//* --- .inquiries --- *//* - - - - - - - - - - - - - - - - - - - - -
/* .article
//////////////////////////*//*
.contents_area {
	margin: 0 auto 4rem;
	width: 1000px;
	display: -ms-flexbox;
	display: flex;
	max-width: 1000px;
}
*//* --- company --- *//* map *//* - - - - - - - - - - - - - - - - - - - - -
/* .side
//////////////////////////*//*
.side_menu dt::after {
	margin-left: -10px;
	content: '';
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #000 transparent transparent transparent;
	width: 0px;
	height: 0px;
	position: absolute;
	bottom: -10px;
	left: 50%;
	display: block;
}
*//* --- .news --- *//* - - - - - - - - - - - - - - - - - - - - -
/* parts
//////////////////////////*//* ---  .box_mainheadline --- *//* ---  .breadcrumbs --- *//* ---  .box_anchor --- *//* --- .img ---　*/
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1087px) {
  .news .news-post {
    /*section.contents_area {
            margin-left: 60px;
        }*/
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1087px) {
  .news .news-post .breadcrumbs ol {
    margin-left: 60px
  }
}
@media screen and (min-width: 768px) {
  .news .news-post .sp {
    display: none
  }
  .news .news-post .header {
    /*border-bottom: 5px solid #44b8e2;*/height: 60px
  }
  .news .news-post .header_inner {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    width: 90%;
    max-width: 1200px;
    margin: 0 auto
  }
  .news .news-post .header_logo {
    width: 30%;
    max-width: 340px;
    padding-left: 0;
    line-height: 55px
  }
  .news .news-post .header .header_logo img {
    width: auto
  }
  .news .news-post .header .header_logo a:hover img {
    opacity: 1
  }
  .news .news-post .header_menu {
    position: static;
    display: block;
    overflow-y: hidden;
    width: 65%;
    background-color: transparent
  }
  .news .news-post .menu_nav {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    padding: 0
  }
  .news .news-post .menu_nav li {
    width: 25%
  }
  .news .news-post .menu_nav > li:not(:nth-of-type(n+7)) {
    border-bottom: none
  }
  .news .news-post .menu_nav > li:nth-child(7) {
    margin-bottom: 0
  }
  .news .news-post .menu_nav > li > a {
    padding: 0;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 55px;
    text-align: center;
    color: #000
  }
  .news .news-post .menu_nav > li > a:hover,
  .news .news-post .menu_nav > li > a:active {
    color: #44b8e2/*	background-color: #44b8e2;*/
  }
  .news .news-post .menu_nav > li:first-child,
  .news .news-post .menu_nav > li:not(:first-child) > a::before,
  .news .news-post .menu_logo,
  .news .news-post .header_menu small {
    display: none
  }
  .news .news-post .main {
    min-height: calc(100vh - 236px);
    padding-top: 60px
  }
  .news .news-post .index .main {
    padding-top: 80px
  }
  .news .news-post .box_top_inner {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    width: 1000px;
    margin: 0 auto;
    padding: 40px 0;
    padding: 4rem 0
  }
  .news .news-post .box_conte {
    width: 75%
  }
  .news .news-post .top_headline {
    width: 25%;
    min-width: 200px;
    margin: 0
  }
  .news .news-post .top_headline span {
    display: block;
    font-size: 0.6em;
    font-weight: normal;
    color: #999
  }
  .news .news-post .box_top.slider {
    border-bottom: none
  }
  .news .news-post .slider .box_top_inner {
    display: block;
    width: 100%;
    padding: 0
  }
  .news .news-post .box_slider {
    position: relative;
    text-align: center
  }
  .news .news-post .box_slider .box_conte {
    width: 100%
  }
  .news .news-post .slick-slide img {
    display: inline
  }
  .news .news-post .slick-dots {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 15px 0 0;
    padding: 0 1.5rem 0 0;
    text-align: right
  }
  .news .news-post .bnr_conte ul {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
  .news .news-post .bnr_conte li {
    width: 24%
  }
  .news .news-post .list_news {
    font-size: 1em
  }
  .news .news-post .list_news dt {
    float: left;
    width: auto
  }
  .news .news-post .list_news dd {
    padding-left: 220px
  }
  .news .news-post .box_top.service .box_conte {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
  }
  .news .news-post .box_top.service .box_conte p {
    width: 50%;
    text-align: left
  }
  .news .news-post .box_top.service .btn_arrow2 {
    width: 50%
  }
  .news .news-post .box_top.company .box_list_btn2 li {
    width: 33%
  }
  .news .news-post .list_inquiry dt {
    font-size: 1.1em
  }
  .news .news-post .list_inquiry dd {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
  }
  .news .news-post .index .main .list_inquiry p {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 65%;
    margin-bottom: 0;
    padding-right: 30px;
    padding-right: 3rem
  }
  .news .news-post .list_inquiry .btn {
    width: 35%
  }
  .news .news-post .list_inquiry dd:first-of-type .btn {
    margin-top: -25px
  }
  .news .news-post .list_inquiry .btn br {
    display: block
  }
  .news .news-post article.box_article.one_column {
    width: 80%;
    max-width: 700px;
    margin: auto
  }
  .news .news-post .contents_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    min-width: 900px;
    max-width: 1140px;
    margin: 0 auto 40px;
    margin: 0 auto 4rem
  }
  .news .news-post .box_article {
    width: calc(100% - 8vw);
    margin: 0 8vw 0 0
  }
  .news .news-post .article .main .main_visual + p {
    margin: 0 0 40px;
    margin: 0 0 4rem
  }
  .news .news-post .table_company tr:first-child .btn_map {
    position: absolute;
    top: 0.5em;
    right: 1.5em;
    width: 30%;
    max-width: 80px;
    margin-top: 0
  }
  .news .news-post .btn_map.big {
    max-width: 170px
  }
  .news .news-post .side {
    width: 260px;
    min-width: 240px;
    margin: 0
  }
  .news .news-post .side_menu {
    display: block;
    margin: 0 0 30px;
    margin: 0 0 3rem
  }
  .news .news-post .side_menu dt,
  .news .news-post .box_inquiry dt {
    position: relative;
    z-index: 0;
    width: 100%;
    font-weight: bold;
    line-height: 3;
    text-align: center;
    /*        margin-bottom: 1rem;*/color: #fff;
    background-color: #333
  }
  .news .news-post .side_menu dd > ul > li {
    border-bottom: 1px solid #fff
  }
  .news .news-post .side_menu dd > ul > li:nth-child(6) {
    margin-bottom: 30px;
    margin-bottom: 3rem
  }
  .news .news-post .side_menu dd > ul > li > a {
    display: block;
    padding: 0 10px;
    padding: 0 1rem;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 3;
    letter-spacing: 1px;
    color: #333;
    background-color: #eff2f3
  }
  .news .news-post .side_menu dd > ul > li > a:hover,
  .news .news-post .side_menu dd > ul > li > a:active,
  .news .news-post .side_menu dd > ul > li.active > a {
    cursor: pointer;
    color: #fff;
    background-color: #44b8e2
  }
  .news .news-post .side_menu dd > ul > li > a::before {
    content: '> ';
    padding-right: 10px;
    color: #44b8e2
  }
  .news .news-post .side_menu dd > ul > li > a:hover::before,
  .news .news-post .side_menu dd > ul > li > a:active::before,
  .news .news-post .side_menu dd > ul > li.active > a::before {
    color: #fff
  }
  .news .news-post .side_menu dd > ul > li.active > a::before {
    content: '\02228'
  }
  .news .news-post .side_menu li ul {
    display: none;
    border-top: 1px solid #fff;
    background-color: #e5e5e5
  }
  .news .news-post .side_menu li ul li {
    border-bottom: 1px solid #fff
  }
  .news .news-post .side_menu li ul li a {
    display: block;
    padding: 0 20px;
    padding: 0 2rem;
    line-height: 3
  }
  .news .news-post .side_menu li ul a::before {
    content: '> ';
    color: #fff
  }
  .news .news-post .side_menu li ul a:hover,
  .news .news-post .side_menu li ul a:active {
    color: #999
  }
  .news .news-post .box_category {
    margin: 0 0 40px;
    margin: 0 0 4rem
  }
  .news .news-post .box_category ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .news .news-post .box_category ul li {
    width: 30%
  }
  .news .news-post .header_news {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .news .news-post .article_time,
  .news .news-post .utility {
    width: 50%
  }
  .news .news-post .utility {
    margin-top: 0;
    text-align: right
  }
  .news .news-post .header_news .title_headline {
    width: 100%
  }
  .news .news-post .box_mainheadline {
    width: 1000px;
    margin: 0 auto;
    padding: 30px 0;
    padding: 3rem 0
  }
  .news .news-post .main_headline {
    font-size: 2.4em;
    text-align: left
  }
  .news .news-post .main_headline span {
    display: inline-block;
    margin-left: 20px;
    margin-left: 2rem
  }
  .news .news-post .breadcrumbs {
    display: block;
    margin-bottom: 40px;
    padding: 5px 0;
    padding: 0.5rem 0;
    background: url("../images/site_parts/bg_dot.png")
  }
  .news .news-post .breadcrumbs ol {
    width: 90%;
    min-width: 900px;
    max-width: 1140px;
    margin: 0 auto
  }
  .news .news-post .breadcrumbs ol li {
    display: inline;
    font-size: 0.8em;
    line-height: 1.2;
    letter-spacing: 0.8px
  }
  .news .news-post .breadcrumbs ol li + li:before {
    content: ">";
    color: #000
  }
  .news .news-post .breadcrumbs ol li a {
    text-decoration: none;
    color: #000
  }
  .news .news-post .breadcrumbs .now_place {
    color: #3ca9d1
  }
  .news .news-post .box_anchor ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .news .news-post .box_anchor ul li {
    width: 50%
  }
  .news .news-post .float_img_left {
    float: left;
    margin: 0 20px 20px 0;
    margin: 0 2rem 2rem 0
  }
  .news .news-post .float_img_right {
    float: right;
    margin: 0 0 20px 20px;
    margin: 0 0 2rem 2rem
  }
}
.news .news-post .research_summary {
  width: 100%;
  border-top: 2px solid #c3c3c3;
  border-bottom: 2px solid #c3c3c3
}
.news .news-post .research_summary tr {
  border-bottom: 1px solid #c3c3c3
}
.news .news-post .research_summary th,
.news .news-post .research_summary td {
  padding: 10px 15px;
  padding: 1rem 1.5rem
}
.news .news-post .research_summary th {
  width: 20%;
  background-color: #f5f5f5
}
.news .news-post .research_summary td span {
  font-size: 1.2em;
  font-weight: bold;
  color: #03537a
}
.news .news-post .research_summary td + td {
  border-left: 1px solid #c3c3c3
}
@media screen and (max-width: 768px) {
  .news .news-post .research_summary th,
  .news .news-post .research_summary td {
    display: block
  }
  .news .news-post .research_summary th {
    width: 90%;
    text-align: left
  }
}
.news .news-post .rs30 th {
  width: 30%
}
.news .news-post .rs30 td {
  width: 35%
}
.news .news-post .rs30 th,
.news .news-post .rs30 td {
  padding: 5px 15px;
  padding: 0.5rem 1.5rem
}
.news .news-post .rs30 td + td {
  font-size: 12px;
  color: #7d5d5d
}
@media screen and (max-width: 768px) {
  .news .news-post .rs30 th {
    width: 90%
  }
  .news .news-post .rs30 td + td {
    border: none
  }
  .news .news-post .rs30 tr {
    border: none
  }
  .news .news-post .rs30 td {
    display: inline-table;
    width: 43%;
    margin: 0 3%
  }
}
.news .news-post .box_case {
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
  padding: 10px;
  padding: 1rem;
  border: 3px solid #eee
}
.news .news-post .case_img {
  margin-bottom: 10px;
  margin-bottom: 1rem;
  text-align: center
}
.news .news-post .case_headline {
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
  padding: 10px 0 15px;
  padding: 1rem 0 1.5rem;
  font-size: 1.2em;
  line-height: 1.4;
  color: #03537a;
  border-bottom: 2px solid #eee
}
.news .news-post .box_case .post {
  margin-bottom: 15px;
  margin-bottom: 1.5rem
}
.news .news-post .article .main .box_case p {
  margin: 0
}
.news .news-post .box_case p a {
  display: block;
  margin-top: 10px;
  margin-top: 1rem;
  text-align: right
}
.news .news-post .box_article .box_case p a {
  color: #333
}
.news .news-post .box_article .box_case p a::before {
  content: '>';
  margin-right: 5px;
  margin-right: 0.5rem;
  text-decoration: none;
  color: #03537a
}
.news .news-post .this_contact {
  padding: 25px 0;
  padding: 2.5rem 0;
  background: url("/_corptest//site_parts/bg_stripe.png")
}
.news .news-post .this_contact .btn_arrow {
  width: 90%;
  max-width: 640px;
  margin: 0 auto
}
.news .news-post .this_contact .btn_arrow a {
  font-weight: bold;
  border: 2px solid #eee;
  background-color: #fff
}
.news .news-post .this_contact .btn_arrow a:hover,
.news .news-post .this_contact .btn_arrow a:active {
  border: 2px solid #44b8e2
}
.news .news-post .table_facility {
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
  border: 2px solid #dcdcdc
}
.news .news-post .table_facility thead {
  background-color: #959595
}
.news .news-post .table_facility tr {
  border-bottom: 1px solid #e5e5e5
}
.news .news-post .table_facility th,
.news .news-post .table_facility td {
  padding: 10px;
  padding: 1rem;
  line-height: 1.4;
  vertical-align: middle;
  border-right: 1px solid #e5e5e5
}
.news .news-post .table_facility thead th {
  font-size: 0.9em;
  font-weight: normal;
  color: #fff
}
.news .news-post .table_facility tbody td {
  text-align: center
}
.news .news-post .box_recommend {
  padding: 30px 0;
  padding: 3rem 0
}
.news .news-post .box_recommend_inner {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto
}
.news .news-post .recommend_headline {
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
  font-size: 1.25em;
  text-align: center
}
.news .news-post .leadtxt {
  font-size: 0.9em;
  text-align: center
}
.news .news-post .list_recommend li {
  margin-bottom: 15px;
  margin-bottom: 1.5rem
}
.news .news-post .list_recommend li a {
  display: block;
  padding: 15px;
  padding: 1.5rem;
  border: 3px solid #eee;
  background: url("/_corptest//site_parts/mark_blank.png") no-repeat 98% 7px
}
.news .news-post .list_recommend li a:hover,
.news .news-post .list_recommend li a:active {
  color: #000;
  border: 3px solid #44b8e2
}
.news .news-post .list_recommend time {
  display: block;
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
  color: #39c
}
.news .news-post .recommend_headline2 {
  margin-bottom: 10px;
  margin-bottom: 1rem;
  font-size: 1.1em
}
.news .news-post .article .main .recommend_headline2 + p {
  margin: 0
}
@media print,
screen and (min-width: 768px) {
  .news .news-post {
    /* - - - - - - - - - - - - - - - - - - - - -
/* .page_service
//////////////////////////*//* - - - - - - - - - - - - - - - - - - - - -
/* .service_detail
//////////////////////////*//* --- .box_characteristics --- */
  }
  .news .news-post .page_service .box_list li {
    display: inline-block;
    margin-right: 15px;
    margin-right: 1.5rem
  }
  .news .news-post .service_detail .side {
    display: block
  }
  .news .news-post .box_characteristics_inner.area {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
  }
  .news .news-post .box_characteristics_inner.area .conte {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 350px
  }
  .news .news-post .box_characteristics_inner .conte::after {
    top: 50%;
    right: -10px;
    bottom: auto;
    left: 100%;
    margin-top: -10px;
    margin-left: 0;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #fff
  }
  .news .news-post .characteristics_headline {
    font-size: 1.6em
  }
  .news .news-post .characteristics_img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 370px;
    padding: 15px 20px;
    padding: 1.5rem 2rem
  }
  .news .news-post .characteristics_area {
    padding: 15px 20px;
    padding: 1.5rem 2rem
  }
}
.news .news-post .table_design2 {
  width: 100%;
  border-top: 2px solid #c3c3c3;
  border-bottom: 2px solid #c3c3c3
}
.news .news-post .table_design2 tr {
  border-bottom: 1px solid #c3c3c3
}
.news .news-post .table_design2 th,
.news .news-post .table_design2 td {
  padding: 10px 15px;
  padding: 1rem 1.5rem
}
.news .news-post .table_design2 th {
  width: 20%;
  background-color: #f5f5f5
}
.news .news-post .table_design2 td span {
  font-size: 1.2em;
  font-weight: bold;
  color: #03537a
}
.news .news-post .table_design2 td + td {
  border-left: 1px solid #c3c3c3
}
.news .news-post .table_about_site {
  table-layout: fixed
}
.news .news-post .table_about_site tr th,
.news .news-post .table_about_site tr td {
  padding: 1% 2%;
  font-size: 0.8em;
  overflow-wrap: break-word
}
.news .news-post .table_about_site tr th:first-child,
.news .news-post .table_about_site tr td:first-child {
  width: 13%;
  text-align: center
}
.news .news-post .table_about_site .center {
  text-align: center
}
.news .news-post .mapList {
  display: -moz-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden
}
.news .news-post .mapList > ul {
  width: 48%
}
.news .news-post .mapList > ul > li > a {
  display: inline-block;
  width: 100%;
  padding: 20px 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-bottom: #999 1px dotted
}
.news .news-post .mapList > ul li a:link {
  text-decoration: none
}
.news .news-post .mapList li a:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 6px;
  margin-right: 0.6rem;
  margin-left: 10px;
  margin-left: 1rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  vertical-align: middle;
  border: solid 3px #2d9fdb;
  border-radius: 50%
}
.news .news-post .mapList > ul > li a:hover {
  font-weight: bold;
  color: #fff;
  background: #3ca9d1
}
.news .news-post .mapList > ul > li > a:hover:before {
  border-color: #fff
}
.news .news-post .mapList > ul li ul li {
  padding-left: 0;
  text-indent: 0;
  border-bottom: #999 1px dotted
}
.news .news-post .mapList > ul > li > ul > li > a {
  display: inline-block;
  width: calc(100% - 50px);
  padding: 20px 0;
  padding-left: 50px;
  padding-left: 5rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-indent: -30px;
  text-indent: -3rem
}
.news .news-post .mapList > ul > li > ul > li > a:before {
  width: 0;
  height: 0;
  margin-right: 8px;
  margin-right: 0.8rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border: 5px solid transparent;
  border-top: 5px solid #2d9fdb;
  border-right: 5px solid #2d9fdb;
  border-radius: 0
}
.news .news-post .mapList > ul > li > ul > li > a:hover:before {
  border-top-color: #fff;
  border-right-color: #fff
}
.news .news-post .box span {
  font-size: 0.93em
}
.news .news-post .page_contact .box .btn.btn_blue span {
  font-size: 1.2em
}
.news .news-post .box .circle::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-left: 10px;
  margin-left: 1rem;
  border: solid 3px #2d9fdb;
  border-radius: 50%
}
.news .news-post .box .circle {
  display: block;
  padding: 10px 0;
  font-weight: bold;
  text-align: left
}
.news .news-post .side .btn a:hover {
  color: white;
  background-color: #44b8e2
}
.news .news-post .side .btn:nth-child(3) a:hover {
  border-top: none
}
.news .news-post .side .btn a::before {
  content: '>';
  display: inline-block;
  margin: auto 10px auto 10px;
  font-size: 1vw;
  font-size: 14px;
  color: #44b8e2
}
.news .news-post .side .btn a:hover::before {
  color: #fff
}
@media screen and (max-width: 767px) {
  .news .news-post {
    /*
    .box_side dt {
        padding-top: 5%;
    }
*/
  }
  .news .news-post .side .btn a::before {
    padding-right: 10%
  }
  .news .news-post .side .btn a {
    padding-left: 5%
  }
  .news .news-post .page_contact .box .btn.btn_blue span {
    font-size: 4vw
  }
  .news .news-post .mapList {
    display: block;
    width: 100%
  }
  .news .news-post .mapList ul {
    width: 100%
  }
}
.news .news-post .accordion {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0 10px
}
.news .news-post .accordion .question {
  padding: 8px 0 8px 40px;
  padding-top: 20px;
  padding-bottom: 15px;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
  border-bottom: #999 1px dotted
}
.news .news-post .accordion .question::before {
  content: "Q";
  position: relative;
  top: -10px;
  left: -40px;
  display: block;
  float: left;
  width: 40px;
  height: 50px;
  padding-left: 12px;
  font-size: 30px;
  color: #fff;
  background-color: #44b8e2
}
.news .news-post .accordion .answer {
  display: none;
  padding: 10px 0 40px 30px
}
.news .news-post .accordion .answer::before {
  content: "A.";
  margin-right: 2%;
  font-size: 30px;
  font-weight: bold;
  color: #44b8e2
}
@media screen and (max-width: 767px) {
  .news .news-post .accordion .question {
    margin: 0 0 0.6em;
    padding-top: 15px;
    padding-bottom: 30px;
    font-size: 13px
  }
}
@media screen and (max-width: 720px) {
  .news .news-post .footer-menu li {
    width: 50%
  }
  .news .news-post .footer-menu li a {
    padding: 0;
    font-size: 10px
  }
  .news .news-post footer .copyright {
    clear: both;
    padding: 3vh 3vw
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .news .news-post .main_headline {
    width: 96vw
  }
}
@media screen and (max-width: 767px) {
  .news .news-post .main_headline {
    margin: 0 5%
  }
}
@media print {
  .news .news-post section#menu,
  .news .news-post section.breadcrumbs,
  .news .news-post .utility,
  .news .news-post footer.footer_news,
  .news .news-post section.this_contact,
  .news .news-post aside.side,
  .news .news-post .footer-menu,
  .news .news-post div#pagetop {
    display: none
  }
  .news .news-post section.box_mainheadline {
    width: auto;
    font-size: 10px;
    font-size: 1rem
  }
  .news .news-post .main {
    padding-top: 0
  }
  .news .news-post .main {
    width: 90%;
    margin: 0 auto
  }
  .news .news-post .box_mainheadline {
    width: 100%
  }
  .news .news-post .main_headline {
    display: contents;
    font-size: 3em
  }
  .news .news-post .contents_area {
    width: 100%
  }
  .news .news-post .box_article {
    width: 100%;
    max-width: 100%;
    margin: 0 auto
  }
}
@media screen and (min-width: 751px) {
  .news .news-post .pc_only {
    display: block
  }
  .news .news-post .sp_only {
    display: none !important
  }
}
@media screen and (max-width: 750px) {
  .news .news-post .pc_only {
    display: none !important
  }
  .news .news-post .sp_only {
    display: block
  }
}
.news .news-post body,
.news .news-post p,
.news .news-post dl,
.news .news-post dt,
.news .news-post dd,
.news .news-post h1,
.news .news-post h2,
.news .news-post h3,
.news .news-post h4,
.news .news-post h5,
.news .news-post h6,
.news .news-post ul,
.news .news-post ol,
.news .news-post li,
.news .news-post form {
  margin: 0;
  padding: 0
}
.news .news-post li {
  list-style: none
}
.news .news-post table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse
}
.news .news-post html {
  font-size: 62.5%
}
.news .news-post body {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serifsans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.8;
  color: #333;
  background: #fff
}
.news .news-post img {
  max-width: 100%;
  vertical-align: bottom;
  border: none
}
.news .news-post a {
  text-decoration: none;
  outline: none
}
.news .news-post a:link,
.news .news-post a:visited {
  color: #333
}
.news .news-post a:hover,
.news .news-post a:active {
  color: #3ca9d1
}
.news .news-post a img:hover {
  opacity: 0.8
}
.news .news-post .clearfix::after {
  content: '';
  display: block;
  clear: both
}
.news .news-post .wrapper {
  overflow: hidden
}
.news .news-post .header {
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  left: 0;
  /*border-bottom: 3px solid #44b8e2;*/-webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  background-color: #fff
}
.news .news-post .header_logo {
  padding-left: 10px;
  padding-left: 1rem;
  line-height: 47px
}
.news .news-post .header_logo a {
  display: block
}
.news .news-post .header_logo img {
  width: 50%;
  vertical-align: middle
}
.news .news-post .sp_menu {
  position: fixed;
  z-index: 300;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px
}
.news .news-post .menu_trigger,
.news .news-post .menu_trigger span {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .4s;
  transition: all .4s
}
.news .news-post .menu_trigger {
  position: relative;
  padding: 4px 0 4px 10px;
  padding: 0.4rem 0 0.4rem 1rem
}
.news .news-post .menu_trigger::before {
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  width: 1px;
  height: 40px;
  height: 4rem;
  background-color: #e0e0e0
}
.news .news-post .menu_trigger.active {
  background-color: #44b8e2
}
.news .news-post .menu_trigger span {
  width: 30px;
  width: 3rem;
  height: 3px;
  margin: 8px 0;
  margin: 0.8rem 0;
  border-radius: 1.5px;
  background-color: #000
}
.news .news-post .menu_trigger.active span {
  background-color: #fff
}
.news .news-post .menu_trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(1.1rem) rotate(-45deg);
  transform: translateY(1.1rem) rotate(-45deg)
}
.news .news-post .menu_trigger.active span:nth-of-type(2) {
  opacity: 0
}
.news .news-post .menu_trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-1.1rem) rotate(45deg);
  transform: translateY(-1.1rem) rotate(45deg)
}
.news .news-post .header_menu {
  position: fixed;
  z-index: 100;
  top: 50px;
  display: none;
  overflow-y: scroll;
  width: 100%;
  background-color: #000;
  -webkit-overflow-scrolling: touch
}
.news .news-post .menu_nav {
  padding: 10px 10px 25px;
  padding: 1rem 1rem 2.5rem
}
.news .news-post .menu_nav li a {
  display: block
}
.news .news-post .menu_nav > li:not(:nth-of-type(n+7)) {
  border-bottom: 1px solid #454545
}
.news .news-post .menu_nav > li:nth-child(7) {
  margin-bottom: 20px;
  margin-bottom: 2rem
}
.news .news-post .menu_nav > li > a {
  padding: 0 3px;
  padding: 0 0.3rem;
  font-size: 1.3em;
  line-height: 2.2;
  color: #fff
}
.news .news-post .menu_nav > li > a:hover,
.news .news-post .menu_nav > li > a:active {
  color: #44b8e2
}
.news .news-post .menu_nav > li:not(:first-child) > a::before {
  content: '> ';
  color: #44b8e2
}
.news .news-post .sub_menu li a::before {
  content: '';
  position: absolute;
  width: 0.5vw;
  height: 0.5vw;
  -webkit-transform: translateX(-218%) translateY(12%) rotate(135deg);
  transform: translateX(-218%) translateY(12%) rotate(135deg);
  border-top: 0.2vw solid #fff;
  border-left: 0.2vw solid #fff
}
.news .news-post .menu_logo {
  padding: 20px 0;
  padding: 2rem 0;
  text-align: center;
  background-color: #fff
}
.news .news-post .menu_logo img {
  width: 50%
}
.news .news-post .header_menu small {
  display: block;
  font-size: 0.9em;
  line-height: 2;
  text-align: center;
  color: #fff;
  background-color: #44b8e2
}
.news .news-post .main {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding-top: 70px
}
.news .news-post .pagetop {
  position: fixed;
  z-index: 201;
  right: 0;
  bottom: 90px;
  bottom: 9rem;
  width: 20%;
  max-width: 100px
}
.news .news-post .pagetop p {
  position: relative
}
.news .news-post .pagetop a {
  display: block;
  padding: 10px 0;
  padding: 1rem 0;
  font-size: 0.9em;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: #44b9e3
}
.news .news-post .pagetop a span {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  margin: -4px auto;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff
}
.news .news-post .pagetop a span:first-child {
  margin-top: 5px;
  margin-top: 0.5rem
}
.news .news-post footer {
  position: relative;
  z-index: 200;
  overflow: hidden;
  width: 100%;
  margin-top: -1px;
  padding: 0.5vw 0;
  text-align: center;
  background: #232d30
}
.news .news-post .footer-menu {
  padding: 2vh 2vw
}
.news .news-post .footer-menu ul {
  display: block;
  width: 90%;
  margin: auto
}
.news .news-post .footer-menu li {
  display: inline-block;
  border-right: 1px solid #fff
}
.news .news-post .footer-menu li a {
  display: block;
  padding: 0 1vw;
  font-size: 0.8em;
  letter-spacing: 0.15vw;
  color: #fff
}
.news .news-post .footer-menu li:last-child {
  border: none
}
.news .news-post footer .copyright {
  padding: 2vh 2vw;
  color: #fff;
  background: #232d30
}
.news .news-post footer .copyright p {
  font-size: 0.7em
}
.news .news-post .index .main p {
  margin: 0 0 1.5em
}
.news .news-post .box_top {
  position: relative;
  border-bottom: 1px solid #bfbfbf
}
.news .news-post .box_top_inner {
  padding: 40px 5%;
  padding: 4rem 5%
}
.news .news-post .top_headline {
  margin: 0 0 15px;
  margin: 0 0 1.5rem;
  font-size: 1.35em;
  line-height: 1.3;
  text-align: center;
  letter-spacing: 0.1em;
  color: #000
}
.news .news-post .top_headline span {
  display: block;
  font-size: 0.6em;
  font-weight: normal;
  color: #999
}
.news .news-post .top_headline span::first-letter {
  color: #3ca9d1
}
.news .news-post .box_top.slider {
  border-bottom: none
}
.news .news-post .slider .box_top_inner {
  padding: 0
}
.news .news-post .slick-dotted.slick-slider {
  margin-bottom: 0
}
.news .news-post .slick-dots {
  padding: 15px 0 0;
  padding: 1.5rem 0 0;
  text-align: center
}
.news .news-post .slick-dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 10px;
  cursor: pointer
}
.news .news-post .slick-dots li button {
  display: block;
  overflow: hidden;
  width: 10px;
  height: 10px;
  cursor: pointer;
  white-space: nowrap;
  text-indent: 150%;
  border: 0;
  border-radius: 50%;
  outline: none;
  background: #d7d6dc
}
.news .news-post .slick-dots li.slick-active button {
  background: #7d7d7d
}
.news .news-post .bnr_conte {
  padding: 10px 0;
  padding: 1rem 0;
  background-color: #eee
}
.news .news-post .bnr_conte ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  width: 95%;
  max-width: 1000px;
  margin: 0 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between
}
.news .news-post .bnr_conte li {
  width: 49%;
  margin: 5px 0;
  margin: 0.5rem 0
}
.news .news-post .list_news {
  font-size: 1.1em
}
.news .news-post .list_news time {
  color: #44b8e2
}
.news .news-post .list_news span {
  display: inline-block;
  width: 8em;
  margin-left: 20px;
  margin-left: 2rem;
  font-size: 0.75em;
  text-align: center;
  color: #fff
}
.news .news-post .cat01 {
  /* プレスリリース */background-color: #93c202
}
.news .news-post .cat02 {
  /* お知らせ */background-color: #44b8e2
}
.news .news-post .cat03 {
  /* セミナー */background-color: #f4966d
}
.news .news-post .cat04 {
  /* メディア掲載 */background-color: #f46db3
}
.news .news-post .cat05 {
  /* VRdigest */background-color: #ffa500
}
.news .news-post .list_news dd {
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
  padding-bottom: 10px;
  padding-bottom: 1rem;
  border-bottom: 1px dotted #e5e5e5
}
.news .news-post .list_news dd:last-child {
  border-bottom: none
}
.news .news-post .box_top.service .box_conte p {
  margin-bottom: 10px;
  margin-bottom: 1rem;
  text-align: center
}
.news .news-post .box_top.company .box_list_btn2 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.news .news-post .box_top.company .box_list_btn2 li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%
}
.news .news-post .box_top.company .box_list_btn2 li:nth-last-child(2) {
  margin-bottom: 0
}
.news .news-post .box_top.inquiries {
  border-bottom: 0
}
.news .news-post .list_inquiry dt {
  font-size: 1.2em;
  font-weight: bold
}
.news .news-post .list_inquiry dd {
  margin-bottom: 20px;
  margin-bottom: 2rem;
  padding-bottom: 20px;
  padding-bottom: 2rem;
  border-bottom: 1px dotted #ccc
}
.news .news-post .index .main .list_inquiry p {
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
  line-height: 1.4
}
.news .news-post .list_inquiry .btn br {
  display: none
}
.news .news-post .article .main p {
  margin: 0 0 1.5em;
  text-align: justify
}
.news .news-post .contents_area {
  margin-bottom: 40px;
  margin-bottom: 4rem
}
.news .news-post .box_article {
  margin: 0 5%
}
.news .news-post .box_article a:link,
.news .news-post .box_article a:visited {
  text-decoration: underline;
  color: #3ca9d1
}
.news .news-post .box_article a:hover,
.news .news-post .box_article a:active {
  color: #333
}
.news .news-post .service_btn_wp01 a:link,
.news .news-post .service_btn_wp01 a:visited {
  text-decoration: none;
  color: #fff
}
.news .news-post .service_btn_wp01 div {
  background-color: #44b9e3
}
.news .news-post .service_btn_wp01 a:hover,
.news .news-post .service_btn_wp01 a:active {
  color: #44b9e3
}
.news .news-post .service_btn_wp01 div:hover,
.news .news-post .service_btn_wp01 div:active {
  background-color: #fff
}
.news .news-post .service_btn_cu01 a:link,
.news .news-post .service_btn_cu01 a:visited {
  text-decoration: none;
  color: #fff
}
.news .news-post .service_btn_cu01 div {
  background-color: #ff8519
}
.news .news-post .service_btn_cu01 a:hover,
.news .news-post .service_btn_cu01 a:active {
  color: #ff8519
}
.news .news-post .service_btn_cu01 div:hover,
.news .news-post .service_btn_cu01 div:active {
  background-color: #fff
}
.news .news-post .service_btn_cu02 a:link,
.news .news-post .service_btn_cu02 a:visited {
  text-decoration: none;
  color: #fff
}
.news .news-post .service_btn_cu02 a:hover,
.news .news-post .service_btn_cu02 a:active {
  color: #000
}
.news .news-post span.example2 {
  font-weight: bold;
  color: red
}
.news .news-post span.rank-1 {
  font-size: 1.5em;
  font-weight: bold
}
.news .news-post span.rank-2 {
  font-size: 1.5em
}
.news .news-post span.rank-3 {
  font-size: 1.5em;
  font-weight: bold;
  text-decoration: underline
}
.news .news-post span.rank-4 {
  font-size: 1.5em;
  text-decoration: underline
}
.news .news-post .main_visual {
  margin-bottom: 5px;
  margin-bottom: 0.5rem
}
.news .news-post .main_visual img {
  width: 100%
}
.news .news-post .article .main .main_visual + p {
  margin: 0 5% 40px;
  margin: 0 5% 4rem;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.8
}
.news .news-post .article .main .main_visual + p span {
  font-weight: normal
}
.news .news-post .box_inner {
  margin-bottom: 40px;
  margin-bottom: 4rem
}
.news .news-post .box {
  margin-bottom: 10px;
  margin-bottom: 1rem
}
.news .news-post .box_border {
  margin-bottom: 2.5em;
  padding: 15px;
  padding: 1.5rem;
  border: 4px solid #eee
}
.news .news-post .box_border p:last-child {
  margin: 0
}
.news .news-post .box_gray {
  margin-bottom: 2.5em;
  padding: 15px;
  padding: 1.5rem;
  background-color: #eff2f3
}
.news .news-post .box_border .box_list_ol,
.news .news-post .box_gray .box_list_ol {
  margin: 0 1.75em
}
.news .news-post .box_statement {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 25px 0;
  padding: 2.5rem 0;
  border: 2px solid #fff;
  background-color: #eff2f3;
  -webkit-box-shadow: 0 0 0 5px #eff2f3;
  box-shadow: 0 0 0 5px #eff2f3
}
.news .news-post .box_statement p {
  font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  font-size: 1.15em;
  line-height: 2;
  text-align: center
}
.news .news-post .article .main .box_statement p {
  margin: 0
}
.news .news-post .measurement_inq {
  text-align: center
}
.news .news-post .measurement_inq dt {
  margin-bottom: 10px;
  margin-bottom: 1rem;
  padding-bottom: 10px;
  padding-bottom: 1rem;
  font-size: 1.1em;
  font-weight: bold;
  border-bottom: 2px solid #eee
}
.news .news-post .article .main .measurement_inq p {
  margin-bottom: 5px;
  margin-bottom: 0.5rem
}
.news .news-post .measurement_inq .btn_arrow2 {
  margin: 0 20px;
  margin: 0 2rem
}
.news .news-post .box_article .measurement_inq .btn_arrow2 a:link,
.news .news-post .box_article .measurement_inq .btn_arrow2 a:visited {
  font-weight: bold;
  text-decoration: none;
  color: #44b8e2
}
.news .news-post .box_article .measurement_inq .btn_arrow2 a:hover,
.news .news-post .box_article .measurement_inq .btn_arrow2 a:active {
  font-weight: bold;
  text-decoration: none;
  color: #fff
}
.news .news-post .box_list2.policy {
  margin-bottom: 1.5em
}
.news .news-post .table_history tr {
  border-bottom: 1px dashed #dedede
}
.news .news-post .table_history th,
.news .news-post .table_history td {
  padding: 10px 0;
  padding: 1rem 0;
  vertical-align: top
}
.news .news-post .table_history th {
  width: 20%;
  padding-right: 1.5em;
  text-align: right
}
.news .news-post .table_company {
  border: 2px solid #dcdcdc
}
.news .news-post .table_company tr {
  border-bottom: 1px solid #e5e5e5
}
.news .news-post .table_company th {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
  max-width: 150px;
  text-align: left;
  border-right: 1px solid #e5e5e5;
  background-color: #eff2f3
}
.news .news-post .table_company th,
.news .news-post .table_company td {
  position: relative;
  padding: 1em
}
.news .news-post .table_company td dt {
  margin-bottom: 5px;
  font-weight: bold
}
.news .news-post .table_company td dt::before {
  content: '●';
  color: #44b8e2
}
.news .news-post .table_company td dd {
  margin-bottom: 15px;
  margin-bottom: 1.5rem
}
.news .news-post .table_company td dd li {
  position: relative;
  margin-bottom: 5px;
  padding-bottom: 10px;
  line-height: 2.4;
  border-bottom: 1px dotted #e5e5e5
}
.news .news-post .box_article .table_company a {
  color: #44b8e2
}
.news .news-post .btn_map {
  position: absolute;
  top: 0.2em;
  right: 0.5em;
  width: 30%;
  max-width: 80px
}
.news .news-post .table_company tr:first-child .btn_map {
  position: static;
  width: 100%;
  max-width: 100%;
  margin-top: 5px;
  margin-top: 0.5rem;
  line-height: 2.4
}
.news .news-post .box_article .btn_map a {
  display: block;
  padding: 0 0.75em;
  text-align: center;
  text-decoration: none;
  color: #333;
  background-color: #eee
}
.news .news-post .box_article .btn_map a:hover {
  background-color: #aaa
}
.news .news-post .btn_map a::before {
  content: '> ';
  color: #44b8e2
}
.news .news-post .table_company .box_list a {
  padding-right: 20px;
  background: url("../images/site_parts/mark_blank2.png") no-repeat right top
}
.news .news-post .box_group_policy,
.news .news-post .box_privacy {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 40px;
  margin-bottom: 4rem;
  padding: 20px;
  padding: 2rem;
  border: 1px solid #dcdcdc;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 5px #eee;
  box-shadow: 0 0 0 5px #eee
}
.news .news-post .box_group_policy dt,
.news .news-post .box_privacy dt {
  margin-bottom: 20px;
  margin-bottom: 2rem;
  font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 2.4;
  text-align: center;
  border-bottom: 2px solid #eee
}
.news .news-post .box_group_policy strong,
.news .news-post .box_privacy strong {
  font-size: 1.15em;
  color: #2d98bf
}
.news .news-post .box_inner .box_anchor {
  margin-bottom: 35px;
  margin-bottom: 3.5rem
}
.news .news-post .table_company.group tr:nth-child(2) td dt::before {
  display: none
}
.news .news-post .box iframe {
  width: 100%;
  height: 350px;
  border: 0
}
.news .news-post .btn_map.big,
.news .news-post .btn_map.back {
  position: static;
  width: 100%;
  max-width: 100%;
  margin-top: 10px;
  margin-top: 1rem;
  line-height: 3
}
.news .news-post .box_category {
  margin: 0 5% 40px;
  margin: 0 5% 4rem
}
.news .news-post .box_category ul li:not(:last-child) {
  margin-bottom: 10px;
  margin-bottom: 1rem
}
.news .news-post .box_article .box_category a:link,
.news .news-post .box_article .box_category a:visited {
  text-decoration: none;
  color: #333
}
.news .news-post .box_article .box_category a:hover,
.news .news-post .box_article .box_category a:active {
  text-decoration: underline;
  color: #3ca9d1
}
.news .news-post .box_category span,
.news .news-post .article_time span {
  display: inline-block;
  width: 90px;
  width: 9rem;
  margin: 0 7.5px;
  margin: 0 0.75rem;
  font-size: 0.75em;
  text-align: center;
  color: #fff
}
.news .news-post .box_article .list_news a:link,
.news .news-post .box_article .list_news a:visited {
  text-decoration: none;
  color: #333
}
.news .news-post .box_article .list_news a:hover,
.news .news-post .box_article .list_news a:active,
.news .news-post .box_article .list_news a:hover .news_sub {
  text-decoration: underline;
  color: #3ca9d1
}
.news .news-post .header_news .title_headline {
  margin-top: 5px;
  margin-top: 0.5rem;
  padding-top: 10px;
  padding-top: 1rem;
  border-top: 1px dotted #e5e5e5
}
.news .news-post .box_article .list_news dd a .news_sub {
  display: block;
  width: 100%;
  margin: 0;
  font-size: 1em;
  line-height: 1;
  text-align: left;
  color: #333
}
.news .news-post .utility {
  margin-top: 5px;
  margin-top: 0.5rem;
  text-align: right
}
.news .news-post .utility li {
  display: inline-block
}
.news .news-post .utility li:first-child {
  background: url("../images/site_parts/icon_print.png") no-repeat 5px center;
  background: url("../images/site_parts/icon_print.png") no-repeat 0.5rem center
}
.news .news-post .utility li:nth-child(2) {
  background: url("../images/site_parts/icon_pdf.png") no-repeat 5px center;
  background: url("../images/site_parts/icon_pdf.png") no-repeat 0.5rem center
}
.news .news-post .box_article .utility li a {
  display: inline-block;
  padding: 3px 3px 3px 25px;
  padding: 0.3rem 0.3rem 0.3rem 2.5rem;
  font-size: 0.75em;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  border: 2px solid #d2d2d2
}
.news .news-post .box_article .utility li a:hover,
.news .news-post .box_article .utility li a:active {
  color: #000;
  border: 2px solid #000
}
.news .news-post .box_article .btn_arrow a:link,
.news .news-post .box_article .btn_arrow a:visited {
  text-decoration: none;
  color: #333
}
.news .news-post .page_contact .title_headline {
  margin-bottom: 25px;
  margin-bottom: 2.5rem;
  padding-left: 0;
  font-size: 1.55em;
  line-height: 1.8;
  letter-spacing: 0;
  color: #333;
  border-bottom: 4px solid #44b8e2;
  border-left: none
}
.news .news-post .page_contact .btn a {
  text-decoration: none
}
.news .news-post .page_contact .btn.btn_blue a:link,
.news .news-post .page_contact .btn.btn_blue a:visited {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #fff
}
.news .news-post .page_contact .btn.btn_blue a:hover,
.news .news-post .page_contact .btn.btn_blue a:active {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #44b8e2
}
.news .news-post .page_contact .btn.btn_blue a span {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px
}
.news .news-post .side {
  width: 90%;
  margin: 0 auto
}
.news .news-post .side_menu {
  /* display: none; */
}
.news .news-post .box_side {
  margin-bottom: 20px;
  margin-bottom: 2rem;
  text-align: center;
  -webkit-box-shadow: 0px 0px 17px -4px #aea3a3;
  box-shadow: 0px 0px 17px -4px #aea3a3
}
.news .news-post .box_side li {
  text-align: left
}
.news .news-post .box_side dt {
  /*    margin-bottom: 1rem;*/font-size: 1.1em;
  font-weight: bold
}
.news .news-post .box_relation {
  border: 4px solid #eee
}
.news .news-post .box_inquiry .box {
  background-color: #fff
}
.news .news-post .box_inquiry .btn a {
  font-size: 0.9em
}
.news .news-post .box_mainheadline {
  padding: 15px 0;
  padding: 1.5rem 0
}
.news .news-post .main_headline {
  font-size: 1.85em;
  line-height: 1.4;
  text-align: center;
  letter-spacing: 0.1em
}
.news .news-post .main_headline span {
  display: block;
  font-size: 0.5em;
  font-weight: normal;
  color: #999
}
.news .news-post .main_headline span::first-letter {
  color: #3ca9d1
}
.news .news-post .breadcrumbs {
  display: none
}
.news .news-post .box_anchor {
  padding: 15px;
  padding: 1.5rem;
  border: 4px solid #eee
}
.news .news-post .box_anchor ul li:not(:last-child) {
  margin-bottom: 10px;
  margin-bottom: 1rem
}
.news .news-post .box_anchor ul li::before {
  content: '\002228';
  margin-right: 3px;
  margin-right: 0.3rem;
  color: #3ca9d1
}
.news .news-post .box_article .box_anchor a:link,
.news .news-post .box_article .box_anchor a:visited {
  text-decoration: none;
  color: #333
}
.news .news-post .box_article .box_anchor a:hover,
.news .news-post .box_article .box_anchor a:active {
  text-decoration: underline;
  color: #3ca9d1
}
.news .news-post .title_headline {
  margin-bottom: 25px;
  margin-bottom: 2.5rem;
  font-size: 1.55em;
  line-height: 1.8;
  letter-spacing: 0.1em;
  color: #333;
  border-bottom: 4px solid #44b8e2
}
.news .news-post .title_headline span {
  display: block;
  margin-bottom: 5px;
  line-height: 1.3
}
.news .news-post .title_headline2 {
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
  padding-left: 10px;
  padding-left: 1rem;
  font-size: 1.3em;
  color: #333;
  border-left: 6px solid #44b8e2
}
.news .news-post h3.lv3 {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: dashed 1px #44b8e2
}
.news .news-post .box_list li {
  margin-bottom: 12px;
  margin-bottom: 1.2rem;
  padding-left: 1.2em;
  text-indent: -1.2em
}
.news .news-post .box_list li:last-child {
  margin-bottom: 0
}
.news .news-post .box_list li::before {
  content: '●';
  margin-right: 5px;
  margin-right: 0.5rem;
  color: #3ca9d1
}
.news .news-post .box_list2 li {
  margin-bottom: 12px;
  margin-bottom: 1.2rem;
  padding-left: 1.2em;
  text-indent: -1.2em
}
.news .news-post .box_list2 li:last-child {
  margin-bottom: 0
}
.news .news-post .box_list2 li::before {
  content: '>';
  margin-right: 5px;
  margin-right: 0.5rem;
  color: #3ca9d1
}
.news .news-post .box_article .box_list li a,
.news .news-post .box_article .box_list2 li a {
  color: #333
}
.news .news-post .box_list_ol {
  margin-left: 1.5em
}
.news .news-post .box_list_ol > li {
  margin-bottom: 12px;
  margin-bottom: 1.2rem;
  font-weight: bold;
  list-style: decimal
}
.news .news-post .box_list_ol.weight > li {
  font-weight: normal
}
.news .news-post .box_list_ol li:last-child {
  margin-bottom: 0
}
.news .news-post .box_list_ol_alpha {
  margin-left: 1.5em
}
.news .news-post .box_list_ol_alpha > li {
  list-style: lower-latin
}
.news .news-post .box_list_ol .box_list li {
  font-weight: normal
}
.news .news-post .box_list li span,
.news .news-post .box_list_ol li span {
  font-weight: normal
}
.news .news-post .box_list_btn li,
.news .news-post .box_list_btn2 li {
  margin-bottom: 10px;
  margin-bottom: 1rem
}
.news .news-post .box_list_btn li:last-child,
.news .news-post .box_list_btn2 li:last-child {
  margin-bottom: 0
}
.news .news-post .box_list_btn a {
  display: block;
  padding: 6.5px 10px;
  padding: 0.65rem 1rem;
  line-height: 1.8;
  color: #333;
  border: 3px solid #eee;
  background-color: #fff
}
.news .news-post .box_list_btn a:hover,
.news .news-post .box_list_btn a:active {
  border: 3px solid #44b8e2;
  background-color: #fefefe
}
.news .news-post .box_list_btn li a::before {
  content: '> ';
  color: #44b8e2
}
.news .news-post .box_list_btn2 a {
  display: block;
  line-height: 1.8;
  /*padding: 0.65rem 1rem;*/color: #333
}
.news .news-post .box_list_btn2 a:hover,
.news .news-post .box_list_btn2 a:active {
  color: #44b8e2
}
.news .news-post .box_list_btn2 li a::before {
  content: '> ';
  color: #44b8e2
}
.news .news-post .float_img_left,
.news .news-post .float_img_right {
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
  text-align: center
}
.news .news-post .box_img {
  margin-bottom: 1.5em;
  text-align: center
}
.news .news-post .box_img img {
  width: 100%
}
.news .news-post .box_img img.not100 {
  width: auto
}
.news .news-post .attention {
  color: #c00
}
.news .news-post .indent {
  display: block;
  padding-left: 1em;
  text-indent: -1em
}
.news .news-post .indent2 {
  display: block;
  padding-left: 2em;
  text-indent: -2em
}
.news .news-post .indent3 {
  display: block;
  padding-left: 3em;
  text-indent: -3em
}
.news .news-post .txt_left {
  text-align: left
}
.news .news-post .txt_center {
  text-align: center
}
.news .news-post .article .main p.txt_right {
  text-align: right
}
.news .news-post .mincho {
  font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif
}
.news .news-post .blank::after {
  content: url("../images/site_parts/icon_blank.png");
  margin-left: 5px;
  margin-left: 0.5rem
}
.news .news-post .basic th {
  text-align: left
}
.news .news-post .basic th,
.news .news-post .basic td {
  padding: 10px
}
.news .news-post .basic tbody td p:last-of-type {
  margin: 0
}
.news .news-post .btn {
  line-height: 1.4;
  text-align: center
}
.news .news-post .box_inner .btn a {
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding: 12px 0;
  padding: 1.2rem 0;
  font-weight: bold;
  color: #000;
  border-width: 2px;
  border-style: solid;
  border-radius: 40px
}
.news .news-post .box_inner .btn a::after {
  content: '>';
  position: absolute;
  top: 50%;
  right: 5%;
  font-size: 1vw;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.news .news-post .side .btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 0;
  padding: 1.2rem 0;
  font-size: 13px;
  font-size: 1.3rem;
  color: #333;
  border-bottom: dotted 1px #aea3a3
}
.news .news-post .side .btn.kakko a::before {
  margin-right: -3px
}
@media all and (-ms-high-contrast: none) {
  .news .news-post {
    /* IE YuGothic */
  }
  .news .news-post .btn a {
    padding: 15px 0 12px;
    padding: 1.5rem 0 1.2rem
  }
}
.news .news-post .btn_black a {
  border-color: #000;
  background-color: #000
}
.news .news-post .btn_black a:hover,
.news .news-post .btn_black a:active {
  color: #000;
  background-color: #fff
}
.news .news-post .btn_blue a {
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
  border-color: #44b8e2;
  background-color: #44b8e2
}
.news .news-post .btn_blue a:hover,
.news .news-post .btn_blue a:active {
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease;
  background-color: #fff
}
.news .news-post .btn_gray a {
  border-color: #b5b5b5;
  background-color: #b5b5b5
}
.news .news-post .btn_gray a:hover,
.news .news-post .btn_gray a:active {
  color: #b5b5b5;
  background-color: #fff
}
.news .news-post .btn_white a {
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
  border-color: #000;
  background-color: #fff
}
.news .news-post .btn_white a:hover,
.news .news-post .btn_white a:active {
  -webkit-transition: background 0.5s ease;
  transition: background 0.5s ease;
  background-color: #ff0
}
.news .news-post .btn_arrow a {
  display: block;
  line-height: 3.3;
  text-align: center;
  color: #333;
  background-color: #eee
}
.news .news-post .btn_arrow a:hover,
.news .news-post .btn_arrow a:active {
  opacity: 0.8
}
.news .news-post .btn_arrow span::before {
  content: '> ';
  color: #44b8e2
}
.news .news-post .btn_arrow2 a {
  display: block;
  line-height: 3;
  text-align: center;
  color: #333;
  border: 4px solid #44b8e2;
  background-color: #fff
}
.news .news-post .btn_arrow2 a:hover,
.news .news-post .btn_arrow2 a:active {
  color: #fff;
  background-color: #44b8e2
}
.news .news-post .btn_arrow2 a:hover span::before,
.news .news-post .btn_arrow2 a:active span::before {
  content: '> ';
  color: #fff
}
.news .news-post input,
.news .news-post textarea,
.news .news-post select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.15em;
  font-family: Verdana,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #333;
  border: 1px solid #dcdcdc;
  outline: none;
  background: #fff
}
.news .news-post button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.15em;
  font-family: Verdana,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #333;
  border: none;
  outline: none;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.news .news-post ::-webkit-input-placeholder {
  color: #999
}
.news .news-post :-moz-placeholder {
  color: #999
}
.news .news-post :-ms-input-placeholder {
  color: #999
}
.news .news-post input[type="checkbox"] {
  display: none
}
.news .news-post .checkbox {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 22px;
  cursor: pointer
}
.news .news-post .checkbox:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: 8px;
  border: 1px solid #aaa;
  background: #fff
}
.news .news-post input[type="checkbox"]:checked + .checkbox:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 3px;
  width: 13px;
  height: 5px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-bottom: 2px solid #3498db;
  border-left: 2px solid #3498db
}
.news .news-post input[type="radio"] {
  display: none
}
.news .news-post .radiobtn {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 25px;
  cursor: pointer
}
.news .news-post .radiobtn:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  border: 1px solid #ccc;
  border-radius: 100%;
  background: #fff
}
.news .news-post input[type="radio"]:checked + .radiobtn:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 4px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-radius: 100%;
  background: #3498db
}
@media screen and (max-width: 767px) {
  .news .news-post {
    /* --- common --- */
  }
  .news .news-post .pc {
    display: none
  }
}
.news .news-post .box_article video,
.news .news-post .box_article iframe {
  display: block;
  width: 100%;
  height: auto;
  margin: 20px auto 40px auto;
  -webkit-box-shadow: 0px 17px 23px 2px #d1cfcf;
  box-shadow: 0px 17px 23px 2px #d1cfcf
}
.news .news-post .box_article iframe {
  height: 641px
}
@media screen and (max-width: 767px) {
  .news .news-post .box_article video,
  .news .news-post .box_article iframe {
    width: 100%
  }
  .news .news-post .box_article iframe {
    height: 50vw
  }
}
@media screen and (min-width: 768px) {
  .news .news-post {
    /* --- common --- *//* - - - - - - - - - - - - - - - - - - - - -
	.header
- - - - - - - - - - - - - - - - - - - - - *//* --- .header_menu --- *//* - - - - - - - - - - - - - - - - - - - - -
	.main
- - - - - - - - - - - - - - - - - - - - - *//* - - - - - - - - - - - - - - - - - - - - -
	.footer
- - - - - - - - - - - - - - - - - - - - - *//* - - - - - - - - - - - - - - - - - - - - -
/* .index
//////////////////////////*//* --- common --- *//* --- .slider --- *//* slick *//* --- .bnr_conte --- *//* --- .news --- *//*
.list_news dt {
	width: 175px;
	float: left;
}
*//* --- .service --- *//* --- .company --- *//* --- .inquiries --- *//* - - - - - - - - - - - - - - - - - - - - -
/* .article
//////////////////////////*//*
.contents_area {
	margin: 0 auto 4rem;
	width: 1000px;
	display: -ms-flexbox;
	display: flex;
	max-width: 1000px;
}
*//* --- company --- *//* map *//* - - - - - - - - - - - - - - - - - - - - -
/* .side
//////////////////////////*//*
.side_menu dt::after {
	margin-left: -10px;
	content: '';
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #000 transparent transparent transparent;
	width: 0px;
	height: 0px;
	position: absolute;
	bottom: -10px;
	left: 50%;
	display: block;
}
*//* --- .news --- *//* - - - - - - - - - - - - - - - - - - - - -
/* parts
//////////////////////////*//* ---  .box_mainheadline --- *//* ---  .breadcrumbs --- *//* ---  .box_anchor --- *//* --- .img ---　*/
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1087px) {
  .news .news-post {
    /*section.contents_area {
            margin-left: 60px;
        }*/
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1087px) {
  .news .news-post .breadcrumbs ol {
    margin-left: 60px
  }
}
@media screen and (min-width: 768px) {
  .news .news-post .sp {
    display: none
  }
  .news .news-post .header {
    /*border-bottom: 5px solid #44b8e2;*/height: 60px
  }
  .news .news-post .header_inner {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    width: 90%;
    max-width: 1200px;
    margin: 0 auto
  }
  .news .news-post .header_logo {
    width: 30%;
    max-width: 340px;
    padding-left: 0;
    line-height: 55px
  }
  .news .news-post .header .header_logo img {
    width: auto
  }
  .news .news-post .header .header_logo a:hover img {
    opacity: 1
  }
  .news .news-post .header_menu {
    position: static;
    display: block;
    overflow-y: hidden;
    width: 65%;
    background-color: transparent
  }
  .news .news-post .menu_nav {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    padding: 0
  }
  .news .news-post .menu_nav li {
    width: 25%
  }
  .news .news-post .menu_nav > li:not(:nth-of-type(n+7)) {
    border-bottom: none
  }
  .news .news-post .menu_nav > li:nth-child(7) {
    margin-bottom: 0
  }
  .news .news-post .menu_nav > li > a {
    padding: 0;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 55px;
    text-align: center;
    color: #000
  }
  .news .news-post .menu_nav > li > a:hover,
  .news .news-post .menu_nav > li > a:active {
    color: #44b8e2/*	background-color: #44b8e2;*/
  }
  .news .news-post .menu_nav > li:first-child,
  .news .news-post .menu_nav > li:not(:first-child) > a::before,
  .news .news-post .menu_logo,
  .news .news-post .header_menu small {
    display: none
  }
  .news .news-post .main {
    min-height: calc(100vh - 236px);
    padding-top: 60px
  }
  .news .news-post .index .main {
    padding-top: 80px
  }
  .news .news-post .box_top_inner {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    width: 1000px;
    margin: 0 auto;
    padding: 40px 0;
    padding: 4rem 0
  }
  .news .news-post .box_conte {
    width: 75%
  }
  .news .news-post .top_headline {
    width: 25%;
    min-width: 200px;
    margin: 0
  }
  .news .news-post .top_headline span {
    display: block;
    font-size: 0.6em;
    font-weight: normal;
    color: #999
  }
  .news .news-post .box_top.slider {
    border-bottom: none
  }
  .news .news-post .slider .box_top_inner {
    display: block;
    width: 100%;
    padding: 0
  }
  .news .news-post .box_slider {
    position: relative;
    text-align: center
  }
  .news .news-post .box_slider .box_conte {
    width: 100%
  }
  .news .news-post .slick-slide img {
    display: inline
  }
  .news .news-post .slick-dots {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 15px 0 0;
    padding: 0 1.5rem 0 0;
    text-align: right
  }
  .news .news-post .bnr_conte ul {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
  .news .news-post .bnr_conte li {
    width: 24%
  }
  .news .news-post .list_news {
    font-size: 1em
  }
  .news .news-post .list_news dt {
    float: left;
    width: auto
  }
  .news .news-post .list_news dd {
    padding-left: 220px
  }
  .news .news-post .box_top.service .box_conte {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
  }
  .news .news-post .box_top.service .box_conte p {
    width: 50%;
    text-align: left
  }
  .news .news-post .box_top.service .btn_arrow2 {
    width: 50%
  }
  .news .news-post .box_top.company .box_list_btn2 li {
    width: 33%
  }
  .news .news-post .list_inquiry dt {
    font-size: 1.1em
  }
  .news .news-post .list_inquiry dd {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
  }
  .news .news-post .index .main .list_inquiry p {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 65%;
    margin-bottom: 0;
    padding-right: 30px;
    padding-right: 3rem
  }
  .news .news-post .list_inquiry .btn {
    width: 35%
  }
  .news .news-post .list_inquiry dd:first-of-type .btn {
    margin-top: -25px
  }
  .news .news-post .list_inquiry .btn br {
    display: block
  }
  .news .news-post article.box_article.one_column {
    width: 80%;
    max-width: 700px;
    margin: auto
  }
  .news .news-post .contents_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    min-width: 900px;
    max-width: 1140px;
    margin: 0 auto 40px;
    margin: 0 auto 4rem
  }
  .news .news-post .box_article {
    width: calc(100% - 8vw);
    margin: 0 8vw 0 0
  }
  .news .news-post .article .main .main_visual + p {
    margin: 0 0 40px;
    margin: 0 0 4rem
  }
  .news .news-post .table_company tr:first-child .btn_map {
    position: absolute;
    top: 0.5em;
    right: 1.5em;
    width: 30%;
    max-width: 80px;
    margin-top: 0
  }
  .news .news-post .btn_map.big {
    max-width: 170px
  }
  .news .news-post .side_menu dd > ul > li.active > a::before {
    content: '\02228'
  }
  .news .news-post .side_menu li ul {
    display: none;
    border-top: 1px solid #fff;
    background-color: #e5e5e5
  }
  .news .news-post .side_menu li ul li {
    border-bottom: 1px solid #fff
  }
  .news .news-post .side_menu li ul li a {
    display: block;
    padding: 0 20px;
    padding: 0 2rem;
    line-height: 3
  }
  .news .news-post .side_menu li ul a::before {
    content: '> ';
    color: #fff
  }
  .news .news-post .side_menu li ul a:hover,
  .news .news-post .side_menu li ul a:active {
    color: #999
  }
  .news .news-post .box_category {
    margin: 0 0 40px;
    margin: 0 0 4rem
  }
  .news .news-post .box_category ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .news .news-post .box_category ul li {
    width: 30%
  }
  .news .news-post .header_news {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .news .news-post .article_time,
  .news .news-post .utility {
    width: 50%
  }
  .news .news-post .utility {
    margin-top: 0;
    text-align: right
  }
  .news .news-post .header_news .title_headline {
    width: 100%
  }
  .news .news-post .box_mainheadline {
    width: 1000px;
    margin: 0 auto;
    padding: 30px 0;
    padding: 3rem 0
  }
  .news .news-post .main_headline {
    font-size: 2.4em;
    text-align: left
  }
  .news .news-post .main_headline span {
    display: inline-block;
    margin-left: 20px;
    margin-left: 2rem
  }
  .news .news-post .breadcrumbs {
    display: block;
    margin-bottom: 40px;
    padding: 5px 0;
    padding: 0.5rem 0;
    background: url("../images/site_parts/bg_dot.png")
  }
  .news .news-post .breadcrumbs ol {
    width: 90%;
    min-width: 900px;
    max-width: 1140px;
    margin: 0 auto
  }
  .news .news-post .breadcrumbs ol li {
    display: inline;
    font-size: 0.8em;
    line-height: 1.2;
    letter-spacing: 0.8px
  }
  .news .news-post .breadcrumbs ol li + li:before {
    content: ">";
    color: #000
  }
  .news .news-post .breadcrumbs ol li a {
    text-decoration: none;
    color: #000
  }
  .news .news-post .breadcrumbs .now_place {
    color: #3ca9d1
  }
  .news .news-post .box_anchor ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .news .news-post .box_anchor ul li {
    width: 50%
  }
  .news .news-post .float_img_left {
    float: left;
    margin: 0 20px 20px 0;
    margin: 0 2rem 2rem 0
  }
  .news .news-post .float_img_right {
    float: right;
    margin: 0 0 20px 20px;
    margin: 0 0 2rem 2rem
  }
}
.news .news-post .research_summary {
  width: 100%;
  border-top: 2px solid #c3c3c3;
  border-bottom: 2px solid #c3c3c3
}
.news .news-post .research_summary tr {
  border-bottom: 1px solid #c3c3c3
}
.news .news-post .research_summary th,
.news .news-post .research_summary td {
  padding: 10px 15px;
  padding: 1rem 1.5rem
}
.news .news-post .research_summary th {
  width: 20%;
  background-color: #f5f5f5
}
.news .news-post .research_summary td span {
  font-size: 1.2em;
  font-weight: bold;
  color: #03537a
}
.news .news-post .research_summary td + td {
  border-left: 1px solid #c3c3c3
}
@media screen and (max-width: 768px) {
  .news .news-post .research_summary th,
  .news .news-post .research_summary td {
    display: block
  }
  .news .news-post .research_summary th {
    width: 90%;
    text-align: left
  }
}
.news .news-post .rs30 th {
  width: 30%
}
.news .news-post .rs30 td {
  width: 35%
}
.news .news-post .rs30 th,
.news .news-post .rs30 td {
  padding: 5px 15px;
  padding: 0.5rem 1.5rem
}
.news .news-post .rs30 td + td {
  font-size: 12px;
  color: #7d5d5d
}
@media screen and (max-width: 768px) {
  .news .news-post .rs30 th {
    width: 90%
  }
  .news .news-post .rs30 td + td {
    border: none
  }
  .news .news-post .rs30 tr {
    border: none
  }
  .news .news-post .rs30 td {
    display: inline-table;
    width: 43%;
    margin: 0 3%
  }
}
.news .news-post .box_case {
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
  padding: 10px;
  padding: 1rem;
  border: 3px solid #eee
}
.news .news-post .case_img {
  margin-bottom: 10px;
  margin-bottom: 1rem;
  text-align: center
}
.news .news-post .case_headline {
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
  padding: 10px 0 15px;
  padding: 1rem 0 1.5rem;
  font-size: 1.2em;
  line-height: 1.4;
  color: #03537a;
  border-bottom: 2px solid #eee
}
.news .news-post .box_case .post {
  margin-bottom: 15px;
  margin-bottom: 1.5rem
}
.news .news-post .article .main .box_case p {
  margin: 0
}
.news .news-post .box_case p a {
  display: block;
  margin-top: 10px;
  margin-top: 1rem;
  text-align: right
}
.news .news-post .box_article .box_case p a {
  color: #333
}
.news .news-post .box_article .box_case p a::before {
  content: '>';
  margin-right: 5px;
  margin-right: 0.5rem;
  text-decoration: none;
  color: #03537a
}
.news .news-post .this_contact {
  padding: 25px 0;
  padding: 2.5rem 0;
  background: url("/_corptest//site_parts/bg_stripe.png")
}
.news .news-post .this_contact .btn_arrow {
  width: 90%;
  max-width: 640px;
  margin: 0 auto
}
.news .news-post .this_contact .btn_arrow a {
  font-weight: bold;
  border: 2px solid #eee;
  background-color: #fff
}
.news .news-post .this_contact .btn_arrow a:hover,
.news .news-post .this_contact .btn_arrow a:active {
  border: 2px solid #44b8e2
}
.news .news-post .table_facility {
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
  border: 2px solid #dcdcdc
}
.news .news-post .table_facility thead {
  background-color: #959595
}
.news .news-post .table_facility tr {
  border-bottom: 1px solid #e5e5e5
}
.news .news-post .table_facility th,
.news .news-post .table_facility td {
  padding: 10px;
  padding: 1rem;
  line-height: 1.4;
  vertical-align: middle;
  border-right: 1px solid #e5e5e5
}
.news .news-post .table_facility thead th {
  font-size: 0.9em;
  font-weight: normal;
  color: #fff
}
.news .news-post .table_facility tbody td {
  text-align: center
}
.news .news-post .box_recommend {
  padding: 30px 0;
  padding: 3rem 0
}
.news .news-post .box_recommend_inner {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto
}
.news .news-post .recommend_headline {
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
  font-size: 1.25em;
  text-align: center
}
.news .news-post .leadtxt {
  font-size: 0.9em;
  text-align: center
}
.news .news-post .list_recommend li {
  margin-bottom: 15px;
  margin-bottom: 1.5rem
}
.news .news-post .list_recommend li a {
  display: block;
  padding: 15px;
  padding: 1.5rem;
  border: 3px solid #eee;
  background: url("/_corptest//site_parts/mark_blank.png") no-repeat 98% 7px
}
.news .news-post .list_recommend li a:hover,
.news .news-post .list_recommend li a:active {
  color: #000;
  border: 3px solid #44b8e2
}
.news .news-post .list_recommend time {
  display: block;
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
  color: #39c
}
.news .news-post .recommend_headline2 {
  margin-bottom: 10px;
  margin-bottom: 1rem;
  font-size: 1.1em
}
.news .news-post .article .main .recommend_headline2 + p {
  margin: 0
}
@media print,
screen and (min-width: 768px) {
  .news .news-post {
    /* - - - - - - - - - - - - - - - - - - - - -
/* .page_service
//////////////////////////*//* - - - - - - - - - - - - - - - - - - - - -
/* .service_detail
//////////////////////////*//* --- .box_characteristics --- */
  }
  .news .news-post .page_service .box_list li {
    display: inline-block;
    margin-right: 15px;
    margin-right: 1.5rem
  }
  .news .news-post .service_detail .side {
    display: block
  }
  .news .news-post .box_characteristics_inner.area {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
  }
  .news .news-post .box_characteristics_inner.area .conte {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 350px
  }
  .news .news-post .box_characteristics_inner .conte::after {
    top: 50%;
    right: -10px;
    bottom: auto;
    left: 100%;
    margin-top: -10px;
    margin-left: 0;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #fff
  }
  .news .news-post .characteristics_headline {
    font-size: 1.6em
  }
  .news .news-post .characteristics_img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 370px;
    padding: 15px 20px;
    padding: 1.5rem 2rem
  }
  .news .news-post .characteristics_area {
    padding: 15px 20px;
    padding: 1.5rem 2rem
  }
}
.news .news-post .table_design2 {
  width: 100%;
  border-top: 2px solid #c3c3c3;
  border-bottom: 2px solid #c3c3c3
}
.news .news-post .table_design2 tr {
  border-bottom: 1px solid #c3c3c3
}
.news .news-post .table_design2 th,
.news .news-post .table_design2 td {
  padding: 10px 15px;
  padding: 1rem 1.5rem
}
.news .news-post .table_design2 th {
  width: 20%;
  background-color: #f5f5f5
}
.news .news-post .table_design2 td span {
  font-size: 1.2em;
  font-weight: bold;
  color: #03537a
}
.news .news-post .table_design2 td + td {
  border-left: 1px solid #c3c3c3
}
.news .news-post .table_about_site {
  table-layout: fixed
}
.news .news-post .table_about_site tr th,
.news .news-post .table_about_site tr td {
  padding: 1% 2%;
  font-size: 0.8em;
  overflow-wrap: break-word
}
.news .news-post .table_about_site tr th:first-child,
.news .news-post .table_about_site tr td:first-child {
  width: 13%;
  text-align: center
}
.news .news-post .table_about_site .center {
  text-align: center
}
.news .news-post .mapList {
  display: -moz-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden
}
.news .news-post .mapList > ul {
  width: 48%
}
.news .news-post .mapList > ul > li > a {
  display: inline-block;
  width: 100%;
  padding: 20px 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-bottom: #999 1px dotted
}
.news .news-post .mapList > ul li a:link {
  text-decoration: none
}
.news .news-post .mapList li a:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 6px;
  margin-right: 0.6rem;
  margin-left: 10px;
  margin-left: 1rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  vertical-align: middle;
  border: solid 3px #2d9fdb;
  border-radius: 50%
}
.news .news-post .mapList > ul > li a:hover {
  font-weight: bold;
  color: #fff;
  background: #3ca9d1
}
.news .news-post .mapList > ul > li > a:hover:before {
  border-color: #fff
}
.news .news-post .mapList > ul li ul li {
  padding-left: 0;
  text-indent: 0;
  border-bottom: #999 1px dotted
}
.news .news-post .mapList > ul > li > ul > li > a {
  display: inline-block;
  width: calc(100% - 50px);
  padding: 20px 0;
  padding-left: 50px;
  padding-left: 5rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-indent: -30px;
  text-indent: -3rem
}
.news .news-post .mapList > ul > li > ul > li > a:before {
  width: 0;
  height: 0;
  margin-right: 8px;
  margin-right: 0.8rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border: 5px solid transparent;
  border-top: 5px solid #2d9fdb;
  border-right: 5px solid #2d9fdb;
  border-radius: 0
}
.news .news-post .mapList > ul > li > ul > li > a:hover:before {
  border-top-color: #fff;
  border-right-color: #fff
}
.news .news-post .box span {
  font-size: 0.93em
}
.news .news-post .page_contact .box .btn.btn_blue span {
  font-size: 1.2em
}
.news .news-post .box .circle::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-left: 10px;
  margin-left: 1rem;
  border: solid 3px #2d9fdb;
  border-radius: 50%
}
.news .news-post .box .circle {
  display: block;
  padding: 10px 0;
  font-weight: bold;
  text-align: left
}
.news .news-post .side .btn a:hover {
  color: white;
  background-color: #44b8e2
}
.news .news-post .side .btn:nth-child(3) a:hover {
  border-top: none
}
.news .news-post .side .btn a::before {
  content: '>';
  display: inline-block;
  margin: auto 10px auto 10px;
  font-size: 1vw;
  font-size: 14px;
  color: #44b8e2
}
.news .news-post .side .btn a:hover::before {
  color: #fff
}
@media screen and (max-width: 767px) {
  .news .news-post {
    /*
    .box_side dt {
        padding-top: 5%;
    }
*/
  }
  .news .news-post .side .btn a::before {
    padding-right: 10%
  }
  .news .news-post .side .btn a {
    padding-left: 5%
  }
  .news .news-post .page_contact .box .btn.btn_blue span {
    font-size: 4vw
  }
  .news .news-post .mapList {
    display: block;
    width: 100%
  }
  .news .news-post .mapList ul {
    width: 100%
  }
}
.news .news-post .accordion {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0 10px
}
.news .news-post .accordion .question {
  padding: 8px 0 8px 40px;
  padding-top: 20px;
  padding-bottom: 15px;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
  border-bottom: #999 1px dotted
}
.news .news-post .accordion .question::before {
  content: "Q";
  position: relative;
  top: -10px;
  left: -40px;
  display: block;
  float: left;
  width: 40px;
  height: 50px;
  padding-left: 12px;
  font-size: 30px;
  color: #fff;
  background-color: #44b8e2
}
.news .news-post .accordion .answer {
  display: none;
  padding: 10px 0 40px 30px
}
.news .news-post .accordion .answer::before {
  content: "A.";
  margin-right: 2%;
  font-size: 30px;
  font-weight: bold;
  color: #44b8e2
}
@media screen and (max-width: 767px) {
  .news .news-post .accordion .question {
    margin: 0 0 0.6em;
    padding-top: 15px;
    padding-bottom: 30px;
    font-size: 13px
  }
}
@media screen and (max-width: 720px) {
  .news .news-post .footer-menu li {
    width: 50%
  }
  .news .news-post .footer-menu li a {
    padding: 0;
    font-size: 10px
  }
  .news .news-post footer .copyright {
    clear: both;
    padding: 3vh 3vw
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .news .news-post .main_headline {
    width: 96vw
  }
}
@media screen and (max-width: 767px) {
  .news .news-post .main_headline {
    margin: 0 5%
  }
}
@media print {
  .news .news-post section#menu,
  .news .news-post section.breadcrumbs,
  .news .news-post .utility,
  .news .news-post footer.footer_news,
  .news .news-post section.this_contact,
  .news .news-post aside.side,
  .news .news-post .footer-menu,
  .news .news-post div#pagetop {
    display: none
  }
  .news .news-post section.box_mainheadline {
    width: auto;
    font-size: 10px;
    font-size: 1rem
  }
  .news .news-post .main {
    padding-top: 0
  }
  .news .news-post .main {
    width: 90%;
    margin: 0 auto
  }
  .news .news-post .box_mainheadline {
    width: 100%
  }
  .news .news-post .main_headline {
    display: contents;
    font-size: 3em
  }
  .news .news-post .contents_area {
    width: 100%
  }
  .news .news-post .box_article {
    width: 100%;
    max-width: 100%;
    margin: 0 auto
  }
}
.news .news-post .side {
  width: 260px;
  min-width: 240px;
  margin: 0
}
.news .news-post .side_menu {
  display: block;
  margin: 0 0 30px;
  margin: 0 0 3rem
}
.news .news-post .side_menu dt,
.news .news-post .box_inquiry dt {
  position: relative;
  z-index: 0;
  width: 100%;
  font-weight: bold;
  line-height: 3;
  text-align: center;
  /*        margin-bottom: 1rem;*/color: #fff;
  background-color: #333
}
.news .news-post .side_menu dd > ul > li {
  border-bottom: 1px solid #fff
}
.news .news-post .side_menu dd > ul > li:nth-child(6) {
  margin-bottom: 30px;
  margin-bottom: 3rem
}
.news .news-post .side_menu.news dd > ul > li:nth-child(6) {
  margin-bottom: 0px;
  margin-bottom: 0rem
}
.news .news-post .side_menu dd > ul > li > a {
  display: block;
  padding: 0 10px;
  padding: 0 1rem;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 3;
  letter-spacing: 1px;
  color: #333;
  background-color: #eff2f3
}
.news .news-post .side_menu dd > ul > li > a:hover,
.news .news-post .side_menu dd > ul > li > a:active,
.news .news-post .side_menu dd > ul > li.active > a {
  cursor: pointer;
  color: #fff;
  background-color: #44b8e2
}
.news .news-post .side_menu dd > ul > li > a::before {
  content: '> ';
  padding-right: 10px;
  color: #44b8e2
}
.news .news-post .side_menu dd > ul > li > a:hover::before,
.news .news-post .side_menu dd > ul > li > a:active::before,
.news .news-post .side_menu dd > ul > li.active > a::before {
  color: #fff
}
@media screen and (max-width: 767px) {
  .news .news-post .side {
    width: 90%;
    margin: auto
  }
  .news .news-post .side_menu.news dd > ul > li:nth-child(odd) {
    float: left;
    /*        border-left: 1px solid #fff;*/-webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-bottom: 1px solid #fff
  }
  .news .news-post .side_menu.news dd > ul > li:nth-child(even) {
    float: left;
    /*        border-right: 1px solid #fff;*/-webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    border-bottom: 1px solid #fff;
    border-bottom: 1px solid #fff
  }
  .news .news-post .box_side {
    clear: both
  }
}
.news .news-post a.cart:after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 21px;
  height: 21px;
  margin-left: 0.5vw;
  vertical-align: middle;
  background-image: url(/img/icon_cart_3.png);
  background-repeat: no-repeat;
  background-size: contain
}
.news .news-post a.cart_2:after {
  background-image: url(/img/icon_cart_2.png)
}
.news .news-post a.cart_3:after {
  background-image: url(/img/icon_cart_3.png)
}
.news .news-post .nav li a.active:after,
.news .news-post .nav li:hover a:after {
  background-image: url(/img/icon_cart_4.png)
}
.news .news-post .menu li.open_sub a.cart {
  padding-right: calc(0.5vw + 43px)
}
@media screen and (max-width: 1105px) and (min-width: 751px) {
  .news .news-post .menu li.open_sub a.cart {
    padding-right: calc(1.8vw + 21px)
  }
}
.news .news-post p {
  margin-bottom: 1.5em;
  font-size: 16px;
  font-size: 1.6rem
}
.news .news-post a,
.news .news-post a:link,
.news .news-post a:visited {
  text-decoration: underline;
  color: #0ba4de
}
.news .news-post a:hover,
.news .news-post a:link:hover,
.news .news-post a:visited:hover {
  text-decoration: none
}
.news .news-post th,
.news .news-post td {
  padding: 10px
}
.news .news-post > h2 {
  margin-bottom: 1em;
  padding-bottom: .5em;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  border-bottom: 1px solid #0ba4de
}
.news .news-post > h3 {
  font-size: 16px;
  font-size: 1.6rem
}
.news .news-post > h4 {
  margin-bottom: 1em;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold
}
@media (min-width: 48.0625em) {
  .news .news-main {
    margin-top: 30px
  }
}
.news .news__ttl {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2
}
@media (max-width: 48em) {
  .news .news__ttl {
    font-size: 26px;
    font-size: 2.6rem
  }
}
.news .news__ttl span {
  font-weight: bold
}
.news .news__ttl--en {
  margin-left: 1em;
  font-size: 0.6em
}
.news .news__content {
  margin-top: 15px;
  border-top: 1px solid #d6d6d7;
  border-bottom: 1px solid #d6d6d7
}
.news .news__content li {
  padding: 20px 0
}
.news .news__content li:not(:first-child) {
  border-top: 1px solid #d6d6d7
}
.news .news__date,
.news .news__tag {
  display: inline-block;
  vertical-align: middle
}
.news .news__date {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1
}
.news .news__tag {
  min-width: 7.8em;
  margin-left: 1em;
  padding: .5em;
  font-size: 10px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: #fff
}
.news .news__tag.-news {
  background-color: #f274b3
}
.news .news__tag.-press {
  background-color: #b183d8
}
.news .news__tag.-magazine {
  background-color: #bec601
}
.news .news__tag.-research {
  background-color: #f5a100
}
.news .news__tag.-vr {
  background-color: #bec601
}
.news .news__tag.-synapse {
  background-color: #ffe558
}
.news .news__tag.-others {
  background-color: #06dceb
}
.news .news__tag.-service {
  background-color: #00b1a3
}
.news .news__tag.-vrplus {
  background-color: #f7b70b
}
.news .news__tag.-whitepaper {
  background-color: #0b9cf7
}
.news .news__link {
  margin-top: 0.5em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
.news .news__link a {
  text-decoration: underline
}
.news .news__link a:hover {
  text-decoration: none
}
.news .news__head {
  position: relative
}
@media (max-width: 48em) {
  .news .news__head {
    padding-top: 40px
  }
}
.news .news__head--btn {
  position: absolute;
  top: 0;
  right: 0
}
.news .news__head--btn ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.news .news__head--btn li {
  font-size: 12px;
  font-size: 1.2rem
}
.news .news__head--btn li:not(:first-child) {
  margin-left: 1em
}
.news .news__head--btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 2.8em;
  padding: 0 .7em;
  border: 1px solid
}
.news .news__head--btn a.-print:before {
  background-image: url("/_assets/images/icon/print.svg")
}
.news .news__head--btn a.-pdf:before {
  background-image: url("/_assets/images/icon/pdf.svg")
}
.news .news__head--btn a span {
  font-weight: bold
}
.news .news__head--btn a:before {
  content: '';
  width: 2em;
  height: 2em;
  margin-right: 0.2em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
.news .news__head .news__ttl {
  margin-top: .7em
}
.news .news__foot {
  margin-top: 30px
}
.news .news__foot .c-btn {
  margin-right: auto;
  margin-left: auto
}
.material {
  /* =================================================== *//* =================================================== */
}
.material .material-nav {
  position: absolute;
  z-index: 50;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 12px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #f4fcff
}
.material .material-nav.is-headerFix {
  position: fixed;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%)
}
.material .material-nav.is-headerShow {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transform: translateY(0);
  transform: translateY(0)
}
.material .material-nav__sections ul {
  display: -ms-grid;
  display: grid
}
@media (min-width: 48.0625em) {
  .material .material-nav__sections ul {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 0 1.85185%
  }
}
@media (max-width: 48em) {
  .material .material-nav__sections ul {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 12px 2.38806%
  }
}
.material .material-nav__section a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 57px;
  padding: 0 1em;
  font-size: 14px;
  font-size: 1.4rem;
  cursor: pointer;
  text-align: center;
  color: #0aa2e6;
  border: 1px solid #0aa2e6;
  border-radius: 8px;
  background-color: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media (min-width: 48.0625em) {
  .material .material-nav__section a {
    font-size: 20px;
    font-size: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.material .material-nav__section a span {
  font-weight: bold
}
.material .material-nav__section a:hover,
.material .material-nav__section a.is-active {
  color: #fff;
  background-color: #0aa2e6
}
.material .material-nav__section a.is-active:after {
  top: calc(50% - .2em);
  border-bottom: 2px solid;
  border-left: 2px solid
}
.material .material-nav__section a:not(.is-active):after {
  top: calc(50% - .5em);
  border-top: 2px solid;
  border-right: 2px solid
}
.material .material-nav__section a:after {
  content: '';
  position: absolute;
  right: 1.5em;
  width: .5em;
  height: .5em;
  -webkit-transform: rotate(135deg) translateY(-50%);
  transform: rotate(135deg) translateY(-50%);
  -webkit-transform-origin: center;
  transform-origin: center
}
.material .material-nav__tags {
  display: none;
  margin-top: 25px;
  padding: 20px;
  background-color: #fff
}
@media (min-width: 48.0625em) {
  .material .material-nav__tags {
    text-align: center
  }
}
@media (max-width: 48em) {
  .material .material-nav__tags {
    padding: 20px 5.97015%
  }
}
.material .material-nav__tags ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@media (min-width: 48.0625em) {
  .material .material-nav__tags ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
@media (max-width: 48em) {
  .material .material-nav__tags ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
@media (min-width: 48.0625em) {
  .material .material-nav__tag:not(:first-child) {
    margin-left: 4.25926%
  }
}
@media (max-width: 48em) {
  .material .material-nav__tag {
    width: 46.44068%
  }
  .material .material-nav__tag:nth-child(n+3) {
    margin-top: 20px
  }
}
.material .material-nav__tag a {
  position: relative;
  font-size: 14px;
  font-size: 1.4rem
}
@media (min-width: 48.0625em) {
  .material .material-nav__tag a {
    padding-right: 1em
  }
}
@media (max-width: 48em) {
  .material .material-nav__tag a {
    display: block;
    padding-bottom: 8px;
    border-bottom: 1px solid #d6d6d7
  }
}
.material .material-nav__tag a:hover {
  color: #0ba4de
}
.material .material-nav__tag a:after {
  content: '';
  position: absolute;
  top: calc(50% - .5em);
  right: 0;
  width: .5em;
  height: .5em;
  -webkit-transform: rotate(135deg) translateY(-50%);
  transform: rotate(135deg) translateY(-50%);
  border-top: 2px solid;
  border-right: 2px solid
}
@media (max-width: 48em) {
  .material .material-nav__tag a:after {
    top: calc(50% - .5em - 4px);
    right: .5em
  }
}
.material .material-desc {
  margin-top: 2.5em;
  margin-bottom: 2.5em;
  font-size: 16px;
  font-size: 1.6rem
}
@media (min-width: 48.0625em) {
  .material .material-desc {
    text-align: center
  }
}
.material .material-desc > * {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
.material .material-body {
  position: relative;
  padding-bottom: 80px
}
.material .material-body__section:not(:first-child) {
  margin-top: 40px
}
.material .material-body__section--ttl {
  padding: 1em 2.96296%;
  font-size: 24px;
  font-size: 2.4rem;
  cursor: pointer;
  color: #fff;
  border-radius: 8px;
  background-color: #6dc8eb
}
@media (max-width: 48em) {
  .material .material-body__section--ttl {
    padding: 1em 5.97015%
  }
}
.material .material-body__section--ttl.is-active {
  border-radius: 8px 8px 0 0
}
.material .material-body__section--ttl > * {
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1
}
.material .material-body__section--ttl > *:after {
  content: '＋';
  position: absolute;
  top: 50%;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 2em;
  height: 2em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 2px solid;
  border-radius: 50%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.material .material-body__section--ttl.is-active > *:after {
  content: '−'
}
.material .material-body__section--content {
  padding: 40px 2.96296%;
  background-color: #f4fcff
}
@media (max-width: 48em) {
  .material .material-body__section--content {
    padding: 40px 5.97015%
  }
}
.material .material-body__section--content .material-item {
  background-color: #fff
}
.material .material-body__section--content .material-item__name {
  font-size: 15px;
  font-size: 1.5rem
}
.material .material-body__section--btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.material .material-body__section--btn .c-btn a,
.material .material-body__section--btn .c-btn button {
  cursor: pointer
}
.material .material-body__section--btn .c-btn a:after,
.material .material-body__section--btn .c-btn button:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
.material .material-body__section--btn .c-btn a.is-hide,
.material .material-body__section--btn .c-btn button.is-hide {
  display: none
}
.material .material-recommend__ttl {
  margin-bottom: 32px;
  text-align: center
}
@media (max-width: 48em) {
  .material .material-recommend__ttl img {
    max-width: 200px
  }
}
@media (min-width: 48.0625em) {
  .material .material-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 18px 1.66667%
  }
}
.material .material-item {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background-color: #fffcf4
}
@media (max-width: 48em) {
  .material .material-item:not(:first-child) {
    margin-top: 20px
  }
}
.material .material-item.-white {
  background-color: #fff
}
.material .material-item__input {
  display: none
}
.material .material-item__input:checked + .material-item__check {
  background-color: #6dc8eb
}
.material .material-item__input:checked + .material-item__check:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.816%22%20height%3D%2211.635%22%20viewBox%3D%220%200%2014.816%2011.635%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_48471%22%20data-name%3D%22%E3%83%91%E3%82%B9%2048471%22%20d%3D%22M1664.077%2C14806.08l4.715%2C5.356%2C7.285-9.23%22%20transform%3D%22translate(-1662.666%20-14800.802)%22%20fill%3D%22none%22%20stroke%3D%22%236dc8eb%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px auto
}
.material .material-item__input:checked + .material-item__check + .material-item__inner {
  outline: 4px solid #6dc8eb;
  outline-offset: -4px
}
.material .material-item__check {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border-radius: 8px 0 8px 0;
  background-color: #d6d6d7
}
.material .material-item__check:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 20px;
  height: 20px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff
}
.material .material-item__popular {
  position: absolute;
  z-index: 5;
  top: 0;
  right: 5.74713%;
  overflow: hidden;
  width: 44px;
  height: 48px;
  white-space: nowrap;
  text-indent: -9999%;
  background-image: url("/_assets/images/material/popular_tag.svg");
  background-repeat: no-repeat;
  background-size: contain
}
.material .material-item:not([data-popular]) .material-item__popular {
  display: none
}
.material .material-item__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 9.1954%;
  border-radius: 8px;
  outline: 1px solid #d6d6d7;
  outline-offset: -1px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media (max-width: 48em) {
  .material .material-item__inner {
    padding: 9.55224%
  }
}
.material .material-item figure {
  position: relative;
  overflow: hidden;
  background-color: #ddd;
  padding-top: 56.17021%;
  border: 1px solid #d6d6d7;
  background-color: transparent
}
.material .material-item figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover
}
.material .material-item figure img {
  width: auto
}
.material .material-item__name {
  padding: 1em 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.8;
  color: #0ba4de;
  border-bottom: 1px solid #d6d6d7
}
.material .material-item__desc {
  margin-top: 1em;
  margin-bottom: 3em;
  font-size: 14px;
  font-size: 1.4rem
}
.material .material-item__desc > * {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8
}
.material .material-item__desc a {
  text-decoration: underline;
  color: #0ba4de
}
.material .material-item__desc a:hover {
  text-decoration: none
}
.material .material-item__date {
  margin-top: 1em;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: right
}
.material .material-item .c-btn {
  margin-top: 20px
}
.material .material-item.is-hide,
.material .material-item:not(.is-show) {
  display: none
}
.material .material-item__tags ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.material .material-item__tags li {
  min-width: 7.8em;
  margin-top: 8px;
  margin-right: 8px;
  padding: 0 .9em;
  font-size: 10px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 2;
  text-align: center;
  color: #fff;
  background-color: #aaa
}
.material .material-item__tags li[data-tag="tv"] {
  background-color: #3b99cc
}
.material .material-item__tags li[data-tag="ad"] {
  background-color: #fa9ab4
}
.material .material-item__tags li[data-tag="digital"] {
  background-color: #2db9cb
}
.material .material-item__tags li[data-tag="consumer"] {
  background-color: #de5e5e
}
.material .material-item__tags li[data-tag="casting"] {
  background-color: #a8c315
}
.material .material-item__tags li[data-tag="support"] {
  background-color: #7ba049
}
.material .material-item__tags li[data-tag="other"] {
  background-color: #bb8ee2
}
.material .material-item:not(.-tv) li[data-tag="tv"] {
  display: none
}
.material .material-item:not(.-ad) li[data-tag="ad"] {
  display: none
}
.material .material-item:not(.-digital) li[data-tag="digital"] {
  display: none
}
.material .material-item:not(.-consumer) li[data-tag="consumer"] {
  display: none
}
.material .material-item:not(.-casting) li[data-tag="casting"] {
  display: none
}
.material .material-item:not(.-support) li[data-tag="support"] {
  display: none
}
.material .material-item:not(.-other) li[data-tag="other"] {
  display: none
}
.material .material-tags {
  margin-bottom: 32px;
  text-align: center
}
@media (min-width: 48.0625em) {
  .material .material-tags {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 810px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 3.7037%;
    padding-left: 3.7037%
  }
}
@media (min-width: 48.0625em) and (max-width: 48em) {
  .material .material-tags {
    padding-right: 5.33333%;
    padding-left: 5.33333%
  }
}
.material .material-tags ul {
  display: -ms-grid;
  display: grid
}
@media (min-width: 48.0625em) {
  .material .material-tags ul {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 16px 0.98765%
  }
}
@media (max-width: 48em) {
  .material .material-tags ul {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 12px 2.71186%
  }
}
.material .material-tags li {
  height: 40px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2.5;
  cursor: pointer;
  border: 1px solid;
  border-radius: 8px;
  background-color: #fff
}
.material .material-tags li[data-tag="popular"] {
  color: #f7a42b
}
.material .material-tags li[data-tag="tv"] {
  color: #3b99cc
}
.material .material-tags li[data-tag="ad"] {
  color: #fa9ab4
}
.material .material-tags li[data-tag="digital"] {
  color: #2db9cb
}
.material .material-tags li[data-tag="consumer"] {
  color: #de5e5e
}
.material .material-tags li[data-tag="casting"] {
  color: #a8c315
}
.material .material-tags li[data-tag="support"] {
  color: #7ba049
}
.material .material-tags li[data-tag="other"] {
  color: #bb8ee2
}
.material .material-tags li:hover,
.material .material-tags li.is-active {
  color: #fff
}
.material .material-tags li:hover[data-tag="popular"],
.material .material-tags li.is-active[data-tag="popular"] {
  background-color: #f7a42b
}
.material .material-tags li:hover[data-tag="tv"],
.material .material-tags li.is-active[data-tag="tv"] {
  background-color: #3b99cc
}
.material .material-tags li:hover[data-tag="ad"],
.material .material-tags li.is-active[data-tag="ad"] {
  background-color: #fa9ab4
}
.material .material-tags li:hover[data-tag="digital"],
.material .material-tags li.is-active[data-tag="digital"] {
  background-color: #2db9cb
}
.material .material-tags li:hover[data-tag="consumer"],
.material .material-tags li.is-active[data-tag="consumer"] {
  background-color: #de5e5e
}
.material .material-tags li:hover[data-tag="casting"],
.material .material-tags li.is-active[data-tag="casting"] {
  background-color: #a8c315
}
.material .material-tags li:hover[data-tag="support"],
.material .material-tags li.is-active[data-tag="support"] {
  background-color: #7ba049
}
.material .material-tags li:hover[data-tag="other"],
.material .material-tags li.is-active[data-tag="other"] {
  background-color: #bb8ee2
}
.material .material-bulk {
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 0;
  background-color: rgba(221, 246, 255, 0.8)
}
@media (min-width: 48.0625em) {
  .material .material-bulk__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
@media (min-width: 48.0625em) {
  .material .material-bulk__txt {
    margin-right: 1.5em;
    font-size: 14px;
    font-size: 1.4rem
  }
}
@media (max-width: 48em) {
  .material .material-bulk__txt {
    margin-bottom: 0.6em;
    font-size: 12px;
    font-size: 1.2rem
  }
}
@media (max-width: 48em) {
  .material .material-bulk .c-btn {
    width: 100%
  }
}
.material .material-error {
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.material .material-error:not(.is-open) {
  display: none
}
.material .material-error__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(226, 247, 255, 0.7)
}
.material .material-error__container {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 640px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 3.7037%;
  padding-left: 3.7037%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  pointer-events: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media (max-width: 48em) {
  .material .material-error__container {
    padding-right: 5.33333%;
    padding-left: 5.33333%
  }
}
.material .material-error__inner {
  position: relative;
  width: 100%;
  padding: 30px 0;
  pointer-events: visible;
  border-radius: 8px;
  background-color: #fff;
  -webkit-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.1)
}
.material .material-error__desc {
  text-align: center
}
.material .material-error__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 15.6px;
  height: 15.6px
}
.material .material-error__close:before,
.material .material-error__close:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 20px;
  height: 2px;
  background-color: #333
}
.material .material-error__close:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg)
}
.material .material-error__close:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg)
}
.material .material-error__btn {
  margin-top: 32px
}
.material .material-error__btn .c-btn {
  margin-right: auto;
  margin-left: auto
}
.material .material-sec {
  padding: 80px 0
}
@media (max-width: 48em) {
  .material .material-sec {
    padding: 40px 0
  }
}
.material .material-sec.-white {
  background-color: #fff
}
.material .material-sec.-blue {
  background-color: #f4fcff
}
.material .material-sec.-orange {
  background-color: #fff4e5
}
.material .material-sec.-yellow {
  background-color: #fffdf4
}
.material .material-sec__ttl {
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.6;
  text-align: center
}
@media (max-width: 48em) {
  .material .material-sec__ttl {
    font-size: 26px;
    font-size: 2.6rem
  }
}
.material .material-sec__ttl > * {
  font-weight: bold;
  text-align: left
}
.material .material-sec__ttl + .sD-blocks {
  margin-top: 30px
}
.material .material-sec__desc {
  margin-top: 1em;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center
}
.material .material-sec__desc > * {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  text-align: left
}
.material .material-sec__btn {
  margin-top: 30px;
  text-align: center
}
@media (min-width: 48.0625em) {
  .material .material-sec__btn ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
@media (max-width: 48em) {
  .material .material-sec__btn li {
    margin-right: auto;
    margin-left: auto
  }
}
@media (min-width: 48.0625em) {
  .material .material-sec__btn li + li {
    margin-left: 20px
  }
}
@media (max-width: 48em) {
  .material .material-sec__btn li + li {
    margin-top: 20px
  }
}
.material .material-sec a.-blank > *,
.material .material-sec a.-blank:after {
  vertical-align: middle
}
.material .material-sec a.-blank:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cg%20id%3D%22icon_dl%22%20transform%3D%22translate(-60%20-22)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_23819%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2023819%22%20width%3D%2216%22%20height%3D%2216%22%20transform%3D%22translate(60%2022)%22%20fill%3D%22%23fff%22%20opacity%3D%220%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10412%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010412%22%20transform%3D%22translate(-225.5%20-263.5)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_46638%22%20data-name%3D%22%E3%83%91%E3%82%B9%2046638%22%20d%3D%22M298.543%2C295.522v4.148a.874.874%2C0%2C0%2C1-.873.873h-8.3a.874.874%2C0%2C0%2C1-.873-.873v-8.3a.874.874%2C0%2C0%2C1%2C.873-.873h4.148%22%20transform%3D%22translate(0%20-1.043)%22%20fill%3D%22none%22%20stroke%3D%22%230ba4de%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_127%22%20data-name%3D%22%E7%B7%9A%20127%22%20x2%3D%222.87%22%20transform%3D%22translate(296.63%20288.5)%22%20fill%3D%22none%22%20stroke%3D%22%230ba4de%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_128%22%20data-name%3D%22%E7%B7%9A%20128%22%20y1%3D%222.87%22%20transform%3D%22translate(299.5%20288.5)%22%20fill%3D%22none%22%20stroke%3D%22%230ba4de%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_129%22%20data-name%3D%22%E7%B7%9A%20129%22%20y1%3D%225.261%22%20x2%3D%225.261%22%20transform%3D%22translate(294.239%20288.5)%22%20fill%3D%22none%22%20stroke%3D%22%230ba4de%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: .5em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
.material .materialForm-main {
  padding: 80px 0
}
@media (max-width: 48em) {
  .material .materialForm-main {
    padding: 40px 0
  }
}
.material .materialForm-head__ttl {
  font-size: 27px;
  font-size: 2.7rem;
  font-weight: bold;
  line-height: 1.6;
  text-align: center
}
@media (max-width: 48em) {
  .material .materialForm-head__ttl {
    font-size: 20px;
    font-size: 2rem
  }
}
.material .materialForm-head__desc {
  margin-top: 1.25em;
  font-size: 16px;
  font-size: 1.6rem
}
@media (min-width: 48.0625em) {
  .material .materialForm-head__desc {
    text-align: center
  }
}
.material .materialForm-head__desc > * {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6
}
.material .materialForm-head__desc > *:not(:first-child) {
  margin-top: 1.6em
}
.material .materialForm-head__anker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 20px 0 40px
}
.material .materialForm-head__anker a {
  font-size: 14px;
  font-size: 1.4rem
}
.material .materialForm-head__anker a span {
  font-weight: bold
}
.material .materialForm-head__anker a:after {
  content: '';
  display: block;
  width: .7em;
  height: .7em;
  margin-top: .8em;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: rotate(135deg) translateY(-50%);
  transform: rotate(135deg) translateY(-50%);
  -webkit-transform-origin: center;
  transform-origin: center;
  color: #0aa2e6;
  border-top: 2px solid;
  border-right: 2px solid
}
.material .materialForm-head .c-btn {
  margin-top: 48px;
  margin-right: auto;
  margin-left: auto
}
.material .materialForm-body__desc {
  margin-bottom: 1.5em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6
}
@media (min-width: 48.0625em) {
  .material .materialForm-body__desc {
    text-align: center
  }
}
.material .materialForm-body__desc > * {
  display: inline-block;
  text-align: left
}
.material .materialForm-bnr {
  margin-top: 56px;
  text-align: center
}
.material .materialForm-section {
  margin-top: 56px
}
.material .materialForm-section__ttl {
  margin-bottom: 20px;
  padding-bottom: 0.5em;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.8;
  border-bottom: 1px solid
}
@media (max-width: 48em) {
  .material .materialForm-section__ttl {
    font-size: 20px;
    font-size: 2rem
  }
}
.material .materialForm-section__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  margin-bottom: 48px
}
.material .materialForm-section__btn .c-btn {
  margin-right: auto;
  margin-left: auto
}
.material .materialForm-form__desc {
  font-size: 16px;
  font-size: 1.6rem
}
.material .materialForm-form__desc > * {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
.material .materialForm-form__note {
  margin-top: 0.8em;
  font-size: 14px;
  font-size: 1.4rem
}
.material .materialForm-form__note li {
  position: relative;
  padding-left: 1em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6
}
.material .materialForm-form__note li:before {
  content: '※';
  position: absolute;
  top: 0;
  left: 0
}
.material .materialForm-form__note li + li {
  margin-top: 5px
}
.material .materialForm-form__main {
  margin-top: 32px;
  border-left: 5px solid #44b8e2
}
.material .materialForm-form__main dl {
  display: -ms-grid;
  display: grid;
  border-top: 1px solid #ccc
}
@media (min-width: 48.0625em) {
  .material .materialForm-form__main dl {
    -ms-grid-columns: 35.18519% 1fr;
    grid-template-columns: 35.18519% 1fr
  }
}
.material .materialForm-form__main dt,
.material .materialForm-form__main dd {
  font-size: 15px;
  font-size: 1.5rem
}
@media (max-width: 48em) {
  .material .materialForm-form__main dt,
  .material .materialForm-form__main dd {
    font-size: 13px;
    font-size: 1.3rem
  }
}
.material .materialForm-form__main dt {
  padding: 1em;
  background-color: #f5f5f5
}
@media (min-width: 48.0625em) {
  .material .materialForm-form__main dt {
    border-bottom: 1px solid #ccc
  }
}
.material .materialForm-form__main dt p,
.material .materialForm-form__main dt:after {
  display: inline-block;
  vertical-align: middle
}
.material .materialForm-form__main dt p {
  font-weight: bold
}
.material .materialForm-form__main dt.-required:after {
  content: '※必須';
  margin-left: 0.8em;
  padding: 0 .4em;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2.25;
  color: #fff;
  background-color: #44b8e2
}
.material .materialForm-form__main dd {
  padding: 1em 2.85714%;
  border-bottom: 1px solid #ccc
}
.material .materialForm-form__main dd input[type="text"],
.material .materialForm-form__main dd select {
  width: 100%
}
.material .materialForm-form__main dd input,
.material .materialForm-form__main dd select {
  height: 2em;
  padding: 0 .5em;
  border: 1px solid #ccc
}
@media (min-width: 48.0625em) {
  .material .materialForm-form__main dd input {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
  }
}
.material .materialForm-form__main dd p,
.material .materialForm-form__main dd ul {
  line-height: 1.5
}
.material .materialForm-form__main dd p + input,
.material .materialForm-form__main dd p + select,
.material .materialForm-form__main dd ul + input,
.material .materialForm-form__main dd ul + select {
  margin-top: .6em
}
.material .materialForm-form__main dd a {
  text-decoration: underline;
  color: #0ba4de
}
.material .materialForm-form__main dd a:hover {
  text-decoration: none
}
.material .materialForm-form__main--note li {
  position: relative;
  padding-left: 1em
}
.material .materialForm-form__main--note li:before {
  content: '※';
  position: absolute;
  top: 0;
  left: 0
}
.material .materialForm-form__selectwrap {
  position: relative;
  max-width: 310px
}
.material .materialForm-form__selectwrap:before {
  content: '';
  position: absolute;
  top: calc(50% - .5em);
  right: 3.22581%;
  display: block;
  width: .5em;
  height: .5em;
  -webkit-transform: rotate(135deg) translateY(-50%);
  transform: rotate(135deg) translateY(-50%);
  pointer-events: none;
  border-top: 1px solid;
  border-right: 1px solid
}
.material .materialForm-form__selectwrap select {
  width: 100%
}
.material .materialForm-form__btn {
  margin-top: 56px
}
@media (min-width: 48.0625em) {
  .material .materialForm-form__btn ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
@media (max-width: 48em) {
  .material .materialForm-form__btn li {
    margin-right: auto;
    margin-left: auto
  }
}
@media (min-width: 48.0625em) {
  .material .materialForm-form__btn li:not(:first-child) {
    margin-left: 20px
  }
}
@media (max-width: 48em) {
  .material .materialForm-form__btn li:not(:first-child) {
    margin-top: 20px
  }
}
.example .example-article {
  padding: 80px 0
}
.example .example-article .container {
  max-width: 900px
}
.example .example-article__ttl {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.8
}
@media (max-width: 48em) {
  .example .example-article__ttl {
    font-size: 20px;
    font-size: 2rem
  }
}
.example .example-article__name {
  margin-top: 1em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6
}
.example .example-article__img {
  margin-top: 40px
}
.example .example-article__detail {
  margin-top: -40px;
  padding: 70px 0 40px;
  background-color: #f8f8f8
}
.example .example-article__detail--name {
  margin-bottom: 1em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.6
}
.example .example-article__detail ul li {
  font-size: 12px;
  font-size: 1.2rem
}
.example .example-article__detail ul li:not(:first-child) {
  margin-top: 1em
}
.example .example-article__detail dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
.example .example-article__detail dl dt {
  width: 5.3em;
  min-width: 5.3em;
  margin-right: 1em;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 25.6px;
  line-height: 2.56rem;
  text-align: center;
  color: #fff;
  background-color: #333
}
.example .example-article__detail dl dd {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 25.6px;
  line-height: 2.56rem
}
.example .example-article__body {
  margin-top: 50px
}
.example .example-article__subttl {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6
}
.example .example-article__desc {
  margin-top: 1em;
  font-size: 16px;
  font-size: 1.6rem
}
.example .example-article__desc > * {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6
}
.example .example-article__items {
  margin-top: 32px
}
.example .example-article__item {
  padding: 3.55556%;
  border-radius: 8px;
  background: #f4fcff
}
@media (max-width: 48em) {
  .example .example-article__item {
    padding: 5.97015%
  }
}
.example .example-article__item:not(:first-child) {
  margin-top: 20px
}
@media (min-width: 48.0625em) {
  .example .example-article__item dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
@media (min-width: 48.0625em) {
  .example .example-article__item dt {
    margin-right: 3.82775%
  }
}
@media (max-width: 48em) {
  .example .example-article__item dt {
    margin-bottom: 5.97015%
  }
}
.example .example-article__item dt figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 128px;
  height: 128px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.example .example-article__item dt figcaption {
  margin-top: 0.5em;
  font-size: 12px;
  font-size: 1.2rem
}
.example .example-article__item ul {
  padding-left: 1em
}
.example .example-article__item li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
  list-style: disc
}
.example .example-article__item li:not(:first-child) {
  margin-top: 1em
}
.example .example-article__blocks {
  margin: 80px 0 65px
}
.example .example-article__block:not(:first-child) {
  margin-top: 80px
}
.example .example-article__block--ttl {
  padding-left: 0.5em;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.6;
  border-left: 2px solid #6dc8eb
}
@media (max-width: 48em) {
  .example .example-article__block--ttl {
    font-size: 26px;
    font-size: 2.6rem
  }
}
.example .example-article__block--ttl > * {
  font-weight: bold
}
.example .example-article__block--items {
  margin-top: 32px
}
.example .example-article__block--item:not(:first-child) {
  margin-top: 32px
}
.example .example-article__block--img {
  text-align: center
}
.example .example-article__btn {
  margin-top: 30px;
  text-align: center
}
@media (min-width: 48.0625em) {
  .example .example-article__btn ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.example .example-article__btn ul:not(:first-child) {
  margin-top: 32px
}
@media (max-width: 48em) {
  .example .example-article__btn li {
    margin-right: auto;
    margin-left: auto
  }
}
@media (min-width: 48.0625em) {
  .example .example-article__btn li + li {
    margin-left: 20px
  }
}
@media (max-width: 48em) {
  .example .example-article__btn li + li {
    margin-top: 20px
  }
}
.rating .tvrating {
  background-color: #5cbeeb;
  background-image: url("/_assets/images/rating/bg_tvrating.png")
}
@media (max-width: 48em) {
  .rating .tvrating {
    background-image: url("/_assets/images/rating/bg_tvrating_sp.png")
  }
}
.rating .tvrating .rating-nav nav a.-tvrating {
  background-color: #29a7e1;
  background-image: url("/_assets/images/rating/nav_tvrating_on.png")
}
.rating .tvrating .rating-body__servicelink a {
  color: #29a7e1;
  border-color: #29a7e1
}
.rating .tvrating .rating-body__servicelink a:hover {
  background-color: #29a7e1
}
.rating .tvrating .rating-body__table tr:first-child th:nth-child(5),
.rating .tvrating .rating-body__table tr:first-child td:nth-child(5) {
  background-color: #ff8f0d
}
.rating .tvrating .rating-body__table tr:first-child th:nth-child(6),
.rating .tvrating .rating-body__table tr:first-child td:nth-child(6) {
  background-color: #007fc5
}
.rating .tvrating .rating-body__table tr:not(:first-child) td:nth-child(5) {
  background-color: #fff4e5
}
.rating .tvrating .rating-body__table tr:not(:first-child) td:nth-child(6) {
  background-color: #e5f7ff
}
.rating .tvrating .rating-body__table tr:not(:first-child) td:not(:first-child) {
  text-align: center
}
.rating .tvrating .rating-body__table th,
.rating .tvrating .rating-body__table td {
  width: 13%
}
.rating .tvrating .rating-body__table th:first-child,
.rating .tvrating .rating-body__table td:first-child {
  width: 35%
}
.rating .tvratingTimeshift {
  background-color: #ff739b;
  background-image: url("/_assets/images/rating/bg_tvratingTimeshift.png")
}
@media (max-width: 48em) {
  .rating .tvratingTimeshift {
    background-image: url("/_assets/images/rating/bg_tvratingTimeshift_sp.png")
  }
}
.rating .tvratingTimeshift .rating-nav nav a.-tvratingTimeshift {
  background-color: #e2507a;
  background-image: url("/_assets/images/rating/nav_tvratingTimeshift_on.png")
}
.rating .tvratingTimeshift .rating-body__servicelink a {
  color: #e2507a;
  border-color: #e2507a
}
.rating .tvratingTimeshift .rating-body__servicelink a:hover {
  background-color: #e2507a
}
.rating .tvratingTimeshift .rating-body__table tr:first-child th:nth-child(1),
.rating .tvratingTimeshift .rating-body__table tr:first-child th:nth-child(2),
.rating .tvratingTimeshift .rating-body__table tr:first-child td:nth-child(1),
.rating .tvratingTimeshift .rating-body__table tr:first-child td:nth-child(2) {
  min-width: 2.5em;
  padding: 0
}
.rating .tvratingTimeshift .rating-body__table tr:first-child th:nth-child(3),
.rating .tvratingTimeshift .rating-body__table tr:first-child td:nth-child(3) {
  min-width: 15em
}
.rating .tvratingTimeshift .rating-body__table tr:first-child th:nth-child(4),
.rating .tvratingTimeshift .rating-body__table tr:first-child td:nth-child(4) {
  min-width: 7em
}
.rating .tvratingTimeshift .rating-body__table tr:first-child th:nth-child(7),
.rating .tvratingTimeshift .rating-body__table tr:first-child th:nth-child(8),
.rating .tvratingTimeshift .rating-body__table tr:first-child th:nth-child(9),
.rating .tvratingTimeshift .rating-body__table tr:first-child th:nth-child(10),
.rating .tvratingTimeshift .rating-body__table tr:first-child th:nth-child(11),
.rating .tvratingTimeshift .rating-body__table tr:first-child th:nth-child(12),
.rating .tvratingTimeshift .rating-body__table tr:first-child td:nth-child(7),
.rating .tvratingTimeshift .rating-body__table tr:first-child td:nth-child(8),
.rating .tvratingTimeshift .rating-body__table tr:first-child td:nth-child(9),
.rating .tvratingTimeshift .rating-body__table tr:first-child td:nth-child(10),
.rating .tvratingTimeshift .rating-body__table tr:first-child td:nth-child(11),
.rating .tvratingTimeshift .rating-body__table tr:first-child td:nth-child(12) {
  min-width: 5em
}
.rating .tvratingTimeshift .rating-body__table tr:first-child th:nth-child(7),
.rating .tvratingTimeshift .rating-body__table tr:first-child th:nth-child(8),
.rating .tvratingTimeshift .rating-body__table tr:first-child th:nth-child(9),
.rating .tvratingTimeshift .rating-body__table tr:first-child td:nth-child(7),
.rating .tvratingTimeshift .rating-body__table tr:first-child td:nth-child(8),
.rating .tvratingTimeshift .rating-body__table tr:first-child td:nth-child(9) {
  background-color: #ff8f0d
}
.rating .tvratingTimeshift .rating-body__table tr:first-child th:nth-child(10),
.rating .tvratingTimeshift .rating-body__table tr:first-child th:nth-child(11),
.rating .tvratingTimeshift .rating-body__table tr:first-child th:nth-child(12),
.rating .tvratingTimeshift .rating-body__table tr:first-child td:nth-child(10),
.rating .tvratingTimeshift .rating-body__table tr:first-child td:nth-child(11),
.rating .tvratingTimeshift .rating-body__table tr:first-child td:nth-child(12) {
  background-color: #007fc5
}
.rating .tvratingTimeshift .rating-body__table tr:not(:first-child) td:not(:nth-child(3)) {
  text-align: center
}
.rating .tvratingTimeshift .rating-body__block#block01 .rating-body__table tr:not(:first-child) td:nth-child(8) {
  background-color: #fff4e5
}
.rating .tvratingTimeshift .rating-body__block#block02 .rating-body__table tr:not(:first-child) td:nth-child(9) {
  background-color: #fff4e5
}
.rating .audience {
  background-color: #f3de51;
  background-image: url("/_assets/images/rating/bg_audience.png")
}
@media (max-width: 48em) {
  .rating .audience {
    background-image: url("/_assets/images/rating/bg_audience_sp.png")
  }
}
.rating .audience .rating-nav nav a.-audience {
  background-color: #e7c930;
  background-image: url("/_assets/images/rating/nav_audience_on.png")
}
.rating .audience .rating-body__servicelink a {
  color: #e7c930;
  border-color: #e7c930
}
.rating .audience .rating-body__servicelink a:hover {
  background-color: #e7c930
}
.rating .audience .rating-body__table tr:first-child th:nth-child(5),
.rating .audience .rating-body__table tr:first-child td:nth-child(5) {
  background-color: #29a7e1
}
.rating .audience .rating-body__table tr:not(:first-child) td:nth-child(5) {
  background-color: #e5f7ff
}
.rating .audience .rating-body__table tr:not(:first-child) td:not(:first-child) {
  text-align: center
}
.rating .audience .rating-body__attention {
  color: #333
}
.rating .audienceTimeshift {
  background-color: #4bc9a4;
  background-image: url("/_assets/images/rating/bg_audienceTimeshift.png")
}
@media (max-width: 48em) {
  .rating .audienceTimeshift {
    background-image: url("/_assets/images/rating/bg_audienceTimeshift_sp.png")
  }
}
.rating .audienceTimeshift .rating-nav nav a.-audienceTimeshift {
  background-color: #0fb282;
  background-image: url("/_assets/images/rating/nav_audienceTimeshift_on.png")
}
.rating .audienceTimeshift .rating-body__servicelink a {
  color: #0fb282;
  border-color: #0fb282
}
.rating .audienceTimeshift .rating-body__servicelink a:hover {
  background-color: #0fb282
}
.rating .audienceTimeshift .rating-body__table tr:first-child th:nth-child(1),
.rating .audienceTimeshift .rating-body__table tr:first-child th:nth-child(2),
.rating .audienceTimeshift .rating-body__table tr:first-child td:nth-child(1),
.rating .audienceTimeshift .rating-body__table tr:first-child td:nth-child(2) {
  min-width: 2.5em;
  padding: 0
}
.rating .audienceTimeshift .rating-body__table tr:first-child th:nth-child(3),
.rating .audienceTimeshift .rating-body__table tr:first-child td:nth-child(3) {
  min-width: 15em
}
.rating .audienceTimeshift .rating-body__table tr:first-child th:nth-child(4),
.rating .audienceTimeshift .rating-body__table tr:first-child td:nth-child(4) {
  min-width: 7em
}
.rating .audienceTimeshift .rating-body__table tr:first-child th:nth-child(4),
.rating .audienceTimeshift .rating-body__table tr:first-child th:nth-child(5),
.rating .audienceTimeshift .rating-body__table tr:first-child th:nth-child(6),
.rating .audienceTimeshift .rating-body__table tr:first-child th:nth-child(7),
.rating .audienceTimeshift .rating-body__table tr:first-child th:nth-child(8),
.rating .audienceTimeshift .rating-body__table tr:first-child th:nth-child(9),
.rating .audienceTimeshift .rating-body__table tr:first-child td:nth-child(4),
.rating .audienceTimeshift .rating-body__table tr:first-child td:nth-child(5),
.rating .audienceTimeshift .rating-body__table tr:first-child td:nth-child(6),
.rating .audienceTimeshift .rating-body__table tr:first-child td:nth-child(7),
.rating .audienceTimeshift .rating-body__table tr:first-child td:nth-child(8),
.rating .audienceTimeshift .rating-body__table tr:first-child td:nth-child(9) {
  width: 6em;
  min-width: 6em;
  max-width: 6em
}
.rating .audienceTimeshift .rating-body__table tr:first-child th:nth-child(4),
.rating .audienceTimeshift .rating-body__table tr:first-child th:nth-child(5),
.rating .audienceTimeshift .rating-body__table tr:first-child th:nth-child(6),
.rating .audienceTimeshift .rating-body__table tr:first-child td:nth-child(4),
.rating .audienceTimeshift .rating-body__table tr:first-child td:nth-child(5),
.rating .audienceTimeshift .rating-body__table tr:first-child td:nth-child(6) {
  background-color: #29a7e1
}
.rating .audienceTimeshift .rating-body__table tr:first-child th:nth-child(7),
.rating .audienceTimeshift .rating-body__table tr:first-child th:nth-child(8),
.rating .audienceTimeshift .rating-body__table tr:first-child th:nth-child(9),
.rating .audienceTimeshift .rating-body__table tr:first-child td:nth-child(7),
.rating .audienceTimeshift .rating-body__table tr:first-child td:nth-child(8),
.rating .audienceTimeshift .rating-body__table tr:first-child td:nth-child(9) {
  background-color: #007fc5
}
.rating .audienceTimeshift .rating-body__table tr:not(:first-child) td:nth-child(1) {
  background-color: #e5f7ff
}
.rating .audienceTimeshift .rating-body__table tr:not(:first-child) td:not(:nth-child(3)) {
  text-align: center
}
.rating .audienceTimeshift .rating-body__block#block01 .rating-body__table tr:not(:first-child) td:nth-child(5) {
  background-color: #e5f7ff
}
.rating .audienceTimeshift .rating-body__block#block02 .rating-body__table tr:not(:first-child) td:nth-child(6) {
  background-color: #e5f7ff
}
.rating .tvratingTimeshift .rating-body__table td:nth-child(2),
.rating .audienceTimeshift .rating-body__table td:nth-child(2) {
  font-family: "游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",“ヒラギノ角ゴ ProN W3”,“Hiragino Kaku Gothic ProN”,"Sogoe UI",Verdana,"メイリオ",Meiryo,sans-serif
}
.rating .lower {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover
}
.rating .container {
  max-width: 1200px
}
.rating .rating-nav nav {
  margin-top: 64px
}
@media (max-width: 48em) {
  .rating .rating-nav nav {
    margin-top: 32px
  }
}
.rating .rating-nav nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media (max-width: 48em) {
  .rating .rating-nav nav ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
.rating .rating-nav nav li {
  width: 23.33333%
}
@media (max-width: 48em) {
  .rating .rating-nav nav li {
    width: 47.16418%
  }
  .rating .rating-nav nav li:nth-child(n+3) {
    margin-top: 3.58209%
  }
}
.rating .rating-nav nav a {
  position: relative;
  display: block;
  overflow: hidden;
  padding-top: 35%;
  border: 2px solid;
  border-radius: 8px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2)
}
.rating .rating-nav nav a span {
  position: absolute;
  left: 100%
}
.rating .rating-nav nav a.-current {
  pointer-events: none
}
.rating .rating-nav nav a.-tvrating {
  color: #29a7e1;
  background-image: url("/_assets/images/rating/nav_tvrating.png")
}
.rating .rating-nav nav a.-tvrating:hover,
.rating .rating-nav nav a.-tvrating.-current {
  background-color: #29a7e1;
  background-image: url("/_assets/images/rating/nav_tvrating_on.png")
}
.rating .rating-nav nav a.-tvratingTimeshift {
  color: #e2507a;
  background-color: #e2507a;
  background-image: url("/_assets/images/rating/nav_tvratingTimeshift.png")
}
.rating .rating-nav nav a.-tvratingTimeshift:hover,
.rating .rating-nav nav a.-tvratingTimeshift.-current {
  background-color: #e2507a;
  background-image: url("/_assets/images/rating/nav_tvratingTimeshift_on.png")
}
.rating .rating-nav nav a.-audience {
  color: #e7c930;
  background-image: url("/_assets/images/rating/nav_audience.png")
}
.rating .rating-nav nav a.-audience:hover,
.rating .rating-nav nav a.-audience.-current {
  background-color: #e7c930;
  background-image: url("/_assets/images/rating/nav_audience_on.png")
}
.rating .rating-nav nav a.-audienceTimeshift {
  color: #0fb282;
  background-image: url("/_assets/images/rating/nav_audienceTimeshift.png")
}
.rating .rating-nav nav a.-audienceTimeshift:hover,
.rating .rating-nav nav a.-audienceTimeshift.-current {
  background-color: #0fb282;
  background-image: url("/_assets/images/rating/nav_audienceTimeshift_on.png")
}
.rating .rating-nav__archivelink {
  max-width: 532px;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto
}
@media (max-width: 48em) {
  .rating .rating-nav__archivelink {
    max-width: 335px;
    margin-top: 32px
  }
  .rating .rating-nav__archivelink img {
    width: 100%
  }
}
.rating .rating-nav__archivelink a {
  display: block;
  border-radius: 8px;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1)
}
.rating .rating-nav__archivelink dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.rating .rating-nav__archivelink dt {
  width: 50.93985%;
  background-color: #ddd
}
.rating .rating-nav__archivelink dd {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.rating .rating-nav__archivelink--term,
.rating .rating-nav__archivelink--desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.rating .rating-nav__archivelink--term p,
.rating .rating-nav__archivelink--desc p {
  font-weight: bold
}
.rating .rating-nav__archivelink--term {
  padding: 20px 7.38007%
}
.rating .rating-nav__archivelink--term > * {
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.2;
  letter-spacing: 0.1em;
  color: #fff
}
.rating .rating-nav__archivelink--desc {
  padding: 0 10.34483% 0 7.66284%
}
.rating .rating-nav__archivelink--desc > * {
  position: relative;
  font-size: 16px;
  font-size: 1.6rem
}
.rating .rating-nav__archivelink--desc:after {
  content: '';
  width: .6em;
  height: .6em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 2px solid;
  border-right: 2px solid
}
.rating .rating-head {
  position: relative;
  padding-top: 64px;
  padding-bottom: 56px
}
@media (max-width: 48em) {
  .rating .rating-head {
    padding-top: 32px;
    padding-bottom: 36px
  }
}
.rating .rating-head__ttl {
  text-align: center
}
@media (min-width: 48.0625em) {
  .rating .rating-head__ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
.rating .rating-head__ttl img {
  max-height: 100%
}
@media (max-width: 48em) {
  .rating .rating-head__ttl--logo {
    height: 85px
  }
}
@media (max-width: 48em) {
  .rating .rating-head__ttl--illust {
    height: 179px;
    margin-top: 32px
  }
}
@media (min-width: 48.0625em) {
  .rating .rating-head__ttl--illust {
    margin-left: 5.5%
  }
}
.rating .rating-head__scroll {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 1300px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 3.7037%;
  padding-left: 3.7037%;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
@media (max-width: 48em) {
  .rating .rating-head__scroll {
    padding-right: 5.33333%;
    padding-left: 5.33333%
  }
}
.rating .rating-head__scroll--inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}
.rating .rating-head__scroll dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 2em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  color: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media (max-width: 48em) {
  .rating .rating-head__scroll dl {
    font-size: 14px;
    font-size: 1.4rem
  }
}
.rating .rating-head__scroll dt {
  font-weight: bold
}
.rating .rating-head__scroll dd {
  position: relative;
  overflow: hidden;
  width: 100px;
  min-width: 100px;
  height: 2px;
  margin-left: 1em
}
.rating .rating-head__scroll dd:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-animation: scroll_anim 2s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  animation: scroll_anim 2s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  background-color: #fff
}
@-webkit-keyframes scroll_anim {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
  50% {
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0)
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}
@keyframes scroll_anim {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
  50% {
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0)
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}
.rating .rating-update {
  padding: 20px 0;
  background-color: #fff
}
.rating .rating-update__desc {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.75;
  text-align: center;
  color: #29a7e1
}
.rating .rating-update__desc p {
  display: inline;
  text-align: left;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #ffe558));
  background: linear-gradient(transparent 70%, #ffe558 0%)
}
.rating .rating-update dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5
}
@media (min-width: 48.0625em) {
  .rating .rating-update dl {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}
@media (max-width: 48em) {
  .rating .rating-update dl {
    font-size: 14px;
    font-size: 1.4rem
  }
}
.rating .rating-update dl:not(:first-child) {
  margin-top: 1em
}
.rating .rating-update dt {
  margin-right: 1em;
  padding: .5em 1em;
  line-height: 1;
  color: #fff;
  border: 1px solid;
  border-radius: 4px;
  background-color: #e7403d
}
.rating .rating-update dt p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media (min-width: 48.0625em) {
  .rating .rating-update dd p {
    display: inline-block
  }
  .rating .rating-update dd p + p {
    margin-left: 1em
  }
}
.rating .rating-body {
  padding: 50px 0 130px
}
@media (max-width: 48em) {
  .rating .rating-body {
    padding-top: 40px
  }
}
.rating .rating-body__servicelink ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 18px
}
@media (max-width: 48em) {
  .rating .rating-body__servicelink ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.rating .rating-body__servicelink li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 8px;
  background-color: #fff
}
.rating .rating-body__servicelink a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-right: 1.5em;
  padding-left: 1em;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.57;
  color: #999;
  border: 2px solid #fff;
  border-radius: 8px;
  background-color: #fff;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media (max-width: 48em) {
  .rating .rating-body__servicelink a {
    min-height: 52px;
    padding-right: 1em;
    padding-left: .5em;
    font-size: 14px;
    font-size: 1.4rem
  }
}
.rating .rating-body__servicelink a:hover {
  color: #fff;
  border-color: #fff
}
.rating .rating-body__servicelink a:hover i img {
  opacity: 1
}
.rating .rating-body__servicelink a.-anchor:after {
  -webkit-transform: translateY(-50%) rotate(135deg);
  transform: translateY(-50%) rotate(135deg)
}
.rating .rating-body__servicelink a i {
  position: relative;
  min-width: 60px;
  margin-right: 1em;
  -ms-flex-item-align: end;
  align-self: flex-end
}
.rating .rating-body__servicelink a i img {
  position: absolute;
  bottom: 0;
  left: 0
}
.rating .rating-body__servicelink a p {
  padding: .5em 0;
  font-weight: bold
}
@media (max-width: 48em) {
  .rating .rating-body__servicelink a p {
    padding: .2em 0
  }
}
.rating .rating-body__servicelink a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  width: .5em;
  height: .5em;
  margin-left: 1em;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid;
  border-right: 2px solid
}
@media (max-width: 48em) {
  .rating .rating-body__servicelink a:after {
    right: 0.7em
  }
}
.rating .rating-body__frame {
  padding: 3.33333% 8.33333% 7.5%;
  border-radius: 33px;
  background-color: #effcff
}
@media (max-width: 48em) {
  .rating .rating-body__frame {
    padding: 5.97015% 5.97015% 20.89552%;
    border-radius: 12px
  }
}
.rating .rating-body__frame:not(:first-child) {
  margin-top: 40px
}
.rating .rating-body__frame.-white {
  background-color: #fff
}
.rating .rating-body__rights dl {
  font-size: 14px;
  font-size: 1.4rem
}
@media (min-width: 48.0625em) {
  .rating .rating-body__rights dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
}
.rating .rating-body__rights dt {
  margin-right: 1em;
  padding: .5em;
  line-height: 1;
  color: #e7403d;
  border: 1px solid;
  border-radius: 4px;
  background: #fff
}
@media (max-width: 48em) {
  .rating .rating-body__rights dt {
    display: inline-block;
    margin-bottom: 0.5em
  }
}
.rating .rating-body__rights dd {
  position: relative
}
.rating .rating-body__rights dd a span,
.rating .rating-body__rights dd a:after {
  display: inline-block;
  vertical-align: middle
}
.rating .rating-body__rights dd a:after {
  content: '';
  left: 0;
  width: .5em;
  height: .5em;
  margin-left: 1em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 2px solid;
  border-right: 2px solid
}
.rating .rating-body__nav {
  margin-top: 32px
}
@media (max-width: 48em) {
  .rating .rating-body__nav {
    margin-top: 22px
  }
}
.rating .rating-body__nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media (max-width: 48em) {
  .rating .rating-body__nav ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
.rating .rating-body__nav ul:not(:first-child) {
  margin-top: 1.6%
}
@media (max-width: 48em) {
  .rating .rating-body__nav ul:not(:first-child) {
    margin-top: 3.38983%
  }
}
@media (min-width: 48.0625em) {
  .rating .rating-body__nav li {
    width: 35.6%;
    max-width: 356px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
  .rating .rating-body__nav li:not(:first-child) {
    margin-left: 1.6%
  }
}
@media (max-width: 48em) {
  .rating .rating-body__nav li {
    width: 47.11864%
  }
  .rating .rating-body__nav li:nth-child(n+3) {
    margin-top: 3.38983%
  }
}
.rating .rating-body__nav a {
  position: relative;
  display: block;
  padding: 1.2em 1em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  text-align: center;
  color: #fff;
  border-radius: 8px;
  background: #29a7e1;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1)
}
@media (min-width: 48.0625em) {
  .rating .rating-body__nav a {
    padding-right: 1.4em
  }
}
@media (max-width: 48em) {
  .rating .rating-body__nav a {
    padding-bottom: 1em
  }
}
.rating .rating-body__nav a span {
  display: inline-block;
  text-align: left
}
.rating .rating-body__nav a:after {
  content: '';
  display: block;
  width: .5em;
  height: .5em;
  border-top: 2px solid;
  border-right: 2px solid
}
@media (max-width: 48em) {
  .rating .rating-body__nav a:after {
    margin-top: .3em;
    margin-right: auto;
    margin-left: auto;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
  }
}
@media (min-width: 48.0625em) {
  .rating .rating-body__nav a:after {
    position: absolute;
    top: calc(50% - .7em);
    right: 1em;
    -webkit-transform: rotate(135deg) translateY(-50%);
    transform: rotate(135deg) translateY(-50%)
  }
}
.rating .rating-body__classification {
  margin-top: 40px
}
.rating .rating-body__classification dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5
}
.rating .rating-body__classification dt {
  padding: 1em 2em;
  color: #fff;
  background-color: #6dc8eb
}
.rating .rating-body__classification dt p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.rating .rating-body__classification dd {
  padding: 1em 2em;
  background-color: #fff;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.rating .rating-body__classification dd ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.rating .rating-body__classification dd li {
  margin-right: 1.25em;
  font-family: "游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",“ヒラギノ角ゴ ProN W3”,“Hiragino Kaku Gothic ProN”,"Sogoe UI",Verdana,"メイリオ",Meiryo,sans-serif
}
.rating .rating-body__blocks {
  margin-top: 40px
}
.rating .rating-body__block:not(:first-child) {
  margin-top: 56px
}
.rating .rating-body__ttl--wrap {
  padding: 20px 0;
  text-align: center;
  border-top: 5px double #29a7e1;
  border-bottom: 5px double #29a7e1;
  background-color: #fff
}
.rating .rating-body__ttl--txt {
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.2;
  color: #29a7e1
}
.rating .rating-body__table {
  position: relative;
  overflow-x: auto;
  margin-top: 20px
}
.rating .rating-body__table:focus .table-xscroll,
.rating .rating-body__table:active .table-xscroll,
.rating .rating-body__table:hover .table-xscroll {
  display: none
}
.rating .rating-body__table table {
  width: 100% !important;
  min-width: 1000px !important
}
.rating .rating-body__table tr:first-child th,
.rating .rating-body__table tr:first-child td {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: center;
  color: #fff;
  border: 1px solid transparent;
  background-color: #6dc8eb
}
.rating .rating-body__table tr:first-child th span,
.rating .rating-body__table tr:first-child td span {
  display: block;
  font-size: 10px;
  font-size: 1rem
}
.rating .rating-body__table th,
.rating .rating-body__table td {
  position: relative;
  padding: 1em .5em;
  vertical-align: middle;
  background-color: #fff
}
.rating .rating-body__table td {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  border: 1px solid #d6d6d7
}
.rating .rating-body__xscroll {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  width: 238px;
  padding: 20px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  opacity: 0.8;
  color: #fff;
  border-radius: 8px;
  background: #282828
}
@media (min-width: 48.0625em) {
  .rating .rating-body__xscroll {
    display: none
  }
}
@media (orientation: landscape) {
  .rating .rating-body__xscroll {
    display: none
  }
}
.rating .rating-body__xscroll:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22103.711%22%20height%3D%2261%22%20viewBox%3D%220%200%20103.711%2061%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_24291%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2024291%22%20width%3D%2235.905%22%20height%3D%2221.472%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10511%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010511%22%20transform%3D%22translate(-631.644%20-2380)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10466%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010466%22%20transform%3D%22translate(-0.999%20-55.824)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10466-2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010466%22%20transform%3D%22translate(645.999%202435)%22%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_24172%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2024172%22%20transform%3D%22translate(20%200.824)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%224%22%3E%20%3Crect%20width%3D%2238%22%20height%3D%2261%22%20rx%3D%224%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%2234%22%20height%3D%2257%22%20rx%3D%222%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_12%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2012%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20transform%3D%22translate(36%2050.524)%22%20fill%3D%22%23fff%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_130%22%20data-name%3D%22%E7%B7%9A%20130%22%20x2%3D%2233.797%22%20transform%3D%22translate(21.536%2011.044)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%224%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_131%22%20data-name%3D%22%E7%B7%9A%20131%22%20x2%3D%2233.797%22%20transform%3D%22translate(21.536%2045.754)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%224%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10476%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010476%22%20transform%3D%22matrix(-0.259%2C%20-0.966%2C%200.966%2C%20-0.259%2C%20716.086%2C%202426.915)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10475%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010475%22%20transform%3D%22translate(-3%20-2.327)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_47766%22%20data-name%3D%22%E3%83%91%E3%82%B9%2047766%22%20d%3D%22M27.182%2C6.188A13.947%2C13.947%2C0%2C0%2C1%2C.5.5%22%20transform%3D%22translate(3.745%202.928)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_132%22%20data-name%3D%22%E7%B7%9A%20132%22%20y1%3D%226.064%22%20transform%3D%22translate(30.927%208.886)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_133%22%20data-name%3D%22%E7%B7%9A%20133%22%20x2%3D%226.064%22%20transform%3D%22translate(24.863%208.886)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10477%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010477%22%20transform%3D%22matrix(0.259%2C%200.966%2C%20-0.966%2C%200.259%2C%20650.914%2C%202396.676)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10475-2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010475%22%20transform%3D%22translate(-3%20-2.327)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_47766-2%22%20data-name%3D%22%E3%83%91%E3%82%B9%2047766%22%20d%3D%22M27.182%2C6.188A13.947%2C13.947%2C0%2C0%2C1%2C.5.5%22%20transform%3D%22translate(3.745%202.928)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_132-2%22%20data-name%3D%22%E7%B7%9A%20132%22%20y1%3D%226.064%22%20transform%3D%22translate(30.927%208.886)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_133-2%22%20data-name%3D%22%E7%B7%9A%20133%22%20x2%3D%226.064%22%20transform%3D%22translate(24.863%208.886)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  content: '';
  display: block;
  width: 100%;
  height: 61px;
  background-repeat: no-repeat;
  background-position: center
}
.rating .rating-body__xscroll > * {
  margin-top: 1em;
  font-weight: bold
}
.rating .rating-body__note {
  margin-top: 1.5em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #282828
}
.rating .rating-body__note li {
  position: relative;
  padding-left: 1em
}
.rating .rating-body__note li:before {
  content: '※';
  position: absolute;
  top: 0;
  left: 0
}
.rating .rating-body__attention {
  margin-top: 40px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.5;
  color: #fff
}
.audience .rating .rating-body__attention {
  color: #333
}
.rating .rating-body__attention dl + dl {
  margin-top: 1.5em
}
.rating .rating-body__attention dt {
  font-weight: bold
}
.rating .rating-body__attention dd p {
  padding-left: 0.5em
}
.rating .rating-body__attention dd p + p {
  margin-top: 1.5em
}
.rating .rating-body__attention dd li {
  position: relative;
  padding-left: 1em;
  font-weight: bold
}
.rating .rating-body__attention dd li:before {
  content: '・';
  position: absolute;
  top: 0;
  left: 0
}
.rating .rating-body__attention dd li + li {
  margin-top: 0.1em
}
.rating .rating-body__btn {
  max-width: 1000px;
  margin-top: 50px;
  margin-right: auto;
  margin-left: auto
}
.rating .rating-body__btn a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 80px;
  padding: 0 2.5em 0 1em;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.2;
  -webkit-transition: color .3s;
  transition: color .3s;
  border-radius: 8px;
  background-color: #fcff90;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media (max-width: 48em) {
  .rating .rating-body__btn a {
    height: 38px;
    font-size: 11px;
    font-size: 1.1rem
  }
}
.rating .rating-body__btn a:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cg%20id%3D%22icon_dl%22%20transform%3D%22translate(-60%20-22)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_23819%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2023819%22%20width%3D%2216%22%20height%3D%2216%22%20transform%3D%22translate(60%2022)%22%20fill%3D%22%23fff%22%20opacity%3D%220%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10412%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010412%22%20transform%3D%22translate(-225.5%20-263.5)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_46638%22%20data-name%3D%22%E3%83%91%E3%82%B9%2046638%22%20d%3D%22M298.543%2C295.522v4.148a.874.874%2C0%2C0%2C1-.873.873h-8.3a.874.874%2C0%2C0%2C1-.873-.873v-8.3a.874.874%2C0%2C0%2C1%2C.873-.873h4.148%22%20transform%3D%22translate(0%20-1.043)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_127%22%20data-name%3D%22%E7%B7%9A%20127%22%20x2%3D%222.87%22%20transform%3D%22translate(296.63%20288.5)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_128%22%20data-name%3D%22%E7%B7%9A%20128%22%20y1%3D%222.87%22%20transform%3D%22translate(299.5%20288.5)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_129%22%20data-name%3D%22%E7%B7%9A%20129%22%20y1%3D%225.261%22%20x2%3D%225.261%22%20transform%3D%22translate(294.239%20288.5)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  content: '';
  width: 1em;
  height: 1em;
  margin-right: 1em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
.rating .rating-body__exercise {
  position: relative;
  margin-top: 120px
}
@media (max-width: 48em) {
  .rating .rating-body__exercise {
    margin-top: 48px
  }
}
.rating .rating-body__exercise--anchor {
  position: absolute;
  top: -100px
}
.rating .rating-body__exercise--ttl {
  position: relative;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.5;
  text-align: center;
  color: #fff;
  border-top: 2px solid
}
@media (max-width: 48em) {
  .rating .rating-body__exercise--ttl {
    font-size: 18px;
    font-size: 1.8rem
  }
}
.rating .rating-body__exercise--ttl:before,
.rating .rating-body__exercise--ttl:after {
  content: '';
  position: absolute;
  bottom: 0;
  display: block;
  width: calc(50% - 7.7px);
  height: 2px;
  background-color: #fff
}
.rating .rating-body__exercise--ttl:before {
  left: 0;
  border-radius: 0 1.5px 0 0
}
.rating .rating-body__exercise--ttl:after {
  right: 0;
  border-radius: 1.5px 0 0 0
}
.rating .rating-body__exercise--ttl p {
  padding: .6em .5em;
  font-weight: bold
}
@media (max-width: 48em) {
  .rating .rating-body__exercise--ttl p {
    padding: 1em .5em
  }
}
.rating .rating-body__exercise--ttl p:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 13px;
  height: 13px;
  -webkit-transform: translate(-50%, 50%) rotate(45deg);
  transform: translate(-50%, 50%) rotate(45deg);
  border-right: 2px solid;
  border-bottom: 2px solid
}
.rating .rating-body__exercise--items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px;
  margin-top: 60px
}
@media (max-width: 48em) {
  .rating .rating-body__exercise--items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 27.5px
  }
}
@media (min-width: 48.0625em) {
  .rating .rating-body__exercise--item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 280px
  }
}
.rating .rating-body__exercise--item a {
  display: block;
  height: 100%;
  padding: 4.28571% 4.28571% 8.57143%;
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s,-webkit-box-shadow .3s;
  border-radius: 8px;
  background: #fff;
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.16);
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.16)
}
.rating .rating-body__exercise--item a:hover {
  -webkit-box-shadow: none;
  box-shadow: none
}
.rating .rating-body__exercise--item figure {
  position: relative;
  overflow: hidden;
  aspect-ratio: 256/144;
  border-radius: 8px
}
.rating .rating-body__exercise--item figure img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.rating .rating-body__exercise--item p {
  margin-top: 0.5em;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.7
}
.rating .rating-body__exercise--btn {
  position: relative;
  max-width: 537px;
  margin-top: 56px;
  margin-right: auto;
  margin-left: auto
}
@media (max-width: 48em) {
  .rating .rating-body__exercise--btn {
    margin-top: 20px
  }
}
.rating .rating-body__exercise--btn:before {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background-image: repeating-linear-gradient(135deg, transparent, transparent 3px, #4085a4 3px, #4085a4 5px);
  background-size: auto auto
}
@media (max-width: 48em) {
  .rating .rating-body__exercise--btn:before {
    border-radius: 8px
  }
}
.rating .rating-body__exercise--btn a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 80px;
  padding: 0 2.5em 0 1em;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.2;
  -webkit-transition: color .3s;
  transition: color .3s;
  border-radius: 20px;
  background-color: #fcff90;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media (max-width: 48em) {
  .rating .rating-body__exercise--btn a {
    height: 38px;
    font-size: 11px;
    font-size: 1.1rem;
    border-radius: 8px
  }
}
.rating .rating-body__exercise--btn a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  width: .5em;
  height: .5em;
  margin-left: 1em;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid;
  border-right: 2px solid
}
.rating .rating-backnumber {
  margin-top: 25px
}
.rating .rating-backnumber__ttl {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  color: #29a7e1
}
.rating .rating-backnumber__blocks {
  margin-top: 30px
}
.rating .rating-backnumber__block {
  padding-bottom: 32px;
  border-bottom: 1px solid #d6d6d7
}
.rating .rating-backnumber__block:not(:first-child) {
  margin-top: 32px
}
.rating .rating-backnumber__block--ttl {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold
}
.rating .rating-backnumber__list {
  margin-top: 20px
}
@media (max-width: 48em) {
  .rating .rating-backnumber__list:not(.-year):not(.-date) li {
    width: 47.45763%
  }
  .rating .rating-backnumber__list:not(.-year):not(.-date) li:not(:nth-child(odd)) {
    margin-left: 5.08475%
  }
  .rating .rating-backnumber__list:not(.-year):not(.-date) li:nth-child(n+3) {
    margin-top: 5.08475%
  }
}
@media (min-width: 48.0625em) {
  .rating .rating-backnumber__list:not(.-year):not(.-date) li {
    width: 23.95%
  }
  .rating .rating-backnumber__list:not(.-year):not(.-date) li:not(:nth-child(4n+1)) {
    margin-left: 1.4%
  }
  .rating .rating-backnumber__list:not(.-year):not(.-date) li:nth-child(n+5) {
    margin-top: 1.6%
  }
}
@media (max-width: 48em) {
  .rating .rating-backnumber__list.-year li {
    width: 28.81356%
  }
  .rating .rating-backnumber__list.-year li:not(:nth-child(3n+1)) {
    margin-left: 6.77966%
  }
  .rating .rating-backnumber__list.-year li:nth-child(n+4) {
    margin-top: 5.08475%
  }
}
@media (min-width: 48.0625em) {
  .rating .rating-backnumber__list.-year li {
    width: 11.1%
  }
  .rating .rating-backnumber__list.-year li:not(:nth-child(8n+1)) {
    margin-left: 1.6%
  }
  .rating .rating-backnumber__list.-year li:nth-child(n+9) {
    margin-top: 1.6%
  }
}
@media (max-width: 48em) {
  .rating .rating-backnumber__list.-date li:nth-child(n+2) {
    margin-top: 5.08475%
  }
}
@media (min-width: 48.0625em) {
  .rating .rating-backnumber__list.-date li {
    width: 49.3%
  }
  .rating .rating-backnumber__list.-date li:nth-child(even) {
    margin-left: 1.4%
  }
  .rating .rating-backnumber__list.-date li:nth-child(n+3) {
    margin-top: 1.6%
  }
}
.rating .rating-backnumber__list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.rating .rating-backnumber__list li {
  text-align: center
}
.rating .rating-backnumber__list li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.5em;
  padding: 0 1.5em;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.1;
  color: #fff;
  border-radius: 1.25em;
  background-color: #29a7e1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media (min-width: 48.0625em) {
  .rating .rating-backnumber__list li a {
    font-size: clamp(10px, 1.3vw, 16px);
    font-size: clamp(1rem, 1.3vw, 1.6rem)
  }
}
.rating .rating-backnumber__list li a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1.5em;
  width: .5em;
  height: .5em;
  -webkit-transform: rotate(45deg) translateY(calc(-50% - 1px));
  transform: rotate(45deg) translateY(calc(-50% - 1px));
  border-top: 2px solid;
  border-right: 2px solid
}
@media (max-width: 48em) {
  .rating .rating-backnumber__list li a:after {
    right: 1em
  }
}
.rating .rating-backnumber__note {
  margin-top: 1.5em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #282828
}
.rating .rating-backnumber__note li {
  position: relative;
  padding-left: 1em
}
.rating .rating-backnumber__note li:before {
  content: '※';
  position: absolute;
  top: 0;
  left: 0
}
.rating .rating-footer {
  position: relative;
  padding: 80px 0
}
@media (max-width: 48em) {
  .rating .rating-footer {
    padding-top: 40px
  }
}
.rating .rating-footer__gnav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media (max-width: 48em) {
  .rating .rating-footer__gnav ul {
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
@media (max-width: 48em) {
  .rating .rating-footer__gnav li {
    width: 47.16418%;
    max-width: 180px
  }
  .rating .rating-footer__gnav li:nth-child(n+3) {
    margin-top: 3.58209%
  }
}
@media (min-width: 48.0625em) {
  .rating .rating-footer__gnav li {
    width: 15%;
    min-width: 180px
  }
  .rating .rating-footer__gnav li:not(:first-child) {
    margin-left: 1.66667%
  }
}
.rating .rating-footer__gnav li a {
  display: block;
  overflow: hidden;
  border: 1px solid #dadada;
  border-radius: 8px;
  background: #fff
}
@media (min-width: 48.0625em) {
  .rating .rating-footer__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1000px;
    margin-top: 25px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
.rating .rating-footer__nav {
  margin-top: 25px
}
.rating .rating-footer__nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.rating .rating-footer__nav li {
  font-size: 14px;
  font-size: 1.4rem
}
.rating .rating-footer__nav li:not(:last-child) {
  margin-right: 2em
}
.rating .rating-footer__nav li a:hover {
  text-decoration: underline
}
.rating .rating-footer__nav li a:before {
  content: "＞";
  padding-right: 0.5em
}
.rating .rating-footer__copyright {
  margin-top: 25px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  color: #9d9d9d
}
.rating .rating-pagetop {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.rating .rating-pagetop a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100px;
  height: 100px;
  font-size: 12px;
  font-size: 1.2rem;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media (max-width: 48em) {
  .rating .rating-pagetop a {
    width: 70px;
    height: 70px;
    font-size: 10px;
    font-size: 1rem
  }
}
.rating .rating-pagetop a:after {
  content: '';
  width: 2em;
  height: 2em;
  margin-top: 0.5em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-top: 2px solid;
  border-right: 2px solid
}
.company .container {
  max-width: 1120px
}
.company a {
  word-break: break-all
}
.company a.-blue {
  font-weight: bold;
  text-decoration: underline;
  color: #0ba4de
}
.company a.-blue:hover {
  text-decoration: none
}
.company a.-blue span {
  font-weight: bold
}
.company a.-blue.-blank:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cg%20id%3D%22icon_dl%22%20transform%3D%22translate(-60%20-22)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_23819%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2023819%22%20width%3D%2216%22%20height%3D%2216%22%20transform%3D%22translate(60%2022)%22%20fill%3D%22%23fff%22%20opacity%3D%220%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10412%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010412%22%20transform%3D%22translate(-225.5%20-263.5)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_46638%22%20data-name%3D%22%E3%83%91%E3%82%B9%2046638%22%20d%3D%22M298.543%2C295.522v4.148a.874.874%2C0%2C0%2C1-.873.873h-8.3a.874.874%2C0%2C0%2C1-.873-.873v-8.3a.874.874%2C0%2C0%2C1%2C.873-.873h4.148%22%20transform%3D%22translate(0%20-1.043)%22%20fill%3D%22none%22%20stroke%3D%22%230ba4de%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_127%22%20data-name%3D%22%E7%B7%9A%20127%22%20x2%3D%222.87%22%20transform%3D%22translate(296.63%20288.5)%22%20fill%3D%22none%22%20stroke%3D%22%230ba4de%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_128%22%20data-name%3D%22%E7%B7%9A%20128%22%20y1%3D%222.87%22%20transform%3D%22translate(299.5%20288.5)%22%20fill%3D%22none%22%20stroke%3D%22%230ba4de%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_129%22%20data-name%3D%22%E7%B7%9A%20129%22%20y1%3D%225.261%22%20x2%3D%225.261%22%20transform%3D%22translate(294.239%20288.5)%22%20fill%3D%22none%22%20stroke%3D%22%230ba4de%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}
.company a.-blank:hover {
  text-decoration: underline
}
.company a.-blank > *,
.company a.-blank:after {
  vertical-align: middle
}
.company a.-blank:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cg%20id%3D%22icon_dl%22%20transform%3D%22translate(-60%20-22)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_23819%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2023819%22%20width%3D%2216%22%20height%3D%2216%22%20transform%3D%22translate(60%2022)%22%20fill%3D%22%23fff%22%20opacity%3D%220%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10412%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010412%22%20transform%3D%22translate(-225.5%20-263.5)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_46638%22%20data-name%3D%22%E3%83%91%E3%82%B9%2046638%22%20d%3D%22M298.543%2C295.522v4.148a.874.874%2C0%2C0%2C1-.873.873h-8.3a.874.874%2C0%2C0%2C1-.873-.873v-8.3a.874.874%2C0%2C0%2C1%2C.873-.873h4.148%22%20transform%3D%22translate(0%20-1.043)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_127%22%20data-name%3D%22%E7%B7%9A%20127%22%20x2%3D%222.87%22%20transform%3D%22translate(296.63%20288.5)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_128%22%20data-name%3D%22%E7%B7%9A%20128%22%20y1%3D%222.87%22%20transform%3D%22translate(299.5%20288.5)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_129%22%20data-name%3D%22%E7%B7%9A%20129%22%20y1%3D%225.261%22%20x2%3D%225.261%22%20transform%3D%22translate(294.239%20288.5)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: .5em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
.company .company__section:not(:first-child) {
  margin-top: 56px
}
@media (max-width: 48em) {
  .company .company__section:not(:first-child) {
    margin-top: 30px
  }
}
.company .company__section--ttl {
  padding-bottom: 0.2em;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.8;
  border-bottom: 1px solid
}
@media (max-width: 48em) {
  .company .company__section--ttl {
    font-size: 22px;
    font-size: 2.2rem
  }
}
.company .company__section--ttl > * {
  font-weight: bold
}
.company .company__section--ttl + .company__blocks {
  margin-top: 20px
}
.company .company__block:not(:first-child) {
  margin-top: 40px
}
.company .company__block--ttl {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6
}
@media (max-width: 48em) {
  .company .company__block--ttl {
    font-size: 18px;
    font-size: 1.8rem
  }
}
.company .company__block--ttl > * {
  font-weight: bold
}
.company .company__block--ttl + .company__boxs {
  margin-top: 20px
}
.company .company__box:not(:first-child) {
  margin-top: 32px
}
.company .company__box--ttl {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6
}
@media (max-width: 48em) {
  .company .company__box--ttl {
    font-size: 18px;
    font-size: 1.8rem
  }
}
.company .company__box--ttl > * {
  font-weight: bold
}
.company .company__box--ttl--fz18 {
  font-size: 18px;
  font-size: 1.8rem
}
.company .company__box--txt {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6
}
.company .company__items {
  margin-top: 20px
}
.company .company__item:not(:first-child) {
  margin-top: 20px
}
.company .company__item ol,
.company .company__item ul {
  padding-left: 1.5em
}
.company .company__item ol .-strong,
.company .company__item ul .-strong {
  font-weight: bold
}
.company .company__item ul {
  list-style-type: disc
}
.company .company__item ol li.-parentheses {
  padding-left: 1em;
  list-style-type: none;
  counter-increment: cnt;
  text-indent: -1.5em
}
.company .company__item ol li.-parentheses::before {
  content: "(" counter(cnt) ") "
}
.company .company__item ol li.-parentheses > * {
  text-indent: 0
}
.company .company__item > ol > li,
.company .company__item > ul > li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
.company .company__item > ol > li:not(:first-child),
.company .company__item > ul > li:not(:first-child) {
  margin-top: 1em
}
.company .company__item > ol > li > *,
.company .company__item > ul > li > * {
  margin-top: .5em
}
.company .company__item > ol > li li,
.company .company__item > ul > li li {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6
}
.company .company__item > ol > li li:not(:first-child),
.company .company__item > ul > li li:not(:first-child) {
  margin-top: 1em
}
.company .company__item .company__policy-glid .company__policy-glid-wrap {
  border: 1px solid #d6d6d7
}
.company .company__item .company__policy-glid .company__policy-glid-wrap dt {
  padding: 21px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  border-bottom: 1px solid #d6d6d7;
  background-color: #e7f0fbff
}
.company .company__item .company__policy-glid .company__policy-glid-wrap dd {
  padding: 21px;
  font-size: 14px;
  font-size: 1.4rem
}
.company .company__item .company__policy-glid .company__policy-glid-wrap dd li {
  font-weight: bold
}
.company .company__item .company__policy-glid .company__policy-glid-wrap:not(:last-child) {
  border-bottom: none
}
.company .company-table table {
  width: 100%;
  border: 1px solid #d6d6d7
}
@media (max-width: 48em) {
  .company .company-table table tr:not(:first-child) {
    border-top: 1px solid #d6d6d7
  }
}
.company .company-table table th,
.company .company-table table td {
  padding: 1em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  vertical-align: top
}
@media (min-width: 48.0625em) {
  .company .company-table table th,
  .company .company-table table td {
    border: 1px solid #d6d6d7
  }
}
@media (max-width: 48em) {
  .company .company-table table th,
  .company .company-table table td {
    display: block;
    font-size: 14px;
    font-size: 1.4rem
  }
}
.company .company-table table th {
  text-align: left;
  background-color: #f8f8f8
}
@media (min-width: 48.0625em) {
  .company .company-table table th {
    width: 33.65922%
  }
}
.company .company-table table td > *:not(:first-child) {
  margin-top: 0.5em
}
.company .company-table table dl:not(:first-child) {
  margin-top: 1em
}
.company .company-table table dt {
  font-weight: bold
}
.company .company-table table dd {
  margin-top: 0.5em
}
.company .company-table table ul {
  padding-left: 1em
}
.company .company-table table li {
  list-style: disc
}
.company .company-desc > * {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6
}
@media (max-width: 48em) {
  .company .company-desc > * {
    font-size: 14px;
    font-size: 1.4rem
  }
}
.company .company-desc > *:not(:first-child) {
  margin-top: 1em
}
.company .company-desc > *.-right {
  text-align: right
}
.company .company-desc > * span {
  display: inline-block
}
.company .company-desc > * span + span {
  margin-left: 1em
}
.company .company-desc ul {
  padding-left: 1em
}
.company .company-desc li {
  list-style: disc
}
.company .company-desc li:not(:first-child) {
  margin-top: 1em
}
.company .company-desc a {
  font-weight: bold;
  text-decoration: underline;
  color: #0ba4de
}
.company .company-desc a:hover {
  text-decoration: none
}
.company .company-desc a.-blank:after {
  margin-right: 0.1em;
  margin-left: 0.1em
}
.company .company-list {
  padding: 4.46927%;
  background-color: #f8f8f8
}
.company .company-list ol,
.company .company-list ul {
  padding-left: 1em
}
.company .company-list ol .-strong,
.company .company-list ul .-strong {
  font-weight: bold
}
.company .company-list ul {
  list-style-type: disc
}
.company .company-list ol li.-parentheses {
  list-style-type: none;
  counter-increment: cnt;
  text-indent: -1.5em
}
.company .company-list ol li.-parentheses::before {
  content: "(" counter(cnt) ") "
}
.company .company-list ol li.-parentheses > * {
  text-indent: 0
}
.company .company-list > ol > li,
.company .company-list > ul > li {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8
}
.company .company-list > ol > li:not(:first-child),
.company .company-list > ul > li:not(:first-child) {
  margin-top: 1em
}
.company .company-list > ol > li > *,
.company .company-list > ul > li > * {
  margin-top: .5em
}
.company .company-list > ol > li li,
.company .company-list > ul > li li {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6
}
.company .company-list > ol > li li:not(:first-child),
.company .company-list > ul > li li:not(:first-child) {
  margin-top: 1em
}
.company dl.environment dd {
  display: list-item;
  margin-left: 1em
}
.company dl.environment dd.environment--note {
  margin-left: 0;
  list-style: none
}
@media (min-width: 48.0625em) {
  .company .company-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .company .company-column > * {
    width: 48.60335%
  }
}
@media (max-width: 48em) {
  .company .company-column > *:last-child {
    margin-top: 20px
  }
}
.company .company-contact {
  padding: 4.46927%;
  background-color: #f8f8f8
}
.company .company-contact dt {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.6
}
.company .company-contact dd {
  margin-top: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4
}
.company .company-contact dd > ul {
  padding-left: 0
}
.company .company-contact dd > ul li {
  list-style: none
}
.company .company-contact dd > ul li:not(:first-child) {
  margin-top: 0.4em
}
.company .company-contact dd > ul li p {
  display: inline-block;
  vertical-align: middle
}
.company .company-contact dd > p:not(:first-child) {
  margin-top: 0.5em
}
.company .company-contact dd a span {
  display: inline
}
.company .company-contact dd i,
.company .company-contact dd span {
  display: inline-block;
  vertical-align: middle
}
.company .company-contact dd i {
  width: 1.2em;
  height: 1.2em;
  margin-right: 0.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
.company .company-contact dd i.-tel {
  background-image: url("/_assets/images/icon/tel.svg")
}
.company .company-contact dd i.-freetel {
  background-image: url("/_assets/images/icon/freetel.svg")
}
.company .company-btn ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -20px;
  margin-left: -20px
}
.company .company-btn li {
  margin-top: 20px;
  margin-left: 20px;
  text-align: center
}
.company .company-faq dt,
.company .company-faq dd {
  position: relative;
  padding: 17px 2.96296%
}
@media (max-width: 48em) {
  .company .company-faq dt,
  .company .company-faq dd {
    padding: 17px 5.97015%
  }
}
.company .company-faq dt a,
.company .company-faq dd a {
  text-decoration: underline;
  color: #0aa2e6
}
.company .company-faq dt a:hover,
.company .company-faq dd a:hover {
  text-decoration: none
}
.company .company-faq dt {
  background-color: #f8f8f8
}
.company .company-faq dt > * {
  position: relative;
  padding-right: 25px
}
.company .company-faq dt > *:before,
.company .company-faq dt > *:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 20px;
  height: 2px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #f51c1a
}
.company .company-faq dt > *:after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg)
}
.company .company-faq dt.is-active > *:before {
  background-color: #007fc5
}
.company .company-faq dt.is-active > *:after {
  display: none
}
.company .company-faq dt > * {
  font-weight: bold
}
.company .company-faq dd {
  display: none
}
.company .company-faq__q {
  position: relative;
  display: block;
  padding-left: 2.5em;
  font-weight: bold
}
.company .company-faq__q:before {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1
}
.company .company-faq__q:before {
  content: 'Q.';
  color: #007fc5
}
.company .company-index {
  padding: 30px 0 80px
}
@media (max-width: 48em) {
  .company .company-index {
    padding: 30px 0 40px
  }
}
.company .company-index__bnr {
  text-align: center
}
.company .company-index__nav {
  margin-top: 56px
}
@media (max-width: 48em) {
  .company .company-index__nav {
    margin-top: 30px
  }
}
.company .company-index__nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@media (min-width: 48.0625em) {
  .company .company-index__nav li {
    width: 32.22222%
  }
  .company .company-index__nav li:not(:nth-child(3n+1)) {
    margin-left: 1.66667%
  }
  .company .company-index__nav li:nth-child(n+4) {
    margin-top: 1.66667%
  }
}
@media (max-width: 48em) {
  .company .company-index__nav li {
    width: 48.35821%
  }
  .company .company-index__nav li:nth-child(even) {
    margin-left: 2.98507%
  }
  .company .company-index__nav li:nth-child(n+3) {
    margin-top: 20px
  }
}
.company .company-index__nav a:hover figcaption:after {
  margin-left: 1em
}
.company .company-index__nav a:hover figure:before {
  left: 0
}
.company .company-index__nav figcaption {
  margin-top: 0.5em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.6
}
@media (max-width: 48em) {
  .company .company-index__nav figcaption {
    font-size: 14px;
    font-size: 1.4rem
  }
}
.company .company-index__nav figcaption > *,
.company .company-index__nav figcaption:after {
  font-weight: bold;
  vertical-align: middle
}
.company .company-index__nav figcaption:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: .5em;
  -webkit-transition: margin-left .5s;
  transition: margin-left .5s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
.company .company-copy dt > *,
.company .company-copy dd > * {
  font-weight: bold
}
.company .company-copy dt {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.6
}
@media (max-width: 48em) {
  .company .company-copy dt {
    font-size: 24px;
    font-size: 2.4rem
  }
}
.company .company-copy dd {
  margin-top: 0.5em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2
}
.company .company-philosophy__tagline {
  padding: 38px 0;
  text-align: center
}
.company .company-philosophy__statement {
  margin-top: 30px
}
.company .company-locations__section:not(:first-child) {
  margin-top: 40px
}
@media (max-width: 48em) {
  .company .company-locations__section:not(:first-child) {
    margin-top: 20px
  }
}
.company .company-locations__section--ttl {
  position: relative;
  font-size: 30px;
  font-size: 3rem;
  border-bottom: 1px solid #d6d6d7
}
@media (max-width: 48em) {
  .company .company-locations__section--ttl {
    font-size: 24px;
    font-size: 2.4rem
  }
}
.company .company-locations__section--ttl:before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  display: block;
  width: 16.75978%;
  height: 1px;
  background-color: #6dc8eb
}
.company .company-locations__section--ttl > * {
  display: inline-block
}
.company .company-locations__section--ttl strong {
  font-weight: bold
}
.company .company-locations__section--ttl span {
  margin-left: 1.5em;
  font-size: 0.6em;
  font-weight: bold
}
.company .company-locations__boxs {
  margin-top: 20px
}
.company .company-locations__box {
  padding-bottom: 32px
}
.company .company-locations__box:not(:first-child) {
  margin-top: 32px
}
.company .company-locations__box:not(:last-child) {
  border-bottom: 1px solid #d6d6d7
}
.company .company-locations__detail {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6
}
@media (max-width: 48em) {
  .company .company-locations__detail {
    font-size: 14px;
    font-size: 1.4rem
  }
}
.company .company-locations__name {
  margin-bottom: 1em;
  font-weight: bold
}
.company .company-locations__number {
  margin-top: 0.5em
}
.company .company-locations__number dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.company .company-locations__number dl:not(:first-child) {
  margin-top: 0.5em
}
.company .company-locations__map {
  font-size: 0
}
.company .company-locations__map iframe {
  width: 100%;
  height: 215px
}
.company .company-history__body {
  margin-top: 80px
}
@media (max-width: 48em) {
  .company .company-history__body {
    margin-top: 40px
  }
}
.company .company-history__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.company .company-history__tab {
  padding: .8em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
  cursor: pointer;
  text-align: center;
  border-top: 4px solid #f8f8f8;
  border-bottom: 1px solid #0aa2e6;
  border-left: 1px solid;
  background-color: #f8f8f8;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
@media (max-width: 48em) {
  .company .company-history__tab {
    font-size: 14px;
    font-size: 1.4rem
  }
}
.company .company-history__tab.is-active {
  color: #0aa2e6;
  border-top: 4px solid #0aa2e6;
  border-bottom: 1px solid #fff;
  background-color: #fff
}
.company .company-history__tab.is-active + li {
  border-left: 1px solid #0aa2e6
}
.company .company-history__tab:last-child {
  border-right: 1px solid
}
.company .company-history__tab span:first-child:after {
  content: 'ー';
  margin-right: 0.5em;
  margin-left: 0.5em
}
@media (max-width: 48em) {
  .company .company-history__tab span:first-child:after {
    display: block;
    margin: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
  }
}
.company .company-history__contents {
  margin-top: 20px
}
.company .company-history__section:not(:first-child) {
  margin-top: 32px
}
.company .company-history__section--ttl {
  position: relative;
  font-size: 30px;
  font-size: 3rem;
  border-bottom: 1px solid #d6d6d7
}
@media (max-width: 48em) {
  .company .company-history__section--ttl {
    font-size: 20px;
    font-size: 2rem
  }
}
.company .company-history__section--ttl:before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  display: block;
  width: 16.75978%;
  height: 1px;
  background-color: #6dc8eb
}
.company .company-history__section--ttl > * {
  font-weight: bold
}
.company .company-history__list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1em 4.46927%;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  border-bottom: 1px solid #d6d6d7
}
@media (max-width: 48em) {
  .company .company-history__list dl {
    font-size: 14px;
    font-size: 1.4rem
  }
}
.company .company-history__list dt {
  min-width: 6.875em;
  font-weight: bold
}
@media (max-width: 48em) {
  .company .company-history__list dt {
    min-width: 6em
  }
}
.company .company-policy__feature {
  padding: 4.46927%;
  background-color: #f4fcff
}
.company .company-policy__feature dt {
  margin-bottom: 1em;
  padding-bottom: 1em;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2;
  text-align: center;
  border-bottom: 1px solid #6dc8eb
}
@media (max-width: 48em) {
  .company .company-policy__feature dt {
    font-size: 18px;
    font-size: 1.8rem
  }
}
.company .company-policy__feature dt > * {
  display: inline-block;
  font-weight: bold;
  text-align: left
}
.company .company-policy__feature dd > * {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6
}
@media (max-width: 48em) {
  .company .company-policy__feature dd > * {
    font-size: 14px;
    font-size: 1.4rem
  }
}
.company .company-policy__feature dd > *:not(:first-child) {
  margin-top: 1em
}
.company .company-policy__feature dd strong {
  color: #0aa2e6
}
.company .company-policy__link li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
@media (max-width: 48em) {
  .company .company-policy__link li {
    font-size: 14px;
    font-size: 1.4rem
  }
}
.company .company-policy__link li:not(:first-child) {
  margin-top: .6em
}
.company .company-policy__link a > *,
.company .company-policy__link a:after {
  vertical-align: middle
}
.company .company-policy__link a:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: .5em;
  -webkit-transition: margin-left .5s;
  transition: margin-left .5s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
.company .company-policy__link a:hover:after {
  margin-left: 1em
}
.company .company-policy__anc ol {
  padding-left: 0
}
.company .company-policy__anc li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
@media (max-width: 48em) {
  .company .company-policy__anc li {
    font-size: 14px;
    font-size: 1.4rem
  }
}
.company .company-policy__anc li:not(:first-child) {
  margin-top: .6em
}
.company .company-policy__anc a > *,
.company .company-policy__anc a:after {
  vertical-align: middle
}
.company .company-policy__anc a:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: .5em;
  -webkit-transition: margin-left .5s;
  transition: margin-left .5s;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-filter: invert(60%) sepia(88%) saturate(4350%) hue-rotate(169deg) brightness(100%) contrast(92%);
  filter: invert(60%) sepia(88%) saturate(4350%) hue-rotate(169deg) brightness(100%) contrast(92%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
.company .company-policy__anc ol.-parentheses--right li {
  padding-left: 1.5em;
  list-style-type: none;
  counter-increment: cnt;
  text-indent: -1.5em
}
.company .company-policy__anc ol.-parentheses--right li::before {
  content: counter(cnt) ") ";
  margin-right: 0.5em;
  font-weight: bold;
  color: #0aa2e6
}
.company .company-policy__anc ol.-parentheses--right li > * {
  text-indent: 0
}
@media (min-width: 48.0625em) {
  .company .company-policy__pmark dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}
.company .company-policy__pmark dt {
  text-align: center
}
@media (min-width: 48.0625em) {
  .company .company-policy__pmark dt {
    min-width: 19.55307%
  }
}
@media (min-width: 48.0625em) {
  .company .company-policy__pmark dd {
    margin-left: 2.7933%
  }
}
@media (max-width: 48em) {
  .company .company-policy__pmark dd {
    margin-top: 15px
  }
}
.company .company-policy__detail {
  padding: 4.46927%;
  background-color: #fff
}
.company .company-policy__detail > ol {
  padding-left: 2em;
  counter-reset: cnt
}
.company .company-policy__detail > ol > li {
  position: relative;
  list-style-type: none;
  counter-increment: cnt
}
.company .company-policy__detail > ol > li:before {
  content: "(" counter(cnt) ")";
  position: relative;
  position: absolute;
  top: 0;
  right: 100%;
  margin-right: 0.5em
}
.company .company-measurement__nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.company .company-measurement__nav li {
  width: 48.60335%
}
.company .company-measurement__nav li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 56px;
  padding: 0 2.5em 0 1em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.2;
  -webkit-transition: color .3s;
  transition: color .3s;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  color: #fff;
  border: 1px solid;
  border-radius: 8px;
  background: #fff;
  background-color: #0aa2e6;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media (max-width: 48em) {
  .company .company-measurement__nav li a {
    height: 53px;
    font-size: 12px;
    font-size: 1.2rem
  }
}
.company .company-measurement__nav li a span {
  position: relative;
  font-weight: bold
}
.company .company-measurement__nav li a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 5.33333%;
  display: block;
  width: 0.5em;
  height: 0.5em;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-right: 2px solid;
  border-bottom: 2px solid
}
.company .company-measurement__nav li a:hover {
  opacity: 0.7
}
.company .company-measurement__contact {
  padding: 4.46927% 4.46927% 22px;
  background-color: #fff4e5
}
.company .company-measurement__contact dt,
.company .company-measurement__contact dd {
  text-align: center
}
.company .company-measurement__contact dt > p,
.company .company-measurement__contact dd > p {
  display: inline-block;
  text-align: left
}
.company .company-measurement__contact dt {
  margin-bottom: 1em;
  font-size: 18px;
  font-size: 1.8rem
}
@media (max-width: 48em) {
  .company .company-measurement__contact dt {
    font-size: 16px;
    font-size: 1.6rem
  }
}
.company .company-measurement__contact dt > p {
  font-weight: bold
}
.company .company-measurement__contact dd {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6
}
@media (max-width: 48em) {
  .company .company-measurement__contact dd {
    font-size: 12px;
    font-size: 1.2rem
  }
}
.company .company-measurement__contact .c-btn {
  margin-top: 32px;
  margin-right: auto;
  margin-left: auto
}
@media (min-width: 48.0625em) {
  .sitemap .sitemap__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}
.sitemap .sitemap__column:not(:first-child) {
  margin-top: 56px
}
@media (min-width: 48.0625em) {
  .sitemap .sitemap__section {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
  .sitemap .sitemap__section:nth-child(even) {
    margin-left: 1.85185%
  }
}
@media (max-width: 48em) {
  .sitemap .sitemap__section:not(:first-child) {
    margin-top: 56px
  }
}
.sitemap .sitemap__section--ttl {
  position: relative;
  font-size: 30px;
  font-size: 3rem;
  border-bottom: 1px solid #d6d6d7
}
@media (max-width: 48em) {
  .sitemap .sitemap__section--ttl {
    font-size: 24px;
    font-size: 2.4rem
  }
}
.sitemap .sitemap__section--ttl:before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  display: block;
  width: 16.75978%;
  height: 1px;
  background-color: #6dc8eb
}
.sitemap .sitemap__section--ttl > * {
  font-weight: bold
}
.sitemap .sitemap__list {
  margin-top: 12px
}
@media (min-width: 48.0625em) {
  .sitemap .sitemap__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}
@media (min-width: 48.0625em) {
  .sitemap .sitemap__list > ul {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }
  .sitemap .sitemap__list > ul:nth-child(even) {
    margin-left: 1.85185%
  }
  .sitemap .sitemap__list > ul.-half {
    max-width: 49.07407%
  }
}
.sitemap .sitemap__list > ul > li {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.4
}
.sitemap .sitemap__list > ul > li > a {
  padding-top: 1em;
  padding-bottom: 1em
}
.sitemap .sitemap__list > ul > li > ul {
  margin-left: 1em
}
.sitemap .sitemap__list > ul > li > ul > li {
  font-size: 16px;
  font-size: 1.6rem
}
.sitemap .sitemap__list > ul > li > ul > li > a {
  padding-top: .8em;
  padding-bottom: .8em
}
.sitemap .sitemap__list a {
  position: relative;
  display: block;
  padding-right: 2.5em;
  border-bottom: 1px solid #d6d6d7
}
.sitemap .sitemap__list a:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  right: 2rem;
  display: block;
  width: 20px;
  width: 2rem;
  height: 20px;
  height: 2rem;
  -webkit-transition: margin-left .5s;
  transition: margin-left .5s;
  -webkit-transition: right .5s;
  transition: right .5s;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
.sitemap .sitemap__list a:hover:after {
  right: 0
}
.sitemap .sitemap-head {
  padding: 80px 0;
  background-color: #f4fcff
}
.sitemap .sitemap-body {
  padding: 56px 0 80px
}
.facility .facility__section:not(:first-child) {
  margin-top: 56px
}
@media (max-width: 48em) {
  .facility .facility__section:not(:first-child) {
    margin-top: 30px
  }
}
.facility .facility__section--ttl {
  padding-bottom: 0.2em;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.8;
  border-bottom: 1px solid
}
@media (max-width: 48em) {
  .facility .facility__section--ttl {
    font-size: 22px;
    font-size: 2.2rem
  }
}
.facility .facility__section--ttl > * {
  font-weight: bold
}
.facility .facility__section--body {
  margin-top: 20px
}
.facility .facility-desc > * {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6
}
@media (max-width: 48em) {
  .facility .facility-desc > * {
    font-size: 14px;
    font-size: 1.4rem
  }
}
.facility .facility-desc > *:not(:first-child) {
  margin-top: 1em
}
.facility .facility-desc > *.-right {
  text-align: right
}
.facility .facility-desc > * span {
  display: inline-block
}
.facility .facility-desc > * span + span {
  margin-left: 1em
}
.facility .facility-desc ul {
  padding-left: 1em
}
.facility .facility-desc li {
  list-style: disc
}
.facility .facility-desc a > *,
.facility .facility-desc a:after {
  vertical-align: middle
}
.facility .facility-desc a:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: .5em;
  -webkit-transition: margin-left .5s;
  transition: margin-left .5s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
.facility .facility-desc a:hover:after {
  margin-left: 1em
}
.facility .facility-introduction {
  margin-top: 32px
}
@media (min-width: 48.0625em) {
  .facility .facility-introduction ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
@media (min-width: 48.0625em) {
  .facility .facility-introduction li {
    width: 48.60335%
  }
  .facility .facility-introduction li:nth-child(n+3) {
    margin-top: 4.46927%
  }
}
@media (max-width: 48em) {
  .facility .facility-introduction li {
    text-align: center
  }
  .facility .facility-introduction li:not(:first-child) {
    margin-top: 20px
  }
}
.facility .facility-introduction figure figcaption {
  margin-top: 0.5em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2
}
@media (max-width: 48em) {
  .facility .facility-introduction figure figcaption {
    font-size: 14px;
    font-size: 1.4rem
  }
}
.facility .facility-contact {
  margin-top: 20px
}
.facility .facility-contact dl {
  padding: 2.7933%;
  background-color: #f8f8f8
}
.facility .facility-contact dt {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold
}
.facility .facility-contact dd {
  margin-top: 10px
}
.facility .facility-contact dd a {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  color: #0aa2e6
}
.facility .facility-contact dd a > *,
.facility .facility-contact dd a:before {
  display: inline-block;
  font-weight: bold;
  vertical-align: middle
}
.facility .facility-contact dd a:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_12914%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2012914%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_24174%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2024174%22%20width%3D%2215.993%22%20height%3D%2213.454%22%20fill%3D%22%230aa2e6%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_24175%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2024175%22%20width%3D%2216%22%20height%3D%2216%22%20transform%3D%22translate(0)%22%20fill%3D%22%23fff%22%20opacity%3D%220.003%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10470%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010470%22%20transform%3D%22translate(0%201.599)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10469%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010469%22%20transform%3D%22translate(0%200)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_47767%22%20data-name%3D%22%E3%83%91%E3%82%B9%2047767%22%20d%3D%22M12.8%2C16.348H5.765c-.079%2C0-1.821-.459-1.955-1.17a8.866%2C8.866%2C0%2C0%2C1-.164-2.309L5.16%2C8.463a.639.639%2C0%2C0%2C1%2C.6-.432H12.8a.639.639%2C0%2C0%2C1%2C.6.41l1.714%2C4.449a1.122%2C1.122%2C0%2C0%2C1%2C.08.561c-.038.349-.122%2C1.034-.253%2C1.726a1.073%2C1.073%2C0%2C0%2C1-.622.722.633.633%2C0%2C0%2C1-.068.027%2C6.273%2C6.273%2C0%2C0%2C1-1.446.422M5.864%2C15.068H12.72c.2-.059.741-.232%2C1-.315.108-.612.178-1.2.2-1.44l-1.556-4H6.222L4.867%2C13.244c.013.258.1%2C1.015.162%2C1.459.233.12.649.3.835.365m7.819-.129v0M4.89%2C14.622Z%22%20transform%3D%22translate(-1.296%20-2.893)%22%20fill%3D%22%230aa2e6%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_47768%22%20data-name%3D%22%E3%83%91%E3%82%B9%2047768%22%20d%3D%22M10.943%2C15.771A2.86%2C2.86%2C0%2C0%2C1%2C7.9%2C13.146a2.86%2C2.86%2C0%2C0%2C1%2C3.043-2.625%2C2.86%2C2.86%2C0%2C0%2C1%2C3.042%2C2.625%2C2.86%2C2.86%2C0%2C0%2C1-3.042%2C2.625m0-3.971a1.6%2C1.6%2C0%2C0%2C0-1.763%2C1.345%2C1.6%2C1.6%2C0%2C0%2C0%2C1.763%2C1.346%2C1.6%2C1.6%2C0%2C0%2C0%2C1.762-1.346A1.6%2C1.6%2C0%2C0%2C0%2C10.943%2C11.8%22%20transform%3D%22translate(-2.846%20-3.791)%22%20fill%3D%22%230aa2e6%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_47769%22%20data-name%3D%22%E3%83%91%E3%82%B9%2047769%22%20d%3D%22M2.075%2C6.022a1.124%2C1.124%2C0%2C0%2C1-.951-.492L.142%2C3.987a.947.947%2C0%2C0%2C1-.109-.753%2C1.589%2C1.589%2C0%2C0%2C1%2C.679-.857A13.055%2C13.055%2C0%2C0%2C1%2C8%2C0%2C13.509%2C13.509%2C0%2C0%2C1%2C15.27%2C2.37a1.593%2C1.593%2C0%2C0%2C1%2C.688.86l0%2C.007a.946.946%2C0%2C0%2C1-.111.752l-.978%2C1.535a1.193%2C1.193%2C0%2C0%2C1-1.563.345%2C10.417%2C10.417%2C0%2C0%2C0-1.556-.728%2C1.177%2C1.177%2C0%2C0%2C1-.792-1.368l.116-.437A11.022%2C11.022%2C0%2C0%2C0%2C8%2C2.967a10.368%2C10.368%2C0%2C0%2C0-2.988.377l.118.432a1.175%2C1.175%2C0%2C0%2C1-.789%2C1.373c-.354.122-.93.37-1.349.551-.66.285-.745.321-.914.321M12.236%2C3.955a11.453%2C11.453%2C0%2C0%2C1%2C1.633.763L14.645%2C3.5c-.026-.022-.06-.047-.1-.077A12.343%2C12.343%2C0%2C0%2C0%2C8%2C1.279%2C11.878%2C11.878%2C0%2C0%2C0%2C1.462%2C3.414c-.048.035-.085.063-.113.087l.756%2C1.188.377-.162c.438-.189.976-.422%2C1.372-.563L3.765%2C3.63A1.272%2C1.272%2C0%2C0%2C1%2C3.9%2C2.656C4.425%2C1.782%2C6.94%2C1.688%2C8%2C1.688c1.351%2C0%2C3.692.125%2C4.192.963a1.265%2C1.265%2C0%2C0%2C1%2C.138.969ZM14.774%2C3.3l0%2C.006Zm-13.556%2C0%2C0%2C.007%2C0-.007%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%230aa2e6%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_47770%22%20data-name%3D%22%E3%83%91%E3%82%B9%2047770%22%20d%3D%22M9.626%2C8.59a.64.64%2C0%2C0%2C1-.64-.64V6.671a.64.64%2C0%2C1%2C1%2C1.279%2C0V7.95a.64.64%2C0%2C0%2C1-.64.64%22%20transform%3D%22translate(-3.237%20-2.173)%22%20fill%3D%22%230aa2e6%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_47771%22%20data-name%3D%22%E3%83%91%E3%82%B9%2047771%22%20d%3D%22M15.626%2C8.59a.64.64%2C0%2C0%2C1-.64-.64V6.671a.64.64%2C0%2C1%2C1%2C1.279%2C0V7.95a.64.64%2C0%2C0%2C1-.64.64%22%20transform%3D%22translate(-5.399%20-2.173)%22%20fill%3D%22%230aa2e6%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  content: '';
  width: 1em;
  height: 1em;
  margin-right: .3em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
.facility .facility-contact dd p {
  font-size: 14px;
  font-size: 1.4rem
}
.facility .facility-contact dd p:not(:first-child) {
  margin-top: 1em
}
.facility .facility-contact ul {
  margin-top: 1em;
  font-size: 14px;
  font-size: 1.4rem
}
.facility .facility-contact ul li {
  position: relative;
  padding-left: 1em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5
}
.facility .facility-contact ul li:not(:first-child) {
  margin-top: 0.7em
}
.facility .facility-contact ul li:before {
  content: '※';
  position: absolute;
  top: 0;
  left: 0
}
.facility .facility-index {
  padding: 80px 0 110px
}
@media (max-width: 48em) {
  .facility .facility-index {
    padding: 40px 0 55px
  }
}
@media (min-width: 48.0625em) {
  .facility .facility-index__nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}
@media (min-width: 48.0625em) {
  .facility .facility-index__nav li {
    width: 32.22222%
  }
  .facility .facility-index__nav li:not(:nth-child(3n+1)) {
    margin-left: 1.66667%
  }
}
@media (max-width: 48em) {
  .facility .facility-index__nav li {
    text-align: center
  }
  .facility .facility-index__nav li:not(:first-child) {
    margin-top: 20px
  }
}
.facility .facility-index__nav a figcaption {
  margin-top: 0.5em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8
}
@media (max-width: 48em) {
  .facility .facility-index__nav a figcaption {
    font-size: 14px;
    font-size: 1.4rem
  }
}
.facility .facility-index__nav a figcaption > *,
.facility .facility-index__nav a figcaption:after {
  display: inline-block;
  font-weight: bold;
  vertical-align: middle
}
.facility .facility-index__nav a figcaption:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22arrow_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%202%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%20stroke%3D%22none%22%2F%3E%20%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206%22%20transform%3D%22translate(6%207)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_5%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%205%22%20transform%3D%22translate(5%200)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20x2%3D%223%22%20y2%3D%223%22%20transform%3D%22translate(0)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2%22%20data-name%3D%22%E7%B7%9A%202%22%20y1%3D%223%22%20x2%3D%223%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_3%22%20data-name%3D%22%E7%B7%9A%203%22%20x2%3D%228%22%20transform%3D%22translate(0%203)%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  content: '';
  width: 1em;
  height: 1em;
  margin-left: .5em;
  -webkit-transition: margin-left .5s;
  transition: margin-left .5s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}
.facility .facility-index__nav a:hover figcaption:after {
  margin-left: 1em
}
.facility .facility-index__note {
  margin-top: 80px
}
@media (max-width: 48em) {
  .facility .facility-index__note {
    margin-top: 40px
  }
}
.facility .facility-index__note li {
  position: relative;
  padding-left: 1em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5
}
.facility .facility-index__note li:not(:first-child) {
  margin-top: 0.7em
}
.facility .facility-index__note li:before {
  content: '※';
  position: absolute;
  top: 0;
  left: 0
}
.error .error__body {
  padding: 80px 0
}
@media (max-width: 48em) {
  .error .error__body {
    padding: 40px 0
  }
}
.error .error__ttl {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2;
  text-align: center
}
@media (max-width: 48em) {
  .error .error__ttl {
    font-size: 20px;
    font-size: 2rem
  }
}
.error .error__ttl span {
  display: inline-block;
  font-weight: bold;
  text-align: left
}
.error .error__desc {
  margin-top: 1.5em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6
}
@media (max-width: 48em) {
  .error .error__desc {
    font-size: 14px;
    font-size: 1.4rem
  }
}
@media (min-width: 48.0625em) {
  .error .error__desc {
    text-align: center
  }
}
.error .error__desc span {
  display: inline-block;
  text-align: left
}
.error .error__desc a {
  font-weight: bold;
  text-decoration: underline;
  color: #0ba4de
}
.error .error__desc a:hover {
  text-decoration: none
}
.error .error__date {
  margin-top: 1em;
  font-size: 20px;
  font-size: 2rem;
  text-align: center
}
@media (max-width: 48em) {
  .error .error__date {
    font-size: 18px;
    font-size: 1.8rem
  }
}
.error .error__date span,
.error .error__date strong {
  display: inline-block;
  font-weight: bold;
  text-align: left
}
.error .error__date strong {
  color: red
}
.error .error__btn {
  margin-top: 40px
}
@media (max-width: 48em) {
  .error .error__btn {
    margin-top: 20px
  }
}
.error .error__btn .c-btn {
  margin-right: auto;
  margin-left: auto
}
/*# sourceMappingURL=../sourcemaps/style.css.map */