@charset "UTF-8";
/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
      -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
figcaption,
figure,
main {
  display: block;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
dfn {
  font-style: italic;
}
mark {
  background-color: #ffff00;
  color: #000000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
audio,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
img {
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  display: inline-block;
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details,
menu {
  display: block;
}
summary {
  display: list-item;
}
canvas {
  display: inline-block;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
html {
  font-size: 62.5%;
}
body {
  margin: 0;
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic", YuGothic, "ＭＳ ゴシック", sans-serif;
  font-weight: 400;
  color: #333333;
  min-width: 318px;
}
footer {
  margin-top: auto;
}
* {
  box-sizing: border-box;
}
*:before,
*:after {
  box-sizing: border-box;
}
main {
  position: relative;
}
h1,
h2,
h3,
h4,
h5,
ul,
ol,
li,
p,
dl,
dt,
dd,
figure {
  margin: 0;
  padding: 0;
  font-weight: 400;
}
ul,
ol {
  list-style: none;
}
img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
a {
  color: #356cb6;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
input[type="text"] {
  outline: none;
}
input[type="text"]:focus::-webkit-input-placeholder {
  color: transparent;
}
input[type="text"]:focus:-ms-input-placeholder {
  color: transparent;
}
input[type="text"]:focus::placeholder {
  color: transparent;
}
button {
  border: none;
  outline: none;
  background-color: transparent;
}
select {
  outline: none;
}
main a {
  color: #356cb6;
  text-decoration: none;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
#WCMheaderwrapperwrapper img {
  width: auto;
}
@font-face {
  font-family: glyphs;
  src: url("../fonts/glyphs.eot?v=1522401731");
  src: url("../fonts/glyphs.eot?#iefix&v=1522401731") format("embedded-opentype"), url("../fonts/glyphs.woff?v=1522401731") format("woff"), url("../fonts/glyphs.ttf?v=1522401731") format("truetype"), url("../fonts/glyphs.svg?v=1522401731#glyphs") format("svg");
  font-weight: normal;
  font-style: normal;
}
.header {
  position: relative;
  width: 100%;
  background: #ffffff;
  z-index: 50;
}
.header-inner {
  margin: auto;
  max-width: 1280px;
}
.header-default .header-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.corp-logo {
  width: 150px;
  height: 108px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
}
.corp-logo a {
  display: block;
  width: 100%;
}
.corp-logo a img {
  -webkit-transition: opacity 0.3s;
          transition: opacity 0.3s;
}
.corp-logo a:hover img {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.header-utils {
  margin-left: auto;
}
.header-utils li {
  padding: 0 24px;
  display: inline-block;
  border-left: 1px solid #e2e6e8;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.15em;
}
.header-utils li> a:hover {
  text-decoration: underline;
}
.header-utils .header-utils-search {
  padding: 0 14px;
}
.header-utils .header-utils-search> a {
  position: relative;
  cursor: pointer;
  padding: 5px 10px;
  display: block;
  width: 36px;
}
.header-utils .header-utils-search> a:before {
  position: absolute;
  left: 10px;
  top: 5px;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  vertical-align: middle;
  font-size: 1.4rem;
}
.header-utils .header-utils-search> a:hover {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  text-decoration: none;
}
.header-utils .header-utils-lang> a {
  display: inline-block;
  border: 1px solid #e2e6e8;
  padding: 0 10px;
  color: #356cb6;
  font-weight: 700;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.header-utils .header-utils-lang> a:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: #356cb6;
  border-color: #356cb6;
}
.header-utils .header-utils-lang> a:first-child {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  border-right: none;
}
.header-utils .header-utils-lang> a:last-child {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-left: none;
}
.header-utils .header-utils-lang> a.active {
  color: #ffffff;
  background-color: #356cb6;
  border-color: #356cb6;
}
.header-utils .header-utils-lang> a.active:focus {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.header-fixed {
  position: fixed;
  top: -1000px;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 49px;
  background: #ffffff;
  border-bottom: 1px solid #e2e6e8;
  -webkit-transition: 1.0s;
          transition: 1.0s;
}
.header-fixed--active {
  top: 0;
}
.hasRecommend .header-fixed {
  width: calc(100% - 240px);
}
.alertTop {
  padding: 0 !important;
  border-top: 1px solid red;
  border-bottom: 1px solid red;
  background-color: #d90000;
}
#urgentInfo {
  font-size: 1.4rem;
  color: #ffffff;
  padding: 20px 0;
  overflow: auto;
  min-height: 100px;
}
#urgentInfo a {
  color: #ffffff;
}
#urgentInfo a:visited {
  color: #ffffff;
}
#urgentInfo a:hover {
  color: #ffffff;
}
#urgentInfo a:link {
  color: #ffffff;
}
#urgentInfo a:active {
  color: #ffffff;
}
.urgentWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: columnn;
      -ms-flex-direction: columnn;
          flex-direction: columnn;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
}
.urgentWrap> span:before {
  font-size: 2.5rem;
  display: inline-block;
  vertical-align: -2px;
  margin-right: 20px;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\F022";
}
.headCover {
  position: fixed;
  z-index: 5;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #ffffff;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.spGnavCover {
  position: fixed;
  z-index: 90;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #ffffff;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.block-skip {
  position: absolute;
  top: -50px;
  display: block;
  border-bottom: 1px solid #dddddd;
  padding: 5px;
  text-align: center;
}
.block-skip:focus {
  position: static;
}
.breadcrumb {
  background-color: #eff3f9;
}
.breadcrumb> ul {
  margin: auto;
  padding: 13px 40px;
  max-width: 1280px;
}
.breadcrumb> ul> li {
  display: inline;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5;
}
.breadcrumb> ul> li:not(:first-child):before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 0.8rem;
  color: #c2c6c8;
  margin: 0 10px;
}
.breadcrumb> ul> li a:hover {
  text-decoration: underline;
}
.title {
  border-bottom: 1px solid #e2e6e8;
  border-top: 1px solid #e2e6e8;
}
.title .title-inner {
  display: table;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  font-weight: 400;
  position: relative;
}
.title .title-body {
  display: table-cell;
  vertical-align: middle;
  padding: 20px 40px;
  height: 95px;
}
.title h1 {
  font-size: 3.2rem;
  font-weight: 400;
  line-height: 1.3;
}
.title .subtitle {
  font-size: 1.6rem;
}
h1+ .title .subtitle {
  float: left;
  margin-top: 5px;
}
.categoryLabel {
  float: right;
}
.categoryLabel li {
  display: inline-block;
  vertical-align: top;
  background-color: #ffffff;
  border: solid 1px #356cb6;
  border-radius: 10px;
  padding: 0 10px;
  margin: 6px 0 0 6px;
  text-align: center;
  color: #356cb6;
  font-size: 1.1rem;
  line-height: 20px;
  font-weight: 700;
}
.local-nav> ul {
  border-top: 1px solid #e2e6e8;
}
.local-nav> ul> li {
  font-size: 1.4rem;
  font-weight: 400;
  border-bottom: 1px solid #e2e6e8;
}
.local-nav> ul> li> a {
  display: block;
  padding: 20px 20px 20px 10px;
  position: relative;
  -webkit-transition: background-color 0.3s;
          transition: background-color 0.3s;
}
.local-nav> ul> li> a:hover {
  background-color: #eff3f9;
}
.local-nav> ul> li> a:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 1.1rem;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.55rem;
  -webkit-transition: 0.3s;
          transition: 0.3s;
}
.local-nav> ul> li> a.active {
  font-weight: 700;
  cursor: default;
  background: #eff3f9;
}
.local-nav> ul> li> a.active:after {
  display: none;
}
.local-nav> ul> li> a:hover:after {
  right: 10px;
}
.local-nav-child> li {
  border-top: 1px solid #e2e6e8;
  font-size: 1.3rem;
}
.local-nav-child> li> a {
  display: block;
  padding: 12px 20px 12px 20px;
  position: relative;
  -webkit-transition: background-color 0.3s;
          transition: background-color 0.3s;
}
.local-nav-child> li> a:hover {
  background-color: #eff3f9;
}
.local-nav-child> li> a:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 0.8rem;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.4rem;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: 0.3s;
          transition: 0.3s;
}
.local-nav-child> li> a.active {
  font-weight: 700;
  cursor: default;
  background: #eff3f9;
}
.local-nav-child> li> a.active:after {
  display: none;
}
.local-nav-child> li> a:hover:after {
  right: 10px;
}
.inner-local-nav-child> li {
  border-top: 1px solid #e2e6e8;
}
.inner-local-nav-child> li> a {
  display: block;
  padding: 6px 10px 6px 35px;
  -webkit-transition: background-color 0.3s;
          transition: background-color 0.3s;
}
.inner-local-nav-child> li> a:hover {
  background-color: #eff3f9;
}
.inner-local-nav-child> li> a.active {
  font-weight: 700;
  background: #eff3f9;
}
.active-location {
  color: #ffffff !important;
  background-color: #356cb6 !important;
}
.recommendNav {
  display: none;
}
.footer {
  background-color: #356cb6;
  color: #ffffff;
}
.footer a {
  color: #ffffff;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.footer a:hover {
  text-decoration: underline;
}
.footer-nav {
  margin: auto;
  padding: 80px 40px;
  max-width: 1280px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer-nav-col {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
  padding: 5px 3%;
  position: relative;
}
.footer-nav-col:first-child {
  border-left: 1px solid rgba(255, 255, 255, 0.21);
}
.footer-nav-col> :first-child {
  margin-top: 0;
}
.footer-nav-col> a {
  display: block;
  position: relative;
  font-size: 1.6rem;
  font-weight: 700;
  margin-top: 25px;
  padding-left: 23px;
}
.footer-nav-col> a:before {
  position: absolute;
  top: 8px;
  left: 0;
  margin-top: -0.8rem;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  margin-right: 5px;
  vertical-align: bottom;
  font-size: 1.5rem;
  letter-spacing: 8px;
}
.footer-nav-col> a.twitter {
  font-size: 1.4rem;
  font-weight: 400;
  padding-right: 12%;
  padding-left: 25px;
  word-break: break-all;
}
.footer-nav-col> a.twitter:before {
  display: none;
}
.footer-nav-col> a.twitter> img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 5px;
}
.footer-nav-col> ul {
  margin-top: 20px;
  margin-left: 3px;
  font-size: 1.4rem;
}
.footer-nav-col> ul> li {
  font-weight: 400;
  margin-top: 8px;
  position: relative;
}
.footer-nav-col> ul> li:first-child {
  margin-top: 0;
}
.footer-nav-col> ul> li> a {
  position: relative;
  display: block;
  padding-left: 18px;
  line-height: 1.3;
}
.footer-nav-col> ul> li> a:before {
  content: "";
  position: absolute;
  left: 3px;
  top: 7px;
  width: 4px;
  height: 4px;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.base {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.base-inner {
  margin: auto;
  padding: 40px 40px;
  max-width: 1280px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
          justify-content: space-between;
}
.base-links> ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-align: left;
  -webkit-align-items: left;
  -ms-flex-align: left;
          align-items: left;
  line-height: 1;
}
.base-links> ul> li> a {
  position: relative;
  display: block;
  padding-left: 15px;
  position: relative;
  font-size: 1.2rem;
  font-weight: 400;
  color: #ffffff;
}
.base-links> ul> li> a:before {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: 4px;
  height: 4px;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.base-links> ul> li> a.twitter> img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 3px;
}
.base-links> ul> li:not(:first-child) {
  margin-left: 20px;
}
.copyright {
  font-size: 1.1rem;
  letter-spacing: 0.1em;
  font-weight: 400;
}
.sideFixed {
  position: fixed;
  top: 50%;
  left: 0;
  bottom: 50%;
  z-index: 100;
  width: 60px;
  height: 120px;
  margin: auto;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.08);
  display: none;
}
.sideFixed li:not(:first-child) {
  border-top: 1px solid #e2e6e8;
  width: 100%;
}
.sideFixed a {
  background: #ffffff;
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
  color: #356cb6;
  font-size: 2.1rem;
  cursor: pointer;
}
.sideFixed a:before {
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
}
.sideFixed-search:before {
  content: "\F016";
}
.sideFixed-info:before {
  content: "\F021";
}
.searchBox {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(53, 108, 182, 0.9);
  display: none;
}
.searchBox> div {
  width: 100%;
  height: 100%;
  position: relative;
}
.searchBox-contents {
  width: 100%;
  max-width: 900px;
  height: 110px;
  margin-top: -60px;
  padding: 0 36px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
}
.searchBox-closeBtn {
  color: #ffffff;
  font-size: 1.4rem;
  cursor: pointer;
  display: block;
  text-align: right;
  -webkit-transition: 0.3s;
          transition: 0.3s;
}
.searchBox-closeBtn:before {
  font-family: glyphs;
  content: "\F020";
  font-size: 1.5rem;
  display: inline-block;
  vertical-align: -2px;
  margin-right: 7px;
}
.searchBox-closeBtn:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.searchBox-item {
  position: relative;
  background: #ffffff;
  border-radius: 3px;
  width: 100%;
  margin-top: 33px;
}
.searchBox-item input,
.searchBox-item button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.searchBox-item dt {
  margin-right: 60px;
  padding: 18px 0 18px 26px;
}
.searchBox-item dt input {
  width: 100%;
  height: 24px;
  line-height: 24px;
  font-size: 2.0rem;
}
.searchBox-item dd {
  position: absolute;
  top: 0;
  right: 0;
}
.searchBox-item dd button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
  width: 60px;
  height: 60px;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
          transition: opacity 0.3s;
}
.searchBox-item dd button:hover {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.searchBox-item dd button:before {
  color: #356cb6;
  font-size: 2.1rem;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\F016";
}
.pageTop {
  cursor: pointer;
  position: fixed;
  right: 75px;
  bottom: 70px;
  z-index: 100;
  width: 50px;
  height: 50px;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
  display: none;
  color: #356cb6;
  -webkit-transition: background-color 0.3s;
          transition: background-color 0.3s;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.pageTop:hover {
  background-color: #356cb6;
  color: #ffffff;
}
.pageTop:before,
.pageTop:after {
  -webkit-transition: border-color 0.3s;
          transition: border-color 0.3s;
}
.pageTop:hover:before,
.pageTop:hover:after {
  border-color: #ffffff;
}
.pageTop:before {
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0;
  text-align: center;
  margin-top: -5px;
  font-size: 0.8rem;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\F011";
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
.floatSnsBtn ul {
  position: fixed;
  top: 35%;
  right: 0;
  z-index: 100;
  width: 40px;
  background-color: #ffffff;
}
.floatSnsBtn a {
  display: block;
  padding: 30px 5px;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
}
.floatSnsBtn a:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.floatSnsBtn a.facebook {
  background-color: #415896;
}
.floatSnsBtn a.twitter {
  background-color: #359ef0;
}
.header-simple {
  height: 60px;
  margin-bottom: -1px;
}
.header-simple-inner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  margin: 0 auto;
  background-color: #ffffff;
  padding: 13px 40px;
  height: 60px;
  border-bottom: 1px solid #e2e6e8;
}
.header-simple .logo {
  display: inline-block;
  height: 100%;
}
.header-simple .logo a {
  display: block;
  height: 100%;
}
.header-simple .logo a img {
  height: 100%;
}
.header-simple .close {
  position: absolute;
  right: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  color: #356cb6;
  font-size: 1.4rem;
}
.header-simple .close:before {
  font-size: 1.5rem;
  margin-right: 7px;
  content: "";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: -2px;
}
.footer-simple {
  background-color: #356cb6;
  color: #ffffff;
  padding: 42px;
}
.footer-simple> .copyright {
  text-align: center;
}
.wrapper {
  width: 100%;
  margin: 0;
  padding: 48px 0 96px;
}
.wrapper--layout {
  padding-top: 0;
  padding-bottom: 0;
}
.wrapper--continuous {
  padding-bottom: 48px;
}
.wrapper--topics {
  padding: 36px 0;
}
.wrapper--separated {
  border-top: 1px solid #e2e6e8;
}
.wrapper--darkblue {
  background-color: #356cb6;
  color: #ffffff;
  overflow: hidden;
}
.wrapper--lightblue {
  background-color: #5d89c5;
  color: #ffffff;
}
.wrapper--paleblue {
  background-color: #eff3f9;
}
.wrapper--haze {
  background-color: #fafafa;
}
.wrapper--mist {
  background-color: #f2f2f2;
}
.wrapper--black {
  background-color: #000000;
  color: #ffffff;
}
.wrapper--abyss {
  background-color: #072670;
  color: #ffffff;
}
.wrapper--gradiant-ocean {
  background: -webkit-linear-gradient(top, #0095d6 0%, #002864 50%, #070612 100%);
  background:         linear-gradient(to bottom, #0095d6 0%, #002864 50%, #070612 100%);
  color: #ffffff;
}
.wrapper--stripe {
  background-image: url("/shared/images/bg_pattern_white_stripe.png");
  background-color: #d7e2f0;
}
.container {
  font-size: 1.6rem;
  line-height: 1.6;
  margin: 0 auto;
  padding: 0 36px;
  max-width: 1272px;
}
.container--topics {
  max-width: 1012px;
}
.container--topics-top-nav {
  padding: 0 !important;
  max-width: 1920px;
}
.container--wide {
  max-width: 1366px;
}
.container--fit {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.container--narrow {
  max-width: 972px;
}
.container--2col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
          justify-content: space-between;
}
.container--2col> .content-main {
  width: 75%;
}
.container--2col> .content-side {
  width: 19%;
}
.grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  margin: 0 -18px;
  overflow: hidden;
}
.grid> div {
  padding: 0 18px;
}
.grid--slim {
  margin: 0 -12px;
}
.grid--slim> div {
  padding: 0 12px;
}
.grid--thin {
  margin: 0 -9px;
}
.grid--thin> div {
  padding: 0 9px;
}
.grid--tiny {
  margin: 0 -3px !important;
}
.grid--tiny> div {
  padding: 0 3px !important;
}
.grid--wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: -36px;
}
.grid--wrap> div {
  position: relative;
  top: -36px;
  margin-top: 36px;
}
.grid--wrap.grid--slim {
  margin-bottom: -24px;
}
.grid--wrap.grid--slim> div {
  position: relative;
  top: -24px;
  margin-top: 24px;
}
.grid--wrap.grid--thin {
  margin-bottom: -18px;
}
.grid--wrap.grid--thin> div {
  position: relative;
  top: -18px;
  margin-top: 18px;
}
.grid--wrap.grid--tiny {
  margin-bottom: -6px;
}
.grid--wrap.grid--tiny> div {
  position: relative;
  top: -6px;
  margin-top: 6px;
}
.grid--layout.grid--wrap {
  margin-bottom: 0;
}
.grid--layout.grid--wrap> div {
  margin-top: 0;
  position: static;
}
.grid--center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
          justify-content: center;
}
.grid--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.grid-col-1 {
  -webkit-flex-basis: 8.33333%;
  -ms-flex-preferred-size: 8.33333%;
          flex-basis: 8.33333%;
  max-width: 8.33333%;
}
.grid-col-1 img {
  max-width: 100px;
}
.container--wide .grid-col-1 img {
  max-width: 114px;
}
.container--narrow .grid-col-1 img,
.container--2col .grid-col-1 img {
  max-width: 75px;
}
.grid-col-2 {
  -webkit-flex-basis: 16.66667%;
  -ms-flex-preferred-size: 16.66667%;
          flex-basis: 16.66667%;
  max-width: 16.66667%;
}
.grid-col-2 img {
  max-width: 200px;
}
.container--wide .grid-col-2 img {
  max-width: 228px;
}
.container--narrow .grid-col-2 img,
.container--2col .grid-col-2 img {
  max-width: 150px;
}
.grid-col-3 {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
  max-width: 25%;
}
.grid-col-3 img {
  max-width: 300px;
}
.container--wide .grid-col-3 img {
  max-width: 342px;
}
.container--narrow .grid-col-3 img,
.container--2col .grid-col-3 img {
  max-width: 225px;
}
.grid-col-4 {
  -webkit-flex-basis: 33.33333%;
  -ms-flex-preferred-size: 33.33333%;
          flex-basis: 33.33333%;
  max-width: 33.33333%;
}
.grid-col-4 img {
  max-width: 400px;
}
.container--wide .grid-col-4 img {
  max-width: 456px;
}
.container--narrow .grid-col-4 img,
.container--2col .grid-col-4 img {
  max-width: 300px;
}
.grid-col-5 {
  -webkit-flex-basis: 41.66667%;
  -ms-flex-preferred-size: 41.66667%;
          flex-basis: 41.66667%;
  max-width: 41.66667%;
}
.grid-col-5 img {
  max-width: 500px;
}
.container--wide .grid-col-5 img {
  max-width: 570px;
}
.container--narrow .grid-col-5 img,
.container--2col .grid-col-5 img {
  max-width: 375px;
}
.grid-col-6 {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
  max-width: 50%;
}
.grid-col-6 img {
  max-width: 600px;
}
.container--wide .grid-col-6 img {
  max-width: 683px;
}
.container--narrow .grid-col-6 img,
.container--2col .grid-col-6 img {
  max-width: 450px;
}
.grid-col-7 {
  -webkit-flex-basis: 58.33333%;
  -ms-flex-preferred-size: 58.33333%;
          flex-basis: 58.33333%;
  max-width: 58.33333%;
}
.grid-col-7 img {
  max-width: 700px;
}
.container--wide .grid-col-7 img {
  max-width: 797px;
}
.container--narrow .grid-col-7 img,
.container--2col .grid-col-7 img {
  max-width: 525px;
}
.grid-col-8 {
  -webkit-flex-basis: 66.66667%;
  -ms-flex-preferred-size: 66.66667%;
          flex-basis: 66.66667%;
  max-width: 66.66667%;
}
.grid-col-8 img {
  max-width: 800px;
}
.container--wide .grid-col-8 img {
  max-width: 911px;
}
.container--narrow .grid-col-8 img,
.container--2col .grid-col-8 img {
  max-width: 600px;
}
.grid-col-9 {
  -webkit-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
          flex-basis: 75%;
  max-width: 75%;
}
.grid-col-9 img {
  max-width: 900px;
}
.container--wide .grid-col-9 img {
  max-width: 1025px;
}
.container--narrow .grid-col-9 img,
.container--2col .grid-col-9 img {
  max-width: 675px;
}
.grid-col-10 {
  -webkit-flex-basis: 83.33333%;
  -ms-flex-preferred-size: 83.33333%;
          flex-basis: 83.33333%;
  max-width: 83.33333%;
}
.grid-col-10 img {
  max-width: 1000px;
}
.container--wide .grid-col-10 img {
  max-width: 1139px;
}
.container--narrow .grid-col-10 img,
.container--2col .grid-col-10 img {
  max-width: 750px;
}
.grid-col-11 {
  -webkit-flex-basis: 91.66667%;
  -ms-flex-preferred-size: 91.66667%;
          flex-basis: 91.66667%;
  max-width: 91.66667%;
}
.grid-col-11 img {
  max-width: 1100px;
}
.container--wide .grid-col-11 img {
  max-width: 1253px;
}
.container--narrow .grid-col-11 img,
.container--2col .grid-col-11 img {
  max-width: 825px;
}
.grid-col-12 {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  max-width: 100%;
}
.grid-col-12 img {
  max-width: 1200px;
}
.container--wide .grid-col-12 img {
  max-width: 1366px;
}
.container--narrow .grid-col-12 img,
.container--2col .grid-col-12 img {
  max-width: 900px;
}
.grid--2col> div {
  width: 50%;
}
.grid--3col> div {
  width: 33.33333%;
}
.grid--4col> div {
  width: 25%;
}
.grid--5col> div {
  width: 20%;
}
.grid--6col> div {
  width: 16.66667%;
}
.grid--2col> div img {
  max-width: 600px;
}
.grid--3col> div img {
  max-width: 400px;
}
.grid--4col> div img {
  max-width: 300px;
}
.grid--5col> div img {
  max-width: 240px;
}
.grid--6col> div img {
  max-width: 200px;
}
.grid--7col> div img {
  max-width: 172px;
}
.container--wide .grid--2col> div img {
  max-width: 683px;
}
.container--wide .grid--3col> div img {
  max-width: 456px;
}
.container--wide .grid--4col> div img {
  max-width: 342px;
}
.container--wide .grid--5col> div img {
  max-width: 273px;
}
.container--wide .grid--6col> div img {
  max-width: 228px;
}
.container--wide .grid--7col> div img {
  max-width: 196px;
}
.container--narrow .grid--2col> div img,
.container--2col .grid--2col> div img {
  max-width: 450px;
}
.container--narrow .grid--3col> div img,
.container--2col .grid--3col> div img {
  max-width: 300px;
}
.container--narrow .grid--4col> div img,
.container--2col .grid--4col> div img {
  max-width: 225px;
}
.container--narrow .grid--5col> div img,
.container--2col .grid--5col> div img {
  max-width: 180px;
}
.container--narrow .grid--6col> div img,
.container--2col .grid--6col> div img {
  max-width: 150px;
}
.container--narrow .grid--7col> div img,
.container--2col .grid--7col> div img {
  max-width: 128px;
}
.grid.grid--layout {
  margin: 0;
}
.grid.grid--layout> div {
  top: 0 !important;
  padding: 0 !important;
}
.grid-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
          align-items: stretch;
  margin: 0 -18px;
}
.grid-wrap> div {
  padding: 0 18px;
}
.grid-wrap--slim {
  margin: 0 -12px;
}
.grid-wrap--slim> div {
  padding: 0 12px;
}
.grid-wrap--thin {
  margin: 0 -9px;
}
.grid-wrap--thin> div {
  padding: 0 9px;
}
.grid-wrap--layout {
  margin: 0;
}
.grid-wrap--layout> div {
  padding: 0;
}
.grid-wrap--center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
          justify-content: center;
}
.grid-wrap--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.grid-wrap--2col> div {
  width: 50%;
}
.grid-wrap--2col> div:nth-child(-n + 2) {
  margin-top: 0;
}
.grid-wrap--3col> div {
  width: 33.33333%;
}
.grid-wrap--3col> div:nth-child(-n + 3) {
  margin-top: 0;
}
.grid-wrap--4col> div {
  width: 25%;
}
.grid-wrap--4col> div:nth-child(-n + 4) {
  margin-top: 0;
}
.grid-wrap-box {
  margin-top: 40px;
}
.cover {
  padding: 0;
  position: relative;
  overflow: hidden;
}
.cover> .cover-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.cover> .cover-image> img {
  position: absolute;
  top: -100%;
  right: -100%;
  bottom: -100%;
  left: -100%;
  margin: auto;
  width: auto;
  min-width: 100%;
  min-height: 100%;
  z-index: 1;
}
.cover--dark {
  color: #ffffff;
}
.cover--light {
  color: #333333;
}
.cover .text-shadow--xl-double {
  text-shadow: 0 0 6px black, 0 0 6px black;
}
.cover .text-shadow--xl {
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
}
.cover .text-shadow--l {
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
}
.cover .text-shadow--m {
  text-shadow: 1px 1px 2px black;
}
.cover .text-outline {
  text-shadow: 1px 1px 0 #000000, -1px 1px 0 #000000, 1px -1px 0 #000000, -1px -1px 0 #000000;
}
.cover .text-glow--xl {
  text-shadow: 0 0 6px rgba(255, 255, 255, 0.8);
}
.cover .text-glow--l {
  text-shadow: 0 0 4px rgba(255, 255, 255, 0.8);
}
.cover .text-glow--m {
  text-shadow: 1px 1px 2px white;
}
.cover .cover-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 100%;
  position: relative;
  z-index: 3;
}
.cover .cover-container> div {
  width: 100%;
}
.cover .cover-content-top {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
          align-self: flex-start;
  margin-top: 60px;
}
.cover .cover-content-middle {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
          align-self: center;
}
.cover .cover-content-bottom {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
          align-self: flex-end;
  margin-bottom: 82px;
}
.cover .cover-content-bottom:last-child {
  margin-bottom: 40px;
}
.cover .cover-content-caption {
  width: 100%;
  position: absolute;
  bottom: 10px;
  font-size: 1.4rem;
  text-align: right;
  right: 36px;
  left: 36px;
}
.cover .cover-stage {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding-top: 40px;
  padding-bottom: 40px;
}
.cover .cover-stage--gradient-bottom-white-linear {
  background: -webkit-linear-gradient(bottom, white 0%, rgba(255, 255, 255, 0) 100%);
  background:         linear-gradient(to top, white 0%, rgba(255, 255, 255, 0) 100%);
}
.cover .cover-stage--gradient-bottom-white-easeout {
  padding-top: 80px;
  background: -webkit-linear-gradient(bottom, white 20%, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0.7) 60%, rgba(255, 255, 255, 0.4) 80%, rgba(255, 255, 255, 0) 100%);
  background:         linear-gradient(to top, white 20%, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0.7) 60%, rgba(255, 255, 255, 0.4) 80%, rgba(255, 255, 255, 0) 100%);
}
.cover .cover-stage--dark {
  padding: 20px 0;
  background-color: rgba(0, 0, 0, 0.6);
  color: #ffffff;
}
.cover .cover-stage--gradient-bottom-smoke-easeout {
  padding-top: 80px;
  background: -webkit-linear-gradient(bottom, rgba(60, 60, 60, 0.4) 20%, rgba(60, 60, 60, 0.35) 40%, rgba(60, 60, 60, 0.3) 60%, rgba(60, 60, 60, 0.2) 80%, rgba(60, 60, 60, 0) 100%);
  background:         linear-gradient(to top, rgba(60, 60, 60, 0.4) 20%, rgba(60, 60, 60, 0.35) 40%, rgba(60, 60, 60, 0.3) 60%, rgba(60, 60, 60, 0.2) 80%, rgba(60, 60, 60, 0) 100%);
}
.cover .cover-heading-lv2 {
  font-size: 3.2rem;
}
.cover .cover-heading-lv3 {
  font-size: 2.4rem;
}
.cover .cover-heading-lv4 {
  font-size: 2rem;
}
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
          align-items: stretch;
}
.flex> div {
  display: block;
  margin-left: 18px;
  margin-right: 18px;
}
.flex:not(.flex--reverse):not(.flex--wrap)> div:first-child {
  margin-left: 0;
}
.flex:not(.flex--reverse):not(.flex--wrap)> div:last-child {
  margin-right: 0;
}
.flex.flex--reverse> div:first-child {
  margin-right: 0;
}
.flex.flex--reverse> div:last-child {
  margin-left: 0;
}
.flex--slim> div {
  margin-left: 12px;
  margin-right: 12px;
}
.flex--thin> div {
  margin-left: 9px;
  margin-right: 9px;
}
.flex--tiny> div {
  margin-left: 3px !important;
  margin-right: 3px !important;
}
.flex--layout> div {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.flex--wrap {
  margin-left: -18px;
  margin-right: -18px;
}
.flex--wrap.flex--slim {
  margin-left: -12px;
  margin-right: -12px;
}
.flex--wrap.flex--thin {
  margin-left: -9px;
  margin-right: -9px;
}
.flex--wrap.flex--tiny {
  margin-left: -3px !important;
  margin-right: -3px !important;
}
.flex--wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.flex--wrap-reverse {
  -webkit-flex-wrap: wrap-reverse;
      -ms-flex-wrap: wrap-reverse;
          flex-wrap: wrap-reverse;
}
.flex--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.flex--col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: col;
      -ms-flex-direction: col;
          flex-direction: col;
}
.flex--col-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: col-reverse;
      -ms-flex-direction: col-reverse;
          flex-direction: col-reverse;
}
.flex--hr-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
          justify-content: flex-start;
}
.flex--hr-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
          justify-content: flex-end;
}
.flex--hr-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex--hr-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
          justify-content: space-around;
}
.flex--vt-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
          align-items: flex-start;
}
.flex--vt-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
          align-items: flex-end;
}
.flex--vt-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
}
.flex-item--align-start {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
          align-self: flex-start;
}
.flex-item--align-end {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
          align-self: flex-end;
}
.flex-item--align-center {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
          align-self: center;
}
.flex-item--align-baseline {
  -webkit-align-self: baseline;
  -ms-flex-item-align: baseline;
          align-self: baseline;
}
.flex-item--align-stretch {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
          align-self: stretch;
}
.flex-item--grow-1 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
          flex-grow: 1;
}
.flex-item--shrink-1 {
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
          flex-shrink: 1;
}
.flex-item--grow-2 {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
          flex-grow: 2;
}
.flex-item--shrink-2 {
  -webkit-flex-shrink: 2;
  -ms-flex-negative: 2;
          flex-shrink: 2;
}
.flex-item--grow-3 {
  -webkit-box-flex: 3;
  -webkit-flex-grow: 3;
  -ms-flex-positive: 3;
          flex-grow: 3;
}
.flex-item--shrink-3 {
  -webkit-flex-shrink: 3;
  -ms-flex-negative: 3;
          flex-shrink: 3;
}
.flex-item--grow-4 {
  -webkit-box-flex: 4;
  -webkit-flex-grow: 4;
  -ms-flex-positive: 4;
          flex-grow: 4;
}
.flex-item--shrink-4 {
  -webkit-flex-shrink: 4;
  -ms-flex-negative: 4;
          flex-shrink: 4;
}
.flex-item--grow-5 {
  -webkit-box-flex: 5;
  -webkit-flex-grow: 5;
  -ms-flex-positive: 5;
          flex-grow: 5;
}
.flex-item--shrink-5 {
  -webkit-flex-shrink: 5;
  -ms-flex-negative: 5;
          flex-shrink: 5;
}
.flex-item--grow-6 {
  -webkit-box-flex: 6;
  -webkit-flex-grow: 6;
  -ms-flex-positive: 6;
          flex-grow: 6;
}
.flex-item--shrink-6 {
  -webkit-flex-shrink: 6;
  -ms-flex-negative: 6;
          flex-shrink: 6;
}
.flex-item--grow-7 {
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
  -ms-flex-positive: 7;
          flex-grow: 7;
}
.flex-item--shrink-7 {
  -webkit-flex-shrink: 7;
  -ms-flex-negative: 7;
          flex-shrink: 7;
}
.flex-item--grow-8 {
  -webkit-box-flex: 8;
  -webkit-flex-grow: 8;
  -ms-flex-positive: 8;
          flex-grow: 8;
}
.flex-item--shrink-8 {
  -webkit-flex-shrink: 8;
  -ms-flex-negative: 8;
          flex-shrink: 8;
}
.flex-item--grow-9 {
  -webkit-box-flex: 9;
  -webkit-flex-grow: 9;
  -ms-flex-positive: 9;
          flex-grow: 9;
}
.flex-item--shrink-9 {
  -webkit-flex-shrink: 9;
  -ms-flex-negative: 9;
          flex-shrink: 9;
}
.flex-item--grow-10 {
  -webkit-box-flex: 10;
  -webkit-flex-grow: 10;
  -ms-flex-positive: 10;
          flex-grow: 10;
}
.flex-item--shrink-10 {
  -webkit-flex-shrink: 10;
  -ms-flex-negative: 10;
          flex-shrink: 10;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.float-none {
  float: none;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
section h2:not([class]),
.section h2:not([class]),
article h2:not([class]),
.heading-lv2 {
  position: relative;
  margin: 48px 0 30px;
  padding: 13px 10px 13px 24px;
  background-color: #eff3f9;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.4;
}
section h2:not([class]):before,
.section h2:not([class]):before,
article h2:not([class]):before,
.heading-lv2:before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 24px;
  background-color: #356cb6;
  content: "";
}
section h2:not([class]):first-child,
.section h2:not([class]):first-child,
article h2:not([class]):first-child,
.heading-lv2:first-child {
  margin-top: 0;
}
section h3:not([class]),
.section h3:not([class]),
article h3:not([class]),
.heading-lv3 {
  position: relative;
  margin: 42px 0 24px;
  padding-bottom: 12px;
  border-bottom: 2px solid #eff3f9;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
}
section h3:not([class]):before,
.section h3:not([class]):before,
article h3:not([class]):before,
.heading-lv3:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30%;
  display: block;
  content: "";
  border-bottom: 2px solid #356cb6;
  margin-bottom: -2px;
}
section h3:not([class]):first-child,
.section h3:not([class]):first-child,
article h3:not([class]):first-child,
.heading-lv3:first-child {
  margin-top: 0;
}
section h4:not([class]),
.section h4:not([class]),
article h4:not([class]),
.heading-lv4 {
  margin: 36px 0  24px;
  padding: 3px 0 3px 18px;
  border-left: 4px solid #356cb6;
  min-height: 24px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
}
section h4:not([class]):first-child,
.section h4:not([class]):first-child,
article h4:not([class]):first-child,
.heading-lv4:first-child {
  margin-top: 0;
}
section h5:not([class]),
.section h5:not([class]),
article h5:not([class]),
.heading-lv5 {
  margin: 30px 0 18px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
}
section h5:not([class]):first-child,
.section h5:not([class]):first-child,
article h5:not([class]):first-child,
.heading-lv5:first-child {
  margin-top: 0;
}
.lead {
  margin: -40px 0;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 1.4;
}
.lead-box {
  padding: 36px;
}
.lead-box .laed-box-more {
  margin-top: 18px;
  text-align: right;
}
.lead-box .heading {
  font-size: 3.2rem;
  color: #356cb6;
}
.lead-box .subheading {
  margin-top: 18px;
  font-size: 2rem;
  font-weight: 700;
}
.label {
  display: inline-block;
  height: 20px;
  width: 120px;
  border-radius: 10px;
  text-align: center;
  color: #ffffff;
  font-size: 1.1rem;
  line-height: 20px;
  vertical-align: top;
  font-weight: 700;
  background-color: #356cb6;
}
.label--stretch {
  width: auto;
  min-width: 90px;
  padding: 0 20px;
}
.label--outline {
  border: 1px solid #356cb6;
  background-color: #ffffff;
  color: #356cb6;
}
.label--white-blue {
  background-color: #ffffff;
  color: #356cb6;
}
.label--release {
  background-color: #d84315;
}
.label--csr,
.label--prep {
  background-color: #00838f;
}
.label--ir {
  background-color: #6a1b9a;
}
.label--update {
  background-color: #1565c0;
}
.label--media {
  background-color: #c62828;
}
.label--others {
  background-color: #666666;
}
.label--soa {
  background-color: #ad1457;
}
.label--event {
  background-color: #2e7d32;
}
.label--diversity {
  background-color: #be4171;
}
.label--kenchiku {
  background-color: #bf543a;
}
.label--doboku {
  background-color: #7b7b1e;
}
.label--stock {
  background-color: #186171;
}
.label--global,
.label--app {
  background-color: #be416f;
}
.label--taisin {
  background-color: #8c6239;
}
.label--sas {
  background-color: #866ba6;
}
.label--manage {
  background-color: #4d73be;
}
.label--open {
  background-color: #1bace1;
}
.label--enviroment {
  background-color: #2a9d13;
}
.label--taiwa {
  background-color: #a45f14;
}
.label--activity {
  background-color: #a51447;
}
.label--uketuke {
  background-color: #938512;
}
.label--report {
  background-color: #951212;
}
.label--woman {
  background-color: #a71414;
}
.label--life {
  background-color: #328e11;
}
.label--ikuboss {
  background-color: #851293;
}
.label--solutionSlide {
  background-color: #ffffff;
  color: #666666;
}
.link-item a:hover {
  text-decoration: underline;
}
p.link-item {
  position: relative;
}
p.link-item:before {
  position: absolute;
  left: 0;
  top: 6px;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  color: #356cb6;
  font-size: 1.0rem;
}
p.link-item> a {
  display: inline-block;
  padding-left: 20px;
}
p.link-item.align-right:before {
  position: static;
  margin-right: 10px;
}
p.link-item.align-right> a {
  padding-left: 0;
}
p.link-item--circle:before {
  top: 5px;
  content: "";
  font-size: 1.4rem;
}
p.link-item--circle.font-size-xl:before {
  top: 9px;
}
p.link-item--circle> a {
  padding-left: 24px;
}
p.link-item--anchor:before {
  top: 8px;
  content: "";
}
ul.link-item> li {
  margin-top: 10px;
  position: relative;
}
ul.link-item> li:before {
  position: absolute;
  top: 7px;
  left: 0;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  color: #356cb6;
  font-size: 1.0rem;
  margin-right: 10px;
}
ul.link-item> li:first-child {
  margin-top: 0;
}
ul.link-item> li a {
  display: inline-block;
  padding-left: 20px;
}
ul.link-item--circle> li:before {
  top: 5px;
  content: "";
  font-size: 1.4rem;
}
ul.link-item--circle> li a {
  padding-left: 24px;
}
ul.link-item--anchor> li:before {
  top: 8px;
  content: "";
}
ul.link-item--right> li {
  display: table;
  margin-left: auto;
}
ul.link-item--inline {
  margin-bottom: -10px;
}
ul.link-item--inline> li {
  position: relative;
  top: -10px;
  display: inline-block;
  margin-right: 20px;
}
ul.link-item--inline> li:first-child {
  margin-top: 10px;
}
ul.link-item--inline> li:last-child {
  margin-right: 0;
}
ul.link-item--inline.link-item--right {
  text-align: right;
}
ul.link-item--inline.link-item--right> li {
  margin-right: 0;
  margin-left: 20px;
}
ul.link-item--inline.link-item--right> li:first-child {
  margin-left: 0;
}
ul.link-item--inline.link-item--right> li:last-child {
  margin-right: 0;
}
ul.link-item--2col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
ul.link-item--2col> li {
  padding-right: 18px;
  width: 50%;
}
ul.link-item--2col> li:nth-child(-n+2) {
  margin-top: 0;
}
ul.link-item--3col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
ul.link-item--3col> li {
  padding-right: 18px;
  width: 33.33333%;
}
ul.link-item--3col> li:nth-child(-n+3) {
  margin-top: 0;
}
section a[target="_blank"]:not(class),
.section a[target="_blank"]:not(class),
.link-icon--blank {
  text-indent: 0;
}
section a[target="_blank"]:not(class):after,
.section a[target="_blank"]:not(class):after,
.link-icon--blank:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 1rem;
  vertical-align: baseline;
  margin-left: 4px;
  margin-right: 4px;
}
section a[href$=".pdf"]:not(class),
.section a[href$=".pdf"]:not(class),
.link-icon--pdf,
a.s_pdf {
  text-indent: 0;
}
section a[href$=".pdf"]:not(class):after,
.section a[href$=".pdf"]:not(class):after,
.link-icon--pdf:after,
a.s_pdf:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 1.2rem;
  vertical-align: baseline;
  margin-left: 4px;
  margin-right: 4px;
  color: #c71e0d;
}
section a[href$=".xls"]:not(class),
.section a[href$=".xls"]:not(class),
section a[href$=".xlsx"]:not(class),
.section a[href$=".xlsx"]:not(class),
.link-icon--excel {
  text-indent: 0;
}
section a[href$=".xls"]:not(class):after,
.section a[href$=".xls"]:not(class):after,
section a[href$=".xlsx"]:not(class):after,
.section a[href$=".xlsx"]:not(class):after,
.link-icon--excel:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 1.2rem;
  vertical-align: baseline;
  margin-left: 4px;
  margin-right: 4px;
  color: #02723b;
}
section a[href$=".zip"]:not(class),
.section a[href$=".zip"]:not(class),
.link-icon--zip {
  text-indent: 0;
}
section a[href$=".zip"]:not(class):after,
.section a[href$=".zip"]:not(class):after,
.link-icon--zip:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 1.2rem;
  vertical-align: baseline;
  margin-left: 4px;
  margin-right: 4px;
  color: #333333;
}
a.link-icon--normal:after {
  display: none !important;
}
.inline-link {
  text-decoration: underline;
}
.inline-link:hover {
  text-decoration: none;
}
.text-link:hover {
  text-decoration: underline;
}
a> img {
  -webkit-transition: opacity 0.3s;
          transition: opacity 0.3s;
}
a> img:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.anchor-box> a {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  height: 100%;
  width: 100%;
  padding: 10px;
  padding-bottom: 24px;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
  border-right: 1px solid #e2e6e8;
  position: relative;
}
.anchor-box> a:hover {
  background-color: #eff3f9;
}
.anchor-box> a:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -0.5rem;
  font-size: 1rem;
  bottom: 10px;
}
.anchor-box:first-child> a:before {
  display: none !important;
}
.box-link {
  display: block;
  border: 1px solid #e2e6e8;
  padding: 20px 0;
  text-align: center;
  -webkit-transition: background-color 0.3s;
          transition: background-color 0.3s;
}
.box-link:hover {
  background-color: #eff3f9;
}
.grid--4col .anchor-box:nth-child(4n+1)> a {
  border-left: 1px solid #e2e6e8;
}
.grid--4col .anchor-box:nth-child(4n+1)> a:before {
  display: block;
  content: "";
  border-top: 1px solid #e2e6e8;
  position: absolute;
  top: 0;
  left: 0;
  width: 1500px;
}
.grid--3col .anchor-box:nth-child(3n+1)> a {
  border-left: 1px solid #e2e6e8;
}
.grid--3col .anchor-box:nth-child(3n+1)> a:before {
  display: block;
  content: "";
  border-top: 1px solid #e2e6e8;
  position: absolute;
  top: 0;
  left: 0;
  width: 1500px;
}
.grid--2col .anchor-box:nth-child(2n+1)> a {
  border-left: 1px solid #e2e6e8;
}
.grid--2col .anchor-box:nth-child(2n+1)> a:before {
  display: block;
  content: "";
  border-top: 1px solid #e2e6e8;
  position: absolute;
  top: 0;
  left: 0;
  width: 1500px;
}
.link-list {
  display: table;
  width: 100%;
}
.link-list> li {
  display: table-row;
}
.link-list> li> div {
  border-bottom: 1px solid #e2e6e8;
  display: table-cell;
  padding: 12px 0;
}
.link-list> li> .date {
  white-space: nowrap;
  width: 140px;
}
.link-list> li> .tag {
  padding-left: 24px;
  width: 150px;
  line-height: 1.4;
}
.link-list> li> .tag> div {
  width: auto !important;
}
.link-list> li> .tag span {
  margin: 8px 0 0 !important;
  vertical-align: middle;
}
.link-list> li> .tag span:first-child {
  margin-top: 0 !important;
}
.link-list> li> .textArea {
  padding-left: 24px;
}
.link-list> li> .textArea a {
  text-decoration: underline;
}
.link-list> li> .textArea a:hover {
  text-decoration: none;
}
.link-list> li> .text {
  padding-left: 24px;
}
.link-list> li> .text a {
  position: relative;
  display: block;
  margin: -12px 0 -12px -12px;
  padding: 12px 60px 12px 12px;
}
.link-list> li> .text a:before {
  font-style: normal;
  font-size: 1.2rem;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f010";
  position: absolute;
  top: 50%;
  right: 20px;
  bottom: 0;
  margin: -0.55rem auto 0;
  height: 0;
  -webkit-transition: 0.3s;
          transition: 0.3s;
}
.anchor-list {
  font-size: 1.6rem;
  line-height: 1;
}
.anchor-list> li {
  display: inline-block;
}
.anchor-list> li:not(:first-child) {
  margin-left: 30px;
}
.anchor-list> li> a {
  display: block;
  position: relative;
  padding-left: 15px;
}
.anchor-list> li> a:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  display: block;
  font-size: 1rem;
  margin-top: -0.4rem;
  top: 50%;
  left: 0;
}
.list> li {
  margin-top: 10px;
}
.list> li:first-child {
  margin-top: 0;
}
.list> li a {
  text-decoration: underline;
}
.list> li a:hover {
  text-decoration: none;
}
.list> li div a {
  text-decoration: none;
}
ul.list {
  padding-left: 18px;
}
ul.list> li {
  position: relative;
  list-style-type: none;
}
ul.list> li:before {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  background-color: #acc2de;
  border-radius: 5px;
  position: absolute;
  left: -18px;
  top: 7.5px;
}
.list .list> li {
  margin-top: 10px;
}
ul.list--thin> li,
ol.list--thin> li {
  margin-top: 0;
}
ol.list {
  padding-left: 1.5em;
}
ol.list> li {
  list-style-type: decimal;
}
ol.list> li:nth-child(n+10) {
  margin-left: 0.5em;
}
.list--disc> li {
  list-style-type: disc !important;
}
.list--circle> li {
  list-style-type: circle !important;
}
.list--square> li {
  list-style-type: square !important;
}
.list--decimal> li {
  list-style-type: decimal !important;
}
.list--decimal-leading-zero> li {
  list-style-type: decimal-leading-zero !important;
}
.list--lower-roman> li {
  list-style-type: lower-roman !important;
}
.list--upper-roman> li {
  list-style-type: upper-roman !important;
}
.list--hiragana> li {
  list-style-type: hiragana !important;
}
.list--katakana> li {
  list-style-type: katakana !important;
}
.list--lower-alpha> li {
  list-style-type: lower-alpha !important;
}
.list--upper-alpha> li {
  list-style-type: upper-alpha !important;
}
dl.list> dt {
  font-weight: 700;
  margin-top: 18px;
}
dl.list> dt:first-child {
  margin-top: 0;
}
dl.list> dd {
  margin-left: 2em;
}
dl.list-def {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
          align-items: stretch;
}
dl.list-def> dt,
dl.list-def> dd {
  position: relative;
  margin-top: 0;
  padding-top: 15px;
  padding-bottom: 15px;
}
dl.list-def> dt:before,
dl.list-def> dt:after,
dl.list-def> dd:before,
dl.list-def> dd:after {
  content: "";
  position: absolute;
  border-top: 1px solid #e2e6e8;
}
dl.list-def> dt:before,
dl.list-def> dd:before {
  top: 0;
}
dl.list-def> dt:after,
dl.list-def> dd:after {
  bottom: 0;
  display: block;
}
dl.list-def> dt {
  font-weight: 700;
  padding-right: 12px;
  width: 25%;
}
dl.list-def> dt:after {
  left: 0;
  right: 0;
}
dl.list-def> dt:first-child:before {
  left: 0;
  right: 0;
  display: block;
}
dl.list-def> dd {
  padding-left: 12px;
  width: 75%;
}
dl.list-def> dd:after {
  left: 0;
  right: 0;
}
dl.list-def> dd:nth-child(2):before {
  left: 0;
  right: 0;
  display: block;
}
dl.list-def--hd-middle> dt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
}
dl.list-def--1-9> dt {
  width: 10%;
}
dl.list-def--1-9> dd {
  width: 90%;
}
dl.list-def--2-8> dt {
  width: 20%;
}
dl.list-def--2-8> dd {
  width: 80%;
}
dl.list-def--3-7> dt {
  width: 30%;
}
dl.list-def--3-7> dd {
  width: 70%;
}
dl.list-def--4-6> dt {
  width: 40%;
}
dl.list-def--4-6> dd {
  width: 60%;
}
dl.list-def--5-5> dt {
  width: 50%;
}
dl.list-def--5-5> dd {
  width: 50%;
}
dl.list-def--15-85> dt {
  width: 15%;
}
dl.list-def--15-85> dd {
  width: 85%;
}
ul.list-def {
  display: table;
}
ul.list-def> li {
  display: table-row;
}
ul.list-def> li> span {
  display: table-cell;
  vertical-align: top;
}
ul.list-def> li> span:first-child {
  padding-right: 1.1em;
  white-space: nowrap;
  position: relative;
}
ul.list-def> li> span:first-child:after {
  position: absolute;
  right: 0;
  content: ":";
}
ul.list-def> li> span:last-child {
  padding-left: 1em;
}
ul.list-def--hd-right> li> span:first-child {
  text-align: right;
}
ul.list-def--hyphen> li> span:first-child:after {
  content: "-";
}
ul.list-def--empty> li> span:first-child {
  padding-right: 0;
}
ul.list-def--empty> li> span:first-child:after {
  content: "";
}
.faq> dt,
.faq> dd {
  position: relative;
  padding-left: 30px;
}
.faq> dt:before,
.faq> dd:before {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  font-weight: 700;
}
.faq> dt {
  margin-top: 18px;
  font-weight: 700;
  font-size: 1.8rem;
}
.faq> dt:first-child {
  margin-top: 0;
}
.faq> dt:before {
  content: "Q.";
  color: #356cb6;
}
.faq> dd {
  margin-top: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid #e2e6e8;
}
.faq> dd:before {
  content: "A.";
  color: #ad1457;
}
.faq> dd a {
  text-decoration: underline;
}
.faq> dd a:hover {
  text-decoration: none;
}
figure {
  text-align: center;
}
figure> figcaption {
  font-size: 1.4rem;
}
figure> figcaption:first-child {
  margin-bottom: 10px;
}
figure> figcaption:not(:first-child) {
  margin-top: 10px;
}
figure.figure-orig> img {
  width: auto;
  height: auto;
}
img.orig {
  width: auto !important;
  height: auto !important;
}
img.fluid {
  width: 100% !important;
}
.figure-fixed {
  position: relative;
  width: 100%;
  max-width: 100%;
}
.figure-fixed:before {
  content: "";
  display: block;
  padding-top: 66.66667%;
}
.figure-fixed> .figure-fixed-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
}
.figure-fixed> .figure-fixed-inner> img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
          flex-shrink: 0;
}
.figure-fixed.figure-fixed--1-1:before,
.figure-fixed.figure-fixed--sq:before {
  padding-top: 100%;
}
.figure-fixed.figure-fixed--4-3:before,
.figure-fixed.figure-fixed--std:before {
  padding-top: 75%;
}
.figure-fixed.figure-fixed--2-1:before,
.figure-fixed.figure-fixed--half:before {
  padding-top: 50%;
}
.card {
  border: 1px solid #e2e6e8;
}
.card .card-thumb {
  -webkit-transition: opacity 0.3s;
          transition: opacity 0.3s;
}
.card a:hover .card-thumb {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.card .card-body {
  -webkit-transition: background-color 0.3s;
          transition: background-color 0.3s;
}
.card a:hover .card-body {
  background-color: #eff3f9;
}
.card> a {
  display: block;
}
.card .card-thumb {
  text-align: center;
}
.card .card-body {
  padding: 18px;
}
.card .card-body> .hd {
  font-weight: 700;
  font-size: 1.8rem;
  padding-bottom: 10px;
  border-bottom: 1px solid #356cb6;
  margin-bottom: 10px;
}
.card .card-body> .hd.unbordered {
  padding-bottom: 0;
  margin-bottom: 0;
}
.card .card-body> .hd> a,
.card .card-body> .hd> span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
  height: 100%;
  position: relative;
  padding-right: 15px;
  line-height: 1.3;
}
.card .card-body> .hd> a:after,
.card .card-body> .hd> span:after {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.5rem;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  color: #356cb6;
  font-size: 1.0rem;
}
.card .card-body> .hd> a.new-parent,
.card .card-body> .hd> span.new-parent {
  display: block;
}
.card .card-body> .hd> a> span.new,
.card .card-body> .hd> span> span.new,
.card .card-body> .hd> span> a> span.new {
  color: #ffffff;
  font-size: 1.2rem;
  font-family: "Oswald";
  font-weight: bold;
  background-color: #ff0000;
  margin-left: 1em;
  padding: 2px 8px 3px;
}
.card .card-body> .hd> a:hover {
  text-decoration: underline;
}
.card .card-body> .sub {
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 10px;
}
.card .card-body> :first-child {
  margin-top: 0 !important;
}
.card .card-body .sub-text {
  color: #333333;
}
.card .card-body li {
  margin-top: 5px;
}
.card .card-body li> p {
  margin-top: 5px;
}
.card .card-body li> p::first-child {
  margin-top: 0;
}
.card .card-body> * {
  margin-top: 10px;
}
.card .card-body> .icon {
  text-align: center;
  padding-bottom: 20px;
  border-bottom: 1px solid #e2e6e8;
}
.card .card-body> .icon> img {
  width: 100px;
  height: 100px;
}
.card .card-body> .link-center {
  margin-top: 18px;
  text-align: center;
}
.card .card-body> .link-center.row2 {
  height: 2.8em;
}
.card .card-body> .link-center.row2:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.card .card-body> .link-center span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-right: 20px;
  line-height: 1.4;
}
.card .card-body> .link-center span:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  content: "";
  color: #356cb6;
  font-size: 1.0rem;
  top: 50%;
  margin-top: -0.5rem;
  right: 0;
}
.card .card-body> .link-center span.link-icon--blank:after {
  content: "";
}
.card .card-body dl.cm {
  display: table;
  width: 100%;
  border-bottom: 1px solid #e2e6e8;
}
.card .card-body dl.cm:last-child {
  border-bottom: none;
}
.card .card-body dl.cm dt {
  display: table-cell;
  vertical-align: top;
}
.card .card-body dl.cm dt a {
  display: block;
  padding: 15px 0;
}
.card .card-body dl.cm dt a:hover {
  text-decoration: underline;
}
.card .card-body dl.cm dd {
  display: table-cell;
  padding: 15px 0;
  text-align: right;
}
.card .card-body--thin {
  padding: 12px;
}
.card .card-step {
  margin-top: 32px;
  background-color: #eff3f9;
  padding: 18px;
  position: relative;
}
.card .card-step:before {
  position: absolute;
  top: -32px;
  left: 50%;
  margin-left: -9px;
  width: 0;
  height: 0;
  border-style: solid;
  content: "";
  display: block;
  border-width: 12px 9px 0 9px;
  border-color: #356cb6 transparent transparent transparent;
}
.card .card-caption {
  padding: 10px 0;
  text-align: center;
}
.card a:hover .card-caption {
  text-decoration: underline;
}
.card--bg-white {
  background-color: #ffffff;
}
.grid--layout> div> .card {
  border-left: none;
}
.grid--layout.grid--3col> div:nth-child(3n+1)> .card {
  border-left: 1px solid #e2e6e8;
}
.grid--layout.grid--2col> div:nth-child(2n+1)> .card {
  border-left: 1px solid #e2e6e8;
}
.icon-box-wrapper> div:nth-child(4n+1) .icon-box-icon,
.icon-box-wrapper> div:nth-child(4n+1) .icon-box-link {
  border-left: 1px solid #e2e6e8;
}
.icon-box {
  border: 1px solid #e2e6e8;
  margin: 0 15px;
}
.grid-box .icon-box {
  margin: 0;
}
.icon-box a {
  display: block;
  background-color: #ffffff;
  -webkit-transition: background-color 0.3s;
          transition: background-color 0.3s;
}
.icon-box a:hover {
  background-color: #eff3f9;
}
.icon-box .icon-box-icon {
  border-bottom: 1px solid #e2e6e8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
          justify-content: center;
  height: 160px;
  margin: 0 10px;
}
.icon-box .icon-box-icon img {
  width: 100px;
  height: 100px;
}
.icon-box .icon-box-link {
  height: 50px;
  padding: 0 10px;
  text-align: center;
}
.icon-box .icon-box-link:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.icon-box .icon-box-link span {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0 15px;
  line-height: 1.4;
}
.icon-box .icon-box-link span:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  border-top: 2px solid #356cb6;
  border-right: 2px solid #356cb6;
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.aboutBlock.aboutBorder .icon-box-icon,
.aboutBorder .icon-box-link {
  border-left: none !important;
}
div.icon-box-icon.iconBig> img {
  width: 150px;
}
.icon-box2-wrapper {
  overflow: hidden;
  margin-bottom: -36px !important;
}
.icon-box2-wrapper> div {
  margin-bottom: 36px;
  position: relative !important;
  top: 0 !important;
}
.icon-box2-wrapper> div:nth-child(4n+1) .icon-box2-icon,
.icon-box2-wrapper> div:nth-child(4n+1) .icon-box2-link,
.icon-box2-wrapper> div:nth-child(4n+1) .icon-box2-text {
  border-left: 1px solid #e2e6e8;
}
.icon-box2-wrapper> div:nth-child(4n+1):before {
  content: "";
  display: block;
  border-bottom: 1px solid #e2e6e8;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1200px;
}
.icon-box2> a {
  display: block;
  -webkit-transition: background-color 0.3s;
          transition: background-color 0.3s;
}
.icon-box2> a:hover {
  background-color: #eff3f9;
}
.icon-box2 .icon-box2-icon {
  padding-top: 36px;
  border-top: 1px solid #e2e6e8;
  border-right: 1px solid #e2e6e8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
          justify-content: center;
}
.icon-box2 .icon-box2-icon img {
  width: 100px;
  height: 100px;
}
.icon-box2 .icon-box2-link {
  padding-top: 18px;
  padding-bottom: 24px;
  text-align: center;
  border-right: 1px solid #e2e6e8;
  border-bottom: 1px solid #e2e6e8;
}
.icon-box2 .icon-box2-link> span {
  display: inline-block;
  position: relative;
  padding-left: 20px;
}
.icon-box2 .icon-box2-link> span:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  content: "";
  color: #356cb6;
  font-size: 1.0rem;
  top: 50%;
  margin-top: -0.6rem;
  left: 0;
}
.icon-box2 .icon-box2-text {
  padding: 18px 24px 10px 24px;
  border-right: 1px solid #e2e6e8;
  color: #333333;
}
.table> table,
table.table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.table> table th,
.table> table td,
table.table th,
table.table td {
  padding: 12px 24px;
  border: 1px solid #e2e6e8;
}
.table> table th a,
.table> table td a,
table.table th a,
table.table td a {
  text-decoration: underline;
}
.table> table th a:hover,
.table> table td a:hover,
table.table th a:hover,
table.table td a:hover {
  text-decoration: none;
}
.table> table th,
table.table th {
  background-color: #eff3f9;
  font-weight: 700;
}
.table> table td,
table.table td {
  vertical-align: top;
}
.table> table th:first-child,
.table> table td:first-child,
table.table th:first-child,
table.table td:first-child {
  border-left: none;
}
.table> table th:last-child,
.table> table td:last-child,
table.table th:last-child,
table.table td:last-child {
  border-right: none;
}
.table> table .cell-vt,
table.table .cell-vt {
  display: inline-block;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  white-space: nowrap;
  width: 1em;
  line-height: 1em;
}
.table--thin> table th,
.table--thin> table td,
table.table--thin th,
table.table--thin td {
  padding: 9px 18px;
  border: 1px solid #e2e6e8;
}
.button {
  display: inline-block;
  border: 2px solid #356cb6;
  border-radius: 16px;
  padding: 0 10px;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  position: relative;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.button:hover {
  background-color: #356cb6;
  color: #ffffff;
}
.button:before,
.button:after {
  -webkit-transition: border-color 0.3s;
          transition: border-color 0.3s;
}
.button:hover:before,
.button:hover:after {
  border-color: #ffffff;
}
.button--fixed {
  min-width: 300px;
  padding: 8px 20px;
  border-radius: 30px;
  font-size: 1.6rem;
  line-height: 1.2;
}
.button--angle-right {
  padding-right: 25px;
}
.button--angle-right.button--fixed {
  padding-right: 35px;
}
.button--angle-right:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  right: 10px;
  top: 50%;
  font-size: 1rem;
  margin-top: -0.5rem;
  position: absolute;
}
.button--angle-left {
  padding-left: 25px;
}
.button--angle-left.button--fixed {
  padding-left: 35px;
}
.button--angle-left:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  left: 10px;
  top: 50%;
  font-size: 1rem;
  margin-top: -0.5rem;
  position: absolute;
}
.button--search {
  padding-right: 1.4rem;
}
.button--search:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  right: 10px;
  top: 50%;
  margin-top: -0.7rem;
  position: absolute;
}
.button--add {
  padding-right: 1.4rem;
}
.button--add:before,
.button--add:after {
  display: block;
  border-style: solid;
  content: "";
  top: 50%;
  position: absolute;
}
.button--add:before {
  border-bottom-width: 1px;
  border-top-width: 1px;
  width: 10px;
  right: 12px;
}
.button--add:after {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 10px;
  margin-top: -4px;
  right: 16px;
}
.button--sub {
  padding-right: 1.4rem;
}
.button--sub:before {
  display: block;
  border-style: solid;
  border-color: #356cb6;
  content: "";
  top: 50%;
  position: absolute;
  border-bottom-width: 1px;
  border-top-width: 1px;
  width: 10px;
  right: 10px;
}
.button-more {
  font-family: Oswald;
  letter-spacing: 0.2rem;
  font-weight: 400;
  position: relative;
  display: inline-block;
  padding-left: 20px;
  -webkit-transition: opacity 0.3s;
          transition: opacity 0.3s;
}
.button-more:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.button-more:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  font-size: 1.4rem;
  margin-top: -0.6rem;
  left: 0;
}
.side-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
          justify-content: space-between;
}
.side-button> :first-child {
  margin: 0;
  padding: 0;
  width: 100%;
}
.side-button> :last-child {
  margin: 0;
  margin-left: 24px;
  padding: 0;
  white-space: nowrap;
}
p.note {
  font-size: 1.4rem;
  margin-left: 1.4em;
  text-indent: -1.4em;
}
p.note:before {
  content: "※";
  display: inline;
  margin-right: 0.4em;
}
ul.note {
  font-size: 1.4rem;
}
ul.note> li {
  margin-left: 1.4em;
  text-indent: -1.4em;
}
ul.note> li:before {
  content: "※";
  display: inline;
  margin-right: 0.4em;
}
ol.note {
  font-size: 1.4rem;
  counter-reset: order;
}
ol.note> li {
  margin-left: 1.9em;
  text-indent: -1.9em;
}
ol.note> li:before {
  counter-increment: order;
  content: "※" counter(order);
  display: inline;
  margin-right: 0.4em;
}
ol.note> li:nth-child(n+10) {
  margin-left: 2.4em;
  text-indent: -2.4em;
}
p.note-def {
  font-size: 1.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
          justify-content: left;
}
p.note-def span {
  display: block;
}
p.note-def span:first-child {
  padding-right: 0.4em;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
          flex-shrink: 0;
}
ul.note-def,
ol.note-def {
  font-size: 1.4rem;
  display: table;
}
ul.note-def> li,
ol.note-def> li {
  display: table-row;
}
ul.note-def> li> span,
ol.note-def> li> span {
  display: table-cell;
  vertical-align: top;
}
ul.note-def> li> span:first-child,
ol.note-def> li> span:first-child {
  padding-right: 0.4em;
  white-space: nowrap;
  text-align: right;
}
.tab-buttons {
  display: table;
  width: 100%;
  margin-bottom: 40px;
}
.tab-buttons> li {
  display: table-cell;
  vertical-align: middle;
  width: 33.3%;
  border: 1px solid #e2e6e8;
  padding: 10px;
  text-align: center;
  color: #356cb6;
  font-weight: 700;
  font-size: 1.6rem;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
          transition: background-color 0.3s;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.tab-buttons> li:hover {
  background-color: #eff3f9;
}
.tab-buttons> li.is-current {
  background-color: #356cb6;
  border-color: #356cb6;
  color: #ffffff;
  position: relative;
  cursor: default;
}
.tab-buttons> li.is-current:before {
  width: 0;
  height: 0;
  border-style: solid;
  content: "";
  display: block;
  border-width: 5px 5px 0 5px;
  border-color: #356cb6 transparent transparent transparent;
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  z-index: 3;
}
.tab-buttons> li:not(:first-child) {
  border-left: none;
}
.tab-buttons> li a {
  color: inherit;
}
.tab-buttons.col4 li {
  width: 25%;
}
.tab-content {
  display: none;
}
.tab-content.is-open {
  display: block;
}
.font-size-xs {
  font-size: 1rem;
}
.font-size-s {
  font-size: 1.2rem;
}
.font-size-m {
  font-size: 1.4rem;
}
.font-size-r {
  font-size: 1.6rem;
}
.font-size-l {
  font-size: 1.8rem;
}
.font-size-xl {
  font-size: 2.0rem;
}
.font-size-xxl {
  font-size: 2.4rem;
}
.font-size-hd {
  font-size: 3.2rem;
}
.indentation {
  text-indent: 1em;
  text-align: justify;
}
.indentation-area p {
  text-indent: 1em;
  text-align: justify;
}
strong {
  font-weight: 700;
}
em {
  color: #d80e0e;
  font-style: normal;
}
.color-white {
  color: #ffffff;
}
.color-blue {
  color: #356cb6;
}
.accordion-container {
  width: 100%;
  margin: 0;
  padding: 0;
  padding-bottom: 80px;
  border-top: 1px solid #e2e6e8;
}
.accordion-container> .wrapper {
  display: none;
}
.accordion-box-wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
}
.accordion-box {
  border-top: 1px solid #e2e6e8;
}
.accordion-box> .accordion-box-inner {
  display: none;
  padding-top: 24px;
  padding-bottom: 38px;
}
.accordion-button {
  margin-top: -1px;
  border-top: 1px solid #e2e6e8;
  position: relative;
}
.accordion-button> a {
  background-color: #ffffff;
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -150px;
  cursor: pointer;
}
.modalOpen {
  cursor: pointer;
}
.modalBox {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(53, 108, 182, 0.9);
  display: none;
}
.modalBox-inner {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
}
.modalBox-comtents {
  width: 900px;
  padding: 0 36px;
  display: block;
}
.modalBox-closeBtn {
  color: #ffffff;
  font-size: 1.4rem;
  cursor: pointer;
  display: block;
  text-align: right;
  -webkit-animation: none !important;
          animation: none !important;
  border-radius: 0;
}
.modalBox-closeBtn:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.modalBox-closeBtn:before {
  font-family: glyphs;
  content: "\F020";
  font-size: 1.5rem;
  display: inline-block;
  vertical-align: -2px;
  margin-right: 7px;
}
.modalBox img {
  width: 100%;
  display: block;
  margin-top: 20px;
}
.doc {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
}
.doc--wide {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.doc--narrow {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.doc--indent {
  text-indent: 1em;
}
.category-intro {
  background-color: #356cb6;
  height: 300px;
  color: #ffffff;
  position: relative;
}
.category-intro .category-intro-thumb {
  margin-left: 45%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  height: 100%;
}
.category-intro .category-intro-thumb .category-intro-thumb-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.category-intro .category-intro-thumb .category-intro-thumb-inner> img {
  position: absolute;
  top: -100%;
  right: -100%;
  bottom: -100%;
  left: -100%;
  margin: auto;
  width: auto;
  min-width: 100%;
  min-height: 100%;
  z-index: 1;
}
.category-intro .category-intro-body {
  position: relative;
  z-index: 2;
  width: 533px;
  height: 300px;
  padding-top: 36px;
  padding-bottom: 36px;
  padding-right: 36px;
  background-color: #356cb6;
}
.category-intro .category-intro-body:after {
  display: block;
  content: "";
  width: 40%;
  position: absolute;
  top: 0;
  right: -40%;
  bottom: 0;
  background: -webkit-linear-gradient(left, #356cb6 0%, transparent 100%);
  background:         linear-gradient(to right, #356cb6 0%, transparent 100%);
}
.category-intro .category-intro-body> .hd {
  font-size: 2.4rem;
  width: 100%;
  line-height: 1;
}
.category-intro .category-intro-body> .summary {
  margin-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.category-intro .category-intro-body .icon> img {
  width: 100px;
  height: 100px;
}
.category-intro .category-intro-body .text {
  margin-left: 36px;
  text-align: justify;
}
.category-intro .category-intro-body .link> a {
  margin-top: 30px;
  display: inline-block;
  color: #ffffff;
  border: 1px solid #ffffff;
  padding: 8px 12px 8px 38px;
  position: relative;
  font-weight: 400;
  text-align: center;
  min-width: 300px;
  border-radius: 0 !important;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.category-intro .category-intro-body .link> a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.category-intro .category-intro-body .link> a:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  top: 50%;
  left: 12px;
  margin-top: -0.7rem;
  font-size: 1.4rem;
}
.category-intro--gray {
  background-color: #8a929d;
}
.category-intro--gray .category-intro-body {
  background-color: #8a929d;
}
.category-intro--gray .category-intro-body:after {
  background: -webkit-linear-gradient(left, #8a929d 0%, transparent 100%);
  background:         linear-gradient(to right, #8a929d 0%, transparent 100%);
}
.category-intro--reverse .category-intro-thumb {
  margin-right: 45%;
  margin-left: 0;
}
.category-intro--reverse .category-intro-body {
  margin-left: auto;
  padding-right: 0;
  padding-left: 36px;
}
.category-intro--reverse .category-intro-body:after {
  right: auto;
  left: -40%;
  background: -webkit-linear-gradient(right, #356cb6 0%, transparent 100%);
  background:         linear-gradient(to left, #356cb6 0%, transparent 100%);
}
.category-intro--gray.category-intro--reverse .category-intro-body:after {
  background: -webkit-linear-gradient(right, #8a929d 0%, transparent 100%);
  background:         linear-gradient(to left, #8a929d 0%, transparent 100%);
}
.category-intro--h350 {
  height: 350px;
}
.category-intro--h350 .category-intro-body {
  height: 350px;
}
.category-intro--h400 {
  height: 400px;
}
.category-intro--h400 .category-intro-body {
  height: 400px;
}
.content-box {
  border: 2px solid #eff3f9;
  padding: 36px;
}
.content-box> .shift-top {
  margin-top: -30px;
}
.content-box> .heading {
  font-size: 1.6rem;
  font-weight: 700;
  position: relative;
  padding-bottom: 10px;
}
.content-box> .heading:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 70px;
  border-bottom: 2px solid #356cb6;
}
.content-box> .subheading {
  font-size: 1.6rem;
  font-weight: 700;
}
.bg-white {
  background-color: #ffffff;
}
.bg-darkblue {
  background-color: #356cb6;
  color: #ffffff;
}
.bg-lightblue {
  background-color: #5d89c5;
  color: #ffffff;
}
.bg-paleblue {
  background-color: #eff3f9;
}
.bg-haze {
  background-color: #fafafa;
}
.bg-mist {
  background-color: #f2f2f2;
}
.bg-darkgray {
  background-color: #8a929d;
  color: #ffffff;
}
.bg-hr-half {
  position: relative;
}
.bg-hr-half:before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  bottom: 0;
  left: 50%;
  right: 0;
  z-index: 0;
}
.bg-hr-half> * {
  position: relative;
  z-index: 1;
}
.bg-hr-half--left:before {
  left: 0;
  right: 50%;
}
.bg-hr-half--white:before {
  background-color: #ffffff;
}
.bg-hr-half--darkblue:before {
  background-color: #356cb6;
}
.bg-hr-half--lightblue:before {
  background-color: #5d89c5;
}
.bg-hr-half--paleblue:before {
  background-color: #eff3f9;
}
.bg-hr-half--haze:before {
  background-color: #fafafa;
}
.bg-hr-half--mist:before {
  background-color: #f2f2f2;
}
dl.list-step> dt,
dl.list-step> dd {
  padding-left: 110px;
  position: relative;
}
dl.list-step> dt> span:first-child {
  position: absolute;
  font-weight: 700;
  color: #356cb6;
  left: 0;
  top: 0;
  bottom: 0;
  width: 96px;
  line-height: 26px;
}
dl.list-step> dt> span:first-child:before {
  position: absolute;
  right: 0;
  top: 3px;
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  border: 3px solid #356cb6;
  border-radius: 9px;
  background-color: #ffffff;
  z-index: 2;
}
dl.list-step> dt> span:first-child:after {
  position: absolute;
  display: block;
  content: "";
  border-right: 2px solid #356cb6;
  top: 0;
  right: 8px;
  bottom: 0;
  z-index: 1;
}
dl.list-step> dt> span:last-child {
  font-weight: 700;
  font-size: 1.8rem;
}
dl.list-step> dt:first-child span:first-child:after {
  top: 8px;
}
dl.list-step> dt:nth-last-child(2) span:first-child:after {
  bottom: 8px;
}
dl.list-step> dd {
  padding-top: 10px;
  padding-bottom: 18px;
}
dl.list-step> dd:before {
  position: absolute;
  display: block;
  content: "";
  border-right: 2px solid #356cb6;
  top: 0;
  left: 86px;
  bottom: 0;
  z-index: 1;
}
dl.list-step> dd:last-child {
  padding-bottom: 0;
}
dl.list-step> dd:last-child:before {
  display: none;
}
.nav-carousel {
  background-color: #eff3f9;
  position: relative;
  display: none;
}
.nav-carousel .slick-arrow {
  font-size: 0;
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  border-radius: 15px;
  background-color: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
  color: #356cb6;
  cursor: pointer;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.nav-carousel .slick-arrow:hover {
  background-color: #356cb6;
  color: #ffffff;
}
.nav-carousel .slick-arrow:before,
.nav-carousel .slick-arrow:after {
  -webkit-transition: border-color 0.3s;
          transition: border-color 0.3s;
}
.nav-carousel .slick-arrow:hover:before,
.nav-carousel .slick-arrow:hover:after {
  border-color: #ffffff;
}
.nav-carousel .slick-arrow:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5rem;
  font-size: 1rem;
  z-index: 3;
}
.nav-carousel .slick-prev {
  left: 10px;
}
.nav-carousel .slick-prev:before {
  content: "";
  margin-left: -0.6rem;
}
.nav-carousel .slick-next {
  right: 10px;
}
.nav-carousel .slick-next:before {
  content: "";
  margin-left: -0.4rem;
}
.nav-carousel .slick-list {
  margin-left: 50px;
  margin-right: 50px;
  position: relative;
}
.nav-carousel .slick-list:before {
  position: absolute;
  display: block;
  content: "";
  border-left: 1px solid #c9d8eb;
  top: 18px;
  bottom: 18px;
  left: 0;
}
.nav-carousel .slick-list:after {
  position: absolute;
  display: block;
  content: "";
  border-left: 1px solid #c9d8eb;
  top: 18px;
  bottom: 18px;
  right: 0;
}
.nav-carousel .slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.nav-carousel .slick-slide {
  padding: 25px 15px 15px;
  position: relative;
  float: none;
  height: auto;
}
.nav-carousel .slick-slide:first-child:before {
  position: absolute;
  display: block;
  content: "";
  border-left: 1px solid #c9d8eb;
  top: 18px;
  bottom: 18px;
  left: 0;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.nav-carousel .slick-slide:after {
  position: absolute;
  display: block;
  content: "";
  border-right: 1px solid #c9d8eb;
  top: 18px;
  bottom: 18px;
  right: 0;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.nav-carousel .nav-carousel-item.active,
.nav-carousel .nav-carousel-item:hover {
  background-color: #356cb6;
  color: #ffffff;
}
.nav-carousel .nav-carousel-item.active:before,
.nav-carousel .nav-carousel-item:hover:before {
  border-color: #356cb6;
}
.nav-carousel .nav-carousel-item.active:after,
.nav-carousel .nav-carousel-item:hover:after {
  border-color: #356cb6;
}
.nav-carousel .nav-carousel-item> .text {
  margin-top: 15px;
  position: relative;
  padding-left: 18px;
  font-size: 1.4rem;
  line-height: 1.2;
}
.nav-carousel .nav-carousel-item> .text:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 1.3rem;
  position: absolute;
  left: 0;
  top: 3px;
}
.vis-carousel {
  display: none;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 850px;
}
.vis-carousel .slick-prev {
  left: -25px;
}
.vis-carousel .slick-prev:before {
  content: "";
  margin-left: -0.6rem;
}
.vis-carousel .slick-next {
  right: -25px;
}
.vis-carousel .slick-next:before {
  content: "";
  margin-left: -0.4rem;
}
.vis-carousel .slick-list {
  z-index: 1;
}
.vis-carousel .slick-arrow {
  font-size: 0;
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 50px;
  height: 50px;
  margin-top: -42px;
  border-radius: 25px;
  background-color: #ffffff;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
  color: #356cb6;
  cursor: pointer;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.vis-carousel .slick-arrow:hover {
  background-color: #356cb6;
  color: #ffffff;
}
.vis-carousel .slick-arrow:before,
.vis-carousel .slick-arrow:after {
  -webkit-transition: border-color 0.3s;
          transition: border-color 0.3s;
}
.vis-carousel .slick-arrow:hover:before,
.vis-carousel .slick-arrow:hover:after {
  border-color: #ffffff;
}
.vis-carousel .slick-arrow:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5rem;
  font-size: 1rem;
  z-index: 3;
}
.vis-carousel .slick-dots {
  text-align: center;
  margin-top: 24px;
  font-size: 0;
  line-height: 0;
}
.vis-carousel .slick-dots> li {
  display: inline-block;
  margin: 0 5px;
}
.vis-carousel .slick-dots> li> button {
  font-size: 0;
  display: inline-block;
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background-color: #eeeeee;
  cursor: pointer;
  padding: 0;
}
.vis-carousel .slick-dots> li.slick-active> button {
  background-color: #356cb6;
}
ol.form-step {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
ol.form-step> li {
  -webkit-box-flex: 5;
  -webkit-flex-grow: 5;
  -ms-flex-positive: 5;
          flex-grow: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  padding-left: 32px;
  position: relative;
}
ol.form-step> li:before {
  display: block;
  content: "";
  position: absolute;
  width: 32px;
  left: 0;
  top: 50%;
  border-top: 1px solid #e2e6e8;
}
ol.form-step> li:first-child {
  padding-left: 0;
}
ol.form-step> li:first-child:before {
  display: none;
}
ol.form-step> li> span {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  display: block;
  -webkit-box-flex: 5;
  -webkit-flex-grow: 5;
  -ms-flex-positive: 5;
          flex-grow: 5;
  text-align: center;
  padding: 6px;
}
ol.form-step> li> span:first-child {
  background-color: #356cb6;
  color: #ffffff;
}
ol.form-step> li> span:last-child {
  background-color: #eff3f9;
  font-weight: 700;
}
ol.form-step> li.active> span {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.form-wrapper {
  border-left: 1px solid #e2e6e8;
  padding-left: 36px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.form-wrapper textarea {
  width: 100%;
  height: 10em;
}
.form-wrapper input[type="text"] {
  border: 1px solid #e2e6e8;
  border-radius: 4px;
  padding: 10px 16px;
  font-size: 1.6rem;
  width: 100%;
}
.form-wrapper input[type="radio"] {
  display: none;
}
.form-wrapper input[type="radio"]+ span {
  display: block;
  position: relative;
  padding-left: 30px;
}
.form-wrapper input[type="radio"]+ span:before {
  content: "";
  display: block;
  position: absolute;
  background-color: #e2e6e8;
  border: 7px solid #e2e6e8;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  left: 0;
  margin-top: 1px;
  -webkit-transition: 0.3s;
          transition: 0.3s;
}
.form-wrapper input[type="radio"]:checked+ span:before {
  background-color: #ffffff;
  border-color: #356cb6;
}
.form-wrapper textarea {
  border: 1px solid #e2e6e8;
  border-radius: 4px;
  padding: 10px 16px;
  font-size: 1.6rem;
  font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic ProN","游ゴシック","Yu Gothic",YuGothic,"ＭＳ ゴシック",sans-serif;
}
.form-wrapper .form-sign {
  font-size: 1.8rem;
  font-weight: 700;
}
.form-wrapper .form-error {
  color: #d80e0e;
  font-weight: 700;
  margin-top: 6px;
  font-size: 1.6rem;
}
.form-wrapper select {
  border: 1px solid #e2e6e8;
  border-radius: 4px;
  padding: 10px 16px;
  font-size: 1.6rem;
}
dl.form-list> dt {
  font-weight: 700;
  margin-top: 24px;
}
dl.form-list> dt:first-child {
  margin-top: 0;
}
dl.form-list> dd {
  margin-top: 10px;
}
.form-link-box> a {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  height: 100%;
  width: 100%;
  padding: 10px;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
  border-right: 1px solid #e2e6e8;
  position: relative;
}
.form-link-box> a:hover {
  background-color: #eff3f9;
}
.form-link-box> a:after {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  height: 1em;
  margin: auto 0;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  color: #356cb6;
  font-size: 1.0rem;
}
.form-link-box:first-child> a:before {
  display: none !important;
}
.grid--4col .form-link-box:nth-child(4n+1)> a {
  border-left: 1px solid #e2e6e8;
}
.grid--4col .form-link-box:nth-child(4n+1)> a:before {
  display: block;
  content: "";
  border-top: 1px solid #e2e6e8;
  position: absolute;
  top: 0;
  left: 0;
  width: 1500px;
}
.grid--3col .form-link-box:nth-child(3n+1)> a {
  border-left: 1px solid #e2e6e8;
}
.grid--3col .form-link-box:nth-child(3n+1)> a:before {
  display: block;
  content: "";
  border-top: 1px solid #e2e6e8;
  position: absolute;
  top: 0;
  left: 0;
  width: 1500px;
}
.grid--2col .form-link-box:nth-child(2n+1)> a {
  border-left: 1px solid #e2e6e8;
}
.grid--2col .form-link-box:nth-child(2n+1)> a:before {
  display: block;
  content: "";
  border-top: 1px solid #e2e6e8;
  position: absolute;
  top: 0;
  left: 0;
  width: 1500px;
}
.form-btn-sytle01 {
  border: 2px solid #356cb6;
  border-radius: 20px;
  color: #356cb6;
  display: block;
  font-weight: 700;
  line-height: 36px;
  text-align: center;
  margin: auto;
  position: relative;
  width: 300px;
  background-color: #ffffff;
}
.form-btn-sytle01:hover {
  background: #356cb6;
  color: #ffffff;
  border-radius: 20px;
  -webkit-animation: none;
          animation: none;
  cursor: pointer;
}
.form-btn-sytle01:hover:before {
  border-color: #ffffff;
  -webkit-transition: 0.3s;
          transition: 0.3s;
}
#err {
  color: #d80e0e;
  letter-spacing: 0.1em;
  margin-top: 5px;
  font-weight: 700;
}
.sol-container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.sol-title {
  background-color: #ffffff;
  color: #333333;
  border-bottom: 1px solid #e2e6e8;
  border-top: 1px solid #e2e6e8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sol-title .sol-title-inner {
  margin: auto;
  padding: 30px 40px;
  max-width: 1280px;
  font-weight: 400;
  min-height: 120px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
          justify-content: space-between;
}
.sol-title .sol-title-body {
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
          flex-basis: auto;
}
.sol-title h1 {
  font-size: 1.8rem;
  font-weight: 400;
}
.sol-title .sol-subtitle {
  margin-top: 5px;
  margin-top: 12px;
  font-size: 3.2rem;
  font-weight: 700;
  display: block;
  margin-left: 0;
  margin-right: 0;
  -webkit-font-kerning: auto;
          font-kerning: auto;
  font-feature-settings: "palt";
}
.sol-title .sol-subtitle-text {
  margin-top: 30px;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.6em;
}
.sol-textlink {
  text-decoration: underline;
}
.sol-textlink:hover {
  text-decoration: none;
}
.link-icon--search {
  text-indent: 0;
}
.link-icon--search:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 1.4rem;
  vertical-align: baseline;
  margin-left: 4px;
  margin-right: 4px;
}
.sol-label {
  display: inline-block;
  height: 20px;
  width: auto;
  padding: 0 5px;
  border-radius: 5px;
  text-align: center;
  color: #ffffff;
  font-size: 0.6em;
  line-height: 20px;
  font-weight: 400;
  vertical-align: middle;
  background-color: #356cb6;
  margin: 0 5px;
}
.sol-relative {
  position: relative;
}
.sol-balloon-box {
  position: absolute;
  top: 0;
  left: -50px;
}
.sol-balloon-box2 {
  position: absolute;
  top: 200px;
  left: 1100px;
}
.sol-balloon-box3 {
  position: absolute;
  top: 250px;
  left: -50px;
}
.sol-balloon-box4 {
  position: absolute;
  top: 50px;
  left: 1100px;
}
.sol-balloon-text {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  width: 150px;
  border-radius: 2px;
  min-width: 115px;
  height: auto;
  color: #ffffff;
  line-height: 50px;
  vertical-align: middle;
  text-align: left;
  background-color: #356cb6;
  z-index: 0;
  font-size: 0.8em;
}
.sol-balloon-text:after {
  content: "";
  position: absolute;
  top: 60%;
  right: -5px;
  margin-top: -10px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #356cb6;
}
.sol-balloon-text2 {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  width: 150px;
  border-radius: 2px;
  min-width: 115px;
  height: auto;
  color: #ffffff;
  line-height: 50px;
  vertical-align: middle;
  text-align: left;
  background-color: #356cb6;
  z-index: 0;
  font-size: 0.8em;
}
.sol-balloon-text2:after {
  content: "";
  position: absolute;
  top: 60%;
  left: -5px;
  margin-top: -10px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 5px 0;
  border-color: transparent #356cb6 transparent transparent;
}
.sol-label-license {
  display: inline-block;
  height: 20px;
  width: auto;
  padding: 0 10px;
  border-radius: 5px;
  text-align: center;
  color: #ffffff;
  font-size: 0.8em;
  line-height: 20px;
  font-weight: 400;
  vertical-align: middle;
  background-color: #333333;
  margin: 0 20px;
}
.menu-solution-ttl {
  text-align: center;
  font-size: 1.8em;
  font-weight: 700;
  padding-left: 24px;
}
.menu-solution-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.menu-solution-item li {
  border-right: 1px solid #e2e6e8;
}
.menu-solution-item li a {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.03em;
}
.menu-solution-item li a span:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  margin-top: 6px;
  margin-right: 3px;
  font-size: 1.0rem;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.menu-solution-item-icon {
  width: 90px;
  height: 90px;
  margin: auto;
  background: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
}
.menu-solution-item-icon img {
  width: 50px;
}
.solutionArticleWrpper {
  max-width: 900px;
}
.solutionArticleWrpper p {
  margin-top: 18px;
}
.container-topic p {
  font-weight: 400;
}
.container-topic .topics-pic-caption,
.container-topic figcaption {
  text-align: left;
  font-weight: 700;
  font-size: 1.4rem;
}
.wrapper--topics-column {
  background: #f2f2f2;
  padding: 20px 0;
  margin-top: 30px;
}
ul.topics-note-def,
ol.topics-note-def {
  font-size: 1.4rem;
  display: table;
}
ul.topics-note-def> li,
ol.topics-note-def> li {
  display: table-row;
}
ul.topics-note-def> li> span,
ol.topics-note-def> li> span {
  display: table-cell;
  vertical-align: top;
}
ul.topics-note-def> li> span:first-child,
ol.topics-note-def> li> span:first-child {
  padding-right: 3em;
  white-space: nowrap;
  text-align: left;
  position: relative;
}
ul.topics-note-def> li> span:first-child:after,
ol.topics-note-def> li> span:first-child:after {
  content: "…";
  position: absolute;
  right: 1rem;
}
table.topics-white {
  width: 100%;
  font-size: 1.4rem;
}
table.topics-white tbody th,
table.topics-white tbody td {
  background-color: #ffffff;
  padding: 5px 10px;
}
.topics-top-nav a:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.topics-top-nav> div:last-child .topics-top-nav-item {
  border: none;
}
.topics-top-nav-item {
  border-right: 1px solid #999999;
  background-color: #eff4fa;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
}
.topics-top-nav-item .desc {
  position: absolute;
  top: 20px;
  right: 20px;
  left: 20px;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  color: #333333;
}
.topics-top-nav-item .hd {
  width: 100%;
  margin-top: 80px;
  margin-bottom: 100px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
          align-self: center;
  text-align: center;
  font-size: 2rem;
}
.topics-top-nav-item .spec {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  font-size: 1.4rem;
  text-align: right;
  color: #333333;
}
.topics-link-appendix {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
          align-items: stretch;
}
.topics-link-appendix> li {
  margin-top: 10px;
  margin-left: 15px;
  line-height: 1.2;
  display: block;
}
.topics-link-appendix> li:first-child {
  margin-left: 0;
}
.topics-link-appendix> li> a {
  height: 100%;
  min-height: 28px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
  background-position: left center;
  background-repeat: no-repeat;
  font-size: 1.4rem;
}
.topics-link-appendix> li> a:hover {
  text-decoration: underline;
}
.topics-link-appendix> li> a.movie {
  padding-left: 42px;
}
.topics-link-appendix> li> a.pdf {
  padding-left: 33px;
}
.itemBranch {
  padding: 40px 0;
}
.itemBranch-construction {
  background: #f2f2f2;
}
.itemBranch-inner {
  width: 960px;
  margin: auto;
  padding-bottom: 20px;
  border: 1px solid #c0cde6;
  position: relative;
}
.itemBranch-inner:before,
.itemBranch-inner:after {
  content: "";
  display: block;
  width: 960px;
  height: 10px;
  position: absolute;
  z-index: 2;
}
.itemBranch-inner:before {
  top: -1px;
  left: -1px;
}
.itemBranch-inner:after {
  bottom: -1px;
  left: -1px;
}
.itemBranch-inner .itemBranch-ttl {
  font-size: 3.0rem;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 24px;
  padding: 20px 20px 0;
}
.itemBranch-inner .itemBranch-txt {
  font-size: 1.6rem;
  line-height: 1.8;
  margin-bottom: 24px;
  padding: 0 20px 0;
}
.itemBranch-inner .itemBranch-list {
  padding: 0 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
          justify-content: space-around;
  flex-glow: 1;
}
.itemBranch-inner .itemBranch-list> li a {
  display: block;
  width: 300px;
  height: 300px;
  position: relative;
}
.itemBranch-inner .itemBranch-list> li a .itemBranch-caption {
  width: 300px;
  height: 300px;
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 300px;
  text-align: center;
  position: absolute;
  top: 0;
}
.itemBranch-inner .itemBranch-list-item01 {
  background-size: cover;
}
.itemBranch-inner .itemBranch-list-item01 a:hover {
  background-size: cover;
}
.itemBranch-inner .itemBranch-list-item02 {
  background-size: cover;
}
.itemBranch-inner .itemBranch-list-item02 a:hover {
  background-size: cover;
}
.itemBranch-inner .itemBranch-list-item03 {
  background-size: cover;
}
.itemBranch-inner .itemBranch-list-item03 a:hover {
  background-size: cover;
}
.itemBranch-inner .itemBranch-list-item04 {
  background-size: cover;
}
.itemBranch-inner .itemBranch-list-item04 a:hover {
  background-size: cover;
}
.itemBranch-inner .itemBranch-list-item04-01 {
  background-size: cover;
}
.itemBranch-inner .itemBranch-list-item04-01 a:hover {
  background-size: cover;
}
.itemBranch-inner .itemBranch-list-item04-02 {
  background-size: cover;
}
.itemBranch-inner .itemBranch-list-item04-02 a:hover {
  background-size: cover;
}
.itemBranch-inner .itemBranch-list-item04-03 {
  background-size: cover;
}
.itemBranch-inner .itemBranch-list-item04-03 a:hover {
  background-size: cover;
}
.itemBranch-inner .itemBranch-content {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display:         flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
          justify-content: center;
}
.itemBranch-inner .itemBranch-content> div {
  text-align: center;
  color: #ffffff;
}
.itemBranch-inner .itemBranch-content> div> p.hd {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.4;
}
.itemBranch-inner .itemBranch-content> div> p.desc {
  font-size: 1.4rem;
  margin-bottom: 10px;
}
.itemBranch-inner .itemBranch-content> div> p {
  text-shadow: 1px 1px 3px black;
}
.itemBranch-inner2 {
  width: 650px;
}
.itemBranch-inner2:before,
.itemBranch-inner2:after {
  width: 650px;
}
.container-topic {
  width: 940px;
  padding: 0;
  font-size: 1.8rem;
  line-height: 2;
  font-weight: 400;
  line-height: 1.6;
}
.topics-title {
  background-color: #ffffff;
  color: #3f3f3f;
}
.topics-title .topics-title-inner {
  margin: auto;
  padding: 8px 40px;
  max-width: 1280px;
  font-weight: 400;
  min-height: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
          justify-content: space-between;
}
.topics-title .topics-title-body {
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
          flex-basis: auto;
}
.topics-title h1 {
  font-size: 2rem;
  font-weight: 400;
}
.ttlStyle01 {
  font-size: 3.2rem;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 30px;
}
.ttlStyle02 {
  font-size: 2.0rem;
  line-height: 1.2;
  font-weight: 700;
  margin: 24px 0;
}
.ttlStyle03 {
  margin-bottom: 30px;
}
.ttlStyle03 span {
  display: block;
  position: relative;
  color: #356cb6;
  font-size: 30px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
}
.ttlStyle03 span:after {
  content: "";
  display: inline-block;
  position: relative;
  width: 99.5%;
  height: 2px;
  left: 0.5%;
  bottom: 13px;
  background-color: #4d73be;
}
.coverTitle,
.coverWrapper-item07--00-ttl,
.coverWrapper-item09--01 .inner-ttl,
.coverWrapper-sus-item01--01 .inner-ttl {
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  font-weight: 700;
  font-size: 3.2rem;
}
.coverWrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
}
.mediaList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 14px 0 24px;
}
.mediaList .mediaList-img .mediaList-caption {
  line-height: 1.4;
  text-align: left;
  color: #000000;
}
.mediaList .mediaList-img .mediaList-caption--right {
  text-align: right;
}
.mediaList--two .mediaList-img:first-child {
  margin-right: 5px;
}
.mediaList--two .mediaList-img:nth-child(2) {
  margin-left: 5px;
}
.mediaList--three .mediaList-img {
  -webkit-flex-basis: 300px;
  -ms-flex-preferred-size: 300px;
          flex-basis: 300px;
}
.mediaList--three .mediaList-img+ .mediaList-img {
  margin-left: 5px;
}
.mediaList+ .mediaList-caption--bottom {
  margin-top: -20px;
  font-size: 1.4rem;
  color: #000000;
}
.mediaList+ .mediaList-caption--bottomRight {
  margin-top: -20px;
  font-size: 1.4rem;
  color: #000000;
  text-align: right;
}
.mediaList--three-one {
  margin-top: 30px;
}
.mediaList--three-one .mediaList-item--left .mediaList-img {
  margin-bottom: 10px;
}
.topic-btn-sytle01 {
  border: 2px solid #356cb6;
  border-radius: 20px;
  color: #356cb6;
  display: block;
  font-weight: 700;
  line-height: 36px;
  text-align: center;
  margin: auto;
  position: relative;
  width: 500px;
}
.topic-btn-sytle01:hover {
  background: #356cb6;
  color: #ffffff;
  border-radius: 20px;
  -webkit-animation: none;
          animation: none;
}
.topic-btn-sytle01:hover:before {
  border-color: #ffffff;
  -webkit-transition: 0.3s;
          transition: 0.3s;
}
.subtitle--topics {
  border: 1px solid #333333;
  padding: 5px 10px;
  display: inline-block;
}
.topicsHero {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #dae2f0;
}
.topicsHero-inner {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
}
.topicsHero-ttl {
  color: #ffffff;
  font-size: 2.0rem;
  font-weight: 700;
  text-shadow: 2px 2px 5px #000000,1px 1px 10px #000000;
  letter-spacing: 0.1em;
  position: absolute;
}
.topicsHero-ttl-label {
  border: 1px solid #ffffff;
  padding: 2px 10px 0;
  display: inline-block;
}
.topicsHero-ttl-big {
  font-size: 3.2rem;
  display: block;
  line-height: 1.4;
  margin-top: 5px;
}
.topicsHero-txt {
  width: 100%;
  max-width: 988px;
  padding: 0 24px;
  font-size: 1.4em;
  text-align: right;
  margin: auto;
}
.topicsHero--fixing img {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  display: block;
}
.topicsHero--fixing .topicsHero-inner {
  top: 40px;
}
.topicsHero--fixing .topicsHero-ttl {
  padding-left: 38px;
}
.topicsContainer {
  width: 100%;
  max-width: 988px;
  padding: 96px 24px 0;
  margin: auto;
}
.topicsContainer .topics-ttl {
  font-size: 2.4rem;
  text-align: left;
  line-height: 1.4;
}
.topicsContainer .topics-ttl02 {
  color: #356cb6;
  font-size: 3.2rem;
}
.topicsContainer .topics-txt {
  font-size: 1.6em;
  line-height: 2.2;
}
.topicsColumn {
  width: 100%;
  max-width: 988px;
  padding: 0 24px;
  margin: auto;
  padding: 70px 0;
}
.topicsColumn-ttl {
  color: #356cb6;
  font-size: 3.2rem;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}
.topicsColumn-ttl:after {
  content: "";
  display: inline-block;
  position: relative;
  width: 99.5%;
  height: 2px;
  left: 0.5%;
  bottom: 13px;
  background-color: #356cb6;
}
.topicsColumn-ttl02 {
  font-size: 1.9rem;
  font-weight: 700;
}
.topicsColumn-txt {
  font-size: 1.6em;
  line-height: 2.2;
  margin-top: 18px;
}
.inSolution .topicsColumn-txt {
  line-height: 1.6;
}
.topicsImg img {
  margin: auto;
  display: block;
}
.topicsImg02 {
  border-top: 1px solid #c3c6c7;
  border-bottom: 2px solid #c3c6c7;
  padding: 20px 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.topicsImg02-item {
  padding-right: 20px;
}
.topicsImg02-item02 {
  padding-left: 5px;
  padding-right: 20px;
  border-left: 2px solid #c3c6c7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
}
.buleFrame {
  position: relative;
  width: 100%;
  max-width: 650px;
  margin: auto;
  border: 2px solid #dae2f0;
}
.buleFrame:before,
.buleFrame:after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: solid 2px #356cb6;
  position: absolute;
  top: -2px;
}
.buleFrame:before {
  border-left: solid 2px #356cb6;
  left: -2px;
}
.buleFrame:after {
  border-right: solid 2px #356cb6;
  right: -2px;
}
.buleFrame-inner {
  position: relative;
  width: 100%;
  padding: 15px;
}
.buleFrame-inner:before,
.buleFrame-inner:after {
  content: "";
  width: 10px;
  height: 10px;
  border-bottom: solid 2px #356cb6;
  position: absolute;
  bottom: -2px;
}
.buleFrame-inner:before {
  border-left: solid 2px #356cb6;
  left: -2px;
}
.buleFrame-inner:after {
  border-right: solid 2px #356cb6;
  right: -2px;
}
.buleFrame-link {
  background: #eff3f9;
  display: table;
  width: 100%;
  height: 88px;
}
.buleFrame-link:hover .buleFrame-img {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.buleFrame-link:hover .buleFrame-text> span {
  text-decoration: underline;
}
.buleFrame-img {
  display: table-cell;
  width: 117px;
  -webkit-transition: opacity 0.3s;
          transition: opacity 0.3s;
}
.buleFrame-img.vertical {
  width: 78px;
}
.buleFrame-text {
  display: table-cell;
  padding: 0 10px;
  vertical-align: middle;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.3;
}
.buleFrame-text:before {
  display: inline-block;
  margin-right: 10px;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 1.4rem;
}
.topicsCoverWrapper {
  background: #356cb6;
}
.topicsCoverWrapper> div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 0 36px;
  max-width: 1272px;
  margin: auto;
  position: relative;
}
.topicsCoverWrapper-item {
  -webkit-flex-basis: 500px;
  -ms-flex-preferred-size: 500px;
          flex-basis: 500px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
          flex-shrink: 0;
  color: #ffffff;
  padding-right: 28px;
}
.topicsCoverWrapper-ttl {
  font-size: 2.4rem;
  line-height: 1.4;
}
.topicsCoverWrapper-ttl span {
  font-size: 2.0rem;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 10px;
}
.topicsCoverWrapper-txt {
  font-size: 1.6rem;
  line-height: 2;
  margin-top: 30px;
}
.topicsCoverWrapper-img {
  -webkit-flex-basis: 700px;
  -ms-flex-preferred-size: 700px;
          flex-basis: 700px;
}
.topicsCoverWrapper-img img {
  max-width: 800px;
  max-height: 742px;
}
.topicsTable {
  width: 100%;
  table-layout: fixed;
  border: 1px solid #c2c6c8;
  border-collapse: collapse;
}
.topicsTable--gray th {
  background: #c2c6c8;
}
.topicsTable tr th {
  width: 34%;
  font-size: 1.6rem;
  font-weight: normal;
  padding: 15px;
  text-align: left;
  background: #c2c6c8;
}
.topicsTable tr:not(:last-child) th {
  border-bottom: 1px solid #c2c6c8;
}
.topicsTable tr td {
  padding: 15px;
  font-size: 1.6rem;
  line-height: 1.5;
}
.topicsTable tr:not(:last-child) td {
  border-bottom: 1px solid #f2f2f2;
}
.pagination-list {
  overflow: hidden;
}
.pagination-list-item {
  width: 45%;
  max-width: 420px;
}
.pagination-list-item-text {
  display: table-cell;
  width: 65.5%;
  height: 100%;
  padding: 15px 2%;
  border-top: 1px solid #e2e6e8;
  border-bottom: 1px solid #e2e6e8;
}
.pagination-list-item-text.pagination--prev {
  border-right: 1px solid #e2e6e8;
}
.pagination-list-item-text.pagination--next {
  border-left: 1px solid #e2e6e8;
}
.pagination-list-item-text-title {
  color: #333333;
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: 3px;
}
.pagination-list-item-text-desc {
  font-size: 1.4rem;
}
.pagination-list-item-image {
  display: table-cell;
  width: 34.5%;
  height: 100%;
  vertical-align: middle;
  background-color: #356cb6;
}
.pagination-list-item-image.pagination--prev {
  padding-left: 6%;
}
.pagination-list-item-image.pagination--next {
  padding-right: 6%;
}
.pagination-list-item-image span {
  display: block;
  overflow: hidden;
}
.pagination-list-item-image img {
  width: auto;
  max-width: 158%;
  max-height: 99px;
  margin-left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}
.pagination-list-item a {
  position: relative;
  display: table;
  height: 100%;
}
.pagination-list-item a:hover .pagination-list-item-image {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.pagination-list-item a:hover .pagination-list-item-text {
  background-color: #eff3f9;
}
.pagination-list-item a.pagination--prev:after {
  left: 2.5%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.pagination-list-item a.pagination--next:after {
  right: 2.5%;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.pagination-list-item a:after {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  top: 0;
  bottom: 0;
  margin: auto;
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}
.dreamline {
  background: rgba(10, 22, 48, 0.7);
}
.dream-list-movie span {
  padding-left: 40px;
  background: url(/topics/dream/content02/images/movie.png) no-repeat left center;
}
.dream-list-pdf span {
  padding-left: 35px;
  background: url(/topics/dream/content02/images/pdf.png) no-repeat left center;
}
.dream-list a {
  color: #3868aa;
  background: -webkit-linear-gradient(top, #fefefe 0%, #e5e5e5 50%, #cccccc 100%);
  background:         linear-gradient(to bottom, #fefefe 0%, #e5e5e5 50%, #cccccc 100%);
  border: 1px solid #73869b;
  font-size: 1.4rem;
  letter-spacing: -0.01em;
  height: 100%;
  min-height: 60px;
  line-height: 1.6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
  padding: 0 14px 0 18px;
}
.dream-list a span {
  display: block;
}
.dream-list a span:after {
  margin-left: 8px;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 1.0rem;
}
.dream-list a:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.dream-borderBox {
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: #171f36;
  padding: 30px !important;
}
.dream-card {
  background: #003f7c;
  padding: 18px;
}
.dream-card-nowrap {
  padding: 0;
}
.dream-card-inner {
  padding: 18px;
}
.dream-card-ttl {
  font-size: 1.6rem;
  font-weight: bold;
  color: #ffffff;
}
.dream-card-ttl--number {
  text-indent: -1.4em;
  margin-left: 1.4em;
}
.dream-card-txt {
  font-size: 1.4rem !important;
  color: #ffffff;
}
.dream-card-list> li {
  font-size: 1.4rem !important;
  color: #ffffff;
  text-indent: -1em;
  margin-left: 1em;
}
.works-pickup {
  display: none;
  max-width: 1200px;
  width: 100%;
  margin: auto;
  margin-bottom: 34px;
  position: relative;
}
.works-pickup .works-pickup-item {
  position: relative;
  height: auto;
  min-height: 400px;
  overflow: hidden;
  max-width: 1200px;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display:         flex !important;
  width: 100%;
}
.works-pickup .works-pickup-item> .image {
  width: 400px;
  background-color: #eff3f9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
}
.works-pickup .works-pickup-item> .body {
  border-left: 1px solid #ffffff;
  background-color: #eff3f9;
  -webkit-flex-shrink: 100;
  -ms-flex-negative: 100;
          flex-shrink: 100;
  -webkit-box-flex: 5;
  -webkit-flex-grow: 5;
  -ms-flex-positive: 5;
          flex-grow: 5;
  padding: 36px;
  padding-bottom: 64px;
  position: relative;
}
.works-pickup .works-pickup-item> .body> .label {
  font-family: Oswald;
  font-size: 1.2rem;
  letter-spacing: 0.2rem;
}
.works-pickup .works-pickup-item> .body> .heading {
  margin-top: 18px;
  font-size: 2.4rem;
  color: #356cb6;
}
.works-pickup .works-pickup-item> .body> .heading a:hover {
  text-decoration: underline;
}
.works-pickup .works-pickup-item> .body> .text {
  margin-top: 18px;
  font-size: 1.6rem;
  line-height: 1.6;
  text-align: justify;
}
.works-pickup .works-pickup-item> .body> .more {
  position: absolute;
  right: 36px;
  bottom: 36px;
}
.works-pickup .works-pickup-item> .body> .more> a {
  font-family: Oswald;
  letter-spacing: 0.2rem;
  font-weight: 400;
  position: relative;
  display: block;
  padding-left: 20px;
  font-size: 1.6rem;
  -webkit-transition: opacity 0.3s;
          transition: opacity 0.3s;
}
.works-pickup .works-pickup-item> .body> .more> a:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.works-pickup .works-pickup-item> .body> .more> a:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  font-size: 1.4rem;
  margin-top: -0.5rem;
  left: 0;
}
.works-pickup .slick-prev {
  left: -25px;
}
.works-pickup .slick-prev:before {
  content: "";
  margin-left: -0.6rem;
}
.works-pickup .slick-next {
  right: -25px;
}
.works-pickup .slick-next:before {
  content: "";
  margin-left: -0.4rem;
}
.works-pickup .slick-list {
  z-index: 1;
}
.works-pickup .slick-arrow {
  font-size: 0;
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 50px;
  height: 50px;
  padding: 0;
  margin-top: -25px;
  border-radius: 25px;
  background-color: #ffffff;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
  color: #356cb6;
  cursor: pointer;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.works-pickup .slick-arrow:hover {
  background-color: #356cb6;
  color: #ffffff;
}
.works-pickup .slick-arrow:before,
.works-pickup .slick-arrow:after {
  -webkit-transition: border-color 0.3s;
          transition: border-color 0.3s;
}
.works-pickup .slick-arrow:hover:before,
.works-pickup .slick-arrow:hover:after {
  border-color: #ffffff;
}
.works-pickup .slick-arrow:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5rem;
  font-size: 1rem;
  z-index: 6;
}
.works-pickup .slick-dots {
  position: absolute;
  width: 100%;
  bottom: -34px;
  text-align: center;
  font-size: 1rem;
  line-height: 1;
  margin-top: 20px;
}
.works-pickup .slick-dots> li {
  display: inline-block;
  margin: 0 5px;
}
.works-pickup .slick-dots> li> button {
  font-size: 0;
  display: inline-block;
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background-color: #eeeeee;
  cursor: pointer;
  padding: 0;
}
.works-pickup .slick-dots> li.slick-active> button {
  background-color: #356cb6;
}
.p_resultList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -8px;
}
.p_resultList> li {
  width: 33.33333%;
  padding: 0 8px;
  margin-bottom: 28px;
}
.p_resultList> li> a {
  display: block;
  height: 100%;
  padding: 10px;
  -webkit-transition: background-color 0.3s;
          transition: background-color 0.3s;
}
.p_resultList> li> a:hover {
  background-color: #eff3f9;
}
.p_resultList> li> a> .p_img {
  position: relative;
  width: 100%;
  max-width: 100%;
}
.p_resultList> li> a> .p_img:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.p_resultList> li> a> .p_img> .p_img_inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
}
.p_resultList> li> a> .p_img> .p_img_inner> img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
          flex-shrink: 0;
}
.p_resultList> li> a> .p_name {
  margin-top: 18px;
}
.p_resultList> li> a> .p_info {
  margin-top: 18px;
  color: #333333;
}
.p_resultList> li> a> .p_year {
  margin-top: 10px;
  color: #333333;
}
.m_pager {
  margin-top: 60px;
}
.m_pager> ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
}
.m_pager> ul> li {
  margin: 6px;
  display: block;
  width: 40px;
  height: 40px;
  border: 1px solid #e2e6e8;
  border-radius: 3px;
  text-align: center;
  line-height: 40px;
}
.m_pager> ul> li> a {
  display: block;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.m_pager> ul> li> a:hover {
  background-color: #356cb6;
  color: #ffffff;
}
.m_pager> ul> li> a:before,
.m_pager> ul> li> a:after {
  -webkit-transition: border-color 0.3s;
          transition: border-color 0.3s;
}
.m_pager> ul> li> a:hover:before,
.m_pager> ul> li> a:hover:after {
  border-color: #ffffff;
}
.m_pager> ul> li.s_current {
  background-color: #356cb6;
  color: #ffffff;
}
.m_pager> ul> li.s_omit {
  border: none;
}
.m_pager> ul> li.s_prev> a,
.m_pager> ul> li.s_prev> span {
  position: relative;
}
.m_pager> ul> li.s_prev> a:before,
.m_pager> ul> li.s_prev> span:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 1rem;
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
  left: 50%;
  margin-left: -0.5rem;
}
.m_pager> ul> li.s_next> a,
.m_pager> ul> li.s_next> span {
  position: relative;
}
.m_pager> ul> li.s_next> a:before,
.m_pager> ul> li.s_next> span:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 1rem;
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
  left: 50%;
  margin-left: -0.5rem;
}
.p_subContent {
  margin-top: 18px;
}
.p_text {
  font-size: 1.4rem;
  line-height: 1.6;
}
.p_toggleTitle {
  font-size: 1.4rem;
  padding: 12px 24px;
  color: #356cb6;
  margin-top: 18px;
  border: 1px solid #e2e6e8;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
          transition: background-color 0.3s;
}
.p_toggleTitle:hover {
  background-color: #eff3f9;
}
.p_toggleTitle:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.8rem;
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -0.4rem;
}
.p_toggleTitle.s_open:after {
  content: "";
}
.m_searchField .p_toggleTitle {
  cursor: pointer;
}
.m_searchField .p_toggleContent {
  margin-top: 18px;
  display: none;
}
.m_searchField:nth-child(3) {
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid #e2e6e8;
}
.m_searchBtn {
  padding: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #356cb6;
  border: 2px solid #356cb6;
  border-radius: 20px;
  font: inherit;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  padding-right: 1.4rem;
  position: relative;
  cursor: pointer;
}
.m_searchBtn:after {
  position: absolute;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  right: 10px;
  top: 50%;
  margin-top: -0.7rem;
}
.m_searchBtn:hover {
  background-color: #356cb6;
  color: #ffffff;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.rs-control .rs-range-color {
  background-color: #dae2f0;
}
.rs-handle-dot:after {
  background-color: #356cb6 !important;
}
.rs-tooltip.rs-tooltip-text.edit:after {
  content: " 年";
}
.rs-tooltip.rs-tooltip-text.edit,
.rs-tooltip.rs-tooltip-text.hover {
  margin-top: -15.5px !important;
  margin-left: -58px !important;
}
.works-search-func li {
  display: block;
  padding-right: 14px;
}
.works-search-func li> button {
  display: block;
  padding-left: 30px;
  padding-right: 10px;
  text-align: center;
  font-size: 1.4rem;
  height: 20px;
  line-height: 20px;
  font-weight: 700;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
          transition: opacity 0.3s;
}
.works-search-func li> button:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.works-search-func li> button:before {
  content: "";
  display: block;
  position: absolute;
  background-color: #e2e6e8;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 0;
  margin-top: -10px;
}
.works-search-func li:first-child {
  margin-bottom: 16px;
}
.works-search-func li:first-child> button:before {
  background-color: #356cb6;
}
.works-search-func li:first-child> button:after {
  position: absolute;
  display: block;
  content: "";
  width: 6px;
  height: 8px;
  top: 48%;
  left: 7px;
  border: solid 2px #ffffff;
  border-left: 0;
  border-top: 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
ul.m_checkList {
  padding-top: 14px;
  margin-bottom: 40px;
}
ul.m_checkList li {
  margin-top: 10px;
}
ul.m_checkList label {
  display: block;
}
ul.m_checkList input[type=checkbox] {
  display: none;
}
ul.m_checkList input[type=checkbox]+ span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
ul.m_checkList input[type=checkbox]+ span> span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
  padding-left: 40px;
  padding-right: 5px;
  border: 1px solid #ffffff;
  border-radius: 3px;
  font-size: 1.4rem;
  color: #356cb6;
  min-height: 50px;
  line-height: 1;
  font-weight: 700;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.1s;
          transition: all 0.1s;
}
ul.m_checkList input[type=checkbox]+ span> span:hover {
  border-color: #356cb6;
}
ul.m_checkList input[type=checkbox]+ span> span:before {
  content: "";
  display: block;
  position: absolute;
  background-color: #e2e6e8;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 10px;
  margin-top: -10px;
  -webkit-transition: all 0.1s;
          transition: all 0.1s;
}
ul.m_checkList input[type=checkbox]:checked+ span> span {
  border-color: #356cb6;
}
ul.m_checkList input[type=checkbox]:checked+ span> span:before {
  background-color: #356cb6;
}
ul.m_checkList input[type=checkbox]:checked+ span> span:after {
  position: absolute;
  display: block;
  content: "";
  width: 6px;
  height: 8px;
  top: 48%;
  left: 17px;
  border: solid 2px #ffffff;
  border-left: 0;
  border-top: 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.m_yearSlider {
  margin-left: auto;
  margin-right: auto;
}
.works-container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.works-side h2 {
  background-color: #356cb6;
  color: #ffffff;
  padding: 18px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
}
.works-form-location li:nth-child(n+49) {
  display: none;
}
#workRefineSearchField {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
}
#workRefineSearchField #urlParam {
  display: none;
}
#workRefineSearchField ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: -18px;
  margin-bottom: 48px;
}
#workRefineSearchField li label {
  margin-right: 24px;
  margin-top: 18px;
}
#workRefineSearchField li:last-child label {
  margin-right: 0;
}
#workRefineSearchField label {
  display: block;
  min-width: 160px;
}
#workRefineSearchField input[type=radio] {
  display: none;
}
#workRefineSearchField input[type=radio]+ span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
#workRefineSearchField input[type=radio]+ span> span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
  padding-left: 40px;
  padding-right: 10px;
  border: 1px solid #e2e6e8;
  border-radius: 3px;
  font-size: 1.4rem;
  color: #356cb6;
  min-height: 40px;
  line-height: 1;
  font-weight: 700;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
#workRefineSearchField input[type=radio]+ span> span:hover {
  border-color: #356cb6;
}
#workRefineSearchField input[type=radio]+ span> span:before {
  content: "";
  display: block;
  position: absolute;
  background-color: #e2e6e8;
  border: 7px solid #e2e6e8;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 10px;
  margin-top: -10px;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
#workRefineSearchField input[type=radio]:checked+ span> span {
  border-color: #356cb6;
}
#workRefineSearchField input[type=radio]:checked+ span> span:before {
  background-color: #ffffff;
  border-color: #356cb6;
}
#workRefineSearchField .p_clearBtn {
  display: block;
  padding-left: 30px;
  padding-right: 10px;
  text-align: center;
  font-size: 1.4rem;
  height: 20px;
  line-height: 20px;
  font-weight: 700;
  position: relative;
  white-space: nowrap;
  cursor: pointer;
  margin-bottom: 48px;
}
#workRefineSearchField .p_clearBtn:hover {
  -webkit-transition: opacity 0.3s;
          transition: opacity 0.3s;
}
#workRefineSearchField .p_clearBtn:hover:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
#workRefineSearchField .p_clearBtn:before {
  content: "";
  display: block;
  position: absolute;
  background-color: #e2e6e8;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 0;
  margin-top: -10px;
}
.works-carousel-wrapper {
  position: relative;
}
.works-carousel {
  width: 480px;
  height: 480px;
  margin: 0 auto;
}
.works-carousel> div> div:not([class]):after {
  z-index: 5;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: block;
  content: "";
  position: absolute;
}
.works-carousel .works-carousel-item {
  display: none;
  position: relative;
  width: 100%;
  max-width: 100%;
}
.works-carousel .works-carousel-item:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.works-carousel .works-carousel-item-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
}
.works-carousel .works-carousel-item-inner> img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
          flex-shrink: 0;
}
.works-carousel .works-carousel-item-inner:after {
  z-index: 5;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: block;
  content: "";
  position: absolute;
}
.works-carousel .slick-prev {
  left: -85px;
}
.works-carousel .slick-prev:before {
  content: "";
  margin-left: -0.6rem;
}
.works-carousel .slick-next {
  right: -85px;
}
.works-carousel .slick-next:before {
  content: "";
  margin-left: -0.4rem;
}
.works-carousel .slick-arrow {
  font-size: 0;
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  border-radius: 25px;
  background-color: #ffffff;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
  color: #356cb6;
  cursor: pointer;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.works-carousel .slick-arrow:hover {
  background-color: #356cb6;
  color: #ffffff;
}
.works-carousel .slick-arrow:before,
.works-carousel .slick-arrow:after {
  -webkit-transition: border-color 0.3s;
          transition: border-color 0.3s;
}
.works-carousel .slick-arrow:hover:before,
.works-carousel .slick-arrow:hover:after {
  border-color: #ffffff;
}
.works-carousel .slick-arrow:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5rem;
  font-size: 1rem;
  z-index: 3;
}
.works-carousel-thumbs-wrapper {
  width: 60px;
  height: 480px;
  position: absolute;
  right: 0;
  top: 0;
}
.works-carousel-thumbs-wrapper> div,
.works-carousel-thumbs-wrapper> div> div,
.works-carousel-thumbs-wrapper> div> div> div {
  height: auto !important;
}
.works-carousel-thumbs-wrapper .works-carousel-thumb {
  display: none;
  position: relative;
  width: 60px;
  max-width: 60px;
  border: none !important;
  margin-top: 24px;
}
.works-carousel-thumbs-wrapper .works-carousel-thumb:first-child {
  margin-top: 0;
}
.works-carousel-thumbs-wrapper .works-carousel-thumb:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.works-carousel-thumbs-wrapper .works-carousel-thumb:after {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  content: "";
  z-index: 5;
  position: absolute;
}
.works-carousel-thumbs-wrapper .slick-current:after {
  z-index: 4;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border: 4px solid #356cb6 !important;
}
.works-carousel-thumbs-wrapper .works-carousel-thumb-inner {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
}
.works-carousel-thumbs-wrapper .works-carousel-thumb-inner> img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
          flex-shrink: 0;
}
.title-body.title-body--works h1 {
  display: inline-block;
}
.works-tag-list {
  float: right;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
          align-self: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
          justify-content: flex-end;
  padding-left: 12px;
  margin-left: auto;
}
.works-tag-list> li {
  padding: 4px 8px 3px 8px;
  margin-top: 10px;
  display: block;
  background-color: #ffffff;
  color: #356cb6;
  font-weight: 700;
  margin-left: 12px;
  border: 1px solid #356cb6;
  border-radius: 12px;
  font-size: 1.1rem;
  white-space: nowrap;
}
.works-tag-list> li:first-child {
  margin-left: 0;
}
.works-table th {
  width: 10em;
  white-space: nowrap;
}
.works-person {
  width: 87px !important;
}
.works-mainvis {
  max-height: 480px;
  max-width: 480px;
  width: auto;
}
.soa-wrapper--green {
  background-color: #f3f9ef;
}
.soa-wrapper--green .card .card-body .hd {
  border-color: #96b536;
}
.soa-wrapper--green .card .card-body .hd> span {
  color: #96b536;
}
.soa-wrapper--green .card .card-body .hd> span:after {
  color: #96b536;
}
.soa-wrapper--green .button--fixed {
  background-color: #ffffff;
  border-color: #96b536;
  color: #96b536;
}
.soa-carousel {
  display: none;
  max-width: 910px;
  width: 100%;
  margin: auto;
  margin-bottom: 34px;
  position: relative;
}
.soa-carousel:before,
.soa-carousel:after {
  content: "";
  display: block;
  position: absolute;
  width: 2000px;
  top: 0;
  bottom: 0;
  background-color: #eff3f9;
  z-index: 3;
}
.soa-carousel:before {
  left: -2915px;
}
.soa-carousel:after {
  right: -2915px;
}
.soa-carousel .slick-list {
  overflow: visible;
  position: relative;
}
.soa-carousel .slick-list:before,
.soa-carousel .slick-list:after {
  content: "";
  display: block;
  position: absolute;
  width: 1000px;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 2;
}
.soa-carousel .slick-list:before {
  left: -1005px;
}
.soa-carousel .slick-list:after {
  right: -1005px;
}
.soa-carousel .soa-carousel-item {
  max-width: 910px;
  width: 100%;
}
.soa-carousel .soa-carousel-item-image {
  padding: 0 5px;
  position: relative;
  z-index: 1;
}
.soa-carousel .soa-carousel-item-image> img {
  max-width: 900px;
  width: 100%;
  height: auto;
}
.soa-carousel .slick-prev {
  left: -25px;
}
.soa-carousel .slick-prev:before {
  content: "";
  margin-left: -0.6rem;
}
.soa-carousel .slick-next {
  right: -25px;
}
.soa-carousel .slick-next:before {
  content: "";
  margin-left: -0.4rem;
}
.soa-carousel .slick-list {
  z-index: 1;
}
.soa-carousel .slick-arrow {
  font-size: 0;
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  border-radius: 25px;
  background-color: #ffffff;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.soa-carousel .slick-arrow:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #356cb6;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5rem;
  font-size: 1rem;
  z-index: 3;
}
.soa-carousel .slick-dots {
  position: absolute;
  width: 100%;
  bottom: -34px;
  text-align: center;
  font-size: 1rem;
  line-height: 1;
  margin-top: 20px;
}
.soa-carousel .slick-dots> li {
  display: inline-block;
  margin: 0 5px;
}
.soa-carousel .slick-dots> li> button {
  font-size: 0;
  display: inline-block;
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background-color: #eeeeee;
  cursor: pointer;
  padding: 0;
}
.soa-carousel .slick-dots> li.slick-active> button {
  background-color: #356cb6;
}
.gallery-carousel {
  max-width: 800px;
  max-height: 533px;
  margin: 0 auto;
}
.gallery-carousel .slick-prev {
  left: -70px;
}
.gallery-carousel .slick-prev:before {
  content: "";
  margin-left: -0.6rem;
}
.gallery-carousel .slick-next {
  right: -70px;
}
.gallery-carousel .slick-next:before {
  content: "";
  margin-left: -0.4rem;
}
.gallery-carousel .slick-list {
  z-index: 1;
  padding-top: 66.67%;
}
.gallery-carousel .slick-track {
  position: absolute;
  top: 0;
  height: 100%;
}
.gallery-carousel .slick-arrow {
  font-size: 0;
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  border-radius: 25px;
  background-color: #ffffff;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
  color: #356cb6;
  cursor: pointer;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.gallery-carousel .slick-arrow:hover {
  background-color: #356cb6;
  color: #ffffff;
}
.gallery-carousel .slick-arrow:before,
.gallery-carousel .slick-arrow:after {
  -webkit-transition: border-color 0.3s;
          transition: border-color 0.3s;
}
.gallery-carousel .slick-arrow:hover:before,
.gallery-carousel .slick-arrow:hover:after {
  border-color: #ffffff;
}
.gallery-carousel .slick-arrow:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5rem;
  font-size: 1rem;
  z-index: 3;
}
.gallery-carousel-item {
  height: 100%;
}
.gallery-carousel-item img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.gallery-carousel-overlay {
  position: absolute;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 100;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
}
.gallery-carousel-overlay .gallery-carousel {
  max-width: 1920px;
  max-height: 100vh;
  width: 100%;
  cursor: default;
}
.gallery-carousel-overlay .gallery-carousel .slick-prev {
  display: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  left: 3%;
}
.gallery-carousel-overlay .gallery-carousel:hover .slick-prev {
  display: block;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.gallery-carousel-overlay .gallery-carousel .slick-next {
  display: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  right: 3%;
}

.gallery-carousel-overlay .gallery-carousel:hover .slick-next {
  display: block;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.gallery-carousel-overlay .gallery-carousel-indicator,
.gallery-carousel-overlay .gallery-carousel-close {
  max-width: 1920px;
  width: 100%;
  color: #ffffff;
  text-align: right;
  padding-right: 10px;
}
.gallery-carousel-overlay .gallery-carousel-indicator {
  position: static;
  margin: 10px auto 0 auto;
}
.gallery-carousel-overlay .gallery-carousel-close {
  margin: 0 auto;
  font-size: 4rem;
}
.gallery-carousel-utils {
  margin-top: 36px;
  max-width: 800px;
  min-height: 38px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.gallery-carousel-utils .gallery-carousel-modal {
  display: block;
  margin: auto;
  padding: 10px 30px;
  border-radius: 4px;
  border: 1px solid #356cb6;
  font-size: 1.4rem;
  font-weight: bold;
  cursor: pointer;
  line-height: 1;
}
.gallery-carousel-utils .gallery-carousel-modal:before {
  color: #356cb6;
  font-size: 1.6rem;
  margin-right: 8px;
  content: "";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: -2px;
}
.gallery-carousel-indicator {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
  color: #666666;
  z-index: 1;
  line-height: 1;
  font-family: Oswald;
  font-size: 1.6rem;
}
.gallery-carousel-thumbs-bg {
  background-color: #eff3f9;
}
.gallery-carousel-thumbs {
  margin-top: 36px;
  background-color: #eff3f9;
  position: relative;
  display: none;
}
.gallery-carousel-thumbs .slick-arrow {
  font-size: 0;
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  border-radius: 15px;
  background-color: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
  color: #356cb6;
  cursor: pointer;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.gallery-carousel-thumbs .slick-arrow:hover {
  background-color: #356cb6;
  color: #ffffff;
}
.gallery-carousel-thumbs .slick-arrow:before,
.gallery-carousel-thumbs .slick-arrow:after {
  -webkit-transition: border-color 0.3s;
          transition: border-color 0.3s;
}
.gallery-carousel-thumbs .slick-arrow:hover:before,
.gallery-carousel-thumbs .slick-arrow:hover:after {
  border-color: #ffffff;
}
.gallery-carousel-thumbs .slick-arrow:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5rem;
  font-size: 1rem;
  z-index: 3;
}
.gallery-carousel-thumbs .slick-prev {
  left: 10px;
}
.gallery-carousel-thumbs .slick-prev:before {
  content: "";
  margin-left: -0.6rem;
}
.gallery-carousel-thumbs .slick-next {
  right: 10px;
}
.gallery-carousel-thumbs .slick-next:before {
  content: "";
  margin-left: -0.4rem;
}
.gallery-carousel-thumbs .slick-list {
  margin-left: 50px;
  margin-right: 50px;
  position: relative;
  height: 150px;
}
.gallery-carousel-thumbs .slick-list:before {
  position: absolute;
  display: block;
  content: "";
  border-left: 1px solid #c9d8eb;
  top: 18px;
  bottom: 18px;
  left: 0;
}
.gallery-carousel-thumbs .slick-list:after {
  position: absolute;
  display: block;
  content: "";
  border-left: 1px solid #c9d8eb;
  top: 18px;
  bottom: 18px;
  right: 0;
}
.gallery-carousel-thumbs .slick-track {
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}
.gallery-carousel-thumbs .slick-slide {
  height: 100%;
  position: relative;
}
.gallery-carousel-thumbs .slick-slide:first-child:before {
  position: absolute;
  display: block;
  content: "";
  border-left: 1px solid #c9d8eb;
  top: 18px;
  bottom: 18px;
  left: 0;
}
.gallery-carousel-thumbs .slick-slide:after {
  position: absolute;
  display: block;
  content: "";
  border-right: 1px solid #c9d8eb;
  top: 18px;
  bottom: 18px;
  right: 0;
}
.gallery-carousel-thumbs .slick-slide img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  max-width: 80%;
  max-height: 80%;
  margin: auto;
}
.gallery-carousel-thumbs .slick-current {
  background-color: #356cb6;
}
.gallery-carousel-thumbs .slick-current:before,
.gallery-carousel-thumbs .slick-current:after {
  border-color: #356cb6;
}
.gallery-carousel-thumbs .gallery-carousel-thumb {
  width: 158px;
}
.gallery-carousel-thumbs .gallery-carousel-thumb.active,
.gallery-carousel-thumbs .gallery-carousel-thumb:hover {
  background-color: #356cb6;
  color: #ffffff;
}
.gallery-carousel-thumbs .gallery-carousel-thumb.active:before,
.gallery-carousel-thumbs .gallery-carousel-thumb:hover:before {
  border-color: #356cb6;
}
.gallery-carousel-thumbs .gallery-carousel-thumb.active:after,
.gallery-carousel-thumbs .gallery-carousel-thumb:hover:after {
  border-color: #356cb6;
}
.gallery-carousel-thumbs .gallery-carousel-thumb> .text {
  margin-top: 18px;
  position: relative;
  padding-left: 2rem;
}
.gallery-carousel-thumbs .gallery-carousel-thumb> .text:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 1.4rem;
  position: absolute;
  left: 0;
  top: 5px;
}
.title-body-gallery {
  padding-right: 330px !important;
}
.gallery-header-detail {
  display: block;
  width: 270px;
  height: 50px;
  border-radius: 25px;
  border: 2px solid #356cb6;
  background-color: #356cb6;
  font-size: 1.8rem;
  position: absolute;
  color: #ffffff;
  right: 40px;
  top: 50%;
  margin-top: -25px;
  font-weight: bold;
  text-align: center;
  line-height: 50px;
  padding-left: 30px;
}
.gallery-header-detail:before,
.gallery-header-detail:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  top: 50%;
}
.gallery-header-detail:before {
  content: "";
  left: 20px;
  font-size: 3.4rem;
  margin-top: -1.7rem;
}
.gallery-header-detail:after {
  right: 12px;
  content: "";
  font-size: 1.2rem;
  margin-top: -0.7rem;
}
.gallery-header-detail:hover {
  background-color: #ffffff;
  color: #356cb6;
}
.gallery-header-detail.gallery-header-gallery:before {
  content: "";
}
.news-wrapper {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.news-wrapper p {
  text-align: justify;
  text-justify: inter-ideograph;
}
.news-wrapper .news-date {
  text-align: right;
  font-size: 1.8rem;
}
.news-wrapper .news-publisher {
  text-align: right;
}
.news-wrapper .news-concluded {
  margin-top: 24px;
  text-align: right;
  letter-spacing: 0.5em;
  margin-right: -0.5em;
}
.news-wrapper .news-heading {
  font-weight: 700;
}
#videoArea {
  position: relative;
  overflow: hidden;
  background: #ffffff;
  height: 100%;
  height: 100vh;
  position: relative;
  width: 100%;
}
#videoArea .video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}
.mainV-button {
  display: block;
  position: absolute;
  z-index: 41;
  left: 30px;
  bottom: 110px;
  width: 88px;
  cursor: pointer;
}
.mainV-kodomo {
  position: absolute;
  z-index: 41;
  width: 760px;
  top: 39%;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 60vw;
  max-width: 760px;
  display: none;
}
.mainV-cap {
  position: absolute;
  width: 100%;
  width: 400px;
  bottom: 100px;
  right: 30px;
  display: block;
  z-index: 30;
  text-align: right;
  text-shadow: 10px 10px 10px 10px black;
}
.mainV-info {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 40px;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  position: absolute;
  margin: 0 auto 0;
  background: rgba(53, 108, 182, 0.9);
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  width: calc(100% - 80px);
  max-width: 1200px;
  z-index: 41;
  bottom: 40px;
}
.mainV-info-txt {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
}
.mainV-info-txt time,
.mainV-info-txt a {
  color: #ffffff;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 50px;
  padding-left: 0;
  letter-spacing: 0.1em;
}
.mainV-info-txt time {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
  padding-left: 24px;
  letter-spacing: 0.15em;
}
.mainV-info-txt a {
  overflow: hidden;
  height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mainV-info-txt a:hover:hover {
  text-decoration: underline;
}
.mainV-info-anker {
  width: 100%;
  color: #ffffff;
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  font-weight: 700;
  line-height: 50px;
  letter-spacing: 0.15em;
  padding-left: 24px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
  text-align: center;
  position: relative;
}
.mainV-info-anker:before {
  font-family: glyphs;
  content: "\F012";
}
.mainV-info-anker:before {
  font-size: 14px;
  font-size: 1.4rem;
  position: absolute;
  right: 20px;
  top: -1px;
  padding-left: 3px;
}
.mainV-info-anker:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.mainV-scroll {
  position: absolute;
  left: 50%;
  bottom: 110px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  z-index: 30;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: opacity 0.3s;
          transition: opacity 0.3s;
}
.mainV-scroll:before {
  font-family: glyphs;
  content: "\F008";
  -webkit-animation: sdb 1.5s infinite;
          animation: sdb 1.5s infinite;
}
.mainV-scroll:hover {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: translate(0, -15px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  100% {
    -webkit-transform: translate(0, 15px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}
@keyframes sdb {
  0% {
    -webkit-transform: translate(0, -15px);
            transform: translate(0, -15px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  50% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  100% {
    -webkit-transform: translate(0, 15px);
            transform: translate(0, 15px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}
.infoFix3 {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
      -ms-flex: 1 1 0;
          flex: 1 1 0;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 50px;
  padding-left: 0;
  letter-spacing: 0.1em;
}
.infoFix {
  -webkit-flex-basis: 180px;
  -ms-flex-preferred-size: 180px;
          flex-basis: 180px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
          flex-shrink: 0;
}
.infoFix2 {
  -webkit-flex-basis: 200px;
  -ms-flex-preferred-size: 200px;
          flex-basis: 200px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
          flex-shrink: 0;
}
.chouseiPickup {
  margin: 60px auto;
}
.chouseiKodomo {
  padding: 72px 0 60px;
}
.chouseiNews {
  padding-top: 60px;
  margin-bottom: 0;
  margin-top: 0;
}
.chouseiBanner {
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}
.chouseiBanner a img {
  -webkit-transition: opacity 0.3s;
          transition: opacity 0.3s;
}
.chouseiBanner a:hover img {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.chouseiLinkBtn .container {
  overflow: hidden;
}
.ttl-style01,
.ttl-style02 {
  font-size: 2.6rem;
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  letter-spacing: 0.4em;
  text-align: center;
  padding: 0;
  line-height: 1;
  letter-spacing: 0.15em;
}
.ttl-style01 span,
.ttl-style02 span {
  display: block;
  font-size: 1.2rem;
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic", YuGothic, "ＭＳ ゴシック", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
  margin: 20px 0 0 0;
}
.ttl-style01 {
  padding-bottom: 60px;
  color: #ffffff;
}
.ttl-style01 span {
  color: #ffffff;
}
.ttl-style02 {
  padding-bottom: 60px;
}
.ttl-style02 span {
  color: #333333;
}
.pickup {
  position: relative;
}
.pickup:before,
.pickup:after {
  content: "";
  width: 1px;
  height: 80px;
  position: absolute;
  bottom: 0;
  background: #c2c6c8;
}
.pickup:before {
  left: 0;
}
.pickup:after {
  right: 0;
}
.pickup-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 50px auto 0 auto;
}
.pickup-item {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
}
.pickup-item a img {
  -webkit-transition: opacity 0.3s;
          transition: opacity 0.3s;
}
.pickup-item a:hover img {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.pickup-item .pickup-txt span {
  -webkit-transition: background-color 0.3s;
          transition: background-color 0.3s;
}
.pickup-item a:hover .pickup-txt span {
  background-color: #eff3f9;
}
.pickup-txt {
  display: table;
  width: 100%;
  height: 80px;
  margin-top: 0;
}
.pickup-txt span {
  border-right: 1px solid #c2c6c8;
  color: #4d73be;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  display: table-cell;
  vertical-align: middle;
  line-height: 1.5;
  height: 80px;
  padding: 0 36px;
}
.pickup li:nth-child(1)> a> p> span {
  border-left: 1px solid #c2c6c8;
}
.pickup .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  margin: auto 0;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.08);
  color: transparent;
  line-height: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.pickup .slick-arrow:hover {
  background-color: #356cb6;
}
.pickup .slick-arrow:hover:before {
  color: #ffffff;
}
.pickup .slick-arrow:before {
  font-family: glyphs;
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  font-size: 1.0em;
  color: #356cb6;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}
.pickup .slick-prev {
  left: -25px;
}
.pickup .slick-prev:before {
  content: "\F009";
}
.pickup .slick-next {
  right: -25px;
}
.pickup .slick-next:before {
  content: "\F010";
}
.jigyouChouse {
  padding: 60px 0 0;
  background-color: #5d89c5;
}
.topGrid {
  position: relative;
  height: 600px;
  max-width: 1240px;
  margin: 0 auto;
}
.jigyouImg {
  position: absolute;
  top: 0;
  right: -160px;
  width: 1040px;
}
.topGrid-textRight .jigyouImg {
  left: -160px;
  right: auto;
}
.jigyouOya {
  position: absolute;
  top: 80px;
  left: 20px;
  width: 360px;
}
.topGrid-textRight .jigyouOya {
  left: auto;
  right: 20px;
}
.jigyouCard,
.jigyouCard2,
.jigyouCard3,
.jigyouCard4,
.jigyouCard5 {
  height: 440px;
  padding: 40px;
}
.jigyouCard {
  background-color: #ffffff;
  color: #333333;
}
.jigyouCard2 {
  background-color: #356cb6;
  color: #ffffff;
}
.jigyouCard3 {
  background-color: #356cb6;
  color: #ffffff;
}
.jigyouCard4 {
  background-color: #ffffff;
  color: #333333;
}
.jigyouCard5 {
  background-color: #333333;
  color: #ffffff;
}
.jigayouCardwrapp {
  position: relative;
  height: 100%;
}
.business-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 1200px;
  display: block;
}
.business-item {
  width: 360px;
  height: 440px;
  background: #ffffff;
  padding: 40px 36px;
  position: relative;
}
.business-item-ttl {
  font-size: 40px;
  font-size: 4rem;
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 40px;
  position: relative;
  margin-bottom: 40px;
}
.business-item-ttl span {
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic", YuGothic, "ＭＳ ゴシック", sans-serif;
  font-weight: 700;
  padding-left: 25px;
  line-break: strict;
}
.business-item-ttl:before {
  content: "";
  background: #356cb6;
  position: absolute;
  top: 20px;
  left: 22px;
  display: block;
  width: 40px;
  height: 4px;
}
.business-item-txt {
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 22px;
  letter-spacing: -0.01em;
  font-weight: 400;
}
.business-item-txt span {
  display: block;
  margin-top: 26px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.52rem;
  letter-spacing: 0.05em;
}
.business-item-btn,
.business-item-btn2,
.business-item-btn3,
.business-item-btn4 {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  width: 60px;
  text-align: center;
  display: block;
  height: 90px;
  position: absolute;
  padding: 0 auto;
  bottom: -60px;
  left: -20px;
  z-index: 1;
  cursor: pointer;
}
.business-item-btn:before,
.business-item-btn2:before,
.business-item-btn3:before,
.business-item-btn4:before {
  content: "";
  font-family: glyphs;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  content: "\F005";
  font-size: 18px;
  color: #356cb6;
  display: inline-block;
  vertical-align: 3px;
  margin-left: 0;
  background-size: 20px;
  background-color: #ffffff;
  display: block;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.08);
  position: absolute;
  padding: 20px 0 0;
  bottom: 0;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.business-item-btn:hover:before,
.business-item-btn2:hover:before,
.business-item-btn3:hover:before,
.business-item-btn4:hover:before {
  background-color: #5d89c5;
  color: #ffffff;
}
.business-item-btn,
.business-item-btn4 {
  color: #356cb6;
}
.business-item-btn2,
.business-item-btn3 {
  color: #ffffff;
}
.wrapper--darkgray {
  background-color: #333333;
  color: #ffffff;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.wrapper--usiao {
  background-color: #d7e2f0;
  color: #ffffff;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.business-item-ttlDark,
.business-item-ttlWhite {
  font-size: 4rem;
  font-family: "Oswald",sans-serif;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 40px;
  position: relative;
  margin: 0 0 40px 0;
  padding: 0;
}
.business-item-ttlDark span,
.business-item-ttlWhite span {
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic ProN","游ゴシック","Yu Gothic",YuGothic,"ＭＳ ゴシック",sans-serif;
  font-weight: 700;
  padding-left: 25px;
  line-break: strict;
}
.business-item-ttlDark:before,
.business-item-ttlWhite:before {
  content: "";
  position: absolute;
  top: 20px;
  left: 22px;
  display: block;
  width: 40px;
  height: 4px;
}
.business-item-ttlDark:before {
  background: #333333;
}
.business-item-ttlWhite:before {
  background: #356cb6;
}
.message {
  border-bottom: 1px solid #333333;
  padding: 100px 0 80px;
}
.message-ttl {
  color: #356cb6;
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 35px;
}
.message-txt {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  line-height: 28.8px;
  margin-bottom: 42px;
}
.btn-sytle01 {
  border: 2px solid #356cb6;
  border-radius: 20px;
  color: #356cb6;
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 36px;
  text-align: center;
  margin: 0 auto;
  position: relative;
  width: 300px;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.btn-sytle01:hover {
  background-color: #356cb6;
  color: #ffffff;
}
.btn-sytle01:before,
.btn-sytle01:after {
  -webkit-transition: border-color 0.3s;
          transition: border-color 0.3s;
}
.btn-sytle01:hover:before,
.btn-sytle01:hover:after {
  border-color: #ffffff;
}
.icon-arrow--r {
  position: relative;
}
.icon-arrow--r:before {
  content: "";
  width: 6px;
  height: 6px;
  margin: auto;
  vertical-align: middle;
  border-top: 2px solid #356cb6;
  border-right: 2px solid #356cb6;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  left: auto;
}
.link-list-date-label .date {
  font-weight: 700;
  letter-spacing: 0.1em;
}
.link-list-date-label .cat01 {
  background: #ca6520;
}
.link-list-date-label .cat02 {
  background: #398272;
}
.link-list-date-label .cat03 {
  background: #6158a4;
}
.link-list-date-label .cat04 {
  background: #0077b5;
}
.link-list-date-label .bichousei {
  margin-left: 5px;
}
.table-style01 {
  overflow: hidden;
  border-bottom: 1px solid #333333;
}
.table-style01 dt,
.table-style01 dd {
  font-size: 16px;
  font-size: 1.6rem;
  border-top: 1px solid #333333;
  padding: 15px 0;
  line-height: 28.8px;
}
.table-style01 dt {
  font-weight: 700;
  width: 130px;
  margin-right: 24px;
  float: left;
}
.table-style01 dd {
  font-weight: 400;
  margin-left: 154px;
  position: relative;
}
.infoBichousei {
  margin-bottom: 48px;
}
.linkTokutei {
  padding: 40px 0;
}
.linkTokutei-list-btn {
  background: #ffffff;
  border-radius: 5px;
  color: #356cb6;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  display: block;
  text-align: center;
  line-height: 60px;
  height: 60px;
  position: relative;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.linkTokutei-list-btn:hover {
  background-color: #356cb6;
  color: #ffffff;
}
.linkTokutei-list-btn:before,
.linkTokutei-list-btn:after {
  -webkit-transition: border-color 0.3s;
          transition: border-color 0.3s;
}
.linkTokutei-list-btn:hover:before,
.linkTokutei-list-btn:hover:after {
  border-color: #ffffff;
}
.linkTokutei-list-btn span {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 22px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  width: 100%;
}
.linkTokutei-list-btn:before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 0;
  left: auto;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 1rem;
  vertical-align: middle;
  margin-left: 8px;
}
section .blankiconNone a[target="_blank"]:not(class):after,
.section .blankiconNone a[target="_blank"]:not(class):after,
.blankiconNone a.link-blank:after {
  display: none;
}
a.link-pdf2:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 1.2rem;
  vertical-align: middle;
  margin-left: 8px;
  color: #ffffff;
}
.ttl-style03 {
  color: #ffffff;
  font-size: 2.4rem;
  text-align: center;
}
.ttl-style03 span {
  display: block;
  font-size: 1.2rem;
  margin-top: 15px;
}
.topicsMenu {
  display: none;
  background: rgba(53, 108, 182, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.topicsMenu .container {
  position: relative;
  overflow: auto;
}
.topicsMenu-closeBtn {
  color: #ffffff;
  font-size: 1.4rem;
  cursor: pointer;
}
.topicsMenu-closeBtn:before {
  font-family: glyphs;
  content: "\F020";
  font-size: 1.5rem;
  display: inline-block;
  vertical-align: -2px;
  margin-right: 7px;
}
.topicsMenu-closeBtn:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.topicsMenu-txt01 {
  color: #ffffff;
  font-size: 1.6rem;
}
.topicsMenu .figure-fixed:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.2);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.3s;
          transition: opacity 0.3s;
}
.topicsMenu a:hover .figure-fixed:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.mainV-info-txt a.link-icon--pdf:after,
.mainV-info-txt a.link-icon--excel:after,
.mainV-info-txt a.link-icon--zip:after {
  color: #ffffff;
}
.text-center {
  padding: 20px 0;
  text-align: center;
  background-color: #356cb6;
}
.text-center a {
  color: #ffffff;
}
.text-center a:hover {
  color: #ffffff;
}
.text-center a:visited {
  color: #ffffff;
}
.companyread {
  margin: 0 0 30px 0;
}
.paddingTopcut {
  padding-top: 0;
}
.co-top-cat {
  background-color: #356cb6;
  padding: 60px 48px;
  color: #ffffff;
  height: 100%;
}
.co-top-cat> .heading {
  font-size: 3.2rem;
}
.co-top-cat> .desc {
  margin-top: 42px;
}
.co-top-cat> .link {
  margin-top: 42px;
}
.co-top-cat> .link> a {
  width: 100%;
  display: block;
  border: 1px solid #ffffff;
  color: #ffffff;
  padding: 8px 12px;
  padding-left: 34px;
  text-align: center;
  position: relative;
  border-radius: 0 !important;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.co-top-cat> .link> a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.co-top-cat> .link> a:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  margin-top: -0.7rem;
  font-size: 1.4rem;
}
.co-top-cat--darkgray {
  padding: 48px;
  background-color: #8a929d;
}
.co-top-cat-grid {
  overflow: visible;
}
.co-top-links {
  overflow: visible;
}
.co-top-links> div:nth-child(-n+2) {
  position: relative;
}
.co-top-links> div:nth-child(-n+2):after {
  position: absolute;
  top: -10px;
  bottom: -10px;
  right: 0;
  display: block;
  content: "";
  border-right: 1px solid #e2e6e8;
}
.aboutTitle {
  font-size: 2.0rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 500px;
  z-index: 5;
  color: #ffffff;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display:         flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  text-shadow: 2px 2px 5px #000000,1px 1px 10px #000000, 2px 2px 10px #000000 , -2px -2px 10px #000000, 0 0 0 #000000;
  line-height: 1.8;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.temptitle {
  font-size: 4.0rem;
  margin-bottom: 30px;
  font-weight: 400;
}
body> main> div.aboutnone {
  display: none;
}
.imgWrapper {
  width: 100%;
  max-height: 368px;
  overflow: hidden;
  background: url("/company/about/images/img_01.jpg") no-repeat 0 0;
  background-size: cover;
  position: relative;
  height: 368px;
}
.presidentWrap {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  height: auto;
  height: 560px;
}
.imgWrapper2 {
  width: 100%;
  height: 560px;
  min-height: 312px;
  max-height: 312px;
  background: url("/company/about/images/img_02.jpg") no-repeat 0 0;
  background-size: cover;
  position: relative;
}
.presidentImg {
  background: url("/company/about/images/img_17.png") no-repeat 0 0;
  position: absolute;
  right: 220px;
  z-index: 1;
  width: 254px;
  height: 293px;
  top: 19px;
}
.topmessageWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.topmessageWrap-mini {
  position: relative;
  margin: 0 auto;
  height: 0;
  max-width: 1272px;
  padding: 0 36px;
}
.topMsg {
  position: relative;
  z-index: 2;
  width: 543px;
  height: 300px;
  padding-top: 36px;
  padding-bottom: 36px;
  padding-right: 35px;
  color: #ffffff;
}
.topMsg h3 {
  font-size: 24px;
  font-wight: 500;
  margin: 5px 0 30px 0;
}
.topMsg p {
  font-size: 16px;
  line-height: 2.0;
}
.topMsg-innerWrap {
  width: 100%;
  position: relative;
  height: auto;
}
.aboutmore3> a {
  margin-top: 30px;
  display: inline-block;
  color: #ffffff;
  border: 1px solid #ffffff;
  padding: 8px 12px 8px 38px;
  position: relative;
  font-weight: 400;
  text-align: center;
  min-width: 309px;
  border-radius: 0 !important;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.aboutmore3> a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.aboutmore3> a:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  top: 50%;
  left: 12px;
  margin-top: -0.7rem;
  font-size: 1.4rem;
}
.presidentName2 {
  z-index: 11;
  position: absolute;
  top: 200px;
  right: 100px;
  width: 100px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
}
.presidentName2 img {
  display: block;
  width: 165px;
  height: 43px;
  margin: 10px 0 0 0;
  -webkit-filter: url(#drop-shadow);
          filter: url(#drop-shadow);
}
.aboutmore2 {
  font-size: 14px;
  width: 100%;
  padding: 15px;
  margin-top: 10px;
  border: solid 1px #ffffff;
  text-align: center;
}
.aboutmore2> a {
  display: block;
  position: relative;
  font-size: 1.4rem;
  font-weight: 700;
  padding-left: 23px;
  color: #ffffff;
}
.aboutmore2> a:before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.7rem;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  margin-right: 5px;
  vertical-align: bottom;
}
.presidentImg {
  background: url("/company/about/images/img_17.png") no-repeat 0 0;
  position: absolute;
  right: 220px;
  z-index: 1;
  width: 254px;
  height: 293px;
  top: 19px;
}
.category-intro.keieiBox .category-intro-body:after {
  content: none;
}
.category-intro.keieiBox .category-intro-thumb .category-intro-thumb-inner> img {
  width: 300px;
  height: auto;
  min-width: 300px;
  min-height: auto;
}
.category-intro.keieiBox h3 {
  font-size: 24px;
}
.category-intro.keieiBox .category-intro-thumb .category-intro-thumb-inner {
  background: #ffffff;
}
.abouts_fix2 {
  width: 150px !important;
}
.articleWrapper {
  width: 700px;
  margin: 0 auto;
  text-align: justify;
  text-justify: inter-ideograph;
}
.messageTitle {
  font-size: 2.4rem;
  text-align: center;
  line-height: 1.6;
  max-width: 450px;
  margin: 40px auto 50px;
  font-weight: 400;
}
.messageMidashi {
  font-size: 2.0rem;
  text-align: center;
  line-height: 1.6;
  width: 60%;
  margin: 50px auto 40px;
}
.noteFix {
  font-size: 1.4rem;
}
.textR {
  margin-top: 20px;
  text-align: right;
}
.printHeaderfix {
  max-width: 1200px;
  padding: 40px 0;
}
.printFooter {
  position: relative;
  border-top: 1px solid #e2e6e8;
  padding: 40px 0;
}
.printFooter-text {
  text-align: right;
  font-size: 1.1rem;
}
.strategyCard {
  border: 1px solid #e2e6e8;
  padding: 10px;
}
.pdfBanner {
  margin: 40px 0;
  border: 1px solid #e2e6e8;
  padding: 40px;
}
reportmarginfix {
  margin-bottom: 0;
}
section a.notpdf[href$=".pdf"]:not(class):after {
  display: none;
}
section a.blankout[target="_blank"]:not(class):after {
  display: none;
}
.aboutReport {
  margin: 20px 0;
}
ul.list.listNone {
  padding-left: 10px;
}
ul.list.listNone li {
  list-style-type: none;
}
.bmgnone {
  background: none !important;
}
.bmgnone img {
  border: 1px solid #cccccc;
}
.governanceUpdate {
  padding: 0 0 0 10px;
}
.jigyouMap {
  width: 60px;
  text-align: left;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
          flex-shrink: 0;
}
.jigyou-card {
  font-weight: 300;
}
.list-def> dt.addPersent,
.list-def> dd.addPersent {
  width: 50%;
}
.overseasLink {
  display: block;
  margin-top: 20px;
}
.popupCenter {
  width: 200px;
  margin: 60px auto;
  text-align: center;
}
.close-Window {
  cursor: pointer;
}
audio::-internal-media-controls-download-button {
  display: none;
}
audio::-webkit-media-controls-enclosure {
  overflow: hidden;
}
audio::-webkit-media-controls-panel {
  width: calc(100% + 30px);
}
.w100 {
  width: 100px;
}
.otherLink {
  display: block;
  margin-top: 40px;
  padding: 10px;
  padding-right: 30px;
  background-color: #eff3f9;
  text-align: right;
}
.videoHeader {
  padding-bottom: 0;
  border-top: 1px solid #e2e6e8;
}
.videoChousei {
  padding-top: 0;
}
.videoFooter {
  position: relative;
  border-top: 1px solid #e2e6e8;
  padding: 40px 0;
}
.videoFootertext {
  font-size: 11px;
}
.videoWrap {
  max-width: 854px;
  position: relative;
}
.videoClose {
  position: absolute;
  right: 20px;
  top: 30px;
  width: 80px;
  font-size: 1.4rem;
}
.videoClose .videoAnchor {
  color: #356cb6;
}
.header-innerfix {
  padding: 20px 40px !important;
}
.videoFooterflex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
          align-content: space-between;
  width: 100%;
}
.video-closeBtn {
  color: #356cb6;
  font-size: 1.4rem;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
          transition: opacity 0.3s;
}
.video-closeBtn:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.video-closeBtn:before {
  font-family: glyphs;
  content: "\F020";
  font-size: 15px;
  display: inline-block;
  vertical-align: -2px;
  margin-right: 7px;
}
.videocopy {
  -webkit-flex-basis: 70%;
  -ms-flex-preferred-size: 70%;
          flex-basis: 70%;
}
.videocc {
  -webkit-flex-basis: 30%;
  -ms-flex-preferred-size: 30%;
          flex-basis: 30%;
  text-align: right;
  padding-right: 10px;
}
.noBg .figure-fixed> .figure-fixed-inner {
  background-image: none;
  background-color: transparent;
}
.noBg .card> .card-thumb> .card-thumb-inner {
  background-image: none;
  background-color: transparent;
}
.conversation-fl {
  float: left;
}
.conversation-fr {
  float: right;
}
.conversation-clearfix:after {
  content: "";
  clear: both;
  display: block;
}
.content-box .heading2 {
  font-size: 1.6rem;
  font-weight: 700;
  position: relative;
  padding-bottom: 10px;
}
.content-box .heading2:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 70px;
  border-bottom: 2px solid #356cb6;
}
.content-box .grid-visible {
  overflow: visible;
}
.mt-m10 {
  margin-top: -10px !important;
}
.mt-m20 {
  margin-top: -20px !important;
}
.mt-m30 {
  margin-top: -30px !important;
}
.mt-m40 {
  margin-top: -40px !important;
}
.mt-m50 {
  margin-top: -50px !important;
}
.mt-m60 {
  margin-top: -60px !important;
}
.mt-m70 {
  margin-top: -70px !important;
}
.mt-m80 {
  margin-top: -80px !important;
}
.mt-m90 {
  margin-top: -90px !important;
}
.mt-m100 {
  margin-top: -100px !important;
}
.women-list {
  overflow: hidden;
}
.women-list li {
  float: left;
  width: 20%;
}
.diverMedia {
  font-size: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display:         flex;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
          justify-content: start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0;
}
.diverMedia li {
  padding-right: 30px;
}
.diverMedia> li> a {
  display: block;
  position: relative;
  padding-left: 15px;
}
.diverMedia> li> a:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f010";
  position: absolute;
  display: block;
  font-size: 1rem;
  margin-top: -0.4rem;
  top: 50%;
  left: 0;
}
h2+ .m_linkList {
  margin-top: -5px !important;
}
.m_linkList li {
  border-bottom: 1px solid #e2e6e8;
}
.m_linkList li> a {
  position: relative;
  display: block;
  padding: 10px 60px 10px 15px;
  -webkit-transition: background-color 0.2s;
          transition: background-color 0.2s;
  -webkit-transition: background-color 0.3s;
          transition: background-color 0.3s;
}
.m_linkList li> a:hover {
  background-color: #eff3f9;
}
.m_linkList li> a:before {
  font-style: normal;
  font-size: 1.2rem;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f010";
  position: absolute;
  top: 50%;
  right: 20px;
  bottom: 0;
  margin: -0.55rem auto 0;
  height: 0;
  -webkit-transition: 0.3s;
          transition: 0.3s;
}
.m_linkList li> a:hover:before {
  right: 30px;
}
.noLinktext {
  margin: 20px 0 0 15px;
}
.yutaiNaiyou {
  font-size: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display:         flex;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
          justify-content: start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0;
}
.yutaiNaiyou li {
  padding-right: 30px;
}
.yutaiNaiyou> li> a {
  display: block;
  position: relative;
  padding-left: 15px;
}
.yutaiNaiyou> li> a:hover {
  text-decoration: underline;
}
.yutaiNaiyou> li> a:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f010";
  position: absolute;
  display: block;
  font-size: 1rem;
  margin-top: -0.4rem;
  top: 50%;
  left: 0;
}
body> main> div.csrnone {
  display: none;
}
.csrImg {
  background-image: url("/company/csr/images/img_01.jpg");
}
.csrTitle {
  font-size: 2.0rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 500px;
  z-index: 5;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display:         flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  text-align: center;
  text-shadow: 2px 2px 5px #000000,1px 1px 10px #000000,2px 2px 10px #000000,-2px -2px 10px #000000,0 0 0 #000000;
  line-height: 1.8;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.corpreportWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.corpreportWrap-mini {
  position: relative;
  margin: 0 auto;
  height: 0;
  max-width: 1200px;
}
.reportMsg {
  min-width: 320px;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 500px;
  height: 320px;
  text-shadow: none;
  color: #ffffff;
  background: #356cb6;
  padding: 35px;
}
.reportMsg h3 {
  font-size: 24px;
  font-wight: 500;
  margin: 5px 0 30px 0;
}
.reportMsg h3+ p {
  font-size: 15px;
  line-height: 2.0;
}
.reportMsg-innerWrap {
  width: 100%;
  position: relative;
  height: auto;
}
.reportmore {
  font-size: 14px;
  width: 80%;
}
.reportmore> a {
  padding: 15px;
  margin: 40px 0 10px;
  display: inline-block;
  color: #ffffff;
  border: 1px solid #ffffff;
  padding: 8px 12px 8px 38px;
  position: relative;
  font-weight: 400;
  text-align: center;
  border-radius: 0 !important;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.reportmore> a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.reportmore> a:before {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -0.7rem;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  margin-right: 5px;
  vertical-align: bottom;
}
.reportWrapper {
  width: 100%;
  z-index: 2;
  overflow: hidden;
  height: 320px;
  min-height: 320px;
  max-height: 320px;
  background: #f2f2f2;
  position: relative;
  background-color: #356cb6;
  background-size: cover;
}
.corpreportWrapper-file {
  width: 100%;
  z-index: 2;
  overflow: hidden;
  height: 320px;
  min-height: 320px;
  max-height: 320px;
  position: relative;
  background-color: #f2f2f2;
  background-size: cover;
}
.reportWrapper-box {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  height: auto;
  height: 560px;
}
.reportWrapper-file {
  background: url(/company/csr/images/img_11.jpg) no-repeat 0 0;
  position: absolute;
  right: 200px;
  z-index: -1;
  width: 203px;
  height: 288px;
  top: 16px;
  background-size: 203px;
}
.csr-listbox.grid-wrap-box {
  padding: 0;
}
.csr-figure {
  margin: 0 auto;
}
.reportWrapper-activity {
  width: 100%;
  z-index: -1;
  overflow: hidden;
  height: 310px;
  min-height: 310px;
  max-height: 310px;
  background-image: url(/company/csr/images/img_13.jpg);
  background-size: cover;
  position: relative;
  background-color: #356cb6;
  background-repeat: no-repeat;
}
.activityMsg {
  min-width: 320px;
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 320px;
  text-shadow: none;
  color: #ffffff;
  padding: 35px;
  padding-left: 120px;
}
.activityMsg h3 {
  font-size: 24px;
  font-wight: 500;
  margin: 0 0 30px 0;
}
.activityMsg p {
  font-size: 16px;
  line-height: 2.0;
}
.activityFlex {
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display:         flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
  -webkit-flex-direction: row;
          flex-direction: row;
}
.reportmore2 {
  font-size: 14px;
  width: 77%;
  text-align: center;
  border: 1px solid #ffffff;
  padding: 15px;
  margin-top: 30px;
  margin-left: 23%;
}
.reportmore2> a {
  display: inline-block;
  position: relative;
  font-size: 1.4rem;
  font-weight: 700;
  padding-left: 23px;
  color: #ffffff;
}
.reportmore2> a:before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.7rem;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  margin-right: 5px;
  vertical-align: bottom;
}
.reportWrapper-activity2 {
  width: 100%;
  z-index: -1;
  overflow: hidden;
  height: 310px;
  min-height: 310px;
  max-height: 310px;
  background-image: url(/company/csr/images/img_15.jpg);
  background-size: cover;
  position: relative;
  background-color: #356cb6;
  background-repeat: no-repeat;
}
.activityMsg2 {
  min-width: 320px;
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 320px;
  text-shadow: none;
  color: #ffffff;
  padding: 35px;
  padding-left: 120px;
}
.activityMsg2 h3 {
  font-size: 24px;
  font-wight: 500;
  margin: 0 0 30px 0;
}
.activityMsg2 p {
  font-size: 16px;
  line-height: 2.0;
}
.activityFlex2 {
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display:         flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
  -webkit-flex-direction: row;
          flex-direction: row;
}
.reportmore3 {
  font-size: 14px;
  width: 77%;
  text-align: center;
  border: 1px solid #ffffff;
  padding: 15px;
  margin-top: 30px;
  margin-left: 23%;
}
.reportmore3> a {
  display: inline-block;
  position: relative;
  font-size: 1.4rem;
  font-weight: 700;
  padding-left: 23px;
  color: #ffffff;
}
.reportmore3> a:before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.7rem;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  margin-right: 5px;
  vertical-align: bottom;
}
.csr-listbox2 .grid-wrap-box {
  padding: 0 15px;
}
.csr-listbox2 .card-title {
  display: none;
}
.csr-listbox2 .card-more {
  padding: 10px 10px 10px 0;
  position: relative;
  display: inline-block;
  margin: 0;
  text-align: center;
}
.csr-listbox2 .card-more:before {
  content: "";
  width: 6px;
  height: 6px;
  margin: auto;
  vertical-align: middle;
  border-top: 2px solid #356cb6;
  border-right: 2px solid #356cb6;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: 3px;
  right: 0;
  bottom: 0;
  left: auto;
}
.csr-listbox2 .card-line {
  border-top: 1px solid #e2e6e8;
  margin: 20px 9px 0;
}
.card> .card-thumb.icon-csrbox {
  margin-top: 22px;
}
.card-thumb.icon-csrbox img {
  width: 100px;
  height: 100px;
}
.csrWrapperFix:first-child {
  margin-top: 0 !important;
}
.csrWrapperFix {
  margin-top: 96px !important;
}
.stepWrapp {
  background-color: #356cb6;
  padding: 20px 20px 20px 0;
  color: #ffffff;
  text-align: center;
  position: relative;
}
.stepWrapp:after {
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -0.7rem;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f008";
  margin-right: 5px;
  vertical-align: bottom;
}
.ristImgfloat {
  float: right;
}
.clearfixRisc:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.clearfixRisc {
  display: inline-block;
}
* html .clearfixRisc {
  height: 1%;
}
.clearfixRisc {
  display: block;
}
.riskLevel {
  width: 100%;
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
          justify-content: flex-start;
}
.riskLevel span {
  font-size: 12px;
}
.riskOrange {
  width: 10%;
  height: 20px;
  background-color: #eebe19;
  margin-left: 20px;
  margin-right: 10px;
}
.riskYellow {
  width: 10%;
  height: 20px;
  background-color: #d5f021;
  margin-left: 20px;
  margin-right: 10px;
}
.riskRed {
  width: 10%;
  height: 20px;
  background-color: #df5316;
  margin-left: 20px;
  margin-right: 10px;
}
.downCircle {
  width: 30px;
  height: 30px;
  margin: 30px auto;
}
.earthmarginCut {
  margin-top: 0;
}
.ecoflexbox dd .ecogreen {
  color: #78c072;
  font-size: 30px;
  font-weight: 700;
  margin: 0 5px;
}
.ecoflexbox dd .ecogreen2 {
  color: #78c072;
  font-weight: 700;
}
.ecoflexbox dd .ecoblue {
  color: #356cb6;
  font-size: 30px;
  font-weight: 700;
  margin: 0 5px;
}
.ecoflexbox dd .ecoblue2 {
  color: #356cb6;
  font-weight: 700;
}
.ecoflexbox dd .ecoorange {
  color: #f39800;
  font-size: 30px;
  font-weight: 700;
  margin: 0 5px;
}
.ecoflexbox dd .ecoorange2 {
  color: #f39800;
  font-weight: 700;
}
.textleft {
  text-align: left;
}
#N0165 {
  z-index: 0;
}
#N0165 .soa-icon {
  position: absolute;
  width: 15%;
  max-width: 145px;
  top: -80px;
  right: 80px;
}
#N0165 .soa-icon-wrap {
  position: relative;
  z-index: 2;
}
.soaInfo {
  margin: 20px 0;
  font-weight: bold;
}
.buttonExtend {
  width: 350px;
}
.soaRegist {
  background-color: #ffffff;
}
.irImg {
  background: url("/company/ir/images/img_index_01.jpg") no-repeat 0 0;
  background-size: cover;
}
.irTitle {
  font-size: 2.0rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 500px;
  z-index: 5;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display:         flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  text-align: center;
  text-shadow: 2px 2px 5px #000000,1px 1px 10px #000000,2px 2px 10px #000000,-2px -2px 10px #000000,0 0 0 #000000;
  line-height: 1.8;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.ir-imglink {
  background-color: #eff3f9;
  padding: 25px;
}
.ir-imglink a {
  display: table;
  width: 100%;
  background-color: #ffffff;
}
.ir-imglink-text {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  padding: 10px 20px;
}
.ir-imglink-text> span {
  position: relative;
  display: inline-block;
  padding-left: 20px;
}
.ir-imglink-text> span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  border-top: 3px solid #356cb6;
  border-right: 3px solid #356cb6;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.ir-imglink a:hover .ir-imglink-text> span {
  text-decoration: underline;
}
.ir-imglink .ir-imglink-img {
  -webkit-transition: opacity 0.3s;
          transition: opacity 0.3s;
}
.ir-imglink a:hover .ir-imglink-img {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.ir-imglink-img {
  display: table-cell;
  width: 50%;
  text-align: right;
}
.ir-boxlink {
  border: 1px solid #e2e6e8;
}
.ir-boxlink a {
  display: table;
  width: 100%;
  -webkit-transition: background-color 0.3s;
          transition: background-color 0.3s;
}
.ir-boxlink a:hover {
  background-color: #eff3f9;
}
.ir-boxlink-title {
  display: table-cell;
  vertical-align: middle;
  width: 25%;
  padding: 20px 10px;
  text-align: center;
  font-weight: 700;
  font-size: 1.8rem;
  border-right: 1px solid #e2e6e8;
}
.ir-boxlink-title:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  color: #356cb6;
  font-size: 1.2rem;
  margin-right: 5px;
}
.ir-boxlink-text {
  display: table-cell;
  vertical-align: middle;
  padding: 20px 30px;
  color: #333333;
}
.section-border-ir {
  border-bottom: 1px solid #e2e6e8;
  padding-bottom: 50px;
}
.soa_shousai {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 20px 0;
}
.soa_shousai> a {
  display: block;
  position: relative;
  font-size: 1.6rem;
  font-weight: 700;
  padding-left: 23px;
}
.soa_shousai> a:before {
  position: absolute;
  color: #356cb6;
  top: 50%;
  left: 0;
  margin-top: -0.7rem;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  margin-right: 5px;
  vertical-align: bottom;
  font-size: 1.5rem;
}
.soaText {
  padding: 30px 0 10px;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  text-align: center;
}
.soaSeminar {
  margin: 40px auto 30px auto;
  width: 100%;
  text-align: center;
}
.sol-carousel {
  display: none;
  max-width: 910px;
  width: 100%;
  margin: auto;
  margin-bottom: 34px;
  position: relative;
}
.sol-carousel:before,
.sol-carousel:after {
  content: "";
  display: block;
  position: absolute;
  width: 2000px;
  top: 0;
  bottom: 0;
  background-color: #eff3f9;
  z-index: 3;
}
.sol-carousel:before {
  left: -2915px;
}
.sol-carousel:after {
  right: -2915px;
}
.sol-carousel .slick-list {
  overflow: visible;
  position: relative;
}
.sol-carousel .slick-list:before,
.sol-carousel .slick-list:after {
  content: "";
  display: block;
  position: absolute;
  width: 1000px;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 2;
}
.sol-carousel .slick-list:before {
  left: -1005px;
}
.sol-carousel .slick-list:after {
  right: -1005px;
}
.sol-carousel .sol-carousel-item {
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  height: 400px;
  overflow: hidden;
  max-width: 910px;
  width: 100%;
}
.sol-carousel .sol-carousel-image {
  overflow: hidden;
  right: 5px;
  background-color: #356cb6;
  height: 400px;
  position: absolute;
  left: 5px;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
          justify-content: flex-start;
}
.sol-carousel .sol-carousel-image> img {
  width: auto;
  height: auto;
}
.sol-carousel .sol-carousel-image:after {
  content: "";
  display: block;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  position: absolute;
  top: 0;
  right: 27.77778%;
  bottom: 0;
  width: 8.88889%;
  background-color: #356cb6;
}
.sol-carousel .sol-carousel-text {
  color: #ffffff;
  width: 36.66667%;
  padding: 80px 36px 36px;
  height: 400px;
  position: absolute;
  right: 0;
  top: 0;
}
.sol-carousel .sol-carousel-summary {
  margin-top: 18px;
  font-size: 2.4rem;
  line-height: 1.5;
}
.sol-carousel .sol-carousel-title {
  margin-top: 36px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
}
.sol-carousel .sol-carousel-link {
  position: absolute;
  right: 36px;
  bottom: 36px;
}
.sol-carousel .sol-carousel-link> a {
  font-family: Oswald;
  letter-spacing: 0.2rem;
  color: inherit;
  font-weight: 400;
  position: relative;
  display: block;
  padding-left: 20px;
  font-size: 1.6rem;
  -webkit-transition: opacity 0.3s;
          transition: opacity 0.3s;
}
.sol-carousel .sol-carousel-link> a:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.sol-carousel .sol-carousel-link> a:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  font-size: 1.4rem;
  margin-top: -0.5rem;
  left: 0;
}
.sol-carousel .slick-prev {
  left: -25px;
}
.sol-carousel .slick-prev:before {
  content: "";
  margin-left: -0.6rem;
}
.sol-carousel .slick-next {
  right: -25px;
}
.sol-carousel .slick-next:before {
  content: "";
  margin-left: -0.4rem;
}
.sol-carousel .slick-list {
  z-index: 1;
}
.sol-carousel .slick-arrow {
  font-size: 0;
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 50px;
  height: 50px;
  padding: 0;
  margin-top: -25px;
  border-radius: 25px;
  background-color: #ffffff;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
  color: #356cb6;
  cursor: pointer;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.sol-carousel .slick-arrow:hover {
  background-color: #356cb6;
  color: #ffffff;
}
.sol-carousel .slick-arrow:before,
.sol-carousel .slick-arrow:after {
  -webkit-transition: border-color 0.3s;
          transition: border-color 0.3s;
}
.sol-carousel .slick-arrow:hover:before,
.sol-carousel .slick-arrow:hover:after {
  border-color: #ffffff;
}
.sol-carousel .slick-arrow:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5rem;
  font-size: 1rem;
  z-index: 3;
}
.sol-carousel .slick-dots {
  position: absolute;
  width: 100%;
  bottom: -34px;
  text-align: center;
  font-size: 1rem;
  line-height: 1;
  margin-top: 20px;
}
.sol-carousel .slick-dots> li {
  display: inline-block;
  margin: 0 5px;
}
.sol-carousel .slick-dots> li> button {
  font-size: 0;
  display: inline-block;
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background-color: #eeeeee;
  cursor: pointer;
  padding: 0;
}
.sol-carousel .slick-dots> li.slick-active> button {
  background-color: #356cb6;
}
.sol-search {
  border: 1px solid #e2e6e8;
  margin-bottom: 36px;
}
.sol-search:first-child {
  border-right: none;
}
.sol-search .sol-search-hd {
  background-color: #eff3f9;
  text-align: center;
  border-bottom: 1px solid #e2e6e8;
  font-weight: 700;
  padding: 8px;
}
.sol-search .sol-search-func {
  margin: 24px 24px 0 24px;
  padding-bottom: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #e2e6e8;
}
.sol-search .sol-search-func li {
  display: block;
}
.sol-search .sol-search-func li> button {
  color: #356cb6;
  border: 2px solid #356cb6;
  border-radius: 15px;
  min-height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
  padding-left: 18px;
  padding-right: 18px;
  font-weight: 700;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
  cursor: pointer;
}
.sol-search .sol-search-func li> button:hover {
  background-color: #356cb6;
  color: #ffffff;
}
.sol-search .sol-search-func li> button.active {
  background-color: #356cb6;
  color: #ffffff;
}
.sol-search .sol-search-buttons {
  margin-bottom: 24px;
  margin-right: 12px;
  margin-left: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.sol-search .sol-search-buttons li {
  display: block;
  width: 50%;
  padding-left: 12px;
  padding-right: 12px;
}
.sol-search .sol-search-buttons label {
  display: block;
}
.sol-search .sol-search-buttons input[type=checkbox] {
  display: none;
}
.sol-search .sol-search-buttons input[type=checkbox]+ span {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
  margin-top: 18px;
  padding-left: 40px;
  padding-right: 10px;
  border: 1px solid #ffffff;
  border-radius: 3px;
  font-size: 1.4rem;
  color: #356cb6;
  height: 40px;
  line-height: 1.1;
  font-weight: 700;
  position: relative;
  -webkit-transition: all 0.1s;
          transition: all 0.1s;
}
.sol-search .sol-search-buttons input[type=checkbox]+ span:hover {
  border-color: #356cb6;
}
.sol-search .sol-search-buttons input[type=checkbox]+ span:before {
  content: "";
  display: block;
  position: absolute;
  background-color: #e2e6e8;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 10px;
  margin-top: -10px;
  -webkit-transition: all 0.1s;
          transition: all 0.1s;
}
.sol-search .sol-search-buttons input[type=checkbox]:checked+ span {
  border-color: #356cb6;
}
.sol-search .sol-search-buttons input[type=checkbox]:checked+ span:before {
  background-color: #356cb6;
}
.sol-search .sol-search-buttons input[type=checkbox]:checked+ span:after {
  position: absolute;
  display: block;
  content: "";
  width: 6px;
  height: 8px;
  top: 48%;
  left: 17px;
  border: solid 2px #ffffff;
  border-left: 0;
  border-top: 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.sol-search .sol-search-buttons--result {
  margin-top: 16px;
}
.sol-search .sol-search-buttons--result li {
  width: 25%;
}
.sol-result .label--sol-3 {
  background-color: #00838f;
}
.sol-result .label--sol-1 {
  background-color: #0d4c8d;
}
.sol-result .label--sol-2 {
  background-color: #8c4600;
}
.sol-result .sol-result-item {
  border: 1px solid #e2e6e8;
  padding: 36px 40px;
  margin-top: 36px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
}
.sol-result .sol-result-item:first-child {
  margin-top: 0;
}
.sol-result .sol-result-item> .sol-result-thumb {
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
          flex-shrink: 1;
  position: relative;
  width: 100%;
  max-width: 200px;
  max-height: 200px;
  margin-left: 36px;
}
.sol-result .sol-result-item> .sol-result-thumb:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.sol-result .sol-result-item> .sol-result-thumb> .sol-result-thumb-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
}
.sol-result .sol-result-item> .sol-result-thumb> .sol-result-thumb-inner> img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
          flex-shrink: 0;
}
.sol-result .sol-result-item> .sol-result-body {
  -webkit-flex-shrink: 10;
  -ms-flex-negative: 10;
          flex-shrink: 10;
}
.sol-result .sol-result-item> .sol-result-body> .sol-result-title {
  margin-top: 18px;
  font-weight: 700;
  font-size: 2.0rem;
}
.sol-result .sol-result-item> .sol-result-body> .sol-result-title a {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  line-height: 1.4;
}
.sol-result .sol-result-item> .sol-result-body> .sol-result-title a:hover {
  text-decoration: underline;
}
.sol-result .sol-result-item> .sol-result-body> .sol-result-title a:before {
  position: absolute;
  top: 6px;
  left: 0;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 0.8em;
}
.sol-result .sol-result-item> .sol-result-body> .sol-result-subtitle:not(:empty) {
  font-weight: 700;
  margin-top: 10px;
}
.sol-result .sol-result-item> .sol-result-body> .sol-result-text:not(:empty) {
  margin-top: 18px;
  text-align: justify;
}
.solRes-search-func {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
          justify-content: space-between;
}
.solRes-search-func> li:first-child> button {
  margin-right: 3px;
}
.solRes-search-func> li:last-child> button {
  margin-left: 3px;
}
.solRes-search-func> li> button {
  border: 2px solid #356cb6;
  color: #356cb6;
  border-radius: 15px;
  min-height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  font-weight: 700;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
  cursor: pointer;
}
.solRes-search-func> li> button:hover {
  background-color: #356cb6;
  color: #ffffff;
}
.solRes-search-func> li> button.active {
  background-color: #356cb6;
  color: #ffffff;
}
.sol-purpose-lead> dt,
.sol-purpose-lead dd {
  display: none;
}
.sol-purpose-lead> dt {
  margin-top: 0;
}
.sol-purpose-lead> dd {
  text-align: justify;
  margin-bottom: 48px;
}
.solutionBulet a {
  display: block;
  background-color: #eff3f9;
  margin: 25px 0;
  position: relative;
  max-width: 532px;
  padding: 10px 30px 10px 15px;
  text-align: center;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.solutionBulet a:hover {
  background-color: #356cb6;
  color: #ffffff;
}
.solutionBulet a:before,
.solutionBulet a:after {
  -webkit-transition: border-color 0.3s;
          transition: border-color 0.3s;
}
.solutionBulet a:hover:before,
.solutionBulet a:hover:after {
  border-color: #ffffff;
}
.solutionBulet a:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #356cb6;
  border-right: 2px solid #356cb6;
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.solutionKeyIcon {
  border-top: 1px solid #e2e6e8;
  border-bottom: 1px solid #e2e6e8;
  padding: 60px 0 40px;
}
.solutionKeyIcon ul {
  max-width: 1210px;
  margin: 40px auto 0;
  padding: 0 20px;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.solutionKeyIcon ul li {
  width: 14.28%;
  margin-bottom: 20px;
  text-align: center;
}
.solutionKeyIcon ul li a {
  position: relative;
  display: block;
  border-left: 1px solid #e2e6e8;
  padding: 30px 15px 15px;
  height: 100%;
  -webkit-transition: background-color 0.3s;
          transition: background-color 0.3s;
}
.solutionKeyIcon ul li a:hover {
  background-color: #eff3f9;
}
.solutionKeyIcon ul li a:after {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  border-right: 1px solid #e2e6e8;
}
.solutionKeyIcon ul li img {
  display: block;
  width: 63px;
  height: 63px;
  margin: 0 auto;
}
.solutionKeyIcon ul li .link {
  position: relative;
  display: inline-block;
  padding-left: 15px;
  font-size: 1.3rem;
  line-height: 1.4;
}
.solutionKeyIcon ul li .link:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  content: "";
  color: #356cb6;
  font-size: 1.0rem;
  top: 5px;
  left: 0;
}
.solutionActive {
  background-color: #eff3f9;
}
.recruitimgWrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #eff3f9;
}
.recruitimgWrapper--fixing img {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  display: block;
}
.trightLink {
  margin-top: 20px;
  font-size: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display:         flex;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
          justify-content: start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0;
}
.trightLink li {
  padding-left: 30px;
}
.trightLink> ul> li> a {
  display: block;
  position: relative;
  padding-left: 20px;
}
.trightLink> ul> li> a :before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f014";
  position: absolute;
  display: block;
  font-size: 1.2rem;
  margin-top: -0.4rem;
  top: 50%;
  left: 0;
}
#gikentop {
  height: calc(100vh - 235px);
}
.gikenTitle {
  font-size: 3.2rem;
  line-height: 1.6;
  margin: 0 auto;
  text-align: center;
  padding-top: calc(50vh - 150px);
  color: #ffffff;
  text-shadow: 2px 2px 5px #000000,
  1px 1px 10px #000000,
  2px 2px 10px #000000,
  -2px -2px 10px #000000,
  0 0 0 #000000;
}
.msExtended {
  bottom: 40px !important;
}
.br-sp1 {
  display: none;
}
.byoin-tune.construction-carousel .construction-carousel-item-image p span {
  text-indent: 0;
}
.byoin-tune.construction-carousel .construction-carousel-item-image p span {
  font-size: 2.4rem;
}
#N0224 .construction {
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
#N0224 .construction-inner p {
  position: absolute;
  top: 50px;
  left: 60px;
  color: #ffffff;
  font-size: 1.8rem;
  text-shadow: 1px 1px 2px black;
}
#N0224 .construction-inner p span {
  font-size: 2.4rem;
}
.coverWrapper-saijo--01 {
  background: #356cb6 url("/topics/construction/item04/content02/images/img_index_01.jpg") no-repeat center center;
  background-size: cover;
  max-height: 1000px;
  height: 1000px;
}
.coverWrapper-saijo--01 .coverTitle,
.coverWrapper-saijo--01 .coverWrapper-item07--00-ttl,
.coverWrapper-saijo--01 .coverWrapper-item09--01 .inner-ttl,
.coverWrapper-item09--01 .coverWrapper-saijo--01 .inner-ttl,
.coverWrapper-saijo--01 .coverWrapper-sus-item01--01 .inner-ttl,
.coverWrapper-sus-item01--01 .coverWrapper-saijo--01 .inner-ttl {
  width: 1280px;
  height: 100%;
  margin: auto;
  padding: 60px 170px 30px;
  color: #ffffff;
  position: relative;
}
.coverWrapper-saijo--01 .coverTitle-txt {
  font-size: 3.2rem;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
.coverWrapper-saijo--01 .coverTitle-title {
  font-size: 3.6rem;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  line-height: 1.3;
  position: absolute;
  bottom: 30px;
}
.coverWrapper-saijo--02 {
  background-size: cover;
  height: 890px;
}
.coverWrapper-saijo--02 .coverContent {
  width: 940px;
  margin: auto;
  height: 100%;
  position: relative;
}
.coverWrapper-saijo--02 .coverContent .coverContent-txt {
  color: #ffffff;
  font-size: 3.2rem;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  font-weight: 700;
  padding-top: 90px;
}
.coverWrapper-saijo--02 .coverContent .coverContent-txt-block {
  color: #ffffff;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 20px;
}
.coverWrapper-saijo--02 .coverContent .coverContent-txt-block> p {
  font-size: 1.8rem;
  line-height: 2;
}
.coverWrapper-saijo--03 {
  background: #f2f2f2;
  background-size: cover;
  max-height: none;
  height: auto;
  margin-bottom: 0;
}
.coverWrapper-saijo--03 .inner {
  width: 940px;
  margin: auto;
  padding: 24px 0 40px;
}
.coverWrapper-saijo--03 .inner> p {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 14px 0;
}
.coverWrapper-saijo--04 {
  background-size: cover;
  max-height: none;
  height: 1060px;
}
.coverWrapper-saijo--04 .coverWrapper-caption {
  text-align: center;
  color: #000000;
  padding-top: 1030px;
  font-size: 1.4rem;
}
.saijoDetail {
  text-align: center;
}
.saijoDetail-txt--sp {
  text-align: left;
  display: none;
}
.coverWrapper-tama--01 {
  background: #356cb6 url("/topics/construction/item04/content03/images/img_index_01.jpg") no-repeat center center;
  background-size: cover;
  max-height: 1000px;
  height: 1000px;
}
.coverWrapper-tama--01 .coverTitle,
.coverWrapper-tama--01 .coverWrapper-item07--00-ttl,
.coverWrapper-tama--01 .coverWrapper-item09--01 .inner-ttl,
.coverWrapper-item09--01 .coverWrapper-tama--01 .inner-ttl,
.coverWrapper-tama--01 .coverWrapper-sus-item01--01 .inner-ttl,
.coverWrapper-sus-item01--01 .coverWrapper-tama--01 .inner-ttl {
  width: 1280px;
  height: 100%;
  margin: auto;
  padding: 60px 170px 30px;
  color: #ffffff;
  position: relative;
}
.coverWrapper-tama--01 .coverTitle-txt {
  font-size: 3.2rem;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
.coverWrapper-tama--01 .coverTitle-title {
  font-size: 3.6rem;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  line-height: 1.3;
  position: absolute;
  bottom: 30px;
}
.coverWrapper-tama--02 {
  background-size: cover;
  height: 890px;
}
.coverWrapper-tama--02 .coverContent {
  width: 940px;
  margin: auto;
  height: 100%;
  position: relative;
}
.coverWrapper-tama--02 .coverContent .coverContent-txt {
  color: #ffffff;
  font-size: 3.2rem;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  font-weight: 700;
  padding-top: 90px;
}
.coverWrapper-tama--02 .coverContent .coverContent-txt-block {
  color: #ffffff;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 20px;
}
.coverWrapper-tama--02 .coverContent .coverContent-txt-block> p {
  font-size: 1.8rem;
  line-height: 2;
}
.coverWrapper-tama--03 {
  background: #f2f2f2;
  background-size: cover;
  max-height: none;
  height: auto;
  margin-bottom: 0;
}
.coverWrapper-tama--03 .inner {
  width: 940px;
  margin: auto;
  padding: 24px 0 40px;
}
.coverWrapper-tama--03 .inner> p {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 14px 0;
}
.coverWrapper-tama--04 {
  background-size: cover;
  max-height: none;
  height: 1060px;
}
.coverWrapper-tama--04 .coverWrapper-caption {
  text-align: center;
  color: #000000;
  padding-top: 1030px;
  font-size: 1.4rem;
}
.tamaDetail {
  text-align: center;
}
.tamaDetail-txt--sp {
  text-align: left;
  display: none;
}
.topicsTopImgWrapper {
  width: 100%;
  max-height: 230px;
  overflow: hidden;
  background: url("/topics/images/img_index_01.jpg") no-repeat 0 0;
  background-size: cover;
  position: relative;
  height: 230px;
}
.jigyouMain {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 25px;
}
.jigyouMain .jigyouGrid {
  width: 49%;
}
.jigyouMain .jigyouGrid> a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-transition: opacity 0.3s;
          transition: opacity 0.3s;
}
.jigyouMain .jigyouGrid> a:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.jigyoucardImg {
  width: 61.2%;
}
.topicCard {
  position: relative;
  background-color: #356cb6;
  color: #ffffff;
  padding: 20px;
  width: 38.8%;
}
.topicCard .sectionTitle {
  font-size: 2.2rem;
  line-height: 1.5;
}
.topicCard p {
  font-size: 1.6rem;
}
.topicCard a {
  display: block;
  width: 100%;
  color: #ffffff;
}
.fudousanCard {
  background-color: #c67400;
  color: #ffffff;
}
.worldCard {
  background-color: #c52e47;
  color: #ffffff;
}
.sasCard {
  background-color: #629625;
  color: #ffffff;
}
.dreamCard {
  background-color: #0f8d62;
  color: #ffffff;
}
.jigyouAnchor {
  position: absolute;
  right: 10px;
  bottom: 5px;
}
.jigyouAnchor:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\F014";
  color: #ffffff;
  font-size: 1.6rem;
}
.news_section {
  margin: 40px 0;
}
.news_section:first-child {
  margin: 0;
}
.news_ViewAll {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 20px 0;
}
.news_ViewAll> a {
  display: block;
  position: relative;
  font-size: 1.6rem;
  font-weight: 700;
  padding-left: 23px;
}
.news_ViewAll> a:before {
  position: absolute;
  color: #356cb6;
  top: 50%;
  left: 0;
  margin-top: -0.7rem;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  margin-right: 5px;
  vertical-align: bottom;
  font-size: 1.5rem;
}
.sidMidashi {
  margin-top: 40px;
  font-size: 1.8rem;
  min-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display:         flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
          align-items: center;
  border-left: 4px solid #356cb6;
  padding: 0 10px;
  margin-bottom: 20px;
}
.sidMidashi:first-child {
  margin-top: 0;
}
.midashiIcon {
  width: 100%;
}
.midashiIcon> a,
.midashiIcon span {
  display: block;
  position: relative;
  font-weight: 700;
}
.midashiIcon> a:after,
.midashiIcon span:after {
  display: block;
  position: absolute;
  right: 0;
  top: 5px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 1.6rem;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  color: #356cb6;
}
.localNavi {
  border-top: 1px solid #e2e6e8;
  border-bottom: 1px solid #e2e6e8;
  padding: 10px 0;
}
.localNavi dt {
  font-weight: 700;
  margin: 20px 0;
  font-size: 1.4rem;
}
.localNavi dd,
.localNavi li {
  margin: 20px 0;
  font-size: 1.4rem;
}
.ichiran {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 30px 0;
  padding-left: 24px;
}
.ichiran> a {
  display: block;
  position: relative;
  font-size: 1.2rem;
  font-weight: 700;
  padding-left: 23px;
}
.ichiran> a:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.4rem;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  margin-right: 5px;
  font-size: 0.8rem;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  color: #356cb6;
}
.topics-const-carousel {
  height: 100%;
  padding: 0 30px 0 36px;
}
.topics-const-carousel> .vis-carousel {
  max-height: 450px;
  min-width: auto;
  width: 100%;
}
.topics-const-carousel> .vis-carousel> .slick-arrow {
  margin-top: -25px;
}
.topics-const-carousel> .vis-carousel> .slick-dots {
  display: none !important;
}
.topics-const-carousel> .vis-carousel .vis-carousel-item> img {
  max-width: 100%;
}
.construction-box2 .card-title {
  color: #356cb6;
  padding: 10px 0;
  font-size: 18px;
  border-bottom: solid 1px #a8bdd9;
  margin: 0 18px 10px;
  box-sizing: border-box;
  position: relative;
}
.construction-box2 .card-title a {
  display: block;
}
.construction-box2 .card-read {
  margin: 0 18px;
}
.construction-box2 .card-title:after {
  content: "";
  width: 6px;
  height: 6px;
  margin: auto;
  vertical-align: middle;
  border-top: 2px solid #356cb6;
  border-right: 2px solid #356cb6;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: 3px;
  right: 0;
  bottom: 0;
  left: auto;
}
.construction-box3 .card-title {
  color: #356cb6;
  padding: 10px 0;
  font-size: 18px;
  border-bottom: solid 1px #a8bdd9;
  margin: 0 18px 10px;
  box-sizing: border-box;
  position: relative;
}
.construction-box3 .card-title a {
  display: block;
}
.construction-box3 .card-read {
  margin: 0 18px;
}
.construction-box3 .card-title:after {
  content: "";
  width: 6px;
  height: 6px;
  margin: auto;
  vertical-align: middle;
  border-top: 2px solid #356cb6;
  border-right: 2px solid #356cb6;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: 3px;
  right: 0;
  bottom: 0;
  left: auto;
}
.construction-box3.grid-wrap--3col .grid-wrap-box {
  border: 1px solid #e2e6e8;
  width: 31.33333%;
  margin: 0 1% 40px;
  padding: 0;
}
.construction-box3.grid-wrap--3col .grid-wrap-box .card {
  border: none;
}
.construction-linkbox {
  background: #eff3f9;
}
.construction-linkbox .construction-link {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
          justify-content: center;
}
.construction-link .grid-wrap-box {
  width: 20%;
  border-right: solid 1px #c9d8eb;
}
.construction-link .grid-wrap-box:first-child {
  border-left: solid 1px #c9d8eb;
}
.grid-wrap .constlink-list {
  padding: 0;
  width: 20%;
  text-align: center;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.grid-wrap .constlink-list .listinn {
  position: relative;
  height: 100%;
}
.grid-wrap .constlink-list .listinn:after {
  content: "";
  position: absolute;
  top: 20px;
  right: 0;
  bottom: 20px;
  border-right: solid 1px #c9d8eb;
  -webkit-transition: border-color 0.3s;
          transition: border-color 0.3s;
}
.grid-wrap .constlink-list .listinn a {
  display: block;
  height: 100%;
  padding: 30px 20px 25px;
}
.grid-wrap .constlink-list:first-child .listinn:before {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  bottom: 20px;
  border-left: solid 1px #c9d8eb;
  -webkit-transition: border-color 0.3s;
          transition: border-color 0.3s;
}
.grid-wrap .constlink-list.active,
.grid-wrap .constlink-list:hover {
  background: #356cb6;
}
.grid-wrap .constlink-list.active .listinn:before,
.grid-wrap .constlink-list.active .listinn:after,
.grid-wrap .constlink-list:hover .listinn:before,
.grid-wrap .constlink-list:hover .listinn:after {
  border-color: #356cb6;
}
.grid-wrap .constlink-list.active .listinn a,
.grid-wrap .constlink-list:hover .listinn a {
  color: #ffffff;
}
.constlink-photo {
  margin-bottom: 20px;
}
.constlink-txt {
  position: relative;
  padding-left: 20px;
  line-height: 1.4;
  font-size: 14px;
  display: inline-block;
}
.constlink-txt:not(:first-child) {
  margin-top: 15px;
}
.constlink-txt:before {
  position: absolute;
  top: 10px;
  left: 0;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: -0.7rem;
  content: "";
  margin-right: 5px;
  vertical-align: bottom;
  font-size: 1.5rem;
}
.eventTitle {
  font-size: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display:         flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
          align-items: center;
  border-left: 4px solid #356cb6;
  padding-left: 16px;
}
.eventTitle a:hover {
  text-decoration: underline;
}
.eventKoumoku {
  margin-bottom: 40px;
  font-weight: 700;
}
.eventDate {
  margin: 24px 0;
  font-weight: 700;
}
.eventSec {
  padding: 40px 0;
}
.eventh3 {
  margin: 20px 0;
}
.eventMsseage {
  display: none;
}
section.otherInfo a[target="_blank"]:not(class):after,
section.otherInfo a.link-blank:after,
.section.otherInfo a[target="_blank"]:not(class):after,
.section.otherInfo a.link-blank:after {
  margin-left: 40px;
}
.newsSearchT {
  font-size: 1.6rem;
  font-weight: 700;
  background-color: #eff3f9;
  text-align: center;
  margin: 45px 0 0 0;
  padding: 5px 0;
}
.news-search-form {
  margin-bottom: 48px;
}
.news-search-form h3 {
  font-size: 1.4rem;
  padding: 12px 24px;
  color: #356cb6;
  margin-top: 18px;
  border: 1px solid #e2e6e8;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
          transition: background-color 0.3s;
}
.news-search-form h3:hover {
  background-color: #eff3f9;
}
.news-search-form h3:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.8rem;
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -0.4rem;
}
.news-search-form h3.open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.news-search-form h3.open:after {
  content: "";
}
.news-search-form .news-search-form-cat {
  position: relative;
}
.news-search-form ul {
  display: none;
  z-index: 2;
  position: absolute;
  left: 0;
  right: 0;
  background-color: #ffffff;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border: 1px solid #e2e6e8;
  border-top: none;
  padding: 18px;
}
.news-search-form ul li {
  margin-top: 18px;
}
.news-search-form ul li:first-child {
  margin-top: 0;
}
.news-search-form ul input {
  display: none;
}
.news-search-form ul input:checked+ span {
  font-weight: 700;
}
.news-search-form ul label span {
  color: #356cb6;
  display: inline-block;
  cursor: pointer;
  font-size: 1.6rem;
}
.news-search {
  border: 1px solid #e2e6e8;
}
.news-search .news-search-hd {
  background-color: #eff3f9;
  text-align: center;
  border-bottom: 1px solid #e2e6e8;
  font-weight: 700;
  padding: 8px;
  -webkit-transition: 0.3s;
          transition: 0.3s;
}
.news-search .news-search-buttons {
  padding: 30px 20px;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.news-search .news-search-buttons li {
  display: block;
  width: calc(33.33% - 20px);
  margin: 10px 10px;
}
.news-search .news-search-buttons label {
  display: block;
}
.news-search .news-search-buttons input[type=radio] {
  display: none;
}
.news-search .news-search-buttons input[type=radio]+ span {
  display: block;
  border: 1px solid #e2e6e8;
  border-radius: 3px;
  text-align: center;
  font-size: 1.4rem;
  color: #356cb6;
  height: 40px;
  line-height: 40px;
  font-weight: 700;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 40px;
}
.news-search .news-search-buttons input[type=radio]+ span:before {
  content: "";
  display: block;
  position: absolute;
  background-color: #e2e6e8;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 10px;
  margin-top: -10px;
  -webkit-transition: 0.3s;
          transition: 0.3s;
}
.news-search .news-search-buttons input[type=radio]:checked+ span {
  border-color: #356cb6;
}
.news-search .news-search-buttons input[type=radio]:checked+ span:before {
  background-color: #356cb6;
}
.news-search .news-search-buttons input[type=radio]:checked+ span:after {
  position: absolute;
  display: block;
  content: "";
  width: 6px;
  height: 8px;
  top: 48%;
  left: 17px;
  border: solid 2px #ffffff;
  border-left: 0;
  border-top: 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.clockborder {
  border: 1px solid #356cb6;
}
.newsh3 {
  margin-top: 80px;
  margin-bottom: 0;
  font-size: 2rem;
  padding-bottom: 10px;
  border-bottom: 2px solid #eff3f9;
  position: relative;
}
.newsBlue {
  border-bottom: 2px #356cb6 solid;
  display: block;
  padding: 0;
  width: 50%;
  margin: 0;
  position: absolute;
  top: -39px;
  padding: 0 0 20px 0;
}
.topicsTitle h1 {
  background-color: none;
}
.backLink {
  margin: 40px 0;
  text-align: right;
}
.topicsTitle {
  margin: 0 10px 40px;
}
.praEnd {
  text-align: right;
}
.backLink {
  text-align: right;
}
.highlight {
  font-weight: 700;
}
.aC {
  text-align: center;
  font-weight: 700;
  margin: 30px 0;
}
#newsReleaseSearchField {
  margin-bottom: 30px;
}
.newsCenter {
  text-align: center;
}
.newsReleaseImg img {
  max-width: 500px;
  height: auto;
}
.newsDate {
  text-align: right;
}
#contents> p.data {
  text-align: right;
  margin: 20px 0;
}
#contents> p.data:first-child {
  margin-top: 0;
}
.newsH2 {
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 1.8rem;
  min-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display:         flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
          align-items: center;
  border-left: 4px solid #356cb6;
  padding-left: 24px;
}
.topicsTitle {
  text-align: right;
}
#contents figure {
  margin-top: 30px;
}
.newsW {
  padding: 20px 0 80px;
}
.red {
  color: #ff0000;
  padding: 10px 0 30px 0;
}
#contents p {
  margin-top: 18px;
}
#contents a {
  text-decoration: underline;
}
#contents a:hover {
  text-decoration: none;
}
.newsnot {
  font-weight: 700;
  margin-bottom: 10px;
}
#contents th {
  text-align: left;
}
.coverWrapper-yoyogi--01 {
  background: #356cb6 url("/topics/construction/item01/content01/images/img_index_01.jpg") no-repeat center center;
  background-size: cover;
  max-height: 900px;
  height: 900px;
}
.coverWrapper-yoyogi--01 .coverTitle,
.coverWrapper-yoyogi--01 .coverWrapper-item07--00-ttl,
.coverWrapper-yoyogi--01 .coverWrapper-item09--01 .inner-ttl,
.coverWrapper-item09--01 .coverWrapper-yoyogi--01 .inner-ttl,
.coverWrapper-yoyogi--01 .coverWrapper-sus-item01--01 .inner-ttl,
.coverWrapper-sus-item01--01 .coverWrapper-yoyogi--01 .inner-ttl {
  width: 1280px;
  height: 100%;
  margin: auto;
  padding: 60px 170px 30px;
  color: #ffffff;
  position: relative;
}
.coverWrapper-yoyogi--01 .coverTitle-title {
  font-size: 3.2rem;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
.coverWrapper-yoyogi--01 .coverTitle-txt {
  font-size: 1.8rem;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  line-height: 1.3;
  position: absolute;
  bottom: 30px;
}
.coverWrapper-yoyogi--02 {
  background: #356cb6 url("/topics/construction/item01/content01/images/img_index_02.jpg") no-repeat center center;
  background-size: cover;
  max-height: 500px;
  height: 500px;
}
.coverWrapper-yoyogi--02 .coverTitle,
.coverWrapper-yoyogi--02 .coverWrapper-item07--00-ttl,
.coverWrapper-yoyogi--02 .coverWrapper-item09--01 .inner-ttl,
.coverWrapper-item09--01 .coverWrapper-yoyogi--02 .inner-ttl,
.coverWrapper-yoyogi--02 .coverWrapper-sus-item01--01 .inner-ttl,
.coverWrapper-sus-item01--01 .coverWrapper-yoyogi--02 .inner-ttl {
  width: 1280px;
  height: 100%;
  margin: auto;
  padding: 60px 170px 30px;
  color: #ffffff;
  position: relative;
}
.coverWrapper-yoyogi--02 .coverTitle-title {
  font-size: 3.2rem;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
.coverWrapper-yoyogi--03 {
  background: #356cb6 url("/topics/construction/item01/content01/images/img_index_07.jpg") no-repeat center center;
  background-size: cover;
  max-height: 500px;
  height: 500px;
}
.coverWrapper-yoyogi--03 .coverTitle,
.coverWrapper-yoyogi--03 .coverWrapper-item07--00-ttl,
.coverWrapper-yoyogi--03 .coverWrapper-item09--01 .inner-ttl,
.coverWrapper-item09--01 .coverWrapper-yoyogi--03 .inner-ttl,
.coverWrapper-yoyogi--03 .coverWrapper-sus-item01--01 .inner-ttl,
.coverWrapper-sus-item01--01 .coverWrapper-yoyogi--03 .inner-ttl {
  width: 1280px;
  height: 100%;
  margin: auto;
  padding: 60px 170px 30px;
  color: #ffffff;
  position: relative;
}
.coverWrapper-yoyogi--03 .coverTitle-title {
  font-size: 3.2rem;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
.coverWrapper-yoyogi--03 .coverTitle-caption {
  color: #333333;
  font-size: 1.8rem;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  line-height: 1.3;
  position: absolute;
  bottom: -30px;
  right: 15%;
}
.coverWrapper-yoyogi--04 {
  background: #356cb6 url("/topics/construction/item01/content01/images/img_index_13.jpg") no-repeat center center;
  background-size: cover;
  max-height: 800px;
  height: 800px;
}
.coverWrapper-yoyogi--04 .coverTitle,
.coverWrapper-yoyogi--04 .coverWrapper-item07--00-ttl,
.coverWrapper-yoyogi--04 .coverWrapper-item09--01 .inner-ttl,
.coverWrapper-item09--01 .coverWrapper-yoyogi--04 .inner-ttl,
.coverWrapper-yoyogi--04 .coverWrapper-sus-item01--01 .inner-ttl,
.coverWrapper-sus-item01--01 .coverWrapper-yoyogi--04 .inner-ttl {
  width: 1280px;
  height: 100%;
  margin: auto;
  padding: 60px 170px 30px;
  color: #ffffff;
  position: relative;
}
.coverWrapper-yoyogi--04 .coverTitle-caption {
  color: #333333;
  font-size: 1.8rem;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  line-height: 1.3;
  position: absolute;
  bottom: -30px;
  left: 15%;
}
.coverWrapper-yoyogi--05 {
  background: #f2f2f2;
  background-size: cover;
  max-height: none;
  height: auto;
  margin-bottom: 0;
}
.coverWrapper-yoyogi--05 .inner {
  width: 940px;
  margin: auto;
  padding: 24px 0 40px;
}
.coverWrapper-yoyogi--05 .inner p {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 14px 0;
}
.coverWrapper-yoyogi--06 {
  background: #356cb6 url("/topics/construction/item01/content01/images/img_index_15.jpg") no-repeat center center;
  background-size: cover;
  max-height: 600px;
  height: 600px;
}
.coverWrapper-yoyogi--06 .coverTitle,
.coverWrapper-yoyogi--06 .coverWrapper-item07--00-ttl,
.coverWrapper-yoyogi--06 .coverWrapper-item09--01 .inner-ttl,
.coverWrapper-item09--01 .coverWrapper-yoyogi--06 .inner-ttl,
.coverWrapper-yoyogi--06 .coverWrapper-sus-item01--01 .inner-ttl,
.coverWrapper-sus-item01--01 .coverWrapper-yoyogi--06 .inner-ttl {
  width: 1280px;
  height: 100%;
  margin: auto;
  padding: 60px 170px 30px;
  color: #ffffff;
  position: relative;
}
.coverWrapper-yoyogi--06 .coverTitle-title {
  font-size: 2.2rem;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
.coverWrapper-yoyogi--06 .coverTitle-txt {
  font-size: 1.6rem;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  line-height: 1.3;
}
.amarube-subtxt1 {
  width: 80%;
  margin: 5px auto;
  font-size: 1.4rem;
  text-align: right;
  margin-bottom: 30px;
}
.amarube-subtxt2 {
  width: 80%;
  margin: 5px auto;
  font-size: 1.4rem;
  text-align: left;
  margin-bottom: 30px;
}
#N0202 .coverTitle-title2 {
  font-size: 2.2rem;
  font-weight: 700;
}
#N0202 .coverTitle-title2-sub {
  font-size: 2.0rem;
  font-weight: 700;
}
.coverWrapper-kabukiza--01 {
  background: #356cb6 url("/topics/construction/item01/content02/images/img_index_01.jpg") no-repeat center center;
  background-size: cover;
  max-height: 600px;
  height: 600px;
}
.coverWrapper-kabukiza--01 .coverTitle,
.coverWrapper-kabukiza--01 .coverWrapper-item07--00-ttl,
.coverWrapper-kabukiza--01 .coverWrapper-item09--01 .inner-ttl,
.coverWrapper-item09--01 .coverWrapper-kabukiza--01 .inner-ttl,
.coverWrapper-kabukiza--01 .coverWrapper-sus-item01--01 .inner-ttl,
.coverWrapper-sus-item01--01 .coverWrapper-kabukiza--01 .inner-ttl {
  width: 1280px;
  height: 100%;
  margin: auto;
  padding: 60px 170px 30px;
  color: #ffffff;
  position: relative;
}
.coverWrapper-kabukiza--01 .coverTitle-txt {
  font-size: 3.2rem;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
.coverWrapper-kabukiza--01 .coverTitle-title {
  font-size: 3.6rem;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  line-height: 1.3;
  position: absolute;
  bottom: 30px;
}
.coverWrapper-kabukiza--02 {
  background: #356cb6 url("/topics/construction/item01/content02/images/img_index_09.jpg") no-repeat center center;
  background-size: cover;
  height: 890px;
}
.coverWrapper-kabukiza--02 .coverContent {
  width: 940px;
  margin: auto;
  height: 100%;
  position: relative;
}
.coverWrapper-kabukiza--02 .coverContent .coverContent-txt {
  color: #ffffff;
  font-size: 3.2rem;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  font-weight: 700;
  padding-top: 90px;
}
.coverWrapper-kabukiza--02 .coverContent .coverContent-txt-block {
  color: #ffffff;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 20px;
}
.coverWrapper-kabukiza--02 .coverContent .coverContent-txt-block> p {
  font-size: 1.8rem;
  line-height: 2;
}
.coverWrapper-kabukiza--03 {
  background: #f2f2f2;
  background-size: cover;
  max-height: none;
  height: auto;
  margin-bottom: 0;
}
.coverWrapper-kabukiza--03 .inner {
  width: 940px;
  margin: auto;
  padding: 60px 0;
}
.coverWrapper-kabukiza--03 .inner> p {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 14px 0;
}
.coverWrapper-kabukiza--04 {
  background: #356cb6 url("/topics/construction/item01/content02/images/img_index_15.jpg") no-repeat center bottom;
  background-size: cover;
  max-height: none;
  height: 1060px;
}
.coverWrapper-kabukiza--04 .coverWrapper-caption {
  text-align: center;
  color: #000000;
  padding-top: 1030px;
  font-size: 1.4rem;
}
.kabukizaDetail {
  text-align: center;
}
.kabukizaDetail-txt--sp {
  text-align: left;
  display: none;
}
.container-topic .flagInline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
          flex-basis: auto;
}
.container-topic .flagInline .flagInline-txt {
  padding-right: 36px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.container-topic .flagInline .flagInline-img {
  -webkit-flex-basis: 380px;
  -ms-flex-preferred-size: 380px;
          flex-basis: 380px;
}
.container-topic .flagInline .flagInline-img img {
  vertical-align: text-top;
}
.container-topic .flagInline .flagInline-img .flagInline-img-caption {
  font-size: 1.4rem;
  line-height: 1.4;
  text-align: left;
  color: #000000;
}
.container-topic .flagInline--right--longitudinal .flagInline-txt {
  padding-right: 30px;
}
.container-topic .flagInline--right--longitudinal .flagInline-img {
  -webkit-flex-basis: 460px;
  -ms-flex-preferred-size: 460px;
          flex-basis: 460px;
  position: relative;
}
.container-topic .flagInline--right--longitudinal .mediaList-caption--moveLeftBottom {
  text-align: right;
  line-height: 1.4;
  position: static;
}
.coverWrapper-amarube--01 {
  background: #356cb6 url("/topics/construction/item01/content03/images/img_index_01.jpg") no-repeat center center;
  background-size: cover;
  max-height: 600px;
  height: 600px;
}
.coverWrapper-amarube--01 .coverTitle,
.coverWrapper-amarube--01 .coverWrapper-item07--00-ttl,
.coverWrapper-amarube--01 .coverWrapper-item09--01 .inner-ttl,
.coverWrapper-item09--01 .coverWrapper-amarube--01 .inner-ttl,
.coverWrapper-amarube--01 .coverWrapper-sus-item01--01 .inner-ttl,
.coverWrapper-sus-item01--01 .coverWrapper-amarube--01 .inner-ttl {
  width: 1280px;
  height: 100%;
  margin: auto;
  padding: 60px 170px 30px;
  color: #ffffff;
  position: relative;
}
.coverWrapper-amarube--01 .coverTitle-txt {
  font-size: 3.2rem;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
.coverWrapper-amarube--01 .coverTitle-title {
  font-size: 3.6rem;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  line-height: 1.3;
  position: absolute;
  bottom: 30px;
}
.coverWrapper-amarube--02 {
  background: #356cb6 url("/topics/construction/item01/content03/images/img_index_06.jpg") no-repeat center center;
  background-size: cover;
  max-height: 500px;
  height: 500px;
}
.coverWrapper-amarube--02 .coverTitle,
.coverWrapper-amarube--02 .coverWrapper-item07--00-ttl,
.coverWrapper-amarube--02 .coverWrapper-item09--01 .inner-ttl,
.coverWrapper-item09--01 .coverWrapper-amarube--02 .inner-ttl,
.coverWrapper-amarube--02 .coverWrapper-sus-item01--01 .inner-ttl,
.coverWrapper-sus-item01--01 .coverWrapper-amarube--02 .inner-ttl {
  width: 1280px;
  height: 100%;
  margin: auto;
  padding: 60px 170px 30px;
  color: #ffffff;
  position: relative;
}
.coverWrapper-amarube--02 .coverTitle-txt {
  font-size: 3.2rem;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
.coverWrapper-amarube--02 .coverTitle-title {
  font-size: 3.6rem;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  line-height: 1.3;
  position: absolute;
  bottom: 30px;
}
.coverWrapper-amarube--03 {
  background: #f2f2f2;
  background-size: cover;
  max-height: none;
  height: auto;
  margin-bottom: 0;
}
.coverWrapper-amarube--03 .inner {
  width: 940px;
  margin: auto;
  padding: 24px 0 40px;
}
.coverWrapper-amarube--03 .inner p {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 14px 0;
}
.coverWrapper-amarube--04 {
  background: #356cb6 url("/topics/construction/item01/content03/images/img_index_14.jpg") no-repeat center center;
  background-size: cover;
  max-height: 930px;
  height: 930px;
}
.coverWrapper-amarube--04 .coverTitle,
.coverWrapper-amarube--04 .coverWrapper-item07--00-ttl,
.coverWrapper-amarube--04 .coverWrapper-item09--01 .inner-ttl,
.coverWrapper-item09--01 .coverWrapper-amarube--04 .inner-ttl,
.coverWrapper-amarube--04 .coverWrapper-sus-item01--01 .inner-ttl,
.coverWrapper-sus-item01--01 .coverWrapper-amarube--04 .inner-ttl {
  width: 1280px;
  height: 100%;
  margin: auto;
  padding: 870px 0 30px 65%;
  color: #333333;
}
.coverWrapper-amarube--04 .coverTitle-txt {
  font-size: 1.8rem;
  text-shadow: 0 0 10px #ffffff;
}
.box-amarube {
  height: 100px;
  border-radius: 10px;
  background-color: #356cb6;
}
.box-amarube-txt {
  color: #ffffff;
  font-size: 2.0rem;
  margin-top: 10px;
  text-align: center;
}
.box-amarube-title {
  color: #ffffff;
  font-size: 2.4rem;
  text-align: center;
}
.mt34-amarube {
  margin-top: 34px;
}
.mb34-amarube {
  margin-bottom: 34px;
}
.coverWrapper-oase--00 {
  padding: 30px 0;
  background: #356cb6;
  max-height: 150px;
  height: 150px;
}
.coverWrapper-oase--00> p {
  width: 1280px;
  color: #ffffff;
  padding: 0 40px;
  font-weight: 700;
}
.coverWrapper-oase--00> p.coverWrapper-oase-title01 {
  margin: 0 auto 18px;
  font-size: 3.6rem;
}
.coverWrapper-oase--00> p.coverWrapper-oase-title02 {
  margin: 0 auto;
  font-size: 3.2rem;
}
.coverWrapper-oase--01 {
  background: #356cb6 url("/topics/construction/item01/content04/images/img_index_01.jpg") no-repeat center center;
  background-size: cover;
  max-height: 600px;
  height: 600px;
  position: relative;
}
.coverWrapper-oase--01 .coverTitle,
.coverWrapper-oase--01 .coverWrapper-item07--00-ttl,
.coverWrapper-oase--01 .coverWrapper-item09--01 .inner-ttl,
.coverWrapper-item09--01 .coverWrapper-oase--01 .inner-ttl,
.coverWrapper-oase--01 .coverWrapper-sus-item01--01 .inner-ttl,
.coverWrapper-sus-item01--01 .coverWrapper-oase--01 .inner-ttl {
  width: 1280px;
  height: 100%;
  margin: auto;
  padding: 60px 170px 30px;
  color: #ffffff;
  position: relative;
}
.coverWrapper-oase--01 .coverTitle-txt {
  font-size: 3.2rem;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
.coverWrapper-oase--01 .coverTitle-title {
  font-size: 3.6rem;
  font-weight: 700;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  line-height: 1.3;
  position: absolute;
  bottom: 30px;
}
.coverWrapper-oase+ .subtxt {
  width: 940px;
  margin: -20px auto 0;
  font-size: 1.4rem;
  text-align: right;
}
.coverWrapper-oase--02 {
  background: #356cb6 url("/topics/construction/item01/content04/images/img_index_06.jpg") no-repeat center center;
  background-size: cover;
  max-height: 500px;
  height: 500px;
}
.coverWrapper-oase--03 {
  background: #356cb6 url("/topics/construction/item01/content04/images/img_index_12.jpg") no-repeat center center;
  background-size: cover;
  max-height: 900px;
  height: 900px;
}
.coverWrapper-oase--03 .coverContent {
  width: 940px;
  margin: auto;
  height: 100%;
  position: relative;
}
.coverWrapper-oase--03 .coverContent .coverContent-txt {
  color: #ffffff;
  font-size: 3.2rem;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  font-weight: 700;
  padding-top: 90px;
}
.coverWrapper-oase--03 .coverContent .coverContent-txt-block {
  color: #ffffff;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 60px;
}
.coverWrapper-oase--03 .coverContent .coverContent-txt-block> p {
  font-size: 1.8rem;
  line-height: 2;
}
.img-oase01 {
  margin: 18px auto 0;
  position: relative;
}
.img-oase01-caption {
  width: 340px;
  font-size: 1.4rem;
  line-height: 1.6;
  position: absolute;
  bottom: 0;
  right: 0;
}
.oaseContent01-txt {
  background: url("/topics/construction/item01/content04/images/img_index_11.jpg") no-repeat left 10px;
  min-height: 530px;
  padding-left: 400px;
}
.oaseContent01-caption {
  font-size: 1.4rem;
}
.grid-4-ttl {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
  background: url("/topics/construction/item02/images/composition-ttl-pc.jpg") no-repeat;
  background-size: 100% auto;
  color: #356cb6;
  font-size: 24px;
}
.cityblock-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
          justify-content: space-between;
}
.cityblock-list div {
  width: 23%;
}
.cityblock-list div> figure {
  height: 410px;
}
.cityblock-list div> figure img {
  height: 100%;
}
.cityblock-list .composition-ttl {
  display: table;
  width: 100%;
}
.cityblock-list .composition-ttl p {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  height: 80px;
}
.cityblock-list .composition-ttl p span {
  margin-top: 5px;
  font-weight: normal;
}
.cityblock-list .composition-list {
  border: 1px solid #c2c6c8;
}
.cityblock-list .composition-list dt {
  padding: 10px 0;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  background: #c2c6c8;
}
.cityblock-list .composition-list dd {
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
  padding: 10px;
}
.cityblock-list .composition-list dd:last-child {
  min-height: 116px;
}
.subtitleExtend {
  font-size: 2rem;
  font-weight: 400;
}
.gendaiCap {
  text-shadow: 0 3px 10px #000000;
}
.video-js .vjs-control-bar {
  display: none;
}
.video-js {
  pointer-events: none;
}
.coverWrapper-con-item05 {
  margin-bottom: 0;
}
.coverWrapper-con-item05--02 {
  background: #eff3f9;
  padding: 70px 0;
}
.coverWrapper-item07 {
  margin-bottom: 0;
}
.coverWrapper-item07--00 {
  height: 1120px;
  background: #356cb6 url("/topics/construction/item07/images/img_index_01.jpg") no-repeat center center;
  background-size: cover;
  padding-top: 80px;
}
.coverWrapper-item07--00-ttl {
  font-size: 3.6rem;
  width: 940px;
  margin: auto;
}
.coverWrapper-item07--01 {
  background: #40322c;
  padding: 40px 0 50px;
}
.coverWrapper-item07--01-ttl {
  display: none;
}
.coverWrapper-item07--01 p {
  color: #ffffff;
  font-size: 1.8rem;
  line-height: 2;
  font-weight: 400;
  width: 940px;
  padding: 0 60px 0 70px;
  margin: auto;
}
.coverWrapper-item07--02 {
  background: #346cb6;
  color: #ffffff;
  padding: 40px 0 30px;
}
.coverWrapper-item07--02 p {
  font-size: 16px;
  line-height: 1.8;
  font-weight: 400;
}
.coverWrapper-item07--02 .flagInline {
  margin-bottom: 20px;
}
.coverWrapper-item07--02 .flagInline.flagInline--left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.coverWrapper-item07--02 .flagInline.flagInline--left .flagInline-txt {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0 0 20px;
  color: #ffffff;
}
.coverWrapper-item07--02 .flagInline.flagInline--left .flagInline-img {
  -webkit-flex-basis: 300px;
  -ms-flex-preferred-size: 300px;
          flex-basis: 300px;
  position: relative;
}
.coverWrapper-item07--02 .flagInline.flagInline--left .flagInline-img .flagInline-img-caption {
  color: #ffffff;
  font-size: 1.4rem;
  line-height: 1;
  position: absolute;
  bottom: 0;
  right: -160px;
}
.coverWrapper-item07--02 .mediaList-caption--bottomRight {
  color: #ffffff;
}
.coverWrapper-item07--02 section.mt-line .ttlStyle02,
.coverWrapper-item07--02 .section.mt-line .ttlStyle02 {
  margin-top: 0;
}
.coverWrapper-item07--03 {
  background: #f2f2f2;
  background-size: cover;
  max-height: none;
  height: auto;
  margin-bottom: 0;
}
.coverWrapper-item07--03 .column-inner {
  width: 940px;
  margin: auto;
  padding: 70px 0;
}
.block-item07-01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.block-item07-01-txt {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 400;
  padding: 30px 20px 0 0;
}
.block-item07-01-img {
  -webkit-flex-basis: 300px;
  -ms-flex-preferred-size: 300px;
          flex-basis: 300px;
  position: relative;
}
.block-item07-01-imgCaption {
  line-height: 1;
  position: absolute;
  bottom: 0;
  left: -290px;
}
.block-item07-02 p {
  font-size: 16px;
  line-height: 1.8;
  font-weight: 400;
}
.block-item07-02 .mediaList {
  margin-top: 30px;
}
.block-item07-02 .mediaList-img+ .mediaList-img {
  -webkit-flex-basis: 160px;
  -ms-flex-preferred-size: 160px;
          flex-basis: 160px;
}
.block-item07-03 {
  margin-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.block-item07-03-left {
  -webkit-flex-basis: 380px;
  -ms-flex-preferred-size: 380px;
          flex-basis: 380px;
}
.block-item07-03-left .mediaList-caption {
  text-align: left;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
  color: #000000;
}
.block-item07-03-right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 20px;
}
.block-item07-03-right .ttlStyle02 {
  line-height: 1;
  margin-top: 0;
}
.block-item07-03-right .txt {
  font-size: 16px;
  line-height: 1.8;
  font-weight: 400;
  min-height: 162px;
}
.block-item07-04 p {
  font-size: 16px;
  line-height: 1.8;
  font-weight: 400;
}
.block-item07-04 .mediaList--three {
  margin-top: 30px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
          justify-content: flex-start;
}
.block-item07-04 .mediaList--three .mediaList-img:first-child {
  -webkit-flex-basis: 460px;
  -ms-flex-preferred-size: 460px;
          flex-basis: 460px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
          flex-grow: 1;
}
.block-item07-04 .mediaList--three .mediaList-img:nth-child(2),
.block-item07-04 .mediaList--three .mediaList-img:nth-child(3) {
  -webkit-flex-basis: 220px;
  -ms-flex-preferred-size: 220px;
          flex-basis: 220px;
  margin-left: 20px;
}
.block-item07-05 p {
  font-size: 16px;
  line-height: 1.8;
  font-weight: 400;
}
.block-item07-05 .mediaList {
  margin-top: 30px;
}
.block-item07-06-flag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
          justify-content: flex-start;
}
.block-item07-06-flag .flag-txt {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 400;
  padding-right: 20px;
}
.block-item07-06-flag .flag-img {
  -webkit-flex-basis: 300px;
  -ms-flex-preferred-size: 300px;
          flex-basis: 300px;
}
.block-item07-07-txt {
  font-size: 16px;
  line-height: 1.8;
  font-weight: 400;
}
.block-item07-08 {
  width: 940px;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.block-item07-08-txt {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.8rem;
  line-height: 2;
  font-weight: 400;
  padding: 30px 0 0 20px;
}
.block-item07-08-txt .ttlStyle01 {
  line-height: 1.4;
}
.block-item07-08-img {
  -webkit-flex-basis: 460px;
  -ms-flex-preferred-size: 460px;
          flex-basis: 460px;
  position: relative;
}
.block-item07-08-imgCaption {
  line-height: 1;
  position: absolute;
  bottom: 10px;
  right: -160px;
}
.no248 .topics-table-basic {
  width: 100%;
  border-collapse: collapse;
}
.no248 .topics-table-basic th,
.no248 .topics-table-basic td {
  padding: 15px 20px;
  font-size: 1.6rem;
}
.no248 .topics-table-basic tbody th {
  background-color: #dcdcdc;
  text-align: center;
  font-weight: 400;
  border: 1px solid #ffffff;
}
.no248 .topics-table-basic tbody td {
  text-align: left;
  border: 1px solid #dcdcdc;
}
.topics-dam-map-wrap {
  border: 1px solid #c9c9c9;
  padding: 40px;
  position: relative;
  min-height: 350px;
}
.topics-dam-map-wrap .topics-dam-map-details> li {
  display: none;
  font-size: 1.8rem;
  line-height: 1.8;
}
.topics-dam-map-wrap .topics-dam-map-details> li .hd {
  font-weight: 700;
}
.topics-dam-map-wrap .topics-dam-map-details> li .data {
  font-size: 1.4rem;
}
.topics-dam-map-wrap .topics-dam-map-details> li .sub {
  margin-top: 10px;
  font-size: 1.4rem;
  font-weight: 700;
}
.topics-dam-map-wrap .topics-dam-map-details> li .desc {
  font-size: 1.4rem;
}
.topics-dam-map-wrap .topics-dam-map-details> li.is-open {
  cursor: pointer;
  display: block;
  position: absolute;
  left: 40px;
  right: 40px;
  bottom: 40px;
  padding: 30px;
  border: 1px solid #356cb6;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.9);
}
.topics-dam-map-wrap .topics-dam-map-details> li.is-open:after {
  position: absolute;
  display: block;
  content: "×";
  line-height: 1;
  color: #356cb6;
  top: 15px;
  right: 15px;
}
.topics-dam-map {
  position: relative;
  max-width: 694px;
  margin-left: auto;
  margin-right: auto;
}
.topics-dam-map .topics-dam-map-items> li {
  position: absolute;
  display: inline-block;
  line-height: 1;
  margin-top: -0.5em;
  margin-left: 15px;
  font-weight: 700;
  color: #356cb6;
  cursor: pointer;
  font-size: 1.8rem;
}
.topics-dam-map .topics-dam-map-items> li:hover {
  text-decoration: underline;
}
.topics-dam-map .topics-dam-map-items> li:nth-child(1) {
  right: 42.93948%;
  top: 22.81481%;
  margin-left: 0;
  margin-right: 15px;
}
.topics-dam-map .topics-dam-map-items> li:nth-child(2) {
  left: 60.23055%;
  top: 25.33333%;
}
.topics-dam-map .topics-dam-map-items> li:nth-child(3) {
  right: 35.30259%;
  top: 41.48148%;
  margin-left: 0;
  margin-right: 15px;
}
.topics-dam-map .topics-dam-map-items> li:nth-child(4) {
  left: 52.73775%;
  top: 55.40741%;
}
.topics-dam-map .topics-dam-map-items> li:nth-child(5) {
  left: 45.96542%;
  top: 66.96296%;
}
.topics-dam-map .topics-dam-map-items> li:nth-child(6) {
  left: 24.20749%;
  bottom: 28.74074%;
  margin-top: 0;
  margin-bottom: 2.5%;
  margin-left: -4em;
}
.topics-dam-map .topics-dam-map-items> li:nth-child(7) {
  left: 15.85014%;
  top: 75.7037%;
}
.topics-dam-map .topics-dam-map-items> li:nth-child(8) {
  left: 20.317%;
  top: 80.88889%;
  margin-top: 2.5%;
  margin-left: -4em;
}
.coverWrapper-item09 {
  margin-bottom: 0;
}
.coverWrapper-item09--01 {
  height: 600px;
  background: #356cb6 url("/topics/construction/item09/images/img_index_01.jpg") no-repeat center center;
  background-size: cover;
  padding-top: 80px;
}
.coverWrapper-item09--01 .inner {
  width: 940px;
  height: 100%;
  margin: auto;
  color: #ffffff;
  position: relative;
}
.coverWrapper-item09--01 .inner-ttl {
  font-size: 3.6rem;
  line-height: 1.4;
}
.coverWrapper-item09--01 .inner-txt {
  font-size: 1.8rem;
  line-height: 2;
  font-weight: 400;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  padding: 0 40px;
  position: absolute;
  bottom: 40px;
}
.coverWrapper-item09+ .subtxt {
  width: 940px;
  margin: 10px auto;
  font-size: 1.4rem;
  text-align: right;
  margin-bottom: 30px;
}
.coverWrapper-item09--02 {
  background: #f2f2f2;
  padding: 70px 0;
  margin-top: 30px;
}
.coverWrapper-item09--02-inner {
  width: 940px;
  margin: auto;
}
.coverWrapper-item09--03 {
  height: 770px;
  background: #356cb6 url("/topics/construction/item09/images/img_index_14.jpg") no-repeat center center;
  background-size: cover;
}
.coverWrapper-item09--03-inner {
  width: 940px;
  margin: auto;
  padding-top: 40px;
  padding-right: 30px;
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
.coverWrapper-item09--03-inner p {
  font-size: 1.8rem;
  line-height: 2;
  font-weight: 400;
}
.coverWrapper-item09--04 {
  height: 1000px;
  background: #356cb6 url("/topics/construction/item09/images/img_index_23.jpg") no-repeat center center;
  background-size: cover;
}
.coverWrapper-item09--04-inner {
  width: 940px;
  height: 100%;
  margin: auto;
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  padding-top: 640px;
  position: relative;
}
.coverWrapper-item09--04-inner p {
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: 400;
}
.coverWrapper-item09--04-inner p.pc {
  display: block;
}
.coverWrapper-item09--04-inner p.sp {
  display: none;
}
.coverWrapper-item09--04-inner-caption {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
  position: absolute;
  right: 0;
  bottom: 10px;
}
.block-item09-01-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.block-item09-01-inner-left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 20px;
}
.block-item09-01-inner-left-txt {
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: 400;
  margin-bottom: 20px;
}
.block-item09-01-inner-right {
  -webkit-flex-basis: 430px;
  -ms-flex-preferred-size: 430px;
          flex-basis: 430px;
}
.block-item09-02 .ttlStyle02 {
  line-height: 2;
}
.block-item09-02 p {
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 400;
}
.block-item09-03 p {
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: 400;
}
.block-item09-03 .imgList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.block-item09-03 .imgList> li {
  -webkit-flex-basis: 33.33%;
  -ms-flex-preferred-size: 33.33%;
          flex-basis: 33.33%;
}
.block-item09-03 .imgList> li p {
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: 400;
}
.block-item09-03 .imgList> li .mediaList-img .mediaList-caption {
  text-align: left;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 400;
}
.block-item09-03 .imgList> li+ li {
  margin-left: 20px;
}
.block-item09-04-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.block-item09-04-inner-left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 20px;
}
.block-item09-04-inner-left-txt p {
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 400;
}
.block-item09-04-inner-right {
  -webkit-flex-basis: 620px;
  -ms-flex-preferred-size: 620px;
          flex-basis: 620px;
  min-height: 330px;
  position: relative;
}
.block-item09-04-inner-right-img {
  position: relative;
}
.block-item09-04-inner-right-img-caption {
  line-height: 1.2;
  text-align: left;
}
.block-item09-04-inner-right-img:first-child {
  width: 365px;
  position: absolute;
  top: 0;
  left: 0;
}
.block-item09-04-inner-right-img:nth-child(2) {
  width: 445px;
  position: absolute;
  right: 0;
  top: 0;
}
.block-item09-05 {
  margin-top: 20px;
}
.block-item09-05 p {
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: 400;
}
.block-item09-05 .mediaList--two .mediaList-img {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
}
.block-item09-06-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.block-item09-06-inner-left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 20px;
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: 400;
}
.block-item09-06-inner-right {
  -webkit-flex-basis: 460px;
  -ms-flex-preferred-size: 460px;
          flex-basis: 460px;
}
.block-item09-06-inner-right-caption {
  text-align: left;
}
.block-item09-07 p {
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: 400;
}
.block-item09-07 .mediaList {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.block-item09-07 .mediaList .mediaList-img {
  -webkit-flex-basis: 460px;
  -ms-flex-preferred-size: 460px;
          flex-basis: 460px;
}
.block-item09-07 .mediaList .mediaList-img:nth-child(n+3) {
  margin-top: 10px;
}
.stock-carousel-wrapper {
  overflow: visible;
}
.stock-carousel .slick-prev {
  left: -15px;
}
.stock-carousel .slick-prev:before {
  content: "";
  margin-left: -0.6rem;
}
.stock-carousel .slick-next {
  right: -15px;
}
.stock-carousel .slick-next:before {
  content: "";
  margin-left: -0.4rem;
}
.stock-carousel .slick-list {
  z-index: 1;
}
.stock-carousel .slick-arrow {
  font-size: 0;
  position: absolute;
  top: 40%;
  z-index: 2;
  width: 50px;
  height: 50px;
  margin-top: -42px;
  border-radius: 25px;
  background-color: #ffffff;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
  color: #356cb6;
  cursor: pointer;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.stock-carousel .slick-arrow:hover {
  background-color: #356cb6;
  color: #ffffff;
}
.stock-carousel .slick-arrow:before,
.stock-carousel .slick-arrow:after {
  -webkit-transition: border-color 0.3s;
          transition: border-color 0.3s;
}
.stock-carousel .slick-arrow:hover:before,
.stock-carousel .slick-arrow:hover:after {
  border-color: #ffffff;
}
.stock-carousel .slick-arrow:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5rem;
  font-size: 1rem;
  z-index: 2;
}
.stock-carousel-item {
  display: none;
}
.stock-carousel-item:first-child {
  display: block;
}
#videoArea-sus {
  background: #ffffff url("/topics/sustainability/item01/images/0293_mov_01.jpg") no-repeat center center;
  background-size: cover;
  height: 100%;
  height: 100vh;
  position: relative;
  width: 100%;
}
.video-wrap-sus {
  position: relative;
  overflow: hidden;
}
.video-wrap-sus .video-sus {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.sus-item01-video {
  width: 100%;
  background-color: #eff3f9;
  z-index: -100;
  background-size: cover;
}
.sus-video-button {
  left: auto;
  right: 30px;
  bottom: 30px;
}
.coverWrapper-sus-item01 {
  margin-bottom: 0;
}
.coverWrapper-sus-item01--01 {
  height: 100%;
  padding-top: 0;
}
.coverWrapper-sus-item01--01 .inner {
  width: 96%;
  height: 80%;
  margin: auto;
  color: #ffffff;
  position: absolute;
  top: 50px;
  left: 50px;
}
.coverWrapper-sus-item01--01 .inner-ttl {
  font-size: 3.6rem;
  line-height: 1.4;
}
.coverWrapper-sus-item01+ .subtxt {
  width: 940px;
  margin: 10px auto;
  font-size: 1.4rem;
  text-align: right;
  margin-bottom: 30px;
}
.coverWrapper-sus-item01--02 {
  height: 450px;
  background: #356cb6 url("/topics/sustainability/item01/images/img_index_01.jpg") no-repeat center center;
  background-size: cover;
}
.coverWrapper-sus-item01--02-inner {
  width: 940px;
  margin: auto;
  padding-top: 40px;
  padding-right: 30px;
}
.coverWrapper-sus-item01--02-inner p {
  font-size: 1.8rem;
  line-height: 2;
  font-weight: 400;
  width: 50%;
}
.coverWrapper-sus-item01--02-inner-caption {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
  position: absolute;
  right: 0;
  bottom: 10px;
}
.coverWrapper-sus-item01--03 {
  height: 500px;
  background: #356cb6 url("/topics/sustainability/item01/images/img_index_03.jpg") no-repeat center center;
  background-size: cover;
}
.coverWrapper-sus-item01--03-inner {
  width: 940px;
  height: 100%;
  margin: auto;
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  padding-top: 400px;
  position: relative;
}
.coverWrapper-sus-item01--03-inner p {
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: 400;
}
.coverWrapper-sus-item01--03-inner p.pc {
  display: block;
}
.coverWrapper-sus-item01--03-inner p.sp {
  display: none;
}
.coverWrapper-sus-item01--03-inner-caption {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
  position: absolute;
  right: 0;
  bottom: 10px;
}
.coverWrapper-sus-item01--04 {
  height: 500px;
  background: #356cb6 url("/topics/sustainability/item01/images/img_index_05.jpg") no-repeat center center;
  background-size: cover;
}
.coverWrapper-sus-item01--04-inner {
  width: 940px;
  height: 100%;
  margin: auto;
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  padding-top: 430px;
  position: relative;
}
.coverWrapper-sus-item01--04-inner p {
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: 400;
}
.coverWrapper-sus-item01--04-inner p.pc {
  display: block;
}
.coverWrapper-sus-item01--04-inner p.sp {
  display: none;
}
.coverWrapper-sus-item01--04-inner-caption {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
  position: absolute;
  right: 0;
  bottom: 10px;
}
.coverWrapper-sus-item01--05 {
  height: 1000px;
  background: #356cb6 url("/topics/sustainability/item01/images/img_index_08.jpg") no-repeat center center;
  background-size: cover;
}
.coverWrapper-sus-item01--05-inner {
  width: 940px;
  height: 100%;
  margin: auto;
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  padding-top: 800px;
  padding-left: 20%;
  position: relative;
}
.coverWrapper-sus-item01--05-inner p {
  width: 70%;
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: 400;
}
.coverWrapper-sus-item01--05-inner p.pc {
  display: block;
}
.coverWrapper-sus-item01--05-inner p.sp {
  display: none;
}
.coverWrapper-sus-item01--05-inner-caption {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
  position: absolute;
  right: 0;
  bottom: 10px;
}
.block-sus-item01-01-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.block-sus-item01-01-inner-left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 20px;
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: 400;
}
.block-sus-item01-01-inner-right {
  -webkit-flex-basis: 460px;
  -ms-flex-preferred-size: 460px;
          flex-basis: 460px;
}
.block-sus-item01-01-inner-right-caption {
  text-align: left;
}
.Youjyou {
  z-index: 31;
}
.topics-ttl-big--sustainability04 {
  text-shadow: 2px 2px 5px #000000,1px 1px 10px #000000, 2px 2px 10px #000000 , -2px -2px 10px #000000, 0 0 0 #000000;
}
ul.list-ocean li {
  font-size: 1.4rem;
  color: #cccccc;
  margin-top: 5px;
}
ul.list-ocean li:before {
  background-color: #cccccc;
}
.deepOcean {
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: #171f36;
  padding: 40px;
}
.deepOcean h3 {
  font-size: 2.4rem;
  color: #ffffff;
  text-align: center;
  line-height: 1.6;
}
.deepOcean dl.list-def dt {
  color: #ffffff;
  font-size: 1.6rem;
}
.deepOcean dl.list-def dd {
  color: #cccccc;
  font-size: 1.6rem;
}
.deepOcean dl.list-def> dt:before,
.deepOcean dl.list-def> dt:after,
.deepOcean dl.list-def> dd:before,
.deepOcean dl.list-def> dd:after {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.ocean-box01 {
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: #171f36;
  padding: 30px;
}
.ocean-box01 h4 {
  font-weight: bold;
  color: #ffffff;
}
.ocean-box01 p {
  font-size: 1.4rem;
}
.ocean-box02-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.ocean-box02-wrap> div {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
}
.ocean-box02-card {
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: #171f36;
  padding: 35px 30px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
          align-self: flex-start;
}
.ocean-box02-card h4 {
  font-size: 1.6rem;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 10px;
}
.ocean-box02-card p {
  font-size: 1.4rem;
  color: #cccccc;
}
.ocean-box02-listWrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.ocean-box02-listWrap span {
  font-size: 1.4rem;
  color: #cccccc;
  margin-right: 5px;
}
.ocean-box02-imgBox {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
          align-self: flex-end;
}
.ocean-box03-item--border {
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  background: #171f36;
  padding: 20px 30px 30px;
}
.ocean-box03-item--earth {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
          justify-content: center;
}
.ocean-box03-item--earth img {
  display: block;
  margin: auto;
  padding: 0 20px;
}
.ocean-box03-list li {
  font-size: 1.4rem;
  color: #cccccc;
  width: 100%;
  padding: 14px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  text-align: center;
}
.ocean-box03-list li:nth-child(2),
.ocean-box03-list li:nth-child(3) {
  position: relative;
}
.ocean-box03-list li:nth-child(2):before,
.ocean-box03-list li:nth-child(2):after,
.ocean-box03-list li:nth-child(3):before,
.ocean-box03-list li:nth-child(3):after {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ocean-box03-list li:nth-child(2):before,
.ocean-box03-list li:nth-child(3):before {
  background: #66b3df;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  bottom: -9px;
}
.ocean-box03-list li:nth-child(2):after,
.ocean-box03-list li:nth-child(3):after {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  border-top: 5px solid #ffffff;
  bottom: -7px;
}
.ocean-box03-list li:last-child {
  border-bottom: none;
}
.ocean-box03-list li strong {
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: bold;
}
.ocean-box03-card {
  background: #66b3df;
  padding: 10px 10px 20px;
}
.ocean-box03-card p.ocean-box03-card-txt1 {
  color: #333333;
  font-size: 1.4rem;
  text-align: center;
}
.ocean-box03-card span {
  color: #ffffff;
  text-align: center;
  display: block;
  font-size: 1.4rem;
}
.ocean-box03-card p.ocean-box03-card-txt2 {
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  margin-top: 5px;
}
.ocean-list01 li {
  font-size: 1.6rem;
  font-weight: bold;
  color: #ffffff;
}
.ocean-list01 li span {
  font-size: 1.4rem;
  color: #cccccc;
  display: inline-block;
  font-weight: normal;
  margin-left: 20px;
}
.ocean-list02 li {
  font-size: 1.6rem;
  font-weight: bold;
  color: #ffffff;
}
.ocean-list02 li span {
  font-size: 1.4rem;
  color: #cccccc;
  display: block;
  font-weight: normal;
  margin-left: 16px;
}
.runa-box2 h3 {
  color: #ffffff;
  font-weight: bold;
  font-size: 1.6rem;
}
.runa-box2 p.green,
.runa-box2 p.blue,
.runa-box2 p.yellow {
  font-size: 1.4rem;
  color: #333333;
  padding: 5px 10px 4px 10px;
  margin-top: 10px;
}
.runa-box2 p.green {
  background: #90c460;
}
.runa-box2 p.blue {
  background: #66b3df;
}
.runa-box2 p.yellow {
  background: #f1d045;
}
.runa-box2 p.small {
  font-size: 1.2rem;
  margin-top: 10px;
  line-height: 1.6;
}
.runa-box3-txtBox-ttl p {
  font-weight: bold;
  font-size: 1.6rem;
  color: #ffffff;
  position: relative;
  padding-left: 20px;
}
.runa-box3-txtBox-ttl p:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
}
.runa-box3-txtBox-ttl p span {
  display: block;
  font-size: 1.2rem;
}
.runa-box3-txtBox-ttl--red p:before {
  background: #dd6e3d;
}
.runa-box3-txtBox-ttl--yellow p:before {
  background: #f9ec43;
}
.runa-box3-txtBox-ttl--green p:before {
  background: #4cb1a2;
}
.runa-box3-txtBox-txt p {
  font-size: 1.4rem;
}
.dream-table {
  width: 100%;
  border-collapse: collapse;
}
.dream-table td,
.dream-table th {
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-collapse: collapse;
}
.dream-table .dream-table-ttl td {
  font-size: 1.6rem;
  font-weight: bold;
  color: #ffffff;
  padding: 15px 10px;
}
.dream-table td {
  text-align: center;
  font-size: 1.4rem;
  color: #cccccc;
  padding: 10px;
}
.runa-box5-txtBox h3 {
  font-size: 1.6rem;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 10px;
}
.runa-box5-txtBox p {
  font-size: 1.4rem;
}
.runa-box5-txtBox p strong {
  color: #ffffff;
}
.container-green {
  max-width: 1120px;
  padding: 0;
  font-size: 1.8rem;
  line-height: 2;
  font-weight: 400;
  line-height: 1.6;
}
.green-ttl01 {
  font-size: 2.4rem;
  color: #ffffff;
  text-align: center;
  line-height: 1.4;
}
.green-ttl01-green {
  color: #90c460;
}
.green-ttl01-blue {
  color: #66b3df;
}
.green-ttl01-small {
  font-size: 1.6rem;
  color: #cccccc;
  display: block;
}
.green-border {
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.4);
  display: block;
  position: relative;
  margin-bottom: 15px;
}
.green-border:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin: 0 0 0 -25px;
  width: 0;
  height: 0;
  border-right: 25px solid transparent;
  border-top: 15px solid rgba(255, 255, 255, 0.4);
  border-left: 25px solid transparent;
}
.green-box01-greenTtl {
  background: #90c460;
  padding: 15px 20px;
}
.green-box01-blueTtl {
  background: #66b3df;
  padding: 15px 20px;
}
.green-box01-plus {
  color: #ffffff;
  text-align: center;
  font-size: 2.2rem;
}
.green-box01 h3 {
  color: #ffffff;
  font-size: 2.4rem;
}
.green-box01 h3 span {
  font-size: 1.4rem;
  padding-left: 10px;
}
.green-box01 p {
  text-align: center;
  font-size: 1.4rem;
}
.green-box01 p strong {
  font-size: 1.8rem;
}
.green-box01 ul li {
  color: #cccccc;
}
.green-figcaption01 {
  display: block;
}
.green-figcaption01-blue {
  color: #0068b6;
}
.green-figcaption01-orange {
  color: #f29600;
}
.green-figcaption01-red {
  color: #e50012;
}
.green-figcaption01-pink {
  color: #e75297;
}
.green-figcaption01-purple {
  color: #835ea2;
}
.greenStep-item-arrow {
  position: relative;
  margin-bottom: 30px;
}
.greenStep-item-arrow:after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  margin: 0 0 0 -25px;
  width: 0;
  height: 0;
  border-right: 25px solid transparent;
  border-top: 15px solid rgba(255, 255, 255, 0.4);
  border-left: 25px solid transparent;
}
.greenStep-txt h4 {
  font-size: 1.6rem;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 10px;
}
.greenStep-txt p {
  color: #cccccc;
  font-size: 1.4rem;
}
.wrapper--space {
  background: #020418;
}
.tohokuHero {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #eff3f9;
}
.tohokuHero--fixing img {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  display: block;
}
.tohoku-pickup-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 50px auto 0 auto;
}
.tohoku-pickup-list img {
  margin: 0 auto;
}
.tohoku-pickup-item {
  -webkit-flex-basis: 33.33333333%;
  -ms-flex-preferred-size: 33.33333333%;
          flex-basis: 33.33333333%;
}
.tohoku-pickup-item-bordered {
  border-top: 1px solid #c2c6c8;
  border-bottom: 1px solid #c2c6c8;
  border-left: 1px solid #c2c6c8;
  padding: 49px 0;
}
.tohoku-bordered-right {
  border-right: 1px solid #c2c6c8;
}
.map-block {
  padding-bottom: 40px;
  border-bottom: 1px solid #e2e6e8;
  margin-top: 40px;
}
.map-block:first-child {
  margin-top: 0;
}
.map-maintitle {
  font-size: 2rem;
  font-weight: 700;
}
.map-maintitle.link-item--circle:before {
  top: 9px;
}
.map-3col-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 20px -1.72% 0;
}
.map-3col-area .map-column {
  margin: 10px 1.66% 0;
  width: 30%;
}
.map-3col-area ul {
  margin-top: 20px;
}
.map-3col-area ul+ .link-item--circle {
  margin-top: 30px;
}
.construction-carousel {
  display: none;
  max-width: 910px;
  width: 100%;
  margin: auto;
  margin-bottom: 34px;
  position: relative;
}
.construction-carousel:before,
.construction-carousel:after {
  content: "";
  display: block;
  position: absolute;
  width: 2000px;
  top: 0;
  bottom: 0;
  background-color: #eff3f9;
  z-index: 3;
}
.construction-carousel:before {
  left: -2915px;
}
.construction-carousel:after {
  right: -2915px;
}
.construction-carousel .slick-list {
  overflow: visible;
  position: relative;
}
.construction-carousel .slick-list:before,
.construction-carousel .slick-list:after {
  content: "";
  display: block;
  position: absolute;
  width: 1000px;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 2;
}
.construction-carousel .slick-list:before {
  left: -1005px;
}
.construction-carousel .slick-list:after {
  right: -1005px;
}
.construction-carousel .construction-carousel-item {
  max-width: 910px;
  width: 100%;
}
.construction-carousel .construction-carousel-item-image {
  padding: 0 5px;
  position: relative;
  z-index: 1;
}
.construction-carousel .construction-carousel-item-image> img {
  max-width: 900px;
  width: 100%;
  height: auto;
}
.construction-carousel .construction-carousel-item-image p {
  position: absolute;
  top: 50px;
  left: 60px;
  color: #ffffff;
  font-size: 1.8rem;
  text-shadow: 1px 1px 2px black;
}
.construction-carousel .construction-carousel-item-image p span {
  font-size: 3.4rem;
  display: block;
  text-indent: -0.5em;
  margin-top: 5px;
}
.construction-carousel .slick-prev {
  left: -25px;
}
.construction-carousel .slick-prev:before {
  content: "";
  margin-left: -0.6rem;
}
.construction-carousel .slick-next {
  right: -25px;
}
.construction-carousel .slick-next:before {
  content: "";
  margin-left: -0.4rem;
}
.construction-carousel .slick-list {
  z-index: 1;
}
.construction-carousel .slick-arrow {
  font-size: 0;
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  border-radius: 25px;
  background-color: #ffffff;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
  color: #356cb6;
  cursor: pointer;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.construction-carousel .slick-arrow:hover {
  background-color: #356cb6;
  color: #ffffff;
}
.construction-carousel .slick-arrow:before,
.construction-carousel .slick-arrow:after {
  -webkit-transition: border-color 0.3s;
          transition: border-color 0.3s;
}
.construction-carousel .slick-arrow:hover:before,
.construction-carousel .slick-arrow:hover:after {
  border-color: #ffffff;
}
.construction-carousel .slick-arrow:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5rem;
  font-size: 1rem;
  z-index: 3;
}
.construction-carousel .slick-dots {
  position: absolute;
  width: 100%;
  bottom: -34px;
  text-align: center;
  font-size: 1rem;
  line-height: 1;
  margin-top: 20px;
}
.construction-carousel .slick-dots> li {
  display: inline-block;
  margin: 0 5px;
}
.construction-carousel .slick-dots> li> button {
  font-size: 0;
  display: inline-block;
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background-color: #eeeeee;
  cursor: pointer;
  padding: 0;
}
.construction-carousel .slick-dots> li.slick-active> button {
  background-color: #356cb6;
}
.er_search {
  border: solid 1px #e2e6e8;
  max-width: 650px;
}
.no274 .topicsHero .topicsHero-ttl-label {
  border-color: #333333;
}
.no274 .topicsHero .topicsHero-ttl,
.no274 .topicsHero .topicsHero-ttl> span {
  color: #333333;
  text-shadow: none;
}
.addLabel {
  background-color: #356cb6;
  color: #ffffff;
  border: none;
  text-shadow: none;
}
.cover--sustainability-item02 {
  background: url("/topics/sustainability/item02/images/img_index_08.jpg") no-repeat 50% 50%;
  background-size: cover;
}
.sol-need-purple {
  color: #a128da;
}
#wrapSearch {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  top: 70px;
  padding: 40px 0;
  background-color: #ffffff;
}
#wrapSearch .icon-search:before {
  color: #fffff;
  font-size: 2.1rem;
  display: block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\F016";
}
#wrapSearch .unitForm {
  position: relative;
  width: 90%;
  height: 60px;
  margin: 0 auto;
  background-color: #f0f4f9;
}
#wrapSearch .unitForm .formSearch {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0 70px 0 15px;
  border: none;
  font-size: 1.6rem;
  background-color: #f0f4f9;
  color: #333333;
}
#wrapSearch .unitForm .btnSearch {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 100%;
  background-color: #356cb6;
  border: none;
  cursor: pointer;
  border-radius: 0;
}
#wrapSearch .unitForm .icon-search {
  position: absolute;
  right: 20px;
  top: 22px;
  color: #ffffff;
  font-size: 1.7rem;
}
#wrapSearch button,
#wrapSearch input,
#wrapSearch optgroup,
#wrapSearch select,
#wrapSearch textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
#wrapSearch button,
#wrapSearch input {
  overflow: visible;
}
#wrapSearch .m_pager {
  margin-top: 60px;
}
#wrapSearch .m_pager> ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
}
#wrapSearch .m_pager> ul> li {
  margin: 6px;
  display: block;
  width: 40px;
  height: 40px;
  border: 1px solid #e2e6e8;
  border-radius: 3px;
  text-align: center;
  line-height: 40px;
}
#wrapSearch .m_pager> ul> li.s_omit {
  border: none;
}
#wrapSearch .m_pager> ul> li.s_prev> a,
#wrapSearch .m_pager> ul> li.s_prev> span {
  position: relative;
}
#wrapSearch .m_pager> ul> li.s_prev> a:before,
#wrapSearch .m_pager> ul> li.s_prev> span:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f009";
  font-size: 1rem;
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
  left: 50%;
  margin-left: -0.5rem;
}
#wrapSearch .m_pager> ul> li.s_next> a,
#wrapSearch .m_pager> ul> li.s_next> span {
  position: relative;
}
#wrapSearch .m_pager> ul> li.s_next> a:before,
#wrapSearch .m_pager> ul> li.s_next> span:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  font-family: glyphs;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f010";
  font-size: 1rem;
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
  left: 50%;
  margin-left: -0.5rem;
}
#wrapSearch .note {
  font-size: 0.8em;
}
#wrapSearch .search_title {
  background-color: #4d73be;
  color: #ffffff;
  padding: 10px 5px;
}
#wrapSearch .m_searchField .p_toggleTitle {
  position: relative;
  background-color: #4d73be;
  padding: 18px 30% 18px 16px;
  margin-right: 10px;
  color: #ffffff;
  font-size: 114.3%;
  cursor: pointer;
}
#wrapSearch .m_searchField .p_toggleTitle.s_open:after {
  top: 4px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
#wrapSearch .m_searchField .p_toggleTitle:before {
  content: "";
  position: absolute;
  top: 0;
  right: 5%;
  bottom: 0;
  border-left: 1px dashed #a6b9df;
}
#wrapSearch .search-result-list {
  padding-top: 20px;
}
#wrapSearch .highlight {
  background-color: #ffff00;
}
#wrapSearch .search-date {
  margin-left: 1em;
}
#wrapSearch .search-url {
  margin-top: 20px;
  display: block;
  word-break: break-all;
}
#wrapSearch .accordion-trigger {
  background: #00a66f;
  color: #ffffff;
  font-weight: bold;
  font-size: 16.001px;
  font-size: 1.143rem;
  text-align: center;
  padding: 4.999px 0;
  padding: 0.3571rem 0;
  position: relative;
  cursor: pointer;
}
#wrapSearch .accordion-trigger:before,
#wrapSearch .accordion-trigger:after {
  content: "";
  display: inline-block;
  position: absolute;
  background-color: #ffffff;
  width: 14.998px !important;
  width: 1.0713rem !important;
  height: 2.999px !important;
  height: 0.21426rem !important;
  margin-top: -1.499px;
  margin-top: -0.10713rem;
  top: 50% !important;
  right: 9.998px !important;
  right: 0.7142rem !important;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.5s;
          transition: -webkit-transform 0.5s;
          transition:         transform 0.5s;
          transition:         transform 0.5s, -webkit-transform 0.5s;
}
#wrapSearch .accordion-trigger:before {
  border: none !important;
  -webkit-transform: rotate(-180deg) !important;
          transform: rotate(-180deg) !important;
  left: auto !important;
}
#wrapSearch .accordion-trigger:after {
  -webkit-transform: rotate(90deg) !important;
          transform: rotate(90deg) !important;
}
#wrapSearch .accordion-trigger:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
#wrapSearch .accordion.is-open .accordion-trigger:before {
  -webkit-transform: rotate(0deg) !important;
          transform: rotate(0deg) !important;
}
#wrapSearch .accordion.is-open .accordion-trigger:after {
  -webkit-transform: rotate(0deg) !important;
          transform: rotate(0deg) !important;
}
#wrapSearch .accordion-body {
  border: solid 0.999px #00a66f;
  border: solid 0.07142rem #00a66f;
  padding: 19.997px;
  padding: 1.4284rem;
}
#wrapSearch .accordion+ .accordion {
  margin-top: 9.998px;
  margin-top: 0.7142rem;
}
#wrapSearch .accordion .table th {
  background: #999999;
}
#wrapSearch .sectionAccordion+ .sectionAccordion {
  margin-top: 19.997px;
  margin-top: 1.4284rem;
}
#wrapSearch .sectionAccordion-title {
  font-weight: bold;
  font-size: 23.996px;
  font-size: 1.714rem;
  text-align: center;
  background: #edfaf6;
  border: solid 0.999px #00a66f;
  border: solid 0.07142rem #00a66f;
  padding: 19.997px 0;
  padding: 1.4284rem 0;
  position: relative;
  cursor: pointer;
}
#wrapSearch .sectionAccordion-title:before,
#wrapSearch .sectionAccordion-title:after {
  content: "";
  display: inline-block;
  position: absolute;
  background-color: #00a66f;
  width: 19.997px;
  width: 1.4284rem;
  height: 2.999px;
  height: 0.21426rem;
  margin-top: -1.499px;
  margin-top: -0.10713rem;
  top: 50%;
  right: 9.998px;
  right: 0.7142rem;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.5s;
          transition: -webkit-transform 0.5s;
          transition:         transform 0.5s;
          transition:         transform 0.5s, -webkit-transform 0.5s;
}
#wrapSearch .sectionAccordion-title:before {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  left: auto;
}
#wrapSearch .sectionAccordion-title:after {
  -webkit-transform: rotate(90deg) !important;
          transform: rotate(90deg) !important;
}
#wrapSearch .sectionAccordion-title:hover {
  background: #c7f0e2;
}
#wrapSearch .sectionAccordion.is-open .sectionAccordion-title:before {
  -webkit-transform: rotate(0deg) !important;
          transform: rotate(0deg) !important;
}
#wrapSearch .sectionAccordion.is-open .sectionAccordion-title:after {
  -webkit-transform: rotate(0deg) !important;
          transform: rotate(0deg) !important;
}
#wrapSearch .sectionAccordion-content {
  margin: 39.995px 0 59.992px 0;
  margin: 2.8568rem 0 4.2852rem 0;
}
#wrapSearch .hitItems {
  font-weight: bold;
}
#wrapSearch .keyword {
  font-weight: bold;
}
#wrapSearch .i-search {
  margin-bottom: 36px;
}
#wrapSearch .i-search .i-search-buttons {
  margin-bottom: 24px;
  margin-right: 12px;
  margin-left: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#wrapSearch .i-search .i-search-buttons li {
  display: block;
  width: 50%;
  padding-left: 12px;
  padding-right: 12px;
}
#wrapSearch .i-search .i-search-buttons label {
  display: block;
}
#wrapSearch .i-search .i-search-buttons input[type=checkbox],
#wrapSearch .i-search .i-search-buttons input[type=radio] {
  display: none;
}
#wrapSearch .i-search .i-search-buttons input[type=checkbox]+ span {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
  margin-top: 18px;
  padding-left: 40px;
  padding-right: 10px;
  border: 1px solid #e2e6e8;
  border-radius: 3px;
  font-size: 1.4rem;
  color: #356cb6;
  height: 40px;
  line-height: 1.1;
  font-weight: 700;
  position: relative;
  -webkit-transition: all 0.1s;
          transition: all 0.1s;
}
#wrapSearch .i-search .i-search-buttons input[type=checkbox]+ span:hover {
  border-color: #356cb6;
}
#wrapSearch .i-search .i-search-buttons input[type=checkbox]+ span:before {
  content: "";
  display: block;
  position: absolute;
  background-color: #e2e6e8;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 10px;
  margin-top: -10px;
  -webkit-transition: all 0.1s;
          transition: all 0.1s;
}
#wrapSearch .i-search .i-search-buttons input[type=radio]+ span {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
          align-items: center;
  margin-top: 18px;
  padding-left: 40px;
  padding-right: 10px;
  border: 1px solid #e2e6e8;
  border-radius: 3px;
  font-size: 1.4rem;
  color: #356cb6;
  height: 40px;
  line-height: 1.1;
  font-weight: 700;
  position: relative;
  -webkit-transition: all 0.1s;
          transition: all 0.1s;
}
#wrapSearch .i-search .i-search-buttons input[type=radio]+ span:hover {
  border-color: #356cb6;
}
#wrapSearch .i-search .i-search-buttons input[type=radio]+ span:before {
  content: "";
  display: block;
  position: absolute;
  background-color: #e2e6e8;
  border-radius: 13px;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 10px;
  margin-top: -10px;
  -webkit-transition: all 0.1s;
          transition: all 0.1s;
}
#wrapSearch .i-search .i-search-buttons input[type=checkbox]:checked+ span {
  border-color: #356cb6;
}
#wrapSearch .i-search .i-search-buttons input[type=checkbox]:checked+ span:before {
  background-color: #356cb6;
}
#wrapSearch .i-search .i-search-buttons input[type=checkbox]:checked+ span:after {
  position: absolute;
  display: block;
  content: "";
  width: 6px;
  height: 8px;
  top: 48%;
  left: 17px;
  border: solid 2px #ffffff;
  border-left: 0;
  border-top: 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
#wrapSearch .i-search .i-search-buttons input[type=radio]:checked+ span {
  border-color: #356cb6;
}
#wrapSearch .i-search .i-search-buttons input[type=radio]:checked+ span:before {
  background-color: #356cb6;
}
#wrapSearch .i-search .i-search-buttons input[type=radio]:checked+ span:after {
  position: absolute;
  display: block;
  content: "";
  display: block;
  position: absolute;
  background-color: #ffffff;
  border-radius: 13px;
  width: 6px;
  height: 6px;
  top: 26px;
  left: 17px;
  margin-top: -10px;
  -webkit-transition: all 0.1s;
          transition: all 0.1s;
}
#wrapSearch .button--fixed {
  min-width: 290px;
}
#wrapSearch .accordion-container {
  padding-bottom: 40px;
}
#wrapSearch #resultset> ul> li> dl> dd> ul> li> a {
  text-decoration: underline;
}
#wrapSearch #resultset> ul> li> dl> dd> ul> li> a:hover {
  text-decoration: none;
}
#wrapSearch .search-url a {
  text-decoration: underline;
}
#wrapSearch .search-url a:hover {
  text-decoration: none;
}
#wrapSearch dl.list-def> dt:before,
#wrapSearch dl.list-def> dt:after,
#wrapSearch dl.list-def> dd:before,
#wrapSearch dl.list-def> dd:after {
  content: "";
  position: absolute;
  border-top: none;
}
#wrapSearch dl.list-def> dt:after,
#wrapSearch dl.list-def> dd:after {
  content: "";
  position: absolute;
  border-bottom: 1px solid #e2e6e8;
}
#wrapSearch .scarafix {
  margin-left: -11px;
}
#n7406 .button--link {
  color: #ffffff;
  background-color: #356cb6;
  border-color: #ffffff;
}
#n7406 .button--link:hover {
  color: #356cb6;
  background-color: #ffffff;
}
#n7407 .kanbatsu-ba figure> figcaption {
  text-align: left;
}
#n7407 .kanbatsu-ba .before {
  position: relative;
}
#n7407 .kanbatsu-ba .before:before {
  position: absolute;
  content: "";
  display: block;
  width: 20px;
  height: 36px;
  border-left: 20px solid #356cb6;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  right: -10px;
  bottom: 30%;
  box-sizing: border-box;
}
#n7407 .kanbatsu-ba .before figure figcaption {
  padding-left: 1%;
  padding-right: 8%;
}
#n7407 .kanbatsu-ba .after figure figcaption {
  padding-left: 9%;
}
#n0227 .topicsHero {
  height: 100%;
}
#n0227 .topicsHero-ttl {
  background-color: rgba(56, 104, 170, 0.7);
  padding: 20px;
  top: 0;
}
#n0227 .topicsHero-inner {
  top: 40px;
}
section p:not([class]),
section> p,
section> ul,
section> ol,
section> dl,
section> table,
.section p:not([class]),
.section> p,
.section> ul,
.section> ol,
.section> dl,
.section> table {
  margin-top: 18px;
}
section p:not([class]):first-child,
section> p:first-child,
section> ul:first-child,
section> ol:first-child,
section> dl:first-child,
section> table:first-child,
.section p:not([class]):first-child,
.section> p:first-child,
.section> ul:first-child,
.section> ol:first-child,
.section> dl:first-child,
.section> table:first-child {
  margin-top: 0;
}
article p:not([class]),
article> p,
article> ul,
article> ol,
article> dl,
article> table {
  margin-top: 18px;
}
article p:not([class]):first-child,
article> p:first-child,
article> ul:first-child,
article> ol:first-child,
article> dl:first-child,
article> table:first-child {
  margin-top: 0;
}
.article-separated {
  margin-top: 48px !important;
  border-top: 1px dotted #e2e6e8;
  padding-top: 48px !important;
}
.mt-section {
  margin-top: 96px !important;
}
.mt-subsection {
  margin-top: 48px !important;
}
.mt-article {
  margin-top: 48px !important;
}
.mt-adj-tall {
  margin-top: 36px !important;
}
.mt-adj-medium {
  margin-top: 30px !important;
}
.mt-adj-short {
  margin-top: 24px !important;
}
.mt-paragraph {
  margin-top: 18px !important;
}
.mt-line {
  margin-top: 10px !important;
}
.pt-section {
  padding-top: 96px !important;
}
.pt-subsection {
  padding-top: 48px !important;
}
.pt-article {
  padding-top: 48px !important;
}
.pt-adj-tall {
  padding-top: 36px !important;
}
.pt-adj-medium {
  padding-top: 30px !important;
}
.pt-adj-short {
  padding-top: 24px !important;
}
.pt-paragraph {
  padding-top: 18px !important;
}
.pt-line {
  padding-top: 10px !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb45 {
  margin-bottom: 45px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb55 {
  margin-bottom: 55px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb65 {
  margin-bottom: 65px !important;
}
.mb70 {
  margin-bottom: 70px !important;
}
.mb75 {
  margin-bottom: 75px !important;
}
.mb80 {
  margin-bottom: 80px !important;
}
.mb85 {
  margin-bottom: 85px !important;
}
.mb90 {
  margin-bottom: 90px !important;
}
.mb95 {
  margin-bottom: 95px !important;
}
.mb100 {
  margin-bottom: 100px !important;
}
.mt0 {
  margin-top: 0 !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt45 {
  margin-top: 45px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt55 {
  margin-top: 55px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mt65 {
  margin-top: 65px !important;
}
.mt70 {
  margin-top: 70px !important;
}
.mt75 {
  margin-top: 75px !important;
}
.mt80 {
  margin-top: 80px !important;
}
.mt85 {
  margin-top: 85px !important;
}
.mt90 {
  margin-top: 90px !important;
}
.mt95 {
  margin-top: 95px !important;
}
.mt100 {
  margin-top: 100px !important;
}
.ml0 {
  margin-left: 0 !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml45 {
  margin-left: 45px !important;
}
.ml50 {
  margin-left: 50px !important;
}
.ml55 {
  margin-left: 55px !important;
}
.ml60 {
  margin-left: 60px !important;
}
.ml65 {
  margin-left: 65px !important;
}
.ml70 {
  margin-left: 70px !important;
}
.ml75 {
  margin-left: 75px !important;
}
.ml80 {
  margin-left: 80px !important;
}
.ml85 {
  margin-left: 85px !important;
}
.ml90 {
  margin-left: 90px !important;
}
.ml95 {
  margin-left: 95px !important;
}
.ml100 {
  margin-left: 100px !important;
}
.mr0 {
  margin-right: 0 !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mr45 {
  margin-right: 45px !important;
}
.mr50 {
  margin-right: 50px !important;
}
.mr55 {
  margin-right: 55px !important;
}
.mr60 {
  margin-right: 60px !important;
}
.mr65 {
  margin-right: 65px !important;
}
.mr70 {
  margin-right: 70px !important;
}
.mr75 {
  margin-right: 75px !important;
}
.mr80 {
  margin-right: 80px !important;
}
.mr85 {
  margin-right: 85px !important;
}
.mr90 {
  margin-right: 90px !important;
}
.mr95 {
  margin-right: 95px !important;
}
.mr100 {
  margin-right: 100px !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb45 {
  padding-bottom: 45px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.pb55 {
  padding-bottom: 55px !important;
}
.pb60 {
  padding-bottom: 60px !important;
}
.pb65 {
  padding-bottom: 65px !important;
}
.pb70 {
  padding-bottom: 70px !important;
}
.pb75 {
  padding-bottom: 75px !important;
}
.pb80 {
  padding-bottom: 80px !important;
}
.pb85 {
  padding-bottom: 85px !important;
}
.pb90 {
  padding-bottom: 90px !important;
}
.pb95 {
  padding-bottom: 95px !important;
}
.pb100 {
  padding-bottom: 100px !important;
}
.pt0 {
  padding-top: 0 !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt45 {
  padding-top: 45px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.pt55 {
  padding-top: 55px !important;
}
.pt60 {
  padding-top: 60px !important;
}
.pt65 {
  padding-top: 65px !important;
}
.pt70 {
  padding-top: 70px !important;
}
.pt75 {
  padding-top: 75px !important;
}
.pt80 {
  padding-top: 80px !important;
}
.pt85 {
  padding-top: 85px !important;
}
.pt90 {
  padding-top: 90px !important;
}
.pt95 {
  padding-top: 95px !important;
}
.pt100 {
  padding-top: 100px !important;
}
.pl0 {
  padding-left: 0 !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl35 {
  padding-left: 35px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.pl45 {
  padding-left: 45px !important;
}
.pl50 {
  padding-left: 50px !important;
}
.pl55 {
  padding-left: 55px !important;
}
.pl60 {
  padding-left: 60px !important;
}
.pl65 {
  padding-left: 65px !important;
}
.pl70 {
  padding-left: 70px !important;
}
.pl75 {
  padding-left: 75px !important;
}
.pl80 {
  padding-left: 80px !important;
}
.pl85 {
  padding-left: 85px !important;
}
.pl90 {
  padding-left: 90px !important;
}
.pl95 {
  padding-left: 95px !important;
}
.pl100 {
  padding-left: 100px !important;
}
.pr0 {
  padding-right: 0 !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pr35 {
  padding-right: 35px !important;
}
.pr40 {
  padding-right: 40px !important;
}
.pr45 {
  padding-right: 45px !important;
}
.pr50 {
  padding-right: 50px !important;
}
.pr55 {
  padding-right: 55px !important;
}
.pr60 {
  padding-right: 60px !important;
}
.pr65 {
  padding-right: 65px !important;
}
.pr70 {
  padding-right: 70px !important;
}
.pr75 {
  padding-right: 75px !important;
}
.pr80 {
  padding-right: 80px !important;
}
.pr85 {
  padding-right: 85px !important;
}
.pr90 {
  padding-right: 90px !important;
}
.pr95 {
  padding-right: 95px !important;
}
.pr100 {
  padding-right: 100px !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.mt-auto {
  margin-top: auto !important;
}
.w0per {
  width: 0 !important;
}
.mw0per {
  max-width: 0 !important;
}
.mw100 {
  max-width: 100px !important;
}
.w5per {
  width: 5% !important;
}
.mw5per {
  max-width: 5% !important;
}
.mw150 {
  max-width: 150px !important;
}
.w10per {
  width: 10% !important;
}
.mw10per {
  max-width: 10% !important;
}
.mw200 {
  max-width: 200px !important;
}
.w15per {
  width: 15% !important;
}
.mw15per {
  max-width: 15% !important;
}
.mw250 {
  max-width: 250px !important;
}
.w20per {
  width: 20% !important;
}
.mw20per {
  max-width: 20% !important;
}
.mw300 {
  max-width: 300px !important;
}
.w25per {
  width: 25% !important;
}
.mw25per {
  max-width: 25% !important;
}
.mw350 {
  max-width: 350px !important;
}
.w30per {
  width: 30% !important;
}
.mw30per {
  max-width: 30% !important;
}
.mw400 {
  max-width: 400px !important;
}
.w35per {
  width: 35% !important;
}
.mw35per {
  max-width: 35% !important;
}
.mw450 {
  max-width: 450px !important;
}
.w40per {
  width: 40% !important;
}
.mw40per {
  max-width: 40% !important;
}
.mw500 {
  max-width: 500px !important;
}
.w45per {
  width: 45% !important;
}
.mw45per {
  max-width: 45% !important;
}
.mw550 {
  max-width: 550px !important;
}
.w50per {
  width: 50% !important;
}
.mw50per {
  max-width: 50% !important;
}
.mw600 {
  max-width: 600px !important;
}
.w55per {
  width: 55% !important;
}
.mw55per {
  max-width: 55% !important;
}
.mw650 {
  max-width: 650px !important;
}
.w60per {
  width: 60% !important;
}
.mw60per {
  max-width: 60% !important;
}
.mw700 {
  max-width: 700px !important;
}
.w65per {
  width: 65% !important;
}
.mw65per {
  max-width: 65% !important;
}
.mw750 {
  max-width: 750px !important;
}
.w70per {
  width: 70% !important;
}
.mw70per {
  max-width: 70% !important;
}
.mw800 {
  max-width: 800px !important;
}
.w75per {
  width: 75% !important;
}
.mw75per {
  max-width: 75% !important;
}
.mw850 {
  max-width: 850px !important;
}
.w80per {
  width: 80% !important;
}
.mw80per {
  max-width: 80% !important;
}
.mw900 {
  max-width: 900px !important;
}
.w85per {
  width: 85% !important;
}
.mw85per {
  max-width: 85% !important;
}
.mw950 {
  max-width: 950px !important;
}
.w90per {
  width: 90% !important;
}
.mw90per {
  max-width: 90% !important;
}
.mw1000 {
  max-width: 1000px !important;
}
.w95per {
  width: 95% !important;
}
.mw95per {
  max-width: 95% !important;
}
.mw1050 {
  max-width: 1050px !important;
}
.w100per {
  width: 100% !important;
}
.mw100per {
  max-width: 100% !important;
}
.mw1100 {
  max-width: 1100px !important;
}
.align-left {
  text-align: left !important;
}
.align-center {
  text-align: center !important;
}
.align-right {
  text-align: right !important;
}
.align-justify {
  text-align: justify !important;
}
.block-left {
  margin-right: auto !important;
}
.block-center {
  margin-right: auto !important;
  margin-left: auto !important;
}
.block-right {
  margin-left: auto !important;
}
.valign-top {
  vertical-align: top !important;
}
.valign-bottom {
  vertical-align: bottom !important;
}
.valign-middle {
  vertical-align: middle !important;
}
.line-height-none {
  line-height: 1 !important;
}
.line-height-short {
  line-height: 1.25 !important;
}
.line-height-normal {
  line-height: 1.5 !important;
}
.line-height-tall {
  line-height: 2 !important;
}
.bordered {
  border: 1px solid #e2e6e8 !important;
}
.unbordered {
  border: none !important;
}
.display-block {
  display: block !important;
}
.display-inline-block {
  display: inline-block !important;
}
.display-inline {
  display: inline !important;
}
.ps-container {
  -ms-touch-action: auto;
      touch-action: auto;
  overflow: hidden !important;
}
.ps-container.ps-active-x> .ps-scrollbar-x-rail,
.ps-container.ps-active-y> .ps-scrollbar-y-rail {
  display: block;
  background-color: transparent;
}
.ps-container.ps-in-scrolling.ps-x> .ps-scrollbar-x-rail {
  background-color: #eeeeee;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.ps-container.ps-in-scrolling.ps-x> .ps-scrollbar-x-rail> .ps-scrollbar-x {
  background-color: #999999;
  height: 12px;
}
.ps-container.ps-in-scrolling.ps-y> .ps-scrollbar-y-rail {
  background-color: #eeeeee;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.ps-container.ps-in-scrolling.ps-y> .ps-scrollbar-y-rail> .ps-scrollbar-y {
  background-color: #999999;
  width: 11px;
}
.ps-container> .ps-scrollbar-x-rail {
  position: absolute;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
          transition: background-color 0.2s linear, opacity 0.2s linear;
  bottom: 0;
  height: 16px;
}
.ps-container> .ps-scrollbar-x-rail> .ps-scrollbar-x {
  position: absolute;
  background-color: #aaaaaa;
  border-radius: 6px;
  -webkit-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
          transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
  bottom: 2px;
  height: 12px;
}
.ps-container> .ps-scrollbar-x-rail:hover> .ps-scrollbar-x,
.ps-container> .ps-scrollbar-x-rail:active> .ps-scrollbar-x {
  height: 12px;
}
.ps-container> .ps-scrollbar-y-rail {
  position: absolute;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
          transition: background-color 0.2s linear, opacity 0.2s linear;
  right: 0;
  width: 15px;
}
.ps-container> .ps-scrollbar-y-rail> .ps-scrollbar-y {
  position: absolute;
  background-color: #aaaaaa;
  border-radius: 6px;
  -webkit-transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
          transition: background-color 0.2s linear, height 0.2s linear, width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
  right: 2px;
  width: 6px;
}
.ps-container> .ps-scrollbar-y-rail:hover> .ps-scrollbar-y,
.ps-container> .ps-scrollbar-y-rail:active> .ps-scrollbar-y {
  width: 11px;
}
.ps-container:hover.ps-in-scrolling.ps-x> .ps-scrollbar-x-rail {
  background-color: #eeeeee;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.ps-container:hover.ps-in-scrolling.ps-x> .ps-scrollbar-x-rail> .ps-scrollbar-x {
  background-color: #999999;
  height: 12px;
}
.ps-container:hover.ps-in-scrolling.ps-y> .ps-scrollbar-y-rail {
  background-color: #eeeeee;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.ps-container:hover.ps-in-scrolling.ps-y> .ps-scrollbar-y-rail> .ps-scrollbar-y {
  background-color: #999999;
  width: 11px;
}
.ps-container:hover> .ps-scrollbar-x-rail,
.ps-container:hover> .ps-scrollbar-y-rail {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.ps-container:hover> .ps-scrollbar-x-rail:hover {
  background-color: #eeeeee;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.ps-container:hover> .ps-scrollbar-x-rail:hover> .ps-scrollbar-x {
  background-color: #999999;
}
.ps-container:hover> .ps-scrollbar-y-rail:hover {
  background-color: #eeeeee;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.ps-container:hover> .ps-scrollbar-y-rail:hover> .ps-scrollbar-y {
  background-color: #999999;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/*!
 * roundSlider v1.3 | (c) 2015-2016, Soundar
 * MIT license | http://roundsliderui.com/licence.html
 */
.rs-control {
  position: relative;
  outline: 0 none;
}
.rs-container {
  position: relative;
}
.rs-control *,
.rs-control *:before,
.rs-control *:after {
  box-sizing: border-box;
}
.rs-animation .rs-transition {
  -webkit-transition: all 0.5s linear 0s;
          transition: all 0.5s linear 0s;
}
.rs-bar {
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}
.rs-control .rs-split .rs-path,
.rs-control .rs-overlay1,
.rs-control .rs-overlay2 {
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
}
.rs-control .rs-overlay {
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.rs-control.rs-error {
  border: 1px dotted;
  text-align: center;
}
.rs-readonly {
  height: 100%;
  width: 100%;
  top: 0;
  position: absolute;
  z-index: 100;
}
.rs-disabled {
  opacity: 0.35;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
}
.rs-inner-container {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.quarter div.rs-block {
  height: 200%;
  width: 200%;
}
.half.top div.rs-block,
.half.bottom div.rs-block {
  height: 200%;
  width: 100%;
}
.half.left div.rs-block,
.half.right div.rs-block {
  height: 100%;
  width: 200%;
}
.bottom> .rs-inner-container> .rs-block {
  top: auto;
  bottom: 0;
}
.right .rs-inner-container> .rs-block {
  right: 0;
}
div.rs-block {
  border-radius: 100%;
}
.rs-block {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  overflow: hidden;
  z-index: 3;
}
.rs-block .rs-inner {
  border-radius: 1000px;
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
}
.rs-overlay {
  width: 50%;
}
.rs-overlay1,
.rs-overlay2 {
  width: 100%;
}
.rs-overlay,
.rs-overlay1,
.rs-overlay2 {
  position: absolute;
  background-color: white;
  z-index: 3;
  top: 0;
  height: 50%;
}
.rs-bar {
  position: absolute;
  height: 0;
  z-index: 10;
}
.rs-bar.rs-rounded {
  z-index: 5;
}
.rs-bar .rs-seperator {
  height: 0;
  display: block;
  float: left;
}
.rs-bar:not(.rs-rounded) .rs-seperator {
  border-left: none;
  border-right: none;
}
.rs-bar.rs-start .rs-seperator {
  border-top: none;
}
.rs-bar.rs-end .rs-seperator {
  border-bottom: none;
}
.rs-bar.rs-start.rs-rounded .rs-seperator {
  border-radius: 0 0 1000px 1000px;
}
.rs-bar.rs-end.rs-rounded .rs-seperator {
  border-radius: 1000px 1000px 0 0;
}
.full .rs-bar,
.half .rs-bar {
  width: 50%;
}
.half.left .rs-bar,
.half.right .rs-bar,
.quarter .rs-bar {
  width: 100%;
}
.full .rs-bar,
.half.left .rs-bar,
.half.right .rs-bar {
  top: 50%;
}
.bottom .rs-bar {
  top: 0;
}
.half.right .rs-bar,
.quarter.right .rs-bar {
  right: 100%;
}
.rs-handle.rs-move {
  cursor: move;
}
.rs-readonly .rs-handle.rs-move {
  cursor: default;
}
.rs-path {
  display: block;
  height: 100%;
  width: 100%;
}
.rs-split .rs-path {
  border-radius: 1000px 1000px 0 0;
  overflow: hidden;
  height: 50%;
  position: absolute;
  top: 0;
  z-index: 2;
}
.rs-tooltip {
  position: absolute;
  cursor: default;
  border: 1px solid transparent;
  z-index: 10;
}
.full .rs-tooltip {
  top: 50%;
  left: 50%;
}
.bottom .rs-tooltip {
  top: 0;
}
.top .rs-tooltip {
  bottom: 0;
}
.right .rs-tooltip {
  left: 0;
}
.left .rs-tooltip {
  right: 0;
}
.half.top .rs-tooltip,
.half.bottom .rs-tooltip {
  left: 50%;
}
.half.left .rs-tooltip,
.half.right .rs-tooltip {
  top: 50%;
}
.rs-tooltip .rs-input {
  outline: 0 none;
  border: none;
  background: transparent;
}
.rs-tooltip-text {
  font-family: verdana;
  font-size: 13px;
  border-radius: 7px;
  text-align: center;
}
.rs-tooltip.edit,
.rs-tooltip .rs-input {
  padding: 5px 8px;
}
.rs-tooltip.hover,
.rs-tooltip.edit:hover {
  border: 1px solid #aaaaaa;
  cursor: pointer;
}
.rs-readonly .rs-tooltip.edit:hover {
  border-color: transparent;
  cursor: default;
}
.rs-handle {
  border-radius: 1000px;
  outline: 0 none;
  float: left;
}
.rs-handle.rs-handle-square {
  border-radius: 0;
}
.rs-handle-dot {
  border: 1px solid #aaaaaa;
  padding: 6px;
}
.rs-handle-dot:after {
  display: block;
  content: "";
  border: 1px solid #aaaaaa;
  height: 100%;
  width: 100%;
  border-radius: 100%;
}
.rs-seperator {
  border: 1px solid #aaaaaa;
}
.rs-border {
  border: 1px solid #aaaaaa;
}
.rs-path-color {
  background-color: #ffffff;
}
.rs-range-color {
  background-color: #54bbe0;
}
.rs-bg-color {
  background-color: #ffffff;
}
.rs-handle {
  background-color: #838383;
}
.rs-handle-dot {
  background-color: #ffffff;
}
.rs-handle-dot:after {
  background-color: #838383;
}
@media (max-width: 767px) {
  main {
    margin-top: 60px;
  }
  .header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #e2e6e8;
    -webkit-transition: all 0.4s;
            transition: all 0.4s;
  }
  .header.gnav-open {
    left: -270px;
  }
  .header-inner {
    height: 60px;
    background: #ffffff;
    padding: 9px 15px;
  }
  .corp-logo {
    width: 90px;
    height: auto;
  }
  .hamburgerMenu {
    -webkit-transition: all 0.4s;
            transition: all 0.4s;
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    cursor: pointer;
  }
  .hamburgerMenu span {
    -webkit-transition: all 0.4s;
            transition: all 0.4s;
    position: absolute;
    left: 20px;
    width: 20px;
    height: 2px;
    background: #356cb6;
  }
  .hamburgerMenu span:nth-of-type(1) {
    top: 20px;
  }
  .hamburgerMenu span:nth-of-type(2) {
    top: 26px;
  }
  .hamburgerMenu span:nth-of-type(3) {
    top: 32px;
  }
  .hamburgerMenu-active span:nth-of-type(1) {
    -webkit-transform: translateY(6px) rotate(-45deg);
            transform: translateY(6px) rotate(-45deg);
  }
  .hamburgerMenu-active span:nth-of-type(2) {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  .hamburgerMenu-active span:nth-of-type(3) {
    -webkit-transform: translateY(-6px) rotate(45deg);
            transform: translateY(-6px) rotate(45deg);
  }
  .global-nav {
    background: #356cb6;
    position: absolute;
    top: 0;
    right: -270px;
    width: 270px;
    z-index: 50;
    overflow: auto;
  }
  .global-nav-open {
    right: -270px;
  }
  .global-nav-list> li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .global-nav-list> li:last-child {
    border-bottom: none;
  }
  .global-nav-list> li .global-nav-link {
    color: #ffffff;
    font-size: 1.8rem;
    font-weight: 700;
    display: block;
    padding: 18px 48px 18px 18px;
    line-height: 1.4;
    position: relative;
  }
  .global-nav-list> li .global-nav-link:before {
    font-family: glyphs;
    content: "\F010";
    font-size: 1.4rem;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .global-nav-list> li .global-nav-link--next:before {
    content: "\F023";
    font-size: 1.8rem;
  }
  .global-nav-sub {
    padding: 20px 18px;
  }
  .global-nav-sub li a {
    color: #ffffff;
    font-size: 1.2rem;
    line-height: 40px;
    position: relative;
    display: block;
  }
  .global-nav-sub li a:before {
    font-family: glyphs;
    font-size: 1.0rem;
    content: "\F010";
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    position: absolute;
    right: 0;
    display: block;
  }
  .global-nav-search {
    padding: 20px 18px;
  }
  .global-nav-search input,
  .global-nav-search button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .global-nav-search form {
    position: relative;
    background: #ffffff;
    border-radius: 6px;
    width: 100%;
  }
  .global-nav-search form dt {
    margin-right: 40px;
    padding: 10px 0 10px 12px;
  }
  .global-nav-search form dt input {
    width: 100%;
    height: 24px;
    line-height: 24px;
  }
  .global-nav-search form dd {
    position: absolute;
    top: 0;
    right: 0;
  }
  .global-nav-search form dd button {
    display: block;
    padding: 14px 10px;
  }
  .global-nav-search form dd button span {
    width: 30px;
    height: 16px;
    display: block;
  }
  .global-nav-search form dd button span:before {
    color: #356cb6;
    font-size: 1.6rem;
    display: block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    font-family: glyphs;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\F016";
  }
  .global-nav-lang {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    padding: 20px 18px;
  }
  .global-nav-lang li {
    width: 50%;
    border: 2px solid rgba(255, 255, 255, 0.2);
  }
  .global-nav-lang li:first-child {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    border-right: none;
  }
  .global-nav-lang li:last-child {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    border-left: none;
  }
  .global-nav-lang li a {
    display: block;
    font-size: 1.2rem;
    color: #ffffff;
    text-align: center;
    padding: 14px 0;
  }
  .global-nav-lang li a.active {
    background: rgba(255, 255, 255, 0.2);
  }
  .global-nav-lang li a:not(.active) {
    position: relative;
  }
  .global-nav-lang li a:not(.active):before {
    font-family: glyphs;
    font-size: 1.0rem;
    content: "\F010";
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    position: absolute;
    right: 15px;
    display: block;
  }
  .global-nav-closeBtn {
    color: #ffffff;
    font-size: 1.2rem;
    display: block;
    padding: 30px 18px;
    text-align: center;
  }
  .global-nav-closeBtn:before {
    font-family: glyphs;
    content: "\F020";
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
  }
  .sp-drop-menu {
    color: #ffffff;
    background-color: #356cb6;
    width: 270px;
    height: 100vh;
    position: fixed;
    top: 0;
    right: -270px;
    z-index: 10;
    -webkit-transition: 0.3s;
            transition: 0.3s;
    display: block !important;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  .sp-drop-menu--open {
    right: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  .sp-drop-menu-close-btn {
    display: none;
  }
  .sp-drop-menu-back {
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 5px;
    display: inline-block;
    padding: 5px 30px;
    margin: 16px 18px;
    font-size: 1.4rem;
    position: relative;
  }
  .sp-drop-menu-back:before {
    font-family: glyphs;
    content: "\F009";
    font-size: 1.2rem;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .sp-drop-menu-inner {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    overflow: auto;
  }
  .sp-drop-menu-inner> li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .sp-drop-menu-link {
    color: #ffffff;
    font-size: 1.4rem;
    font-weight: 700;
    display: block;
    padding: 20px 30px 20px 18px;
    position: relative;
  }
  .sp-drop-menu-link:before {
    font-family: glyphs;
    content: "\F010";
    font-size: 1.2rem;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .sp-drop-menu-link--next:before {
    content: "\F023";
    font-size: 1.6rem;
  }
  .sp-drop-menu-child,
  .sp-drop-menu-child2,
  .sp-drop-menu-child3,
  .sp-drop-menu-child4,
  .sp-drop-menu-child5 {
    position: fixed;
    top: 64px;
    right: -270px;
    z-index: 15;
    background-color: #356cb6;
    width: 270px;
    overflow: auto;
    -webkit-transition: 0.3s;
            transition: 0.3s;
  }
  .sp-drop-menu-child> li,
  .sp-drop-menu-child2> li,
  .sp-drop-menu-child3> li,
  .sp-drop-menu-child4> li,
  .sp-drop-menu-child5> li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .sp-drop-menu-child--open,
  .sp-drop-menu-child2--open,
  .sp-drop-menu-child3--open,
  .sp-drop-menu-child4--open,
  .sp-drop-menu-child5--open {
    right: 0;
  }
  body {
    -webkit-transition: all 0.4s;
            transition: all 0.4s;
    position: relative;
    left: 0;
  }
  body.gnav-open {
    position: fixed;
    width: 100%;
    left: -270px;
  }
  .sug_list {
    　display: none !important;
  }
  .breadcrumb {
    display: none;
  }
  .title .title-body {
    padding: 12px 15px;
    height: 60px;
  }
  .title h1 {
    font-size: 2rem;
  }
  .title .subtitle {
    font-size: 1.4rem;
  }
  .local-nav {
    margin-top: 80px;
  }
  .local-nav> ul> li> a {
    padding: 12px 30px 12px 15px;
  }
  .local-nav> ul> li> a:after {
    right: 10px;
  }
  .local-nav-child> li> a {
    padding: 12px 30px 12px 25px;
  }
  .local-nav-child> li> a:after {
    right: 10px;
  }
  .inner-local-nav-child> li> a {
    padding: 12px 10px 12px 35px;
  }
  .base-inner {
    padding: 0;
    display: block;
  }
  .base-links {
    padding: 20px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .base-links> ul {
    display: block;
  }
  .base-links> ul li:not(:first-child) {
    margin-left: 0;
  }
  .base-links> ul li a {
    padding: 10px 0;
  }
  .base-links> ul li a:before {
    left: auto;
    right: 2px;
    top: 14px;
    width: 6px;
    height: 6px;
    border-width: 2px;
  }
  .copyright {
    text-align: center;
    padding: 20px 18px;
  }
  .base--white {
    background: #ffffff;
  }
  .base--white .base-inner .foot-logo {
    display: block;
    width: 130px;
    margin: auto;
  }
  .base--white .base-inner .copyright {
    margin-top: 30px;
    background-color: #356cb6;
  }
  .header-simple {
    height: 40px;
    margin-bottom: -60px;
  }
  .header-simple-inner {
    padding: 8px 15px;
    height: 40px;
  }
  .header-simple .close {
    right: 15px;
  }
  .wrapper {
    padding: 30px 0 48px;
  }
  .wrapper--layout {
    padding-top: 0;
    padding-bottom: 0;
  }
  .wrapper--continuous {
    padding-bottom: 48px;
  }
  .wrapper--topics {
    padding: 36px 0;
  }
  .container {
    padding: 0 18px;
  }
  .container--2col {
    display: block;
    padding: 0;
  }
  .container--2col> .content-main {
    padding: 0 18px;
    padding: auto;
    width: auto;
  }
  .container--2col> .content-side {
    width: auto;
  }
  .container--fit-sp {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .grid {
    margin: 0 -9px;
  }
  .grid> div {
    padding: 0 9px;
  }
  .grid--slim {
    margin: 0 -6px;
  }
  .grid--slim> div {
    padding: 0 6px;
  }
  .grid--thin {
    margin: 0 -5px;
  }
  .grid--thin> div {
    padding: 0 5px;
  }
  .grid--wrap {
    margin-bottom: -18px;
  }
  .grid--wrap> div {
    top: -18px;
    margin-top: 18px;
  }
  .grid--wrap.grid--slim {
    margin-bottom: -12px;
  }
  .grid--wrap.grid--slim> div {
    top: -12px;
    margin-top: 12px;
  }
  .grid--wrap.grid--thin {
    margin-bottom: -10px;
  }
  .grid--wrap.grid--thin> div {
    top: -10px;
    margin-top: 10px;
  }
  .grid--center-sp {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .grid--reverse-sp {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .grid-col-1-sp {
    -webkit-flex-basis: 8.33333% !important;
    -ms-flex-preferred-size: 8.33333% !important;
            flex-basis: 8.33333% !important;
    max-width: 8.33333% !important;
  }
  .grid-col-2-sp {
    -webkit-flex-basis: 16.66667% !important;
    -ms-flex-preferred-size: 16.66667% !important;
            flex-basis: 16.66667% !important;
    max-width: 16.66667% !important;
  }
  .grid-col-3-sp {
    -webkit-flex-basis: 25% !important;
    -ms-flex-preferred-size: 25% !important;
            flex-basis: 25% !important;
    max-width: 25% !important;
  }
  .grid-col-4-sp {
    -webkit-flex-basis: 33.33333% !important;
    -ms-flex-preferred-size: 33.33333% !important;
            flex-basis: 33.33333% !important;
    max-width: 33.33333% !important;
  }
  .grid-col-5-sp {
    -webkit-flex-basis: 41.66667% !important;
    -ms-flex-preferred-size: 41.66667% !important;
            flex-basis: 41.66667% !important;
    max-width: 41.66667% !important;
  }
  .grid-col-6-sp {
    -webkit-flex-basis: 50% !important;
    -ms-flex-preferred-size: 50% !important;
            flex-basis: 50% !important;
    max-width: 50% !important;
  }
  .grid-col-7-sp {
    -webkit-flex-basis: 58.33333% !important;
    -ms-flex-preferred-size: 58.33333% !important;
            flex-basis: 58.33333% !important;
    max-width: 58.33333% !important;
  }
  .grid-col-8-sp {
    -webkit-flex-basis: 66.66667% !important;
    -ms-flex-preferred-size: 66.66667% !important;
            flex-basis: 66.66667% !important;
    max-width: 66.66667% !important;
  }
  .grid-col-9-sp {
    -webkit-flex-basis: 75% !important;
    -ms-flex-preferred-size: 75% !important;
            flex-basis: 75% !important;
    max-width: 75% !important;
  }
  .grid-col-10-sp {
    -webkit-flex-basis: 83.33333% !important;
    -ms-flex-preferred-size: 83.33333% !important;
            flex-basis: 83.33333% !important;
    max-width: 83.33333% !important;
  }
  .grid-col-11-sp {
    -webkit-flex-basis: 91.66667% !important;
    -ms-flex-preferred-size: 91.66667% !important;
            flex-basis: 91.66667% !important;
    max-width: 91.66667% !important;
  }
  .grid-col-12-sp {
    -webkit-flex-basis: 100% !important;
    -ms-flex-preferred-size: 100% !important;
            flex-basis: 100% !important;
    max-width: 100% !important;
  }
  .grid--2col-sp> div {
    width: 50%;
  }
  .grid--3col-sp> div {
    width: 33.33333%;
  }
  .grid--4col-sp> div {
    width: 25%;
  }
  .grid--5col-sp> div {
    width: 20%;
  }
  .grid--6col-sp> div {
    width: 16.66667%;
  }
  .grid--break-sp {
    display: block;
    margin: 0;
    margin-bottom: 0 !important;
  }
  .grid--break-sp> div {
    padding: 0;
    width: auto;
    max-width: inherit;
    margin-top: 18px;
  }
  .grid--break-sp> div:first-child {
    margin-top: 0;
  }
  .grid--wrap.grid--break-sp> div {
    position: static;
    top: auto;
  }
  .grid--wrap.grid--break-sp> div:first-child {
    margin-top: 0;
  }
  .grid-wrap--2col {
    display: block;
  }
  .grid-wrap--2col> div {
    width: auto;
    margin-top: 40px !important;
  }
  .grid-wrap--2col> div:first-child {
    margin-top: 0 !important;
  }
  .grid-wrap--3col> div {
    width: 50%;
  }
  .grid-wrap--3col> div:nth-child(-n + 4) {
    margin-top: 40px;
  }
  .grid-wrap--3col> div:nth-child(-n + 3) {
    margin-top: 40px;
  }
  .grid-wrap--3col> div:nth-child(-n + 2) {
    margin-top: 0;
  }
  .grid-wrap--4col> div {
    width: 50%;
  }
  .grid-wrap--4col> div:nth-child(-n + 4) {
    margin-top: 40px;
  }
  .grid-wrap--4col> div:nth-child(-n + 3) {
    margin-top: 40px;
  }
  .grid-wrap--4col> div:nth-child(-n + 2) {
    margin-top: 0;
  }
  .grid-wrap-box {
    margin-top: 40px;
  }
  .cover .cover--adjust-1800 .cover-container {
    height: 1200px !important;
  }
  .cover .cover--adjust-1800 .cover-image> img {
    height: 1200px;
  }
  .cover .cover--adjust-1200 .cover-container {
    height: 800px !important;
  }
  .cover .cover--adjust-1200 .cover-image> img {
    height: 800px;
  }
  .cover .cover--adjust-900 .cover-container {
    height: 600px !important;
  }
  .cover .cover--adjust-900 .cover-image> img {
    height: 600px;
  }
  .cover .cover--adjust-750 .cover-container {
    height: 500px !important;
  }
  .cover .cover--adjust-750 .cover-image> img {
    height: 500px;
  }
  .cover .cover--adjust-600 .cover-container {
    height: 400px !important;
  }
  .cover .cover--adjust-600 .cover-image> img {
    height: 400px;
  }
  .cover .cover--adjust-450 .cover-container {
    height: 300px !important;
  }
  .cover .cover--adjust-450 .cover-image> img {
    height: 300px;
  }
  .cover .cover-content-top {
    margin-top: 20px;
  }
  .cover .cover-content-bottom {
    margin-bottom: 62px;
  }
  .cover .cover-content-bottom:last-child {
    margin-bottom: 20px;
  }
  .cover .cover-content-caption {
    right: 18px;
    left: 0;
  }
  .flex> div {
    margin-left: 9px;
    margin-right: 9px;
  }
  .flex--slim> div {
    margin-left: 6px;
    margin-right: 6px;
  }
  .flex--thin> div {
    margin-left: 5px;
    margin-right: 5px;
  }
  .flex--break-sp {
    display: block;
  }
  .flex--break-sp> div {
    margin: 0;
  }
  .flex--break-sp> div:first-child {
    margin-top: 0;
  }
  .flex--wrap {
    margin-left: -9px;
    margin-right: -9px;
  }
  .flex--wrap.flex--slim {
    margin-left: -6px;
    margin-right: -6px;
  }
  .flex--wrap.flex--thin {
    margin-left: -5px;
    margin-right: -5px;
  }
  .flex--wrap.flex--break-sp {
    margin-left: auto;
    margin-right: auto;
  }
  .flex--wrap-sp {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .float-left-sp {
    float: left;
  }
  .float-right-sp {
    float: right;
  }
  .float-none-sp {
    float: none;
  }
  .clearfix-sp:after {
    content: "";
    display: block;
    clear: both;
  }
  section h2:not([class]),
  .section h2:not([class]),
  article h2:not([class]),
  .heading-lv2 {
    margin: 36px 0 24px;
    padding: 10px 10px 10px 20px;
    font-size: 2rem;
  }
  section h3:not([class]),
  .section h3:not([class]),
  article h3:not([class]),
  .heading-lv3 {
    margin: 30px 0 18px;
    padding-bottom: 8px;
    font-size: 1.8rem;
  }
  section h4:not([class]),
  .section h4:not([class]),
  article h4:not([class]),
  .heading-lv4 {
    margin: 30px 0 18px;
    padding: 2px 0 2px 12px;
    font-size: 1.6rem;
  }
  section h5:not([class]),
  .section h5:not([class]),
  article h5:not([class]),
  .heading-lv5 {
    margin: 30px 0 18px;
    font-size: 1.6rem;
  }
  .lead-box {
    padding: 0 15px 15px;
  }
  .lead-box .heading {
    font-size: 2.4rem;
  }
  .lead-box .subheading {
    margin-top: 10px;
  }
  ul.link-item--2col-sp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  ul.link-item--2col-sp> li {
    padding-right: 18px;
    width: 50%;
    margin-top: 10px !important;
  }
  ul.link-item--2col-sp> li:nth-child(-n+2) {
    margin-top: 0 !important;
  }
  ul.link-item--break-col-sp {
    display: block;
  }
  ul.link-item--break-col-sp> li {
    padding-right: 0;
    width: auto;
    margin-top: 10px !important;
  }
  ul.link-item--break-col-sp> li:first-child {
    margin-top: 0 !important;
  }
  .grid--3col-sp .anchor-box> a {
    border-left: none !important;
  }
  .grid--3col-sp .anchor-box:nth-child(3n+1)> a {
    border-left: 1px solid #e2e6e8 !important;
  }
  .grid--3col-sp .anchor-box:nth-child(3n+1)> a:before {
    display: block;
    content: "";
    border-top: 1px solid #e2e6e8;
    position: absolute;
    top: 0;
    left: 0;
    width: 1500px;
  }
  .grid--2col-sp .anchor-box> a {
    border-left: none !important;
  }
  .grid--2col-sp .anchor-box:nth-child(2n+1)> a {
    border-left: 1px solid #e2e6e8 !important;
  }
  .grid--2col-sp .anchor-box:nth-child(2n+1)> a:before {
    display: block;
    content: "";
    border-top: 1px solid #e2e6e8;
    position: absolute;
    top: 0;
    left: 0;
    width: 1500px;
  }
  .grid--break-sp .anchor-box {
    border-top: 1px solid #e2e6e8;
  }
  .grid--break-sp .anchor-box:first-child {
    border-top: none;
  }
  .grid--break-sp .anchor-box> a {
    border-left: 1px solid #e2e6e8;
    border-right: 1px solid #e2e6e8;
  }
  .grid--break-sp .anchor-box> a:before {
    display: none !important;
  }
  dl.list-def--1-9-sp> dt {
    width: 10%;
  }
  dl.list-def--1-9-sp> dd {
    width: 90%;
  }
  dl.list-def--2-8-sp> dt {
    width: 20%;
  }
  dl.list-def--2-8-sp> dd {
    width: 80%;
  }
  dl.list-def--3-7-sp> dt {
    width: 30%;
  }
  dl.list-def--3-7-sp> dd {
    width: 70%;
  }
  dl.list-def--4-6-sp> dt {
    width: 40%;
  }
  dl.list-def--4-6-sp> dd {
    width: 60%;
  }
  dl.list-def--5-5-sp> dt {
    width: 50%;
  }
  dl.list-def--5-5-sp> dd {
    width: 50%;
  }
  dl.list-def--15-85-sp> dt {
    width: 15%;
  }
  dl.list-def--15-85-sp> dd {
    width: 85%;
  }
  dl.list-def--break-sp {
    display: block;
  }
  dl.list-def--break-sp> dt,
  dl.list-def--break-sp> dd {
    padding-left: 0;
    padding-right: 0;
    width: auto;
    border-bottom: 1px solid #e2e6e8;
  }
  dl.list-def--break-sp> dt:before,
  dl.list-def--break-sp> dd:before {
    display: none !important;
  }
  dl.list-def--break-sp> dt:after,
  dl.list-def--break-sp> dd:after {
    display: none !important;
  }
  dl.list-def--break-sp> dt:first-child,
  dl.list-def--break-sp> dd:first-child {
    border-top: 1px solid #e2e6e8;
  }
  dl.list-def--continuous-sp> dt:first-child:before {
    display: none !important;
  }
  dl.list-def--continuous-sp> dd:nth-child(2):before {
    display: none !important;
  }
  ul.list-def--break-sp {
    display: block;
  }
  ul.list-def--break-sp> li {
    display: block;
  }
  ul.list-def--break-sp> li> span {
    display: block;
  }
  ul.list-def--break-sp> li> span:first-child {
    font-weight: 700;
    padding-right: 0;
    margin-top: 18px;
    text-align: left;
  }
  ul.list-def--break-sp> li> span:first-child:after {
    display: none;
  }
  ul.list-def--break-sp> li> span:last-child {
    padding-left: 0;
    margin-left: 2em;
  }
  ul.list-def--break-sp> li:first-child> span:first-child {
    margin-top: 0;
  }
  .figure-orig-sp img,
  img.orig-sp {
    width: auto !important;
    height: auto !important;
  }
  img.fluid-sp {
    width: 100% !important;
  }
  .card {
    max-width: 432px;
    margin: 0 auto;
  }
  .card> .card-body> .icon {
    margin-top: 12px;
    padding-bottom: 30px;
  }
  .grid--layout.grid--3col-sp> div:nth-child(3n+1)> .card {
    border-left: 1px solid #e2e6e8;
  }
  .grid--layout.grid--2col-sp> div:nth-child(2n+1)> .card {
    border-left: 1px solid #e2e6e8;
  }
  .grid--layout.grid--break-sp> div> .card {
    border-left: 1px solid #e2e6e8;
  }
  .icon-box-wrapper> div:nth-child(4n+1) .icon-box-icon,
  .icon-box-wrapper> div:nth-child(4n+1) .icon-box-link {
    border-left: none;
  }
  .icon-box-wrapper> div:nth-child(3n+1) .icon-box-icon,
  .icon-box-wrapper> div:nth-child(3n+1) .icon-box-link {
    border-left: none;
  }
  .icon-box-wrapper> div:nth-child(odd) .icon-box-icon,
  .icon-box-wrapper> div:nth-child(odd) .icon-box-link {
    border-left: 1px solid #e2e6e8;
  }
  .icon-box2-wrapper {
    margin-bottom: -18px !important;
  }
  .icon-box2-wrapper> div {
    margin-bottom: 18px;
  }
  .icon-box2-wrapper> div .icon-box2-icon {
    padding-top: 24px;
  }
  .icon-box2-wrapper> div:nth-child(4n+1) .icon-box2-icon,
  .icon-box2-wrapper> div:nth-child(4n+1) .icon-box2-link,
  .icon-box2-wrapper> div:nth-child(4n+1) .icon-box2-text {
    border-left: none;
  }
  .icon-box2-wrapper> div:nth-child(4n+1):before {
    display: none;
  }
  .icon-box2-wrapper> div:nth-child(3n+1) .icon-box2-icon,
  .icon-box2-wrapper> div:nth-child(3n+1) .icon-box2-link,
  .icon-box2-wrapper> div:nth-child(3n+1) .icon-box2-text {
    border-left: none;
  }
  .icon-box2-wrapper> div:nth-child(3n+1):before {
    display: none;
  }
  .icon-box2-wrapper> div:nth-child(odd) .icon-box2-icon,
  .icon-box2-wrapper> div:nth-child(odd) .icon-box2-link,
  .icon-box2-wrapper> div:nth-child(odd) .icon-box2-text {
    border-left: 1px solid #e2e6e8;
  }
  .icon-box2-wrapper> div:nth-child(odd):before {
    content: "";
    display: block;
    border-bottom: 1px solid #e2e6e8;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1200px;
  }
  .table> table th,
  .table> table td,
  table.table th,
  table.table td {
    padding: 8px;
    font-size: 1.4rem;
  }
  .table> table.table--break-sp,
  table.table.table--break-sp {
    display: block;
    width: 100%;
  }
  .table> table.table--break-sp tbody,
  .table> table.table--break-sp tr,
  .table> table.table--break-sp th,
  .table> table.table--break-sp td,
  table.table.table--break-sp tbody,
  table.table.table--break-sp tr,
  table.table.table--break-sp th,
  table.table.table--break-sp td {
    display: block;
    border-left: none;
    border-right: none;
  }
  .table> table.table--break-sp td,
  table.table.table--break-sp td {
    padding: 15px 10px 20px;
  }
  .table--thin> table th,
  .table--thin> table td,
  table.table--thin th,
  table.table--thin td {
    padding: 8px;
    font-size: 1.4rem;
  }
  .table-scroll {
    border-bottom: 1px solid #e2e6e8;
    position: relative;
  }
  .table-scroll table {
    margin-bottom: 16px;
    min-width: 512px;
  }
  .table-scroll table th:first-child,
  .table-scroll table td:first-child {
    border-left: none;
  }
  .table-scroll table th:last-child,
  .table-scroll table td:last-child {
    border-right: none;
  }
  .table--fit-sp {
    width: auto;
  }
  .accordion-box> .accordion-box-inner {
    padding-top: 18px;
    padding-bottom: 32px;
  }
  .accordion-button {
    padding: 0 10px;
  }
  .category-intro {
    background-color: transparent;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
  }
  .category-intro> div:first-child {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .category-intro .category-intro-thumb {
    margin: 0;
    position: relative;
    z-index: 1;
  }
  .category-intro .category-intro-thumb .category-intro-thumb-inner {
    position: static;
  }
  .category-intro .category-intro-thumb .category-intro-thumb-inner> img {
    position: static;
    width: 100%;
  }
  .category-intro .category-intro-body {
    position: relative;
    width: auto;
    height: auto;
    padding: 24px;
    margin: 24px;
    margin-top: -24px;
    z-index: 2;
  }
  .category-intro .category-intro-body .link> a {
    width: 100%;
    min-width: auto;
  }
  .category-intro .category-intro-body:after {
    display: none;
  }
  .category-intro .category-intro-body .text {
    margin-left: 24px;
  }
  .category-intro .category-intro-body .summary {
    margin-top: 24px;
  }
  .content-box {
    padding: 18px;
  }
  .content-box> .shift-top--clear-sp {
    margin-top: 0;
  }
  .bg-hr-half--clear-sp:before {
    display: none;
  }
  .nav-carousel {
    margin: 0 -18px;
  }
  .nav-carousel .slick-list:before {
    top: 12px;
    bottom: 12px;
  }
  .nav-carousel .slick-list:after {
    top: 12px;
    bottom: 12px;
  }
  .nav-carousel .slick-slide {
    padding: 18px 12px 15px;
  }
  .vis-carousel {
    margin-left: -18px;
    margin-right: -18px;
  }
  .vis-carousel .slick-arrow {
    width: 60px;
    height: 60px;
    margin-top: -44px;
    border-radius: 30px;
  }
  .vis-carousel .slick-arrow:before {
    font-size: 1.4rem;
    margin-top: -0.7rem;
  }
  .vis-carousel .slick-prev:before {
    margin-left: 0.1rem;
  }
  .vis-carousel .slick-next:before {
    margin-left: -1.5rem;
  }
  .vis-carousel .slick-dots {
    margin-top: 18px;
  }
  ol.form-step> li {
    padding-left: 18px;
  }
  ol.form-step> li:before {
    width: 18px;
  }
  .grid--3col-sp .form-link-box> a {
    border-left: none !important;
  }
  .grid--3col-sp .form-link-box:nth-child(3n+1)> a {
    border-left: 1px solid #e2e6e8 !important;
  }
  .grid--3col-sp .form-link-box:nth-child(3n+1)> a:before {
    display: block;
    content: "";
    border-top: 1px solid #e2e6e8;
    position: absolute;
    top: 0;
    left: 0;
    width: 1500px;
  }
  .grid--2col-sp .form-link-box> a {
    border-left: none !important;
  }
  .grid--2col-sp .form-link-box:nth-child(2n+1)> a {
    border-left: 1px solid #e2e6e8 !important;
  }
  .grid--2col-sp .form-link-box:nth-child(2n+1)> a:before {
    display: block;
    content: "";
    border-top: 1px solid #e2e6e8;
    position: absolute;
    top: 0;
    left: 0;
    width: 1500px;
  }
  .grid--break-sp .form-link-box {
    border-top: 1px solid #e2e6e8;
  }
  .grid--break-sp .form-link-box:first-child {
    border-top: none;
  }
  .grid--break-sp .form-link-box> a {
    border-left: 1px solid #e2e6e8;
    border-right: 1px solid #e2e6e8;
  }
  .grid--break-sp .form-link-box> a:before {
    display: none !important;
  }
  .form-btn-sytle01 {
    width: 100%;
  }
  .sol-container .content-side {
    padding-left: 18px;
    padding-right: 18px;
  }
  .sol-title .sol-title-inner {
    padding: 12px 15px;
    min-height: 80px;
  }
  .sol-title .sol-subtitle {
    font-size: 2rem;
  }
  .workRefineSearchField {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  table.topics-white {
    width: auto;
    margin: 0 auto;
  }
  .topics-top-nav-item {
    border: none !important;
  }
  .itemBranch .itemBranch-inner {
    width: 100%;
  }
  .itemBranch .itemBranch-inner:before,
  .itemBranch .itemBranch-inner:after {
    width: 100%;
    height: 20px;
  }
  .itemBranch .itemBranch-inner .itemBranch-list {
    display: block;
  }
  .itemBranch .itemBranch-inner .itemBranch-list> li {
    height: 140px;
  }
  .itemBranch .itemBranch-inner .itemBranch-list> li a {
    width: 100%;
    height: 140px;
  }
  .itemBranch .itemBranch-inner .itemBranch-list> li a .itemBranch-caption {
    width: 100%;
    height: 140px;
    line-height: 140px;
  }
  .itemBranch .itemBranch-inner .itemBranch-list> li a:hover {
    width: 100%;
    height: 140px;
  }
  .container-topic {
    width: 96%;
  }
  .topics-title {
    margin-top: 17px;
    border-top: 1px solid #e2e6e8;
  }
  .ttlStyle01 {
    line-height: 1.4;
  }
  .ttlStyle02 {
    line-height: 1.4;
    margin: 15px 0;
  }
  .ttlStyle03 {
    margin-bottom: 20px;
  }
  .mediaList--two .mediaList-img:first-child {
    margin-right: 0;
  }
  .mediaList--two .mediaList-img:nth-child(2) {
    margin-left: 0;
  }
  .mediaList {
    display: block;
  }
  .mediaList .mediaList-img+ .mediaList-img {
    margin-top: 14px;
  }
  .mediaList--three .mediaList-img {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
            flex-basis: auto;
    width: 100%;
  }
  .mediaList+ .mediaList-caption--bottom {
    margin-top: -10px;
  }
  .topic-btn-sytle01 {
    width: 100%;
  }
  .topicsHero--fixing .topicsHero-ttl {
    padding-left: 0;
  }
  .topicsContainer {
    padding: 36px 12px 0;
  }
  .topicsContainer .topics-ttl {
    font-size: 2rem;
    font-weight: 700;
  }
  .topicsColumn {
    padding: 48px 24px;
  }
  .topicsImg02 {
    display: block;
  }
  .topicsImg02-item {
    padding-right: 0;
    text-align: center;
  }
  .topicsImg02-item02 {
    display: block;
    border-left: none;
  }
  .topicsImg02-item02 img {
    margin: 10px auto 10px;
    display: block;
  }
  .topicsImg02-item02 p {
    text-align: center;
    margin-bottom: 20px;
  }
  .buleFrame-inner {
    padding: 10px;
  }
  .buleFrame-link {
    height: 68px;
  }
  .buleFrame-img {
    width: 90px;
  }
  .buleFrame-img.vertical {
    width: 60px;
  }
  .buleFrame-text {
    font-size: 1.6rem;
  }
  .topicsCoverWrapper> div {
    display: block;
    padding: 0;
  }
  .topicsCoverWrapper-item {
    width: 100%;
    padding: 36px 24px;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
            flex-basis: auto;
  }
  .topicsCoverWrapper-img {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
            flex-basis: auto;
  }
  .topicsTable tr th {
    display: block;
    width: 100%;
  }
  .topicsTable tr td {
    display: block;
    width: 100%;
    line-height: 1.5;
  }
  .pagination-list {
    margin-top: 48px;
  }
  .pagination-list-item {
    width: auto;
    margin-right: auto;
    margin-left: auto;
  }
  .pagination-list-item:first-child {
    margin-bottom: 30px;
  }
  .dream-title {
    background: #081129;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
  }
  .dream-title h1 {
    font-size: 1.6rem;
    color: #cccccc;
    padding: 0 30px;
  }
  .dreamline {
    background: #081129;
  }
  .dream-list {
    padding: 12px 0;
  }
  .dream-list-pdf span {
    padding-left: 40px;
  }
  .dream-borderBox {
    background: #00508f;
    padding: 18px !important;
  }
  .dreamContainer {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2;
  }
  .dreamSection-sp {
    padding: 0 25px;
  }
  .dreamBlue-sp {
    background: #00508f;
    padding: 18px;
  }
  .dreamDarkBlue-sp {
    background: #003f7c;
    padding: 18px;
  }
  .dream-title-lv1 {
    font-size: 2.4rem;
    line-height: 1.6;
  }
  .dream-title-lv2 {
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.6;
  }
  .dream-title-lv3 {
    font-size: 1.6rem;
    font-weight: bold;
  }
  .dream-txt-lv1 {
    font-size: 1.6rem;
    line-height: 2;
  }
  .dream-txt-lv2 {
    color: #ffffff;
    font-size: 1.4rem;
    line-height: 2;
  }
  .dream-txt-white-sp {
    color: #ffffff;
  }
  .dream-card-wrap {
    background: #00508f;
    padding: 18px;
  }
  .dream-card:not(:first-child) {
    margin-top: 18px;
  }
  .dream-figure .dream-figure {
    margin-top: 0;
    color: #ffffff;
    font-size: 1.6rem;
    font-weight: bold;
    background: #00508f;
    padding: 15px 18px;
  }
  .dreamLayout-item img {
    display: block;
    margin: auto;
  }
  .dreamLayout-item:nth-child(n+2) {
    margin-top: 20px;
  }
  .works-pickup .works-pickup-item {
    display: block !important;
  }
  .works-pickup .works-pickup-item> .image {
    width: auto;
    border-bottom: 1px solid #ffffff;
  }
  .works-pickup .works-pickup-item> .image> .figure-fixed {
    width: 400px;
  }
  .works-pickup .works-pickup-item> .body {
    border: none;
    padding-right: 24px;
  }
  .works-pickup .slick-arrow {
    display: none !important;
  }
  .p_resultList {
    display: block;
  }
  .p_resultList> li {
    width: auto;
  }
  .p_resultList> li> a .p_img {
    height: auto;
  }
  .p_resultList> li> a .p_img:before {
    display: none;
  }
  .p_resultList> li> a .p_img> .p_img_inner {
    position: static;
  }
  .works-side {
    margin-top: 24px;
  }
  .works-side {
    padding: 0 36px 80px;
  }
  .works-search-func {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .works-search-func> li {
    margin-bottom: 0;
  }
  .m_checkList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .m_checkList> li {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
            flex-grow: 2;
    width: auto;
    margin: 0 5px;
  }
  .m_checkList> li> label> span> span {
    padding-right: 10px !important;
  }
  .works-table th {
    width: auto;
    white-space: normal;
  }
  .works-mainvis {
    max-height: none;
    max-width: none;
    width: 100%;
  }
  .soa-carousel .slick-prev {
    left: -40px;
  }
  .soa-carousel .slick-next {
    right: -40px;
  }
  .soa-carousel .slick-arrow {
    width: 80px;
    height: 80px;
    margin-top: -40px;
    border-radius: 40px;
  }
  .gallery-carousel-utils .gallery-carousel-modal {
    display: none;
  }
  .title-body-gallery {
    padding-right: 0 !important;
  }
  .gallery-header-detail {
    width: 300px;
    left: 50%;
    margin-left: -150px;
    top: auto;
    bottom: -70px;
  }
  .gallery-carousel-container {
    margin-top: 60px;
  }
  div:not(.gallery-carousel-overlay) .gallery-carousel {
    overflow: hidden;
  }
  div:not(.gallery-carousel-overlay) .gallery-carousel .slick-arrow {
    width: 60px;
    height: 60px;
    margin-top: -30px;
    border-radius: 30px;
  }
  div:not(.gallery-carousel-overlay) .gallery-carousel .slick-prev {
    left: -36px;
  }
  div:not(.gallery-carousel-overlay) .gallery-carousel .slick-prev:before {
    margin-left: 10px;
  }
  div:not(.gallery-carousel-overlay) .gallery-carousel .slick-next {
    right: -36px;
  }
  div:not(.gallery-carousel-overlay) .gallery-carousel .slick-next:before {
    margin-left: -20px;
  }
  .gallery-carousel-utils {
    margin-top: 18px;
  }
  .gallery-carousel-utils .gallery-carousel-indicator {
    right: 18px;
  }
  .gallery-carousel-thumbs-bg {
    margin-top: 18px;
  }
  .gallery-carousel-thumbs {
    margin-top: 0;
  }
  .gallery-carousel-thumbs .slick-list {
    height: 135px;
  }
  .gallery-carousel-thumbs .gallery-carousel-thumb {
    width: 136px;
  }
  .gallery-header-detail {
    padding-right: 24px;
  }
  .container--top {
    padding: 0 18px;
  }
  .mainV-button {
    bottom: 17px;
  }
  .mainV-kodomo {
    top: 45%;
  }
  .mainV-cap {
    bottom: 10px;
  }
  .mainV-info {
    width: calc(100% - 36px);
    height: 30px;
    bottom: -50px;
  }
  .mainV-info-anker {
    text-align: center;
    padding-left: 0;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .mainV-info-anker:before {
    top: 1px;
    right: 12px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .mainV-scroll {
    bottom: 30px;
  }
  .mainV-scroll {
    display: none;
  }
  .infoFix2 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
  .grid> .infoFix2 {
    margin-top: 0;
  }
  .chouseiPickup {
    margin: 60px auto 30px;
    overflow: hidden;
  }
  .chouseiKodomo {
    padding: 35px 0 30px;
  }
  .chouseiNews {
    padding-top: 30px;
  }
  .chouseiNews .container {
    padding: 0 16px;
  }
  .chouseiBanner {
    padding-top: 0;
    padding-bottom: 18px;
  }
  .chouseiBanner .container {
    padding: 0 27px;
  }
  .chouseiBanner .grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .chouseiBanner .grid> div {
    padding: 0 9px;
    margin-top: 0;
  }
  .chouseiBanner .grid .grid-col-4 {
    margin-top: 18px;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
  }
  .chouseiBanner .grid .grid-col-4:nth-child(n+3) {
    margin-top: 18px;
  }
  .chouseiLinkBtn {
    padding-top: 0;
    padding-bottom: 0;
  }
  .chouseiLinkBtn .container {
    padding: 0 27px;
  }
  .chouseiLinkBtn .container .linkTokutei {
    padding: 0 0 18px 0;
  }
  .chouseiLinkBtn .grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .chouseiLinkBtn .grid> div {
    padding: 0 9px;
  }
  .chouseiLinkBtn .grid .grid-col-2 {
    margin-top: 18px;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
  }
  .chouseiLinkBtn .grid .grid-col-2:nth-child(n+3) {
    margin-top: 18px;
  }
  .ttl-style01,
  .ttl-style02 {
    font-size: 2.1rem;
  }
  .ttl-style01 span,
  .ttl-style02 span {
    font-size: 1.0rem;
    margin-top: 10px;
  }
  .ttl-style01 {
    padding-bottom: 30px;
  }
  .ttl-style02 {
    padding-bottom: 30px;
  }
  .pickup-list {
    margin-top: 25px;
  }
  .pickup-txt span {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0 17px;
    line-height: 25.2px;
    font-weight: 400;
  }
  .pickup .slick-prev {
    left: -45px;
  }
  .pickup .slick-prev:before {
    left: 25px;
  }
  .pickup .slick-next {
    right: -45px;
  }
  .pickup .slick-next:before {
    right: 25px;
  }
  .jigyouChouse {
    padding-top: 30px;
  }
  .topGrid {
    height: auto;
  }
  .jigyouImg {
    position: static;
    width: 100%;
    height: auto;
  }
  .jigyouOya {
    position: static;
    padding: 0 18px 45px;
    width: auto;
  }
  .jigyouCard,
  .jigyouCard2,
  .jigyouCard3,
  .jigyouCard4,
  .jigyouCard5 {
    position: relative;
    top: -10px;
    height: auto;
    padding: 18px 18px 60px;
  }
  .business-item-ttl {
    margin-bottom: 15px;
  }
  .business-item-txt {
    font-size: 20px;
    font-size: 2rem;
  }
  .business-item-txt span {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 15px;
  }
  .business-item-btn:before,
  .business-item-btn2:before,
  .business-item-btn3:before,
  .business-item-btn4:before {
    padding: 14px 0 0;
    font-size: 2.0rem;
    width: 50px;
    height: 50px;
    top: 25px;
  }
  .business-item-btn,
  .business-item-btn2,
  .business-item-btn3,
  .business-item-btn4 {
    bottom: -101px;
    left: 0;
    width: 50px;
  }
  .business-item-ttlDark,
  .business-item-ttlWhite {
    margin-bottom: 15px;
  }
  .message {
    padding: 50px 0 40px;
  }
  .message-ttl {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 20px;
  }
  .message-txt {
    margin-bottom: 30px;
  }
  .ttl-style03 {
    font-size: 2.0rem;
    margin-top: 40px;
  }
  .ttl-style03 span {
    font-size: 1.0rem;
    margin-top: 5px;
  }
  .topicsMenu {
    padding: 0;
  }
  .topicsMenu .container {
    padding: 0;
  }
  .topicsMenu .container .grid-wrap {
    margin: 0 9px 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
  }
  .topicsMenu .container .grid-wrap> div {
    padding: 0 9px;
  }
  .topicsMenu-closeBtn {
    display: block;
    text-align: center;
    padding: 25px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 1.2rem;
  }
  .topicsMenu-closeBtn:before {
    font-size: 1.2rem;
  }
  .topicsMenu-closeBtn02 {
    border-bottom: none;
  }
  .infoBichousei .text {
    margin: 0;
  }
  .co-top-cat {
    margin-left: -18px;
    margin-right: -18px;
    padding: 24px;
  }
  .co-top-cat> .desc {
    margin-top: 18px;
  }
  .co-top-cat> .link {
    margin-top: 18px;
  }
  .co-top-cat> .link> a {
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
  }
  body> main> div.aboutnone {
    display: block;
  }
  .presidentWrap {
    height: 100px;
  }
  .temptitle {
    display: none;
  }
  .aboutTitle {
    margin-top: 130px;
    width: 100%;
    font-size: 1.8rem;
    display: relative;
    color: #ffffff;
    height: 120px;
    padding: 0 30px;
  }
  .imgWrapper {
    overflow: visible;
    background: url("/company/about/images/img_01.jpg") no-repeat -600px 0;
    margin-bottom: 0;
  }
  .topmessageWrap-mini {
    padding: 0;
  }
  .topmessageWrap {
    position: static;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    height: 300px;
  }
  .topMsg {
    position: relative;
    width: auto;
    margin: 0 24px;
    top: -20px;
    left: 0;
    background: #356cb6;
    text-shadow: initial;
    text-shadow: none;
  }
  .topMsg h3 {
    font-size: 20px;
  }
  .aboutmore2 {
    width: 100%;
    text-align: left;
    border: none;
  }
  .category-intro.keieiBox .category-intro-thumb {
    margin-bottom: 30px;
  }
  .category-intro.keieiBox .category-intro-body> .summary {
    display: block;
  }
  .category-intro.keieiBox .category-intro-body .link a {
    width: 100%;
  }
  .category-intro .category-intro-body .link> a {
    min-width: auto;
  }
  .category-intro.keieiBox .category-intro-thumb {
    margin: 0 0 15px;
    position: relative;
    z-index: 1;
  }
  .category-intro.keieiBox {
    height: 400px;
  }
  .topMsg {
    padding: 24px;
    margin: 0 24px;
    height: auto;
  }
  .topMsg h3 {
    font-size: 2.4rem;
    margin: 5px 0 20px 0;
  }
  .aboutmore3 a {
    width: 100%;
    min-width: auto;
    font-size: 95%;
  }
  .messageTitle {
    font-size: 1.7rem;
    font-weight: 700;
  }
  .messageMidashi {
    width: 100%;
    text-align: initial;
  }
  .headerfixcut {
    position: static;
    height: 80px;
  }
  .corp-logo2 {
    width: 124px;
  }
  .m_linkList li> a {
    padding: 10px 30px 10px 10px;
  }
  .m_linkList li> a:before {
    right: 0 !important;
  }
  #N0165 .soa-icon {
    width: 20%;
    max-width: 115px;
    top: -40px;
  }
  .buttonExtend {
    width: 100%;
    font-size: 1.5rem;
  }
  .ir-imglink {
    padding: 15px;
    max-width: 490px;
    margin: 0 auto;
  }
  .ir-imglink a {
    display: block;
  }
  .ir-imglink-text {
    display: block;
    width: auto;
    padding: 15px;
  }
  .ir-imglink-img {
    display: block;
    width: auto;
  }
  .ir-boxlink a {
    display: block;
  }
  .ir-boxlink-title {
    display: block;
    width: auto;
    padding: 15px 15px 10px;
    text-align: left;
    border-right: none;
  }
  .ir-boxlink-text {
    display: block;
    padding: 0 15px 15px;
  }
  .sol-carousel .sol-carousel-text {
    padding: 18px;
  }
  .sol-carousel .sol-carousel-title {
    margin-top: 5px;
    margin-bottom: 18px;
  }
  .sol-carousel .sol-carousel-link {
    right: 18px;
    bottom: 18px;
  }
  .sol-carousel .sol-carousel-summary {
    margin-top: 12px;
    font-size: 2rem;
  }
  .sol-search .sol-search-buttons--result li {
    width: auto !important;
  }
  .sol-search {
    margin-bottom: 0;
    margin-top: 36px !important;
  }
  .sol-search .sol-search-func {
    margin: 18px 18px 0 18px;
  }
  .sol-search .sol-search-buttons {
    margin-bottom: 18px;
    margin-right: 6px;
    margin-left: 6px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sol-search .sol-search-buttons li {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
            flex-grow: 2;
    width: auto;
  }
  .sol-search .sol-search-buttons input[type=checkbox]+ span {
    border-color: #e2e6e8;
  }
  .sol-result .sol-result-item {
    margin-top: 18px;
    padding: 18px;
  }
  .sol-result {
    margin-top: 24px;
  }
  .sol-result .sol-result-item> .sol-result-thumb {
    max-width: 180px;
    max-height: 180px;
  }
  .sol-search:first-child {
    border-right: 1px solid #e2e6e8;
  }
  .sol-search:last-child {
    margin-top: -1px;
  }
  .solRes-search-func {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .solRes-search-func> li> button {
    padding-left: 18px;
    padding-right: 18px;
  }
  #solutionSearchField1 .m_checkList {
    margin-left: -5px;
    margin-right: -5px;
    padding-top: 10px;
  }
  .sol-purpose-lead> dd {
    margin-bottom: 24px;
  }
  .sol-purpose-lead {
    margin-top: 36px !important;
  }
  .solutionKeyIcon ul li {
    width: 50%;
  }
  .byoin-tune.construction-carousel .construction-carousel-item-image p span {
    display: none;
  }
  #N0224 .construction-inner {
    display: none;
  }
  .coverWrapper-saijo--01 {
    max-height: 320px;
    height: 320px;
  }
  .coverWrapper-saijo--01 .coverTitle,
  .coverWrapper-saijo--01 .coverWrapper-item07--00-ttl,
  .coverWrapper-saijo--01 .coverWrapper-item09--01 .inner-ttl,
  .coverWrapper-item09--01 .coverWrapper-saijo--01 .inner-ttl,
  .coverWrapper-saijo--01 .coverWrapper-sus-item01--01 .inner-ttl,
  .coverWrapper-sus-item01--01 .coverWrapper-saijo--01 .inner-ttl {
    width: 98%;
    padding: 30px 2% 0;
  }
  .coverWrapper-saijo--01 .coverTitle-title {
    bottom: 10px;
  }
  .coverWrapper-saijo--02 {
    background-size: cover;
    height: 700px;
    min-height: 700px;
  }
  .coverWrapper-saijo--02 .coverContent {
    width: 90%;
  }
  .coverWrapper-saijo--02 .coverContent .coverContent-txt {
    padding-top: 40px;
  }
  .coverWrapper-saijo--03 .inner {
    width: 84%;
    margin: auto;
  }
  .coverWrapper-saijo--03 .inner> .img {
    margin-bottom: 0;
  }
  .coverWrapper-saijo--04 {
    height: 340px;
  }
  .coverWrapper-saijo--04 .coverWrapper-caption {
    padding-top: 310px;
  }
  .saijoDetail-txt--pc {
    display: none;
  }
  .saijoDetail-txt--sp {
    display: block;
  }
  .coverWrapper-tama--01 {
    max-height: 320px;
    height: 320px;
  }
  .coverWrapper-tama--01 .coverTitle,
  .coverWrapper-tama--01 .coverWrapper-item07--00-ttl,
  .coverWrapper-tama--01 .coverWrapper-item09--01 .inner-ttl,
  .coverWrapper-item09--01 .coverWrapper-tama--01 .inner-ttl,
  .coverWrapper-tama--01 .coverWrapper-sus-item01--01 .inner-ttl,
  .coverWrapper-sus-item01--01 .coverWrapper-tama--01 .inner-ttl {
    width: 98%;
    padding: 30px 2% 0;
  }
  .coverWrapper-tama--01 .coverTitle-title {
    bottom: 10px;
  }
  .coverWrapper-tama--02 {
    background-size: cover;
    height: 700px;
    min-height: 700px;
  }
  .coverWrapper-tama--02 .coverContent {
    width: 90%;
  }
  .coverWrapper-tama--02 .coverContent .coverContent-txt {
    padding-top: 40px;
  }
  .coverWrapper-tama--03 .inner {
    width: 84%;
    margin: auto;
  }
  .coverWrapper-tama--03 .inner> .img {
    margin-bottom: 0;
  }
  .coverWrapper-tama--04 {
    height: 340px;
  }
  .coverWrapper-tama--04 .coverWrapper-caption {
    padding-top: 310px;
  }
  .tamaDetail-txt--pc {
    display: none;
  }
  .tamaDetail-txt--sp {
    display: block;
  }
  .jigyouMain {
    max-width: 450px;
    display: block;
  }
  .jigyouMain .jigyouGrid {
    width: 100%;
    margin-bottom: 20px;
  }
  .sideWrapper {
    width: auto;
    padding: 0 36px;
  }
  .topics-const-carousel {
    padding: 0;
  }
  .topics-const-carousel> .vis-carousel .slick-list {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
  .construction-box2 {
    margin: 0;
  }
  .construction-box2.grid-wrap> div {
    padding: 0;
  }
  .construction-box2 .card-title {
    font-weight: 700;
    font-size: 1.8rem;
  }
  .construction-box3 {
    margin: 0;
  }
  .construction-box3.grid-wrap--3col .grid-wrap-box {
    border: 1px solid #e2e6e8;
    width: auto;
    margin: 0 18px 40px;
    padding: 0;
    box-sizing: border-box;
  }
  .construction-linkbox .construction-link {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .eventSec {
    padding: 0;
  }
  .newsSearchT {
    margin-top: 30px;
  }
  .news-search-form {
    margin-top: 36px;
  }
  .news-search-form ul {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 9px;
  }
  .news-search-form ul li {
    -webkit-box-flex: 5;
    -webkit-flex-grow: 5;
    -ms-flex-positive: 5;
            flex-grow: 5;
    text-align: center;
    margin: 9px;
    display: inline-block;
  }
  .news-search-form ul li:first-child {
    margin-top: 9px;
  }
  .news-search-form ul input:checked+ span {
    background-color: #356cb6;
    color: #ffffff;
  }
  .news-search-form ul label span {
    width: 100%;
    border: 1px solid #356cb6;
    border-radius: 18px;
    padding: 2px 12px;
    font-size: 1.4rem;
  }
  .news-search .news-search-buttons li {
    width: calc(100% - 20px);
  }
  .news-search .news-search-buttons input[type=radio]+ span {
    font-size: 1.2rem;
  }
  .newsReleaseImg img {
    max-width: auto;
    height: auto;
  }
  .newsW {
    padding: 50px 0 80px;
  }
  .coverWrapper-yoyogi--01 {
    max-height: 500px;
  }
  .coverWrapper-yoyogi--01 .coverTitle,
  .coverWrapper-yoyogi--01 .coverWrapper-item07--00-ttl,
  .coverWrapper-yoyogi--01 .coverWrapper-item09--01 .inner-ttl,
  .coverWrapper-item09--01 .coverWrapper-yoyogi--01 .inner-ttl,
  .coverWrapper-yoyogi--01 .coverWrapper-sus-item01--01 .inner-ttl,
  .coverWrapper-sus-item01--01 .coverWrapper-yoyogi--01 .inner-ttl {
    width: 98%;
    padding: 30px 2% 0;
  }
  .coverWrapper-yoyogi--01 .coverTitle-title {
    bottom: 10px;
  }
  .coverWrapper-yoyogi--02 {
    height: 450px;
  }
  .coverWrapper-yoyogi--02 .coverTitle,
  .coverWrapper-yoyogi--02 .coverWrapper-item07--00-ttl,
  .coverWrapper-yoyogi--02 .coverWrapper-item09--01 .inner-ttl,
  .coverWrapper-item09--01 .coverWrapper-yoyogi--02 .inner-ttl,
  .coverWrapper-yoyogi--02 .coverWrapper-sus-item01--01 .inner-ttl,
  .coverWrapper-sus-item01--01 .coverWrapper-yoyogi--02 .inner-ttl {
    width: 98%;
    padding: 30px 2% 0;
  }
  .coverWrapper-yoyogi--03 {
    height: 450px;
  }
  .coverWrapper-yoyogi--03 .coverTitle,
  .coverWrapper-yoyogi--03 .coverWrapper-item07--00-ttl,
  .coverWrapper-yoyogi--03 .coverWrapper-item09--01 .inner-ttl,
  .coverWrapper-item09--01 .coverWrapper-yoyogi--03 .inner-ttl,
  .coverWrapper-yoyogi--03 .coverWrapper-sus-item01--01 .inner-ttl,
  .coverWrapper-sus-item01--01 .coverWrapper-yoyogi--03 .inner-ttl {
    width: 98%;
    padding: 30px 2% 0;
  }
  .coverWrapper-yoyogi--04 {
    height: 640px;
  }
  .coverWrapper-yoyogi--04 .coverWrapper-caption {
    padding-top: 670px;
  }
  .coverWrapper-yoyogi--05 .inner {
    width: 84%;
    margin: auto;
  }
  .coverWrapper-yoyogi--05 .inner> .img {
    margin-bottom: 0;
  }
  .coverWrapper-yoyogi--06 {
    max-height: 700px;
  }
  .coverWrapper-yoyogi--06 .coverTitle,
  .coverWrapper-yoyogi--06 .coverWrapper-item07--00-ttl,
  .coverWrapper-yoyogi--06 .coverWrapper-item09--01 .inner-ttl,
  .coverWrapper-item09--01 .coverWrapper-yoyogi--06 .inner-ttl,
  .coverWrapper-yoyogi--06 .coverWrapper-sus-item01--01 .inner-ttl,
  .coverWrapper-sus-item01--01 .coverWrapper-yoyogi--06 .inner-ttl {
    width: 98%;
    padding: 30px 2% 0;
  }
  .coverWrapper-yoyogi--06 .coverTitle-title {
    bottom: 10px;
  }
  .coverWrapper-kabukiza--03 .inner {
    padding: 40px 0;
  }
  .coverWrapper-kabukiza--01 {
    max-height: 320px;
    height: 320px;
  }
  .coverWrapper-kabukiza--01 .coverTitle,
  .coverWrapper-kabukiza--01 .coverWrapper-item07--00-ttl,
  .coverWrapper-kabukiza--01 .coverWrapper-item09--01 .inner-ttl,
  .coverWrapper-item09--01 .coverWrapper-kabukiza--01 .inner-ttl,
  .coverWrapper-kabukiza--01 .coverWrapper-sus-item01--01 .inner-ttl,
  .coverWrapper-sus-item01--01 .coverWrapper-kabukiza--01 .inner-ttl {
    width: 98%;
    padding: 30px 2% 0;
  }
  .coverWrapper-kabukiza--01 .coverTitle-title {
    bottom: 10px;
  }
  .coverWrapper-kabukiza--02 {
    background: #356cb6 url("/topics/construction/item01/content02/images/img_index_09.jpg") no-repeat center center;
    background-size: cover;
    height: 700px;
    min-height: 700px;
  }
  .coverWrapper-kabukiza--02 .coverContent {
    width: 90%;
  }
  .coverWrapper-kabukiza--02 .coverContent .coverContent-txt {
    padding-top: 40px;
  }
  .coverWrapper-kabukiza--03 .inner {
    width: 84%;
    margin: auto;
  }
  .coverWrapper-kabukiza--03 .inner> .img {
    margin-bottom: 0;
  }
  .coverWrapper-kabukiza--04 {
    height: 340px;
  }
  .coverWrapper-kabukiza--04 .coverWrapper-caption {
    padding-top: 310px;
  }
  .kabukizaDetail-txt--pc {
    display: none;
  }
  .kabukizaDetail-txt--sp {
    display: block;
  }
  .container-topic .flagInline {
    display: block;
  }
  .container-topic .flagInline .flagInline-txt {
    padding-right: 0;
  }
  .container-topic .flagInline .flagInline-img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-top: 20px;
  }
  .container-topic .flagInline--right--longitudinal .flagInline-txt {
    padding-right: 30px;
  }
  .container-topic .flagInline--right--longitudinal .flagInline-img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    position: relative;
  }
  .container-topic .flagInline--right--longitudinal .mediaList-caption--moveLeftBottom {
    text-align: left;
    position: static;
  }
  .coverWrapper-amarube--01 {
    max-height: 420px;
    height: 420px;
  }
  .coverWrapper-amarube--01 .coverTitle,
  .coverWrapper-amarube--01 .coverWrapper-item07--00-ttl,
  .coverWrapper-amarube--01 .coverWrapper-item09--01 .inner-ttl,
  .coverWrapper-item09--01 .coverWrapper-amarube--01 .inner-ttl,
  .coverWrapper-amarube--01 .coverWrapper-sus-item01--01 .inner-ttl,
  .coverWrapper-sus-item01--01 .coverWrapper-amarube--01 .inner-ttl {
    width: 98%;
    padding: 30px 2% 0;
  }
  .coverWrapper-amarube--01 .coverTitle-title {
    bottom: 10px;
  }
  .coverWrapper-amarube--02 {
    height: 700px;
    min-height: 700px;
  }
  .coverWrapper-amarube--02 .coverTitle,
  .coverWrapper-amarube--02 .coverWrapper-item07--00-ttl,
  .coverWrapper-amarube--02 .coverWrapper-item09--01 .inner-ttl,
  .coverWrapper-item09--01 .coverWrapper-amarube--02 .inner-ttl,
  .coverWrapper-amarube--02 .coverWrapper-sus-item01--01 .inner-ttl,
  .coverWrapper-sus-item01--01 .coverWrapper-amarube--02 .inner-ttl {
    width: 98%;
    padding: 30px 2% 0;
  }
  .coverWrapper-amarube--02 .coverTitle-title {
    bottom: 10px;
  }
  .coverWrapper-amarube--03 .inner {
    width: 84%;
    margin: auto;
  }
  .coverWrapper-amarube--03 .inner> .img {
    margin-bottom: 0;
  }
  .coverWrapper-amarube--04 {
    height: 840px;
  }
  .coverWrapper-amarube--04 .coverTitle,
  .coverWrapper-amarube--04 .coverWrapper-item07--00-ttl,
  .coverWrapper-amarube--04 .coverWrapper-item09--01 .inner-ttl,
  .coverWrapper-item09--01 .coverWrapper-amarube--04 .inner-ttl,
  .coverWrapper-amarube--04 .coverWrapper-sus-item01--01 .inner-ttl,
  .coverWrapper-sus-item01--01 .coverWrapper-amarube--04 .inner-ttl {
    padding: 780px 0 30px 50%;
  }
  .coverWrapper-oase--00 {
    height: auto;
    max-height: none;
  }
  .coverWrapper-oase--00> p {
    width: 100%;
    padding: 0 20px;
  }
  .coverWrapper-oase--00> p.coverWrapper-oase-title01 {
    font-size: 3rem;
    line-height: 1.4;
  }
  .coverWrapper-oase--00> p.coverWrapper-oase-title02 {
    font-size: 2.6rem;
    line-height: 1.2;
  }
  .coverWrapper-oase--01 {
    max-height: 320px;
    height: 320px;
  }
  .coverWrapper-oase+ .subtxt {
    width: 100%;
    text-align: left;
  }
  .coverWrapper-oase--02 {
    max-height: 180px;
    height: 180px;
  }
  .coverWrapper-oase--03 {
    max-height: 820px;
    height: 820px;
  }
  .coverWrapper-oase--03 .coverContent {
    width: 90%;
  }
  .coverWrapper-oase--03 .coverContent .coverContent-txt {
    padding-top: 50px;
  }
  .img-oase01-caption {
    width: 98%;
    position: static;
    text-align: left;
  }
  .oaseContent01-txt {
    background: url(/topics/construction/item01/content04/images/img_index_11.jpg) no-repeat center bottom;
    background-size: 300px auto;
    min-height: auto;
    padding-left: 0;
    padding-bottom: 280px;
  }
  .oaseContent01-caption {
    font-size: 1.4rem;
  }
  .grid-4-ttl {
    background: url("/topics/construction/item02/images/composition-ttl-sp.jpg") no-repeat;
    background-size: 100% auto;
  }
  .cityblock-list {
    display: block;
  }
  .cityblock-list div {
    margin-bottom: 20px;
    width: 100%;
  }
  .cityblock-list .composition-list dd:last-child {
    min-height: auto;
  }
  .cityblock-list div> figure img {
    max-width: 205px;
    max-height: 410px;
  }
  .coverWrapper-item07--00 {
    height: 190px;
    padding-top: 30px;
  }
  .coverWrapper-item07--00-ttl {
    display: none;
  }
  .coverWrapper-item07--01-ttl {
    display: block;
    width: 96%;
    margin: auto;
    font-size: 3.2rem;
    font-weight: 700;
    color: #ffffff;
  }
  .coverWrapper-item07--01 p {
    width: 94%;
    padding: 0;
  }
  .coverWrapper-item07--02 .flagInline {
    display: block;
  }
  .coverWrapper-item07--02 .flagInline.flagInline--left .flagInline-txt {
    padding: 0;
  }
  .coverWrapper-item07--02 .flagInline.flagInline--left .flagInline-img {
    margin-bottom: 20px;
  }
  .coverWrapper-item07--02 .flagInline.flagInline--left .flagInline-img .flagInline-img-caption {
    position: static;
    text-align: center;
  }
  .coverWrapper-item07--02 .mediaList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .coverWrapper-item07--02 .mediaList .mediaList-img {
    -webkit-flex-basis: 49%;
    -ms-flex-preferred-size: 49%;
            flex-basis: 49%;
  }
  .coverWrapper-item07--02 .mediaList .mediaList-img+ .mediaList-img {
    margin: 0;
  }
  .coverWrapper-item07--02 .mediaList .mediaList-img:nth-child(odd) {
    margin-right: 0.5%;
  }
  .coverWrapper-item07--02 .mediaList .mediaList-img:nth-child(even) {
    margin-left: 0.5%;
  }
  .coverWrapper-item07--02 .mediaList .mediaList-img:nth-child(n+3) {
    margin-top: 5px;
  }
  .coverWrapper-item07--02 .mediaList-caption--bottomRight {
    text-align: center;
    margin-bottom: 20px;
  }
  .coverWrapper-item07--02 section.mt-line .ttlStyle02 {
    margin-top: 0;
  }
  .coverWrapper-item07--03 .column-inner {
    width: 90%;
  }
  .block-item07-01 {
    display: block;
  }
  .block-item07-01-txt {
    padding: 30px 0;
  }
  .block-item07-01-imgCaption {
    position: static;
    text-align: center;
  }
  .block-item07-03 {
    margin-top: 30px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .block-item07-03-left {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
  .block-item07-03-left .mediaList-caption {
    text-align: center;
  }
  .block-item07-03-right {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
            order: -1;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    padding-left: 0;
  }
  .block-item07-03-right .ttlStyle02 {
    line-height: 1;
    margin-top: 0;
  }
  .block-item07-03-right .txt {
    font-size: 16px;
    line-height: 1.8;
    font-weight: 400;
    min-height: 162px;
  }
  .block-item07-03-right .mediaList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    margin-bottom: 10px;
  }
  .block-item07-03-right .mediaList .mediaList-img+ .mediaList-img {
    margin: 0;
  }
  .block-item07-03-right .mediaList+ .mediaList-caption--bottom {
    margin-bottom: 20px;
  }
  .block-item07-04 .mediaList--three {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-top: 30px;
  }
  .block-item07-04 .mediaList--three .mediaList-img:first-child {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
  .block-item07-04 .mediaList--three .mediaList-img:nth-child(2),
  .block-item07-04 .mediaList--three .mediaList-img:nth-child(3) {
    -webkit-flex-basis: 49.5%;
    -ms-flex-preferred-size: 49.5%;
            flex-basis: 49.5%;
    margin-left: 0;
  }
  .block-item07-04 .mediaList--three .mediaList-img:nth-child(2) {
    margin-right: 1%;
  }
  .block-item07-06-flag {
    display: block;
  }
  .block-item07-06-flag .flag-txt {
    padding-right: 0;
    margin-bottom: 20px;
  }
  .block-item07-08 {
    width: 96%;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .block-item07-08-txt {
    margin-bottom: 20px;
    padding: 30px 0 0;
  }
  .block-item07-08-img {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    margin-bottom: 30px;
  }
  .block-item07-08-imgCaption {
    position: static;
  }
  .topics-dam-map-wrap {
    padding: 20px;
  }
  .topics-dam-map {
    width: 100%;
  }
  .topics-dam-map .topics-dam-map-items> li {
    font-size: 1.4rem;
    margin-left: 10px;
  }
  .topics-dam-map .topics-dam-map-items> li:nth-child(6) {
    margin-left: -2em;
  }
  .topics-dam-map .topics-dam-map-items> li:nth-child(8) {
    margin-left: -2em;
  }
  .coverWrapper-item09--01 {
    height: 720px;
    padding-top: 20px;
  }
  .coverWrapper-item09--01 .inner {
    width: 96%;
  }
  .coverWrapper-item09--01 .inner-txt {
    padding: 0 2%;
    bottom: 20px;
  }
  .coverWrapper-item09+ .subtxt {
    width: 96%;
  }
  .coverWrapper-item09--02 {
    padding: 30px 0;
  }
  .coverWrapper-item09--02-inner {
    width: 96%;
  }
  .coverWrapper-item09--03 {
    height: 960px;
  }
  .coverWrapper-item09--03-inner {
    width: 96%;
    padding-top: 20px;
    padding-right: 0;
  }
  .coverWrapper-item09--04 {
    height: 960px;
  }
  .coverWrapper-item09--04-inner {
    width: 96%;
    padding-top: 180px;
  }
  .block-item09-01-inner {
    display: block;
  }
  .block-item09-01-inner-left {
    padding-right: 0;
  }
  .block-item09-01-inner-left-imgCaption {
    text-align: left;
    line-height: 1.4;
  }
  .block-item09-01-inner-right-imgCaption {
    text-align: left;
    line-height: 1.4;
  }
  .block-item09-02 .ttlStyle02 {
    line-height: 1.4;
  }
  .block-item09-03 .imgList {
    display: block;
  }
  .block-item09-03 .imgList> li+ li {
    margin-left: 0;
    margin-top: 10px;
  }
  .block-item09-04-inner {
    display: block;
  }
  .block-item09-04-inner-left {
    padding-right: 0;
    margin-bottom: 20px;
  }
  .block-item09-04-inner-right {
    display: block;
  }
  .block-item09-04-inner-right-img:first-child,
  .block-item09-04-inner-right-img:nth-child(2) {
    position: static;
    width: 100%;
  }
  .block-item09-04-inner-right-img:nth-child(2) {
    margin-top: 20px;
  }
  .block-item09-06-inner {
    display: block;
  }
  .block-item09-06-inner-left {
    padding-right: 0;
    margin-bottom: 20px;
  }
  .sus-item01-video {
    padding-top: 0;
    height: 250px;
  }
  .coverWrapper-sus-item01--01 {
    height: 100%;
    padding-top: 0;
  }
  .coverWrapper-sus-item01--01 .inner {
    width: 96%;
  }
  .coverWrapper-sus-item01--01 .inner-ttl {
    padding: 0 2%;
    bottom: 20px;
  }
  .coverWrapper-sus-item01+ .subtxt {
    width: 96%;
  }
  .coverWrapper-sus-item01--02 {
    height: 960px;
  }
  .coverWrapper-sus-item01--02-inner {
    width: 96%;
    padding-top: 20px;
    padding-right: 0;
  }
  .coverWrapper-sus-item01--03 {
    height: 960px;
  }
  .coverWrapper-sus-item01--03-inner {
    width: 96%;
    padding-top: 180px;
  }
  .coverWrapper-sus-item01--04 {
    height: 800px;
  }
  .coverWrapper-sus-item01--04-inner {
    width: 96%;
    padding-top: 630px;
  }
  .coverWrapper-sus-item01--05 {
    height: 960px;
  }
  .coverWrapper-sus-item01--05-inner {
    width: 96%;
    padding-top: 180px;
  }
  .block-sus-item01-01-inner {
    display: block;
  }
  .block-sus-item01-01-inner-left {
    padding-right: 0;
    margin-bottom: 20px;
  }
  ul.list-ocean li {
    color: #ffffff;
  }
  ul.list-ocean li:before {
    background-color: #ffffff;
  }
  .deepOcean {
    background: #00508f;
    padding: 18px;
  }
  .deepOcean p {
    color: #ffffff;
    font-size: 1.4rem;
  }
  .deepOcean h3 {
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.6;
  }
  .deepOcean dl.list-def {
    background: #003f7c;
    padding: 18px;
  }
  .deepOcean dl.list-def--break-sp> dt:first-child,
  .deepOcean dl.list-def--break-sp> dd:first-child {
    border-top: none;
    padding-top: 0;
  }
  .deepOcean dl.list-def--break-sp> dt:last-child,
  .deepOcean dl.list-def--break-sp> dd:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  .deepOcean dl.list-def--break-sp> dt {
    border-bottom: none;
    padding-bottom: 0;
    font-size: 1.4rem;
  }
  .deepOcean dl.list-def--break-sp> dd {
    border-bottom: 1px solid #00508f;
    font-size: 1.4rem;
    padding-top: 10px;
    padding-left: 18px;
    color: #ffffff;
  }
  .ocean-box01 {
    background: #00508f;
    padding: 18px;
  }
  .ocean-box01 h4 {
    font-size: 1.6rem;
  }
  .ocean-box01 p {
    font-size: 1.4rem;
    color: #ffffff;
  }
  .ocean-box02-wrap {
    display: block;
  }
  .ocean-box02-card {
    background: #00508f;
    padding: 18px;
  }
  .ocean-box02-card p {
    color: #ffffff;
  }
  .ocean-box02 p.ocean-box02-caption {
    background: #00508f;
    color: #ffffff;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 20px 18px;
  }
  .ocean-box03-item--border {
    background: #00508f;
    padding: 0 18px 18px;
    border-bottom: none;
  }
  .ocean-box03-item--border img {
    width: 50%;
    margin: auto;
    display: block;
  }
  .ocean-box03-list li {
    color: #ffffff;
  }
  .ocean-bordernone {
    border: none;
  }
  .ocean-box04 {
    background: #00508f;
    padding-top: 30px;
  }
  .ocean-box04 .dreamBox-title {
    color: #ffffff;
    text-align: center;
  }
  .ocean-box04 .deepOcean h3 {
    font-size: 1.4rem;
    font-weight: normal;
    text-align: left;
  }
  .ocean-box04 p.ocean-box04-txt01 {
    padding: 0 18px;
    color: #ffffff;
    font-size: 1.4rem;
  }
  .deepOcean02 {
    background: -webkit-linear-gradient(#0089d2, #000842);
    background:         linear-gradient(#0089d2, #000842);
    padding: 25px;
  }
  .deepOcean02-box {
    background: rgba(0, 80, 143, 0.3);
    padding: 18px;
    margin-top: 20px;
  }
  .deepOcean02 h4 {
    font-size: 1.6rem;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
  }
  .deepOcean02 p {
    font-size: 1.6rem;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 10px;
    line-height: 1.6;
  }
  .deepOcean02 ul li {
    color: #ffffff;
    font-size: 1.4rem;
    padding-left: 28px;
    margin-top: 5px;
    position: relative;
    line-height: 1.6;
  }
  .deepOcean02 ul li:before {
    content: "●";
    position: absolute;
    left: 10px;
    top: 0;
  }
  .deepOcean02 ul li:first-child {
    margin-top: 0;
  }
  .ocean-list01 li span {
    display: block;
    color: #ffffff;
  }
  .ocean-list02 li span {
    color: #ffffff;
  }
  .ocean-bluemark .dream-figure {
    text-align: left;
    font-weight: normal;
  }
  .ocean-bluemark .dream-figure span {
    font-size: 1.4rem;
    display: block;
  }
  .ocean-bluemark .dream-figure strong {
    font-size: 1.6rem;
  }
  .ocean-bluemark .dream-figure:before {
    content: "■";
    color: #0089c6;
  }
  .ocean-title-sp {
    color: #ffffff;
    text-align: center;
  }
  .dream-title-lv1--icon {
    color: #ffffff;
    text-align: center;
  }
  .dream-title-lv1--icon span {
    display: block;
    font-size: 1.4rem;
  }
  .runa-txt01 {
    color: #ffffff;
    font-size: 1.4rem;
  }
  .runa-box1 .runa-box1-frame {
    background: rgba(255, 255, 255, 0.7);
    padding: 24px 18px 18px;
  }
  .runa-box1 .runa-box1-frame h3 {
    background: #00508f;
    color: #ffffff;
    font-size: 1.4rem;
    text-align: center;
    padding: 10px;
    font-weight: bold;
  }
  .runa-box1 ul li {
    color: #00508f;
    font-size: 1.4rem;
  }
  .runa-box1-img {
    margin: auto;
    display: block;
    max-width: 30px !important;
  }
  .runa-box2 {
    background: #00508f;
    padding: 18px;
  }
  .runa-box2> div {
    background: #003f7c;
    padding: 18px;
  }
  .runa-box2 p.small {
    color: #ffffff;
  }
  .runa-box3-imgBox {
    padding: 30px 0;
    background-image: url(/topics/dream/content02/images/img_index_15.jpg);
    background-repeat: repeat;
  }
  .runa-box3-imgBox img {
    margin: auto;
    display: block;
  }
  .runa-box3-txtBox {
    background: #00508f;
    padding: 18px;
  }
  .runa-box3-txtBox img {
    display: block;
    margin: auto;
  }
  .runa-box3-txtBox-inner {
    background: #003f7c;
    padding: 18px;
  }
  .runa-box3-txtBox-txt p {
    color: #cccccc;
    margin-top: 10px;
  }
  .dream-table {
    background: #00508f;
  }
  .dream-table td {
    color: #ffffff;
  }
  .runa-box5 img {
    max-width: 100%;
    width: 100%;
  }
  .runa-box5-txtBox {
    background: #00508f;
    padding: 18px;
  }
  .runa-box5-txtBox-inner {
    background: #003f7c;
    padding: 18px;
  }
  .runa-box5-txtBox h4 {
    color: #ffffff;
    font-weight: bold;
    font-size: 1.6rem;
    margin-bottom: 20px;
  }
  .runa-box5-txtBox p {
    color: #ffffff;
  }
  .green-ttl01 {
    font-size: 2.2rem;
    font-weight: bold;
  }
  .green-ttl01-small {
    font-size: 1.4rem;
    font-weight: normal;
    color: #ffffff;
    text-align: left;
    margin-top: 10px;
  }
  .green-border {
    height: 0;
  }
  .green-border:after {
    border-top: 15px solid #ffffff;
  }
  .green-box01-plus {
    display: block;
    font-weight: bold;
  }
  .green-box01 ul li {
    color: #ffffff;
  }
  .green-figcaption01 {
    font-size: 0.8rem;
    color: #cccccc;
    font-weight: normal;
  }
  .greenStep {
    background: #00508f;
    padding: 18px;
  }
  .greenStep-item-arrow:after {
    border-top: 15px solid #cccccc;
  }
  .greenStep-txt {
    background: #003f7c;
    padding: 18px;
  }
  .greenStep-txt p {
    color: #ffffff;
  }
  ul.dream-list-green {
    display: block;
  }
  .tohoku-pickup-list {
    display: block;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    margin-top: 25px;
  }
  .tohoku-pickup-item-bordered {
    border: 1px solid #c2c6c8;
    padding: 24px 0;
  }
  .map-3col-area {
    margin: 20px 0 0;
  }
  .construction-carousel .construction-carousel-item-image p {
    top: 40px;
    font-size: 1.6rem;
    padding-right: 50px;
  }
  .construction-carousel .construction-carousel-item-image p span {
    font-size: 2.4rem;
  }
  .construction-carousel .slick-prev {
    left: -40px;
  }
  .construction-carousel .slick-next {
    right: -40px;
  }
  .construction-carousel .slick-arrow {
    width: 80px;
    height: 80px;
    margin-top: -40px;
    border-radius: 40px;
  }
  #wrapSearch .formfixed {
    margin-top: 40px;
  }
  #wrapSearch .accordion-trigger {
    font-size: 1rem;
  }
  #wrapSearch .accordion-body {
    font-size: 0.857rem;
    padding: 0.7142rem;
  }
  #wrapSearch .sectionAccordion+ .sectionAccordion {
    margin-top: 0.7142rem;
  }
  #wrapSearch .sectionAccordion-title {
    font-size: 1.286rem;
    padding: 0.7142rem 2.1426rem 0.7142rem 0.7142rem;
  }
  #wrapSearch .sectionAccordion-title:before,
  #wrapSearch .sectionAccordion-title:after {
    content: "";
    display: inline-block;
    position: absolute;
    background-color: #00a66f;
    width: 1.0713rem;
    height: 0.14284rem;
    margin-top: -0.07142rem;
    right: 0.7142rem;
  }
  #wrapSearch .sectionAccordion-content {
    margin: 1.4284rem 0 2.8568rem 0;
  }
  #wrapSearch .i-search {
    margin-bottom: 0;
  }
  #wrapSearch .i-search .i-search-buttons {
    margin-bottom: 18px;
    margin-right: 6px;
    margin-left: 6px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #wrapSearch .i-search .i-search-buttons li {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
            flex-grow: 2;
    width: auto;
  }
  #wrapSearch .i-search .i-search-buttons input[type=checkbox]+ span,
  #wrapSearch .i-search .i-search-buttons input[type=radio]+ span {
    border-color: #e2e6e8;
  }
  #n7407 .kanbatsu-ba figure> figcaption {
    max-width: 600px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
  }
  #n7407 .kanbatsu-ba .before {
    padding-bottom: 50px;
  }
  #n7407 .kanbatsu-ba .before:before {
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  #n7407 .kanbatsu-ba .before figure figcaption {
    padding-left: 0;
    padding-right: 0;
  }
  #n7407 .kanbatsu-ba .after figure figcaption {
    padding-left: 0;
  }
  section p:not([class]),
  section> p,
  section> ul,
  section> ol,
  section> dl,
  section> table,
  .section p:not([class]),
  .section> p,
  .section> ul,
  .section> ol,
  .section> dl,
  .section> table {
    margin-top: 10px;
  }
  article p:not([class]),
  article> p,
  article> ul,
  article> ol,
  article> dl,
  article> table {
    margin-top: 10px;
  }
  .mt-section {
    margin-top: 48px !important;
  }
  .mt-subsection {
    margin-top: 24px !important;
  }
  .mt-article {
    margin-top: 24px !important;
  }
  .mt-adj-tall {
    margin-top: 18px !important;
  }
  .mt-adj-medium {
    margin-top: 18px !important;
  }
  .mt-adj-short {
    margin-top: 18px !important;
  }
  .mt-paragraph {
    margin-top: 12px !important;
  }
  .mt-section-sp {
    margin-top: 48px !important;
  }
  .mt-subsection-sp {
    margin-top: 24px !important;
  }
  .mt-article-sp {
    margin-top: 24px !important;
  }
  .mt-adj-tall-sp {
    margin-top: 18px !important;
  }
  .mt-adj-medium-sp {
    margin-top: 18px !important;
  }
  .mt-adj-short-sp {
    margin-top: 18px !important;
  }
  .mt-paragraph-sp {
    margin-top: 12px !important;
  }
  .mt-line-sp {
    margin-top: 10px !important;
  }
  .pt-section-sp {
    padding-top: 48px !important;
  }
  .pt-subsection-sp {
    padding-top: 24px !important;
  }
  .pt-article-sp {
    padding-top: 24px !important;
  }
  .pt-adj-tall-sp {
    padding-top: 18px !important;
  }
  .pt-adj-medium-sp {
    padding-top: 18px !important;
  }
  .pt-adj-short-sp {
    padding-top: 18px !important;
  }
  .pt-paragraph-sp {
    padding-top: 12px !important;
  }
  .pt-line-sp {
    padding-top: 10px !important;
  }
  .mb0-sp {
    margin-bottom: 0 !important;
  }
  .mb5-sp {
    margin-bottom: 5px !important;
  }
  .mb10-sp {
    margin-bottom: 10px !important;
  }
  .mb15-sp {
    margin-bottom: 15px !important;
  }
  .mb20-sp {
    margin-bottom: 20px !important;
  }
  .mb25-sp {
    margin-bottom: 25px !important;
  }
  .mb30-sp {
    margin-bottom: 30px !important;
  }
  .mb35-sp {
    margin-bottom: 35px !important;
  }
  .mb40-sp {
    margin-bottom: 40px !important;
  }
  .mb45-sp {
    margin-bottom: 45px !important;
  }
  .mb50-sp {
    margin-bottom: 50px !important;
  }
  .mb55-sp {
    margin-bottom: 55px !important;
  }
  .mb60-sp {
    margin-bottom: 60px !important;
  }
  .mb65-sp {
    margin-bottom: 65px !important;
  }
  .mb70-sp {
    margin-bottom: 70px !important;
  }
  .mb75-sp {
    margin-bottom: 75px !important;
  }
  .mb80-sp {
    margin-bottom: 80px !important;
  }
  .mb85-sp {
    margin-bottom: 85px !important;
  }
  .mb90-sp {
    margin-bottom: 90px !important;
  }
  .mb95-sp {
    margin-bottom: 95px !important;
  }
  .mb100-sp {
    margin-bottom: 100px !important;
  }
  .mt0-sp {
    margin-top: 0 !important;
  }
  .mt5-sp {
    margin-top: 5px !important;
  }
  .mt10-sp {
    margin-top: 10px !important;
  }
  .mt15-sp {
    margin-top: 15px !important;
  }
  .mt20-sp {
    margin-top: 20px !important;
  }
  .mt25-sp {
    margin-top: 25px !important;
  }
  .mt30-sp {
    margin-top: 30px !important;
  }
  .mt35-sp {
    margin-top: 35px !important;
  }
  .mt40-sp {
    margin-top: 40px !important;
  }
  .mt45-sp {
    margin-top: 45px !important;
  }
  .mt50-sp {
    margin-top: 50px !important;
  }
  .mt55-sp {
    margin-top: 55px !important;
  }
  .mt60-sp {
    margin-top: 60px !important;
  }
  .mt65-sp {
    margin-top: 65px !important;
  }
  .mt70-sp {
    margin-top: 70px !important;
  }
  .mt75-sp {
    margin-top: 75px !important;
  }
  .mt80-sp {
    margin-top: 80px !important;
  }
  .mt85-sp {
    margin-top: 85px !important;
  }
  .mt90-sp {
    margin-top: 90px !important;
  }
  .mt95-sp {
    margin-top: 95px !important;
  }
  .mt100-sp {
    margin-top: 100px !important;
  }
  .ml0-sp {
    margin-left: 0 !important;
  }
  .ml5-sp {
    margin-left: 5px !important;
  }
  .ml10-sp {
    margin-left: 10px !important;
  }
  .ml15-sp {
    margin-left: 15px !important;
  }
  .ml20-sp {
    margin-left: 20px !important;
  }
  .ml25-sp {
    margin-left: 25px !important;
  }
  .ml30-sp {
    margin-left: 30px !important;
  }
  .ml35-sp {
    margin-left: 35px !important;
  }
  .ml40-sp {
    margin-left: 40px !important;
  }
  .ml45-sp {
    margin-left: 45px !important;
  }
  .ml50-sp {
    margin-left: 50px !important;
  }
  .ml55-sp {
    margin-left: 55px !important;
  }
  .ml60-sp {
    margin-left: 60px !important;
  }
  .ml65-sp {
    margin-left: 65px !important;
  }
  .ml70-sp {
    margin-left: 70px !important;
  }
  .ml75-sp {
    margin-left: 75px !important;
  }
  .ml80-sp {
    margin-left: 80px !important;
  }
  .ml85-sp {
    margin-left: 85px !important;
  }
  .ml90-sp {
    margin-left: 90px !important;
  }
  .ml95-sp {
    margin-left: 95px !important;
  }
  .ml100-sp {
    margin-left: 100px !important;
  }
  .mr0-sp {
    margin-right: 0 !important;
  }
  .mr5-sp {
    margin-right: 5px !important;
  }
  .mr10-sp {
    margin-right: 10px !important;
  }
  .mr15-sp {
    margin-right: 15px !important;
  }
  .mr20-sp {
    margin-right: 20px !important;
  }
  .mr25-sp {
    margin-right: 25px !important;
  }
  .mr30-sp {
    margin-right: 30px !important;
  }
  .mr35-sp {
    margin-right: 35px !important;
  }
  .mr40-sp {
    margin-right: 40px !important;
  }
  .mr45-sp {
    margin-right: 45px !important;
  }
  .mr50-sp {
    margin-right: 50px !important;
  }
  .mr55-sp {
    margin-right: 55px !important;
  }
  .mr60-sp {
    margin-right: 60px !important;
  }
  .mr65-sp {
    margin-right: 65px !important;
  }
  .mr70-sp {
    margin-right: 70px !important;
  }
  .mr75-sp {
    margin-right: 75px !important;
  }
  .mr80-sp {
    margin-right: 80px !important;
  }
  .mr85-sp {
    margin-right: 85px !important;
  }
  .mr90-sp {
    margin-right: 90px !important;
  }
  .mr95-sp {
    margin-right: 95px !important;
  }
  .mr100-sp {
    margin-right: 100px !important;
  }
  .pb0-sp {
    padding-bottom: 0 !important;
  }
  .pb5-sp {
    padding-bottom: 5px !important;
  }
  .pb10-sp {
    padding-bottom: 10px !important;
  }
  .pb15-sp {
    padding-bottom: 15px !important;
  }
  .pb20-sp {
    padding-bottom: 20px !important;
  }
  .pb25-sp {
    padding-bottom: 25px !important;
  }
  .pb30-sp {
    padding-bottom: 30px !important;
  }
  .pb35-sp {
    padding-bottom: 35px !important;
  }
  .pb40-sp {
    padding-bottom: 40px !important;
  }
  .pb45-sp {
    padding-bottom: 45px !important;
  }
  .pb50-sp {
    padding-bottom: 50px !important;
  }
  .pb55-sp {
    padding-bottom: 55px !important;
  }
  .pb60-sp {
    padding-bottom: 60px !important;
  }
  .pb65-sp {
    padding-bottom: 65px !important;
  }
  .pb70-sp {
    padding-bottom: 70px !important;
  }
  .pb75-sp {
    padding-bottom: 75px !important;
  }
  .pb80-sp {
    padding-bottom: 80px !important;
  }
  .pb85-sp {
    padding-bottom: 85px !important;
  }
  .pb90-sp {
    padding-bottom: 90px !important;
  }
  .pb95-sp {
    padding-bottom: 95px !important;
  }
  .pb100-sp {
    padding-bottom: 100px !important;
  }
  .pt0-sp {
    padding-top: 0 !important;
  }
  .pt5-sp {
    padding-top: 5px !important;
  }
  .pt10-sp {
    padding-top: 10px !important;
  }
  .pt15-sp {
    padding-top: 15px !important;
  }
  .pt20-sp {
    padding-top: 20px !important;
  }
  .pt25-sp {
    padding-top: 25px !important;
  }
  .pt30-sp {
    padding-top: 30px !important;
  }
  .pt35-sp {
    padding-top: 35px !important;
  }
  .pt40-sp {
    padding-top: 40px !important;
  }
  .pt45-sp {
    padding-top: 45px !important;
  }
  .pt50-sp {
    padding-top: 50px !important;
  }
  .pt55-sp {
    padding-top: 55px !important;
  }
  .pt60-sp {
    padding-top: 60px !important;
  }
  .pt65-sp {
    padding-top: 65px !important;
  }
  .pt70-sp {
    padding-top: 70px !important;
  }
  .pt75-sp {
    padding-top: 75px !important;
  }
  .pt80-sp {
    padding-top: 80px !important;
  }
  .pt85-sp {
    padding-top: 85px !important;
  }
  .pt90-sp {
    padding-top: 90px !important;
  }
  .pt95-sp {
    padding-top: 95px !important;
  }
  .pt100-sp {
    padding-top: 100px !important;
  }
  .pl0-sp {
    padding-left: 0 !important;
  }
  .pl5-sp {
    padding-left: 5px !important;
  }
  .pl10-sp {
    padding-left: 10px !important;
  }
  .pl15-sp {
    padding-left: 15px !important;
  }
  .pl20-sp {
    padding-left: 20px !important;
  }
  .pl25-sp {
    padding-left: 25px !important;
  }
  .pl30-sp {
    padding-left: 30px !important;
  }
  .pl35-sp {
    padding-left: 35px !important;
  }
  .pl40-sp {
    padding-left: 40px !important;
  }
  .pl45-sp {
    padding-left: 45px !important;
  }
  .pl50-sp {
    padding-left: 50px !important;
  }
  .pl55-sp {
    padding-left: 55px !important;
  }
  .pl60-sp {
    padding-left: 60px !important;
  }
  .pl65-sp {
    padding-left: 65px !important;
  }
  .pl70-sp {
    padding-left: 70px !important;
  }
  .pl75-sp {
    padding-left: 75px !important;
  }
  .pl80-sp {
    padding-left: 80px !important;
  }
  .pl85-sp {
    padding-left: 85px !important;
  }
  .pl90-sp {
    padding-left: 90px !important;
  }
  .pl95-sp {
    padding-left: 95px !important;
  }
  .pl100-sp {
    padding-left: 100px !important;
  }
  .pr0-sp {
    padding-right: 0 !important;
  }
  .pr5-sp {
    padding-right: 5px !important;
  }
  .pr10-sp {
    padding-right: 10px !important;
  }
  .pr15-sp {
    padding-right: 15px !important;
  }
  .pr20-sp {
    padding-right: 20px !important;
  }
  .pr25-sp {
    padding-right: 25px !important;
  }
  .pr30-sp {
    padding-right: 30px !important;
  }
  .pr35-sp {
    padding-right: 35px !important;
  }
  .pr40-sp {
    padding-right: 40px !important;
  }
  .pr45-sp {
    padding-right: 45px !important;
  }
  .pr50-sp {
    padding-right: 50px !important;
  }
  .pr55-sp {
    padding-right: 55px !important;
  }
  .pr60-sp {
    padding-right: 60px !important;
  }
  .pr65-sp {
    padding-right: 65px !important;
  }
  .pr70-sp {
    padding-right: 70px !important;
  }
  .pr75-sp {
    padding-right: 75px !important;
  }
  .pr80-sp {
    padding-right: 80px !important;
  }
  .pr85-sp {
    padding-right: 85px !important;
  }
  .pr90-sp {
    padding-right: 90px !important;
  }
  .pr95-sp {
    padding-right: 95px !important;
  }
  .pr100-sp {
    padding-right: 100px !important;
  }
  .ml-auto-sp {
    margin-left: auto !important;
  }
  .mr-auto-sp {
    margin-right: auto !important;
  }
  .mb-auto-sp {
    margin-bottom: auto !important;
  }
  .mt-auto-sp {
    margin-top: auto !important;
  }
  .w0per-sp {
    width: 0 !important;
  }
  .mw0per-sp {
    max-width: 0 !important;
  }
  .mw100-sp {
    max-width: 100px !important;
  }
  .w5per-sp {
    width: 5% !important;
  }
  .mw5per-sp {
    max-width: 5% !important;
  }
  .mw150-sp {
    max-width: 150px !important;
  }
  .w10per-sp {
    width: 10% !important;
  }
  .mw10per-sp {
    max-width: 10% !important;
  }
  .mw200-sp {
    max-width: 200px !important;
  }
  .w15per-sp {
    width: 15% !important;
  }
  .mw15per-sp {
    max-width: 15% !important;
  }
  .mw250-sp {
    max-width: 250px !important;
  }
  .w20per-sp {
    width: 20% !important;
  }
  .mw20per-sp {
    max-width: 20% !important;
  }
  .mw300-sp {
    max-width: 300px !important;
  }
  .w25per-sp {
    width: 25% !important;
  }
  .mw25per-sp {
    max-width: 25% !important;
  }
  .mw350-sp {
    max-width: 350px !important;
  }
  .w30per-sp {
    width: 30% !important;
  }
  .mw30per-sp {
    max-width: 30% !important;
  }
  .mw400-sp {
    max-width: 400px !important;
  }
  .w35per-sp {
    width: 35% !important;
  }
  .mw35per-sp {
    max-width: 35% !important;
  }
  .mw450-sp {
    max-width: 450px !important;
  }
  .w40per-sp {
    width: 40% !important;
  }
  .mw40per-sp {
    max-width: 40% !important;
  }
  .mw500-sp {
    max-width: 500px !important;
  }
  .w45per-sp {
    width: 45% !important;
  }
  .mw45per-sp {
    max-width: 45% !important;
  }
  .mw550-sp {
    max-width: 550px !important;
  }
  .w50per-sp {
    width: 50% !important;
  }
  .mw50per-sp {
    max-width: 50% !important;
  }
  .mw600-sp {
    max-width: 600px !important;
  }
  .w55per-sp {
    width: 55% !important;
  }
  .mw55per-sp {
    max-width: 55% !important;
  }
  .mw650-sp {
    max-width: 650px !important;
  }
  .w60per-sp {
    width: 60% !important;
  }
  .mw60per-sp {
    max-width: 60% !important;
  }
  .mw700-sp {
    max-width: 700px !important;
  }
  .w65per-sp {
    width: 65% !important;
  }
  .mw65per-sp {
    max-width: 65% !important;
  }
  .mw750-sp {
    max-width: 750px !important;
  }
  .w70per-sp {
    width: 70% !important;
  }
  .mw70per-sp {
    max-width: 70% !important;
  }
  .mw800-sp {
    max-width: 800px !important;
  }
  .w75per-sp {
    width: 75% !important;
  }
  .mw75per-sp {
    max-width: 75% !important;
  }
  .mw850-sp {
    max-width: 850px !important;
  }
  .w80per-sp {
    width: 80% !important;
  }
  .mw80per-sp {
    max-width: 80% !important;
  }
  .mw900-sp {
    max-width: 900px !important;
  }
  .w85per-sp {
    width: 85% !important;
  }
  .mw85per-sp {
    max-width: 85% !important;
  }
  .mw950-sp {
    max-width: 950px !important;
  }
  .w90per-sp {
    width: 90% !important;
  }
  .mw90per-sp {
    max-width: 90% !important;
  }
  .mw1000-sp {
    max-width: 1000px !important;
  }
  .w95per-sp {
    width: 95% !important;
  }
  .mw95per-sp {
    max-width: 95% !important;
  }
  .mw1050-sp {
    max-width: 1050px !important;
  }
  .w100per-sp {
    width: 100% !important;
  }
  .mw100per-sp {
    max-width: 100% !important;
  }
  .mw1100-sp {
    max-width: 1100px !important;
  }
  .align-left-sp {
    text-align: left !important;
  }
  .align-center-sp {
    text-align: center !important;
  }
  .align-ight-sp {
    text-align: right !important;
  }
  .align-justify-sp {
    text-align: justify !important;
  }
  .block-left-sp {
    margin-right: auto !important;
  }
  .block-center-sp {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .block-right-sp {
    margin-left: auto !important;
  }
  .hidden-sp {
    display: none !important;
  }
  .bordered-sp {
    border: 1px solid #e2e6e8 !important;
  }
  .unbordered-sp {
    border: none !important;
  }
}
@media (min-width: 768px) {
  .header-item {
    width: calc(100% - 150px);
    padding-left: 20px;
  }
  .header-default .header-utils {
    max-width: 405px;
    width: 100%;
    height: 40px;
    padding-top: 24px;
  }
  .header-default .header-utils .header-utils-lang {
    padding-right: 0;
  }
  .header-default .global-nav {
    max-width: 950px;
    width: 100%;
    margin-left: auto;
    margin-top: 20px;
  }
  .global-nav-list {
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    height: 48px;
  }
  .header-default .global-nav-list {
    max-width: 960px;
  }
  .global-nav-list> li {
    width: 100%;
  }
  .global-nav-list> li.global-nav-top> a,
  .global-nav-list> li.global-nav-top> span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
  }
  .global-nav-list> li.global-nav-top> a img,
  .global-nav-list> li.global-nav-top> span img {
    width: 94px;
  }
  .global-nav-list> li> a,
  .global-nav-list> li> span {
    background: #ffffff;
    height: 48px;
    position: relative;
    z-index: 50;
    -webkit-transition: 0.3s;
            transition: 0.3s;
  }
  .global-nav-list> li:not(.global-nav-top)> a,
  .global-nav-list> li:not(.global-nav-top)> span {
    font-size: 1.5rem;
    letter-spacing: 0.15em;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    padding-top: 16px;
    cursor: pointer;
  }
  .header-fixed .global-nav-list> li:not(.global-nav-top)> a,
  .header-fixed
  .global-nav-list> li:not(.global-nav-top)> span {
    font-size: 1.4rem;
  }
  .global-nav-list> li:not(.global-nav-top)> a:before,
  .global-nav-list> li:not(.global-nav-top)> span:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 3px solid transparent;
    border-top: 3px solid #356cb6;
    position: absolute;
    right: 50%;
    bottom: 3px;
    left: 50%;
    margin-right: -1.5px;
  }
  .global-nav-list> li:not(.global-nav-top)> a span,
  .global-nav-list> li:not(.global-nav-top)> span span {
    color: #356cb6;
  }
  .global-nav-list> li:not(.global-nav-top)> a span:before,
  .global-nav-list> li:not(.global-nav-top)> span span:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 14px;
    height: 20px;
    border-left: 1px solid #e2e6e8;
  }
  .global-nav-list> li:not(.global-nav-top)> a span.last:after,
  .global-nav-list> li:not(.global-nav-top)> span span.last:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 15px;
    height: 20px;
    border-left: 1px solid #e2e6e8;
  }
  .global-nav-list> li:not(.global-nav-top):hover> a,
  .global-nav-list> li:not(.global-nav-top):hover> span,
  .global-nav-list> li:not(.global-nav-top).global-active> a {
    background: #356cb6;
  }
  .global-nav-list> li:not(.global-nav-top):hover> a:before,
  .global-nav-list> li:not(.global-nav-top):hover> span:before,
  .global-nav-list> li:not(.global-nav-top).global-active> a:before {
    border-top: 3px solid #ffffff;
  }
  .global-nav-list> li:not(.global-nav-top):hover> a span,
  .global-nav-list> li:not(.global-nav-top):hover> span span,
  .global-nav-list> li:not(.global-nav-top).global-active> a span {
    color: #ffffff;
  }
  .global-nav-list> li:not(.global-nav-top):hover> a span:before,
  .global-nav-list> li:not(.global-nav-top):hover> a span.last:after,
  .global-nav-list> li:not(.global-nav-top):hover> span span:before,
  .global-nav-list> li:not(.global-nav-top):hover> span span.last:after,
  .global-nav-list> li:not(.global-nav-top).global-active> a span:before,
  .global-nav-list> li:not(.global-nav-top).global-active> a span.last:after {
    display: none;
  }
  .global-nav-list> li.global-works a:before {
    display: none;
  }
  .global-nav-list> li:not(.global-nav-top):not(.global-works):hover> a {
    height: 53px;
    background: #356cb6;
  }
  .global-nav-list> li:not(.global-nav-top):not(.global-works):hover> a:before {
    border-top: 3px solid #ffffff;
  }
  .global-nav-list> li:not(.global-nav-top):not(.global-works):hover> a> span {
    color: #ffffff;
  }
  .global-nav-list> li:not(.global-nav-top):not(.global-works):hover> a> span:before {
    display: none;
  }
  .sp-drop-menu-back {
    display: none;
  }
  .drop-menu {
    background-color: #eff3f9;
    position: absolute;
    top: 108px;
    left: 0;
    z-index: 45;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity 0.0s ease, visibility 0.0s linear, -webkit-transform 0.0s ease;
            transition: opacity 0.0s ease, visibility 0.0s linear, -webkit-transform 0.0s ease;
            transition: transform 0.0s ease, opacity 0.0s ease, visibility 0.0s linear;
            transition: transform 0.0s ease, opacity 0.0s ease, visibility 0.0s linear, -webkit-transform 0.0s ease;
  }
  .header-fixed .drop-menu {
    top: 49px;
  }
  .drop-menu-inner {
    max-width: 1280px;
    padding: 0 40px 40px 40px;
    margin: auto;
  }
  .drop-menu-link {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.4;
    position: relative;
    padding-left: 23px;
    display: block;
    color: #356cb6;
  }
  .drop-menu-link:hover {
    text-decoration: underline;
  }
  .drop-menu-link:before {
    position: absolute;
    top: 3px;
    left: 0;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    font-family: glyphs;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 1.4rem;
    vertical-align: bottom;
    letter-spacing: 9px;
  }
  .drop-menu-link--small {
    font-family: "Oswald", sans-serif;
    font-size: 1.4rem;
    letter-spacing: 0.1em;
  }
  .drop-menu-close {
    border-top: 1px solid rgba(53, 108, 182, 0.2);
  }
  .drop-menu-close-btn {
    color: #356cb6;
    cursor: pointer;
    font-size: 1.4rem;
    display: block;
    padding: 22px 0;
    text-align: center;
    -webkit-transition: opacity 0.3s;
            transition: opacity 0.3s;
  }
  .drop-menu-close-btn:hover {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  }
  .drop-menu-close-btn:before {
    font-family: glyphs;
    content: "\F020";
    font-size: 15px;
    display: inline-block;
    vertical-align: -2px;
    margin-right: 7px;
  }
  .drop-menu .grid {
    margin: 0;
  }
  .drop-menu-company li {
    margin-top: 14px;
  }
  .drop-menu-company li a {
    font-size: 1.3rem;
    font-weight: 400;
    position: relative;
    padding-left: 15px;
    color: #356cb6;
    display: block;
    line-height: 1.2;
  }
  .drop-menu-company li a:hover {
    text-decoration: underline;
  }
  .drop-menu-company li a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #356cb6;
    border-right: 1px solid #356cb6;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .drop-menu-company-list {
    margin: 0;
    padding-left: 24px;
  }
  .drop-menu-company-col-2 {
    border-left: 1px solid rgba(53, 108, 182, 0.2);
    border-right: 1px solid rgba(53, 108, 182, 0.2);
  }
  .drop-menu-works-col-1 p {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.8;
  }
  .drop-menu-works-ttl {
    font-family: "Oswald", sans-serif;
    font-size: 1.5em;
    letter-spacing: 0.2em;
  }
  .drop-menu-works-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
  }
  .drop-menu-works-item-figure {
    width: 20%;
    padding-right: 24px;
  }
  .drop-menu-works-item-txt {
    width: 80%;
    padding-top: 32px;
    position: relative;
  }
  .drop-menu-works-item-txt p {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.8;
    margin-top: 30px;
  }
  .drop-menu-works-item-txt .drop-menu-link--small {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .drop-menu-solution-col-1 p {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.8;
  }
  .drop-menu-solution-ttl {
    font-size: 1.4em;
    font-weight: 700;
    padding-left: 24px;
  }
  .drop-menu-solution-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .drop-menu-solution-item li {
    border-right: 1px solid rgba(53, 108, 182, 0.2);
  }
  .drop-menu-solution-item li a {
    font-size: 1.2rem;
    font-weight: 400;
    color: #356cb6;
    line-height: 1.8;
    letter-spacing: 0.03em;
  }
  .drop-menu-solution-item li a:hover {
    text-decoration: underline;
  }
  .drop-menu-solution-item li a span {
    position: relative;
    display: block;
    margin: 0 24px;
    padding-left: 10px;
    line-height: 1.4;
  }
  .drop-menu-solution-item li a span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #356cb6;
    border-right: 1px solid #356cb6;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .drop-menu-solution-item-icon {
    width: 90px;
    height: 90px;
    margin: auto;
    background: #ffffff;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
  }
  .drop-menu-solution-item-icon img {
    width: 50px;
  }
  .drop-menu-recruit-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .drop-menu-recruit-item li {
    border-right: 1px solid rgba(53, 108, 182, 0.2);
    padding: 0 24px;
  }
  .drop-menu-recruit-item li p {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.8;
  }
  .drop-menu-recruit-item li p span {
    display: block;
    font-size: 1.2rem;
  }
  .drop-menu-topics-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .drop-menu-topics-item li {
    border-right: 1px solid rgba(53, 108, 182, 0.2);
    padding: 0 24px;
  }
  .drop-menu-topics-item li p {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.8;
  }
  .drop-menu-topics-item li p span {
    display: block;
    font-size: 1.2rem;
  }
  .alertTop {
    padding-top: 141px;
    padding: 0 0 0 0 !important;
  }
  .header-tohoku .header-inner {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    height: 90px;
  }
  .header-tohoku .corp-logo {
    width: 230px;
    height: 90px;
  }
  .header-tohoku .global-nav {
    max-width: 100%;
    margin-top: 0;
  }
  .header-tohoku .global-nav-list {
    max-width: 100%;
    height: auto;
  }
  .header-tohoku .global-nav-list li> a {
    height: 90px;
    line-height: 90px;
  }
  .header-tohoku .global-nav-list> li:not(.global-nav-top)> a {
    padding-top: 0;
    letter-spacing: 0.01em;
  }
  .header-tohoku .global-nav-list> li:not(.global-nav-top)> a:before {
    display: none;
  }
  .header-tohoku .global-nav-list> li:not(.global-nav-top)> a span:before,
  .header-tohoku .global-nav-list> li:not(.global-nav-top)> a span.last:after {
    top: 34px;
  }
  .header-tohoku--fixed .global-nav-list> li.global-nav-top> a {
    width: 220px;
  }
  .header-tohoku--fixed .global-nav-list> li.global-nav-top> a img {
    width: 195px;
  }
  .header-tohoku--fixed .global-nav-list> li:not(.global-nav-top)> a:before {
    display: none;
  }
  .base--white {
    background: #ffffff;
  }
  .base--white .base-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    padding: 15px 40px;
  }
  .base--white .base-inner .foot-logo {
    display: block;
    width: 130px;
  }
  .base--white .base-inner .copyright {
    color: #333333;
  }
  .pagination-list {
    margin-top: 96px;
  }
  .pagination-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .dream-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 260px;
    background-image: url(/topics/dream/content02/images/img_index_01.jpg);
    background-size: cover;
    background-position: top center;
  }
  .dream-title h1 {
    font-size: 2.8rem;
    color: #ffffff;
    letter-spacing: 0.1em;
    text-shadow: 0 0 15px #3165c8, 0 0 15px #3165c8, 0 0 20px #3165c8;
  }
  .dream-title--ocean {
    background-image: url(/topics/dream/content01/images/img_index_01.jpg);
  }
  .wrapper--dream {
    padding-bottom: 70px;
    background-color: #020418;
    background-image: url(/topics/dream/content02/images/img_index_02.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .wrapper--ocean {
    padding-bottom: 70px;
    background-color: #050218;
    background-image: url(/topics/dream/content01/images/img_index_03.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .dream-list-wrap {
    max-width: 1390px;
    padding: 0;
  }
  .dream-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
            align-items: stretch;
    padding-bottom: 10px;
  }
  .dream-list li {
    margin-top: 10px;
  }
  .dreamWrapper {
    padding: 0 40px;
  }
  .dreamContainer {
    max-width: 940px;
    width: 100%;
    font-size: 1.6rem;
    color: #cccccc;
    line-height: 2;
    margin: 0 auto;
  }
  .dreamBorder01 {
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: rgba(10, 22, 48, 0.7);
    border-radius: 5px;
  }
  .dreamBorder02 {
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: #171f36;
  }
  .dreamSection {
    padding: 50px;
  }
  .dreamSection--narrow {
    padding: 30px;
  }
  .dream-title-lv1 {
    font-size: 2.4rem;
    line-height: 1.5;
    color: #ffffff;
    text-shadow: 0 0 15px #3165c8, 0 0 15px #3165c8, 0 0 20px #3165c8;
    text-align: center;
  }
  .dream-title-lv2 {
    font-size: 2.4rem;
    line-height: 1.5;
    color: #ffffff;
    text-align: center;
  }
  .dream-title-lv3 {
    font-size: 2.0rem;
    font-weight: bold;
    color: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    text-align: left;
  }
  .dream-title-lv3:after {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    content: "";
    display: inline;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
            flex-grow: 1;
    margin-left: 1em;
  }
  .dream-txt-lv1 {
    color: #cccccc;
    font-size: 1.6rem;
    line-height: 2;
  }
  .dream-txt-lv2 {
    color: #ffffff;
    font-size: 1.6rem;
    line-height: 2;
  }
  .dream-card-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    border-left: 1px solid rgba(255, 255, 255, 0.4);
  }
  .dream-card {
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    padding: 30px;
    background: #171f36;
  }
  .dream-card img {
    max-width: 100%;
  }
  .dream-card-inner {
    padding: 30px;
  }
  .dream-card-inner--narrow {
    padding: 25px;
  }
  .dream-card-txt {
    color: #cccccc;
  }
  .dream-card-list> li {
    color: #cccccc;
  }
  .dream-card--2col .dream-card {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
  }
  .dream-card--3col .dream-card {
    -webkit-flex-basis: 33.33%;
    -ms-flex-preferred-size: 33.33%;
            flex-basis: 33.33%;
    max-width: 33.33%;
  }
  .dream-figure .dream-figure {
    color: #cccccc;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: left;
    margin-top: 20px;
  }
  .dream-figure--2col .dream-figure {
    text-align: right;
  }
  .dreamLayout-2col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
  }
  .dreamLayout-2col .dreamLayout-item {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
  }
  .dreamLayout-2col .dreamLayout-item img {
    display: block;
    margin: auto;
    max-width: 100%;
  }
  .dreamLayout-2col .dreamLayout-item:nth-child(odd) p {
    padding-right: 20px;
  }
  .works-pickup .works-pickup-item> .image> .figure-fixed:before {
    padding-top: 400px;
  }
  #videoArea {
    height: calc(100vh - 95px);
  }
  .topicsMenu-closeBtn01 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
  .no248 .topics-table-basic {
    max-width: 330px;
  }
  #videoArea-sus {
    height: calc(100vh - 370px);
  }
  .video-wrap-sus {
    height: calc(100vh - 300px);
  }
  .ocean-col2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
  }
  .ocean-col2-item {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
  }
  .ocean-box02 p.ocean-box02-caption {
    margin-top: 20px;
    margin-left: 50%;
    font-size: 1.4rem;
    font-weight: bold;
  }
  .ocean-box03 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    border-left: 1px solid rgba(255, 255, 255, 0.4);
  }
  .ocean-box03-item {
    -webkit-flex-basis: 33.33%;
    -ms-flex-preferred-size: 33.33%;
            flex-basis: 33.33%;
    max-width: 33.33%;
  }
  .ocean-bluemark .dream-figure span {
    display: block;
  }
  .ocean-bluemark .dream-figure:before {
    content: "■";
    color: #0089c6;
  }
  .dream-title-lv1--icon {
    position: relative;
  }
  .dream-title-lv1--icon img {
    position: relative;
    top: -70px;
    left: -170px;
  }
  .dream-title-lv1--icon span {
    display: block;
  }
  .runa-txt01 {
    margin-top: -60px;
  }
  .runa-box1> div {
    padding: 0;
  }
  .runa-box1> div img {
    display: block;
    margin: 20px auto 0;
  }
  .runa-box1 h3 {
    color: #ffffff;
    font-weight: bold;
    font-size: 1.6rem;
  }
  .runa-box1 ul li {
    color: #cccccc;
    font-size: 1.6rem;
  }
  .runa-box2> div {
    padding: 0 10px;
  }
  .runa-box2> div:nth-child(n+2) {
    border-left: 1px solid rgba(255, 255, 255, 0.4);
  }
  .runa-box3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
  }
  .runa-box3-imgBox {
    padding-right: 50px;
  }
  .runa-box3-txtBox {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    width: 100%;
  }
  .runa-box3-txtBox-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  }
  .runa-box3-txtBox-ttl {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
  }
  .runa-box3-txtBox-txt {
    padding-left: 10px;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%;
  }
  .runa-img-border {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    border-left: 1px solid rgba(255, 255, 255, 0.4);
    border-right: 1px solid rgba(255, 255, 255, 0.4);
  }
  .dream-table {
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: rgba(83, 89, 106, 0.2);
  }
  .runa-box5 {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    border-left: 1px solid rgba(255, 255, 255, 0.4);
    border-right: 1px solid rgba(255, 255, 255, 0.4);
  }
  .runa-box5> div:not(:nth-child(3n + 1)) {
    border-left: 1px solid rgba(255, 255, 255, 0.4);
  }
  .runa-box5> div {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    background: #171f36;
  }
  .runa-box5-txtBox {
    padding: 20px 20px;
  }
  .runa-box5-txtBox p {
    color: #cccccc;
  }
  .green-box01 {
    margin: 0 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
  }
  .green-box01 .green-box01-green,
  .green-box01 .green-box01-blue {
    width: 100%;
  }
  .green-box01-plus {
    min-width: 50px;
    margin-top: 10%;
  }
  .green-box01 p {
    color: #333333;
  }
  .green-box01 ul {
    margin: 20px;
  }
  .greenStep-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: #171f36;
    padding: 20px 20px 20px 30px;
  }
  .greenStep-txt {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
            order: 1;
    padding-right: 20px;
  }
  .greenStep-img {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
            order: 2;
  }
  .space-img01 {
    max-width: 940px;
    margin: auto;
    display: block;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.4);
  }
}
@media (min-width: 992px) {
  .header-inner {
    padding: 0 40px;
  }
  .footer-nav-col> a.twitter {
    position: absolute;
    bottom: 0;
    left: 15px;
  }
  .container--fit-pc {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .grid--center-pc {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .grid--reverse-pc {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .grid-col-1-pc {
    -webkit-flex-basis: 8.33333% !important;
    -ms-flex-preferred-size: 8.33333% !important;
            flex-basis: 8.33333% !important;
    max-width: 8.33333% !important;
  }
  .grid-col-2-pc {
    -webkit-flex-basis: 16.66667% !important;
    -ms-flex-preferred-size: 16.66667% !important;
            flex-basis: 16.66667% !important;
    max-width: 16.66667% !important;
  }
  .grid-col-3-pc {
    -webkit-flex-basis: 25% !important;
    -ms-flex-preferred-size: 25% !important;
            flex-basis: 25% !important;
    max-width: 25% !important;
  }
  .grid-col-4-pc {
    -webkit-flex-basis: 33.33333% !important;
    -ms-flex-preferred-size: 33.33333% !important;
            flex-basis: 33.33333% !important;
    max-width: 33.33333% !important;
  }
  .grid-col-5-pc {
    -webkit-flex-basis: 41.66667% !important;
    -ms-flex-preferred-size: 41.66667% !important;
            flex-basis: 41.66667% !important;
    max-width: 41.66667% !important;
  }
  .grid-col-6-pc {
    -webkit-flex-basis: 50% !important;
    -ms-flex-preferred-size: 50% !important;
            flex-basis: 50% !important;
    max-width: 50% !important;
  }
  .grid-col-7-pc {
    -webkit-flex-basis: 58.33333% !important;
    -ms-flex-preferred-size: 58.33333% !important;
            flex-basis: 58.33333% !important;
    max-width: 58.33333% !important;
  }
  .grid-col-8-pc {
    -webkit-flex-basis: 66.66667% !important;
    -ms-flex-preferred-size: 66.66667% !important;
            flex-basis: 66.66667% !important;
    max-width: 66.66667% !important;
  }
  .grid-col-9-pc {
    -webkit-flex-basis: 75% !important;
    -ms-flex-preferred-size: 75% !important;
            flex-basis: 75% !important;
    max-width: 75% !important;
  }
  .grid-col-10-pc {
    -webkit-flex-basis: 83.33333% !important;
    -ms-flex-preferred-size: 83.33333% !important;
            flex-basis: 83.33333% !important;
    max-width: 83.33333% !important;
  }
  .grid-col-11-pc {
    -webkit-flex-basis: 91.66667% !important;
    -ms-flex-preferred-size: 91.66667% !important;
            flex-basis: 91.66667% !important;
    max-width: 91.66667% !important;
  }
  .grid-col-12-pc {
    -webkit-flex-basis: 100% !important;
    -ms-flex-preferred-size: 100% !important;
            flex-basis: 100% !important;
    max-width: 100% !important;
  }
  .grid--2col-pc> div {
    width: 50%;
  }
  .grid--3col-pc> div {
    width: 33.33333%;
  }
  .grid--4col-pc> div {
    width: 25%;
  }
  .grid--5col-pc> div {
    width: 20%;
  }
  .grid--6col-pc> div {
    width: 16.66667%;
  }
  .grid--break-pc {
    display: block;
    margin: 0;
    margin-bottom: 0 !important;
  }
  .grid--break-pc> div {
    padding: 0;
    width: auto;
    max-width: inherit;
    margin-top: 36px;
  }
  .grid--break-pc> div:first-child {
    margin-top: 0;
  }
  .grid--wrap.grid--break-pc> div {
    position: static;
    top: auto;
  }
  .grid--wrap.grid--break-pc> div:first-child {
    margin-top: 0;
  }
  .flex--break-pc {
    display: block;
  }
  .flex--break-pc> div {
    margin: 0;
  }
  .flex--break-pc> div:first-child {
    margin-top: 0;
  }
  .flex--wrap.flex--break-pc {
    margin-left: auto;
    margin-right: auto;
  }
  .flex--wrap-pc {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .float-left-pc {
    float: left;
  }
  .float-right-pc {
    float: right;
  }
  .float-none-pc {
    float: none;
  }
  .clearfix-pc:after {
    content: "";
    display: block;
    clear: both;
  }
  .link-list> li:first-child> div {
    padding-top: 0;
  }
  .link-list> li> .text a:hover {
    background-color: #eff3f9;
  }
  .link-list> li> .text a:hover:before {
    right: 30px;
  }
  .figure-orig-pc img,
  img.orig-pc {
    width: auto !important;
    height: auto !important;
  }
  img.fluid-pc {
    width: 100% !important;
  }
  .table--fit-pc {
    width: auto;
  }
  .menu-solution .menu-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
  }
  .menu-solution-col-2 {
    width: 100%;
    border-left: 1px solid #e2e6e8;
    border-right: 1px solid #e2e6e8;
  }
  .menu-solution-item {
    margin-top: 35px;
  }
  .menu-solution-item li {
    width: 14.28%;
  }
  .menu-solution-item li:last-child {
    border-right: none;
  }
  .menu-solution-item li a span {
    display: block;
    margin: 0 24px;
    text-indent: -0.5em;
    padding-left: 0.5em;
  }
  .topicsImg-wrap {
    width: 100%;
    background: -webkit-linear-gradient(#dae2f0, #fbfcfd);
    background:         linear-gradient(#dae2f0, #fbfcfd);
    position: relative;
    padding: 24px;
  }
  .topicsImg-item {
    font-size: 1.4rem;
    line-height: 1.4;
    padding: 10px 10px;
    background: rgba(255, 255, 255, 0.9);
  }
  .topicsCoverWrapper-img img {
    width: 800px;
  }
  ul.m_checkList.s_col2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  ul.m_checkList.s_col2 li {
    width: 50%;
  }
  ul.m_checkList.s_col2 li:nth-child(2n+1) {
    padding-right: 5px;
  }
  ul.m_checkList.s_col2 li:nth-child(2n) {
    padding-left: 5px;
  }
  ul.m_checkList.s_col2 input[type=checkbox]+ span> span {
    padding-left: 32px;
  }
  ul.m_checkList.s_col2 input[type=checkbox]+ span> span:before {
    width: 16px;
    height: 16px;
    left: 8px;
    margin-top: -8px;
  }
  ul.m_checkList.s_col2 input[type=checkbox]:checked+ span> span:after {
    left: 13px;
  }
  .topicsMenu-closeBtn02 {
    position: absolute;
    top: 10px;
    right: 40px;
  }
  .no225 .topicsImg--01 .topicsImg-wrap {
    padding-top: 45px;
    padding-bottom: 85px;
  }
  .no225 .topicsImg--01 .topicsImg-item {
    width: 230px;
  }
  .no225 .topicsImg--01 .topicsImg-item span {
    font-size: 1.8rem;
    display: block;
  }
  .no225 .topicsImg--01 .topicsImg-item:nth-child(1) {
    position: absolute;
    top: 240px;
    left: 43px;
  }
  .no225 .topicsImg--01 .topicsImg-item:nth-child(2) {
    position: absolute;
    top: 409px;
    left: 43px;
  }
  .no225 .topicsImg--01 .topicsImg-item:nth-child(3) {
    position: absolute;
    top: 120px;
    right: 55px;
  }
  .no225 .topicsImg--01 .topicsImg-item:nth-child(4) {
    position: absolute;
    top: 330px;
    right: 55px;
  }
  .no225 .topicsImg--01 .topicsImg-item:nth-child(5) {
    position: absolute;
    top: 351px;
    left: 276px;
    width: inherit;
  }
  .no225 .topicsImg--01 .topicsImg-item02 {
    position: absolute;
    left: 50%;
    bottom: 40px;
    font-size: 1.4rem;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .no225 .topicsImg--02 .topicsImg-wrap {
    padding-top: 95px;
    padding-bottom: 35px;
  }
  .no225 .topicsImg--02 .topicsImg-item:nth-child(1) {
    position: absolute;
    top: 30px;
    left: 30px;
  }
  .no225 .topicsImg--02 .topicsImg-item:nth-child(2) {
    position: absolute;
    top: 79px;
    left: 46%;
    -webkit-transform: translateX(-46%);
            transform: translateX(-46%);
    padding: 3px 10px;
  }
  .no225 .topicsImg--02 .topicsImg-item:nth-child(3) {
    position: absolute;
    top: 47px;
    left: 230px;
    padding: 3px 10px;
  }
  .no225 .topicsImg--02 .topicsImg-item:nth-child(4) {
    position: absolute;
    top: 47px;
    right: 285px;
    padding: 3px 10px;
  }
  .no225 .topicsImg--02 .topicsImg-item:nth-child(5) {
    position: absolute;
    top: 47px;
    right: 30px;
    padding: 3px 10px;
  }
  .no225 .topicsImg--02 .topicsImg-item02 {
    position: absolute;
    font-size: 1.4rem;
    top: 267px;
    left: 320px;
  }
  .no225 .topicsImg--02 .topicsImg-item03 {
    position: absolute;
    font-size: 1.4rem;
    top: 295px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .no225 .topicsImg--02 .topicsImg-list li {
    font-size: 1.4rem;
    margin-top: 5px;
  }
  .no225 .topicsImg--03 {
    position: relative;
  }
  .no225 .topicsImg--03 .topicsImg-item {
    position: absolute;
  }
  .no225 .topicsImg--03 .topicsImg-item:nth-child(1) {
    top: 70px;
    right: 360px;
    padding: 3px 10px;
  }
  .no225 .topicsImg--03 .topicsImg-item:nth-child(2) {
    bottom: 40px;
    left: 320px;
    padding: 3px 10px;
  }
  .mt-section-pc {
    margin-top: 96px !important;
  }
  .mt-subsection-pc {
    margin-top: 48px !important;
  }
  .mt-article-pc {
    margin-top: 48px !important;
  }
  .mt-adj-tall-pc {
    margin-top: 36px !important;
  }
  .mt-adj-medium-pc {
    margin-top: 30px !important;
  }
  .mt-adj-short-pc {
    margin-top: 24px !important;
  }
  .mt-paragraph-pc {
    margin-top: 18px !important;
  }
  .mt-line-pc {
    margin-top: 10px !important;
  }
  .pt-section-pc {
    padding-top: 96px !important;
  }
  .pt-subsection-pc {
    padding-top: 48px !important;
  }
  .pt-article-pc {
    padding-top: 48px !important;
  }
  .pt-adj-tall-pc {
    padding-top: 36px !important;
  }
  .pt-adj-medium-pc {
    padding-top: 30px !important;
  }
  .pt-adj-short-pc {
    padding-top: 24px !important;
  }
  .pt-paragraph-pc {
    padding-top: 18px !important;
  }
  .pt-line-pc {
    padding-top: 10px !important;
  }
  .mb0-pc {
    margin-bottom: 0 !important;
  }
  .mb5-pc {
    margin-bottom: 5px !important;
  }
  .mb10-pc {
    margin-bottom: 10px !important;
  }
  .mb15-pc {
    margin-bottom: 15px !important;
  }
  .mb20-pc {
    margin-bottom: 20px !important;
  }
  .mb25-pc {
    margin-bottom: 25px !important;
  }
  .mb30-pc {
    margin-bottom: 30px !important;
  }
  .mb35-pc {
    margin-bottom: 35px !important;
  }
  .mb40-pc {
    margin-bottom: 40px !important;
  }
  .mb45-pc {
    margin-bottom: 45px !important;
  }
  .mb50-pc {
    margin-bottom: 50px !important;
  }
  .mb55-pc {
    margin-bottom: 55px !important;
  }
  .mb60-pc {
    margin-bottom: 60px !important;
  }
  .mb65-pc {
    margin-bottom: 65px !important;
  }
  .mb70-pc {
    margin-bottom: 70px !important;
  }
  .mb75-pc {
    margin-bottom: 75px !important;
  }
  .mb80-pc {
    margin-bottom: 80px !important;
  }
  .mb85-pc {
    margin-bottom: 85px !important;
  }
  .mb90-pc {
    margin-bottom: 90px !important;
  }
  .mb95-pc {
    margin-bottom: 95px !important;
  }
  .mb100-pc {
    margin-bottom: 100px !important;
  }
  .mt0-pc {
    margin-top: 0 !important;
  }
  .mt5-pc {
    margin-top: 5px !important;
  }
  .mt10-pc {
    margin-top: 10px !important;
  }
  .mt15-pc {
    margin-top: 15px !important;
  }
  .mt20-pc {
    margin-top: 20px !important;
  }
  .mt25-pc {
    margin-top: 25px !important;
  }
  .mt30-pc {
    margin-top: 30px !important;
  }
  .mt35-pc {
    margin-top: 35px !important;
  }
  .mt40-pc {
    margin-top: 40px !important;
  }
  .mt45-pc {
    margin-top: 45px !important;
  }
  .mt50-pc {
    margin-top: 50px !important;
  }
  .mt55-pc {
    margin-top: 55px !important;
  }
  .mt60-pc {
    margin-top: 60px !important;
  }
  .mt65-pc {
    margin-top: 65px !important;
  }
  .mt70-pc {
    margin-top: 70px !important;
  }
  .mt75-pc {
    margin-top: 75px !important;
  }
  .mt80-pc {
    margin-top: 80px !important;
  }
  .mt85-pc {
    margin-top: 85px !important;
  }
  .mt90-pc {
    margin-top: 90px !important;
  }
  .mt95-pc {
    margin-top: 95px !important;
  }
  .mt100-pc {
    margin-top: 100px !important;
  }
  .ml0-pc {
    margin-left: 0 !important;
  }
  .ml5-pc {
    margin-left: 5px !important;
  }
  .ml10-pc {
    margin-left: 10px !important;
  }
  .ml15-pc {
    margin-left: 15px !important;
  }
  .ml20-pc {
    margin-left: 20px !important;
  }
  .ml25-pc {
    margin-left: 25px !important;
  }
  .ml30-pc {
    margin-left: 30px !important;
  }
  .ml35-pc {
    margin-left: 35px !important;
  }
  .ml40-pc {
    margin-left: 40px !important;
  }
  .ml45-pc {
    margin-left: 45px !important;
  }
  .ml50-pc {
    margin-left: 50px !important;
  }
  .ml55-pc {
    margin-left: 55px !important;
  }
  .ml60-pc {
    margin-left: 60px !important;
  }
  .ml65-pc {
    margin-left: 65px !important;
  }
  .ml70-pc {
    margin-left: 70px !important;
  }
  .ml75-pc {
    margin-left: 75px !important;
  }
  .ml80-pc {
    margin-left: 80px !important;
  }
  .ml85-pc {
    margin-left: 85px !important;
  }
  .ml90-pc {
    margin-left: 90px !important;
  }
  .ml95-pc {
    margin-left: 95px !important;
  }
  .ml100-pc {
    margin-left: 100px !important;
  }
  .mr0-pc {
    margin-right: 0 !important;
  }
  .mr5-pc {
    margin-right: 5px !important;
  }
  .mr10-pc {
    margin-right: 10px !important;
  }
  .mr15-pc {
    margin-right: 15px !important;
  }
  .mr20-pc {
    margin-right: 20px !important;
  }
  .mr25-pc {
    margin-right: 25px !important;
  }
  .mr30-pc {
    margin-right: 30px !important;
  }
  .mr35-pc {
    margin-right: 35px !important;
  }
  .mr40-pc {
    margin-right: 40px !important;
  }
  .mr45-pc {
    margin-right: 45px !important;
  }
  .mr50-pc {
    margin-right: 50px !important;
  }
  .mr55-pc {
    margin-right: 55px !important;
  }
  .mr60-pc {
    margin-right: 60px !important;
  }
  .mr65-pc {
    margin-right: 65px !important;
  }
  .mr70-pc {
    margin-right: 70px !important;
  }
  .mr75-pc {
    margin-right: 75px !important;
  }
  .mr80-pc {
    margin-right: 80px !important;
  }
  .mr85-pc {
    margin-right: 85px !important;
  }
  .mr90-pc {
    margin-right: 90px !important;
  }
  .mr95-pc {
    margin-right: 95px !important;
  }
  .mr100-pc {
    margin-right: 100px !important;
  }
  .pb0-pc {
    padding-bottom: 0 !important;
  }
  .pb5-pc {
    padding-bottom: 5px !important;
  }
  .pb10-pc {
    padding-bottom: 10px !important;
  }
  .pb15-pc {
    padding-bottom: 15px !important;
  }
  .pb20-pc {
    padding-bottom: 20px !important;
  }
  .pb25-pc {
    padding-bottom: 25px !important;
  }
  .pb30-pc {
    padding-bottom: 30px !important;
  }
  .pb35-pc {
    padding-bottom: 35px !important;
  }
  .pb40-pc {
    padding-bottom: 40px !important;
  }
  .pb45-pc {
    padding-bottom: 45px !important;
  }
  .pb50-pc {
    padding-bottom: 50px !important;
  }
  .pb55-pc {
    padding-bottom: 55px !important;
  }
  .pb60-pc {
    padding-bottom: 60px !important;
  }
  .pb65-pc {
    padding-bottom: 65px !important;
  }
  .pb70-pc {
    padding-bottom: 70px !important;
  }
  .pb75-pc {
    padding-bottom: 75px !important;
  }
  .pb80-pc {
    padding-bottom: 80px !important;
  }
  .pb85-pc {
    padding-bottom: 85px !important;
  }
  .pb90-pc {
    padding-bottom: 90px !important;
  }
  .pb95-pc {
    padding-bottom: 95px !important;
  }
  .pb100-pc {
    padding-bottom: 100px !important;
  }
  .pt0-pc {
    padding-top: 0 !important;
  }
  .pt5-pc {
    padding-top: 5px !important;
  }
  .pt10-pc {
    padding-top: 10px !important;
  }
  .pt15-pc {
    padding-top: 15px !important;
  }
  .pt20-pc {
    padding-top: 20px !important;
  }
  .pt25-pc {
    padding-top: 25px !important;
  }
  .pt30-pc {
    padding-top: 30px !important;
  }
  .pt35-pc {
    padding-top: 35px !important;
  }
  .pt40-pc {
    padding-top: 40px !important;
  }
  .pt45-pc {
    padding-top: 45px !important;
  }
  .pt50-pc {
    padding-top: 50px !important;
  }
  .pt55-pc {
    padding-top: 55px !important;
  }
  .pt60-pc {
    padding-top: 60px !important;
  }
  .pt65-pc {
    padding-top: 65px !important;
  }
  .pt70-pc {
    padding-top: 70px !important;
  }
  .pt75-pc {
    padding-top: 75px !important;
  }
  .pt80-pc {
    padding-top: 80px !important;
  }
  .pt85-pc {
    padding-top: 85px !important;
  }
  .pt90-pc {
    padding-top: 90px !important;
  }
  .pt95-pc {
    padding-top: 95px !important;
  }
  .pt100-pc {
    padding-top: 100px !important;
  }
  .pl0-pc {
    padding-left: 0 !important;
  }
  .pl5-pc {
    padding-left: 5px !important;
  }
  .pl10-pc {
    padding-left: 10px !important;
  }
  .pl15-pc {
    padding-left: 15px !important;
  }
  .pl20-pc {
    padding-left: 20px !important;
  }
  .pl25-pc {
    padding-left: 25px !important;
  }
  .pl30-pc {
    padding-left: 30px !important;
  }
  .pl35-pc {
    padding-left: 35px !important;
  }
  .pl40-pc {
    padding-left: 40px !important;
  }
  .pl45-pc {
    padding-left: 45px !important;
  }
  .pl50-pc {
    padding-left: 50px !important;
  }
  .pl55-pc {
    padding-left: 55px !important;
  }
  .pl60-pc {
    padding-left: 60px !important;
  }
  .pl65-pc {
    padding-left: 65px !important;
  }
  .pl70-pc {
    padding-left: 70px !important;
  }
  .pl75-pc {
    padding-left: 75px !important;
  }
  .pl80-pc {
    padding-left: 80px !important;
  }
  .pl85-pc {
    padding-left: 85px !important;
  }
  .pl90-pc {
    padding-left: 90px !important;
  }
  .pl95-pc {
    padding-left: 95px !important;
  }
  .pl100-pc {
    padding-left: 100px !important;
  }
  .pr0-pc {
    padding-right: 0 !important;
  }
  .pr5-pc {
    padding-right: 5px !important;
  }
  .pr10-pc {
    padding-right: 10px !important;
  }
  .pr15-pc {
    padding-right: 15px !important;
  }
  .pr20-pc {
    padding-right: 20px !important;
  }
  .pr25-pc {
    padding-right: 25px !important;
  }
  .pr30-pc {
    padding-right: 30px !important;
  }
  .pr35-pc {
    padding-right: 35px !important;
  }
  .pr40-pc {
    padding-right: 40px !important;
  }
  .pr45-pc {
    padding-right: 45px !important;
  }
  .pr50-pc {
    padding-right: 50px !important;
  }
  .pr55-pc {
    padding-right: 55px !important;
  }
  .pr60-pc {
    padding-right: 60px !important;
  }
  .pr65-pc {
    padding-right: 65px !important;
  }
  .pr70-pc {
    padding-right: 70px !important;
  }
  .pr75-pc {
    padding-right: 75px !important;
  }
  .pr80-pc {
    padding-right: 80px !important;
  }
  .pr85-pc {
    padding-right: 85px !important;
  }
  .pr90-pc {
    padding-right: 90px !important;
  }
  .pr95-pc {
    padding-right: 95px !important;
  }
  .pr100-pc {
    padding-right: 100px !important;
  }
  .ml-auto-pc {
    margin-left: auto !important;
  }
  .mr-auto-pc {
    margin-right: auto !important;
  }
  .mb-auto-pc {
    margin-bottom: auto !important;
  }
  .mt-auto-pc {
    margin-top: auto !important;
  }
  .w0per-pc {
    width: 0 !important;
  }
  .mw0per-pc {
    max-width: 0 !important;
  }
  .mw100-pc {
    max-width: 0 !important;
  }
  .w5per-pc {
    width: 5% !important;
  }
  .mw5per-pc {
    max-width: 5% !important;
  }
  .mw150-pc {
    max-width: 50px !important;
  }
  .w10per-pc {
    width: 10% !important;
  }
  .mw10per-pc {
    max-width: 10% !important;
  }
  .mw200-pc {
    max-width: 100px !important;
  }
  .w15per-pc {
    width: 15% !important;
  }
  .mw15per-pc {
    max-width: 15% !important;
  }
  .mw250-pc {
    max-width: 150px !important;
  }
  .w20per-pc {
    width: 20% !important;
  }
  .mw20per-pc {
    max-width: 20% !important;
  }
  .mw300-pc {
    max-width: 200px !important;
  }
  .w25per-pc {
    width: 25% !important;
  }
  .mw25per-pc {
    max-width: 25% !important;
  }
  .mw350-pc {
    max-width: 250px !important;
  }
  .w30per-pc {
    width: 30% !important;
  }
  .mw30per-pc {
    max-width: 30% !important;
  }
  .mw400-pc {
    max-width: 300px !important;
  }
  .w35per-pc {
    width: 35% !important;
  }
  .mw35per-pc {
    max-width: 35% !important;
  }
  .mw450-pc {
    max-width: 350px !important;
  }
  .w40per-pc {
    width: 40% !important;
  }
  .mw40per-pc {
    max-width: 40% !important;
  }
  .mw500-pc {
    max-width: 400px !important;
  }
  .w45per-pc {
    width: 45% !important;
  }
  .mw45per-pc {
    max-width: 45% !important;
  }
  .mw550-pc {
    max-width: 450px !important;
  }
  .w50per-pc {
    width: 50% !important;
  }
  .mw50per-pc {
    max-width: 50% !important;
  }
  .mw600-pc {
    max-width: 500px !important;
  }
  .w55per-pc {
    width: 55% !important;
  }
  .mw55per-pc {
    max-width: 55% !important;
  }
  .mw650-pc {
    max-width: 550px !important;
  }
  .w60per-pc {
    width: 60% !important;
  }
  .mw60per-pc {
    max-width: 60% !important;
  }
  .mw700-pc {
    max-width: 600px !important;
  }
  .w65per-pc {
    width: 65% !important;
  }
  .mw65per-pc {
    max-width: 65% !important;
  }
  .mw750-pc {
    max-width: 650px !important;
  }
  .w70per-pc {
    width: 70% !important;
  }
  .mw70per-pc {
    max-width: 70% !important;
  }
  .mw800-pc {
    max-width: 700px !important;
  }
  .w75per-pc {
    width: 75% !important;
  }
  .mw75per-pc {
    max-width: 75% !important;
  }
  .mw850-pc {
    max-width: 750px !important;
  }
  .w80per-pc {
    width: 80% !important;
  }
  .mw80per-pc {
    max-width: 80% !important;
  }
  .mw900-pc {
    max-width: 800px !important;
  }
  .w85per-pc {
    width: 85% !important;
  }
  .mw85per-pc {
    max-width: 85% !important;
  }
  .mw950-pc {
    max-width: 850px !important;
  }
  .w90per-pc {
    width: 90% !important;
  }
  .mw90per-pc {
    max-width: 90% !important;
  }
  .mw1000-pc {
    max-width: 900px !important;
  }
  .w95per-pc {
    width: 95% !important;
  }
  .mw95per-pc {
    max-width: 95% !important;
  }
  .mw1050-pc {
    max-width: 950px !important;
  }
  .w100per-pc {
    width: 100% !important;
  }
  .mw100per-pc {
    max-width: 100% !important;
  }
  .mw1100-pc {
    max-width: 1000px !important;
  }
  .align-left-pc {
    text-align: left !important;
  }
  .align-center-pc {
    text-align: center !important;
  }
  .align-ight-pc {
    text-align: right !important;
  }
  .align-justify-pc {
    text-align: justify !important;
  }
  .block-left-pc {
    margin-right: auto !important;
  }
  .block-center-pc {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .block-right-pc {
    margin-left: auto !important;
  }
  .hidden-pc {
    display: none !important;
  }
  .bordered-pc {
    border: 1px solid #e2e6e8 !important;
  }
  .unbordered-pc {
    border: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .header-inner {
    padding: 0 20px;
  }
  .header-tohoku .global-nav-list> li:not(.global-nav-top)> a {
    font-size: 1.3rem;
  }
  .title .title-body {
    padding: 15px 24px;
    height: 80px;
  }
  .title h1 {
    font-size: 2.4rem;
  }
  .footer-nav {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 50px 20px;
  }
  .footer-nav-col {
    -webkit-flex-basis: 33.33%;
    -ms-flex-preferred-size: 33.33%;
            flex-basis: 33.33%;
  }
  .footer-nav-col:last-child {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    border-right: none;
  }
  .footer-nav-col:last-child ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    padding-top: 40px;
  }
  .footer-nav-col:last-child ul li {
    margin-top: 0;
  }
  .footer-nav-col:last-child ul li:not(:first-child) {
    margin-left: 20px;
  }
  .footer-nav-col:last-child ul li a {
    padding-left: 15px;
  }
  .footer-nav-col:last-child .twitter {
    text-align: center;
  }
  .base-inner {
    padding: 40px;
    display: block;
  }
  .base-links> ul {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
  }
  .copyright {
    margin-top: 24px;
    text-align: center;
  }
  .header-simple {
    height: 50px;
  }
  .header-simple-inner {
    padding: 10px 20px;
    height: 50px;
  }
  .header-simple .close {
    right: 20px;
  }
  .container {
    padding: 0 24px;
  }
  .container--fit-tb {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .grid {
    margin: 0 -12px;
  }
  .grid> div {
    padding: 0 12px;
  }
  .grid--slim {
    margin: 0 -8px;
  }
  .grid--slim> div {
    padding: 0 8px;
  }
  .grid--thin {
    margin: 0 -6px;
  }
  .grid--thin> div {
    padding: 0 6px;
  }
  .grid--wrap {
    margin-bottom: -24px;
  }
  .grid--wrap> div {
    top: -24px;
    margin-top: 24px;
  }
  .grid--wrap.grid--slim {
    margin-bottom: -16px;
  }
  .grid--wrap.grid--slim> div {
    top: -16px;
    margin-top: 16px;
  }
  .grid--wrap.grid--thin {
    margin-bottom: -12px;
  }
  .grid--wrap.grid--thin> div {
    top: -12px;
    margin-top: 12px;
  }
  .grid--center-tb {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .grid--reverse-tb {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .grid-col-1-tb {
    -webkit-flex-basis: 8.33333% !important;
    -ms-flex-preferred-size: 8.33333% !important;
            flex-basis: 8.33333% !important;
    max-width: 8.33333% !important;
  }
  .grid-col-2-tb {
    -webkit-flex-basis: 16.66667% !important;
    -ms-flex-preferred-size: 16.66667% !important;
            flex-basis: 16.66667% !important;
    max-width: 16.66667% !important;
  }
  .grid-col-3-tb {
    -webkit-flex-basis: 25% !important;
    -ms-flex-preferred-size: 25% !important;
            flex-basis: 25% !important;
    max-width: 25% !important;
  }
  .grid-col-4-tb {
    -webkit-flex-basis: 33.33333% !important;
    -ms-flex-preferred-size: 33.33333% !important;
            flex-basis: 33.33333% !important;
    max-width: 33.33333% !important;
  }
  .grid-col-5-tb {
    -webkit-flex-basis: 41.66667% !important;
    -ms-flex-preferred-size: 41.66667% !important;
            flex-basis: 41.66667% !important;
    max-width: 41.66667% !important;
  }
  .grid-col-6-tb {
    -webkit-flex-basis: 50% !important;
    -ms-flex-preferred-size: 50% !important;
            flex-basis: 50% !important;
    max-width: 50% !important;
  }
  .grid-col-7-tb {
    -webkit-flex-basis: 58.33333% !important;
    -ms-flex-preferred-size: 58.33333% !important;
            flex-basis: 58.33333% !important;
    max-width: 58.33333% !important;
  }
  .grid-col-8-tb {
    -webkit-flex-basis: 66.66667% !important;
    -ms-flex-preferred-size: 66.66667% !important;
            flex-basis: 66.66667% !important;
    max-width: 66.66667% !important;
  }
  .grid-col-9-tb {
    -webkit-flex-basis: 75% !important;
    -ms-flex-preferred-size: 75% !important;
            flex-basis: 75% !important;
    max-width: 75% !important;
  }
  .grid-col-10-tb {
    -webkit-flex-basis: 83.33333% !important;
    -ms-flex-preferred-size: 83.33333% !important;
            flex-basis: 83.33333% !important;
    max-width: 83.33333% !important;
  }
  .grid-col-11-tb {
    -webkit-flex-basis: 91.66667% !important;
    -ms-flex-preferred-size: 91.66667% !important;
            flex-basis: 91.66667% !important;
    max-width: 91.66667% !important;
  }
  .grid-col-12-tb {
    -webkit-flex-basis: 100% !important;
    -ms-flex-preferred-size: 100% !important;
            flex-basis: 100% !important;
    max-width: 100% !important;
  }
  .grid--2col-tb> div {
    width: 50%;
  }
  .grid--3col-tb> div {
    width: 33.33333%;
  }
  .grid--4col-tb> div {
    width: 25%;
  }
  .grid--5col-tb> div {
    width: 20%;
  }
  .grid--6col-tb> div {
    width: 16.66667%;
  }
  .grid--break-tb {
    display: block;
    margin: 0;
    margin-bottom: 0 !important;
  }
  .grid--break-tb> div {
    padding: 0;
    width: auto;
    max-width: inherit;
    margin-top: 24px;
  }
  .grid--break-tb> div:first-child {
    margin-top: 0;
  }
  .grid--wrap.grid--break-tb> div {
    position: static;
    top: auto;
  }
  .grid--wrap.grid--break-tb> div:first-child {
    margin-top: 0;
  }
  .grid-wrap--2col {
    display: block;
  }
  .grid-wrap--2col> div {
    width: auto;
    margin-top: 40px !important;
  }
  .grid-wrap--2col> div:first-child {
    margin-top: 0 !important;
  }
  .grid-wrap--3col> div {
    width: 50%;
  }
  .grid-wrap--3col> div:nth-child(-n + 3) {
    margin-top: 40px;
  }
  .grid-wrap--3col> div:nth-child(-n + 2) {
    margin-top: 0;
  }
  .grid-wrap--4col> div {
    width: 33.33333%;
  }
  .grid-wrap--4col> div:nth-child(-n + 4) {
    margin-top: 40px;
  }
  .grid-wrap--4col> div:nth-child(-n + 3) {
    margin-top: 0;
  }
  .grid-wrap-box {
    margin-top: 40px;
  }
  .cover .cover-content-top {
    margin-top: 40px;
  }
  .cover .cover-content-bottom {
    margin-bottom: 72px;
  }
  .cover .cover-content-bottom:last-child {
    margin-bottom: 30px;
  }
  .cover .cover-content-caption {
    right: 24px;
    left: 0;
  }
  .flex> div {
    margin-left: 12px;
    margin-right: 12px;
  }
  .flex--slim> div {
    margin-left: 9px;
    margin-right: 9px;
  }
  .flex--thin> div {
    margin-left: 6px;
    margin-right: 6px;
  }
  .flex--break-tb {
    display: block;
  }
  .flex--break-tb> div {
    margin: 0;
  }
  .flex--break-tb> div:first-child {
    margin-top: 0;
  }
  .flex--wrap {
    margin-left: -12px;
    margin-right: -12px;
  }
  .flex--wrap.flex--slim {
    margin-left: -9px;
    margin-right: -9px;
  }
  .flex--wrap.flex--thin {
    margin-left: -6px;
    margin-right: -6px;
  }
  .flex--wrap.flex--break-tb {
    margin-left: auto;
    margin-right: auto;
  }
  .flex--wrap-tb {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .float-left-tb {
    float: left;
  }
  .float-right-tb {
    float: right;
  }
  .float-none-tb {
    float: none;
  }
  .clearfix-tb:after {
    content: "";
    display: block;
    clear: both;
  }
  .lead-box {
    padding: 24px;
  }
  .lead-box .heading {
    font-size: 2.7rem;
  }
  .lead-box .subheading {
    font-size: 1.8rem;
  }
  ul.link-item--2col-tb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  ul.link-item--2col-tb> li {
    padding-right: 18px;
    width: 50%;
    margin-top: 10px !important;
  }
  ul.link-item--2col-tb> li:nth-child(-n+2) {
    margin-top: 0 !important;
  }
  ul.link-item--break-col-tb {
    display: block;
  }
  ul.link-item--break-col-tb> li {
    padding-right: 0;
    width: auto;
    margin-top: 10px !important;
  }
  ul.link-item--break-col-tb> li:first-child {
    margin-top: 0 !important;
  }
  .grid--3col-tb .anchor-box> a {
    border-left: none !important;
  }
  .grid--3col-tb .anchor-box:nth-child(3n+1)> a {
    border-left: 1px solid #e2e6e8 !important;
  }
  .grid--3col-tb .anchor-box:nth-child(3n+1)> a:before {
    display: block;
    content: "";
    border-top: 1px solid #e2e6e8;
    position: absolute;
    top: 0;
    left: 0;
    width: 1500px;
  }
  .grid--2col-tb .anchor-box> a {
    border-left: none !important;
  }
  .grid--2col-tb .anchor-box:nth-child(2n+1)> a {
    border-left: 1px solid #e2e6e8 !important;
  }
  .grid--2col-tb .anchor-box:nth-child(2n+1)> a:before {
    display: block;
    content: "";
    border-top: 1px solid #e2e6e8;
    position: absolute;
    top: 0;
    left: 0;
    width: 1500px;
  }
  .grid--break-tb .anchor-box {
    border-top: 1px solid #e2e6e8;
  }
  .grid--break-tb .anchor-box:first-child {
    border-top: none;
  }
  .grid--break-tb .anchor-box> a {
    border-left: 1px solid #e2e6e8;
    border-right: 1px solid #e2e6e8;
  }
  .grid--break-tb .anchor-box> a:before {
    display: none !important;
  }
  dl.list-def--1-9-tb> dt {
    width: 10%;
  }
  dl.list-def--1-9-tb> dd {
    width: 90%;
  }
  dl.list-def--2-8-tb> dt {
    width: 20%;
  }
  dl.list-def--2-8-tb> dd {
    width: 80%;
  }
  dl.list-def--3-7-tb> dt {
    width: 30%;
  }
  dl.list-def--3-7-tb> dd {
    width: 70%;
  }
  dl.list-def--4-6-tb> dt {
    width: 40%;
  }
  dl.list-def--4-6-tb> dd {
    width: 60%;
  }
  dl.list-def--5-5-tb> dt {
    width: 50%;
  }
  dl.list-def--5-5-tb> dd {
    width: 50%;
  }
  dl.list-def--15-85-tb> dt {
    width: 15%;
  }
  dl.list-def--15-85-tb> dd {
    width: 85%;
  }
  dl.list-def--break-tb {
    display: block;
  }
  dl.list-def--break-tb> dt,
  dl.list-def--break-tb> dd {
    padding-left: 0;
    padding-right: 0;
    width: auto;
    border-bottom: 1px solid #e2e6e8;
  }
  dl.list-def--break-tb> dt:before,
  dl.list-def--break-tb> dd:before {
    display: none !important;
  }
  dl.list-def--break-tb> dt:after,
  dl.list-def--break-tb> dd:after {
    display: none !important;
  }
  dl.list-def--break-tb> dt:first-child,
  dl.list-def--break-tb> dd:first-child {
    border-top: 1px solid #e2e6e8;
  }
  dl.list-def--continuous-tb> dt:first-child:before {
    display: none !important;
  }
  dl.list-def--continuous-tb> dd:nth-child(2):before {
    display: none !important;
  }
  ul.list-def--break-tb {
    display: block;
  }
  ul.list-def--break-tb> li {
    display: block;
  }
  ul.list-def--break-tb> li> span {
    display: block;
  }
  ul.list-def--break-tb> li> span:first-child {
    font-weight: 700;
    padding-right: 0;
    margin-top: 18px;
    text-align: left;
  }
  ul.list-def--break-tb> li> span:first-child:after {
    display: none;
  }
  ul.list-def--break-tb> li> span:last-child {
    padding-left: 0;
    margin-left: 2em;
  }
  ul.list-def--break-tb> li:first-child> span:first-child {
    margin-top: 0;
  }
  .figure-orig-tb img,
  img.orig-tb {
    width: auto !important;
    height: auto !important;
  }
  img.fluid-tb {
    width: 100% !important;
  }
  .grid--layout.grid--3col-tb> div:nth-child(3n+1)> .card {
    border-left: 1px solid #e2e6e8;
  }
  .grid--layout.grid--2col-tb> div:nth-child(2n+1)> .card {
    border-left: 1px solid #e2e6e8;
  }
  .grid--layout.grid--break-tb> div> .card {
    border-left: 1px solid #e2e6e8;
  }
  .icon-box-wrapper> div:nth-child(4n+1) .icon-box-icon,
  .icon-box-wrapper> div:nth-child(4n+1) .icon-box-link {
    border-left: none;
  }
  .icon-box-wrapper> div:nth-child(3n+1) .icon-box-icon,
  .icon-box-wrapper> div:nth-child(3n+1) .icon-box-link {
    border-left: 1px solid #e2e6e8;
  }
  .icon-box2-wrapper {
    margin-bottom: -24px !important;
  }
  .icon-box2-wrapper> div {
    margin-bottom: 24px;
  }
  .icon-box2-wrapper> div:nth-child(4n+1) .icon-box2-icon,
  .icon-box2-wrapper> div:nth-child(4n+1) .icon-box2-link,
  .icon-box2-wrapper> div:nth-child(4n+1) .icon-box2-text {
    border-left: none;
  }
  .icon-box2-wrapper> div:nth-child(4n+1):before {
    display: none;
  }
  .icon-box2-wrapper> div:nth-child(3n+1) .icon-box2-icon,
  .icon-box2-wrapper> div:nth-child(3n+1) .icon-box2-link,
  .icon-box2-wrapper> div:nth-child(3n+1) .icon-box2-text {
    border-left: 1px solid #e2e6e8;
  }
  .icon-box2-wrapper> div:nth-child(3n+1):before {
    content: "";
    display: block;
    border-bottom: 1px solid #e2e6e8;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1200px;
  }
  .table> table th,
  .table> table td,
  table.table th,
  table.table td {
    padding: 12px 18px;
  }
  .table--thin> table th,
  .table--thin> table td,
  table.table--thin th,
  table.table--thin td {
    padding: 6px 12px;
  }
  .table-scroll--tb {
    border-bottom: 1px solid #e2e6e8;
    position: relative;
  }
  .table-scroll--tb table {
    margin-bottom: 16px;
    min-width: 768px;
  }
  .table-scroll--tb table th:first-child,
  .table-scroll--tb table td:first-child {
    border-left: none;
  }
  .table-scroll--tb table th:last-child,
  .table-scroll--tb table td:last-child {
    border-right: none;
  }
  .table--fit-tb {
    width: auto;
  }
  .category-intro .category-intro-body {
    width: 450px;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-right: 24px;
  }
  .category-intro .category-intro-body .text {
    margin-left: 24px;
  }
  .category-intro .category-intro-body:after {
    width: 25%;
    right: -25%;
  }
  .category-intro--reverse .category-intro-body {
    padding-right: 0;
    padding-left: 24px;
  }
  .category-intro--reverse .category-intro-body:after {
    left: -25%;
  }
  .content-box {
    padding: 24px;
  }
  .content-box> .shift-top--clear-tb {
    margin-top: 0;
  }
  .bg-hr-half--clear-tb:before {
    display: none;
  }
  ol.form-step> li {
    padding-left: 24px;
  }
  ol.form-step> li:before {
    width: 24px;
  }
  .grid--3col-tb .form-link-box> a {
    border-left: none !important;
  }
  .grid--3col-tb .form-link-box:nth-child(3n+1)> a {
    border-left: 1px solid #e2e6e8 !important;
  }
  .grid--3col-tb .form-link-box:nth-child(3n+1)> a:before {
    display: block;
    content: "";
    border-top: 1px solid #e2e6e8;
    position: absolute;
    top: 0;
    left: 0;
    width: 1500px;
  }
  .grid--2col-tb .form-link-box> a {
    border-left: none !important;
  }
  .grid--2col-tb .form-link-box:nth-child(2n+1)> a {
    border-left: 1px solid #e2e6e8 !important;
  }
  .grid--2col-tb .form-link-box:nth-child(2n+1)> a:before {
    display: block;
    content: "";
    border-top: 1px solid #e2e6e8;
    position: absolute;
    top: 0;
    left: 0;
    width: 1500px;
  }
  .grid--break-tb .form-link-box {
    border-top: 1px solid #e2e6e8;
  }
  .grid--break-tb .form-link-box:first-child {
    border-top: none;
  }
  .grid--break-tb .form-link-box> a {
    border-left: 1px solid #e2e6e8;
    border-right: 1px solid #e2e6e8;
  }
  .grid--break-tb .form-link-box> a:before {
    display: none !important;
  }
  .sol-container .content-main {
    width: 68% !important;
  }
  .sol-container .content-side {
    width: 26% !important;
  }
  .sol-title .sol-title-inner {
    padding: 15px 24px;
    min-height: 100px;
  }
  .sol-title .sol-subtitle {
    font-size: 2.4rem;
  }
  .menu-solution-col-2 {
    border-top: 1px solid #e2e6e8;
    padding-top: 35px;
  }
  .menu-solution-item li {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    margin-top: 35px;
  }
  .menu-solution-item li:nth-child(4n+1) {
    border-left: 1px solid #e2e6e8;
  }
  .menu-solution-item li a span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
  }
  .itemBranch .itemBranch-inner {
    width: 768px;
  }
  .itemBranch .itemBranch-inner:before,
  .itemBranch .itemBranch-inner:after {
    width: 768px;
  }
  .itemBranch .itemBranch-inner .itemBranch-list> li {
    width: 246px;
    height: 246px;
  }
  .itemBranch .itemBranch-inner .itemBranch-list> li a {
    width: 246px;
    height: 246px;
  }
  .itemBranch .itemBranch-inner .itemBranch-list> li a .itemBranch-caption {
    width: 246px;
    height: 246px;
    line-height: 246px;
  }
  .itemBranch .itemBranch-inner .itemBranch-list> li a:hover {
    width: 246px;
    height: 246px;
    background-size: cover;
  }
  .container-topic {
    width: 96%;
  }
  .ttlStyle01 {
    line-height: 1.4;
  }
  .ttlStyle02 {
    line-height: 1.4;
  }
  .mediaList--three-one .mediaList-item {
    flex-glow: 1;
  }
  .mediaList--three-one .mediaList-item--left .mediaList-img {
    margin: 0 10px 5px;
  }
  .topicsHero-ttl {
    font-size: 1.8rem;
  }
  .topicsHero-ttl-big {
    font-size: 2.8rem;
  }
  .topicsContainer {
    padding-top: 60px;
  }
  .topicsColumn {
    padding: 48px 24px;
  }
  .dreamLayout-2col-tb {
    display: block;
  }
  .dreamLayout-2col-tb .dreamLayout-item:nth-child(1) {
    margin-bottom: 20px;
  }
  .p_resultList> li {
    width: 50%;
  }
  .works-main {
    width: 68% !important;
  }
  .works-side {
    width: 26% !important;
  }
  .title-body-gallery {
    padding-right: 280px !important;
  }
  .gallery-header-detail {
    width: 220px;
    height: 40px;
    font-size: 1.6rem;
    line-height: 40px;
    margin-top: -20px;
    padding-left: 20px;
  }
  .gallery-header-detail:before {
    left: 10px;
    font-size: 2.6rem;
    margin-top: -1.3rem;
  }
  .gallery-header-detail:after {
    right: 10px;
    font-size: 1.2rem;
    margin-top: -0.6rem;
  }
  .gallery-carousel .slick-prev {
    left: 10px;
  }
  .gallery-carousel .slick-prev:before {
    content: "";
    margin-left: -0.6rem;
  }
  .gallery-carousel .slick-next {
    right: 10px;
  }
  .gallery-carousel .slick-next:before {
    content: "";
    margin-left: -0.4rem;
  }
  .gallery-carousel-overlay .gallery-carousel-indicator {
    padding-right: 16px;
  }
  .gallery-carousel-overlay .gallery-carousel-close {
    padding-right: 16px;
  }
  .mainV-button {
    bottom: 8px;
  }
  .mainV-cap {
    bottom: 0;
  }
  .mainV-info {
    width: calc(100% - 72px);
    bottom: 40px;
  }
  .infoFix2 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
  .chouseiPickup {
    margin: 0 auto 60px;
  }
  .chouseiLinkBtn .grid {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .chouseiLinkBtn .grid .grid-col-2 {
    -webkit-flex-basis: 33.33%;
    -ms-flex-preferred-size: 33.33%;
            flex-basis: 33.33%;
    max-width: 33.33%;
  }
  .chouseiLinkBtn .grid .grid-col-2:nth-child(n+4) {
    margin-top: 18px;
  }
  .ttl-style02 span {
    margin-top: 10px;
  }
  .pickup-list {
    display: block;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    margin-top: 50px;
  }
  .topicsMenu .container {
    position: static;
  }
  .topicsMenu .container .grid-warp-box {
    margin-top: 0;
  }
  .topicsMenu-closeBtn02 {
    position: absolute;
    top: 55px;
    right: 40px;
  }
  .co-top-cat {
    margin-left: -24px;
    margin-right: -24px;
    padding: 30px;
  }
  .co-top-cat> .desc {
    margin-top: 24px;
  }
  .co-top-cat> .link {
    margin-top: 24px;
  }
  .co-top-cat> .link> a {
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
  }
  .topmessageWrap-mini {
    padding: 0 24px;
  }
  .topMsg {
    width: 450px;
  }
  .aboutmore3> a {
    min-width: 300px;
  }
  .sol-carousel .sol-carousel-text {
    padding: 30px;
  }
  .sol-carousel .sol-carousel-title {
    margin-top: 24px;
  }
  .sol-carousel .sol-carousel-link {
    right: 30px;
    bottom: 30px;
  }
  .solutionKeyIcon ul li {
    width: 25%;
  }
  .coverWrapper-saijo--01 {
    max-height: 300px;
    height: 300px;
  }
  .coverWrapper-saijo--01 .coverTitle,
  .coverWrapper-saijo--01 .coverWrapper-item07--00-ttl,
  .coverWrapper-saijo--01 .coverWrapper-item09--01 .inner-ttl,
  .coverWrapper-item09--01 .coverWrapper-saijo--01 .inner-ttl,
  .coverWrapper-saijo--01 .coverWrapper-sus-item01--01 .inner-ttl,
  .coverWrapper-sus-item01--01 .coverWrapper-saijo--01 .inner-ttl {
    width: 98%;
    padding: 40px 6% 0;
  }
  .coverWrapper-saijo--01 .coverTitle-title {
    bottom: 20px;
  }
  .coverWrapper-saijo--02 {
    background-size: cover;
    height: 520px;
  }
  .coverWrapper-saijo--02 .coverContent {
    width: 90%;
  }
  .coverWrapper-saijo--02 .coverContent .coverContent-txt {
    padding-top: 60px;
  }
  .coverWrapper-saijo--03 .inner {
    width: 84%;
    margin: auto;
  }
  .coverWrapper-saijo--03 .inner> .img {
    margin-bottom: 0;
  }
  .coverWrapper-saijo--04 {
    height: 500px;
  }
  .coverWrapper-saijo--04 .coverWrapper-caption {
    padding-top: 480px;
  }
  .coverWrapper-tama--01 {
    max-height: 300px;
    height: 300px;
  }
  .coverWrapper-tama--01 .coverTitle,
  .coverWrapper-tama--01 .coverWrapper-item07--00-ttl,
  .coverWrapper-tama--01 .coverWrapper-item09--01 .inner-ttl,
  .coverWrapper-item09--01 .coverWrapper-tama--01 .inner-ttl,
  .coverWrapper-tama--01 .coverWrapper-sus-item01--01 .inner-ttl,
  .coverWrapper-sus-item01--01 .coverWrapper-tama--01 .inner-ttl {
    width: 98%;
    padding: 40px 6% 0;
  }
  .coverWrapper-tama--01 .coverTitle-title {
    bottom: 20px;
  }
  .coverWrapper-tama--02 {
    background-size: cover;
    height: 520px;
  }
  .coverWrapper-tama--02 .coverContent {
    width: 90%;
  }
  .coverWrapper-tama--02 .coverContent .coverContent-txt {
    padding-top: 60px;
  }
  .coverWrapper-tama--03 .inner {
    width: 84%;
    margin: auto;
  }
  .coverWrapper-tama--03 .inner> .img {
    margin-bottom: 0;
  }
  .coverWrapper-tama--04 {
    height: 500px;
  }
  .coverWrapper-tama--04 .coverWrapper-caption {
    padding-top: 480px;
  }
  .topics-const-carousel {
    padding: 0 30px;
  }
  .coverWrapper-yoyogi--01 {
    max-height: 450px;
  }
  .coverWrapper-yoyogi--01 .coverTitle,
  .coverWrapper-yoyogi--01 .coverWrapper-item07--00-ttl,
  .coverWrapper-yoyogi--01 .coverWrapper-item09--01 .inner-ttl,
  .coverWrapper-item09--01 .coverWrapper-yoyogi--01 .inner-ttl,
  .coverWrapper-yoyogi--01 .coverWrapper-sus-item01--01 .inner-ttl,
  .coverWrapper-sus-item01--01 .coverWrapper-yoyogi--01 .inner-ttl {
    width: 98%;
    padding: 40px 6% 0;
  }
  .coverWrapper-yoyogi--01 .coverTitle-txt {
    bottom: 20px;
  }
  .coverWrapper-yoyogi--02 {
    height: 400px;
  }
  .coverWrapper-yoyogi--02 .coverTitle,
  .coverWrapper-yoyogi--02 .coverWrapper-item07--00-ttl,
  .coverWrapper-yoyogi--02 .coverWrapper-item09--01 .inner-ttl,
  .coverWrapper-item09--01 .coverWrapper-yoyogi--02 .inner-ttl,
  .coverWrapper-yoyogi--02 .coverWrapper-sus-item01--01 .inner-ttl,
  .coverWrapper-sus-item01--01 .coverWrapper-yoyogi--02 .inner-ttl {
    width: 90%;
    padding: 40px 6% 0;
  }
  .coverWrapper-yoyogi--03 {
    height: 400px;
  }
  .coverWrapper-yoyogi--03 .coverTitle,
  .coverWrapper-yoyogi--03 .coverWrapper-item07--00-ttl,
  .coverWrapper-yoyogi--03 .coverWrapper-item09--01 .inner-ttl,
  .coverWrapper-item09--01 .coverWrapper-yoyogi--03 .inner-ttl,
  .coverWrapper-yoyogi--03 .coverWrapper-sus-item01--01 .inner-ttl,
  .coverWrapper-sus-item01--01 .coverWrapper-yoyogi--03 .inner-ttl {
    width: 90%;
    padding: 40px 6% 0;
  }
  .coverWrapper-yoyogi--04 {
    height: 600px;
  }
  .coverWrapper-yoyogi--04 .coverWrapper-caption {
    padding-top: 630px;
  }
  .coverWrapper-yoyogi--05 .inner {
    width: 84%;
    margin: auto;
  }
  .coverWrapper-yoyogi--05 .inner> .img {
    margin-bottom: 0;
  }
  .coverWrapper-yoyogi--06 {
    max-height: 650px;
  }
  .coverWrapper-yoyogi--06 .coverTitle,
  .coverWrapper-yoyogi--06 .coverWrapper-item07--00-ttl,
  .coverWrapper-yoyogi--06 .coverWrapper-item09--01 .inner-ttl,
  .coverWrapper-item09--01 .coverWrapper-yoyogi--06 .inner-ttl,
  .coverWrapper-yoyogi--06 .coverWrapper-sus-item01--01 .inner-ttl,
  .coverWrapper-sus-item01--01 .coverWrapper-yoyogi--06 .inner-ttl {
    width: 98%;
    padding: 40px 6% 0;
  }
  .coverWrapper-yoyogi--06 .coverTitle-txt {
    bottom: 20px;
  }
  .coverWrapper-kabukiza--01 {
    max-height: 300px;
    height: 300px;
  }
  .coverWrapper-kabukiza--01 .coverTitle,
  .coverWrapper-kabukiza--01 .coverWrapper-item07--00-ttl,
  .coverWrapper-kabukiza--01 .coverWrapper-item09--01 .inner-ttl,
  .coverWrapper-item09--01 .coverWrapper-kabukiza--01 .inner-ttl,
  .coverWrapper-kabukiza--01 .coverWrapper-sus-item01--01 .inner-ttl,
  .coverWrapper-sus-item01--01 .coverWrapper-kabukiza--01 .inner-ttl {
    width: 98%;
    padding: 40px 6% 0;
  }
  .coverWrapper-kabukiza--01 .coverTitle-title {
    bottom: 20px;
  }
  .coverWrapper-kabukiza--02 {
    background: #356cb6 url("/topics/construction/item01/content02/images/img_index_09.jpg") no-repeat center center;
    background-size: cover;
    height: 520px;
  }
  .coverWrapper-kabukiza--02 .coverContent {
    width: 90%;
  }
  .coverWrapper-kabukiza--02 .coverContent .coverContent-txt {
    padding-top: 60px;
  }
  .coverWrapper-kabukiza--03 .inner {
    width: 84%;
    margin: auto;
  }
  .coverWrapper-kabukiza--03 .inner> .img {
    margin-bottom: 0;
  }
  .coverWrapper-kabukiza--04 {
    height: 500px;
  }
  .coverWrapper-kabukiza--04 .coverWrapper-caption {
    padding-top: 480px;
  }
  .container-topic .flagInline .flagInline-img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30%;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
  }
  .container-topic .flagInline--right--longitudinal .flagInline-img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
  }
  .coverWrapper-amarube--01 {
    max-height: 400px;
    height: 400px;
  }
  .coverWrapper-amarube--01 .coverTitle,
  .coverWrapper-amarube--01 .coverWrapper-item07--00-ttl,
  .coverWrapper-amarube--01 .coverWrapper-item09--01 .inner-ttl,
  .coverWrapper-item09--01 .coverWrapper-amarube--01 .inner-ttl,
  .coverWrapper-amarube--01 .coverWrapper-sus-item01--01 .inner-ttl,
  .coverWrapper-sus-item01--01 .coverWrapper-amarube--01 .inner-ttl {
    width: 98%;
    padding: 40px 6% 0;
  }
  .coverWrapper-amarube--01 .coverTitle-title {
    bottom: 20px;
  }
  .coverWrapper-amarube--02 {
    height: 350px;
  }
  .coverWrapper-amarube--02 .coverTitle,
  .coverWrapper-amarube--02 .coverWrapper-item07--00-ttl,
  .coverWrapper-amarube--02 .coverWrapper-item09--01 .inner-ttl,
  .coverWrapper-item09--01 .coverWrapper-amarube--02 .inner-ttl,
  .coverWrapper-amarube--02 .coverWrapper-sus-item01--01 .inner-ttl,
  .coverWrapper-sus-item01--01 .coverWrapper-amarube--02 .inner-ttl {
    width: 98%;
    padding: 40px 6% 0;
  }
  .coverWrapper-amarube--02 .coverTitle-title {
    bottom: 20px;
  }
  .coverWrapper-amarube--03 .inner {
    width: 84%;
    margin: auto;
  }
  .coverWrapper-amarube--03 .inner> .img {
    margin-bottom: 0;
  }
  .coverWrapper-amarube--04 {
    height: 700px;
  }
  .coverWrapper-amarube--04 .coverTitle,
  .coverWrapper-amarube--04 .coverWrapper-item07--00-ttl,
  .coverWrapper-amarube--04 .coverWrapper-item09--01 .inner-ttl,
  .coverWrapper-item09--01 .coverWrapper-amarube--04 .inner-ttl,
  .coverWrapper-amarube--04 .coverWrapper-sus-item01--01 .inner-ttl,
  .coverWrapper-sus-item01--01 .coverWrapper-amarube--04 .inner-ttl {
    padding: 640px 0 30px 50%;
  }
  .coverWrapper-oase--00> p {
    width: 100%;
  }
  .coverWrapper-oase--00> p.coverWrapper-oase-title01 {
    font-size: 3rem;
  }
  .coverWrapper-oase--00> p.coverWrapper-oase-title02 {
    font-size: 2.6rem;
  }
  .coverWrapper-oase--01 {
    max-height: 320px;
    height: 320px;
  }
  .coverWrapper-oase+ .subtxt {
    width: 98%;
    margin: -20px auto 0;
    font-size: 1.4rem;
    text-align: right;
  }
  .coverWrapper-oase--02 {
    max-height: 320px;
    height: 320px;
  }
  .coverWrapper-oase--03 {
    max-height: 520px;
    height: 520px;
  }
  .coverWrapper-oase--03 .coverContent {
    width: 90%;
  }
  .coverWrapper-oase--03 .coverContent .coverContent-txt {
    padding-top: 60px;
  }
  .img-oase01-caption {
    width: 98%;
    position: static;
  }
  .oaseContent01-txt {
    background: url("/topics/construction/item01/content04/images/img_index_11.jpg") no-repeat center bottom;
    min-height: auto;
    padding-left: 0;
    padding-bottom: 540px;
  }
  .oaseContent01-caption {
    text-align: center;
  }
  .coverWrapper-item07--00 {
    height: 450px;
    padding-top: 50px;
  }
  .coverWrapper-item07--00-ttl {
    width: 90%;
  }
  .coverWrapper-item07--01 p {
    width: 90%;
    padding: 0;
  }
  .coverWrapper-item07--02 .flagInline.flagInline--left .flagInline-img {
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
            flex-basis: 30%;
  }
  .coverWrapper-item07--02 .flagInline.flagInline--left .flagInline-img .flagInline-img-caption {
    position: static;
  }
  .coverWrapper-item07--02 .mediaList .mediaList-img+ .mediaList-img {
    margin-left: 10px;
  }
  .coverWrapper-item07--02 .mediaList-caption--bottomRight {
    color: #ffffff;
  }
  .coverWrapper-item07--02 section.mt-line .ttlStyle02,
  .coverWrapper-item07--02 .section.mt-line .ttlStyle02 {
    margin-top: 0;
  }
  .coverWrapper-item07--03 .column-inner {
    width: 96%;
  }
  .block-item07-03-left {
    -webkit-flex-basis: 43.5%;
    -ms-flex-preferred-size: 43.5%;
            flex-basis: 43.5%;
  }
  .block-item07-08 {
    width: 96%;
  }
  .block-item07-08-txt {
    margin-bottom: 20px;
  }
  .block-item07-08-img {
    -webkit-flex-basis: 45%;
    -ms-flex-preferred-size: 45%;
            flex-basis: 45%;
  }
  .block-item07-08-imgCaption {
    position: static;
  }
  .coverWrapper-item09--01 {
    height: 360px;
    padding-top: 40px;
  }
  .coverWrapper-item09--01 .inner {
    width: 96%;
  }
  .coverWrapper-item09--01 .inner-txt {
    padding: 0 2%;
    bottom: 20px;
  }
  .coverWrapper-item09+ .subtxt {
    width: 96%;
  }
  .coverWrapper-item09--02 {
    padding: 30px 0;
  }
  .coverWrapper-item09--02-inner {
    width: 96%;
  }
  .coverWrapper-item09--03 {
    height: 560px;
  }
  .coverWrapper-item09--03-inner {
    width: 96%;
    padding-right: 0;
  }
  .coverWrapper-item09--04 {
    height: 600px;
  }
  .coverWrapper-item09--04-inner {
    width: 96%;
    padding-top: 200px;
  }
  .block-item09-01-inner-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-right: 20px;
  }
  .block-item09-01-inner-left-imgCaption {
    text-align: left;
    line-height: 1.4;
  }
  .block-item09-01-inner-right {
    -webkit-flex-basis: 40%;
    -ms-flex-preferred-size: 40%;
            flex-basis: 40%;
  }
  .block-item09-01-inner-right-imgCaption {
    text-align: left;
    line-height: 1.4;
  }
  .block-item09-02 .ttlStyle02 {
    line-height: 1.4;
  }
  .block-item09-04-inner {
    display: block;
  }
  .block-item09-04-inner-left {
    padding-right: 0;
    margin-bottom: 20px;
  }
  .block-item09-04-inner-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
  }
  .block-item09-04-inner-right-img:first-child,
  .block-item09-04-inner-right-img:nth-child(2) {
    position: static;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
  }
  .block-item09-06-inner-right {
    -webkit-flex-basis: 45%;
    -ms-flex-preferred-size: 45%;
            flex-basis: 45%;
  }
  .block-item09-07 .mediaList {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .block-item09-07 .mediaList .mediaList-img {
    -webkit-flex-basis: 49%;
    -ms-flex-preferred-size: 49%;
            flex-basis: 49%;
  }
  .block-item09-07 .mediaList .mediaList-img:nth-child(odd) {
    margin-right: 1%;
  }
  .sus-item01-video {
    padding-top: 0;
    height: 400px;
  }
  .coverWrapper-sus-item01--01 {
    height: 100%;
    padding-top: 0;
  }
  .coverWrapper-sus-item01--01 .inner {
    width: 96%;
  }
  .coverWrapper-sus-item01--01 .inner-ttl {
    padding: 0 2%;
    bottom: 20px;
  }
  .coverWrapper-sus-item01+ .subtxt {
    width: 96%;
  }
  .coverWrapper-sus-item01--02 {
    height: 560px;
  }
  .coverWrapper-sus-item01--02-inner {
    width: 96%;
    padding-right: 0;
  }
  .coverWrapper-sus-item01--03 {
    height: 600px;
  }
  .coverWrapper-sus-item01--03-inner {
    width: 96%;
    padding-top: 200px;
  }
  .coverWrapper-sus-item01--04 {
    height: 500px;
  }
  .coverWrapper-sus-item01--04-inner {
    width: 96%;
    padding-top: 430px;
  }
  .coverWrapper-sus-item01--05 {
    height: 600px;
  }
  .coverWrapper-sus-item01--05-inner {
    width: 96%;
    padding-top: 200px;
  }
  .block-sus-item01-01-inner-right {
    -webkit-flex-basis: 45%;
    -ms-flex-preferred-size: 45%;
            flex-basis: 45%;
  }
  .mt-section-tb {
    margin-top: 96px !important;
  }
  .mt-subsection-tb {
    margin-top: 48px !important;
  }
  .mt-article-tb {
    margin-top: 48px !important;
  }
  .mt-adj-tall-tb {
    margin-top: 36px !important;
  }
  .mt-adj-medium-tb {
    margin-top: 30px !important;
  }
  .mt-adj-short-tb {
    margin-top: 24px !important;
  }
  .mt-paragraph-tb {
    margin-top: 18px !important;
  }
  .mt-line-tb {
    margin-top: 10px !important;
  }
  .pt-section-tb {
    padding-top: 96px !important;
  }
  .pt-subsection-tb {
    padding-top: 48px !important;
  }
  .pt-article-tb {
    padding-top: 48px !important;
  }
  .pt-adj-tall-tb {
    padding-top: 36px !important;
  }
  .pt-adj-medium-tb {
    padding-top: 30px !important;
  }
  .pt-adj-short-tb {
    padding-top: 24px !important;
  }
  .pt-paragraph-tb {
    padding-top: 18px !important;
  }
  .pt-line-tb {
    padding-top: 10px !important;
  }
  .mb0-tb {
    margin-bottom: 0 !important;
  }
  .mb5-tb {
    margin-bottom: 5px !important;
  }
  .mb10-tb {
    margin-bottom: 10px !important;
  }
  .mb15-tb {
    margin-bottom: 15px !important;
  }
  .mb20-tb {
    margin-bottom: 20px !important;
  }
  .mb25-tb {
    margin-bottom: 25px !important;
  }
  .mb30-tb {
    margin-bottom: 30px !important;
  }
  .mb35-tb {
    margin-bottom: 35px !important;
  }
  .mb40-tb {
    margin-bottom: 40px !important;
  }
  .mb45-tb {
    margin-bottom: 45px !important;
  }
  .mb50-tb {
    margin-bottom: 50px !important;
  }
  .mb55-tb {
    margin-bottom: 55px !important;
  }
  .mb60-tb {
    margin-bottom: 60px !important;
  }
  .mb65-tb {
    margin-bottom: 65px !important;
  }
  .mb70-tb {
    margin-bottom: 70px !important;
  }
  .mb75-tb {
    margin-bottom: 75px !important;
  }
  .mb80-tb {
    margin-bottom: 80px !important;
  }
  .mb85-tb {
    margin-bottom: 85px !important;
  }
  .mb90-tb {
    margin-bottom: 90px !important;
  }
  .mb95-tb {
    margin-bottom: 95px !important;
  }
  .mb100-tb {
    margin-bottom: 100px !important;
  }
  .mt0-tb {
    margin-top: 0 !important;
  }
  .mt5-tb {
    margin-top: 5px !important;
  }
  .mt10-tb {
    margin-top: 10px !important;
  }
  .mt15-tb {
    margin-top: 15px !important;
  }
  .mt20-tb {
    margin-top: 20px !important;
  }
  .mt25-tb {
    margin-top: 25px !important;
  }
  .mt30-tb {
    margin-top: 30px !important;
  }
  .mt35-tb {
    margin-top: 35px !important;
  }
  .mt40-tb {
    margin-top: 40px !important;
  }
  .mt45-tb {
    margin-top: 45px !important;
  }
  .mt50-tb {
    margin-top: 50px !important;
  }
  .mt55-tb {
    margin-top: 55px !important;
  }
  .mt60-tb {
    margin-top: 60px !important;
  }
  .mt65-tb {
    margin-top: 65px !important;
  }
  .mt70-tb {
    margin-top: 70px !important;
  }
  .mt75-tb {
    margin-top: 75px !important;
  }
  .mt80-tb {
    margin-top: 80px !important;
  }
  .mt85-tb {
    margin-top: 85px !important;
  }
  .mt90-tb {
    margin-top: 90px !important;
  }
  .mt95-tb {
    margin-top: 95px !important;
  }
  .mt100-tb {
    margin-top: 100px !important;
  }
  .ml0-tb {
    margin-left: 0 !important;
  }
  .ml5-tb {
    margin-left: 5px !important;
  }
  .ml10-tb {
    margin-left: 10px !important;
  }
  .ml15-tb {
    margin-left: 15px !important;
  }
  .ml20-tb {
    margin-left: 20px !important;
  }
  .ml25-tb {
    margin-left: 25px !important;
  }
  .ml30-tb {
    margin-left: 30px !important;
  }
  .ml35-tb {
    margin-left: 35px !important;
  }
  .ml40-tb {
    margin-left: 40px !important;
  }
  .ml45-tb {
    margin-left: 45px !important;
  }
  .ml50-tb {
    margin-left: 50px !important;
  }
  .ml55-tb {
    margin-left: 55px !important;
  }
  .ml60-tb {
    margin-left: 60px !important;
  }
  .ml65-tb {
    margin-left: 65px !important;
  }
  .ml70-tb {
    margin-left: 70px !important;
  }
  .ml75-tb {
    margin-left: 75px !important;
  }
  .ml80-tb {
    margin-left: 80px !important;
  }
  .ml85-tb {
    margin-left: 85px !important;
  }
  .ml90-tb {
    margin-left: 90px !important;
  }
  .ml95-tb {
    margin-left: 95px !important;
  }
  .ml100-tb {
    margin-left: 100px !important;
  }
  .mr0-tb {
    margin-right: 0 !important;
  }
  .mr5-tb {
    margin-right: 5px !important;
  }
  .mr10-tb {
    margin-right: 10px !important;
  }
  .mr15-tb {
    margin-right: 15px !important;
  }
  .mr20-tb {
    margin-right: 20px !important;
  }
  .mr25-tb {
    margin-right: 25px !important;
  }
  .mr30-tb {
    margin-right: 30px !important;
  }
  .mr35-tb {
    margin-right: 35px !important;
  }
  .mr40-tb {
    margin-right: 40px !important;
  }
  .mr45-tb {
    margin-right: 45px !important;
  }
  .mr50-tb {
    margin-right: 50px !important;
  }
  .mr55-tb {
    margin-right: 55px !important;
  }
  .mr60-tb {
    margin-right: 60px !important;
  }
  .mr65-tb {
    margin-right: 65px !important;
  }
  .mr70-tb {
    margin-right: 70px !important;
  }
  .mr75-tb {
    margin-right: 75px !important;
  }
  .mr80-tb {
    margin-right: 80px !important;
  }
  .mr85-tb {
    margin-right: 85px !important;
  }
  .mr90-tb {
    margin-right: 90px !important;
  }
  .mr95-tb {
    margin-right: 95px !important;
  }
  .mr100-tb {
    margin-right: 100px !important;
  }
  .pb0-tb {
    padding-bottom: 0 !important;
  }
  .pb5-tb {
    padding-bottom: 5px !important;
  }
  .pb10-tb {
    padding-bottom: 10px !important;
  }
  .pb15-tb {
    padding-bottom: 15px !important;
  }
  .pb20-tb {
    padding-bottom: 20px !important;
  }
  .pb25-tb {
    padding-bottom: 25px !important;
  }
  .pb30-tb {
    padding-bottom: 30px !important;
  }
  .pb35-tb {
    padding-bottom: 35px !important;
  }
  .pb40-tb {
    padding-bottom: 40px !important;
  }
  .pb45-tb {
    padding-bottom: 45px !important;
  }
  .pb50-tb {
    padding-bottom: 50px !important;
  }
  .pb55-tb {
    padding-bottom: 55px !important;
  }
  .pb60-tb {
    padding-bottom: 60px !important;
  }
  .pb65-tb {
    padding-bottom: 65px !important;
  }
  .pb70-tb {
    padding-bottom: 70px !important;
  }
  .pb75-tb {
    padding-bottom: 75px !important;
  }
  .pb80-tb {
    padding-bottom: 80px !important;
  }
  .pb85-tb {
    padding-bottom: 85px !important;
  }
  .pb90-tb {
    padding-bottom: 90px !important;
  }
  .pb95-tb {
    padding-bottom: 95px !important;
  }
  .pb100-tb {
    padding-bottom: 100px !important;
  }
  .pt0-tb {
    padding-top: 0 !important;
  }
  .pt5-tb {
    padding-top: 5px !important;
  }
  .pt10-tb {
    padding-top: 10px !important;
  }
  .pt15-tb {
    padding-top: 15px !important;
  }
  .pt20-tb {
    padding-top: 20px !important;
  }
  .pt25-tb {
    padding-top: 25px !important;
  }
  .pt30-tb {
    padding-top: 30px !important;
  }
  .pt35-tb {
    padding-top: 35px !important;
  }
  .pt40-tb {
    padding-top: 40px !important;
  }
  .pt45-tb {
    padding-top: 45px !important;
  }
  .pt50-tb {
    padding-top: 50px !important;
  }
  .pt55-tb {
    padding-top: 55px !important;
  }
  .pt60-tb {
    padding-top: 60px !important;
  }
  .pt65-tb {
    padding-top: 65px !important;
  }
  .pt70-tb {
    padding-top: 70px !important;
  }
  .pt75-tb {
    padding-top: 75px !important;
  }
  .pt80-tb {
    padding-top: 80px !important;
  }
  .pt85-tb {
    padding-top: 85px !important;
  }
  .pt90-tb {
    padding-top: 90px !important;
  }
  .pt95-tb {
    padding-top: 95px !important;
  }
  .pt100-tb {
    padding-top: 100px !important;
  }
  .pl0-tb {
    padding-left: 0 !important;
  }
  .pl5-tb {
    padding-left: 5px !important;
  }
  .pl10-tb {
    padding-left: 10px !important;
  }
  .pl15-tb {
    padding-left: 15px !important;
  }
  .pl20-tb {
    padding-left: 20px !important;
  }
  .pl25-tb {
    padding-left: 25px !important;
  }
  .pl30-tb {
    padding-left: 30px !important;
  }
  .pl35-tb {
    padding-left: 35px !important;
  }
  .pl40-tb {
    padding-left: 40px !important;
  }
  .pl45-tb {
    padding-left: 45px !important;
  }
  .pl50-tb {
    padding-left: 50px !important;
  }
  .pl55-tb {
    padding-left: 55px !important;
  }
  .pl60-tb {
    padding-left: 60px !important;
  }
  .pl65-tb {
    padding-left: 65px !important;
  }
  .pl70-tb {
    padding-left: 70px !important;
  }
  .pl75-tb {
    padding-left: 75px !important;
  }
  .pl80-tb {
    padding-left: 80px !important;
  }
  .pl85-tb {
    padding-left: 85px !important;
  }
  .pl90-tb {
    padding-left: 90px !important;
  }
  .pl95-tb {
    padding-left: 95px !important;
  }
  .pl100-tb {
    padding-left: 100px !important;
  }
  .pr0-tb {
    padding-right: 0 !important;
  }
  .pr5-tb {
    padding-right: 5px !important;
  }
  .pr10-tb {
    padding-right: 10px !important;
  }
  .pr15-tb {
    padding-right: 15px !important;
  }
  .pr20-tb {
    padding-right: 20px !important;
  }
  .pr25-tb {
    padding-right: 25px !important;
  }
  .pr30-tb {
    padding-right: 30px !important;
  }
  .pr35-tb {
    padding-right: 35px !important;
  }
  .pr40-tb {
    padding-right: 40px !important;
  }
  .pr45-tb {
    padding-right: 45px !important;
  }
  .pr50-tb {
    padding-right: 50px !important;
  }
  .pr55-tb {
    padding-right: 55px !important;
  }
  .pr60-tb {
    padding-right: 60px !important;
  }
  .pr65-tb {
    padding-right: 65px !important;
  }
  .pr70-tb {
    padding-right: 70px !important;
  }
  .pr75-tb {
    padding-right: 75px !important;
  }
  .pr80-tb {
    padding-right: 80px !important;
  }
  .pr85-tb {
    padding-right: 85px !important;
  }
  .pr90-tb {
    padding-right: 90px !important;
  }
  .pr95-tb {
    padding-right: 95px !important;
  }
  .pr100-tb {
    padding-right: 100px !important;
  }
  .ml-auto-tb {
    margin-left: auto !important;
  }
  .mr-auto-tb {
    margin-right: auto !important;
  }
  .mb-auto-tb {
    margin-bottom: auto !important;
  }
  .mt-auto-tb {
    margin-top: auto !important;
  }
  .w0per-tb {
    width: 0 !important;
  }
  .mw0per-tb {
    max-width: 0 !important;
  }
  .mw100-tb {
    max-width: 100px !important;
  }
  .w5per-tb {
    width: 5% !important;
  }
  .mw5per-tb {
    max-width: 5% !important;
  }
  .mw150-tb {
    max-width: 150px !important;
  }
  .w10per-tb {
    width: 10% !important;
  }
  .mw10per-tb {
    max-width: 10% !important;
  }
  .mw200-tb {
    max-width: 200px !important;
  }
  .w15per-tb {
    width: 15% !important;
  }
  .mw15per-tb {
    max-width: 15% !important;
  }
  .mw250-tb {
    max-width: 250px !important;
  }
  .w20per-tb {
    width: 20% !important;
  }
  .mw20per-tb {
    max-width: 20% !important;
  }
  .mw300-tb {
    max-width: 300px !important;
  }
  .w25per-tb {
    width: 25% !important;
  }
  .mw25per-tb {
    max-width: 25% !important;
  }
  .mw350-tb {
    max-width: 350px !important;
  }
  .w30per-tb {
    width: 30% !important;
  }
  .mw30per-tb {
    max-width: 30% !important;
  }
  .mw400-tb {
    max-width: 400px !important;
  }
  .w35per-tb {
    width: 35% !important;
  }
  .mw35per-tb {
    max-width: 35% !important;
  }
  .mw450-tb {
    max-width: 450px !important;
  }
  .w40per-tb {
    width: 40% !important;
  }
  .mw40per-tb {
    max-width: 40% !important;
  }
  .mw500-tb {
    max-width: 500px !important;
  }
  .w45per-tb {
    width: 45% !important;
  }
  .mw45per-tb {
    max-width: 45% !important;
  }
  .mw550-tb {
    max-width: 550px !important;
  }
  .w50per-tb {
    width: 50% !important;
  }
  .mw50per-tb {
    max-width: 50% !important;
  }
  .mw600-tb {
    max-width: 600px !important;
  }
  .w55per-tb {
    width: 55% !important;
  }
  .mw55per-tb {
    max-width: 55% !important;
  }
  .mw650-tb {
    max-width: 650px !important;
  }
  .w60per-tb {
    width: 60% !important;
  }
  .mw60per-tb {
    max-width: 60% !important;
  }
  .mw700-tb {
    max-width: 700px !important;
  }
  .w65per-tb {
    width: 65% !important;
  }
  .mw65per-tb {
    max-width: 65% !important;
  }
  .mw750-tb {
    max-width: 750px !important;
  }
  .w70per-tb {
    width: 70% !important;
  }
  .mw70per-tb {
    max-width: 70% !important;
  }
  .mw800-tb {
    max-width: 800px !important;
  }
  .w75per-tb {
    width: 75% !important;
  }
  .mw75per-tb {
    max-width: 75% !important;
  }
  .mw850-tb {
    max-width: 850px !important;
  }
  .w80per-tb {
    width: 80% !important;
  }
  .mw80per-tb {
    max-width: 80% !important;
  }
  .mw900-tb {
    max-width: 900px !important;
  }
  .w85per-tb {
    width: 85% !important;
  }
  .mw85per-tb {
    max-width: 85% !important;
  }
  .mw950-tb {
    max-width: 950px !important;
  }
  .w90per-tb {
    width: 90% !important;
  }
  .mw90per-tb {
    max-width: 90% !important;
  }
  .mw1000-tb {
    max-width: 1000px !important;
  }
  .w95per-tb {
    width: 95% !important;
  }
  .mw95per-tb {
    max-width: 95% !important;
  }
  .mw1050-tb {
    max-width: 1050px !important;
  }
  .w100per-tb {
    width: 100% !important;
  }
  .mw100per-tb {
    max-width: 100% !important;
  }
  .mw1100-tb {
    max-width: 1100px !important;
  }
  .align-left-tb {
    text-align: left !important;
  }
  .align-center-tb {
    text-align: center !important;
  }
  .align-ight-tb {
    text-align: right !important;
  }
  .align-justify-tb {
    text-align: justify !important;
  }
  .block-left-tb {
    margin-right: auto !important;
  }
  .block-center-tb {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .block-right-tb {
    margin-left: auto !important;
  }
  .hidden-tb {
    display: none !important;
  }
  .bordered-tb {
    border: 1px solid #e2e6e8 !important;
  }
  .unbordered-tb {
    border: none !important;
  }
}
@media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
  .global-nav-list> li:not(.global-nav-top)> a,
  .global-nav-list> li:not(.global-nav-top)> span {
    font-size: 1.2rem;
  }
  .global-nav-list> li:not(.global-nav-top):not(.global-works):hover> .is-current {
    height: 53px;
    background: #356cb6;
  }
  .global-nav-list> li:not(.global-nav-top):not(.global-works):hover> .is-current:before {
    border-top: 3px solid #ffffff;
  }
  .global-nav-list> li:not(.global-nav-top):not(.global-works):hover> .is-current> span {
    color: #ffffff;
  }
  .global-nav-list> li:not(.global-nav-top):not(.global-works):hover> .is-current> span:before {
    display: none;
  }
  .drop-menu--open {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .drop-menu-company-col-2 {
    width: calc(100% /3);
  }
  .drop-menu-company-col-1 {
    width: calc(100% /3);
  }
  .drop-menu-works-col-2 {
    border-top: 1px solid rgba(53, 108, 182, 0.2);
    padding-top: 35px;
  }
  .drop-menu-solution-col-2 {
    border-top: 1px solid rgba(53, 108, 182, 0.2);
    padding-top: 35px;
  }
  .drop-menu-solution-item li {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    margin-top: 35px;
  }
  .drop-menu-solution-item li:nth-child(4n+1) {
    border-left: 1px solid rgba(53, 108, 182, 0.2);
  }
  .drop-menu-recruit-item li {
    -webkit-flex-basis: 33.33%;
    -ms-flex-preferred-size: 33.33%;
            flex-basis: 33.33%;
    margin-top: 40px;
  }
  .drop-menu-recruit-item li:nth-child(3n+1) {
    border-left: 1px solid rgba(53, 108, 182, 0.2);
  }
  .drop-menu-topics-item li {
    -webkit-flex-basis: 33.33%;
    -ms-flex-preferred-size: 33.33%;
            flex-basis: 33.33%;
    margin-top: 40px;
  }
  .drop-menu-topics-item li:nth-child(3n+1) {
    border-left: 1px solid rgba(53, 108, 182, 0.2);
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .global-nav-list> li:not(.global-nav-top):not(.global-works):hover .drop-menu {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: opacity 0.5s ease, visibility 0.5s linear, -webkit-transform 0.6s ease;
            transition: opacity 0.5s ease, visibility 0.5s linear, -webkit-transform 0.6s ease;
            transition: transform 0.6s ease, opacity 0.5s ease, visibility 0.5s linear;
            transition: transform 0.6s ease, opacity 0.5s ease, visibility 0.5s linear, -webkit-transform 0.6s ease;
  }
  .drop-menu-company-list-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
  }
  .drop-menu-company-list-item {
    width: 50%;
  }
  .drop-menu-company-col-2 {
    width: 40%;
  }
  .drop-menu-company-col-1 {
    width: 20%;
  }
  .drop-menu-works .drop-menu-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
  }
  .drop-menu-works-col-1 {
    width: 20%;
    padding-right: 24px;
  }
  .drop-menu-works-col-2 {
    width: 80%;
    border-left: 1px solid rgba(53, 108, 182, 0.2);
    border-right: 1px solid rgba(53, 108, 182, 0.2);
    padding: 0 24px;
  }
  .drop-menu-solution .drop-menu-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
  }
  .drop-menu-solution-col-1 {
    width: 20%;
    padding-right: 24px;
  }
  .drop-menu-solution-col-2 {
    width: 80%;
    border-left: 1px solid rgba(53, 108, 182, 0.2);
    border-right: 1px solid rgba(53, 108, 182, 0.2);
  }
  .drop-menu-solution-item {
    margin-top: 35px;
  }
  .drop-menu-solution-item li {
    width: 14.28%;
  }
  .drop-menu-solution-item li:last-child {
    border-right: none;
  }
  .drop-menu-recruit-item {
    border-left: 1px solid rgba(53, 108, 182, 0.2);
    margin-top: 35px;
  }
  .drop-menu-recruit-item li {
    width: calc(100% / 5);
  }
  .drop-menu-topics-item {
    border-left: 1px solid rgba(53, 108, 182, 0.2);
    margin-top: 35px;
  }
  .drop-menu-topics-item li {
    width: calc(100% / 5);
  }
}
@media screen and (max-width: 768px) {
  .alertEx {
    margin-top: 0 !important;
  }
  .alertTop {
    margin-top: 60px !important;
  }
  body> main> div.csrnone {
    display: block;
  }
  .csrTitle {
    margin-top: 130px;
    width: 100%;
    font-size: 1.8rem;
    display: relative;
    width: 80%;
    color: #ffffff;
    height: 120px;
    padding: 0 30px;
  }
  .csrImg {
    background: url("/company/csr/images/img_01.jpg") no-repeat -130px 0;
    background-size: auto 368px;
    margin-bottom: 0;
  }
  .corpreportWrap {
    position: static;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    height: 300px;
  }
  .corpreportWrap.tune {
    min-height: 400px;
    height: auto;
  }
  .reportMsg {
    position: relative;
    width: auto;
    height: auto;
    padding: 24px;
    margin: 24px;
    margin-top: -24px;
    text-shadow: initial;
  }
  .reportMsg h3 {
    font-size: 20px;
  }
  .reportmore {
    width: 100%;
    text-align: left;
    border: none;
  }
  .reportWrapper-file {
    position: relative;
    right: inherit;
    margin: 0 auto;
    background-size: 186px;
  }
  .csr-listbox.grid-wrap-box {
    padding: 15px;
  }
  .csr-listbox .card> .card-body {
    padding: 10px;
    font-size: 90%;
  }
  .activityMsg {
    background: #356cb6;
    height: 500px;
    padding-left: 20px;
    position: relative;
    width: 80%;
    margin: 0 auto;
    top: -20px;
    left: 0;
    height: auto;
    text-shadow: initial;
  }
  .activityMsg h3 {
    font-size: 20px;
  }
  .activitypict {
    display: block;
  }
  .reportmore2 {
    width: 100%;
    text-align: left;
    border: none;
    margin-left: 0;
  }
  .activityMsg2 {
    background: #356cb6;
    height: 500px;
    padding-left: 20px;
    position: relative;
    width: 80%;
    margin: 0 auto;
    top: -20px;
    left: 0;
    height: auto;
    text-shadow: initial;
  }
  .activityMsg2 h3 {
    font-size: 20px;
  }
  .activitypict2 {
    display: block;
  }
  .reportmore3 {
    width: 100%;
    text-align: left;
    border: none;
    margin-left: 0;
  }
  .csr-listbox2 .card-more {
    font-size: 95%;
  }
  .irTitle {
    margin-top: 130px;
    width: 100%;
    font-size: 1.8rem;
    display: relative;
    width: 80%;
    color: #ffffff;
    height: 120px;
    padding: 0 30px;
  }
  .irImg {
    background: url("/company/ir/images/img_index_01.jpg") no-repeat -330px 0;
    background-size: auto 368px;
    margin-bottom: 0;
  }
  #wrapSearch .unitForm {
    position: relative;
    width: 95%;
    height: 60px;
    margin: 0 auto;
    background-color: #f0f4f9;
  }
}
@media (max-width: 860px) {
  .header-tohoku .corp-logo {
    width: 160px;
  }
}
@media screen and (min-width: 1200px) {
  body.hasRecommend {
    padding-right: 241px;
  }
  .recommendNav {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    overflow-y: auto;
    background-color: #ffffff;
    width: 240px;
    border-left: 1px solid #e2e6e8;
  }
  body.hasRecommend .recommendNav {
    display: block;
  }
  .recommendNav-title {
    background-color: #356cb6;
    padding: 50px 0;
    text-align: center;
    color: #ffffff;
    font-size: 1.8rem;
    font-weight: bold;
  }
  .recommendNav li {
    border-bottom: 1px solid #e2e6e8;
  }
  .recommendNav-link {
    display: block;
    padding: 24px;
    -webkit-transition: background-color 0.3s;
            transition: background-color 0.3s;
  }
  .recommendNav-link:hover {
    background-color: #eff3f9;
  }
  .recommendNav-link:hover img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  .recommendNav-link-text {
    position: relative;
    padding: 10px 0 0 22px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.5;
  }
  .recommendNav-link-text:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    font-family: glyphs;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    top: 14px;
    left: 0;
    font-size: 1.5rem;
  }
}
@media (max-width: 1310px) {
  .sideFixed {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  body.hasRecommend .pageTop {
    right: 265px;
  }
}
@media screen and (max-width: 479px) {
  .floatSnsBtn {
    height: 35px;
  }
  .floatSnsBtn ul {
    top: auto;
    left: 0;
    bottom: 0;
    width: auto;
  }
  .floatSnsBtn li {
    float: left;
    width: 50%;
  }
  .floatSnsBtn a {
    padding: 5px 0;
    text-align: center;
  }
  .floatSnsBtn a img {
    width: 25px;
  }
  .br-tb {
    display: none;
  }
  .irTitle {
    width: 100%;
  }
}
@media (max-width: 479px) {
  .container {
    padding: 0 12px;
  }
  .container--2col {
    padding: 0;
  }
  .container--2col> .content-main {
    padding: 0 12px;
  }
  .grid--break-xs {
    display: block;
    margin: 0;
    margin-bottom: 0 !important;
  }
  .grid--break-xs> div {
    padding: 0;
    width: auto;
    max-width: inherit;
    margin-top: 18px;
  }
  .grid--break-xs> div:first-child {
    margin-top: 0;
  }
  .grid--wrap.grid--break-xs> div {
    position: static;
    top: auto;
  }
  .grid--wrap.grid--break-xs> div:first-child {
    margin-top: 0;
  }
  .grid-wrap--2col,
  .grid-wrap--3col {
    display: block;
  }
  .grid-wrap--2col> div,
  .grid-wrap--3col> div {
    width: auto;
    margin-top: 24px !important;
  }
  .grid-wrap--2col> div:first-child,
  .grid-wrap--3col> div:first-child {
    margin-top: 0 !important;
  }
  .grid-wrap--4col> div {
    width: 50%;
  }
  .grid-wrap--4col> div:nth-child(-n + 4) {
    margin-top: 24px;
  }
  .grid-wrap--4col> div:nth-child(-n + 3) {
    margin-top: 24px;
  }
  .grid-wrap--4col> div:nth-child(-n + 2) {
    margin-top: 0;
  }
  .grid-wrap--break-xs {
    display: block;
  }
  .grid-wrap--break-xs> div {
    width: auto;
    margin-top: 24px !important;
  }
  .grid-wrap--break-xs> div:first-child {
    margin-top: 0 !important;
  }
  .grid-wrap-box {
    margin-top: 24px;
  }
  .flex--break-xs {
    display: block;
  }
  .flex--break-xs> div {
    margin: 0;
  }
  .flex--break-xs> div:first-child {
    margin-top: 0;
  }
  .flex--wrap.flex--break-xs {
    margin-left: auto;
    margin-right: auto;
  }
  .flex--wrap-xs {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .float-left-xs {
    float: left;
  }
  .float-right-xs {
    float: right;
  }
  .float-none-xs {
    float: none;
  }
  .clearfix-xs:after {
    content: "";
    display: block;
    clear: both;
  }
  .link-list> li> .tag {
    padding: 0 0 3px;
    width: auto;
  }
  .link-list> li> .tag:empty {
    display: none;
  }
  .link-list> li> .tag span {
    margin: 0 8px 5px 0 !important;
  }
  dl.list-def--continuous-xs> dt:first-child:before {
    display: none !important;
  }
  dl.list-def--continuous-xs> dd:nth-child(2):before {
    display: none !important;
  }
  ul.list-def--break-xs {
    display: block;
  }
  ul.list-def--break-xs> li {
    display: block;
  }
  ul.list-def--break-xs> li> span {
    display: block;
  }
  ul.list-def--break-xs> li> span:first-child {
    font-weight: 700;
    padding-right: 0;
    margin-top: 18px;
    text-align: left;
  }
  ul.list-def--break-xs> li> span:first-child:after {
    display: none;
  }
  ul.list-def--break-xs> li> span:last-child {
    padding-left: 0;
    margin-left: 2em;
  }
  ul.list-def--break-xs> li:first-child> span:first-child {
    margin-top: 0;
  }
  .figure-orig-xs img,
  img.orig-xs {
    width: auto !important;
    height: auto !important;
  }
  img.fluid-xs {
    width: 100% !important;
  }
  .icon-box2-wrapper> div .icon-box2-icon {
    padding-top: 18px;
  }
  .icon-box2-wrapper> div .icon-box2-icon,
  .icon-box2-wrapper> div .icon-box2-link,
  .icon-box2-wrapper> div .icon-box2-text {
    border-left: 1px solid #e2e6e8 !important;
  }
  .icon-box2-wrapper> div .icon-box2-text {
    border-bottom: 1px solid #e2e6e8;
    margin-bottom: 0;
    padding: 18px;
  }
  .icon-box2-wrapper> div:before {
    display: none !important;
  }
  .tab-buttons> li {
    padding: 6px;
    font-size: 1.2rem;
  }
  .category-intro .category-intro-body {
    margin: 0;
  }
  .category-intro .category-intro-body .summary {
    display: block;
  }
  .category-intro .category-intro-body .icon {
    display: none;
  }
  .category-intro .category-intro-body .text {
    margin-left: 0;
  }
  .content-box {
    padding: 18px;
  }
  .content-box> .shift-top--clear-xs {
    margin-top: 0;
  }
  dl.list-step> dt {
    padding-left: 28px;
  }
  dl.list-step> dt> span {
    position: static !important;
  }
  dl.list-step> dt> span:first-child {
    margin-right: 10px;
  }
  dl.list-step> dt> span:before {
    right: auto;
    left: 0;
  }
  dl.list-step> dt> span:after {
    right: auto !important;
    left: 8px !important;
  }
  dl.list-step> dd {
    padding-left: 28px;
  }
  dl.list-step> dd:before {
    left: 8px;
  }
  .nav-carousel .slick-arrow {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  .nav-carousel .slick-prev {
    left: 6px;
  }
  .nav-carousel .slick-next {
    right: 6px;
  }
  .nav-carousel .slick-list {
    margin-left: 40px;
    margin-right: 40px;
  }
  .nav-carousel .slick-slide {
    padding: 12px;
  }
  ol.form-step> li {
    display: block;
  }
  .form-wrapper {
    border-left: none;
    padding: 0;
  }
  .works-pickup .works-pickup-item> .body> .text {
    display: none;
  }
  .gallery-carousel-thumbs .slick-list {
    height: 85px;
  }
  .gallery-carousel-thumbs .slick-slide {
    padding: 24px 12px;
  }
  .gallery-carousel-thumbs .gallery-carousel-thumb {
    width: 84px;
  }
  .co-top-links> div:nth-child(-n+2):after {
    display: none;
  }
  .co-top-cat> .link> a {
    max-width: 100%;
    margin-left: 0;
  }
  .topMsg {
    margin: 0 !important;
  }
  .conversation-fl,
  .conversation-fr {
    float: none;
    margin: 20px;
    text-align: center;
  }
  .women-list li {
    width: 33.33%;
  }
  .reportMsg {
    margin: 0;
  }
  #N0165 .soa-icon {
    display: none;
  }
  .sol-carousel .slick-arrow {
    top: 33%;
  }
  .sol-result .sol-result-item {
    display: block;
  }
  .sol-result .sol-result-item> .sol-result-thumb {
    text-align: center;
    margin: 18px auto auto auto;
    max-width: 100%;
    max-height: 100%;
  }
  .sol-result .sol-result-item> .sol-result-thumb> .sol-result-thumb-inner {
    position: static;
  }
  .sol-result .sol-result-item> .sol-result-thumb> .sol-result-thumb-inner> img {
    max-width: 200px;
    max-height: 200px;
    width: auto;
    height: auto;
  }
  .sol-result .sol-result-item> .sol-result-thumb:before {
    display: none;
  }
  .grid-wrap .constlink-list {
    width: 50%;
  }
  .grid-wrap .constlink-list .listinn a {
    padding: 20px 15px 15px;
  }
  .topics-dam-map-wrap {
    padding: 12px;
  }
  .topics-dam-map-wrap .topics-dam-map-details> li.is-open {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding: 16px;
    border-radius: 0;
  }
  .topics-dam-map-wrap .topics-dam-map-details> li.is-open:after {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .topics-dam-map .topics-dam-map-items> li:nth-child(7) {
    top: 76.2963%;
  }
  .stock-carousel .slick-arrow {
    width: 40px;
    height: 40px;
  }
  .stock-carousel .slick-prev {
    left: -5px;
  }
  .stock-carousel .slick-next {
    right: -5px;
  }
  .map-3col-area .map-column {
    width: 94%;
    margin: 10px 3% 0;
  }
  .map-3col-area .map-column.has-sublink:nth-child(n+2) {
    margin-top: 30px;
  }
  .mt-section-xs {
    margin-top: 48px !important;
  }
  .mt-subsection-xs {
    margin-top: 24px !important;
  }
  .mt-article-xs {
    margin-top: 24px !important;
  }
  .mt-adj-tall-xs {
    margin-top: 18px !important;
  }
  .mt-adj-medium-xs {
    margin-top: 18px !important;
  }
  .mt-adj-short-xs {
    margin-top: 18px !important;
  }
  .mt-paragraph-xs {
    margin-top: 12px !important;
  }
  .mt-line-xs {
    margin-top: 10px !important;
  }
  .pt-section-xs {
    padding-top: 48px !important;
  }
  .pt-subsection-xs {
    padding-top: 24px !important;
  }
  .pt-article-xs {
    padding-top: 24px !important;
  }
  .pt-adj-tall-xs {
    padding-top: 18px !important;
  }
  .pt-adj-medium-xs {
    padding-top: 18px !important;
  }
  .pt-adj-short-xs {
    padding-top: 18px !important;
  }
  .pt-paragraph-xs {
    padding-top: 12px !important;
  }
  .pt-line-xs {
    padding-top: 10px !important;
  }
  .mb0-xs {
    margin-bottom: 0 !important;
  }
  .mb5-xs {
    margin-bottom: 5px !important;
  }
  .mb10-xs {
    margin-bottom: 10px !important;
  }
  .mb15-xs {
    margin-bottom: 15px !important;
  }
  .mb20-xs {
    margin-bottom: 20px !important;
  }
  .mb25-xs {
    margin-bottom: 25px !important;
  }
  .mb30-xs {
    margin-bottom: 30px !important;
  }
  .mb35-xs {
    margin-bottom: 35px !important;
  }
  .mb40-xs {
    margin-bottom: 40px !important;
  }
  .mb45-xs {
    margin-bottom: 45px !important;
  }
  .mb50-xs {
    margin-bottom: 50px !important;
  }
  .mb55-xs {
    margin-bottom: 55px !important;
  }
  .mb60-xs {
    margin-bottom: 60px !important;
  }
  .mb65-xs {
    margin-bottom: 65px !important;
  }
  .mb70-xs {
    margin-bottom: 70px !important;
  }
  .mb75-xs {
    margin-bottom: 75px !important;
  }
  .mb80-xs {
    margin-bottom: 80px !important;
  }
  .mb85-xs {
    margin-bottom: 85px !important;
  }
  .mb90-xs {
    margin-bottom: 90px !important;
  }
  .mb95-xs {
    margin-bottom: 95px !important;
  }
  .mb100-xs {
    margin-bottom: 100px !important;
  }
  .mt0-xs {
    margin-top: 0 !important;
  }
  .mt5-xs {
    margin-top: 5px !important;
  }
  .mt10-xs {
    margin-top: 10px !important;
  }
  .mt15-xs {
    margin-top: 15px !important;
  }
  .mt20-xs {
    margin-top: 20px !important;
  }
  .mt25-xs {
    margin-top: 25px !important;
  }
  .mt30-xs {
    margin-top: 30px !important;
  }
  .mt35-xs {
    margin-top: 35px !important;
  }
  .mt40-xs {
    margin-top: 40px !important;
  }
  .mt45-xs {
    margin-top: 45px !important;
  }
  .mt50-xs {
    margin-top: 50px !important;
  }
  .mt55-xs {
    margin-top: 55px !important;
  }
  .mt60-xs {
    margin-top: 60px !important;
  }
  .mt65-xs {
    margin-top: 65px !important;
  }
  .mt70-xs {
    margin-top: 70px !important;
  }
  .mt75-xs {
    margin-top: 75px !important;
  }
  .mt80-xs {
    margin-top: 80px !important;
  }
  .mt85-xs {
    margin-top: 85px !important;
  }
  .mt90-xs {
    margin-top: 90px !important;
  }
  .mt95-xs {
    margin-top: 95px !important;
  }
  .mt100-xs {
    margin-top: 100px !important;
  }
  .ml0-xs {
    margin-left: 0 !important;
  }
  .ml5-xs {
    margin-left: 5px !important;
  }
  .ml10-xs {
    margin-left: 10px !important;
  }
  .ml15-xs {
    margin-left: 15px !important;
  }
  .ml20-xs {
    margin-left: 20px !important;
  }
  .ml25-xs {
    margin-left: 25px !important;
  }
  .ml30-xs {
    margin-left: 30px !important;
  }
  .ml35-xs {
    margin-left: 35px !important;
  }
  .ml40-xs {
    margin-left: 40px !important;
  }
  .ml45-xs {
    margin-left: 45px !important;
  }
  .ml50-xs {
    margin-left: 50px !important;
  }
  .ml55-xs {
    margin-left: 55px !important;
  }
  .ml60-xs {
    margin-left: 60px !important;
  }
  .ml65-xs {
    margin-left: 65px !important;
  }
  .ml70-xs {
    margin-left: 70px !important;
  }
  .ml75-xs {
    margin-left: 75px !important;
  }
  .ml80-xs {
    margin-left: 80px !important;
  }
  .ml85-xs {
    margin-left: 85px !important;
  }
  .ml90-xs {
    margin-left: 90px !important;
  }
  .ml95-xs {
    margin-left: 95px !important;
  }
  .ml100-xs {
    margin-left: 100px !important;
  }
  .mr0-xs {
    margin-right: 0 !important;
  }
  .mr5-xs {
    margin-right: 5px !important;
  }
  .mr10-xs {
    margin-right: 10px !important;
  }
  .mr15-xs {
    margin-right: 15px !important;
  }
  .mr20-xs {
    margin-right: 20px !important;
  }
  .mr25-xs {
    margin-right: 25px !important;
  }
  .mr30-xs {
    margin-right: 30px !important;
  }
  .mr35-xs {
    margin-right: 35px !important;
  }
  .mr40-xs {
    margin-right: 40px !important;
  }
  .mr45-xs {
    margin-right: 45px !important;
  }
  .mr50-xs {
    margin-right: 50px !important;
  }
  .mr55-xs {
    margin-right: 55px !important;
  }
  .mr60-xs {
    margin-right: 60px !important;
  }
  .mr65-xs {
    margin-right: 65px !important;
  }
  .mr70-xs {
    margin-right: 70px !important;
  }
  .mr75-xs {
    margin-right: 75px !important;
  }
  .mr80-xs {
    margin-right: 80px !important;
  }
  .mr85-xs {
    margin-right: 85px !important;
  }
  .mr90-xs {
    margin-right: 90px !important;
  }
  .mr95-xs {
    margin-right: 95px !important;
  }
  .mr100-xs {
    margin-right: 100px !important;
  }
  .pb0-xs {
    padding-bottom: 0 !important;
  }
  .pb5-xs {
    padding-bottom: 5px !important;
  }
  .pb10-xs {
    padding-bottom: 10px !important;
  }
  .pb15-xs {
    padding-bottom: 15px !important;
  }
  .pb20-xs {
    padding-bottom: 20px !important;
  }
  .pb25-xs {
    padding-bottom: 25px !important;
  }
  .pb30-xs {
    padding-bottom: 30px !important;
  }
  .pb35-xs {
    padding-bottom: 35px !important;
  }
  .pb40-xs {
    padding-bottom: 40px !important;
  }
  .pb45-xs {
    padding-bottom: 45px !important;
  }
  .pb50-xs {
    padding-bottom: 50px !important;
  }
  .pb55-xs {
    padding-bottom: 55px !important;
  }
  .pb60-xs {
    padding-bottom: 60px !important;
  }
  .pb65-xs {
    padding-bottom: 65px !important;
  }
  .pb70-xs {
    padding-bottom: 70px !important;
  }
  .pb75-xs {
    padding-bottom: 75px !important;
  }
  .pb80-xs {
    padding-bottom: 80px !important;
  }
  .pb85-xs {
    padding-bottom: 85px !important;
  }
  .pb90-xs {
    padding-bottom: 90px !important;
  }
  .pb95-xs {
    padding-bottom: 95px !important;
  }
  .pb100-xs {
    padding-bottom: 100px !important;
  }
  .pt0-xs {
    padding-top: 0 !important;
  }
  .pt5-xs {
    padding-top: 5px !important;
  }
  .pt10-xs {
    padding-top: 10px !important;
  }
  .pt15-xs {
    padding-top: 15px !important;
  }
  .pt20-xs {
    padding-top: 20px !important;
  }
  .pt25-xs {
    padding-top: 25px !important;
  }
  .pt30-xs {
    padding-top: 30px !important;
  }
  .pt35-xs {
    padding-top: 35px !important;
  }
  .pt40-xs {
    padding-top: 40px !important;
  }
  .pt45-xs {
    padding-top: 45px !important;
  }
  .pt50-xs {
    padding-top: 50px !important;
  }
  .pt55-xs {
    padding-top: 55px !important;
  }
  .pt60-xs {
    padding-top: 60px !important;
  }
  .pt65-xs {
    padding-top: 65px !important;
  }
  .pt70-xs {
    padding-top: 70px !important;
  }
  .pt75-xs {
    padding-top: 75px !important;
  }
  .pt80-xs {
    padding-top: 80px !important;
  }
  .pt85-xs {
    padding-top: 85px !important;
  }
  .pt90-xs {
    padding-top: 90px !important;
  }
  .pt95-xs {
    padding-top: 95px !important;
  }
  .pt100-xs {
    padding-top: 100px !important;
  }
  .pl0-xs {
    padding-left: 0 !important;
  }
  .pl5-xs {
    padding-left: 5px !important;
  }
  .pl10-xs {
    padding-left: 10px !important;
  }
  .pl15-xs {
    padding-left: 15px !important;
  }
  .pl20-xs {
    padding-left: 20px !important;
  }
  .pl25-xs {
    padding-left: 25px !important;
  }
  .pl30-xs {
    padding-left: 30px !important;
  }
  .pl35-xs {
    padding-left: 35px !important;
  }
  .pl40-xs {
    padding-left: 40px !important;
  }
  .pl45-xs {
    padding-left: 45px !important;
  }
  .pl50-xs {
    padding-left: 50px !important;
  }
  .pl55-xs {
    padding-left: 55px !important;
  }
  .pl60-xs {
    padding-left: 60px !important;
  }
  .pl65-xs {
    padding-left: 65px !important;
  }
  .pl70-xs {
    padding-left: 70px !important;
  }
  .pl75-xs {
    padding-left: 75px !important;
  }
  .pl80-xs {
    padding-left: 80px !important;
  }
  .pl85-xs {
    padding-left: 85px !important;
  }
  .pl90-xs {
    padding-left: 90px !important;
  }
  .pl95-xs {
    padding-left: 95px !important;
  }
  .pl100-xs {
    padding-left: 100px !important;
  }
  .pr0-xs {
    padding-right: 0 !important;
  }
  .pr5-xs {
    padding-right: 5px !important;
  }
  .pr10-xs {
    padding-right: 10px !important;
  }
  .pr15-xs {
    padding-right: 15px !important;
  }
  .pr20-xs {
    padding-right: 20px !important;
  }
  .pr25-xs {
    padding-right: 25px !important;
  }
  .pr30-xs {
    padding-right: 30px !important;
  }
  .pr35-xs {
    padding-right: 35px !important;
  }
  .pr40-xs {
    padding-right: 40px !important;
  }
  .pr45-xs {
    padding-right: 45px !important;
  }
  .pr50-xs {
    padding-right: 50px !important;
  }
  .pr55-xs {
    padding-right: 55px !important;
  }
  .pr60-xs {
    padding-right: 60px !important;
  }
  .pr65-xs {
    padding-right: 65px !important;
  }
  .pr70-xs {
    padding-right: 70px !important;
  }
  .pr75-xs {
    padding-right: 75px !important;
  }
  .pr80-xs {
    padding-right: 80px !important;
  }
  .pr85-xs {
    padding-right: 85px !important;
  }
  .pr90-xs {
    padding-right: 90px !important;
  }
  .pr95-xs {
    padding-right: 95px !important;
  }
  .pr100-xs {
    padding-right: 100px !important;
  }
  .ml-auto-xs {
    margin-left: auto !important;
  }
  .mr-auto-xs {
    margin-right: auto !important;
  }
  .mb-auto-xs {
    margin-bottom: auto !important;
  }
  .mt-auto-xs {
    margin-top: auto !important;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .cover .cover--adjust-1800 .cover-container {
    height: 1500px !important;
  }
  .cover .cover--adjust-1800 .cover-image> img {
    height: 1500px;
  }
  .cover .cover--adjust-1200 .cover-container {
    height: 1000px !important;
  }
  .cover .cover--adjust-1200 .cover-image> img {
    height: 1000px;
  }
  .cover .cover--adjust-900 .cover-container {
    height: 750px !important;
  }
  .cover .cover--adjust-900 .cover-image> img {
    height: 750px;
  }
  .cover .cover--adjust-750 .cover-container {
    height: 625px !important;
  }
  .cover .cover--adjust-750 .cover-image> img {
    height: 625px;
  }
  .cover .cover--adjust-600 .cover-container {
    height: 500px !important;
  }
  .cover .cover--adjust-600 .cover-image> img {
    height: 500px;
  }
  .cover .cover--adjust-450 .cover-container {
    height: 375px !important;
  }
  .cover .cover--adjust-450 .cover-image> img {
    height: 375px;
  }
}
@media (max-width: 991px) {
  .lead-box .laed-box-more {
    margin-top: 10px;
  }
  .link-list {
    display: block;
    padding-bottom: 12px;
    border-bottom: 1px solid #e2e6e8;
  }
  .link-list> li {
    display: block;
    padding-bottom: 12px;
    overflow: hidden;
  }
  .link-list> li> div {
    border-bottom: none;
    display: block;
    padding: 0;
  }
  .link-list> li> .date {
    width: auto;
    border-top: 1px solid #e2e6e8;
    padding-top: 12px;
    margin-bottom: 5px;
  }
  .link-list> li> .date:empty {
    display: none;
  }
  .link-list> li> .textArea {
    overflow: hidden;
    padding-left: 0;
  }
  .link-list> li> .text {
    padding-left: 0;
    overflow: hidden;
  }
  .link-list> li> .text a {
    margin: 0;
    padding: 0 30px 0 0;
  }
  .link-list> li> .text a:before {
    right: 5px;
  }
  .works-pickup .works-pickup-item {
    height: auto;
  }
  .works-pickup .works-pickup-item> .body {
    padding-top: 24px;
    padding-left: 24px;
    padding-bottom: 52px;
  }
  .works-pickup .works-pickup-item> .body> .more {
    right: 24px;
    bottom: 24px;
  }
  .works-carousel-thumbs-wrapper {
    display: none;
  }
  .soa-carousel .slick-prev {
    left: -50px;
  }
  .soa-carousel .slick-prev:before {
    content: "";
    left: 70%;
  }
  .soa-carousel .slick-next {
    right: -50px;
  }
  .soa-carousel .slick-next:before {
    content: "";
    left: 30%;
  }
  .soa-carousel .slick-arrow {
    width: 100px;
    height: 100px;
    margin-top: -50px;
    border-radius: 50px;
  }
  .soa-carousel .slick-arrow:before {
    margin-top: -0.8rem;
    font-size: 1.6rem;
  }
  #videoArea {
    height: 557px;
  }
  #videoArea .video {
    width: auto;
    height: 557px;
  }
  .mainV-info {
    margin: 10px auto 0;
  }
  .mainV-info-anker {
    border-left: none;
  }
  #N0165 .soa-icon {
    top: -60px;
    right: 20px;
  }
  .sol-carousel .sol-carousel-item {
    height: auto;
  }
  .sol-carousel .sol-carousel-image {
    position: relative;
    width: auto;
    height: auto;
    display: block;
    left: 0;
  }
  .sol-carousel .sol-carousel-image:after {
    display: none;
  }
  .sol-carousel .sol-carousel-image> img {
    width: 100%;
    height: auto;
  }
  .sol-carousel .sol-carousel-text {
    background-color: #356cb6;
    width: auto;
    height: auto;
    position: relative;
  }
  .sol-search .sol-search-buttons--result {
    margin: 0 8px 24px 8px;
  }
  .sol-search .sol-search-buttons--result li {
    width: 33%;
  }
  .sol-result .sol-result-item {
    margin-top: 24px;
    padding: 24px;
  }
  #gikentop {
    height: 557px;
  }
  .gikenTitle {
    font-size: 2.4rem;
    width: 100%;
    padding-top: 250px;
  }
  .cityblock-list div {
    width: 100%;
  }
  .cityblock-list div> figure {
    height: auto;
  }
  .cityblock-list div> figure img {
    height: 100%;
  }
  .topics-dam-map {
    margin-top: 24px;
  }
  #videoArea-sus {
    height: 507px;
  }
  .video-wrap-sus {
    height: 520px;
  }
  .video-wrap-sus .video-sus {
    width: auto;
    height: 545px;
  }
  .construction-carousel .slick-prev {
    left: -50px;
  }
  .construction-carousel .slick-prev:before {
    content: "";
    left: 70%;
  }
  .construction-carousel .slick-next {
    right: -50px;
  }
  .construction-carousel .slick-next:before {
    content: "";
    left: 30%;
  }
  .construction-carousel .slick-arrow {
    width: 100px;
    height: 100px;
    margin-top: -50px;
    border-radius: 50px;
  }
  .construction-carousel .slick-arrow:before {
    margin-top: -0.8rem;
    font-size: 1.6rem;
  }
}
@media (min-width: 479px) and (max-width: 991px) {
  .link-list> li> .tag {
    float: left;
    padding: 0 15px 1px 0;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .topicsCoverWrapper> div {
    padding: 0;
  }
  .topicsCoverWrapper-item {
    -webkit-flex-basis: 40%;
    -ms-flex-preferred-size: 40%;
            flex-basis: 40%;
    padding-left: 18px;
  }
  .topicsCoverWrapper-txt {
    margin-top: 10px;
    font-size: 1.4rem;
    line-height: 1.8;
  }
  .topicsCoverWrapper-img img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 1250px) {
  .works-pickup .works-pickup-item> .body {
    padding-right: 48px;
  }
  .works-pickup .slick-prev {
    left: -65px;
  }
  .works-pickup .slick-prev:before {
    content: "";
    left: 75%;
  }
  .works-pickup .slick-next {
    right: -65px;
  }
  .works-pickup .slick-next:before {
    content: "";
    left: 25%;
    margin-left: -0.9rem;
  }
  .works-pickup .slick-arrow {
    width: 100px;
    height: 100px;
    border-radius: 50px;
  }
  .works-pickup .slick-arrow:before {
    margin-top: -0.8rem;
    font-size: 1.6rem;
  }
}
@media (max-width: 1200px) {
  .works-pickup .works-pickup-item {
    padding: 0;
  }
  .jigyouMain {
    max-width: 900px;
    margin: 0 auto 20px;
  }
  .jigyouMain .jigyouGrid> a {
    display: block;
  }
  .jigyoucardImg {
    width: 100%;
  }
  .topicCard {
    width: 100%;
  }
  .topicCard .sectionTitle {
    font-size: 2rem;
  }
  .topicCard .sectionTitle br {
    display: none;
  }
}
@media (max-width: 660px) {
  .works-carousel .slick-prev {
    left: -25px;
  }
  .works-carousel .slick-next {
    right: -25px;
  }
}
@media (max-width: 516px) {
  .works-carousel {
    width: auto;
    height: auto;
    max-width: 480px;
  }
  .works-carousel .slick-arrow {
    width: 60px;
    height: 60px;
    margin-top: -30px;
    border-radius: 30px;
  }
  .works-carousel .slick-prev {
    left: -48px;
  }
  .works-carousel .slick-prev:before {
    margin-left: 10px;
  }
  .works-carousel .slick-next {
    right: -48px;
  }
  .works-carousel .slick-next:before {
    margin-left: -20px;
  }
}
@media (max-width: 900px) {
  .soa-carousel {
    width: 100%;
  }
  .soa-carousel .soa-carousel-item {
    width: 100%;
  }
  .soa-carousel .soa-carousel-item-image {
    padding: 0;
  }
  .sol-carousel .sol-carousel-item {
    padding: 0;
  }
  .construction-carousel {
    width: 100%;
  }
  .construction-carousel .construction-carousel-item {
    width: 100%;
  }
  .construction-carousel .construction-carousel-item-image {
    padding: 0;
  }
}
@media (max-width: 768px) {
  #videoArea {
    height: 300px;
    overflow: visible;
  }
  #videoArea .video {
    width: auto;
    height: 432px;
  }
  .reportmore> a {
    min-width: auto;
    width: 100%;
  }
  br.br-sp {
    display: none;
  }
  #gikentop {
    height: 432px;
  }
  .gikenTitle {
    font-size: 2.2rem;
    margin: 0 auto;
    padding-top: 200px;
  }
  #videoArea-sus {
    height: 402px;
  }
  .video-wrap-sus {
    height: 420px;
  }
  .video-wrap-sus .video-sus {
    width: auto;
    height: 420px;
  }
}
@media (max-width: 1920px) {
  #videoArea .video {
    width: auto;
  }
}
@media (max-width: 468px) {
  #videoArea .video {
    width: auto;
    height: 300px;
  }
  #gikentop {
    height: 300px;
  }
  .gikenTitle {
    font-size: 1.6rem;
    padding-top: 150px;
  }
  .msExtended {
    bottom: 20px !important;
  }
  .br-sp1 {
    display: block;
  }
  #videoArea-sus {
    height: 280px;
  }
  .video-wrap-sus {
    height: 280px;
  }
  .video-wrap-sus .video-sus {
    width: auto;
    height: 280px;
  }
}
@media screen and (min-width: 0) and (max-width: 500px) {
  .mainV-button {
    width: 40px;
    left: 10px;
    bottom: 12px;
    display: none;
  }
}
@media (min-width: 0) and (max-width: 468px) {
  .mainV-button {
    bottom: 17px;
  }
  .mainV-cap {
    bottom: 10px;
  }
}
@media screen and (min-width: 0) and (max-width: 321px) {
  .mainV-cap {
    width: 180px;
    right: 10px;
  }
  .sus-video-button {
    left: auto;
    right: 10px;
  }
}
@media screen and (min-width: 322px) and (max-width: 768px) {
  .mainV-cap {
    width: 300px;
    right: 30px;
  }
}
@media screen and (min-width: 1921px) {
  .mainV-cap {
    right: 30px;
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  .jigyouImg {
    left: 120px;
    right: auto;
  }
  .topGrid-textRight .jigyouImg {
    left: auto;
    right: 120px;
  }
}
@media screen and (max-width: 375px) {
  .presidentImg {
    left: 0;
  }
  .presidentImg {
    left: 0;
  }
}
@media screen and (min-width: 321px) and (max-width: 768px) {
  .presidentName2 {
    top: 200px;
    right: 100px;
  }
}
@media screen and (max-width: 320px) {
  .presidentName2 {
    top: 200px;
    left: 20px;
  }
}
@media (max-width: 1100px) and (min-width: 861px) {
  .category-intro.keieiBox .category-intro-thumb .category-intro-thumb-inner> img {
    left: -85%;
  }
}
@media (max-width: 860px) and (min-width: 768px) {
  .category-intro.keieiBox .category-intro-thumb .category-intro-thumb-inner> img {
    width: 200px;
    min-width: 200px;
    right: -50%;
    left: -25%;
  }
}
@media (max-width: 1123px) and (min-width: 768px) {
  .category-intro.picttune .category-intro-thumb .category-intro-thumb-inner> img {
    left: -130%;
  }
}
@media (max-width: 968px) {
  .articleWrapper {
    width: 100%;
  }
}
@media screen and (max-width: 1280px) {
  .printHeaderfix {
    padding: 40px 40px !important;
  }
}
@media (max-width: 375px) {
  .videoHeader {
    padding-top: 50px;
  }
  .videoFooterflex {
    display: block;
    margin: 0;
    padding: 0;
  }
  .videocopy {
    text-align: center;
    margin: 0 auto;
    width: 100%;
  }
  .videocc {
    text-align: center;
    width: 100%;
    margin: 20px auto;
    padding-right: 0;
  }
  #wrapSearch .scarafix {
    margin-left: -10px;
  }
}
@media screen and (max-width: 768px) and (min-width: 320px) {
  .csrImg {
    background-image: url("/company/csr/images/img_01.jpg");
  }
}
@media screen and (max-width: 1123px) and (min-width: 769px) {
  .reportWrapper-box {
    width: 50%;
    margin-left: 50%;
  }
  .reportWrapper-file {
    left: 140px;
  }
  .irTitle {
    width: 100%;
  }
}
@media screen and (max-width: 780px) and (min-width: 381px) {
  .reportWrapper-box {
    width: 100%;
    height: auto;
    background: none;
    min-height: 320px;
    max-height: 320px;
    min-width: 320px;
  }
}
@media screen and (max-width: 900px) {
  .activitypict {
    display: none;
  }
  .activitypict2 {
    display: none;
  }
}
@media screen and (max-width: 768px) and (min-width: 321px) {
  .reportWrapper-activity {
    height: 300px;
    background: url(/company/csr/images/img_14.jpg) no-repeat 0 0;
    background-size: cover;
    min-height: 300px;
    max-height: 300px;
  }
  .reportWrapper-activity2 {
    height: 300px;
    background-size: cover;
    min-height: 300px;
    max-height: 300px;
  }
}
@media screen and (max-width: 468px) {
  .hero-title {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .category-intro .category-intro-body .link> a.maxanchor {
    min-width: 330px;
  }
}
@media screen and (max-width: 991px) {
  .category-intro .category-intro-body .link> a.maxanchor {
    min-width: initial;
  }
}
@media (max-width: 920px) {
  .sol-carousel .slick-prev {
    left: -65px;
  }
  .sol-carousel .slick-prev:before {
    content: "";
    left: 75%;
  }
  .sol-carousel .slick-next {
    right: -65px;
  }
  .sol-carousel .slick-next:before {
    content: "";
    left: 25%;
    margin-left: -0.9rem;
  }
  .sol-carousel .slick-arrow {
    width: 100px;
    height: 100px;
    border-radius: 50px;
  }
  .sol-carousel .slick-arrow:before {
    margin-top: -0.8rem;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  .topicsTopImgWrapper {
    height: 300px;
    background: url("/topics/images/img_index_01.jpg") no-repeat 0 0;
    background-size: cover;
    min-height: 300px;
    max-height: 600px;
  }
}
@media screen and (max-width: 319px) {
  .topicsTopImgWrapper {
    height: 200px;
    background: url("/topics/images/img_index_01.jpg") no-repeat 0 0;
    background-size: cover;
    min-height: 200px;
    max-height: 600px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .grid-wrap .constlink-list {
    width: 33.33%;
  }
  .map-3col-area .map-column {
    width: 45%;
    margin: 10px 2.5% 0;
  }
  .map-3col-area .map-column.has-sublink:nth-child(n+3) {
    margin-top: 30px;
  }
}
@media (max-width: 1123px) {
  .constlink-txt {
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .construction-link {
    margin: 0;
  }
  .construction-linkbox .container {
    padding: 0;
  }
}
@media (min-width: 768px) and (max-width: 1080px) {
  .news-search .news-search-buttons li {
    width: calc(50% - 20px);
  }
}
@media screen and (min-width: 641px) {
  #wrapSearch .search-result-list dt {
    width: 120px;
  }
  #wrapSearch .search-result-list dd {
    width: 80%;
    padding-left: 40px;
  }
}
@media screen and (max-width: 765px) {
  #wrapSearch .search-result-list dt {
    display: none;
  }
  #wrapSearch .search-result-list dd {
    width: 98%;
    padding-left: 10px;
  }
}
@media screen and (max-width: 640px) {
  #wrapSearch .search-date {
    margin-top: 10px;
    display: block;
  }
}
@media (max-width: 340px) {
  #wrapSearch .scarafix {
    margin-left: -15px;
  }
}
@media (max-width: 337px) {
  #wrapSearch .scarafix {
    margin-left: -15px;
  }
}
@media (max-width: 330px) {
  #wrapSearch .scarafix {
    margin-left: -23px;
  }
}
@media (max-width: 319px) {
  #wrapSearch .scarafix {
    margin-left: -25px;
  }
}