@charset "UTF-8";
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
@import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i");
html {
  line-height: 1.15;
  font-size: 62.5%;
  font-weight: 400;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-size: 62.5%;
  font-weight: 400;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

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:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  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;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
  padding: 0;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox], [type=radio] {
  -webkit-box-sizing: border-box;
          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;
}

summary {
  display: list-item;
}

article, aside, footer, header, nav, section, figcaption, figure, main, details,
menu {
  display: block;
}

pre, code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

audio, video, canvas {
  display: inline-block;
}

template, [hidden] {
  display: none;
}

/* ================================================
	Font
*/
@font-face {
  /* firefox on windows issue */
  font-family: "YuGothic M";
  src: local("Yu Gothic Medium");
}
body {
  text-rendering: auto;
  font-smooth: always;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  font-family: -apple-system, "Roboto", A venir, "Helvetica Neue", "Lucida Grande", Arial, Roboto, "Segoe UI", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック Medium", "Yu Gothic Medium", "YuGothic M", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

b, strong, h1, h2, h3, h4, h5, .bold, .bolder, th, title {
  font-weight: 700;
  font-family: "Roboto", -apple-system, Avenir, "Helvetica Neue", "Lucida Grande", Arial, Roboto, "Segoe UI", "Noto Sans Japanese", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック Medium", "Yu Gothic Medium", "YuGothic M", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* =====================================
	AVT Contents Reset
*/
html {
  position: relative;
  height: 100%;
  min-height: 100%;
}

body {
  position: relative;
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
}

a:link {
  color: #1168a4;
  text-decoration: none;
}

a:visited {
  color: #1168a4;
  text-decoration: none;
}

a:hover {
  color: #da0000;
  text-decoration: none;
}

/* =====================================
	global define
*/
/* =====================================
	mixin
*/
/* =====================================
	Responsive

	.show-smf	: スマートフォン時のみ表示
	.show-tab-p	: タブレット時のみ表示 縦
	.show-tab-l	: タブレット時のみ表示 横
	.show-pc	: PC（デスクトップ）時のみ表示
	.show-wide	: PC（デスクトップ）時のみ表示

	その他のクラスに実装する場合、 次のクラスを継承するように実装する

	html.smf *		: スマートフォン時のみ
	html.tab-p *	: タブレット時のみ 縦
	html.tab-l *	: タブレット時のみ 横
	html.pc *		: PC（デスクトップ）時のみ
	html.wide *		: PC（デスクトップ）時のみ
*/
.show-smf {
  display: none;
}

.show-tab-p {
  display: none;
}

.show-tab-l {
  display: none;
}

.show-pc {
  display: none;
}

.show-wide {
  display: none;
}

html.smf .show-smf {
  display: block;
}
html.smf table.show-smf {
  display: table;
}
html.smf tbody.show-smf {
  display: table-row-group;
}
html.smf thead.show-smf {
  display: table-header-group;
}
html.smf tfoot.show-smf {
  display: table-footer-group;
}
html.smf tr.show-smf {
  display: table-row;
}
html.smf td.show-smf, html.smf th.show-smf {
  display: table-cell;
}
html.smf span.show-smf {
  display: inline;
}

html.tab-p .show-tab-p {
  display: block;
}
html.tab-p table.show-tab-p {
  display: table;
}
html.tab-p tbody.show-tab-p {
  display: table-row-group;
}
html.tab-p thead.show-tab-p {
  display: table-header-group;
}
html.tab-p tfoot.show-tab-p {
  display: table-footer-group;
}
html.tab-p tr.show-tab-p {
  display: table-row;
}
html.tab-p td.show-tab-p, html.tab-p th.show-tab-p {
  display: table-cell;
}
html.tab-p span.show-tab-p {
  display: inline;
}

html.tab-l .show-tab-l {
  display: block;
}
html.tab-l table.show-tab-l {
  display: table;
}
html.tab-l tbody.show-tab-l {
  display: table-row-group;
}
html.tab-l thead.show-tab-l {
  display: table-header-group;
}
html.tab-l tfoot.show-tab-l {
  display: table-footer-group;
}
html.tab-l tr.show-tab-l {
  display: table-row;
}
html.tab-l td.show-tab-l, html.tab-l th.show-tab-l {
  display: table-cell;
}
html.tab-l span.show-tab-l {
  display: inline;
}

html.pc .show-pc {
  display: block;
}
html.pc pcle.show-pc {
  display: table;
}
html.pc tbody.show-pc {
  display: table-row-group;
}
html.pc thead.show-pc {
  display: table-header-group;
}
html.pc tfoot.show-pc {
  display: table-footer-group;
}
html.pc tr.show-pc {
  display: table-row;
}
html.pc td.show-pc, html.pc th.show-pc {
  display: table-cell;
}
html.pc span.show-pc {
  display: inline;
}

html.wide .show-wide {
  display: block;
}
html.wide pcle.show-wide {
  display: table;
}
html.wide tbody.show-wide {
  display: table-row-group;
}
html.wide thead.show-wide {
  display: table-header-group;
}
html.wide tfoot.show-wide {
  display: table-footer-group;
}
html.wide tr.show-wide {
  display: table-row;
}
html.wide td.show-wide, html.wide th.show-wide {
  display: table-cell;
}
html.wide span.show-wide {
  display: inline;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Common Style : Rev 2017-06-28
*/
.box {
  display: block;
  overflow: hidden;
  position: relative;
}

/* text wrapper */
.elp {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  /* 改行も禁止 */
}

.elt {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

/* Scrollbar "simple" */
.slim-scrbar::-webkit-scrollbar {
  overflow: hidden;
  width: 7px;
  background: #efefef;
  border-radius: 3px;
}

.slim-scrbar::-webkit-scrollbar:horizontal {
  height: 5px;
}

.slim-scrbar::-webkit-scrollbar-button {
  display: none;
}

.slim-scrbar::-webkit-scrollbar-piece {
  background: #ddd;
}

.slim-scrbar::-webkit-scrollbar-piece:start {
  background: #ddd;
}

.slim-scrbar::-webkit-scrollbar-thumb {
  overflow: hidden;
  background: #c0c0c0;
  border: 1px solid #efefef;
  margin: 1px;
  border-radius: 3px;
}

.slim-scrbar::-webkit-scrollbar-corner {
  overflow: hidden;
  background: #333;
  border-radius: 3px;
}

/* Scrollbar "wide" */
.wide-scrbar::-webkit-scrollbar {
  overflow: hidden;
  width: 12px;
  background: #efefef;
  border-radius: 8px;
}

.wide-scrbar::-webkit-scrollbar:horizontal {
  height: 5px;
}

.wide-scrbar::-webkit-scrollbar-button {
  display: none;
}

.wide-scrbar::-webkit-scrollbar-piece {
  background: #ddd;
}

.wide-scrbar::-webkit-scrollbar-piece:start {
  background: #ddd;
}

.wide-scrbar::-webkit-scrollbar-thumb {
  overflow: hidden;
  background: #c0c0c0;
  border: 1px solid #efefef;
  margin: 1px;
  border-radius: 8px;
}

.wide-scrbar::-webkit-scrollbar-corner {
  overflow: hidden;
  background: #333;
  border-radius: 8px;
}

/* YouTube */
.c-widemov {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: auto;
  margin: 15px 0;
  text-align: center;
}
.c-widemov iframe {
  width: 853px;
  height: 480px;
  margin: 0 auto;
  outline: 0;
  border-style: none;
}
@media screen and (min-width: 0px) and (max-width: 379px) {
  .c-widemov iframe {
    width: 320px;
    height: 180px;
  }
}
@media screen and (min-width: 380px) and (max-width: 519px) {
  .c-widemov iframe {
    width: 360px;
    height: 202px;
  }
}
@media screen and (min-width: 520px) and (max-width: 739px) {
  .c-widemov iframe {
    width: 500px;
    height: 281px;
  }
}
@media screen and (min-width: 740px) {
  .c-widemov iframe {
    width: 720px;
    height: 405px;
  }
}

/* Basic */
p {
  font-size: 1.3rem;
  line-height: 1.6em;
  margin: 0;
  padding: 1em 0 0 0;
}

p.ind, b.ind, span.ind {
  text-indent: 1em;
}

p.small, b.small, span.small {
  font-size: 1.1rem;
}

p.large, b.large, span.large {
  font-size: 1.5rem;
}

p.xlarge, b.xlarge, span.xlarge {
  font-size: 1.8rem;
}

p.xxlarge, b.xxlarge, span.xxlarge {
  font-size: 2.2rem;
}

html.smf p.large, html.smf b.large, html.smf span.large {
  font-size: 1.3rem;
}
html.smf p.xlarge, html.smf b.xlarge, html.smf span.xlarge {
  font-size: 1.5rem;
}
html.smf p.xxlarge, html.smf b.xxlarge, html.smf span.xxlarge {
  font-size: 1.8rem;
}

/* Icons */
.c-icn {
  position: absolute;
  width: 100px;
  height: 100px;
  background-color: transparent;
  background-image: url(/imgs/cmn/icns.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.c-icn + .go {
  background-position: 0px 0px;
}
.c-icn + .go + .w {
  background-position: 0px -100px;
}
.c-icn + .back {
  background-position: -100px 0px;
}
.c-icn + .back + .w {
  background-position: -100px -100px;
}
.c-icn + .list {
  background-position: -200px 0px;
}
.c-icn + .list + .w {
  background-position: -200px -100px;
}
.c-icn + .close {
  background-position: -300px 0px;
}
.c-icn + .close + .w {
  background-position: -300px -100px;
}
.c-icn + .up {
  background-position: -400px 0px;
}
.c-icn + .up + .w {
  background-position: -400px -100px;
}
.c-icn + .down {
  background-position: -500px 0px;
}
.c-icn + .down + .w {
  background-position: -500px -100px;
}
.c-icn + .right {
  background-position: -600px 0px;
}
.c-icn + .right + .w {
  background-position: -600px -100px;
}
.c-icn + .left {
  background-position: -700px 0px;
}
.c-icn + .left + .w {
  background-position: -700px -100px;
}
.c-icn + .circleoff {
  background-position: -800px 0px;
}
.c-icn + .circleoff + .w {
  background-position: -800px -100px;
}
.c-icn + .circleon {
  background-position: -900px 0px;
}
.c-icn + .circleon + .w {
  background-position: -900px -100px;
}
.c-icn + .items {
  background-position: -1000px 0px;
}
.c-icn + .items + .w {
  background-position: -1000px -100px;
}
.c-icn + .tree {
  background-position: -1100px 0px;
}
.c-icn + .tree + .w {
  background-position: -1100px -100px;
}
.c-icn + .phone {
  background-position: -1200px 0px;
}
.c-icn + .phone + .w {
  background-position: -1200px -100px;
}
.c-icn + .on {
  background-position: -1300px 0px;
}
.c-icn + .on + .w {
  background-position: -1300px -100px;
}
.c-icn + .off {
  background-position: -1400px 0px;
}
.c-icn + .off + .w {
  background-position: -1400px -100px;
}
.c-icn + .section {
  background-position: -1500px 0px;
}
.c-icn + .section + .w {
  background-position: -1500px -100px;
}
.c-icn + .rightc {
  background-position: -1600px 0px;
}
.c-icn + .rightc + .w {
  background-position: -1600px -100px;
}
.c-icn + .leftc {
  background-position: -1700px 0px;
}
.c-icn + .leftc + .w {
  background-position: -1700px -100px;
}
.c-icn + .find {
  background-position: -1800px 0px;
}
.c-icn + .find + .w {
  background-position: -1800px -100px;
}

html.wide .c-content {
  width: 1100px;
  height: auto;
  overflow: hidden;
  margin: 60px auto 0 auto;
  padding: 0;
}
html.pc .c-content, html.tab-l .c-content {
  width: 850px;
  height: auto;
  overflow: hidden;
  margin: 60px auto 0 auto;
  padding: 0;
}
html.tab-p .c-content {
  width: auto;
  height: auto;
  overflow: hidden;
  margin: 60px 5px 0 5px;
  padding: 0;
}
html.smf .c-content {
  width: auto;
  height: auto;
  overflow: hidden;
  margin: 0 5px;
  padding: 0;
}

/* Button */
.c-btn {
  position: relative;
  overflow: hidden;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  margin: 10px 0 0 0;
  padding: 0 32px 0 15px;
  white-space: nowrap;
  height: 32px;
  font-size: 1.25rem;
  line-height: 32px;
  background: #1f2c5e;
  color: #fdfdfd !important;
}
.c-btn:before {
  content: " ";
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  -webkit-transform-origin: 100% 0px;
      -ms-transform-origin: 100% 0px;
          transform-origin: 100% 0px;
  -webkit-transform: scale(0.32);
      -ms-transform: scale(0.32);
          transform: scale(0.32);
  width: 100px;
  height: 100px;
  background-color: transparent;
  background-image: url(/imgs/cmn/icns.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-position: 0px -100px;
}
.c-btn.small {
  height: 26px;
  font-size: 1.1rem;
  line-height: 26px;
  padding: 0 26px 0 10px;
}
.c-btn.small:before {
  content: " ";
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  -webkit-transform-origin: 100% 0px;
      -ms-transform-origin: 100% 0px;
          transform-origin: 100% 0px;
  -webkit-transform: scale(0.26);
      -ms-transform: scale(0.26);
          transform: scale(0.26);
  width: 100px;
  height: 100px;
  background-color: transparent;
  background-image: url(/imgs/cmn/icns.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-position: 0px -100px;
}
html.smf .c-btn {
  font-size: 1.2rem;
  padding: 0 32px 0 10px;
}

.c-btn:hover {
  background-color: #778ce0;
  color: #222 !important;
}

/* PDF Reader */
.c-pdf-notice {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #ccc;
  margin: 15px 10px 0px 45%;
  padding: 0 !important;
}
.c-pdf-notice img {
  float: right;
  border-style: none;
  margin: 12px;
}
.c-pdf-notice p {
  padding: 12px !important;
  line-height: 1.2em;
  font-size: 1.2rem !important;
  color: #666;
}
html.tab-p .c-pdf-notice {
  margin-left: 35%;
}
html.smf .c-pdf-notice {
  margin-left: 15%;
  margin-right: 0px;
}

.c-imgblocks {
  position: relative;
  overflow: hidden;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.c-imgblocks.issp_mode4 .x-blk {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 23%;
          flex: 0 1 23%;
  width: 23%;
  margin: 15px 1% 0 1%;
}
.c-imgblocks.issp_mode3 .x-blk {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 31%;
          flex: 0 1 31%;
  width: 31%;
  margin: 15px 1% 0 1%;
}
.c-imgblocks.issp_mode2 .x-blk {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 48%;
          flex: 0 1 48%;
  width: 48%;
  margin: 15px 1% 0 1%;
}
.c-imgblocks.issp_mode1 .x-blk {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  width: 100%;
  margin: 15px 0 0 0;
}
.c-imgblocks .x-blk {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  position: relative;
  overflow: hidden;
}
.c-imgblocks .x-blk p {
  font-size: 1.25rem;
  line-height: 1.2em;
  color: #222;
  margin: 0;
  padding: 0.5em 0 0 0;
}
.c-imgblocks .x-blk img + p {
  padding-top: 10px;
}

@media screen and (max-width: 1100px) {
  .c-imgblocks.issp_mode4 .x-blk {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 31%;
            flex: 0 1 31%;
    width: 31%;
    margin: 15px 1% 0 1%;
  }
}
@media screen and (max-width: 700px) {
  .c-imgblocks.issp_mode4 .x-blk {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 48%;
            flex: 0 1 48%;
    width: 48%;
    margin: 15px 1% 0 1%;
  }
  .c-imgblocks.issp_mode3 .x-blk {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 48%;
            flex: 0 1 48%;
    width: 48%;
    margin: 15px 1% 0 1%;
  }
}
.c-cmn-imagebox {
  position: relative;
  overflow: hidden;
  margin: 20px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.c-cmn-imagebox .x-img-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  width: 50%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}
.c-cmn-imagebox .x-img-container img:first-child {
  margin-top: 0 !important;
}
.c-cmn-imagebox .x-img-container .x-imgtxt {
  font-size: 1.2rem;
  margin: 0;
  padding: 5px 0 0 0;
  line-height: 1.2em;
  color: #555;
}
.c-cmn-imagebox .x-txt-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  width: 50%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}
.c-cmn-imagebox .x-txt-container p {
  padding: 0.5em 0 0 0;
  margin: 0;
  font-size: 1.3rem;
  line-height: 1.45em;
}
.c-cmn-imagebox .x-txt-container p:first-child {
  padding-top: 0;
}
.c-cmn-imagebox.imgratio_80 .x-img-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 80%;
          flex: 0 1 80%;
  width: 80%;
}
.c-cmn-imagebox.imgratio_80 .x-txt-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 20%;
          flex: 0 1 20%;
  width: 20%;
}
.c-cmn-imagebox.imgratio_50 .x-img-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  width: 50%;
}
.c-cmn-imagebox.imgratio_50 .x-txt-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  width: 50%;
}
.c-cmn-imagebox.imgratio_30 .x-img-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 30%;
          flex: 0 1 30%;
  width: 30%;
}
.c-cmn-imagebox.imgratio_30 .x-txt-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 70%;
          flex: 0 1 70%;
  width: 70%;
}
.c-cmn-imagebox.imgratio_20 .x-img-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 20%;
          flex: 0 1 20%;
  width: 20%;
}
.c-cmn-imagebox.imgratio_20 .x-txt-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 80%;
          flex: 0 1 80%;
  width: 80%;
}
.c-cmn-imagebox.txt_left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.c-cmn-imagebox.txt_left .x-txt-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 48%;
          flex: 0 1 48%;
  width: 48%;
  margin: 0 2% 0 0;
}
.c-cmn-imagebox.txt_right .x-txt-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 48%;
          flex: 0 1 48%;
  width: 48%;
  margin: 0 0 0 2%;
}
.c-cmn-imagebox.txt_left.imgratio_80 .x-img-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 80%;
          flex: 0 1 80%;
  width: 80%;
}
.c-cmn-imagebox.txt_left.imgratio_80 .x-txt-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 18%;
          flex: 0 1 18%;
  width: 18%;
  margin: 0 2% 0 0;
}
.c-cmn-imagebox.txt_left.imgratio_50 .x-img-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  width: 50%;
}
.c-cmn-imagebox.txt_left.imgratio_50 .x-txt-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 48%;
          flex: 0 1 48%;
  width: 48%;
  margin: 0 2% 0 0;
}
.c-cmn-imagebox.txt_left.imgratio_30 .x-img-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 30%;
          flex: 0 1 30%;
  width: 30%;
}
.c-cmn-imagebox.txt_left.imgratio_30 .x-txt-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 68%;
          flex: 0 1 68%;
  width: 68%;
  margin: 0 2% 0 0;
}
.c-cmn-imagebox.txt_left.imgratio_20 .x-img-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 20%;
          flex: 0 1 20%;
  width: 20%;
}
.c-cmn-imagebox.txt_left.imgratio_20 .x-txt-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 78%;
          flex: 0 1 78%;
  width: 78%;
  margin: 0 2% 0 0;
}
.c-cmn-imagebox.txt_right.imgratio_80 .x-img-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 80%;
          flex: 0 1 80%;
  width: 80%;
}
.c-cmn-imagebox.txt_right.imgratio_80 .x-txt-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 18%;
          flex: 0 1 18%;
  width: 18%;
  margin: 0 0 0 2%;
}
.c-cmn-imagebox.txt_right.imgratio_50 .x-img-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  width: 50%;
}
.c-cmn-imagebox.txt_right.imgratio_50 .x-txt-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 48%;
          flex: 0 1 48%;
  width: 48%;
  margin: 0 0 0 2%;
}
.c-cmn-imagebox.txt_right.imgratio_30 .x-img-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 30%;
          flex: 0 1 30%;
  width: 30%;
}
.c-cmn-imagebox.txt_right.imgratio_30 .x-txt-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 68%;
          flex: 0 1 68%;
  width: 68%;
  margin: 0 0 0 2%;
}
.c-cmn-imagebox.txt_right.imgratio_20 .x-img-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 20%;
          flex: 0 1 20%;
  width: 20%;
}
.c-cmn-imagebox.txt_right.imgratio_20 .x-txt-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 78%;
          flex: 0 1 78%;
  width: 78%;
  margin: 0 0 0 2%;
}
.c-cmn-imagebox.txt_bottom {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.c-cmn-imagebox.txt_bottom .x-img-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
  margin: 15px 0 0 0;
}
.c-cmn-imagebox.txt_bottom .x-img-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
}
.c-cmn-imagebox.txt_bottom .x-txt-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
  margin: 10px 0 0 0;
}
@media screen and (max-width: 700px) {
  .c-cmn-imagebox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .c-cmn-imagebox .x-img-container {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 1 auto !important;
            flex: 0 1 auto !important;
    width: auto !important;
    margin: 15px 0 0 0 !important;
  }
  .c-cmn-imagebox.txt_left .x-txt-container {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 1 auto !important;
            flex: 0 1 auto !important;
    width: auto !important;
    margin: 15px 0 0 0 !important;
  }
  .c-cmn-imagebox.txt_right .x-txt-container {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 1 auto !important;
            flex: 0 1 auto !important;
    width: auto !important;
    margin: 15px 0 0 0 !important;
  }
  .c-cmn-imagebox.txt_bottom .x-txt-container {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 1 auto !important;
            flex: 0 1 auto !important;
    width: auto !important;
    margin: 15px 0 0 0 !important;
  }
}

/* pkz */
.c-pkz {
  position: relative;
  overflow: hidden;
  margin: 0;
  clear: both;
}
.c-pkz > div {
  position: relative;
  overflow: hidden;
  margin: 5px;
}
.c-pkz > div > * {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: auto;
  height: 35px;
  line-height: 35px;
  font-size: 1.2rem;
}
.c-pkz > div > *:before {
  content: " ";
  position: relative;
  width: 15px;
  height: 35px;
  background: #222;
  float: left;
  background: transparent url(/imgs/cmn/icn_next.svg) no-repeat center center;
  background-size: 12px 12px;
}
.c-pkz > div > *:first-child {
  display: inline-block;
  width: 20px;
  height: 35px;
  background: transparent url(/imgs/cmn/icn_home.svg) no-repeat center center;
  background-size: 20px 20px;
}
.c-pkz > div > *:first-child:before {
  display: none;
}
html.pc .c-pkz > div {
  text-align: center;
}
html.tab-l .c-pkz > div {
  text-align: center;
}
html.tab-p .c-pkz > div {
  text-align: center;
  margin-top: 10px;
}
html.smf .c-pkz > div {
  text-align: center;
  margin-top: 10px;
}

/* tabset */
.c-tabset {
  display: none;
  float: none;
  clear: both;
  position: relative;
  overflow: hidden;
  margin: 0 25px 20px 25px;
  padding: 0;
}
.c-tabset.x-selected {
  display: block;
}
.c-tabset ul.boxlist {
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none none inside;
}
.c-tabset ul.boxlist > li {
  display: block;
  width: 32%;
  float: left;
  overflow: hidden;
  margin: 15px 1% 0 0;
  padding: 0;
  /* 日付 */
  /* 見出し */
}
.c-tabset ul.boxlist > li.x-pdf p:not(.d):before {
  content: "PDF";
  background: #909c0e;
  color: #fdfdfd;
  font-size: 1.2rem;
  padding: 1px 4px;
  margin: 0 3px 0 0;
}
.c-tabset ul.boxlist > li.x-ext p:not(.d):before {
  content: "外部サイト";
  background: #0e789c;
  color: #fdfdfd;
  font-size: 1.2rem;
  padding: 1px 4px;
  margin: 0 3px 0 0;
}
.c-tabset ul.boxlist > li .x-img {
  overflow: hidden;
  position: relative;
  opacity: 0;
  width: 100%;
  height: 150px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: opacity 0.8s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: opacity 0.8s cubic-bezier(0, 0, 0.02, 0.99);
  transition: opacity 0.8s cubic-bezier(0, 0, 0.02, 0.99);
}
.c-tabset ul.boxlist > li .x-img > div {
  overflow: hidden;
  position: relative;
  margin: 0;
  width: 100%;
  height: 100%;
  background-image: url(/imgs/top/topics_back.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.02, 0.99);
  transition: -webkit-transform 1s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: transform 1s cubic-bezier(0, 0, 0.02, 0.99);
  transition: transform 1s cubic-bezier(0, 0, 0.02, 0.99);
  transition: transform 1s cubic-bezier(0, 0, 0.02, 0.99), -webkit-transform 1s cubic-bezier(0, 0, 0.02, 0.99);
}
.c-tabset ul.boxlist > li .x-img.x-imgpos-top > div {
  background-position: top center;
}
.c-tabset ul.boxlist > li .x-img:hover {
  border-color: #ff8859;
}
.c-tabset ul.boxlist > li .x-img.x-show {
  opacity: 1;
}
.c-tabset ul.boxlist > li:hover .x-img > div {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.c-tabset ul.boxlist > li p.d {
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.2rem;
  margin: 0;
  padding: 5px 0 0 0;
}
.c-tabset ul.boxlist > li p.d span {
  color: #e84200;
  padding: 0 0 0 0.25em;
  font-size: 1.2rem;
}
.c-tabset ul.boxlist > li p:not(.d) {
  height: auto;
  font-size: 1.25rem;
  line-height: 1.55em;
  margin: 0;
  padding: 0;
  word-break: break-all;
}
.c-tabset table.chrlist {
  position: relative;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 15px 0;
}
.c-tabset table.chrlist tr {
  vertical-align: top;
}
.c-tabset table.chrlist td {
  overflow: hidden;
  font-size: 1.3rem;
  line-height: 1.4em;
  padding: 3px 0 0.75em 3px;
}
.c-tabset table.chrlist td:first-child {
  width: 110px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.c-tabset table.chrlist td p {
  font-size: 1.3rem;
  line-height: 1.4em;
  margin: 0;
  padding: 0.7em 0 0 0;
}
.c-tabset table.chrlist tr.x-new td:nth-child(2):before {
  font-size: 1.2rem;
  content: "New";
  background: #f7931e;
  color: #fdfdfd;
  padding: 1px 4px;
  margin: 0 2px 0 0;
}
.c-tabset table.chrlist td.x-pdf > a:before,
.c-tabset table.chrlist td.x-pdf > p:before {
  content: "PDF";
  background: #909c0e;
  color: #fdfdfd;
  font-size: 1.2rem;
  padding: 1px 4px;
  margin: 0 3px 0 0;
}
.c-tabset table.chrlist td.x-ext > a:before,
.c-tabset table.chrlist td.x-ext > p:before {
  content: "外部サイト";
  background: #0e789c;
  color: #fdfdfd;
  font-size: 1.2rem;
  padding: 1px 4px;
  margin: 0 3px 0 0;
}
.c-tabset table.chrlist a:link {
  color: #124c80;
}
.c-tabset table.chrlist a:visited {
  color: #124c80;
}
.c-tabset table.chrlist a:hover {
  color: #da0000;
}
html.wide .c-tabset ul.boxlist > li {
  display: block;
  width: 32%;
  float: left;
  margin: 15px 1% 0 0;
}
html.wide .c-tabset ul.boxlist > li:nth-child(3n+1) {
  width: 32%;
  float: left;
  margin: 15px 0 0 0;
  clear: left;
}
html.wide .c-tabset ul.boxlist > li:nth-child(3n+2) {
  width: 32%;
  float: left;
  margin: 15px 2% 0 2%;
}
html.wide .c-tabset ul.boxlist > li:nth-child(3n) {
  width: 32%;
  float: left;
  margin: 15px 0 0 0;
}
html.pc .c-tabset ul.boxlist > li, html.tab-l .c-tabset ul.boxlist > li {
  width: 49%;
  float: left;
  margin: 15px 0 0 0;
}
html.pc .c-tabset ul.boxlist > li:nth-child(odd), html.tab-l .c-tabset ul.boxlist > li:nth-child(odd) {
  float: left;
  margin: 15px 0 0 0;
  clear: both;
}
html.pc .c-tabset ul.boxlist > li:nth-child(even), html.tab-l .c-tabset ul.boxlist > li:nth-child(even) {
  float: right;
  margin: 15px 0 0 0;
}
@media screen and (min-width: 600px) {
  html.tab-p .c-tabset ul.boxlist > li, html.smf .c-tabset ul.boxlist > li {
    display: block;
    width: 32%;
    float: left;
    margin: 15px 1% 0 0;
  }
  html.tab-p .c-tabset ul.boxlist > li:nth-child(3n+1), html.smf .c-tabset ul.boxlist > li:nth-child(3n+1) {
    width: 32%;
    float: left;
    margin: 15px 0 0 0;
    clear: left;
  }
  html.tab-p .c-tabset ul.boxlist > li:nth-child(3n+2), html.smf .c-tabset ul.boxlist > li:nth-child(3n+2) {
    width: 32%;
    float: left;
    margin: 15px 2% 0 2%;
  }
  html.tab-p .c-tabset ul.boxlist > li:nth-child(3n), html.smf .c-tabset ul.boxlist > li:nth-child(3n) {
    width: 32%;
    float: left;
    margin: 15px 0 0 0;
  }
}
@media screen and (min-width: 415px) and (max-width: 599px) {
  html.tab-p .c-tabset ul.boxlist > li, html.smf .c-tabset ul.boxlist > li {
    width: 49%;
    float: left;
    margin: 15px 0 0 0;
  }
  html.tab-p .c-tabset ul.boxlist > li:nth-child(odd), html.smf .c-tabset ul.boxlist > li:nth-child(odd) {
    float: left;
    margin: 15px 0 0 0;
    clear: both;
  }
  html.tab-p .c-tabset ul.boxlist > li:nth-child(even), html.smf .c-tabset ul.boxlist > li:nth-child(even) {
    float: right;
    margin: 15px 0 0 0;
  }
}
@media screen and (min-width: 0px) and (max-width: 414px) {
  html.tab-p .c-tabset, html.smf .c-tabset {
    margin: 0 5px 10px 5px;
  }
  html.tab-p .c-tabset ul.boxlist > li, html.smf .c-tabset ul.boxlist > li {
    width: 100%;
    float: none;
    margin: 15px 0 0 0;
  }
  html.tab-p .c-tabset ul.boxlist > li p:not(.d), html.smf .c-tabset ul.boxlist > li p:not(.d) {
    height: auto;
    font-size: 1.2rem;
    padding-right: 5px;
  }
  html.tab-p .c-tabset ul.boxlist > li .x-img, html.smf .c-tabset ul.boxlist > li .x-img {
    width: 40%;
    height: 100px;
    float: left;
    margin: 0 10px 0 0;
  }
  html.tab-p .c-tabset table.chrlist, html.smf .c-tabset table.chrlist {
    display: block;
    width: auto;
    margin: 0 10px 10px 10px;
  }
  html.tab-p .c-tabset table.chrlist tr, html.smf .c-tabset table.chrlist tr {
    display: block;
    margin: 0;
    padding: 10px 0 0 0;
    border-top: 1px dotted #ddd;
  }
  html.tab-p .c-tabset table.chrlist td, html.smf .c-tabset table.chrlist td {
    display: block;
    font-size: 1.3rem;
    line-height: 1.4em;
    padding: 0 0 1em 2em;
  }
  html.tab-p .c-tabset table.chrlist td:first-child, html.smf .c-tabset table.chrlist td:first-child {
    width: auto;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0;
    color: #1f2c5e;
  }
  html.tab-p .c-tabset table.chrlist td p, html.smf .c-tabset table.chrlist td p {
    font-size: 1.3rem;
    line-height: 1.4em;
    margin: 0;
    padding: 0.7em 0 0 0;
  }
  html.tab-p .c-tabset table.chrlist tr.x-new td:nth-child(2):before, html.smf .c-tabset table.chrlist tr.x-new td:nth-child(2):before {
    font-size: 1.2rem;
    content: "New";
    background: #f7931e;
    color: #fdfdfd;
    padding: 1px 4px;
    margin: 0 2px 0 0;
  }
}

.x-usr-embed {
  position: relative;
  overflow: hidden;
  background: #f9f9f9;
  padding: 18px;
  margin: 15px 0 0 0;
}
.x-usr-embed .x-embed-container {
  position: relative;
  max-width: 100%;
}
.x-usr-embed .x-embed-container.is_youtube, .x-usr-embed .x-embed-container.is_dailymotion, .x-usr-embed .x-embed-container.is_googlemaps {
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.x-usr-embed .x-embed-container.is_youtube iframe, .x-usr-embed .x-embed-container.is_youtube object, .x-usr-embed .x-embed-container.is_youtube embed, .x-usr-embed .x-embed-container.is_dailymotion iframe, .x-usr-embed .x-embed-container.is_dailymotion object, .x-usr-embed .x-embed-container.is_dailymotion embed, .x-usr-embed .x-embed-container.is_googlemaps iframe, .x-usr-embed .x-embed-container.is_googlemaps object, .x-usr-embed .x-embed-container.is_googlemaps embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.x-usr-embed .x-embed-container.is_vimeo iframe, .x-usr-embed .x-embed-container.is_vimeo object, .x-usr-embed .x-embed-container.is_vimeo embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.x-usr-embed .x-embed-container.is_gettyimages {
  position: relative;
  padding-bottom: 79.9663299663%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.x-usr-embed .x-embed-container.is_gettyimages iframe, .x-usr-embed .x-embed-container.is_gettyimages object, .x-usr-embed .x-embed-container.is_gettyimages embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.x-usr-embed .x-embed-container.is_facebook {
  overflow: auto;
}
.x-usr-embed .x-embed-container.is_facebook .fb-post {
  background-color: #fefefe;
}
.x-usr-embed .x-embed-container.is_twitter {
  overflow: auto;
}
.x-usr-embed .x-embed-title {
  padding: 10px 0 0 0;
  margin: 0;
}
.x-usr-embed .x-embed-desc {
  position: relative;
  overflow: hidden;
}
.x-usr-embed .x-embed-desc p {
  color: #666;
}
.x-usr-embed .x-embed-desc p:first-child {
  padding-top: 10px;
}

/* pagination */
.pagination-status {
  padding: 10px 0 0 0;
  margin: 0;
}

.pagination {
  position: relative;
  overflow: hidden;
  margin: 5px 0 20px 0;
  padding: 0;
  text-align: right;
  /* display: flex; align-items: center; justify-content: center; */
  /* ページ番号 */
}
.pagination span, .pagination a {
  display: block;
  float: right;
  position: relative;
  overflow: hidden;
  width: auto;
  min-width: 10px;
  height: 30px;
  line-height: 30px;
  font-size: 1.3rem;
  margin: 2px;
  padding: 0 10px;
  border-radius: 4px;
  text-align: center;
  background: #666 none no-repeat;
  background-position: center center;
  background-size: contain;
  color: #fdfdfd;
  text-decoration: none;
}
.pagination span.h, .pagination a.h {
  background-color: #999;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
}
.pagination span.current, .pagination a.current {
  background-color: #fff;
  color: #666;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
.pagination span.prev, .pagination a.prev {
  float: left;
}
.pagination span.first, .pagination a.first {
  float: left;
}
.pagination span.next, .pagination a.next {
  margin-left: 15px;
}
.pagination span:not(.prev):not(.next):not(.first):not(.last), .pagination a:not(.prev):not(.next):not(.first):not(.last) {
  padding: 0 8px;
}
.pagination .pager {
  text-align: center;
}
html.smf-less .pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
html.smf-less .pagination span, html.smf-less .pagination a {
  float: none;
  width: 25%;
  height: 40px;
  line-height: 40px;
}
html.smf-less .pagination .pager {
  display: none;
}

/*
	common navigator
	Rev 2017-03-13
*/
.c-hdr {
  position: relative;
  overflow: visible;
  margin: 0;
  padding: 0;
}
html.wide .c-hdr, html.pc .c-hdr, html.tab-l .c-hdr, html.tab-p .c-hdr {
  width: 100%;
  max-width: 1100px;
  height: 70px;
  margin: 0 auto;
  /* topnv */
  /* dynamic Menu */
  /* :hover */
  /* :hover */
}
html.wide .c-hdr .topnv, html.pc .c-hdr .topnv, html.tab-l .c-hdr .topnv, html.tab-p .c-hdr .topnv {
  z-index: 15;
  position: absolute;
  overflow: visible;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  width: 100%;
  height: 70px;
  background: #1f2c5e url(/imgs/cmn/nav_topback.svg) repeat-x left top;
  background-size: 100px 70px;
}
html.wide .c-hdr .topnv .x-opener, html.pc .c-hdr .topnv .x-opener, html.tab-l .c-hdr .topnv .x-opener, html.tab-p .c-hdr .topnv .x-opener {
  display: none;
}
html.wide .c-hdr .topnv .x-logo, html.pc .c-hdr .topnv .x-logo, html.tab-l .c-hdr .topnv .x-logo, html.tab-p .c-hdr .topnv .x-logo {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 210px;
  height: 70px;
  background: transparent url(/imgs/cmn/nav_logo.svg) no-repeat center center;
  background-size: 210px 70px;
}
html.wide .c-hdr .topnv .x-findon, html.pc .c-hdr .topnv .x-findon, html.tab-l .c-hdr .topnv .x-findon, html.tab-p .c-hdr .topnv .x-findon {
  display: block;
  position: absolute;
  overflow: hidden;
  top: 5px;
  left: auto;
  right: 95px;
  bottom: auto;
  width: 150px;
  height: 26px;
  margin: 0;
  padding: 0;
}
html.wide .c-hdr .topnv .x-findon > div, html.pc .c-hdr .topnv .x-findon > div, html.tab-l .c-hdr .topnv .x-findon > div, html.tab-p .c-hdr .topnv .x-findon > div {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
html.wide .c-hdr .topnv .x-findon .x-f, html.pc .c-hdr .topnv .x-findon .x-f, html.tab-l .c-hdr .topnv .x-findon .x-f, html.tab-p .c-hdr .topnv .x-findon .x-f {
  position: absolute;
  overflow: hidden;
  top: 2px;
  left: 0;
  right: 26px;
  bottom: 2px;
  margin: 0;
  padding: 0;
}
html.wide .c-hdr .topnv .x-findon .x-f input, html.pc .c-hdr .topnv .x-findon .x-f input, html.tab-l .c-hdr .topnv .x-findon .x-f input, html.tab-p .c-hdr .topnv .x-findon .x-f input {
  border-width: 1px;
  margin: 0;
  width: 100%;
  height: 100%;
  font-size: 1.2rem;
  line-height: 22px;
  border-radius: 3px;
}
html.wide .c-hdr .topnv .x-findon .x-b, html.pc .c-hdr .topnv .x-findon .x-b, html.tab-l .c-hdr .topnv .x-findon .x-b, html.tab-p .c-hdr .topnv .x-findon .x-b {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  -webkit-transform-origin: 100% 0px;
      -ms-transform-origin: 100% 0px;
          transform-origin: 100% 0px;
  -webkit-transform: scale(0.26);
      -ms-transform: scale(0.26);
          transform: scale(0.26);
  width: 100px;
  height: 100px;
  background-color: transparent;
  background-image: url(/imgs/cmn/icns.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-position: -1800px 0px;
  cursor: pointer;
}
html.wide .c-hdr ul.nv, html.pc .c-hdr ul.nv, html.tab-l .c-hdr ul.nv, html.tab-p .c-hdr ul.nv {
  z-index: 10;
  position: absolute;
  display: block;
  overflow: visible;
  list-style: none none inside;
  width: 100%;
  height: 60px;
  margin: 0;
  padding: 70px 0 0 0;
}
html.wide .c-hdr ul.nv > li, html.pc .c-hdr ul.nv > li, html.tab-l .c-hdr ul.nv > li, html.tab-p .c-hdr ul.nv > li {
  position: relative;
  display: block;
  overflow: visible;
  float: left;
  height: 60px;
  width: 20%;
  margin: 0;
}
html.wide .c-hdr ul.nv > li > div, html.pc .c-hdr ul.nv > li > div, html.tab-l .c-hdr ul.nv > li > div, html.tab-p .c-hdr ul.nv > li > div {
  position: relative;
  display: block;
  overflow: visible;
  height: 100%;
  margin: 0;
  background: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
}
html.wide .c-hdr ul.nv > li:nth-child(2) > div, html.pc .c-hdr ul.nv > li:nth-child(2) > div, html.tab-l .c-hdr ul.nv > li:nth-child(2) > div, html.tab-p .c-hdr ul.nv > li:nth-child(2) > div {
  margin: 0 1%;
}
html.wide .c-hdr ul.nv > li:nth-child(4) > div, html.pc .c-hdr ul.nv > li:nth-child(4) > div, html.tab-l .c-hdr ul.nv > li:nth-child(4) > div, html.tab-p .c-hdr ul.nv > li:nth-child(4) > div {
  margin: 0 1%;
}
html.wide .c-hdr ul.nv > li > div .xanc, html.pc .c-hdr ul.nv > li > div .xanc, html.tab-l .c-hdr ul.nv > li > div .xanc, html.tab-p .c-hdr ul.nv > li > div .xanc {
  position: relative;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  width: auto;
  height: 60px;
  margin: 0;
  padding: 0;
}
html.wide .c-hdr ul.nv > li > div .xanc > p, html.pc .c-hdr ul.nv > li > div .xanc > p, html.tab-l .c-hdr ul.nv > li > div .xanc > p, html.tab-p .c-hdr ul.nv > li > div .xanc > p {
  font-size: 1.5rem;
  margin: 0;
  padding: 8px 20px 0 20px;
  white-space: nowrap;
  color: #222;
}
html.wide .c-hdr ul.nv > li > div .xanc > p.x-en, html.pc .c-hdr ul.nv > li > div .xanc > p.x-en, html.tab-l .c-hdr ul.nv > li > div .xanc > p.x-en, html.tab-p .c-hdr ul.nv > li > div .xanc > p.x-en {
  font-size: 1.2rem;
  margin: 0;
  padding: 3px 20px 0 20px;
  color: #1f2c5e;
}
html.wide .c-hdr ul.nv > li > div .inav, html.pc .c-hdr ul.nv > li > div .inav, html.tab-l .c-hdr ul.nv > li > div .inav, html.tab-p .c-hdr ul.nv > li > div .inav {
  display: none;
}
html.wide .c-hdr ul.nv > li:hover > div, html.pc .c-hdr ul.nv > li:hover > div, html.tab-l .c-hdr ul.nv > li:hover > div, html.tab-p .c-hdr ul.nv > li:hover > div {
  background-color: #141414;
}
html.wide .c-hdr ul.nv > li:hover > div > .xanc > p, html.pc .c-hdr ul.nv > li:hover > div > .xanc > p, html.tab-l .c-hdr ul.nv > li:hover > div > .xanc > p, html.tab-p .c-hdr ul.nv > li:hover > div > .xanc > p {
  color: #fdfdfd;
}
html.wide .c-hdr ul.nv > li:hover > div > .inav, html.pc .c-hdr ul.nv > li:hover > div > .inav, html.tab-l .c-hdr ul.nv > li:hover > div > .inav, html.tab-p .c-hdr ul.nv > li:hover > div > .inav {
  /* :hover */
  position: absolute;
  overflow: hidden;
  display: block;
  top: 60px;
  min-width: 100%;
  height: auto;
  background-color: rgba(50, 50, 50, 0.9);
  margin: 0;
  padding: 0;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}
html.wide .c-hdr ul.nv > li .inav ul, html.pc .c-hdr ul.nv > li .inav ul, html.tab-l .c-hdr ul.nv > li .inav ul, html.tab-p .c-hdr ul.nv > li .inav ul {
  position: relative;
  display: block;
  overflow: hidden;
  list-style: none none inside;
  margin: 0;
  padding: 0;
}
html.wide .c-hdr ul.nv > li .inav ul > li, html.pc .c-hdr ul.nv > li .inav ul > li, html.tab-l .c-hdr ul.nv > li .inav ul > li, html.tab-p .c-hdr ul.nv > li .inav ul > li {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
html.wide .c-hdr ul.nv > li .inav ul > li > .xanc, html.pc .c-hdr ul.nv > li .inav ul > li > .xanc, html.tab-l .c-hdr ul.nv > li .inav ul > li > .xanc, html.tab-p .c-hdr ul.nv > li .inav ul > li > .xanc {
  position: relative;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  height: auto;
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99);
}
html.wide .c-hdr ul.nv > li .inav ul > li > .xanc > p, html.pc .c-hdr ul.nv > li .inav ul > li > .xanc > p, html.tab-l .c-hdr ul.nv > li .inav ul > li > .xanc > p, html.tab-p .c-hdr ul.nv > li .inav ul > li > .xanc > p {
  font-size: 1.3rem;
  margin: 0;
  padding: 8px 36px 8px 20px;
  color: #fdfdfd;
}
html.wide .c-hdr ul.nv > li .inav ul > li > .xanc > p:before, html.pc .c-hdr ul.nv > li .inav ul > li > .xanc > p:before, html.tab-l .c-hdr ul.nv > li .inav ul > li > .xanc > p:before, html.tab-p .c-hdr ul.nv > li .inav ul > li > .xanc > p:before {
  content: " ";
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  -webkit-transform-origin: 100% 0px;
      -ms-transform-origin: 100% 0px;
          transform-origin: 100% 0px;
  -webkit-transform: scale(0.36);
      -ms-transform: scale(0.36);
          transform: scale(0.36);
  width: 100px;
  height: 100px;
  background-color: transparent;
  background-image: url(/imgs/cmn/icns.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-position: 0px -100px;
}
html.wide .c-hdr ul.nv > li .inav ul > li > .xanc:hover, html.pc .c-hdr ul.nv > li .inav ul > li > .xanc:hover, html.tab-l .c-hdr ul.nv > li .inav ul > li > .xanc:hover, html.tab-p .c-hdr ul.nv > li .inav ul > li > .xanc:hover {
  background: #888;
}
html.pc .c-hdr, html.tab-l .c-hdr {
  width: 850px;
  margin: 0 auto;
  /* dynamic Menu */
}
html.pc .c-hdr ul.nv > li > div .xanc > p, html.tab-l .c-hdr ul.nv > li > div .xanc > p {
  font-size: 1.4rem;
}
html.pc .c-hdr ul.nv > li > div .xanc > p.x-en, html.tab-l .c-hdr ul.nv > li > div .xanc > p.x-en {
  font-size: 1.2rem;
  padding-top: 5px;
}
html.tab-p .c-hdr {
  width: 100%;
  max-width: 1100px;
  height: 45px;
  margin: 0 auto;
  /* topnv */
  /* dynamic Menu */
}
html.tab-p .c-hdr .topnv {
  z-index: 1000;
  position: relative;
  overflow: hidden;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  width: 100%;
  height: 45px;
}
html.tab-p .c-hdr .topnv .x-opener {
  display: none;
}
html.tab-p .c-hdr .topnv .x-logo {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  width: 154px;
  height: 45px;
  margin: -22.5px 0 0 -77px;
  padding: 0;
  background: transparent url(/imgs/cmn/nav_logo_narrow.svg) no-repeat center center;
  background-size: 154px 45px;
}
html.tab-p .c-hdr .topnv .x-findon {
  display: none;
}
html.tab-p .c-hdr ul.nv {
  padding: 0;
}
html.tab-p .c-hdr ul.nv > li > div .xanc > p {
  font-size: 1.3rem;
  padding: 10px 10px 0 10px;
}
html.tab-p .c-hdr ul.nv > li > div .xanc > p.x-en {
  font-size: 1.2rem;
  padding: 3px 10px 0 10px;
}
html.smf .c-hdr {
  width: 100%;
  max-width: 1100px;
  height: 45px;
  margin: 0 auto;
  /* topnv */
}
html.smf .c-hdr br.x-br {
  display: none;
}
html.smf .c-hdr .topnv {
  z-index: 1000;
  position: fixed;
  overflow: hidden;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  width: 100%;
  height: 45px;
  background-color: #1f2c5e;
}
html.smf .c-hdr .topnv .x-opener {
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 45px;
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
  -webkit-transform: scale(0.45);
      -ms-transform: scale(0.45);
          transform: scale(0.45);
  width: 100px;
  height: 100px;
  background-color: transparent;
  background-image: url(/imgs/cmn/icns.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-position: -200px -100px;
  cursor: pointer;
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99);
}
html.smf .c-hdr .topnv .x-opener.open {
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
  -webkit-transform: scale(0.45);
      -ms-transform: scale(0.45);
          transform: scale(0.45);
  width: 100px;
  height: 100px;
  background-color: transparent;
  background-image: url(/imgs/cmn/icns.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-position: -300px -100px;
}
html.smf .c-hdr .topnv .x-logo {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  width: 154px;
  height: 45px;
  margin: -22.5px 0 0 -77px;
  padding: 0;
  background: transparent url(/imgs/cmn/nav_logo_narrow.svg) no-repeat center center;
  background-size: 154px 45px;
}
html.smf .c-hdr .topnv .x-findon {
  display: none;
}
html.smf .c-hdr ul.nv {
  display: none;
}
html.smf .c-hdr ul.nv.open {
  z-index: 1000;
  position: fixed;
  top: 45px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none none inside;
  margin: 0;
  padding: 0;
  background-color: #aaa;
}
html.smf .c-hdr ul.nv > li > div {
  position: relative;
  display: block;
  overflow: hidden;
  background-color: #fdfdfd;
  margin: 0;
  border-top: 1px solid #ddd;
}
html.smf .c-hdr ul.nv > li > div > .xanc {
  position: relative;
  display: block;
  overflow: hidden;
  width: auto;
  height: 45px;
  margin: 0;
  padding: 0;
}
html.smf .c-hdr ul.nv > li > div > .xanc > p {
  font-size: 1.5rem;
  line-height: 45px;
  color: #555;
  margin: 0;
  padding: 0 45px 0 20px;
  white-space: nowrap;
}
html.smf .c-hdr ul.nv > li > div > .xanc > p:before {
  content: " ";
  -webkit-transform-origin: 100% 0px;
      -ms-transform-origin: 100% 0px;
          transform-origin: 100% 0px;
  -webkit-transform: scale(0.45);
      -ms-transform: scale(0.45);
          transform: scale(0.45);
  width: 100px;
  height: 100px;
  background-color: transparent;
  background-image: url(/imgs/cmn/icns.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-position: -600px 0px;
  position: absolute;
  pointer-evnets: none;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
}
html.smf .c-hdr ul.nv > li.inchild > div > .xanc > p:before {
  -webkit-transform-origin: 100% 0px;
      -ms-transform-origin: 100% 0px;
          transform-origin: 100% 0px;
  -webkit-transform: scale(0.45);
      -ms-transform: scale(0.45);
          transform: scale(0.45);
  width: 100px;
  height: 100px;
  background-color: transparent;
  background-image: url(/imgs/cmn/icns.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-position: -500px 0px;
}
html.smf .c-hdr ul.nv > li.inchild.open > div > .xanc > p:before {
  -webkit-transform-origin: 100% 0px;
      -ms-transform-origin: 100% 0px;
          transform-origin: 100% 0px;
  -webkit-transform: scale(0.45);
      -ms-transform: scale(0.45);
          transform: scale(0.45);
  width: 100px;
  height: 100px;
  background-color: transparent;
  background-image: url(/imgs/cmn/icns.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-position: -400px 0px;
}
html.smf .c-hdr ul.nv > li > div > .inav {
  display: none;
}
html.smf .c-hdr ul.nv > li.open .inav {
  position: relative;
  overflow: hidden;
  display: block;
  background-color: #555;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.35);
          box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.35);
}
html.smf .c-hdr ul.nv > li.open .inav ul {
  position: relative;
  display: block;
  overflow: hidden;
  list-style: none none inside;
  margin: 0;
  padding: 0;
}
html.smf .c-hdr ul.nv > li.open .inav ul > li {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border-top: 1px solid #888;
}
html.smf .c-hdr ul.nv > li.open .inav ul > li:first-child {
  border-top: 0px none;
}
html.smf .c-hdr ul.nv > li.open .inav ul > li > .xanc {
  position: relative;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  height: 45px;
  margin: 0;
  padding: 0;
}
html.smf .c-hdr ul.nv > li.open .inav ul > li > .xanc > p:before {
  content: " ";
  -webkit-transform-origin: 100% 0px;
      -ms-transform-origin: 100% 0px;
          transform-origin: 100% 0px;
  -webkit-transform: scale(0.45);
      -ms-transform: scale(0.45);
          transform: scale(0.45);
  width: 100px;
  height: 100px;
  background-color: transparent;
  background-image: url(/imgs/cmn/icns.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-position: -600px -100px;
  position: absolute;
  pointer-evnets: none;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
}
html.smf .c-hdr ul.nv > li.open .inav ul > li > .xanc > p {
  font-size: 1.5rem;
  line-height: 45px;
  color: #fdfdfd;
  margin: 0;
  padding: 0 45px 0 20px;
  white-space: nowrap;
}

.c-footer {
  position: relative;
  overflow: hidden;
  margin: 100px 0 0 0;
  padding: 0;
  background: #777;
  color: #fdfdfd;
  border-top: 1px solid #ddd;
  /*
  background:#666 url(/imgs/cmn/ftr_logo.svg) no-repeat 20px 15px; background-size:144px 72px;
  */
}
.c-footer .x-content {
  width: auto;
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: relative;
  background: transparent;
}
.c-footer .x-laws {
  position: relative;
  overflow: hidden;
  float: left;
  width: 380px;
  margin: 30px 0 30px 20px;
  padding: 0;
}
.c-footer .x-laws .x-logo {
  width: 160px;
  height: auto;
  margin: 0 0 10px 15px;
}
.c-footer .x-laws p {
  color: #fdfdfd;
  font-size: 1.2rem;
  line-height: 1.5em;
  padding: 0.25em 0 0 0;
  margin: 0 0 0 15px;
}
.c-footer .x-laws p.e {
  font-size: 1.7rem;
}
.c-footer .x-laws a.x-emgcall {
  display: inline-block;
  background: #911a40;
  color: #fdfdfd;
  padding: 7px 10px;
  margin: 5px 5px 5px;
  font-size: 1.2rem;
  line-height: 1em;
  border-radius: 3px;
}
.c-footer .x-laws a.x-emgcall.h {
  background-color: #e82a66;
}
.c-footer .x-links {
  position: relative;
  overflow: hidden;
  float: right;
  width: 680px;
  margin: 30px 20px 30px 0;
  padding: 0;
}
.c-footer .x-links ul {
  display: inline-block;
  overflow: hidden;
  position: relative;
  margin: 0 0 0 2%;
  width: 31%;
  float: left;
  list-style: none none inside;
  padding: 0;
}
.c-footer .x-links ul > li {
  position: relative;
  display: block;
  overflow: hidden;
  width: auto;
  height: auto;
}
.c-footer .x-links ul > li p {
  font-size: 1.4rem;
  line-height: 1.2em;
  color: #f0f0f0;
  display: block;
  padding: 4px 5px;
  margin: 5px 0 3px 0;
}
.c-footer .x-links ul > li a {
  font-size: 1.2rem;
  line-height: 1em;
  color: #f0f0f0;
  display: block;
  padding: 4px 5px;
  margin: 0 0 3px 0;
  border: 1px solid #aaa;
  border-radius: 3px;
}
.c-footer .x-links ul > li a.h {
  background-color: #222;
}
.c-footer .x-links ul > li a:link {
  color: #f0f0f0;
  text-decoration: none;
}
.c-footer .x-links ul > li a:visited {
  color: #f0f0f0;
  text-decoration: none;
}
.c-footer .x-links ul > li a:hover {
  color: #f0f0f0;
  text-decoration: none;
}
.c-footer .x-links ul > li:not(.x-sec) {
  padding-left: 10px;
}
html.wide .c-footer .x-content {
  width: 1100px;
  margin: 0 auto;
}
html.pc .c-footer .x-content {
  width: 850px;
  margin: 0 auto;
}
html.tab-l .c-footer .x-content {
  width: 850px;
  margin: 0 auto;
}
html.tab-p .c-footer .x-content {
  width: auto;
  margin: 0 auto;
}
html.smf .c-footer .x-content {
  width: auto;
  margin: 0 auto;
}
html.pc .c-footer .x-laws, html.tab-l .c-footer .x-laws {
  width: 38%;
  margin-left: 2%;
}
html.pc .c-footer .x-links, html.tab-l .c-footer .x-links {
  width: 58%;
  margin-right: 2%;
}
@media screen and (min-width: 601px) {
  html.tab-p .c-footer .x-laws, html.smf .c-footer .x-laws {
    width: 100%;
    float: none;
    margin: 15px 0 0 0;
  }
  html.tab-p .c-footer .x-links, html.smf .c-footer .x-links {
    width: 100%;
    float: none;
    margin: 20px 0 30px 0;
  }
  html.tab-p .c-footer .x-links ul, html.smf .c-footer .x-links ul {
    margin: 0 1% 0 1%;
  }
  html.tab-p .c-footer .x-links ul > li p, html.smf .c-footer .x-links ul > li p {
    padding: 5px;
  }
  html.tab-p .c-footer .x-links ul > li a, html.smf .c-footer .x-links ul > li a {
    padding: 5px;
  }
}
@media screen and (min-width: 0px) and (max-width: 600px) {
  html.tab-p .c-footer .x-laws, html.smf .c-footer .x-laws {
    width: 92%;
    float: none;
    margin: 35px 4% 0 4%;
  }
  html.tab-p .c-footer .x-links, html.smf .c-footer .x-links {
    width: 100%;
    float: none;
    margin: 20px 0 30px 0;
  }
  html.tab-p .c-footer .x-links ul, html.smf .c-footer .x-links ul {
    display: block;
    width: 92%;
    margin: 15px 4% 30px 4%;
  }
  html.tab-p .c-footer .x-links ul > li p, html.smf .c-footer .x-links ul > li p {
    padding: 8px;
  }
  html.tab-p .c-footer .x-links ul > li a, html.smf .c-footer .x-links ul > li a {
    padding: 8px;
  }
}

.pg-sub {
  /* title */
  /* --------------------------------------------------------------
  	ペーシコンテンツ共通
  */
  /* --------------------------------------------------------------
  	カラム文字表示

  	.x-docgrid と grid-2 または grid-3 をセットで付与する
  */
  /* banner */
  /* topics */
}
.pg-sub .p-title {
  overflow: hidden;
  margin: 0;
  border-bottom: 1px dotted #ccc;
}
.pg-sub .p-title h1 {
  margin: 0;
  padding: 22px 0 18px 10px;
  font-size: 2.6rem;
  line-height: 1.2em;
}
.pg-sub .p-title h1 small {
  font-size: 70%;
}
html.tab-p .pg-sub .p-title h1 {
  font-size: 2.3rem;
  padding-left: 55px;
}
html.smf .pg-sub .p-title h1 {
  font-size: 2rem;
  padding-left: 55px;
}
.pg-sub .p-archive {
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
}
.pg-sub .p-submnu {
  z-index: 6;
  overflow: hidden;
  margin: 0;
  padding: 0;
  float: left;
  width: 280px;
}
.pg-sub .p-submnu .sys-tree-opener {
  display: none;
}
.pg-sub .p-submnu ul {
  position: relative;
  overflow: hidden;
  margin: 15px 0 0 0;
  padding: 0;
  list-style: none none inside;
  width: 100%;
  height: auto;
}
.pg-sub .p-submnu ul > li {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  font-size: 1.3rem;
  line-height: 1.1em;
}
.pg-sub .p-submnu ul > li > div {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
  -webkit-transform: scale(0.3);
      -ms-transform: scale(0.3);
          transform: scale(0.3);
  width: 100px;
  height: 100px;
  background-color: transparent;
  background-image: url(/imgs/cmn/icns.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-position: -1500px 0px;
  cursor: pointer;
}
.pg-sub .p-submnu ul > li > a {
  z-index: 1;
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  min-height: 22px;
  padding: 9px 0 0 30px;
  color: #555;
  font-size: 1.3rem;
  line-height: 1.1em;
}
.pg-sub .p-submnu ul > li > a:hover {
  background-color: #778ce0;
  border-radius: 3px;
  color: #222;
}
.pg-sub .p-submnu ul > li.nochild > div {
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
  -webkit-transform: scale(0.3);
      -ms-transform: scale(0.3);
          transform: scale(0.3);
  width: 100px;
  height: 100px;
  background-color: transparent;
  background-image: url(/imgs/cmn/icns.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-position: -1400px 0px;
}
.pg-sub .p-submnu ul > li.close > div {
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
  -webkit-transform: scale(0.3);
      -ms-transform: scale(0.3);
          transform: scale(0.3);
  width: 100px;
  height: 100px;
  background-color: transparent;
  background-image: url(/imgs/cmn/icns.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-position: -1300px 0px;
}
.pg-sub .p-submnu ul > li.open > div {
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
  -webkit-transform: scale(0.3);
      -ms-transform: scale(0.3);
          transform: scale(0.3);
  width: 100px;
  height: 100px;
  background-color: transparent;
  background-image: url(/imgs/cmn/icns.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-position: -1400px 0px;
}
.pg-sub .p-submnu ul > li > ul {
  width: auto;
  display: none;
  margin: 5px 0 5px 20px;
}
.pg-sub .p-submnu ul > li > ul.opened {
  display: block;
}
.pg-sub .p-submnu ul > li > ul > li > a {
  padding: 9px 10px;
  line-height: 1.3em;
  min-height: 0;
}
.pg-sub .p-submnu ul > li > ul.x-narrow > li > a {
  padding: 3px 10px;
  line-height: 1em;
  min-height: 0;
}
.pg-sub .p-submnu ul > li.x-selected > a {
  color: #1f2c5e;
  border-radius: 3px;
}
html.pc .pg-sub .p-submnu, html.tab-l .pg-sub .p-submnu {
  width: 230px;
}
html.tab-p .pg-sub .p-submnu, html.smf .pg-sub .p-submnu {
  overflow: visible;
  float: none;
  width: auto;
  margin: 0;
  position: fixed;
  top: 106px;
  left: 0;
  right: auto;
  bottom: 0;
  background: #fdfdfd;
  width: 310px;
  background: transparent url(/imgs/cmn/submenu_back.svg) no-repeat left top;
  background-size: 310px 2000px;
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: left 1s cubic-bezier(0, 0, 0.02, 0.99);
  transition: left 1s cubic-bezier(0, 0, 0.02, 0.99);
}
html.tab-p .pg-sub .p-submnu .sys-tree-opener, html.smf .pg-sub .p-submnu .sys-tree-opener {
  display: block;
  position: absolute;
  top: 10px;
  left: auto;
  right: 10px;
  bottom: auto;
  -webkit-transform-origin: 100% 0px;
      -ms-transform-origin: 100% 0px;
          transform-origin: 100% 0px;
  -webkit-transform: scale(0.4);
      -ms-transform: scale(0.4);
          transform: scale(0.4);
  width: 100px;
  height: 100px;
  background-color: transparent;
  background-image: url(/imgs/cmn/icns.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-position: -1700px 0px;
  pointer-events: auto;
  cursor: pointer;
  border-radius: 3px;
  -webkit-transition: all 0.6s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: all 0.6s cubic-bezier(0, 0, 0.02, 0.99);
  transition: all 0.6s cubic-bezier(0, 0, 0.02, 0.99);
}
html.tab-p .pg-sub .p-submnu.closed, html.smf .pg-sub .p-submnu.closed {
  left: -260px;
}
html.tab-p .pg-sub .p-submnu.closed .sys-tree-opener, html.smf .pg-sub .p-submnu.closed .sys-tree-opener {
  -webkit-transform-origin: 100% 0px;
      -ms-transform-origin: 100% 0px;
          transform-origin: 100% 0px;
  -webkit-transform: scale(0.4);
      -ms-transform: scale(0.4);
          transform: scale(0.4);
  width: 100px;
  height: 100px;
  background-color: transparent;
  background-image: url(/imgs/cmn/icns.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-position: -1600px 0px;
}
html.tab-p .pg-sub .p-submnu > ul, html.smf .pg-sub .p-submnu > ul {
  width: auto;
  margin: 20px 65px 50px 10px;
}
html.smf .pg-sub .p-submnu {
  top: 50px;
}
.pg-sub .p-content {
  z-index: 1;
  overflow: hidden;
  margin: 10px 0;
  padding: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ddd;
  /* --------------------------------------------------------------
  	テーブル
  	.x-char を付与すること
  	.x-hold が付与されていると、スマフォになってもテーブルの表レイアウトを維持する
  */
  /* --------------------------------------------------------------
  	リスト
  	.x-char を付与すること
  */
}
.pg-sub .p-content .p-pkz {
  overflow: hidden;
  text-align: right;
  height: 30px;
  margin: 0;
  padding: 0 10px;
  font-size: 1.2rem;
  line-height: 30px;
}
.pg-sub .p-content .x-keyvisual {
  overflow: hidden;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}
.pg-sub .p-content .x-keyvisual img {
  width: 100%;
  height: auto;
  float: left;
}
.pg-sub .p-content h2.x {
  clear: both;
  overflow: hidden;
  font-size: 2.6rem;
  line-height: 1.2em;
  margin: 0;
  padding: 2em 0 0 30px;
}
.pg-sub .p-content h2.x:before {
  content: " ";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 0 0 0 -30px;
  padding: 0;
  background: transparent url(/imgs/cmn/c_box.svg) no-repeat left top;
  background-size: 100% auto;
}
.pg-sub .p-content h2.x:first-letter {
  color: #1f2c5e;
}
.pg-sub .p-content h3.x {
  clear: both;
  font-size: 1.8rem;
  line-height: 1.2em;
  margin: 1.3em 0 0 0;
  padding: 0.4em 0.6em;
  background: #f5f0da;
  border-radius: 3px;
}
.pg-sub .p-content h4.x {
  clear: both;
  font-size: 1.6rem;
  line-height: 1.2em;
  margin: 0;
  padding: 1.25em 0 0 0;
  color: #d7ddf5;
}
.pg-sub .p-content p.x-marker {
  color: #1f2c5e;
}
.pg-sub .p-content table + p {
  padding-top: 0em;
}
.pg-sub .p-content li.small {
  font-size: 1.1rem;
}
.pg-sub .p-content li.large {
  font-size: 1.5rem;
}
.pg-sub .p-content li.xlarge {
  font-size: 1.8rem;
}
.pg-sub .p-content li.xxlarge {
  font-size: 2.2rem;
}
.pg-sub .p-content blockquote {
  font-size: 1.3rem;
  line-height: 1.6em;
  margin: 0.5em 0 0 15px;
  padding: 0.25em 0 0.25em 0.5em;
  border-left: 2px solid #ccc;
}
.pg-sub .p-content blockquote > p:first-child {
  padding-top: 0;
}
.pg-sub .p-content small {
  font-size: 70%;
}
.pg-sub .p-content hr {
  display: block;
  width: 100%;
  height: 1px;
  margin: 15px auto 0 auto;
  background-color: #ddd;
  border-style: none;
}
.pg-sub .p-content img.x-wide {
  clear: both;
  margin: 15px 0 0 0;
  width: 100%;
  height: auto;
}
.pg-sub .p-content img.x-right {
  float: right;
  margin: 0 0 1em 1em;
  border-style: none;
}
.pg-sub .p-content img.x-left {
  float: left;
  margin: 0 1em 1em 0;
  border-style: none;
}
.pg-sub .p-content img.x-width100 {
  width: 100%;
  height: auto;
}
.pg-sub .p-content img.x-width70 {
  width: 70%;
  height: auto;
}
.pg-sub .p-content img.x-width50 {
  width: 50%;
  height: auto;
}
.pg-sub .p-content img.x-width35 {
  width: 35%;
  height: auto;
}
.pg-sub .p-content img.x-right + p {
  padding-top: 0;
}
.pg-sub .p-content img.x-left + p {
  padding-top: 0;
}
html.pc .pg-sub .p-content, html.tab-l .pg-sub .p-content {
  width: 564px;
}
html.tab-p .pg-sub .p-content, html.smf .pg-sub .p-content {
  float: none;
  width: auto;
  margin: 0 10px 20px 10px;
  padding: 0;
  border-left: 0px none;
}
html.tab-p .pg-sub .p-content h2.x, html.smf .pg-sub .p-content h2.x {
  font-size: 2.4rem;
}
html.tab-p .pg-sub .p-content h3.x, html.smf .pg-sub .p-content h3.x {
  font-size: 1.7rem;
}
html.tab-p .pg-sub .p-content h4.x, html.smf .pg-sub .p-content h4.x {
  font-size: 1.4rem;
}
html.smf .pg-sub .p-content img.x-right {
  float: none;
  margin: 10px 0 0 0;
}
html.smf .pg-sub .p-content img.x-left {
  float: none;
  margin: 10px 0 0 0;
}
html.smf .pg-sub .p-content img.x-width100 {
  width: 100%;
  margin: 10px 0 0 0;
}
html.smf .pg-sub .p-content img.x-width70 {
  width: 100%;
  margin: 10px 0 0 0;
}
html.smf .pg-sub .p-content img.x-width50 {
  width: 100%;
  margin: 10px 0 0 0;
}
html.smf .pg-sub .p-content img.x-width35 {
  width: 100%;
  margin: 10px 0 0 0;
}
html.smf .pg-sub .p-content li.large {
  font-size: 1.3rem;
}
html.smf .pg-sub .p-content li.xlarge {
  font-size: 1.5rem;
}
html.smf .pg-sub .p-content li.xxlarge {
  font-size: 1.8rem;
}
.pg-sub .p-content table.x-char {
  position: relative;
  table-layout: auto;
  border-collapse: collapse;
  border-spacing: 0;
  width: auto;
  height: auto;
  margin: 15px 0 15px 5px;
}
.pg-sub .p-content table.x-char.x-wide {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 15px 0;
}
.pg-sub .p-content table.x-char tr {
  margin: 0;
  padding: 0;
}
.pg-sub .p-content table.x-char th, .pg-sub .p-content table.x-char td {
  border: 1px solid #ccc;
  margin: 0;
  padding: 10px;
  font-size: 1.25rem;
  line-height: 1.5em;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}
.pg-sub .p-content table.x-char th {
  font-weight: bold;
  background-color: #fff6f2;
}
.pg-sub .p-content table.x-char th > p:first-child, .pg-sub .p-content table.x-char td > p:first-child {
  padding-top: 0;
}
.pg-sub .p-content table.x-char .nowrap, .pg-sub .p-content table.x-char .x-nrp {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.pg-sub .p-content table.x-char .t-c {
  text-align: center;
}
.pg-sub .p-content table.x-char .t-r {
  text-align: right;
}
.pg-sub .p-content table.x-char .t-l {
  text-align: left;
}
html.tab-p .pg-sub .p-content table.x-char, html.smf .pg-sub .p-content table.x-char {
  display: block;
  margin: 10px 0 !important;
  padding: 0;
  overflow: hidden;
  margin: 15px 0 15px 10px;
}
html.tab-p .pg-sub .p-content table.x-char.x-hold th, html.tab-p .pg-sub .p-content table.x-char.x-hold td, html.smf .pg-sub .p-content table.x-char.x-hold th, html.smf .pg-sub .p-content table.x-char.x-hold td {
  font-size: 1.15rem;
}
html.tab-p .pg-sub .p-content table.x-char:not(.x-hold) tbody, html.tab-p .pg-sub .p-content table.x-char:not(.x-hold) tr, html.tab-p .pg-sub .p-content table.x-char:not(.x-hold) td, html.tab-p .pg-sub .p-content table.x-char:not(.x-hold) th, html.smf .pg-sub .p-content table.x-char:not(.x-hold) tbody, html.smf .pg-sub .p-content table.x-char:not(.x-hold) tr, html.smf .pg-sub .p-content table.x-char:not(.x-hold) td, html.smf .pg-sub .p-content table.x-char:not(.x-hold) th {
  display: block;
  position: relative;
  overflow: hidden;
}
html.tab-p .pg-sub .p-content table.x-char:not(.x-hold) th, html.tab-p .pg-sub .p-content table.x-char:not(.x-hold) td, html.smf .pg-sub .p-content table.x-char:not(.x-hold) th, html.smf .pg-sub .p-content table.x-char:not(.x-hold) td {
  border: 0px none;
  font-size: 1.3rem;
}
html.tab-p .pg-sub .p-content table.x-char:not(.x-hold) th, html.smf .pg-sub .p-content table.x-char:not(.x-hold) th {
  border-left: 2px solid #1f2c5e;
  padding: 0.2em 0 0.2em 0.5em;
  margin: 0.5em 0 0 0;
}
html.tab-p .pg-sub .p-content table.x-char:not(.x-hold) td, html.smf .pg-sub .p-content table.x-char:not(.x-hold) td {
  border-left: 2px solid #ddd;
  padding: 0.2em 0.2em 0.2em 1em;
  margin: 0.25em 0 0 0;
}
html.tab-p .pg-sub .p-content table.x-char:not(.x-hold) .nowrap, html.smf .pg-sub .p-content table.x-char:not(.x-hold) .nowrap {
  -o-text-overflow: clip;
     text-overflow: clip;
  white-space: normal;
}
.pg-sub .p-content ul.x-char {
  position: relative;
  list-style: disc none outside;
  margin: 20px 0 0 20px;
  padding: 0;
}
.pg-sub .p-content ul.x-char > li {
  overflow: visible;
  position: relative;
  margin: 10px 0 0 20px;
  padding: 0;
  font-size: 1.25rem;
  line-height: 1.5em;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}
.pg-sub .x-docgrid {
  position: relative;
  overflow: hidden;
  margin: 10px 0 0 0;
  padding: 0;
}
.pg-sub .x-docgrid > .x-docg {
  position: relative;
  overflow: hidden;
  padding: 0;
}
.pg-sub .x-docgrid > .x-docg img + p {
  margin-top: 0;
  padding-top: 0.25em;
}
.pg-sub .x-docgrid > .x-docg > p:first-child {
  margin-top: 0;
  padding-top: 0;
}
.pg-sub .x-docgrid > .x-docg > img:first-child {
  margin-top: 0;
}
.pg-sub .x-docgrid > .x-docg > div:first-child {
  margin-top: 0;
}
html.wide .pg-sub .x-docgrid.grid-2 > .x-docg:nth-child(odd), html.pc .pg-sub .x-docgrid.grid-2 > .x-docg:nth-child(odd), html.tab-l .pg-sub .x-docgrid.grid-2 > .x-docg:nth-child(odd), html.tab-p .pg-sub .x-docgrid.grid-2 > .x-docg:nth-child(odd) {
  width: 49%;
  height: auto;
  float: left;
  margin: 10px 0 0 0;
  clear: left;
}
html.wide .pg-sub .x-docgrid.grid-2 > .x-docg:nth-child(even), html.pc .pg-sub .x-docgrid.grid-2 > .x-docg:nth-child(even), html.tab-l .pg-sub .x-docgrid.grid-2 > .x-docg:nth-child(even), html.tab-p .pg-sub .x-docgrid.grid-2 > .x-docg:nth-child(even) {
  width: 49%;
  height: auto;
  float: right;
  margin: 10px 0 0 0;
}
html.wide .pg-sub .x-docgrid.grid-3 > .x-docg:nth-child(3n+1), html.pc .pg-sub .x-docgrid.grid-3 > .x-docg:nth-child(3n+1), html.tab-l .pg-sub .x-docgrid.grid-3 > .x-docg:nth-child(3n+1), html.tab-p .pg-sub .x-docgrid.grid-3 > .x-docg:nth-child(3n+1) {
  width: 32.5%;
  height: auto;
  float: left;
  margin: 5px 0 0 0;
  clear: left;
}
html.wide .pg-sub .x-docgrid.grid-3 > .x-docg:nth-child(3n+2), html.pc .pg-sub .x-docgrid.grid-3 > .x-docg:nth-child(3n+2), html.tab-l .pg-sub .x-docgrid.grid-3 > .x-docg:nth-child(3n+2), html.tab-p .pg-sub .x-docgrid.grid-3 > .x-docg:nth-child(3n+2) {
  width: 32.5%;
  height: auto;
  float: left;
  margin: 5px 1.25% 0 1.25%;
}
html.wide .pg-sub .x-docgrid.grid-3 > .x-docg:nth-child(3n), html.pc .pg-sub .x-docgrid.grid-3 > .x-docg:nth-child(3n), html.tab-l .pg-sub .x-docgrid.grid-3 > .x-docg:nth-child(3n), html.tab-p .pg-sub .x-docgrid.grid-3 > .x-docg:nth-child(3n) {
  width: 32.5%;
  height: auto;
  float: left;
  margin: 5px 0 0 0;
}
html.wide .pg-sub .x-docgrid.grid-4 > .x-docg:nth-child(4n+1), html.pc .pg-sub .x-docgrid.grid-4 > .x-docg:nth-child(4n+1), html.tab-l .pg-sub .x-docgrid.grid-4 > .x-docg:nth-child(4n+1), html.tab-p .pg-sub .x-docgrid.grid-4 > .x-docg:nth-child(4n+1) {
  width: 23%;
  height: auto;
  float: left;
  margin: 5px 0 0 0;
  clear: left;
}
html.wide .pg-sub .x-docgrid.grid-4 > .x-docg:nth-child(4n+2), html.pc .pg-sub .x-docgrid.grid-4 > .x-docg:nth-child(4n+2), html.tab-l .pg-sub .x-docgrid.grid-4 > .x-docg:nth-child(4n+2), html.tab-p .pg-sub .x-docgrid.grid-4 > .x-docg:nth-child(4n+2) {
  width: 23%;
  height: auto;
  float: left;
  margin: 5px 0 0 2.6%;
}
html.wide .pg-sub .x-docgrid.grid-4 > .x-docg:nth-child(4n+3), html.pc .pg-sub .x-docgrid.grid-4 > .x-docg:nth-child(4n+3), html.tab-l .pg-sub .x-docgrid.grid-4 > .x-docg:nth-child(4n+3), html.tab-p .pg-sub .x-docgrid.grid-4 > .x-docg:nth-child(4n+3) {
  width: 23%;
  height: auto;
  float: left;
  margin: 5px 2.6% 0 2.6%;
}
html.wide .pg-sub .x-docgrid.grid-4 > .x-docg:nth-child(4n), html.pc .pg-sub .x-docgrid.grid-4 > .x-docg:nth-child(4n), html.tab-l .pg-sub .x-docgrid.grid-4 > .x-docg:nth-child(4n), html.tab-p .pg-sub .x-docgrid.grid-4 > .x-docg:nth-child(4n) {
  width: 23%;
  height: auto;
  float: left;
  margin: 5px 0 0 0;
}
html.smf .pg-sub .x-docgrid.grid-2 > .x-docg {
  width: 100%;
  height: auto;
  margin: 10px 0 0 0;
}
html.smf .pg-sub .x-docgrid.grid-3 > .x-docg {
  width: 100%;
  height: auto;
  margin: 10px 0 0 0;
}
.pg-sub .p-cover {
  overflow: hidden;
  width: 100%;
  height: auto;
}
html.pc .pg-sub .p-cover, html.wide .pg-sub .p-cover, html.tab-l .pg-sub .p-cover {
  background-color: #1f2c5e;
}
.pg-sub .p-cover .x-frame {
  /* frame default */
  position: relative;
  overflow: hidden;
  background-color: #fdfdfd;
}
.pg-sub .p-cover .x-frame .layer {
  z-index: 1;
  position: absolute;
  display: block;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  -webkit-transition: opacity 0.6s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: opacity 0.6s cubic-bezier(0, 0, 0.02, 0.99);
  transition: opacity 0.6s cubic-bezier(0, 0, 0.02, 0.99);
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  pointer-events: auto;
}
.pg-sub .p-cover .x-frame .layer.x-active {
  z-index: 2;
  opacity: 1;
}
.pg-sub .p-cover .x-frame .layer img {
  width: 100%;
  height: auto;
}
.pg-sub .p-cover .x-frame .x-backbase-smf {
  display: none;
  width: 100%;
  height: auto;
}
.pg-sub .p-cover .x-frame .x-backbase-nosmf {
  display: block;
  width: 100%;
  height: auto;
}
html.wide .pg-sub .p-cover .x-frame {
  /* frame */
  width: 100%;
  max-width: 1100px;
  height: 320px;
  margin: 0 auto 1px auto;
}
html.wide .pg-sub .p-cover .x-frame .layer {
  background-size: cover;
}
html.pc .pg-sub .p-cover .x-frame, html.tab-l .pg-sub .p-cover .x-frame {
  /* frame */
  width: 100%;
  max-width: 850px;
  height: 347px;
  margin: 0 auto 1px auto;
}
html.pc .pg-sub .p-cover .x-frame .layer, html.tab-l .pg-sub .p-cover .x-frame .layer {
  background-size: cover;
}
html.tab-p .pg-sub .p-cover .x-frame {
  /* frame */
  width: 100%;
  max-width: 850px;
  height: auto;
}
html.tab-p .pg-sub .p-cover .x-frame .layer {
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border: 1px solid #ddd;
}
html.smf .pg-sub .p-cover .x-frame {
  /* frame */
  width: 100%;
  height: auto;
}
html.smf .pg-sub .p-cover .x-frame .x-backbase-nosmf {
  display: none;
}
html.smf .pg-sub .p-cover .x-frame .x-backbase-smf {
  display: block;
}
html.smf .pg-sub .p-cover .x-frame .layer {
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border: 1px solid #ddd;
}
.pg-sub .p-cover-sel {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 25px;
  margin: 5px 0;
}
.pg-sub .p-cover-sel table {
  position: relative;
  table-layout: auto;
  border-collapse: collapse;
  border-spacing: 0;
  width: auto;
  height: 25px;
  margin: 0 auto;
}
.pg-sub .p-cover-sel table td {
  display: block;
  position: relative;
  float: left;
  width: 25px;
  height: 25px;
  margin: 0;
  padding: 0;
  pointer-events: auto;
  cursor: pointer;
}
.pg-sub .p-cover-sel table td > div {
  display: block;
  position: relative;
  width: 25px;
  height: 25px;
  margin: 0;
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
  -webkit-transform: scale(0.25);
      -ms-transform: scale(0.25);
          transform: scale(0.25);
  width: 100px;
  height: 100px;
  background-color: transparent;
  background-image: url(/imgs/cmn/icns.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-position: -800px 0px;
}
.pg-sub .p-cover-sel table td.x-active > div {
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
  -webkit-transform: scale(0.25);
      -ms-transform: scale(0.25);
          transform: scale(0.25);
  width: 100px;
  height: 100px;
  background-color: transparent;
  background-image: url(/imgs/cmn/icns.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-position: -900px 0px;
}
.pg-sub .p-bnrs {
  position: relative;
  overflow: hidden;
}
.pg-sub .p-bnrs .x-bnr {
  position: relative;
  overflow: hidden;
  width: 242px;
  height: auto;
  margin: 0 0 15px 0;
}
.pg-sub .p-bnrs .x-bnr .x-img {
  width: 242px;
  height: 120px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: cover;
}
.pg-sub .p-bnrs .x-bnr .x-img img {
  width: 100%;
  height: auto;
}
.pg-sub .p-bnrs .x-bnr p {
  overflow: hidden;
  margin: 0;
  padding: 5px 0 0 0;
  height: auto;
  font-size: 1.2rem;
  line-height: 1.5rem;
}
html.wide .pg-sub .p-bnrs {
  float: left;
  width: 242px;
}
html.pc .pg-sub .p-bnrs, html.tab-l .pg-sub .p-bnrs {
  float: left;
  width: 242px;
}
html.tab-p .pg-sub .p-bnrs, html.smf .pg-sub .p-bnrs {
  width: 100%;
  margin: 20px 0 0 0;
}
html.tab-p .pg-sub .p-bnrs .x-bnr, html.smf .pg-sub .p-bnrs .x-bnr {
  position: relative;
  overflow: hidden;
  height: auto;
}
html.tab-p .pg-sub .p-bnrs .x-bnr .x-img, html.smf .pg-sub .p-bnrs .x-bnr .x-img {
  width: 100%;
  height: auto;
}
html.tab-p .pg-sub .p-bnrs .x-bnr .x-img img, html.smf .pg-sub .p-bnrs .x-bnr .x-img img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 600px) {
  html.tab-p .pg-sub .p-bnrs .x-bnr:nth-child(3n+1), html.smf .pg-sub .p-bnrs .x-bnr:nth-child(3n+1) {
    width: 32%;
    float: left;
    margin: 0 0 5px 0;
    clear: left;
  }
  html.tab-p .pg-sub .p-bnrs .x-bnr:nth-child(3n+2), html.smf .pg-sub .p-bnrs .x-bnr:nth-child(3n+2) {
    width: 32%;
    float: left;
    margin: 0 2%;
  }
  html.tab-p .pg-sub .p-bnrs .x-bnr:nth-child(3n), html.smf .pg-sub .p-bnrs .x-bnr:nth-child(3n) {
    width: 32%;
    float: left;
    margin: 0 0 5px 0;
  }
}
@media screen and (min-width: 415px) and (max-width: 599px) {
  html.tab-p .pg-sub .p-bnrs .x-bnr:nth-child(odd), html.smf .pg-sub .p-bnrs .x-bnr:nth-child(odd) {
    width: 49.5%;
    float: left;
    margin: 0 0 5px 0;
    clear: left;
  }
  html.tab-p .pg-sub .p-bnrs .x-bnr:nth-child(even), html.smf .pg-sub .p-bnrs .x-bnr:nth-child(even) {
    width: 49.5%;
    float: right;
    margin: 0 0 5px 0;
  }
}
@media screen and (min-width: 0px) and (max-width: 414px) {
  html.tab-p .pg-sub .p-bnrs .x-bnr, html.smf .pg-sub .p-bnrs .x-bnr {
    width: 100%;
    float: none;
    margin: 0 0 10px 0;
  }
}
.pg-sub .p-topics {
  position: relative;
  overflow: hidden;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* tab */
}
.pg-sub .p-topics .x-tab {
  position: relative;
  overflow: hidden;
  float: right;
  margin: 10px 25px 0 0;
}
.pg-sub .p-topics .x-tab > ul {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none none inside;
}
.pg-sub .p-topics .x-tab > ul > li {
  display: block;
  float: left;
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: 35px;
  background: transparent url(/imgs/top/tabbtm.png) repeat-x left top;
}
.pg-sub .p-topics .x-tab > ul > li p {
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  width: 100px;
  height: 32px;
  margin: 1px 3px 0px 3px;
  padding: 0;
  font-size: 1.3rem;
  text-align: center;
  line-height: 35px;
  background-color: #f7e9da;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: auto;
  cursor: pointer;
}
.pg-sub .p-topics .x-tab > ul > li.x-selected p {
  background-color: #fff;
  border-color: #ccc #ccc #fff #ccc;
}
.pg-sub .p-topics .x-title {
  float: left;
  font-size: 2rem;
  margin: 0;
  padding: 15px 0 0 25px;
}
.pg-sub .p-topics p.x-morelist {
  float: right;
  position: relative;
  overflow: hidden;
  height: 30px;
  margin: 15px 10px 0 0;
  padding: 0 0 0 30px;
  font-size: 1.2rem;
  line-height: 30px;
}
.pg-sub .p-topics p.x-morelist a:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
  -webkit-transform: scale(0.3);
      -ms-transform: scale(0.3);
          transform: scale(0.3);
  width: 100px;
  height: 100px;
  background-color: transparent;
  background-image: url(/imgs/cmn/icns.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-position: -1000px 0px;
}
html.wide .pg-sub .p-topics {
  float: right;
  width: 838px;
}
html.pc .pg-sub .p-topics, html.tab-l .pg-sub .p-topics {
  float: right;
  width: 588px;
  /* tab */
}
html.pc .pg-sub .p-topics .x-tab > ul > li p, html.tab-l .pg-sub .p-topics .x-tab > ul > li p {
  width: 80px;
  font-size: 1.2rem;
}
html.tab-p .pg-sub .p-topics, html.smf .pg-sub .p-topics {
  float: 100%;
  margin: 0;
  /* tab */
}
html.tab-p .pg-sub .p-topics .x-tab > ul > li p, html.smf .pg-sub .p-topics .x-tab > ul > li p {
  width: 80px;
  font-size: 1.2rem;
}
@media screen and (min-width: 415px) and (max-width: 599px) {
  html.tab-p .pg-sub .p-topics .x-title, html.smf .pg-sub .p-topics .x-title {
    display: none;
  }
  html.tab-p .pg-sub .p-topics p.x-morelist, html.smf .pg-sub .p-topics p.x-morelist {
    float: right;
    position: relative;
    overflow: hidden;
    height: 30px;
    margin: 15px 10px 0 0;
    padding: 0 0 0 30px;
    font-size: 1.2rem;
    line-height: 30px;
  }
}
@media screen and (min-width: 0px) and (max-width: 414px) {
  html.tab-p .pg-sub .p-topics, html.smf .pg-sub .p-topics {
    /* tab */
  }
  html.tab-p .pg-sub .p-topics .x-tab, html.smf .pg-sub .p-topics .x-tab {
    width: 100%;
    margin: 0;
  }
  html.tab-p .pg-sub .p-topics .x-tab > ul, html.smf .pg-sub .p-topics .x-tab > ul {
    width: 100%;
  }
  html.tab-p .pg-sub .p-topics .x-tab > ul > li, html.smf .pg-sub .p-topics .x-tab > ul > li {
    width: 33%;
  }
  html.tab-p .pg-sub .p-topics .x-tab > ul > li p, html.smf .pg-sub .p-topics .x-tab > ul > li p {
    width: auto;
  }
  html.tab-p .pg-sub .p-topics .x-title, html.smf .pg-sub .p-topics .x-title {
    width: 100%;
    font-size: 2rem;
    margin: 0;
    padding: 5px 0;
    text-align: center;
  }
  html.tab-p .pg-sub .p-topics p.x-morelist, html.smf .pg-sub .p-topics p.x-morelist {
    float: right;
    clear: both;
    margin: 5px 10px 5px 0;
  }
}

.pg-sub {
  /* h2 副題 */
  /* h3 副題 */
  /* 記事部分ブロック */
  /* 記事部分ブロック（ガイドラインなし） */
  /* マルチカラム */
  /* タブセット・メニュー（メイン） */
  /* タブセット・メニュー（タブ並列数） */
  /* 4 columns ------------------------------------ */
  /* 5 columns ------------------------------------ */
}
.pg-sub h1 {
  display: inline-block;
  font-size: 3rem;
  color: #cacddb;
  margin: 0;
  padding: 0.5em 0;
  border-bottom: 2px solid #ddd;
}
.pg-sub h2 {
  font-size: 3rem;
  font-weight: normal;
  margin: 0;
  padding: 0.4em 10px 0 10px;
}
.pg-sub h3 {
  font-size: 2rem;
  font-weight: normal;
  margin: 0;
  padding: 0.4em 10px 0 10px;
}
.pg-sub h4 {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0;
  padding: 0.4em 0 0 0;
}
.pg-sub p.x-subhead {
  font-size: 2rem;
  color: #999;
  margin: 0;
  padding: 0.2em 0 0 10px;
}
.pg-sub h3 + p.x-subhead {
  font-size: 1.6rem;
  color: #999;
  margin: 0;
  padding: 0 0 0 10px;
}
html.smf .pg-sub h1 {
  font-size: 2.5rem;
}
html.smf .pg-sub h2 {
  font-size: 2.2rem;
}
html.smf .pg-sub h3 {
  font-size: 1.7rem;
}
html.smf .pg-sub h4 {
  font-size: 1.4rem;
}
html.smf .pg-sub p.x-subhead {
  font-size: 1.6rem;
}
.pg-sub .p-block {
  position: relative;
  overflow: hidden;
  width: auto;
  height: auto;
  margin: 10px 0 25px 12px;
  padding: 15px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-left: 1px solid #ddd;
}
.pg-sub .p-block > p:first-child {
  padding-top: 0.2em;
}
.pg-sub .p-block-noborder {
  position: relative;
  overflow: hidden;
  width: auto;
  height: auto;
  margin: 10px 20px 10px 20px;
  padding: 0;
}
.pg-sub .p-column {
  -moz-column-gap: 2em;
  -webkit-column-gap: 2em;
  column-gap: 2em;
  -moz-column-rule: dotted 1px #ddd;
  -webkit-column-rule: dotted 1px #ddd;
  column-rule: dotted 1px #ddd;
}
.pg-sub .p-column p {
  padding: 0 0 0.7em 0;
}
.pg-sub .p-column.col2 {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}
.pg-sub .p-column.col3 {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
}
html.smf .pg-sub .p-column.col2 {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
}

html.tab-p .pg-sub .p-column.col3 {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}

html.smf .pg-sub .p-column.col3 {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
}

.pg-sub .p-tabset {
  display: block;
  overflow: hidden;
  position: relative;
  width: auto;
  list-style: none none inside;
  padding: 0 0 0 2px;
  margin: 10px auto 20px auto;
}
.pg-sub .p-tabset > li {
  position: relative;
  display: block;
  overflow: visible;
  width: auto;
  height: auto;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 2px 2px 0 2px;
  padding: 0;
  border-width: 1px;
  border-style: dotted dotted solid dotted;
  border-color: #ccc #ccc #aaa #ccc;
}
.pg-sub .p-tabset > li:after {
  content: " ";
  display: block;
  position: absolute;
  top: auto;
  left: auto;
  right: -5px;
  bottom: -1px;
  margin: 0;
  width: 4px;
  height: 1px;
  border-bottom: 1px solid #ccc;
}
.pg-sub .p-tabset > li:first-child:before {
  content: " ";
  display: block;
  position: absolute;
  top: auto;
  left: -5px;
  right: auto;
  bottom: -1px;
  margin: 0;
  width: 4px;
  height: 1px;
  border-bottom: 1px solid #ccc;
}
.pg-sub .p-tabset > li.x-selected {
  border-width: 2px 1px 1px 1px;
  border-style: solid;
  border-color: #5666a6 #ccc transparent #ccc;
}
.pg-sub .p-tabset > li.x-selected:after {
  bottom: 0px;
}
.pg-sub .p-tabset > li.x-selected:first-child:before {
  bottom: 0px;
}
.pg-sub .p-tabset > li a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 1.5rem;
  margin: 0;
  padding: 15px 0;
}
html.wide .pg-sub .p-tabset.x-col-4, html.pc .pg-sub .p-tabset.x-col-4, html.tab-l .pg-sub .p-tabset.x-col-4 {
  width: 620px;
  margin: 10px auto 20px auto;
}
html.wide .pg-sub .p-tabset.x-col-4 > li, html.pc .pg-sub .p-tabset.x-col-4 > li, html.tab-l .pg-sub .p-tabset.x-col-4 > li {
  width: 150px;
}
html.tab-p .pg-sub .p-tabset.x-col-4 {
  width: 500px;
  margin: 20px auto;
}
html.tab-p .pg-sub .p-tabset.x-col-4 > li {
  width: 120px;
}
html.tab-p .pg-sub .p-tabset.x-col-4 > li a {
  font-size: 1.3rem;
}
@media screen and (min-width: 0px) and (max-width: 550px) {
  html.tab-p .pg-sub .p-tabset.x-col-4 {
    width: 380px;
    margin: 20px auto;
  }
  html.tab-p .pg-sub .p-tabset.x-col-4 > li {
    width: 90px;
  }
}
html.smf .pg-sub .p-tabset.x-col-4 {
  width: 266px;
  margin: 20px auto;
}
html.smf .pg-sub .p-tabset.x-col-4 > li {
  width: 125px;
  border: 1px #ccc dotted;
  margin: 4px;
  border-radius: 3px;
}
html.smf .pg-sub .p-tabset.x-col-4 > li a {
  font-size: 1.3rem;
}
html.smf .pg-sub .p-tabset.x-col-4 > li:after {
  display: none;
}
html.smf .pg-sub .p-tabset.x-col-4 > li:first-child:before {
  display: none;
}
html.smf .pg-sub .p-tabset.x-col-4 > li:nth-child(odd) {
  clear: left;
}
html.smf .pg-sub .p-tabset.x-col-4 > li.x-selected {
  border: 1px #5666a6 solid;
  background-color: #5666a6;
}
html.smf .pg-sub .p-tabset.x-col-4 > li.x-selected a {
  color: #fdfdfd;
}
html.smf .pg-sub .p-tabset.x-col-4 > li.x-selected:after {
  bottom: 0px;
}
html.smf .pg-sub .p-tabset.x-col-4 > li.x-selected:first-child:before {
  bottom: 0px;
}
html.wide .pg-sub .p-tabset.x-col-5, html.pc .pg-sub .p-tabset.x-col-5, html.tab-l .pg-sub .p-tabset.x-col-5 {
  width: 774px;
  margin: 10px auto 20px auto;
}
html.wide .pg-sub .p-tabset.x-col-5 > li, html.pc .pg-sub .p-tabset.x-col-5 > li, html.tab-l .pg-sub .p-tabset.x-col-5 > li {
  width: 150px;
}
html.tab-p .pg-sub .p-tabset.x-col-5 {
  width: 624px;
  margin: 20px auto;
}
html.tab-p .pg-sub .p-tabset.x-col-5 > li {
  width: 120px;
}
html.tab-p .pg-sub .p-tabset.x-col-5 > li a {
  font-size: 1.3rem;
}
@media screen and (min-width: 0px) and (max-width: 550px) {
  html.tab-p .pg-sub .p-tabset.x-col-5 {
    width: 474px;
    margin: 20px auto;
  }
  html.tab-p .pg-sub .p-tabset.x-col-5 > li {
    width: 90px;
  }
}
html.smf .pg-sub .p-tabset.x-col-5 {
  width: 266px;
  margin: 20px auto;
}
html.smf .pg-sub .p-tabset.x-col-5 > li {
  width: 125px;
  border: 1px #ccc dotted;
  margin: 4px;
  border-radius: 3px;
}
html.smf .pg-sub .p-tabset.x-col-5 > li a {
  font-size: 1.3rem;
}
html.smf .pg-sub .p-tabset.x-col-5 > li:after {
  display: none;
}
html.smf .pg-sub .p-tabset.x-col-5 > li:first-child:before {
  display: none;
}
html.smf .pg-sub .p-tabset.x-col-5 > li:nth-child(odd) {
  clear: left;
}
html.smf .pg-sub .p-tabset.x-col-5 > li.x-selected {
  border: 1px #5666a6 solid;
  background-color: #5666a6;
}
html.smf .pg-sub .p-tabset.x-col-5 > li.x-selected a {
  color: #fdfdfd;
}
html.smf .pg-sub .p-tabset.x-col-5 > li.x-selected:after {
  bottom: 0px;
}
html.smf .pg-sub .p-tabset.x-col-5 > li.x-selected:first-child:before {
  bottom: 0px;
}

.pg-archive .p-date {
  padding-right: 10px;
  text-align: right;
}
.pg-archive .p-doc {
  position: relative;
  overflow: hidden;
  margin: 20px 10px;
  padding-left: 20px;
  border-left: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pg-archive .p-doc .x-comment {
  position: relative;
  overflow: hidden;
  margin: 25px 0 0 0;
  clear: both;
  font-size: 1.33rem;
  line-height: 1.6em;
  color: #555;
}
.pg-archive .p-doc .x-comment:first-child {
  margin-top: 0;
}
.pg-archive .p-doc .x-imgset {
  position: relative;
  overflow: hidden;
  text-align: center;
  margin: 15px 0 0 0;
  clear: both;
}
.pg-archive .p-doc .x-imgset a {
  border: 0;
}
.pg-archive .p-doc .x-imgset .x-img {
  max-width: 90%;
  width: auto;
  height: auto;
  border: 1px solid #ddd;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pg-archive .p-doc .x-imgset .x-img.x-any-img.x-i2 {
  max-width: 46%;
  margin: 2%;
}
.pg-archive .p-doc .x-imgset .x-img.x-any-img.x-i3 {
  max-width: 28%;
  margin: 2%;
}
.pg-archive .p-doc .x-imgset .x-img.x-any-img.x-i4 {
  max-width: 23%;
  margin: 1%;
}
.pg-archive .p-doc .x-imgset .x-img.x-any-img.x-i5 {
  max-width: 23%;
  margin: 1%;
}
html.tab-p .pg-archive .p-doc .x-imgset .x-img.x-any-img.x-i3 {
  max-width: 46%;
  margin: 2%;
}
html.tab-p .pg-archive .p-doc .x-imgset .x-img.x-any-img.x-i4 {
  max-width: 46%;
  margin: 2%;
}
html.tab-p .pg-archive .p-doc .x-imgset .x-img.x-any-img.x-i5 {
  max-width: 46%;
  margin: 2%;
}
html.smf .pg-archive .p-doc .x-imgset .x-img.x-any-img.x-i2 {
  max-width: 98%;
  margin: 0 auto 10px auto;
}
html.smf .pg-archive .p-doc .x-imgset .x-img.x-any-img.x-i3 {
  max-width: 98%;
  margin: 0 auto 10px auto;
}
html.smf .pg-archive .p-doc .x-imgset .x-img.x-any-img.x-i4 {
  max-width: 98%;
  margin: 0 auto 10px auto;
}
html.smf .pg-archive .p-doc .x-imgset .x-img.x-any-img.x-i5 {
  max-width: 98%;
  margin: 0 auto 10px auto;
}

/* _page_top.scss */
.pg-top {
  /* IE10, IE11 only PNG */
}
.pg-top .p-top-content {
  height: auto;
  overflow: hidden;
  padding: 0;
}
html.wide .pg-top .p-top-content {
  width: 1100px;
  margin: 20px auto 0 auto;
}
html.pc .pg-top .p-top-content {
  width: 850px;
  margin: 20px auto 0 auto;
}
html.tab-l .pg-top .p-top-content {
  width: 850px;
  margin: 20px auto 0 auto;
}
html.tab-p .pg-top .p-top-content {
  width: auto;
  margin: 15px 5px 0 5px;
}
html.smf .pg-top .p-top-content {
  width: auto;
  margin: 0 5px;
}
.pg-top .p-cover {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  height: 350px;
}
.pg-top .p-cover .x-vr-cover {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background-color: #555;
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  pointer-events: none;
  -moz-pointer-events: none;
  -khtml-pointer-events: none;
  -webkit-pointer-events: none;
}
.pg-top .p-cover .x-vr-cover iframe {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border-style: none;
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  pointer-events: none;
  -moz-pointer-events: none;
  -khtml-pointer-events: none;
  -webkit-pointer-events: none;
}
.pg-top .p-cover .x-overlay {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pg-top .p-cover .x-overlay .x-picbase {
  position: relative;
  width: auto;
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background: transparent url(/imgs/top/cover_logo.svg) no-repeat left center;
  background-size: contain;
}
.pg-top .p-cover .x-overlay .x-picbase p {
  position: absolute;
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 15px;
  line-height: 1.2em;
}
.pg-top .p-cover .x-overlay .x-picbase p a {
  font-size: 1.3rem;
  color: #fdfdfd;
  text-shadow: 0 1px 3px #000;
}
.pg-top .p-cover .x-overlay .x-picbase audio {
  display: none;
  pointer-events: none;
  position: absolute;
  top: auto;
  left: auto;
  right: 0;
  bottom: 30px;
  margin: 0;
}
.pg-top .p-cover .x-overlay .x-picbase .x-audio-tgl {
  position: absolute;
  top: auto;
  left: auto;
  right: 5px;
  bottom: 40px;
  width: 25px;
  height: 25px;
  margin: 0;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  cursor: pointer;
}
.pg-top .p-cover .x-overlay .x-picbase .x-audio-tgl.h {
  background-color: #fff;
}
.pg-top .p-cover .x-overlay .x-picbase .x-audio-tgl:not(.playing):before {
  content: "▶";
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  pointer-events: none;
  text-align: center;
  font-size: 1.5rem;
  color: #5865a4;
  margin: 0;
  padding: 0;
}
.pg-top .p-cover .x-overlay .x-picbase .x-audio-tgl.playing:before {
  content: "■";
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  pointer-events: none;
  text-align: center;
  font-size: 1.5rem;
  color: #5865a4;
  margin: 0;
  padding: 0;
}
.pg-top .p-cover .x-overlay .x-picbase .x-overimage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background-color: transparent;
  background-image: url(/imgs/top/cover_logo_67.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
}
html.tab-p .pg-top .p-cover {
  height: 280px;
}
html.smf .pg-top .p-cover {
  height: 200px;
}
html.smf .pg-top .p-cover .x-overlay p a {
  font-size: 1rem;
}
@media all and (-ms-high-contrast: none) {
  .pg-top .p-cover .x-overlay .x-picbase {
    background-image: url(/imgs/top/cover_logo.png);
  }
  .pg-top .p-cover .x-overlay .x-picbase .x-overimage {
    background-image: url(/imgs/top/cover_logo_67.png);
  }
}
html.wide .pg-top .p-cover .x-picbase {
  width: 1100px;
  margin: 0 auto;
}
html.pc .pg-top .p-cover .x-picbase {
  width: 850px;
  margin: 0 auto;
}
html.tab-l .pg-top .p-cover .x-picbase {
  width: 850px;
  margin: 0 auto;
}
html.tab-p .pg-top .p-cover .x-picbase {
  width: auto;
  margin: 0 auto;
}
html.smf .pg-top .p-cover .x-picbase {
  width: auto;
  margin: 0 auto;
}
.pg-top .p-centerg {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
}
.pg-top .p-centerg .x-gr {
  position: relative;
  overflow: hidden;
  width: 33%;
  float: left;
  height: auto;
  min-height: 300px;
  margin: 0;
}
.pg-top .p-centerg .x-gr .x-img {
  width: 100%;
  height: auto;
  margin: 10px 0 5px 0;
  border: 5px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pg-top .p-centerg .x-gr p {
  padding-top: 0.25em;
  color: #555;
}
.pg-top .p-centerg .x-gr p.large {
  padding-top: 0;
  color: #1f2c5e;
}
.pg-top .p-centerg .x-gr:nth-child(3n+1) {
  width: 32%;
  margin: 0;
  clear: left;
}
.pg-top .p-centerg .x-gr:nth-child(3n+2) {
  width: 32%;
  margin: 0 2% 0 2%;
}
.pg-top .p-centerg .x-gr:nth-child(3n) {
  width: 32%;
  margin: 0;
}
html.pc .pg-top .p-centerg, html.tab-p .pg-top .p-centerg {
  width: auto;
  margin: 0 10px;
}
html.smf .pg-top .p-centerg {
  width: auto;
  margin: 10px 15px 0 15px;
}
html.smf .pg-top .p-centerg .x-gr {
  float: none;
  width: auto;
  min-height: 0;
  margin: 10px 0 0 0;
  clear: both;
}
html.smf .pg-top .p-centerg .x-gr .x-img {
  float: left;
  width: 50%;
  height: auto;
  margin: 5px 10px 0 0;
}
.pg-top .p-topics {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  border-top: 1px dotted #ddd;
  margin: 30px 0 15px 0;
  padding: 30px 0 0 0;
}
.pg-top .p-topics .p-topics > div {
  position: relative;
  overflow: hidden;
  margin: 0;
}
.pg-top .p-topics .x-bnrs {
  float: left;
  width: 190px;
  height: auto;
  margin: 0;
}
.pg-top .p-topics .x-bnrs .x-bnr {
  margin: 0 0 10px 0;
  border-style: none;
}
.pg-top .p-topics .x-news {
  position: relative;
  overflow: hidden;
  float: left;
  width: 375px;
  height: auto;
  margin: 0 0 15px 30px;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px dotted #ddd;
}
.pg-top .p-topics .x-news > p:first-child {
  position: relative;
  overflow: hidden;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0 0 0 40px;
  color: #333;
}
.pg-top .p-topics .x-news > p:first-child:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 33px;
  height: 30px;
  margin: 1px 3px 0 0;
  background: transparent url(/imgs/top/icn_news@2x.png) no-repeat;
  background-size: 33px 30px;
}
.pg-top .p-topics .x-prss {
  position: relative;
  overflow: hidden;
  float: right;
  width: 490px;
  height: auto;
  margin: 0 0 15px 0;
  padding: 0;
}
.pg-top .p-topics .x-prss > p:first-child {
  position: relative;
  overflow: hidden;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0 0 0 40px;
  color: #333;
}
.pg-top .p-topics .x-prss > p:first-child:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 33px;
  height: 30px;
  margin: 1px 3px 0 0;
  background: transparent url(/imgs/top/icn_press@2x.png) no-repeat;
  background-size: 33px 30px;
}
html.pc .pg-top .p-topics .x-news {
  width: 300px;
}
html.pc .pg-top .p-topics .x-prss {
  width: 315px;
}
html.tab-l .pg-top .p-topics .x-news {
  width: 300px;
}
html.tab-l .pg-top .p-topics .x-prss {
  width: 315px;
}
html.tab-p .pg-top .p-topics .x-bnrs {
  width: 100%;
  float: none;
  padding-bottom: 15px;
  text-align: center;
}
html.tab-p .pg-top .p-topics .x-bnrs .x-bnr {
  width: auto;
  max-width: 40%;
  height: auto;
  margin: 0 10px 10px 0;
}
html.tab-p .pg-top .p-topics .x-news {
  width: 48%;
  margin: 0 0 15px 0;
  padding-left: 1%;
  padding-right: 1%;
  clear: both;
}
html.tab-p .pg-top .p-topics .x-prss {
  width: 48%;
  margin: 0 0 15px 0;
  padding-left: 1%;
  padding-right: 1%;
}
html.smf .pg-top .p-topics .x-bnrs {
  width: 100%;
  float: none;
  padding-bottom: 15px;
  text-align: center;
}
html.smf .pg-top .p-topics .x-bnrs .x-bnr {
  width: auto;
  max-width: 45%;
  height: auto;
  margin: 0 10px 10px 0;
}
html.smf .pg-top .p-topics .x-news {
  width: 98%;
  padding: 0 1%;
  margin: 15px 0 15px 0;
  border: 0;
}
html.smf .pg-top .p-topics .x-prss {
  width: 98%;
  padding: 0 1%;
  margin: 15px 0 15px 0;
}
.pg-top ul.x-topiclist-news {
  overflow: hidden;
  position: relative;
  list-style: none none inside;
  margin: 0;
  padding: 10px 0 0 0;
}
.pg-top ul.x-topiclist-news li {
  overflow: hidden;
  position: relative;
  margin: 0 0 12px 0;
  padding: 0;
}
.pg-top ul.x-topiclist-news li > p {
  overflow: hidden;
  font-size: 1.3rem;
  line-height: 1.33em;
  color: #222;
  padding: 0px 5px 0px 0px;
  margin: 0px 0px 0px 60px;
}
.pg-top ul.x-topiclist-news li > p:first-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  margin: 0;
  padding: 0;
}
.pg-top ul.x-topiclist-news li > p.x-hasimage img {
  float: right;
  margin: 0 0 3px 6px;
  border: 1px solid #ddd;
}
.pg-top ul.x-topiclist-news li.cat-0 > p:not(.en) {
  border-left: 2px solid #cc3bb4;
  padding-left: 6px;
}
.pg-top ul.x-topiclist-news li.cat-1 > p:not(.en) {
  border-left: 2px solid #3b86cc;
  padding-left: 6px;
}
.pg-top ul.x-topiclist-news li.cat-2 > p:not(.en) {
  border-left: 2px solid #cc8d3b;
  padding-left: 6px;
}
.pg-top ul.x-topiclist-news li.cat-3 > p:not(.en) {
  border-left: 2px solid #76a63f;
  padding-left: 6px;
}
.pg-top ul.x-topiclist-news li.x-new > p:not(:first-child):before {
  content: "";
  display: block;
  float: left;
  width: 33px;
  height: 12px;
  margin: 2px 3px 0 0;
  background: transparent url(/imgs/top/icn_new@2x.png) no-repeat;
  background-size: 33px 12px;
}
.pg-top ul.x-topiclist {
  overflow: hidden;
  position: relative;
  list-style: none none inside;
  margin: 0;
  padding: 10px 0 0 0;
}
.pg-top ul.x-topiclist li {
  overflow: hidden;
  position: relative;
  margin: 0 0 12px 0;
  padding: 0;
}
.pg-top ul.x-topiclist li p {
  overflow: hidden;
  font-size: 1.3rem;
  line-height: 1.33em;
  color: #222;
  padding: 0px 5px 0px 0px;
  margin: 0px 0px 0px 60px;
}
.pg-top ul.x-topiclist li p.x-d {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  margin: 0;
  padding: 0;
}
.pg-top ul.x-topiclist li p.x-hasimage img {
  float: right;
  margin: 0 0 3px 6px;
  border: 1px solid #ddd;
}
.pg-top ul.x-topiclist li a > .x-c {
  color: #2a48d1;
}
.pg-top ul.x-topiclist li.cat-av p:not(.en) {
  border-left: 3px solid #cc3bb4;
  padding-left: 6px;
}
.pg-top ul.x-topiclist li.cat-network p:not(.en) {
  border-left: 3px solid #3b86cc;
  padding-left: 6px;
}
.pg-top ul.x-topiclist li.cat-electro p:not(.en) {
  border-left: 3px solid #cc8d3b;
  padding-left: 6px;
}
.pg-top ul.x-topiclist li.cat-itsys p:not(.en) {
  border-left: 3px solid #76a63f;
  padding-left: 6px;
}
.pg-top ul.x-topiclist li.x-new p.x-c:before {
  content: "";
  display: block;
  float: left;
  width: 33px;
  height: 12px;
  margin: 2px 3px 0 0;
  background: transparent url(/imgs/top/icn_new@2x.png) no-repeat;
  background-size: 33px 12px;
}
.pg-top .x-pastlink {
  overflow: hidden;
  position: relative;
  text-align: right;
  padding: 5px 10px 5px 0;
}
.pg-top .x-pastlink a {
  display: inline-block;
  background: #607294;
  color: #fdfdfd;
  padding: 4px 5px;
  font-size: 1.1rem;
  line-height: 1em;
  border-radius: 2px;
}
.pg-top .x-pastlink a.h {
  background-color: #5a80c7;
}
html.smf .pg-top .x-pastlink {
  padding-right: 0;
  text-align: left;
}
.pg-top .x-supset {
  overflow: hidden;
  position: relative;
  text-align: right;
}
.pg-top .x-supset .x-sup {
  display: inline-block;
  background: #888;
  color: #fdfdfd;
  padding: 3px 4px;
  font-size: 1.2rem;
  line-height: 1em;
  border-radius: 2px;
}
.pg-top .x-supset .x-sup.x-sup-0 {
  background-color: #cc3bb4;
}
.pg-top .x-supset .x-sup.x-sup-0.h {
  background-color: #F035D1;
}
.pg-top .x-supset .x-sup.x-sup-1 {
  background-color: #3b86cc;
}
.pg-top .x-supset .x-sup.x-sup-1.h {
  background-color: #3095f2;
}
.pg-top .x-supset .x-sup.x-sup-2 {
  background-color: #cc8d3b;
}
.pg-top .x-supset .x-sup.x-sup-2.h {
  background-color: #ed9e37;
}
.pg-top .x-supset .x-sup.x-sup-3 {
  background-color: #76a63f;
}
.pg-top .x-supset .x-sup.x-sup-3.h {
  background-color: #90de37;
}

/* _page_top.scss */
.pg-works ul.p-works {
  overflow: hidden;
  position: relative;
  list-style: none none inside;
  margin: 0;
  padding: 10px 0 0 0;
}
.pg-works ul.p-works li {
  overflow: hidden;
  position: relative;
  float: left;
  margin: 0 0 12px 0;
  padding: 0;
  width: 20%;
  height: auto;
}
.pg-works ul.p-works li div.x-box {
  overflow: hidden;
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  margin: 5px;
  padding: 0;
  height: 200px;
  border-top: 2px solid #4557ad;
}
.pg-works ul.p-works li div.x-box .x-backimg {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 130px;
  background-color: #222;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.pg-works ul.p-works li div.x-box .x-backimg.x-new:before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  right: auto;
  bottom: auto;
  width: 33px;
  height: 12px;
  margin: 0;
  background: transparent url(/imgs/top/icn_new@2x.png) no-repeat;
  background-size: 33px 12px;
}
.pg-works ul.p-works li div.x-box p.x-d {
  font-size: 1.1rem;
  line-height: 1em;
  color: #fff;
  padding: 4px 6px;
  position: absolute;
  z-index: 1;
  top: 8px;
  left: auto;
  right: 8px;
  bottom: auto;
  background: rgba(0, 0, 0, 0.8);
  color: #fdfdfd;
  border-radius: 3px;
  pointer-events: none;
}
.pg-works ul.p-works li div.x-box p.x-m {
  font-size: 1.2rem;
  line-height: 1em;
  color: #fff;
  padding: 4px 6px;
  position: absolute;
  z-index: 1;
  top: 102px;
  left: 8px;
  right: auto;
  bottom: auto;
  background: rgba(255, 115, 0, 0.8);
  color: #fdfdfd;
  border-radius: 3px;
  pointer-events: none;
}
.pg-works ul.p-works li div.x-box p.x-t {
  font-size: 1.2rem;
  line-height: 1.4em;
  color: #333;
  padding: 10px;
  position: absolute;
  z-index: 2;
  top: 130px;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
}
.pg-works ul.p-works li > a div.x-box {
  border-top: 2px solid #0f3ed9;
}
.pg-works ul.p-works li > a.h div.x-box {
  border-top: 2px solid #ff7300;
}
.pg-works ul.p-works li > p {
  overflow: hidden;
  font-size: 1.3rem;
  line-height: 1.33em;
  color: #222;
  padding: 0px 5px 0px 0px;
  margin: 0px 0px 0px 60px;
}
.pg-works ul.p-works li > p:first-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  margin: 0;
  padding: 0;
}
.pg-works ul.p-works li.x-new > p:not(:first-child):before {
  content: "";
  display: block;
  float: left;
  width: 33px;
  height: 12px;
  margin: 2px 3px 0 0;
  background: transparent url(/imgs/top/icn_new@2x.png) no-repeat;
  background-size: 33px 12px;
}
html.pc .pg-works ul.p-works li div.x-box {
  height: 180px;
}
html.pc .pg-works ul.p-works li div.x-box .x-backimg {
  height: 100px;
}
html.pc .pg-works ul.p-works li div.x-box p.x-t {
  top: 100px;
}
html.tab-l .pg-works ul.p-works li div.x-box {
  height: 180px;
}
html.tab-l .pg-works ul.p-works li div.x-box .x-backimg {
  height: 100px;
}
html.tab-l .pg-works ul.p-works li div.x-box p.x-t {
  font-size: 1.1rem;
  top: 100px;
}
html.tab-p .pg-works ul.p-works li {
  width: 33%;
}
html.tab-p .pg-works ul.p-works li div.x-box {
  height: 210px;
}
html.tab-p .pg-works ul.p-works li div.x-box .x-backimg {
  height: 130px;
}
html.tab-p .pg-works ul.p-works li div.x-box p.x-t {
  font-size: 1.2rem;
  top: 130px;
}
html.smf .pg-works ul.p-works li {
  width: 50%;
}
html.smf .pg-works ul.p-works li div.x-box {
  height: 210px;
}
html.smf .pg-works ul.p-works li div.x-box .x-backimg {
  height: 130px;
}
html.smf .pg-works ul.p-works li div.x-box p.x-t {
  font-size: 1.2rem;
  top: 130px;
}

/* _page_top.scss */
.pg-connections ul.p-cons {
  display: block;
  overflow: hidden;
  position: relative;
  margin: 30px 0 0 2%;
  width: 46%;
  float: left;
  list-style: none none inside;
  padding: 0;
}
.pg-connections ul.p-cons > li {
  position: relative;
  display: block;
  overflow: hidden;
  width: auto;
  height: auto;
  border-left: 2px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0 5px 0;
  padding: 0 0 0 15px;
}
.pg-connections ul.p-cons > li a {
  font-size: 1.33rem;
  line-height: 1em;
  color: #222;
  display: inline-block;
  padding: 4px 5px;
  margin: 0 0 3px 0;
  border-radius: 3px;
}
.pg-connections ul.p-cons > li a.h {
  background-color: #eee;
}
.pg-connections ul.p-cons > li a:link {
  color: #222;
  text-decoration: none;
}
.pg-connections ul.p-cons > li a:visited {
  color: #222;
  text-decoration: none;
}
.pg-connections ul.p-cons > li a:hover {
  color: #222;
  text-decoration: none;
}
html.smf .pg-connections ul.p-cons {
  float: none;
  margin: 15px;
  width: auto;
}

/* _page_company.scss */
.pg-company {
  /* 概要 */
  /* profile Table */
  /* office */
  /* Qualified person */
}
.pg-company .p-sign-img {
  float: left;
  width: 200px;
  height: auto;
  margin: 0 25px 25px 0;
}
html.tab-p .pg-company .p-sign-img {
  width: 150px;
}
html.smf .pg-company .p-sign-img {
  float: none;
  width: 100%;
  height: auto;
  margin: 0;
}
.pg-company .p-sign-logo {
  clear: both;
  float: right;
  width: 150px;
  height: auto;
  margin: 10px 0 0 0;
}
.pg-company .p-sign-pos {
  clear: both;
  text-align: right;
}
.pg-company .p-sign {
  clear: both;
  text-align: right;
  font-size: 1.6rem;
}
.pg-company .p-logo-aniv {
  float: right;
  width: 120px;
  height: 120px;
  margin: 0 0 15px 15px;
}
html.smf .pg-company .p-logo-aniv {
  margin: 15px 0 5px 10px;
}

.pg-company .p-philosophy {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 100px;
  text-align: center;
}
.pg-company .p-philosophy p.x-cap {
  color: #c7cff2;
  margin-top: 20px;
  font-size: 2rem;
}
.pg-company .p-philosophy p.x-mot {
  color: #f0f0f0;
  text-align: left;
  font-size: 1.4rem;
  width: 60%;
  margin: 0 auto 35px auto;
}
.pg-company .p-philosophy img {
  width: 100%;
  max-width: 256px;
  height: auto;
  margin: 25px auto 0 auto;
}
html.tab-p .pg-company .p-philosophy p.x-mot {
  width: 75%;
}
html.smf .pg-company .p-philosophy p.x-cap {
  font-size: 1.5rem;
}
html.smf .pg-company .p-philosophy p.x-mot {
  width: 85%;
  font-size: 1.2rem;
}
.pg-company .x-prof-l {
  float: left;
  width: 30%;
  height: auto;
  margin: 0;
  position: relative;
  overflow: hidden;
}
.pg-company .x-prof-c {
  float: left;
  width: 35%;
  height: auto;
  margin: 0 2% 0 5%;
  position: relative;
  overflow: hidden;
}
.pg-company .x-prof-r {
  float: right;
  width: 28%;
  height: auto;
  margin: 0;
  position: relative;
  overflow: hidden;
}
html.pc .pg-company .x-prof-l {
  width: 40%;
}
html.pc .pg-company .x-prof-c {
  float: right;
  width: 40%;
  margin: 0;
}
html.pc .pg-company .x-prof-r {
  float: right;
  width: 40%;
  margin: 0;
  clear: both;
}
html.tab-l .pg-company .x-prof-l {
  width: 40%;
}
html.tab-l .pg-company .x-prof-c {
  float: right;
  width: 40%;
  margin: 0;
}
html.tab-l .pg-company .x-prof-r {
  float: right;
  width: 40%;
  margin: 0;
  clear: both;
}
html.tab-p .pg-company .x-prof-l {
  width: 40%;
}
html.tab-p .pg-company .x-prof-c {
  float: right;
  width: 55%;
  margin: 0;
}
html.tab-p .pg-company .x-prof-r {
  float: right;
  width: 55%;
  margin: 0;
  clear: both;
}
@media screen and (min-width: 0px) and (max-width: 600px) {
  html.tab-p .pg-company .x-prof-l {
    width: 80%;
    margin: 0 auto 20px auto;
    float: none;
  }
  html.tab-p .pg-company .x-prof-c {
    float: none;
    width: auto;
    margin: 0;
  }
  html.tab-p .pg-company .x-prof-r {
    float: none;
    width: auto;
    margin: 0;
  }
}
html.smf .pg-company .x-prof-l {
  width: 80%;
  margin: 0 auto 20px auto;
  float: none;
}
html.smf .pg-company .x-prof-c {
  float: none;
  width: auto;
  margin: 0;
}
html.smf .pg-company .x-prof-r {
  float: none;
  width: auto;
  margin: 0;
}
.pg-company img.x-prof-build {
  width: 100%;
  max-wdith: 500px;
  height: auto;
}
.pg-company table.p-proftb {
  position: relative;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  width: auto;
  max-width: 100%;
  margin: 15px 0;
}
.pg-company table.p-proftb tr {
  vertical-align: top;
  text-align: left;
}
.pg-company table.p-proftb th {
  overflow: hidden;
  font-size: 1.33rem;
  line-height: 1.4em;
  color: #555;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0.7em 1em 0.25em 0;
}
.pg-company table.p-proftb td {
  overflow: hidden;
  font-size: 1.4rem;
  line-height: 1.4em;
  padding: 0.7em 0 0.25em 0;
}
.pg-company table.p-proftb td.x-s {
  font-size: 1.2rem;
  padding: 0.2em 0 0.2em 1em;
  border-left: 1px solid #ddd;
}
.pg-company .p-authtb {
  position: relative;
  overflow: hidden;
  width: 31%;
  height: auto;
  background: #fdfdfd;
  border: 1px solid #eee;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  margin: 6px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
}
.pg-company .p-authtb > div {
  position: relative;
  overflow: hidden;
  margin: 15px;
  padding: 0;
}
.pg-company .p-authtb table {
  position: relative;
  table-layout: auto;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 0;
}
.pg-company .p-authtb table tr {
  vertical-align: top;
  text-align: left;
}
.pg-company .p-authtb table th {
  overflow: hidden;
  font-size: 1.2rem;
  line-height: 1.4em;
  color: #555;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0.7em 1em 0.25em 0;
}
.pg-company .p-authtb table td {
  overflow: hidden;
  font-size: 1.2rem;
  line-height: 1.4em;
  padding: 0.7em 0 0.25em 0;
}
.pg-company .p-authtb table th:first-child,
.pg-company .p-authtb table th:first-child + td {
  padding-top: 0;
}
html.tab-p .pg-company .p-authtb {
  width: 46%;
}
html.tab-p .pg-company .p-authtb:nth-child(odd) {
  clear: left;
}
@media screen and (min-width: 0px) and (max-width: 550px) {
  html.tab-p .pg-company .p-authtb {
    width: 95%;
    float: none;
  }
}
html.smf .pg-company .p-authtb {
  width: 95%;
  float: none;
}
.pg-company ul.p-inmember {
  display: block;
  overflow: hidden;
  position: relative;
  list-style: none none inside;
  padding: 0;
  width: auto;
  margin: 0;
}
.pg-company ul.p-inmember > li {
  position: relative;
  display: block;
  overflow: hidden;
  width: auto;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0 8px 0;
  padding: 0;
  font-size: 1.33rem;
  line-height: 1.3em;
  color: #222;
}
html.smf .pg-company ul.p-cons {
  float: none;
  margin: 15px;
  width: auto;
}
.pg-company .x-office {
  position: relative;
  overflow: hidden;
  margin: 0 10px 20px 10px;
  padding: 0;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pg-company .x-office > div {
  position: relative;
  overflow: hidden;
  margin: 20px;
  padding: 0;
}
.pg-company .x-office .x-gmap {
  width: 400px;
  height: 250px;
  float: left;
  margin: 0 15px 5px 0;
}
.pg-company .x-office .x-gmap iframe {
  width: 400px;
  height: 250px;
}
.pg-company .x-office h4 {
  color: #232e5d;
}
.pg-company .x-office p {
  font-size: 1.5rem;
}
.pg-company .x-office .x-lbl {
  position: relative;
  font-size: 88%;
  font-weight: 700;
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 0.2em 1.25em;
  background-color: #eee;
  color: #222;
  border-radius: 2px;
  pointer-events: none;
}
.pg-company .x-office a.x-tel {
  position: relative;
  font-size: 88%;
  font-weight: 700;
  display: inline-block;
  margin: 0 5px 0 1em;
  padding: 0.2em 1em;
  background-color: #bf2645;
  color: #fff;
  border-radius: 2px;
}
html.tab-p .pg-company .x-office .x-gmap {
  float: none;
  width: 100%;
}
html.tab-p .pg-company .x-office .x-gmap iframe {
  width: 100%;
  height: 250px;
}
html.smf .pg-company .x-office .x-gmap {
  float: none;
  width: 100%;
}
html.smf .pg-company .x-office .x-gmap iframe {
  width: 100%;
  height: 250px;
}
html.smf .pg-company .x-office h4 {
  padding-top: 1em;
}
.pg-company .x-qper {
  position: relative;
  overflow: hidden;
  margin: 0 10px 15px 10px;
}
.pg-company .x-qper .x-bk {
  position: relative;
  width: 30%;
  float: left;
}
.pg-company .x-qper .x-bk:nth-child(2) {
  margin-left: 5%;
  margin-right: 5%;
}
.pg-company .x-qper .x-bk table {
  position: relative;
  table-layout: auto;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 0;
}
.pg-company .x-qper .x-bk table th, .pg-company .x-qper .x-bk table td {
  font-size: 1.33rem;
  font-weight: 400;
  line-height: 1.2em;
  border-bottom: 1px solid #ddd;
  padding: 0.7em 0 0.2em 0;
  text-align: left;
}
.pg-company .x-qper .x-bk table td {
  text-align: right;
}
html.tab-p .pg-company .x-qper .x-bk {
  width: 47%;
  margin-right: 2%;
  margin-left: 0;
  float: left;
  margin-bottom: 2em;
}
html.tab-p .pg-company .x-qper .x-bk:nth-child(even) {
  float: right;
  margin-left: 2%;
  margin-right: 0;
}
html.smf .pg-company .x-qper .x-bk {
  width: 100%;
  float: none;
  margin: 0 0 1.5em 0;
}

/* sales.scss */
.pg-sales h3 {
  color: #4658ad;
  margin: 0 0 15px 0;
}
.pg-sales h4 {
  padding: 0;
  margin: 0;
  color: #4658ad;
}
.pg-sales .x-catchcopy {
  color: #185e8c;
  font-size: 4.5em;
  line-height: 1.3em;
  padding: 0;
  margin: 6px 0 0 0;
}
.pg-sales .x-othersales {
  position: relative;
  overflow: hidden;
  border: 1px solid #ddd;
  margin: 15px 5px;
}
.pg-sales .x-othersales ul.x-sectionbox {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none none inside;
  width: 100%;
  height: auto;
}
.pg-sales .x-othersales ul > li {
  position: relative;
  overflow: hidden;
  float: left;
  margin: 0;
  padding: 0;
  width: 50%;
  height: auto;
  min-height: 140px;
}
.pg-sales .x-othersales ul > li:nth-child(odd) {
  clear: both;
}
.pg-sales .x-othersales ul > li > div {
  position: relative;
  overflow: hidden;
  margin: 20px 25px;
  padding: 0;
}
.pg-sales .x-othersales ul > li img {
  width: 40%;
  height: auto;
  float: left;
  margin: 0 15px 15px 0;
}
.pg-sales .x-othersales ul > li p {
  margin: 0;
  padding: 1em 0 0 0;
}

/* contact.scss */
.pg-contact {
  /* contact */
  /* access */
}
.pg-contact h3 {
  border-left: 3px solid #4557ac;
  color: #4557ac;
  margin: 10px 0 0 12px;
  padding: 5px 0 5px 20px;
}
.pg-contact a.x-tel {
  position: relative;
  font-size: 1.3rem;
  font-weight: 700;
  display: inline-block;
  margin: 0 3px;
  padding: 0.2em 1em;
  background-color: #e38c29;
  color: #fff;
  border-radius: 2px;
}
.pg-contact .x-topmgn {
  margin-top: 2em;
}
.pg-contact .x-ccb {
  position: relative;
  overflow: hidden;
  margin: 20px 0 15px 0;
}
.pg-contact .x-ccb .x-a {
  position: relative;
  width: 68%;
  float: left;
  margin: 0;
  padding: 0;
}
.pg-contact .x-ccb .x-b {
  position: relative;
  width: 30%;
  float: right;
  margin: 0;
  padding: 0;
}
html.tab-p .pg-contact .x-ccb .x-a {
  float: none;
  width: 100%;
}
html.tab-p .pg-contact .x-ccb .x-b {
  float: none;
  width: 100%;
  margin-top: 20px;
}
html.smf .pg-contact .x-ccb .x-a {
  float: none;
  width: 100%;
}
html.smf .pg-contact .x-ccb .x-b {
  float: none;
  width: 100%;
  margin-top: 20px;
}
.pg-contact .x-phbox {
  position: relative;
  overflow: hidden;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 3px;
}
.pg-contact .x-phbox p.x-cap {
  background: #eee;
  color: #a00;
  text-align: center;
  font-size: 1.5rem;
  padding: 0.4em 0;
}
.pg-contact .x-phbox p.x-phone {
  overflow: hidden;
  text-align: center;
  color: #333;
  font-size: 3rem;
  line-height: 1em;
  padding: 15px;
  margin: 0;
  white-space: nowrap;
}
.pg-contact .x-phbox p.x-call {
  padding: 0 15px 15px 15px;
  margin: 0;
  text-align: right;
}
.pg-contact span.x-num {
  font-size: 2.5rem;
}
.pg-contact .x-acsmap {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.pg-contact .x-acsmap .x-gmap {
  float: left;
  width: 100%;
  max-width: 750px;
  height: auto;
  position: relative;
  overflow: hidden;
  margin: 0 15px 0 0;
  padding: 0;
}
.pg-contact .x-acsmap .x-gmap iframe {
  width: 100%;
  height: 100%;
  min-height: 450px;
}
.pg-contact .x-acsmap .x-gmapside {
  float: left;
  width: 100%;
  min-width: 250px;
  max-width: 250px;
  height: auto;
  position: relative;
  overflow: hidden;
  margin: 10px 0 0 0;
  padding: 0;
}
.pg-contact .x-acsmap p.x-emgphone {
  color: #e00;
}
.pg-contact .x-acsmap p.x-emgphone span {
  font-size: 1.8rem;
}

.pg-workdetail article {
  position: relative;
  overflow: hidden;
  margin: 15px 0;
  padding: 5px 25px 25px 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ddd;
  /* --------------------------------------------------------------
  	テーブル
  	.x-char を付与すること
  	.x-hold が付与されていると、スマフォになってもテーブルの表レイアウトを維持する
  */
  /* --------------------------------------------------------------
  	リスト
  	.x-char を付与すること
  */
}
.pg-workdetail article h2.x {
  clear: both;
  overflow: hidden;
  font-size: 2.6rem;
  line-height: 1.2em;
  margin: 0;
  padding: 1.25em 0 0 0;
  color: #4759a6;
}
.pg-workdetail article h3.x {
  clear: both;
  font-size: 1.8rem;
  line-height: 1.2em;
  margin: 1.3em 0 0 0;
  padding: 0.4em 0.6em;
  background: #4759a6;
  color: #fdfdfd;
  border-radius: 3px;
}
.pg-workdetail article h4.x {
  clear: both;
  font-size: 1.6rem;
  line-height: 1.2em;
  margin: 0;
  padding: 1.25em 0 0 0;
  color: #606060;
}
.pg-workdetail article p.x-marker {
  color: #1f2c5e;
}
.pg-workdetail article table + p {
  padding-top: 0em;
}
.pg-workdetail article li.small {
  font-size: 1.1rem;
}
.pg-workdetail article li.large {
  font-size: 1.5rem;
}
.pg-workdetail article li.xlarge {
  font-size: 1.8rem;
}
.pg-workdetail article li.xxlarge {
  font-size: 2.2rem;
}
.pg-workdetail article blockquote {
  font-size: 1.3rem;
  line-height: 1.6em;
  margin: 0.5em 0 0 15px;
  padding: 0.25em 0 0.25em 0.5em;
  border-left: 2px solid #ccc;
}
.pg-workdetail article blockquote > p:first-child {
  padding-top: 0;
}
.pg-workdetail article small {
  font-size: 70%;
}
.pg-workdetail article hr {
  display: block;
  width: 100%;
  height: 1px;
  margin: 15px auto 0 auto;
  background-color: #ddd;
  border-style: none;
}
.pg-workdetail article img.x-wide {
  clear: both;
  margin: 15px 0 0 0;
  width: 100%;
  height: auto;
}
.pg-workdetail article img.x-right {
  float: right;
  margin: 0 0 1em 1em;
  border-style: none;
}
.pg-workdetail article img.x-left {
  float: left;
  margin: 0 1em 1em 0;
  border-style: none;
}
.pg-workdetail article img.x-width100 {
  width: 100%;
  height: auto;
}
.pg-workdetail article img.x-width70 {
  width: 70%;
  height: auto;
}
.pg-workdetail article img.x-width50 {
  width: 50%;
  height: auto;
}
.pg-workdetail article img.x-width35 {
  width: 35%;
  height: auto;
}
.pg-workdetail article img.x-right + p {
  padding-top: 0;
}
.pg-workdetail article img.x-left + p {
  padding-top: 0;
}
html.tab-p .pg-workdetail article, html.smf .pg-workdetail article {
  margin: 15px;
}
html.tab-p .pg-workdetail article h2.x, html.smf .pg-workdetail article h2.x {
  font-size: 2.4rem;
}
html.tab-p .pg-workdetail article h3.x, html.smf .pg-workdetail article h3.x {
  font-size: 1.7rem;
}
html.tab-p .pg-workdetail article h4.x, html.smf .pg-workdetail article h4.x {
  font-size: 1.4rem;
}
html.smf .pg-workdetail article {
  margin: 0;
  padding: 25px 10px;
  border-style: none;
}
html.smf .pg-workdetail article img.x-right {
  float: none;
  margin: 10px 0 0 0;
}
html.smf .pg-workdetail article img.x-left {
  float: none;
  margin: 10px 0 0 0;
}
html.smf .pg-workdetail article img.x-width100 {
  width: 100%;
  margin: 10px 0 0 0;
}
html.smf .pg-workdetail article img.x-width70 {
  width: 100%;
  margin: 10px 0 0 0;
}
html.smf .pg-workdetail article img.x-width50 {
  width: 100%;
  margin: 10px 0 0 0;
}
html.smf .pg-workdetail article img.x-width35 {
  width: 100%;
  margin: 10px 0 0 0;
}
html.smf .pg-workdetail article li.large {
  font-size: 1.3rem;
}
html.smf .pg-workdetail article li.xlarge {
  font-size: 1.5rem;
}
html.smf .pg-workdetail article li.xxlarge {
  font-size: 1.8rem;
}
.pg-workdetail article table.x-char {
  position: relative;
  table-layout: auto;
  border-collapse: collapse;
  border-spacing: 0;
  width: auto;
  height: auto;
  margin: 15px 0 15px 5px;
}
.pg-workdetail article table.x-char.x-wide {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 15px 0;
}
.pg-workdetail article table.x-char tr {
  margin: 0;
  padding: 0;
}
.pg-workdetail article table.x-char th, .pg-workdetail article table.x-char td {
  border: 1px solid #ccc;
  margin: 0;
  padding: 10px;
  font-size: 1.25rem;
  line-height: 1.5em;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}
.pg-workdetail article table.x-char th {
  font-weight: bold;
  background-color: #fff6f2;
}
.pg-workdetail article table.x-char th > p:first-child, .pg-workdetail article table.x-char td > p:first-child {
  padding-top: 0;
}
.pg-workdetail article table.x-char .nowrap, .pg-workdetail article table.x-char .x-nrp {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.pg-workdetail article table.x-char .t-c {
  text-align: center;
}
.pg-workdetail article table.x-char .t-r {
  text-align: right;
}
.pg-workdetail article table.x-char .t-l {
  text-align: left;
}
html.tab-p .pg-workdetail article table.x-char, html.smf .pg-workdetail article table.x-char {
  display: block;
  margin: 10px 0 !important;
  padding: 0;
  overflow: hidden;
  margin: 15px 0 15px 10px;
}
html.tab-p .pg-workdetail article table.x-char.x-hold th, html.tab-p .pg-workdetail article table.x-char.x-hold td, html.smf .pg-workdetail article table.x-char.x-hold th, html.smf .pg-workdetail article table.x-char.x-hold td {
  font-size: 1.15rem;
}
html.tab-p .pg-workdetail article table.x-char:not(.x-hold) tbody, html.tab-p .pg-workdetail article table.x-char:not(.x-hold) tr, html.tab-p .pg-workdetail article table.x-char:not(.x-hold) td, html.tab-p .pg-workdetail article table.x-char:not(.x-hold) th, html.smf .pg-workdetail article table.x-char:not(.x-hold) tbody, html.smf .pg-workdetail article table.x-char:not(.x-hold) tr, html.smf .pg-workdetail article table.x-char:not(.x-hold) td, html.smf .pg-workdetail article table.x-char:not(.x-hold) th {
  display: block;
  position: relative;
  overflow: hidden;
}
html.tab-p .pg-workdetail article table.x-char:not(.x-hold) th, html.tab-p .pg-workdetail article table.x-char:not(.x-hold) td, html.smf .pg-workdetail article table.x-char:not(.x-hold) th, html.smf .pg-workdetail article table.x-char:not(.x-hold) td {
  border: 0px none;
  font-size: 1.3rem;
}
html.tab-p .pg-workdetail article table.x-char:not(.x-hold) th, html.smf .pg-workdetail article table.x-char:not(.x-hold) th {
  border-left: 2px solid #1f2c5e;
  padding: 0.2em 0 0.2em 0.5em;
  margin: 0.5em 0 0 0;
}
html.tab-p .pg-workdetail article table.x-char:not(.x-hold) td, html.smf .pg-workdetail article table.x-char:not(.x-hold) td {
  border-left: 2px solid #ddd;
  padding: 0.2em 0.2em 0.2em 1em;
  margin: 0.25em 0 0 0;
}
html.tab-p .pg-workdetail article table.x-char:not(.x-hold) .nowrap, html.smf .pg-workdetail article table.x-char:not(.x-hold) .nowrap {
  -o-text-overflow: clip;
     text-overflow: clip;
  white-space: normal;
}
.pg-workdetail article ul.x-char {
  position: relative;
  list-style: disc none outside;
  margin: 20px 0 0 20px;
  padding: 0;
}
.pg-workdetail article ul.x-char > li {
  overflow: visible;
  position: relative;
  margin: 10px 0 0 20px;
  padding: 0;
  font-size: 1.25rem;
  line-height: 1.5em;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}
.pg-workdetail article p.c-cto {
  position: absolute;
  display: block;
  width: 120px;
  height: 50px;
  padding: 10px 0 0 15px;
  margin: -30px 0 0 -35px;
  font-size: 1.4rem;
  background: transparent url(/imgs/cmn/c_archive_type.svg) no-repeat;
  background-size: 100% auto;
  color: #fdfdfd;
}
html.tab-p .pg-workdetail article p.c-cto {
  margin: -30px 0 0 -15px;
}
html.smf .pg-workdetail article p.c-cto {
  margin: -30px 0 0 -15px;
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  font-size: 1.6rem !important;
  padding: 8px 0 0 8px;
}
.pg-workdetail article .x-inbox {
  position: relative;
  overflow: hidden;
  margin: 15px 0 0 0;
  padding: 0;
}
.pg-workdetail article .x-inbox > a:first-child img {
  margin-top: 0;
}
.pg-workdetail article .x-inbox > img:first-child {
  margin-top: 0;
}
.pg-workdetail article .x-inbox > p:first-child {
  margin-top: 0;
  padding-top: 0;
}
.pg-workdetail article .x-inbox > a:first-child + p {
  margin-top: 0;
  padding-top: 0;
}
.pg-workdetail article .x-inbox > img:first-child + p {
  margin-top: 0;
  padding-top: 0;
}
.pg-workdetail article ul {
  position: relative;
  list-style: disc none outside;
  margin: 1.5rem 0 0 0.5rem;
  padding: 0;
}
.pg-workdetail article ul > li {
  overflow: visible;
  position: relative;
  margin: 10px 0 0 20px;
  padding: 0;
  font-size: 1.25rem;
  line-height: 1.5em;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}
.pg-workdetail article ul > li > p:first-child {
  padding-top: 0;
}
.pg-workdetail article ul > li > p:not(:first-child) {
  padding-top: 0.2em;
}
html.smf .pg-workdetail article p.c-cto {
  font-size: 1.3rem;
}
html.tab-p .pg-workdetail article h2, html.smf .pg-workdetail article h2 {
  font-size: 1.7rem;
}
html.tab-p .pg-workdetail article h3, html.smf .pg-workdetail article h3 {
  font-size: 1.5rem;
}
html.tab-p .pg-workdetail article h4, html.smf .pg-workdetail article h4 {
  font-size: 1.3rem;
}
.pg-workdetail article .x-docgrid .x-docg > img {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pg-workdetail article .x-docgrid .x-docg > img:not(.x-noborder) {
  border: 1px solid #ccc;
}