@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: top;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  margin: 0;
  padding: 0;
}

input, select {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

textarea {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: middle;
}

img {
  vertical-align: bottom;
  font-size: 0;
  line-height: 0;
}

span {
  font-weight: inherit;
}

strong {
  font-weight: bold;
}

address {
  font-style: normal;
}

sup {
  vertical-align: text-top;
}

em {
  font-style: normal;
}

/* Layout 
*****************************************/
body {
  color: #505050;
  width: 100%;
  padding: 0;
  font-size: 14px;
  font-size: 88%;
  -webkit-text-size-adjust: none;
  font-family: "ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
  line-height: 1.5;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  background-color: #FFFFFF;
}

p {
  margin-bottom: 1em;
}

.newsList01 p + ul {
  margin-top: -1em;
}

.hidden {
  display: none;
}

img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  img {
    width: 100%;
  }
}

/*	link
*****************************************/
a {
  color: #007dff;
  text-decoration: none;
  outline: none;
}

a:hover {
  color: #00326E;
  text-decoration: underline;
}

/*	overLayer
*****************************************/
.overLayer {
  background: rgba(0, 0, 0, 0);
  /*transition: all .5s;*/
}

.overLayer.open {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 150;
}

/* header 
*****************************************/
#headerWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 200;
  min-width: 960px;
  overflow-x: hidden;
}
@media screen and (max-width: 767px) {
  #headerWrap {
    display: none;
  }
}

#header {
  background: #FFF url(../img/background-01.png) repeat-y 50% 0;
}

#header .headerBanner01 {
  background: #f2f6f5;
  min-height: 46px;
}
#header .headerBanner01 > .inner01 {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.headerBanner01sp {
  display: none;
  background: #f2f6f5;
}
@media screen and (max-width: 767px) {
  .headerBanner01sp {
    display: block;
  }
}

#header .grayBar {
  background: #7a7a7a;
}

#header .grayBar .grayBarInner {
  width: 960px;
  margin: 0 auto;
}

#header .grayBar h1 {
  float: left;
  color: #FFF;
  font-size: 86%;
  margin: 0 auto;
  padding: 6px 0 5px;
  line-height: 1.05;
}

#header .grayBar ul {
  float: right;
}
#header .grayBar ul li {
  float: left;
  position: relative;
}
#header .grayBar ul li:first-child a {
  border-left: 1px solid #a7a7a7;
}
#header .grayBar ul li a {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-size: 86%;
  line-height: 1.05;
  background: #000;
  border: 1px solid #a7a7a7;
  border-left: none;
  padding: 5px 19px 4px 9px;
}
#header .grayBar ul li a .new {
  color: #fff;
  background: #d70000;
  border-radius: 2px;
  padding: 1.2px 5px 0.8px;
  margin-right: 5px;
  position: relative;
  top: 0;
}
#header .grayBar ul li a:hover {
  text-decoration: none !important;
}
#header .grayBar ul li a:hover:after {
  border-color: transparent transparent transparent #000;
}
#header .grayBar ul li a:after {
  content: '';
  position: absolute;
  right: 5px;
  top: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 7px;
  border-color: transparent transparent transparent #ffffff;
  transform: translate(0, -50%);
}
#header .grayBar ul li.twitter a {
  color: #66c4fa;
}
#header .grayBar ul li.twitter a:hover {
  color: #fff;
  background: #009df7;
}
#header .grayBar ul li.twitter a:hover:after {
  border-color: transparent transparent transparent #fff;
}
#header .grayBar ul li.twitter a:after {
  border-color: transparent transparent transparent #009df7;
}
#header .grayBar ul li.auction a {
  color: #f8d444;
}
#header .grayBar ul li.auction a:hover {
  color: #000;
  background: #f8d444;
}
#header .grayBar ul li.auction a:hover:after {
  border-color: transparent transparent transparent #000;
}
#header .grayBar ul li.auction a:after {
  border-color: transparent transparent transparent #f8d444;
}
#header .grayBar ul li.media a {
  padding-right: 15px;
}
#header .grayBar ul li.media a:hover {
  color: #000;
  background: #cecece;
}

#header .headerInner01 {
  background: #2d2d2d;
}

#header .headerInner01 .headerInner02 {
  width: 960px;
  height: 48px;
  margin: 0 auto;
  position: relative;
  _margin-top: 0;
}

#header .headerInner01 .headerInner02 .logo {
  position: absolute;
  top: 12px;
  left: 0;
}

#header .headerInner01 .headerInner02 .tx01 {
  position: absolute;
  top: 7px;
  left: 135px;
  width: 435px;
}

#header .headerInner01 .headerInner02 .tx01 img {
  width: 100%;
  height: auto;
}

#header .headerInner01 .headerInner02 ul li img {
  vertical-align: inherit;
}

#header .headerInner01 .headerInner02 ul li:nth-child(1) {
  position: absolute;
  top: 18px;
  left: 575px;
}

#header .headerInner01 .headerInner02 ul li:nth-child(2) {
  position: absolute;
  top: 18px;
  left: 680px;
}

#header .headerInner01 .headerInner02 ul li:nth-child(3) {
  position: absolute;
  top: 7px;
  right: 5px;
}

/* navigation 
*****************************************/
#navigation {
  background: #464646;
  width: 100%;
  z-index: 9999;
}

#navigation .navigationInner {
  width: 960px;
  margin: 0 auto;
  position: relative;
}

#navigation ul#globalNav {
  display: flex;
  justify-content: space-between;
}
#navigation ul#globalNav li {
  flex: 0 0 160px;
  background: url(../header/img/globalNav_04.png) no-repeat 0 0/960px;
}
#navigation ul#globalNav li a {
  display: block;
  height: 56px;
}
#navigation ul#globalNav li a span {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
#navigation ul#globalNav li.nav01 {
  background-position: 0px 0;
}
#navigation ul#globalNav li.nav01:hover {
  background-position: 0px 100%;
}
#navigation ul#globalNav li.nav02 {
  background-position: -160px 0;
}
#navigation ul#globalNav li.nav02:hover {
  background-position: -160px 100%;
}
#navigation ul#globalNav li.nav03 {
  background-position: -320px 0;
}
#navigation ul#globalNav li.nav03:hover {
  background-position: -320px 100%;
}
#navigation ul#globalNav li.nav04 {
  background-position: -480px 0;
}
#navigation ul#globalNav li.nav04:hover {
  background-position: -480px 100%;
}
#navigation ul#globalNav li.nav05 {
  background-position: -640px 0;
}
#navigation ul#globalNav li.nav05:hover {
  background-position: -640px 100%;
}
#navigation ul#globalNav li.nav06 {
  background-position: -800px 0;
}
#navigation ul#globalNav li.nav06:hover {
  background-position: -800px 100%;
}
#navigation ul#globalNav li.nav07 {
  background-position: -960px 0;
}
#navigation ul#globalNav li.nav07:hover {
  background-position: -960px 100%;
}

/*	dropdownmenu
*****************************************/
.dropdownmenu {
  position: absolute;
  top: 127px;
  left: 0;
  width: 100%;
  z-index: 200;
  background: #fff;
  display: none;
}

.dropdownmenu .dropdownmenuInner {
  width: 960px;
  margin: 0 auto;
}

.dropdownmenu#dropdownmenu01 .dropdownmenuInner ul li {
  float: left;
  padding-bottom: 42px;
}

.dropdownmenu#dropdownmenu01 .dropdownmenuInner ul li:nth-child(1) {
  width: 320px;
  background: url(/common/header/img/dropdownMenu/d01_img_01.png) no-repeat 0 0;
}

.dropdownmenu#dropdownmenu01 .dropdownmenuInner ul li:nth-child(2) {
  width: 340px;
  background: url(/common/header/img/dropdownMenu/d01_img_02.png) no-repeat 0 0;
}

.dropdownmenu#dropdownmenu01 .dropdownmenuInner ul li:nth-child(3) {
  width: 300px;
  background: url(/common/header/img/dropdownMenu/d01_img_03.png) no-repeat -20px 0;
}

/*.dropdownmenu#dropdownmenu01 .dropdownmenuInner ul li .img {
	float: left;
	width: 144px;
}*/
.dropdownmenu#dropdownmenu01 .dropdownmenuInner ul li dl {
  float: left;
  width: 160px;
  margin-left: 144px;
}

.dropdownmenu#dropdownmenu01 .dropdownmenuInner ul li:nth-child(2) dl {
  width: 180px;
}

.dropdownmenu#dropdownmenu01 .dropdownmenuInner ul li:nth-child(3) dl {
  margin-left: 124px;
}

.dropdownmenu#dropdownmenu01 .dropdownmenuInner ul li dl dt {
  font-size: 18px;
  color: #0070ff;
  margin-top: 24px;
  margin-bottom: 4px;
}

.dropdownmenu#dropdownmenu01 .dropdownmenuInner ul li dl dd {
  font-size: 12px;
  line-height: 1.33;
}

.dropdownmenu#dropdownmenu01 .dropdownmenuInner ul li dl dd.buttonWrap {
  margin-top: 15px;
}

.dropdownmenu#dropdownmenu01 .dropdownmenuInner ul li dl dd .button {
  color: #fff;
  font-size: 16px;
  line-height: 1.1;
  background: #007cff;
  width: 160px;
  height: 50px;
  vertical-align: middle;
  text-align: center;
  display: table-cell;
}

.dropdownmenu#dropdownmenu01 .dropdownmenuInner ul li dl dd .button:hover {
  background: #3296ff;
  text-decoration: none;
}

.dropdownmenu#dropdownmenu02 {
  background: #fff url(/common/header/img/dropdownMenu/d08_img_01.jpg) no-repeat 50% 0;
}

.dropdownmenu#dropdownmenu02 .dropdownmenuInner {
  position: relative;
}

.dropdownmenu#dropdownmenu02 .dropdownmenuInner .button {
  position: absolute;
  top: 158px;
  left: 546px;
  background: #007cff;
  color: #fff;
}

.dropdownmenu#dropdownmenu02 .dropdownmenuInner .button:hover {
  background: #3296ff;
  text-decoration: none;
}

.dropdownmenu#dropdownmenu02 .dropdownmenuInner .button span {
  color: #fff;
  font-size: 16px;
  line-height: 1.1;
  display: table-cell;
  width: 220px;
  height: 50px;
  vertical-align: middle;
  text-align: center;
}

.dropdownmenu#dropdownmenu03 {
  background: #000;
}

.dropdownmenu#dropdownmenu03 .dropdownmenuInner {
  background: url("../header/img/dropdownMenu/d02_bg01.jpg") no-repeat 0 0;
  min-height: 322px;
  padding-right: 21px;
}

.dropdownmenu#dropdownmenu03 .dropdownmenuInner .button {
  display: inline-block;
  background: #007cff;
  width: 220px;
  height: 50px;
  color: #fff;
}

.dropdownmenu#dropdownmenu03 .dropdownmenuInner .button:hover {
  background: #3296ff;
  text-decoration: none;
}

.dropdownmenu#dropdownmenu03 .dropdownmenuInner .button span {
  color: #fff;
  font-size: 16px;
  line-height: 1.1;
  display: table-cell;
  width: 220px;
  height: 50px;
  vertical-align: middle;
  text-align: center;
}

.dropdownmenu#dropdownmenu03 .dropdownmenuInner p {
  margin-bottom: 0;
  line-height: 0;
}

.dropdownmenu#dropdownmenu03 .dropdownmenuInner .buttonWrap {
  text-align: right;
  margin-top: 103px;
}

.dropdownmenu#dropdownmenu03 .dropdownmenuInner .fColumn {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.dropdownmenu#dropdownmenu03 .dropdownmenuInner .fColumn .col {
  width: 460px;
}

.dropdownmenu#dropdownmenu03 .dropdownmenuInner .fColumn .fColumn {
  margin-top: 179px;
  margin-left: 25px;
  align-items: flex-end;
}

.dropdownmenu#dropdownmenu03 .dropdownmenuInner .fColumn .fColumn .col {
  width: 188px;
}

.dropdownmenu#dropdownmenu03 .dropdownmenuInner .fColumn .fColumn .col + .col {
  width: 220px;
}

.dropdownmenu#dropdownmenu03 .dropdownmenuInner .fColumn .fColumn .col + .col .buttonWrap {
  margin-top: 0;
  margin-bottom: 0;
}

.dropdownmenu#dropdownmenu04 .dropdownmenuInner {
  position: relative;
}

.dropdownmenu#dropdownmenu04 .dropdownmenuInner .button {
  position: absolute;
  top: 116px;
  left: 740px;
  background: #007cff;
  color: #fff;
}

.dropdownmenu#dropdownmenu04 .dropdownmenuInner .button:hover {
  background: #3296ff;
  text-decoration: none;
}

.dropdownmenu#dropdownmenu04 .dropdownmenuInner .button span {
  color: #fff;
  font-size: 16px;
  line-height: 1.1;
  display: table-cell;
  width: 220px;
  height: 50px;
  vertical-align: middle;
  text-align: center;
}

.dropdownmenu#dropdownmenu05 .dropdownmenuInner {
  position: relative;
}

.dropdownmenu#dropdownmenu05 .dropdownmenuInner ul li {
  float: left;
  min-height: 294px;
  position: relative;
}

.dropdownmenu#dropdownmenu05 .dropdownmenuInner ul li .button {
  background: #007cff;
  position: absolute;
  width: 220px;
  height: 50px;
  color: #fff;
}

.dropdownmenu#dropdownmenu05 .dropdownmenuInner ul li .button:hover {
  background: #3296ff;
  text-decoration: none;
}

.dropdownmenu#dropdownmenu05 .dropdownmenuInner ul li:nth-child(1) .button {
  top: 209px;
  left: 443px;
}

.dropdownmenu#dropdownmenu05 .dropdownmenuInner ul li:nth-child(2) .button {
  top: 209px;
  left: 24px;
}

.dropdownmenu#dropdownmenu05 .dropdownmenuInner ul li .button span {
  color: #fff;
  font-size: 16px;
  line-height: 1.1;
  display: table-cell;
  width: 220px;
  height: 50px;
  vertical-align: middle;
  text-align: center;
}

.dropdownmenu#dropdownmenu06 .dropdownmenuInner {
  position: relative;
}

.dropdownmenu#dropdownmenu06 .dropdownmenuInner p {
  vertical-align: bottom;
}

.dropdownmenu#dropdownmenu06 .dropdownmenuInner ul {
  /* 2カラムの場合
  padding-left: 120px; */
}

.dropdownmenu#dropdownmenu06 .dropdownmenuInner ul li {
  float: left;
  width: 320px;
  min-height: 345px;
  position: relative;
}

.dropdownmenu#dropdownmenu06 .dropdownmenuInner ul li:first-child {
  /* 2カラムの場合
  margin-right: 80px; */
}

.dropdownmenu#dropdownmenu06 .dropdownmenuInner ul li dl {
  position: absolute;
  top: 227px;
  left: 0;
  width: 320px;
  text-align: center;
}

.dropdownmenu#dropdownmenu06 .dropdownmenuInner ul li dl dt {
  font-size: 14px;
  line-height: 1.28;
}

.dropdownmenu#dropdownmenu06 .dropdownmenuInner ul li dl dd.button {
  width: 220px;
  height: 50px;
  margin: 8px auto 0;
}

.dropdownmenu#dropdownmenu06 .dropdownmenuInner ul li dl dd.button a {
  color: #fff;
  font-size: 16px;
  line-height: 1.1;
  display: table-cell;
  width: 220px;
  height: 50px;
  vertical-align: middle;
  text-align: center;
  background: #007cff;
}

.dropdownmenu#dropdownmenu06 .dropdownmenuInner ul li dl dd.button a:hover {
  background: #3296ff;
  text-decoration: none;
}

.dropdownmenu#dropdownmenu07 .dropdownmenuInner {
  position: relative;
}

.dropdownmenu#dropdownmenu07 .dropdownmenuInner .button {
  position: absolute;
  top: 177px;
  left: 650px;
}

.dropdownmenu#dropdownmenu07 .dropdownmenuInner .button a {
  color: #fff;
  font-size: 16px;
  line-height: 1.1;
  display: table-cell;
  width: 220px;
  height: 50px;
  vertical-align: middle;
  text-align: center;
  background: #000;
}

.dropdownmenu#dropdownmenu07 .dropdownmenuInner .button a:hover {
  background: rgba(0, 0, 0, 0.7);
  text-decoration: none;
}

/* topicPath 
*****************************************/
#topicPath {
  clear: both;
  width: 960px;
  height: 40px;
  margin: 173px auto 0;
  background: #fff url(../img/background-04.png) repeat-y 50% 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  #topicPath {
    display: none;
  }
}
#topicPath ul {
  width: 100%;
  padding-top: 13px;
  background: url(../img/icon-01.png) no-repeat 0 13px;
  padding-left: 15px;
}
#topicPath ul li {
  font-size: 86%;
  line-height: 1.05;
  float: left;
  color: #505050;
  margin-right: 1em;
}
#topicPath ul #siteSearch {
  position: absolute;
  top: 6px;
  right: 0;
}
#topicPath ul #siteSearch #srchtxtBg {
  display: block;
  width: 254px;
  height: 28px;
}
#topicPath ul #siteSearch #srchtxt {
  min-height: 23px;
  _height: 23px;
  padding: 0px 5px 2px;
  line-height: 1.5;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 227px;
  border: none;
  background: url(../img/background-07.png) no-repeat 0 0;
}
#topicPath ul #siteSearch #srchtxt.focus {
  border: none;
  background: url(../img/background-07on.png) no-repeat 0 0;
}
#topicPath ul #siteSearch #srchtxt:focus {
  outline: none;
}
#topicPath ul #siteSearch #srchtxt #srchbtn {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 23px;
  height: 23px;
}
#topicPath .lineupLink {
  position: absolute;
  top: 50%;
  right: 0;
  margin-bottom: 0;
  transform: translate(0, -50%);
}

.lineupLinkWrap {
  text-align: center;
  margin-top: 33px;
  margin-bottom: 33px;
}
.lineupLinkWrap .lineupLink {
  margin-bottom: 6px;
}

@media screen and (min-width: 768px) {
  .lineupLink {
    padding-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .lineupLink {
    padding-right: 16px;
    margin-top: 65px;
    margin-left: 15px;
    margin-right: 15px;
    min-height: 38px;
    text-align: center;
  }
}
.lineupLink a {
  display: inline-block;
  color: #fff;
  background: #0000c2;
  border-radius: 4px 0 0 4px;
  position: relative;
  text-decoration: none;
}
.lineupLink a span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  line-height: 1.05;
}
@media screen and (min-width: 768px) {
  .lineupLink a span {
    font-size: 86%;
    min-height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .lineupLink a span {
    font-size: 18px;
    min-height: 38px;
  }
}
@media screen and (min-width: 768px) {
  .lineupLink a {
    padding: 0 17px 0 34px;
  }
  .lineupLink a:hover {
    background: #007dff;
  }
  .lineupLink a:hover::after {
    border-color: transparent transparent transparent #007dff;
  }
}
@media screen and (max-width: 767px) {
  .lineupLink a {
    padding: 0 0 0 25px;
    width: 290px;
  }
}
@media screen and (max-width: 320px) {
  .lineupLink a {
    width: 100%;
  }
}
.lineupLink a::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 16px;
  width: 14.8px;
  height: 14.8px;
  background: url("../img/icon-29.png") no-repeat 0 0/100%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .lineupLink a::before {
    left: 25px;
    width: 23.4px;
    height: 23.4px;
  }
}
@media screen and (max-width: 320px) {
  .lineupLink a::before {
    left: 20px;
  }
}
.lineupLink a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 12px 10px;
  border-color: transparent transparent transparent #0000c2;
  transform: translate(0, -50%);
}
@media screen and (max-width: 767px) {
  .lineupLink a::after {
    right: -16px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19px 0 19px 16px;
    border-color: transparent transparent transparent #0000c2;
  }
}
.lineupLink.type02 a {
  border-radius: 5px 0 0 5px;
}
@media screen and (min-width: 768px) {
  .lineupLink.type02 a span {
    font-size: 21.5px;
    min-height: 43px;
  }
}
@media screen and (max-width: 767px) {
  .lineupLink.type02 a span {
    font-size: 18px;
    min-height: 38px;
  }
}
@media screen and (min-width: 768px) {
  .lineupLink.type02 a {
    padding: 0 30px 0 62px;
  }
}
@media screen and (max-width: 767px) {
  .lineupLink.type02 a {
    padding: 0 0 0 7px;
    width: 264px;
  }
}
@media screen and (max-width: 320px) {
  .lineupLink.type02 a {
    width: 100%;
  }
}
.lineupLink.type02 a::before {
  left: 30px;
  width: 26.5px;
  height: 26.5px;
}
.lineupLink.type02 a::after {
  right: -18px;
  border-width: 21.5px 0 21.5px 18px;
}
@media screen and (max-width: 767px) {
  .lineupLink.type02 a::after {
    right: -16px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19px 0 19px 16px;
    border-color: transparent transparent transparent #0000c2;
  }
}

/* contentsWrap 
*****************************************/
#contentsWrap {
  margin: 20px 0 2px;
}
@media screen and (max-width: 767px) {
  #contentsWrap {
    margin: 0;
  }
}

/* mainContents 
*****************************************/
.mainContents {
  width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .mainContents {
    width: 100%;
  }
}
.mainContents.type02 {
  margin-top: -20px;
}
@media screen and (max-width: 767px) {
  .mainContents.type02 {
    margin-top: 0;
  }
}

.mainContents .section {
  clear: both;
  width: 924px;
  margin: 0 auto 1em;
}
@media screen and (max-width: 767px) {
  .mainContents .section {
    width: 100%;
  }
}

.layoutType01 {
  width: 980px;
  margin: 0 auto;
  clear: both;
}
@media screen and (max-width: 767px) {
  .layoutType01 {
    width: 100%;
  }
}

.layoutType01 .mainContents {
  float: left;
  width: 755px;
  width: 785px;
  _width: 780px;
  /*
  margin-left:10px;
  _margin-left:5px;
  */
}
@media screen and (max-width: 767px) {
  .layoutType01 .mainContents {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) {
  .layoutType01 .mainContents.noMargin-sp {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .layoutType01 .mainContents .minusMargin-sp {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.layoutType01 .mainContents .wraper {
  margin-left: 10px;
}
@media screen and (max-width: 767px) {
  .layoutType01 .mainContents .wraper {
    margin-left: 0;
  }
}

/* floatTotalPrice 
*****************************************/
.floatTotalPrice {
  display: none;
}

/* sideContents 
*****************************************/
.layoutType01 .sideContents {
  float: right;
  width: 195px;
}
@media screen and (max-width: 767px) {
  .layoutType01 .sideContents {
    width: 100%;
  }
}

.layoutType01 .mainContents .section {
  width: 735px;
  margin: 0 0 1em 30px;
}
@media screen and (max-width: 767px) {
  .layoutType01 .mainContents .section {
    width: 100%;
    margin: 0;
  }
}

.layoutType01 .mainContents .section .section {
  width: 695px;
  margin: 0 0 2em 20px;
}
@media screen and (max-width: 767px) {
  .layoutType01 .mainContents .section .section {
    width: 100%;
    margin: 0;
  }
  .layoutType01 .mainContents .section .section p {
    word-break: break-all;
  }
}

.layoutType01 .mainContents .section .section2 {
  width: 715px;
  margin: 0 0 2em 20px;
}
@media screen and (max-width: 767px) {
  .layoutType01 .mainContents .section .section2 {
    width: 100%;
    margin: 0;
  }
}

.layoutType01 .mainContents .section .section .section {
  width: 675px;
  margin: 0 0 2em 20px;
}
@media screen and (max-width: 767px) {
  .layoutType01 .mainContents .section .section .section {
    width: 100%;
    margin: 0;
  }
}

.layoutType01 .mainContents .section .section02 {
  width: 715px;
  margin: 0 0 1em 20px;
}

.layoutType01 .mainContents .section .section02 .section02 {
  width: 695px;
  margin: 0 0 1em 20px;
}

.layoutType02 {
  width: 960px;
  margin: 0 auto;
  clear: both;
}
@media screen and (max-width: 767px) {
  .layoutType02 {
    width: 100%;
  }
}

/* rightNavigation 
*****************************************/
#rightNavigation {
  background: url(../img/background-22.png) no-repeat 50% 100%;
}
@media screen and (max-width: 767px) {
  #rightNavigation {
    background: none;
  }
}

#rightNavigation .inner {
  background: url(../img/background-32.png) no-repeat 50% 0;
  padding-top: 7px;
  padding-bottom: 5px;
}
@media screen and (max-width: 767px) {
  #rightNavigation .inner {
    background: none;
  }
}

#rightNavigation .inner.guide_bto {
  background: url(../img/background-21.png) no-repeat 50% 0;
}
@media screen and (max-width: 767px) {
  #rightNavigation .inner.guide_bto {
    background: none;
  }
}

#rightNavigation .inner.guide_kit {
  background: url(../img/background-26.png) no-repeat 50% 0;
}
@media screen and (max-width: 767px) {
  #rightNavigation .inner.guide_kit {
    background: none;
  }
}

#rightNavigation .inner.guide_msi_note {
  background: url(../img/background-31.png) no-repeat 50% 0;
}
@media screen and (max-width: 767px) {
  #rightNavigation .inner.guide_msi_note {
    background: none;
  }
}

#rightNavigation .inner.guide_parts {
  background: url(../img/background-74.png) no-repeat 50% 0;
}
@media screen and (max-width: 767px) {
  #rightNavigation .inner.guide_parts {
    background: none;
  }
}

#rightNavigation .inner.support_bto {
  background: url(../img/background-71.png) no-repeat 50% 0;
}
@media screen and (max-width: 767px) {
  #rightNavigation .inner.support_bto {
    background: none;
  }
}

#rightNavigation .inner.support_kit {
  background: url(../img/background-72.png) no-repeat 50% 0;
}
@media screen and (max-width: 767px) {
  #rightNavigation .inner.support_kit {
    background: none;
  }
}

#rightNavigation .inner.support_parts {
  background: url(../img/background-73.png) no-repeat 50% 0;
}
@media screen and (max-width: 767px) {
  #rightNavigation .inner.support_parts {
    background: none;
  }
}

#rightNavigation .inner.support_LeptonNovos {
  background: url(../img/background-110.png) no-repeat 50% 0;
}
@media screen and (max-width: 767px) {
  #rightNavigation .inner.support_LeptonNovos {
    background: none;
  }
}

#rightNavigation .inner .section {
  width: 163px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #rightNavigation .inner .section {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  #rightNavigation .inner .section dl {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
#rightNavigation .inner .section dl + dl {
  border-top: none;
}
#rightNavigation .inner .section dl dt {
  font-weight: bold;
  position: relative;
}
#rightNavigation .inner .section dl dd {
  font-size: 86%;
  margin: 2px 0 18px;
}
@media screen and (max-width: 767px) {
  #rightNavigation .inner .section dl dd {
    margin: 2px 0 0;
  }
  #rightNavigation .inner .section dl dd .list02 li a {
    background: url(../img/icon-03.gif) no-repeat 3px 7px;
    line-height: 1.2;
    padding: 3px 0 2px 13px;
    margin-bottom: 1px;
    display: block;
  }
  #rightNavigation .inner .section dl dd .list02 li a:hover {
    background: url(../img/icon-03.gif) no-repeat 3px 7px;
    color: #007dff;
    text-decoration: none;
  }
  #rightNavigation .inner .section dl dd .list02 li.current a {
    background: #007dff url(../img/icon-04.png) no-repeat 3px 7px;
    color: #FFF;
    text-decoration: none;
  }
}

#rightNavigation2Wrap {
  position: relative;
  z-index: 2;
  padding: 0 10px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif;
}
@media screen and (max-width: 767px) {
  #rightNavigation2Wrap {
    width: 100%;
    height: 80%;
    overflow: auto;
    padding: 0 5px 0 5px;
  }
}

#rightNavigation2Wrap.fixed {
  position: fixed;
  top: 10px;
}

#rightNavigation2Wrap .btnWrap {
  display: none;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 29.86%;
  width: 130px;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  #rightNavigation2Wrap .btnWrap {
    display: block;
  }
}
@media screen and (max-width: 320px) {
  #rightNavigation2Wrap .btnWrap {
    width: 95px;
  }
}
#rightNavigation2Wrap .btnWrap a {
  display: block;
  background: #c00000;
  border-radius: 6px;
  text-align: center;
  padding: 3px;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  #rightNavigation2Wrap .btnWrap a {
    padding: 7px 3px 6px;
  }
}
@media screen and (max-width: 320px) {
  #rightNavigation2Wrap .btnWrap a {
    text-align: left;
  }
}
#rightNavigation2Wrap .btnWrap a span {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
@media screen and (max-width: 320px) {
  #rightNavigation2Wrap .btnWrap a span {
    font-size: 13px;
    letter-spacing: -0.03em;
  }
}
#rightNavigation2Wrap .btnWrap a::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.75px 0 3.75px 6.5px;
  border-color: transparent transparent transparent #ffffff;
  transform: translate(0, -50%);
}
@media screen and (max-width: 767px) {
  #rightNavigation2Wrap .btnWrap a::before {
    right: 4px;
  }
}

#rightNavigation2 {
  background: none;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  width: 180px;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  #rightNavigation2 {
    border: none;
    width: 100%;
    border-radius: 0;
    overflow: hidden;
  }
}

#rightNavigation2 .inner {
  padding-top: 3px;
  border-radius: 5px;
}
@media screen and (max-width: 767px) {
  #rightNavigation2 .inner {
    background: none;
    padding-top: 6px;
    border: none;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  #rightNavigation2 .inner .inner2 {
    height: calc(61vh - 85px);
    padding-top: 1px;
    width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}

#rightNavigation2 .inner .subTitle01 {
  text-align: center;
  font-weight: bold;
  margin-bottom: 0;
  padding: 0 5px;
}
@media screen and (max-width: 767px) {
  #rightNavigation2 .inner .subTitle01 {
    display: none;
  }
}

#rightNavigation2 .inner .inner2 .subTitle02 {
  font-size: 86%;
  margin-bottom: 0.2em;
  padding: 0 5px 0;
}

#rightNavigation2 .inner .inner2 .box02 {
  border: none;
  border-top: #dedede solid 1px;
}
@media screen and (max-width: 767px) {
  #rightNavigation2 .inner .inner2 .box02 {
    width: 54%;
  }
}

#rightNavigation2 .inner.bto {
  background: url(../img/background-21.png) no-repeat 50% 0;
}

#rightNavigation2 .inner.kit {
  background: url(../img/background-26.png) no-repeat 50% 0;
}

#rightNavigation2 .inner.msi_note {
  background: url(../img/background-31.png) no-repeat 50% 0;
}

#rightNavigation2 .inner .section {
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #rightNavigation2 .inner .section {
    width: 100%;
  }
}

#rightNavigation2 .inner .section .priceWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 0 5px 3px;
}
@media screen and (max-width: 767px) {
  #rightNavigation2 .inner .section .priceWrap {
    justify-content: flex-start;
  }
}
#rightNavigation2 .inner .section .priceWrap .zeikomi {
  color: #fff;
  background: #d60000;
  font-size: 13px;
  font-weight: bold;
  padding: 3px 5px 2px;
  margin-top: 3px;
  margin-bottom: 0;
  margin-right: 10px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #rightNavigation2 .inner .section .priceWrap .zeikomi {
    display: inline;
    font-size: 12px;
    font-weight: bold;
    margin-left: 35px;
    position: relative;
  }
  #rightNavigation2 .inner .section .priceWrap .zeikomi::before {
    content: '';
    position: absolute;
    left: -35px;
    top: 50%;
    width: 28px;
    height: 28px;
    border: 1px solid #999999;
    border-radius: 50%;
    background: #fff;
    transform: translate(0, -60%);
  }
  #rightNavigation2 .inner .section .priceWrap .zeikomi::after {
    content: '';
    position: absolute;
    left: -27.5px;
    top: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 7.5px 0 7.5px;
    border-color: #999999 transparent transparent transparent;
    transform: translate(0, -81%) rotate(180deg);
  }
  .sideContents.open #rightNavigation2 .inner .section .priceWrap .zeikomi::after {
    transform: translate(0, -66%);
  }
}
@media screen and (max-width: 320px) {
  #rightNavigation2 .inner .section .priceWrap .zeikomi {
    font-size: 10px;
  }
}
#rightNavigation2 .inner .section .priceWrap .priceText {
  color: #d60000;
  font-weight: bold;
  margin-top: 3px;
  margin-bottom: 0;
}
#rightNavigation2 .inner .section .priceWrap .priceText span.total {
  font-size: 150%;
  font-size: 22.6px;
  margin-right: 0.2em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #rightNavigation2 .inner .section .priceWrap .priceText span.total {
    font-size: 206%;
    margin-right: 0.1em;
    font-weight: bold;
  }
}
@media screen and (max-width: 320px) {
  #rightNavigation2 .inner .section .priceWrap .priceText span.total {
    font-size: 172%;
  }
}
#rightNavigation2 .inner .section .priceWrap .priceText span.yen {
  font-size: 13px;
}
@media screen and (max-width: 767px) {
  #rightNavigation2 .inner .section .priceWrap .priceText span.yen {
    font-size: 103%;
    font-weight: bold;
  }
}
@media screen and (max-width: 320px) {
  #rightNavigation2 .inner .section .priceWrap .priceText span.yen {
    font-size: 86%;
  }
}

#rightNavigation2 .inner .section .price {
  margin-bottom: 4px;
  padding-bottom: 2px;
}
@media screen and (max-width: 767px) {
  #rightNavigation2 .inner .section .price {
    margin-bottom: 15px;
    text-align: left !important;
  }
}

#rightNavigation2 .inner .section .price .goukeiKingaku {
  display: none;
  position: relative;
}
@media screen and (max-width: 767px) {
  #rightNavigation2 .inner .section .price .goukeiKingaku {
    display: inline;
    color: #5b5b5b;
    font-size: 7px;
  }
}

#rightNavigation2 .inner .section .price p {
  color: #DB0000;
}

#rightNavigation2 .inner .section .price p span.total {
  font-size: 172%;
  margin-right: 0.2em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #rightNavigation2 .inner .section .price p span.total {
    font-size: 206%;
    margin-right: 0.1em;
    font-weight: bold;
  }
}
@media screen and (max-width: 320px) {
  #rightNavigation2 .inner .section .price p span.total {
    font-size: 172%;
  }
}

#rightNavigation2 .inner .section .price p span.yen {
  font-size: 86%;
}
@media screen and (max-width: 767px) {
  #rightNavigation2 .inner .section .price p span.yen {
    font-size: 103%;
    font-weight: bold;
  }
}
@media screen and (max-width: 320px) {
  #rightNavigation2 .inner .section .price p span.yen {
    font-size: 86%;
  }
}

#rightNavigation2 .inner .section dl dt {
  font-weight: bold;
}

#rightNavigation2 .inner .section dl dd {
  font-size: 86%;
  margin: 2px 0 18px;
}

@media screen and (max-width: 767px) {
  #rightNavigation2 .inner .section .textDaisu {
    margin-left: 0 !important;
    margin-bottom: 5px !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  #rightNavigation2 .inner .section .textDaisu .col {
    float: none;
  }
}

.shoppingNote01 {
  width: 180px;
  font-size: 8px;
  margin-top: 5px;
}
@media screen and (max-width: 767px) {
  .shoppingNote01 {
    width: auto;
  }
}

@media screen and (max-width: 767px) {
  .loanWrap {
    position: absolute;
    top: 48px;
    right: 10px;
    width: 39%;
    z-index: 2;
  }
}
.loanWrap .jaccsBanner01 {
  border-top: 1px solid #c3c3c3;
  margin-bottom: 0;
}
.loanWrap .tukidukiCol {
  background: #ffffd6;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  padding: 4px 5px;
  margin-bottom: 5px;
}
.loanWrap .tukidukiCol .wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .loanWrap .tukidukiCol .wrap .small {
    width: calc(100% - 5.8em);
    line-height: 1.2;
  }
}
.loanWrap .tukidukiCol .tukidukiKingaku {
  line-height: 1.2;
  text-align: center;
  color: #cb0000;
  font-weight: bold;
  margin-top: 3px;
  margin-bottom: 0;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
  padding-top: 5px;
}
@media screen and (max-width: 767px) {
  .loanWrap .tukidukiCol .tukidukiKingaku {
    font-size: 12px;
  }
}
.loanWrap .tukidukiCol .tukidukiKingaku .kingaku {
  margin-left: 0.25em;
}
.loanWrap .tukidukiCol .tukidukiKingaku .alertWrap {
  padding-left: 0;
  position: relative;
}
.loanWrap .tukidukiCol .tukidukiKingaku .alertWrap .alert {
  display: none;
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 14px;
  height: 14px;
  background: url(../../custom/img/alert_03.png) no-repeat 0 0/14px;
}
.loanWrap .tukidukiCol .tukidukiKingaku .alertWrap .alert .tukidukiKingakuChip {
  display: none;
  position: absolute;
  top: 24px;
  left: -5px;
  color: #fff;
  background: #5a5a5a;
  padding: 0.5em 0.7em;
  font-size: 12px;
  min-width: 149px;
  z-index: 2;
}
.loanWrap .tukidukiCol .tukidukiKingaku .alertWrap .alert .tukidukiKingakuChip::before {
  content: '';
  position: absolute;
  top: -10px;
  left: 7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 10px 5px;
  border-color: transparent transparent #5a5a5a transparent;
}
.loanWrap .tukidukiCol .tukidukiKingaku .alertWrap .alert:hover .tukidukiKingakuChip {
  display: block;
}
@media screen and (min-width: 768px) {
  .loanWrap .tukidukiCol .tukidukiKingaku.minimum .alertWrap {
    padding-left: 18px;
  }
  .loanWrap .tukidukiCol .tukidukiKingaku.minimum .alertWrap .alert {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .loanWrap .tukidukiCol .tukidukiKingakuMin {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .loanWrap .tukidukiCol .tukidukiKingakuMin {
    display: none;
    line-height: 1;
    text-align: center;
    color: #000;
    font-weight: bold;
    margin-top: 6px;
    margin-bottom: 3px;
    letter-spacing: 0.05em;
    font-feature-settings: "palt";
    font-size: 10px;
  }
  .loanWrap .tukidukiCol .tukidukiKingakuMin.show {
    display: inherit;
  }
}

#rightNavigation2 .inner .section .daisuCol {
  padding: 0 5px 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #rightNavigation2 .inner .section .daisuCol {
    width: 54%;
    margin-top: 7px;
  }
}

.extraContents {
  clear: both;
  width: 980px;
  margin: 33px auto 0;
}
.extraContents.extraType02 {
  width: 960px;
}
@media screen and (max-width: 767px) {
  .extraContents.extraType02 {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .extraContents {
    width: 100%;
    margin: 45px auto 0;
  }
}

.pagetopContents {
  clear: both;
  width: 924px;
  margin: 0 auto 0;
}
@media screen and (max-width: 767px) {
  .pagetopContents {
    width: 100%;
  }
}

/* footer 
*****************************************/
#footer01 {
  clear: both;
  font-size: 86%;
  /*font-size: 93.75%;*/
  background: url(../img/background-08.png) repeat-y 50% 0;
}
@media screen and (max-width: 767px) {
  #footer01 {
    display: none;
  }
}

#footer01 .inner {
  width: 960px;
  margin: 0 auto;
  background: url(../img/background-09.png) no-repeat 50% 100%;
}

#footer01 .inner .logo {
  padding: 34px 0 0 11px;
}

#footer01 .inner .footerLink01 {
  margin: -33px 0 0 0;
  padding: 0 0 18px 164px;
  overflow: hidden;
}

#footer01 .inner .col {
  float: left;
  width: 812px;
}

#footer01 .inner .col.last {
  margin-right: 0;
}

#footer01 .inner .col dt {
  font-weight: bold;
  background: url(../img/background-10.png) repeat-x 0 100%;
  padding-bottom: 7px;
  margin-bottom: 12px;
  line-height: 1.05;
}

#footer01 .inner .col dd {
  line-height: 1.5;
  padding-left: 5px;
}

#footer01 .inner .col dd ul li {
  float: left;
  border-left: 1px solid #505050;
  border-right: 1px solid #505050;
  padding-right: 0.7em;
  padding-left: 0.7em;
  line-height: 1.05;
  line-height: 1.25;
  margin-bottom: 14px;
  margin-bottom: 0.7em;
  margin-right: -1px;
}

#footer01 .inner .col dd a {
  color: #878787;
}

#footer01 .inner .col dd a:hover {
  color: #007dff;
  text-decoration: underline;
}

#footer02 {
  clear: both;
  width: 980px;
  margin: 1em auto;
  font-size: 86%;
}
@media screen and (max-width: 767px) {
  #footer02 {
    display: none;
  }
}

#footer02 #footer02ColLeft {
  float: left;
  width: 775px;
  padding-left: 10px;
}

#footer02 #footer02ColRight {
  float: left;
  width: 195px;
}

#footer02 ul.footerLink02 {
  clear: both;
  border-left: 1px solid #505050;
  margin-bottom: 0.7em;
}

#footer02 ul.footerLink02 li {
  float: left;
  border-right: 1px solid #505050;
  padding-right: 0.7em;
  padding-left: 0.7em;
  line-height: 1.05;
  line-height: 1.25;
}

#footer02 ul.footerLink02 a {
  color: #505050;
}

#footer02 ul.footerLink02 a:hover {
  color: #007dff;
  text-decoration: underline;
}

#footer03 {
  clear: both;
  font-size: 86%;
  background: #f7f7f7 url(../img/background-11.png) repeat-x 0 0;
  text-align: center;
  padding: 0;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  #footer03 {
    display: none;
  }
}

#footer03 .inner {
  width: 960px;
  margin: 0 auto;
  padding: 20px 0;
  position: relative;
}

#footer03 .inner p {
  margin-bottom: 0;
  font-size: 90%;
}

#footer03 .inner p + p {
  margin-top: 10px;
}

/* SP footer */
#footer04 {
  display: none;
}
@media screen and (max-width: 767px) {
  #footer04 {
    display: block;
    clear: both;
    background: #2d2d2d;
    text-align: center;
    padding: 24px 0 15px;
    line-height: 1.8;
  }
  #footer04 .logo {
    margin-bottom: 29px;
  }
  #footer04 .logo img {
    width: auto;
    height: 18px;
  }
  #footer04 .footerLink01 {
    clear: both;
    border-left: 1px solid #505050;
    margin-bottom: 0;
  }
  #footer04 .footerLink01 li {
    display: inline-block;
    border-right: 1px solid #c1c1c1;
    padding-right: 1em;
    padding-left: 1em;
    line-height: 1.25;
  }
  #footer04 .footerLink01 li:first-child {
    border-left: 1px solid #c1c1c1;
  }
  #footer04 .footerLink01 li a {
    color: #c1c1c1;
    font-size: 12px;
  }
  #footer04 .footerCopyright {
    color: #fff;
    font-size: 10px;
    margin-top: 29px;
  }
}

.simpleFooter01 {
  color: #595959;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
  font-size: 12px;
  border-top: 1px solid #a1a1a1;
  margin-top: 53px;
  padding-top: 40px;
  margin-bottom: 36px;
}
@media screen and (max-width: 767px) {
  .is-custom .simpleFooter01 {
    display: none;
  }
}
.simpleFooter01 .inner {
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}
.simpleFooter01 .inner .logo {
  margin-bottom: 36px;
}
@media screen and (max-width: 767px) {
  .simpleFooter01 .inner .logo img {
    width: 104px;
  }
}
.simpleFooter01 .inner .tx01 {
  margin-bottom: 46px;
}

/*	clearfix for this files selectior
*****************************************/
/* Dreamweaver表示崩れ用 */
.clear {
  clear: both;
}

*:first-child + html .dropdownmenu .dropdownmenuInner ul,
*:first-child + html #header .grayBar,
*:first-child + html .twoColumn07,
*:first-child + html .layoutType01,
*:first-child + html #footer01 .inner ul,
*:first-child + html #footer02 ul,
*:first-child + html #topicPath ul,
*:first-child + html #navigation ul {
  display: inline-table;
  zoom: 1;
}

.dropdownmenu .dropdownmenuInner ul:after,
#header .grayBar:after,
.twoColumn07:after,
.layoutType01:after,
#footer01 .inner ul:after,
#footer02 ul:after,
#topicPath ul:after,
#navigation ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}

* html .dropdownmenu .dropdownmenuInner ul,
* html #header .grayBar,
* html .twoColumn07,
* html .layoutType01,
* html #footer01 .inner ul,
* html #footer02 ul,
* html #topicPath ul,
* html #navigation ul {
  zoom: 1;
}

/* IE6 */
html {
  overflow: auto;
}
html.menuOPEN {
  overflow: hidden;
}

body.fixed {
  position: fixed;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  * {
    box-sizing: border-box;
  }

  body {
    padding-top: 45px;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  }
}
.flexWrap-pc {
  flex-wrap: wrap;
}

.marginAuto {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 767px) {
  img {
    width: 100%;
  }

  .layoutType01 .box01 img,
  .layoutType01 .partsSetting img {
    width: auto;
  }

  .wordbreak-sp {
    word-break: break-all;
  }

  .flexWrap-sp {
    flex-wrap: wrap;
  }

  .between-sp {
    justify-content: space-between;
  }

  .f-Container.jC-sp {
    justify-content: center !important;
  }

  .marginAuto-sp {
    margin-left: auto;
    margin-right: auto;
  }

  .order01-sp {
    order: 1;
  }

  .order02-sp {
    order: 2;
  }

  .order03-sp {
    order: 3;
  }

  .order04-sp {
    order: 4;
  }

  .order05-sp {
    order: 5;
  }

  .sp-M01 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .sp-M02 {
    margin-left: -15px;
    margin-right: -15px;
  }

  .sp-P01 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .anchorLink {
    padding-top: 55px;
    margin-top: -55px;
  }
}
.pcNone {
  display: none;
}
@media screen and (max-width: 767px) {
  .pcNone {
    display: block;
  }
}

.pcNoneImg {
  display: none;
}
@media screen and (max-width: 767px) {
  .pcNoneImg {
    display: inline;
  }
}

.spNone {
  display: block;
}
@media screen and (max-width: 767px) {
  .spNone {
    display: none;
  }
}

.spNoneImg {
  display: inline;
}
@media screen and (max-width: 767px) {
  .spNoneImg {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .middleFlex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}

/* headerSPWrap 
*****************************************/
#headerSPWrap {
  display: none;
}
@media screen and (max-width: 767px) {
  #headerSPWrap {
    display: block;
  }
}
#headerSPWrap .site-header {
  position: fixed;
  top: 0;
  left: 0;
  background: #2d2d2d;
  width: 100%;
  height: 45px;
  padding: 0 10px;
  z-index: 999;
}
#headerSPWrap .site-header.abs {
  position: absolute;
}
#headerSPWrap .site-header .logo {
  padding-top: 14px;
  margin-bottom: 0;
}
#headerSPWrap .site-header .logo a {
  display: inline-block;
  line-height: 1;
}
#headerSPWrap .site-header .logo a img {
  width: auto;
  height: 18px;
}

.headButton01 {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  height: 45px;
  margin-bottom: 0;
  color: #fff;
  overflow: hidden;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .headButton01 {
    display: block;
  }
  .headButton01 > span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -12px;
    width: 24px;
    height: 3px;
    background-color: #b9b9b9;
    text-indent: 100%;
    white-space: nowrap;
  }
  .headButton01 > .top {
    top: 12px;
    transition-duration: .1s, .1s;
    transition-delay: .1s, 0;
    transition-property: top, transform;
  }
  .headButton01 > .bottom {
    bottom: 12px;
    transition-duration: .1s, .1s;
    transition-delay: .1s, 0;
    transition-property: bottom, transform;
  }
  .headButton01 > .middle {
    top: 21px;
    transition: background .1s;
  }
  .active .headButton01 > .middle {
    background: none;
  }
  .active .headButton01 > .top {
    top: 21px;
    transform: rotate(45deg);
    transition-delay: 0, .1s;
  }
  .active .headButton01 > .bottom {
    bottom: 21px;
    transform: rotate(-45deg);
    transition-delay: 0, .1s;
  }
}

#headNavArea01 {
  position: fixed;
  top: 45px;
  left: 0;
  z-index: 102;
  width: 100%;
  height: calc(100vh - 40px);
  overflow-y: auto;
  transition: all .5s ease 0s;
  transform: translateX(-100%);
  transform: translateX(100%);
  background: #2d2d2d;
  padding: 10px 10px 100px;
  border-top: 1px solid #000;
  z-index: 1002;
}
.active #headNavArea01 {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
#headNavArea01 .banner01 {
  width: 100% !important;
  height: auto !important;
  margin-bottom: 10px;
}
#headNavArea01 .banner01 img {
  border-radius: 10px;
}
#headNavArea01 .contactWrap01 {
  padding: 0 0 10px 15px;
  margin-bottom: 5px;
}
#headNavArea01 .contactWrap01 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#headNavArea01 .contactWrap01 ul li {
  width: 46%;
}
#headNavArea01 .contactWrap01 ul li a {
  display: block;
  font-size: 12px;
  color: #fff;
  padding: 10px 20px 10px 10px;
  text-decoration: none;
  position: relative;
}
#headNavArea01 .contactWrap01 ul li a:not(.jqAccordion01)::before, #headNavArea01 .contactWrap01 ul li a:not(.jqAccordion01)::after {
  right: 12px;
  content: '';
  position: absolute;
  display: block;
  width: 8px;
  height: 1.5px;
  background: #fff;
  top: calc(50% - 1.5px / 2);
  border-radius: 100px;
  transform: rotate(30deg);
  transform-origin: calc(100% - 1.5px / 2) 50%;
}
#headNavArea01 .contactWrap01 ul li a:not(.jqAccordion01)::after {
  transform: rotate(-30deg);
}
#headNavArea01 .contactWrap01 ul li a.guide {
  padding-left: 28px;
  background: url("../img/icon-23.png") no-repeat 0 50%/23px auto;
}
#headNavArea01 .contactWrap01 ul li a.support {
  padding-left: 28px;
  background: url("../img/icon-24.png") no-repeat 0 50%/23px auto;
}
#headNavArea01 .contactWrap01 .contactBtn {
  padding: 0 28px 0 10px;
  margin-bottom: 0;
}
#headNavArea01 .contactWrap01 .contactBtn a {
  display: block;
  color: #fff;
  background: #2494fb;
  text-align: center;
  font-size: 12px;
  padding: 10px;
  border-radius: 5px;
}
#headNavArea01 .contactWrap01 .contactBtn a:hover {
  text-decoration: none;
}
#headNavArea01 .contactWrap02 {
  margin-top: 45px;
  margin-bottom: 10px;
  padding: 14px 10px 5px 10px;
  border-top: 1px solid #5a5a5a;
  border-bottom: 1px solid #5a5a5a;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #fff;
}
#headNavArea01 .contactWrap02 .col {
  width: 45%;
  text-align: center;
  font-size: 12px;
  margin-bottom: 3px;
}
#headNavArea01 .contactWrap02 .col p {
  margin-bottom: 10px;
}
#headNavArea01 .contactWrap02 .info {
  width: 100%;
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 10px;
}
#headNavArea01 .contactWrap02 .tel a {
  display: block;
  color: #fff;
  text-align: left;
  font-size: 12px;
  padding: 9px;
  border-radius: 5px;
  padding-left: 38px;
  background: #5a5a5a url("../img/icon-25.png") no-repeat 9px 50%/15px auto;
}
#headNavArea01 .contactWrap02 .tel a:hover {
  text-decoration: none;
}
#headNavArea01 .footerLinkWrap {
  text-align: center;
  padding-top: 28px;
}
#headNavArea01 .footerLinkWrap .footerLink {
  border-left: 1px solid #505050;
  margin-bottom: 0.5em;
  display: inline-block;
}
#headNavArea01 .footerLinkWrap .footerLink li {
  display: inline-block;
  border-right: 1px solid #c1c1c1;
  padding-right: 1em;
  padding-left: 1em;
  line-height: 1.25;
}
#headNavArea01 .footerLinkWrap .footerLink li:first-child {
  border-left: 1px solid #c1c1c1;
}
#headNavArea01 .footerLinkWrap .footerLink li a {
  color: #c1c1c1;
  font-size: 12px;
}
#headNavArea01 .globalNav01 ul {
  border-bottom: 1px solid #5a5a5a;
}
#headNavArea01 .globalNav01 ul + ul {
  margin-top: 35px;
}
#headNavArea01 .globalNav01 ul li {
  border-top: 1px solid #5a5a5a;
}
#headNavArea01 .globalNav01 ul li a {
  display: block;
  font-size: 12px;
  color: #fff;
  padding: 10px 20px 10px 10px;
  text-decoration: none;
  position: relative;
}
#headNavArea01 .globalNav01 ul li a .new {
  color: #fff;
  background: #d70000;
  border-radius: 2px;
  padding: 1px 5px 1.5px;
  margin-right: 7px;
  position: relative;
  top: 0.5px;
}
#headNavArea01 .globalNav01 ul li a.jqAccordion01::before, #headNavArea01 .globalNav01 ul li a.jqAccordion01::after {
  content: '';
  position: absolute;
  top: 18px;
  right: 12px;
  width: 9px;
  height: 1px;
  background: #fff;
}
#headNavArea01 .globalNav01 ul li a.jqAccordion01::after {
  transform: rotate(-90deg);
  transition: .3s;
}
#headNavArea01 .globalNav01 ul li a.jqAccordion01.open::after {
  transform: rotate(0);
}
#headNavArea01 .globalNav01 ul li a:not(.jqAccordion01)::before, #headNavArea01 .globalNav01 ul li a:not(.jqAccordion01)::after {
  right: 12px;
  content: '';
  position: absolute;
  display: block;
  width: 8px;
  height: 1.5px;
  background: #fff;
  top: calc(50% - 1.5px / 2);
  border-radius: 100px;
  transform: rotate(30deg);
  transform-origin: calc(100% - 1.5px / 2) 50%;
}
#headNavArea01 .globalNav01 ul li a:not(.jqAccordion01)::after {
  transform: rotate(-30deg);
}
#headNavArea01 .globalNav01 ul li ul {
  margin-left: 20px;
  border-bottom: none;
  display: none;
}
#headNavArea01 .globalNav01 ul li ul li {
  border-top: none;
}

@media screen and (max-width: 767px) {
  .ModelTitleWrap {
    position: static !important;
  }

  .Tab2Wrap {
    position: inherit;
  }

  .modalBg {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: rgba(0, 0, 0, 0.5);
  }
  .modalBg.active {
    height: 100vh;
    z-index: 1000;
    overflow: hidden;
  }

  a.sctble_display span {
    width: 11em !important;
  }
}
.flowList01 {
  display: none;
}
@media screen and (max-width: 767px) {
  .flowList01 {
    display: flex;
    border-top: 2px solid #2493fb;
    margin-bottom: 15px;
  }
}
.flowList01 li {
  width: 25%;
  text-align: center;
  color: #808080;
  font-weight: bold;
  line-height: 1.2;
  padding: 10px 5px;
  background: #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #fff;
  font-size: 14px;
}
.flowList01 li:last-child {
  border-right: none;
}
.flowList01 li.current {
  color: #fff;
  background: #2494fb;
  position: relative;
}
.flowList01 li.current::before {
  content: '';
  position: absolute;
  top: 50%;
  right: -7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 7px;
  border-color: transparent transparent transparent #2493fb;
  transform: translate(0, -50%);
}
.flowList01 li.current:last-child::before {
  border-width: 0;
}

.f_NotoSansT {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  font-feature-settings: "palt";
}

.f_NotoSansEL {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-feature-settings: "palt";
}

.f_NotoSansL {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-feature-settings: "palt";
}

.f_NotoSansR {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
}

.f_NotoSansM {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt";
}

.f_NotoSansSB {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-feature-settings: "palt";
}

.f_NotoSansB {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-feature-settings: "palt";
}

.f_NotoSansEB {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-feature-settings: "palt";
}

.f_NotoSansBlack {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  font-feature-settings: "palt";
}

.f_OswaldR {
  font-family: "Oswald", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
}

.f_OswaldM {
  font-family: "Oswald", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt";
}

.f_OswaldSB {
  font-family: "Oswald", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-feature-settings: "palt";
}

.section.black {
  background: #000;
}

.note {
  color: #dc0000;
  font-size: 86%;
}

p + p.note {
  margin-top: 2px;
}

.note02 {
  color: #dc0000;
}

.note03 {
  text-indent: -1em;
  padding-left: 1em;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.right02 {
  text-align: right;
  margin-right: 2px;
}

@media screen and (max-width: 767px) {
  .left-sp {
    text-align: left !important;
  }
}

@media screen and (max-width: 767px) {
  .center-sp {
    text-align: center !important;
  }
}

@media screen and (max-width: 767px) {
  .right-sp {
    text-align: right !important;
  }
}

@media screen and (max-width: 767px) {
  .block-sp {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .inlineBlock-sp {
    display: inline-block;
  }
}

strong {
  /*
  color:#dc0000;
  */
  font-weight: bold;
}

.strong01 {
  font-size: 20px;
  color: #00316D;
}

.strong02 {
  color: #DB0000;
}

.strong03 {
  color: #007CFF;
}

.lineH12 {
  line-height: 1.2;
}

.lineH13 {
  line-height: 1.3;
}

.lineH14 {
  line-height: 1.4;
}

.lineH15 {
  line-height: 1.5;
}

.lineH16 {
  line-height: 1.6;
}

.lineH17 {
  line-height: 1.7;
}

.caption,
.small {
  font-size: 12px;
  font-size: 86%;
}

.f_16 {
  font-size: 114%;
}

.f_18 {
  font-size: 128%;
}

.f_19 {
  font-size: 136%;
}

.f-bold {
  font-weight: bold;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.imgLeft01 {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}

.imgR10 {
  border-radius: 10px;
}

@media screen and (max-width: 767px) {
  .imgR10-sp {
    border-radius: 10px;
  }
}
.nowrap {
  white-space: nowrap;
}

a.blank {
  padding-right: 1.05em;
  margin-right: 0.25em;
  background: url(../img/icon-05.png) no-repeat 99.5% 50%;
}

.middle img {
  vertical-align: middle;
  margin-top: -5px;
  margin-left: 5px;
}

.fontGray01 {
  color: #A3A3A3;
}

/* margin 
*****************************************/
.mtm05 {
  margin-top: -5px !important;
}

.mtm10 {
  margin-top: -10px !important;
}

.mtm15 {
  margin-top: -15px !important;
}

.mtm20 {
  margin-top: -20px !important;
}

.mtm25 {
  margin-top: -25px !important;
}

.mtm30 {
  margin-top: -30px !important;
}

.mtm35 {
  margin-top: -35px !important;
}

.mtm40 {
  margin-top: -40px !important;
}

@media screen and (max-width: 767px) {
  .mtm05-sp {
    margin-top: -5px !important;
  }

  .mtm10-sp {
    margin-top: -10px !important;
  }

  .mtm15-sp {
    margin-top: -15px !important;
  }

  .mtm20-sp {
    margin-top: -20px !important;
  }

  .mtm25-sp {
    margin-top: -25px !important;
  }

  .mtm30-sp {
    margin-top: -30px !important;
  }

  .mtm35-sp {
    margin-top: -35px !important;
  }

  .mtm40-sp {
    margin-top: -40px !important;
  }
}
.mt00 {
  margin-top: 0px !important;
}

.mt01 {
  margin-top: 1px !important;
}

.mt03 {
  margin-top: 3px !important;
}

.mt05 {
  margin-top: 5px !important;
}

.mt08 {
  margin-top: 8px !important;
}

.mt12 {
  margin-top: 12px !important;
}

.mt17 {
  margin-top: 17px !important;
}

.mr00 {
  margin-right: 0px !important;
}

.mr05 {
  margin-right: 5px !important;
}

.mr08 {
  margin-right: 8px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr12 {
  margin-right: 12px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr16 {
  margin-right: 16px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr24 {
  margin-right: 24px !important;
}

.mr32 {
  margin-right: 32px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.mr130 {
  margin-right: 130px !important;
}

.ml00 {
  margin-left: 0 !important;
}

.ml05 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml13 {
  margin-left: 13px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml19 {
  margin-left: 19px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.ml120 {
  margin-left: 120px !important;
}

.ml240 {
  margin-left: 240px !important;
}

.ml480 {
  margin-left: 480px !important;
}

.ml720 {
  margin-left: 720px !important;
}

.ml715 {
  margin-left: 715px !important;
}

.mlm10 {
  margin-left: -10px !important;
}

.mb00 {
  margin-bottom: 0px !important;
}

.mb05 {
  margin-bottom: 5px !important;
}

.mb08 {
  margin-bottom: 8px !important;
}

.mb09 {
  margin-bottom: 9px !important;
}

.mb12 {
  margin-bottom: 12px !important;
}

.mb27 {
  margin-bottom: 27px !important;
}

.mb61 {
  margin-bottom: 61px !important;
}

.pt00 {
  padding-top: 0px !important;
}

.pt08 {
  padding-top: 8px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pt115 {
  padding-top: 115px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

@media screen and (max-width: 767px) {
  .mlm15-sp {
    margin-left: -15px !important;
  }

  .mrm15-sp {
    margin-right: -15px !important;
  }

  .mbm10-sp {
    margin-bottom: -10px !important;
  }

  .pb30-sp {
    padding-bottom: 30px !important;
  }

  .pt00-sp {
    padding-top: 0 !important;
  }

  .pt15-sp {
    padding-top: 15px !important;
  }

  .pt40-sp {
    padding-top: 40px !important;
  }

  .pt65-sp {
    padding-top: 65px !important;
  }

  .pt80-sp {
    padding-top: 80px !important;
  }

  .relative-sp {
    position: relative;
  }
}
.pr00 {
  padding-right: 0px !important;
}

@media screen and (max-width: 767px) {
  .pr00-sp {
    padding-right: 0px !important;
  }
}
.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mt105 {
  margin-top: 105px !important;
}

.mt110 {
  margin-top: 110px !important;
}

.mt115 {
  margin-top: 115px !important;
}

.mt120 {
  margin-top: 120px !important;
}

.mt125 {
  margin-top: 125px !important;
}

.mt130 {
  margin-top: 130px !important;
}

.mt135 {
  margin-top: 135px !important;
}

.mt140 {
  margin-top: 140px !important;
}

.mt145 {
  margin-top: 145px !important;
}

.mt150 {
  margin-top: 150px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mb105 {
  margin-bottom: 105px !important;
}

.mb110 {
  margin-bottom: 110px !important;
}

.mb115 {
  margin-bottom: 115px !important;
}

.mb120 {
  margin-bottom: 120px !important;
}

.mb125 {
  margin-bottom: 125px !important;
}

.mb130 {
  margin-bottom: 130px !important;
}

.mb135 {
  margin-bottom: 135px !important;
}

.mb140 {
  margin-bottom: 140px !important;
}

.mb145 {
  margin-bottom: 145px !important;
}

.mb150 {
  margin-bottom: 150px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pt105 {
  padding-top: 105px !important;
}

.pt110 {
  padding-top: 110px !important;
}

.pt115 {
  padding-top: 115px !important;
}

.pt120 {
  padding-top: 120px !important;
}

.pt125 {
  padding-top: 125px !important;
}

.pt130 {
  padding-top: 130px !important;
}

.pt135 {
  padding-top: 135px !important;
}

.pt140 {
  padding-top: 140px !important;
}

.pt145 {
  padding-top: 145px !important;
}

.pt150 {
  padding-top: 150px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pb105 {
  padding-bottom: 105px !important;
}

.pb110 {
  padding-bottom: 110px !important;
}

.pb115 {
  padding-bottom: 115px !important;
}

.pb120 {
  padding-bottom: 120px !important;
}

.pb125 {
  padding-bottom: 125px !important;
}

.pb130 {
  padding-bottom: 130px !important;
}

.pb135 {
  padding-bottom: 135px !important;
}

.pb140 {
  padding-bottom: 140px !important;
}

.pb145 {
  padding-bottom: 145px !important;
}

.pb150 {
  padding-bottom: 150px !important;
}

@media screen and (max-width: 767px) {
  .mt10-sp {
    margin-top: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt15-sp {
    margin-top: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt20-sp {
    margin-top: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt25-sp {
    margin-top: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt30-sp {
    margin-top: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt35-sp {
    margin-top: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt40-sp {
    margin-top: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt45-sp {
    margin-top: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt50-sp {
    margin-top: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt55-sp {
    margin-top: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt60-sp {
    margin-top: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt65-sp {
    margin-top: 65px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt70-sp {
    margin-top: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt75-sp {
    margin-top: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt80-sp {
    margin-top: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt85-sp {
    margin-top: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt90-sp {
    margin-top: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt95-sp {
    margin-top: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt100-sp {
    margin-top: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt105-sp {
    margin-top: 105px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt110-sp {
    margin-top: 110px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt115-sp {
    margin-top: 115px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt120-sp {
    margin-top: 120px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt125-sp {
    margin-top: 125px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt130-sp {
    margin-top: 130px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt135-sp {
    margin-top: 135px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt140-sp {
    margin-top: 140px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt145-sp {
    margin-top: 145px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt150-sp {
    margin-top: 150px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb10-sp {
    margin-bottom: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb15-sp {
    margin-bottom: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb20-sp {
    margin-bottom: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb25-sp {
    margin-bottom: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb30-sp {
    margin-bottom: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb35-sp {
    margin-bottom: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb40-sp {
    margin-bottom: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb45-sp {
    margin-bottom: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb50-sp {
    margin-bottom: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb55-sp {
    margin-bottom: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb60-sp {
    margin-bottom: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb65-sp {
    margin-bottom: 65px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb70-sp {
    margin-bottom: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb75-sp {
    margin-bottom: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb80-sp {
    margin-bottom: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb85-sp {
    margin-bottom: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb90-sp {
    margin-bottom: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb95-sp {
    margin-bottom: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb100-sp {
    margin-bottom: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb105-sp {
    margin-bottom: 105px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb110-sp {
    margin-bottom: 110px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb115-sp {
    margin-bottom: 115px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb120-sp {
    margin-bottom: 120px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb125-sp {
    margin-bottom: 125px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb130-sp {
    margin-bottom: 130px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb135-sp {
    margin-bottom: 135px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb140-sp {
    margin-bottom: 140px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb145-sp {
    margin-bottom: 145px !important;
  }
}

@media screen and (max-width: 767px) {
  .mb150-sp {
    margin-bottom: 150px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt10-sp {
    padding-top: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt15-sp {
    padding-top: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt20-sp {
    padding-top: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt25-sp {
    padding-top: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt30-sp {
    padding-top: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt35-sp {
    padding-top: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt40-sp {
    padding-top: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt45-sp {
    padding-top: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt50-sp {
    padding-top: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt55-sp {
    padding-top: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt60-sp {
    padding-top: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt65-sp {
    padding-top: 65px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt70-sp {
    padding-top: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt75-sp {
    padding-top: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt80-sp {
    padding-top: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt85-sp {
    padding-top: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt90-sp {
    padding-top: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt95-sp {
    padding-top: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt100-sp {
    padding-top: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt105-sp {
    padding-top: 105px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt110-sp {
    padding-top: 110px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt115-sp {
    padding-top: 115px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt120-sp {
    padding-top: 120px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt125-sp {
    padding-top: 125px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt130-sp {
    padding-top: 130px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt135-sp {
    padding-top: 135px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt140-sp {
    padding-top: 140px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt145-sp {
    padding-top: 145px !important;
  }
}

@media screen and (max-width: 767px) {
  .pt150-sp {
    padding-top: 150px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb10-sp {
    padding-bottom: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb15-sp {
    padding-bottom: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb20-sp {
    padding-bottom: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb25-sp {
    padding-bottom: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb30-sp {
    padding-bottom: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb35-sp {
    padding-bottom: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb40-sp {
    padding-bottom: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb45-sp {
    padding-bottom: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb50-sp {
    padding-bottom: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb55-sp {
    padding-bottom: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb60-sp {
    padding-bottom: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb65-sp {
    padding-bottom: 65px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb70-sp {
    padding-bottom: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb75-sp {
    padding-bottom: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb80-sp {
    padding-bottom: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb85-sp {
    padding-bottom: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb90-sp {
    padding-bottom: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb95-sp {
    padding-bottom: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb100-sp {
    padding-bottom: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb105-sp {
    padding-bottom: 105px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb110-sp {
    padding-bottom: 110px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb115-sp {
    padding-bottom: 115px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb120-sp {
    padding-bottom: 120px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb125-sp {
    padding-bottom: 125px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb130-sp {
    padding-bottom: 130px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb135-sp {
    padding-bottom: 135px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb140-sp {
    padding-bottom: 140px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb145-sp {
    padding-bottom: 145px !important;
  }
}

@media screen and (max-width: 767px) {
  .pb150-sp {
    padding-bottom: 150px !important;
  }
}

.w0per {
  width: 0% !important;
}

.w1per {
  width: 1% !important;
}

.w2per {
  width: 2% !important;
}

.w3per {
  width: 3% !important;
}

.w4per {
  width: 4% !important;
}

.w5per {
  width: 5% !important;
}

.w6per {
  width: 6% !important;
}

.w7per {
  width: 7% !important;
}

.w8per {
  width: 8% !important;
}

.w9per {
  width: 9% !important;
}

.w10per {
  width: 10% !important;
}

.w11per {
  width: 11% !important;
}

.w12per {
  width: 12% !important;
}

.w13per {
  width: 13% !important;
}

.w14per {
  width: 14% !important;
}

.w15per {
  width: 15% !important;
}

.w16per {
  width: 16% !important;
}

.w17per {
  width: 17% !important;
}

.w18per {
  width: 18% !important;
}

.w19per {
  width: 19% !important;
}

.w20per {
  width: 20% !important;
}

.w21per {
  width: 21% !important;
}

.w22per {
  width: 22% !important;
}

.w23per {
  width: 23% !important;
}

.w24per {
  width: 24% !important;
}

.w25per {
  width: 25% !important;
}

.w26per {
  width: 26% !important;
}

.w27per {
  width: 27% !important;
}

.w28per {
  width: 28% !important;
}

.w29per {
  width: 29% !important;
}

.w30per {
  width: 30% !important;
}

.w31per {
  width: 31% !important;
}

.w32per {
  width: 32% !important;
}

.w33per {
  width: 33% !important;
}

.w34per {
  width: 34% !important;
}

.w35per {
  width: 35% !important;
}

.w36per {
  width: 36% !important;
}

.w37per {
  width: 37% !important;
}

.w38per {
  width: 38% !important;
}

.w39per {
  width: 39% !important;
}

.w40per {
  width: 40% !important;
}

.w41per {
  width: 41% !important;
}

.w42per {
  width: 42% !important;
}

.w43per {
  width: 43% !important;
}

.w44per {
  width: 44% !important;
}

.w45per {
  width: 45% !important;
}

.w46per {
  width: 46% !important;
}

.w47per {
  width: 47% !important;
}

.w48per {
  width: 48% !important;
}

.w49per {
  width: 49% !important;
}

.w50per {
  width: 50% !important;
}

.w51per {
  width: 51% !important;
}

.w52per {
  width: 52% !important;
}

.w53per {
  width: 53% !important;
}

.w54per {
  width: 54% !important;
}

.w55per {
  width: 55% !important;
}

.w56per {
  width: 56% !important;
}

.w57per {
  width: 57% !important;
}

.w58per {
  width: 58% !important;
}

.w59per {
  width: 59% !important;
}

.w60per {
  width: 60% !important;
}

.w61per {
  width: 61% !important;
}

.w62per {
  width: 62% !important;
}

.w63per {
  width: 63% !important;
}

.w64per {
  width: 64% !important;
}

.w65per {
  width: 65% !important;
}

.w66per {
  width: 66% !important;
}

.w67per {
  width: 67% !important;
}

.w68per {
  width: 68% !important;
}

.w69per {
  width: 69% !important;
}

.w70per {
  width: 70% !important;
}

.w71per {
  width: 71% !important;
}

.w72per {
  width: 72% !important;
}

.w73per {
  width: 73% !important;
}

.w74per {
  width: 74% !important;
}

.w75per {
  width: 75% !important;
}

.w76per {
  width: 76% !important;
}

.w77per {
  width: 77% !important;
}

.w78per {
  width: 78% !important;
}

.w79per {
  width: 79% !important;
}

.w80per {
  width: 80% !important;
}

.w81per {
  width: 81% !important;
}

.w82per {
  width: 82% !important;
}

.w83per {
  width: 83% !important;
}

.w84per {
  width: 84% !important;
}

.w85per {
  width: 85% !important;
}

.w86per {
  width: 86% !important;
}

.w87per {
  width: 87% !important;
}

.w88per {
  width: 88% !important;
}

.w89per {
  width: 89% !important;
}

.w90per {
  width: 90% !important;
}

.w91per {
  width: 91% !important;
}

.w92per {
  width: 92% !important;
}

.w93per {
  width: 93% !important;
}

.w94per {
  width: 94% !important;
}

.w95per {
  width: 95% !important;
}

.w96per {
  width: 96% !important;
}

.w97per {
  width: 97% !important;
}

.w98per {
  width: 98% !important;
}

.w99per {
  width: 99% !important;
}

.w100per {
  width: 100% !important;
}

@media screen and (max-width: 767px) {
  .w0per-sp {
    width: 0% !important;
  }
}

@media screen and (max-width: 767px) {
  .w1per-sp {
    width: 1% !important;
  }
}

@media screen and (max-width: 767px) {
  .w2per-sp {
    width: 2% !important;
  }
}

@media screen and (max-width: 767px) {
  .w3per-sp {
    width: 3% !important;
  }
}

@media screen and (max-width: 767px) {
  .w4per-sp {
    width: 4% !important;
  }
}

@media screen and (max-width: 767px) {
  .w5per-sp {
    width: 5% !important;
  }
}

@media screen and (max-width: 767px) {
  .w6per-sp {
    width: 6% !important;
  }
}

@media screen and (max-width: 767px) {
  .w7per-sp {
    width: 7% !important;
  }
}

@media screen and (max-width: 767px) {
  .w8per-sp {
    width: 8% !important;
  }
}

@media screen and (max-width: 767px) {
  .w9per-sp {
    width: 9% !important;
  }
}

@media screen and (max-width: 767px) {
  .w10per-sp {
    width: 10% !important;
  }
}

@media screen and (max-width: 767px) {
  .w11per-sp {
    width: 11% !important;
  }
}

@media screen and (max-width: 767px) {
  .w12per-sp {
    width: 12% !important;
  }
}

@media screen and (max-width: 767px) {
  .w13per-sp {
    width: 13% !important;
  }
}

@media screen and (max-width: 767px) {
  .w14per-sp {
    width: 14% !important;
  }
}

@media screen and (max-width: 767px) {
  .w15per-sp {
    width: 15% !important;
  }
}

@media screen and (max-width: 767px) {
  .w16per-sp {
    width: 16% !important;
  }
}

@media screen and (max-width: 767px) {
  .w17per-sp {
    width: 17% !important;
  }
}

@media screen and (max-width: 767px) {
  .w18per-sp {
    width: 18% !important;
  }
}

@media screen and (max-width: 767px) {
  .w19per-sp {
    width: 19% !important;
  }
}

@media screen and (max-width: 767px) {
  .w20per-sp {
    width: 20% !important;
  }
}

@media screen and (max-width: 767px) {
  .w21per-sp {
    width: 21% !important;
  }
}

@media screen and (max-width: 767px) {
  .w22per-sp {
    width: 22% !important;
  }
}

@media screen and (max-width: 767px) {
  .w23per-sp {
    width: 23% !important;
  }
}

@media screen and (max-width: 767px) {
  .w24per-sp {
    width: 24% !important;
  }
}

@media screen and (max-width: 767px) {
  .w25per-sp {
    width: 25% !important;
  }
}

@media screen and (max-width: 767px) {
  .w26per-sp {
    width: 26% !important;
  }
}

@media screen and (max-width: 767px) {
  .w27per-sp {
    width: 27% !important;
  }
}

@media screen and (max-width: 767px) {
  .w28per-sp {
    width: 28% !important;
  }
}

@media screen and (max-width: 767px) {
  .w29per-sp {
    width: 29% !important;
  }
}

@media screen and (max-width: 767px) {
  .w30per-sp {
    width: 30% !important;
  }
}

@media screen and (max-width: 767px) {
  .w31per-sp {
    width: 31% !important;
  }
}

@media screen and (max-width: 767px) {
  .w32per-sp {
    width: 32% !important;
  }
}

@media screen and (max-width: 767px) {
  .w33per-sp {
    width: 33% !important;
  }
}

@media screen and (max-width: 767px) {
  .w34per-sp {
    width: 34% !important;
  }
}

@media screen and (max-width: 767px) {
  .w35per-sp {
    width: 35% !important;
  }
}

@media screen and (max-width: 767px) {
  .w36per-sp {
    width: 36% !important;
  }
}

@media screen and (max-width: 767px) {
  .w37per-sp {
    width: 37% !important;
  }
}

@media screen and (max-width: 767px) {
  .w38per-sp {
    width: 38% !important;
  }
}

@media screen and (max-width: 767px) {
  .w39per-sp {
    width: 39% !important;
  }
}

@media screen and (max-width: 767px) {
  .w40per-sp {
    width: 40% !important;
  }
}

@media screen and (max-width: 767px) {
  .w41per-sp {
    width: 41% !important;
  }
}

@media screen and (max-width: 767px) {
  .w42per-sp {
    width: 42% !important;
  }
}

@media screen and (max-width: 767px) {
  .w43per-sp {
    width: 43% !important;
  }
}

@media screen and (max-width: 767px) {
  .w44per-sp {
    width: 44% !important;
  }
}

@media screen and (max-width: 767px) {
  .w45per-sp {
    width: 45% !important;
  }
}

@media screen and (max-width: 767px) {
  .w46per-sp {
    width: 46% !important;
  }
}

@media screen and (max-width: 767px) {
  .w47per-sp {
    width: 47% !important;
  }
}

@media screen and (max-width: 767px) {
  .w48per-sp {
    width: 48% !important;
  }
}

@media screen and (max-width: 767px) {
  .w49per-sp {
    width: 49% !important;
  }
}

@media screen and (max-width: 767px) {
  .w50per-sp {
    width: 50% !important;
  }
}

@media screen and (max-width: 767px) {
  .w51per-sp {
    width: 51% !important;
  }
}

@media screen and (max-width: 767px) {
  .w52per-sp {
    width: 52% !important;
  }
}

@media screen and (max-width: 767px) {
  .w53per-sp {
    width: 53% !important;
  }
}

@media screen and (max-width: 767px) {
  .w54per-sp {
    width: 54% !important;
  }
}

@media screen and (max-width: 767px) {
  .w55per-sp {
    width: 55% !important;
  }
}

@media screen and (max-width: 767px) {
  .w56per-sp {
    width: 56% !important;
  }
}

@media screen and (max-width: 767px) {
  .w57per-sp {
    width: 57% !important;
  }
}

@media screen and (max-width: 767px) {
  .w58per-sp {
    width: 58% !important;
  }
}

@media screen and (max-width: 767px) {
  .w59per-sp {
    width: 59% !important;
  }
}

@media screen and (max-width: 767px) {
  .w60per-sp {
    width: 60% !important;
  }
}

@media screen and (max-width: 767px) {
  .w61per-sp {
    width: 61% !important;
  }
}

@media screen and (max-width: 767px) {
  .w62per-sp {
    width: 62% !important;
  }
}

@media screen and (max-width: 767px) {
  .w63per-sp {
    width: 63% !important;
  }
}

@media screen and (max-width: 767px) {
  .w64per-sp {
    width: 64% !important;
  }
}

@media screen and (max-width: 767px) {
  .w65per-sp {
    width: 65% !important;
  }
}

@media screen and (max-width: 767px) {
  .w66per-sp {
    width: 66% !important;
  }
}

@media screen and (max-width: 767px) {
  .w67per-sp {
    width: 67% !important;
  }
}

@media screen and (max-width: 767px) {
  .w68per-sp {
    width: 68% !important;
  }
}

@media screen and (max-width: 767px) {
  .w69per-sp {
    width: 69% !important;
  }
}

@media screen and (max-width: 767px) {
  .w70per-sp {
    width: 70% !important;
  }
}

@media screen and (max-width: 767px) {
  .w71per-sp {
    width: 71% !important;
  }
}

@media screen and (max-width: 767px) {
  .w72per-sp {
    width: 72% !important;
  }
}

@media screen and (max-width: 767px) {
  .w73per-sp {
    width: 73% !important;
  }
}

@media screen and (max-width: 767px) {
  .w74per-sp {
    width: 74% !important;
  }
}

@media screen and (max-width: 767px) {
  .w75per-sp {
    width: 75% !important;
  }
}

@media screen and (max-width: 767px) {
  .w76per-sp {
    width: 76% !important;
  }
}

@media screen and (max-width: 767px) {
  .w77per-sp {
    width: 77% !important;
  }
}

@media screen and (max-width: 767px) {
  .w78per-sp {
    width: 78% !important;
  }
}

@media screen and (max-width: 767px) {
  .w79per-sp {
    width: 79% !important;
  }
}

@media screen and (max-width: 767px) {
  .w80per-sp {
    width: 80% !important;
  }
}

@media screen and (max-width: 767px) {
  .w81per-sp {
    width: 81% !important;
  }
}

@media screen and (max-width: 767px) {
  .w82per-sp {
    width: 82% !important;
  }
}

@media screen and (max-width: 767px) {
  .w83per-sp {
    width: 83% !important;
  }
}

@media screen and (max-width: 767px) {
  .w84per-sp {
    width: 84% !important;
  }
}

@media screen and (max-width: 767px) {
  .w85per-sp {
    width: 85% !important;
  }
}

@media screen and (max-width: 767px) {
  .w86per-sp {
    width: 86% !important;
  }
}

@media screen and (max-width: 767px) {
  .w87per-sp {
    width: 87% !important;
  }
}

@media screen and (max-width: 767px) {
  .w88per-sp {
    width: 88% !important;
  }
}

@media screen and (max-width: 767px) {
  .w89per-sp {
    width: 89% !important;
  }
}

@media screen and (max-width: 767px) {
  .w90per-sp {
    width: 90% !important;
  }
}

@media screen and (max-width: 767px) {
  .w91per-sp {
    width: 91% !important;
  }
}

@media screen and (max-width: 767px) {
  .w92per-sp {
    width: 92% !important;
  }
}

@media screen and (max-width: 767px) {
  .w93per-sp {
    width: 93% !important;
  }
}

@media screen and (max-width: 767px) {
  .w94per-sp {
    width: 94% !important;
  }
}

@media screen and (max-width: 767px) {
  .w95per-sp {
    width: 95% !important;
  }
}

@media screen and (max-width: 767px) {
  .w96per-sp {
    width: 96% !important;
  }
}

@media screen and (max-width: 767px) {
  .w97per-sp {
    width: 97% !important;
  }
}

@media screen and (max-width: 767px) {
  .w98per-sp {
    width: 98% !important;
  }
}

@media screen and (max-width: 767px) {
  .w99per-sp {
    width: 99% !important;
  }
}

@media screen and (max-width: 767px) {
  .w100per-sp {
    width: 100% !important;
  }
}

.fz10 {
  font-size: 10px !important;
}

.fz11 {
  font-size: 11px !important;
}

.fz12 {
  font-size: 12px !important;
}

.fz13 {
  font-size: 13px !important;
}

.fz14 {
  font-size: 14px !important;
}

.fz15 {
  font-size: 15px !important;
}

.fz16 {
  font-size: 16px !important;
}

.fz17 {
  font-size: 17px !important;
}

.fz18 {
  font-size: 18px !important;
}

.fz19 {
  font-size: 19px !important;
}

.fz20 {
  font-size: 20px !important;
}

.fz21 {
  font-size: 21px !important;
}

.fz22 {
  font-size: 22px !important;
}

.fz23 {
  font-size: 23px !important;
}

.fz24 {
  font-size: 24px !important;
}

.fz25 {
  font-size: 25px !important;
}

.fz26 {
  font-size: 26px !important;
}

.fz27 {
  font-size: 27px !important;
}

.fz28 {
  font-size: 28px !important;
}

.fz29 {
  font-size: 29px !important;
}

.fz30 {
  font-size: 30px !important;
}

.fz31 {
  font-size: 31px !important;
}

.fz32 {
  font-size: 32px !important;
}

.fz33 {
  font-size: 33px !important;
}

.fz34 {
  font-size: 34px !important;
}

.fz35 {
  font-size: 35px !important;
}

.fz36 {
  font-size: 36px !important;
}

.fz37 {
  font-size: 37px !important;
}

.fz38 {
  font-size: 38px !important;
}

.fz39 {
  font-size: 39px !important;
}

.fz40 {
  font-size: 40px !important;
}

.fz41 {
  font-size: 41px !important;
}

.fz42 {
  font-size: 42px !important;
}

.fz43 {
  font-size: 43px !important;
}

.fz44 {
  font-size: 44px !important;
}

.fz45 {
  font-size: 45px !important;
}

.fz46 {
  font-size: 46px !important;
}

.fz47 {
  font-size: 47px !important;
}

.fz48 {
  font-size: 48px !important;
}

.fz49 {
  font-size: 49px !important;
}

.fz50 {
  font-size: 50px !important;
}

.fz51 {
  font-size: 51px !important;
}

.fz52 {
  font-size: 52px !important;
}

.fz53 {
  font-size: 53px !important;
}

.fz54 {
  font-size: 54px !important;
}

.fz55 {
  font-size: 55px !important;
}

.fz56 {
  font-size: 56px !important;
}

.fz57 {
  font-size: 57px !important;
}

.fz58 {
  font-size: 58px !important;
}

.fz59 {
  font-size: 59px !important;
}

.fz60 {
  font-size: 60px !important;
}

.fz61 {
  font-size: 61px !important;
}

.fz62 {
  font-size: 62px !important;
}

.fz63 {
  font-size: 63px !important;
}

.fz64 {
  font-size: 64px !important;
}

.fz65 {
  font-size: 65px !important;
}

.fz66 {
  font-size: 66px !important;
}

.fz67 {
  font-size: 67px !important;
}

.fz68 {
  font-size: 68px !important;
}

.fz69 {
  font-size: 69px !important;
}

.fz70 {
  font-size: 70px !important;
}

.fz71 {
  font-size: 71px !important;
}

.fz72 {
  font-size: 72px !important;
}

.fz73 {
  font-size: 73px !important;
}

.fz74 {
  font-size: 74px !important;
}

.fz75 {
  font-size: 75px !important;
}

.fz76 {
  font-size: 76px !important;
}

.fz77 {
  font-size: 77px !important;
}

.fz78 {
  font-size: 78px !important;
}

.fz79 {
  font-size: 79px !important;
}

.fz80 {
  font-size: 80px !important;
}

.fz81 {
  font-size: 81px !important;
}

.fz82 {
  font-size: 82px !important;
}

.fz83 {
  font-size: 83px !important;
}

.fz84 {
  font-size: 84px !important;
}

.fz85 {
  font-size: 85px !important;
}

.fz86 {
  font-size: 86px !important;
}

.fz87 {
  font-size: 87px !important;
}

.fz88 {
  font-size: 88px !important;
}

.fz89 {
  font-size: 89px !important;
}

.fz90 {
  font-size: 90px !important;
}

.fz91 {
  font-size: 91px !important;
}

.fz92 {
  font-size: 92px !important;
}

.fz93 {
  font-size: 93px !important;
}

.fz94 {
  font-size: 94px !important;
}

.fz95 {
  font-size: 95px !important;
}

.fz96 {
  font-size: 96px !important;
}

.fz97 {
  font-size: 97px !important;
}

.fz98 {
  font-size: 98px !important;
}

.fz99 {
  font-size: 99px !important;
}

.fz100 {
  font-size: 100px !important;
}

@media screen and (max-width: 767px) {
  .fz10-sp {
    font-size: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz11-sp {
    font-size: 11px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz12-sp {
    font-size: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz13-sp {
    font-size: 13px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz14-sp {
    font-size: 14px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz15-sp {
    font-size: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz16-sp {
    font-size: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz17-sp {
    font-size: 17px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz18-sp {
    font-size: 18px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz19-sp {
    font-size: 19px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz20-sp {
    font-size: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz21-sp {
    font-size: 21px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz22-sp {
    font-size: 22px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz23-sp {
    font-size: 23px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz24-sp {
    font-size: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz25-sp {
    font-size: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz26-sp {
    font-size: 26px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz27-sp {
    font-size: 27px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz28-sp {
    font-size: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz29-sp {
    font-size: 29px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz30-sp {
    font-size: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz31-sp {
    font-size: 31px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz32-sp {
    font-size: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz33-sp {
    font-size: 33px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz34-sp {
    font-size: 34px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz35-sp {
    font-size: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz36-sp {
    font-size: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz37-sp {
    font-size: 37px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz38-sp {
    font-size: 38px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz39-sp {
    font-size: 39px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz40-sp {
    font-size: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz41-sp {
    font-size: 41px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz42-sp {
    font-size: 42px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz43-sp {
    font-size: 43px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz44-sp {
    font-size: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz45-sp {
    font-size: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz46-sp {
    font-size: 46px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz47-sp {
    font-size: 47px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz48-sp {
    font-size: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz49-sp {
    font-size: 49px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz50-sp {
    font-size: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz51-sp {
    font-size: 51px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz52-sp {
    font-size: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz53-sp {
    font-size: 53px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz54-sp {
    font-size: 54px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz55-sp {
    font-size: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz56-sp {
    font-size: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz57-sp {
    font-size: 57px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz58-sp {
    font-size: 58px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz59-sp {
    font-size: 59px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz60-sp {
    font-size: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz61-sp {
    font-size: 61px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz62-sp {
    font-size: 62px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz63-sp {
    font-size: 63px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz64-sp {
    font-size: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz65-sp {
    font-size: 65px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz66-sp {
    font-size: 66px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz67-sp {
    font-size: 67px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz68-sp {
    font-size: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz69-sp {
    font-size: 69px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz70-sp {
    font-size: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz71-sp {
    font-size: 71px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz72-sp {
    font-size: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz73-sp {
    font-size: 73px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz74-sp {
    font-size: 74px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz75-sp {
    font-size: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz76-sp {
    font-size: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz77-sp {
    font-size: 77px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz78-sp {
    font-size: 78px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz79-sp {
    font-size: 79px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz80-sp {
    font-size: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz81-sp {
    font-size: 81px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz82-sp {
    font-size: 82px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz83-sp {
    font-size: 83px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz84-sp {
    font-size: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz85-sp {
    font-size: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz86-sp {
    font-size: 86px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz87-sp {
    font-size: 87px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz88-sp {
    font-size: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz89-sp {
    font-size: 89px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz90-sp {
    font-size: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz91-sp {
    font-size: 91px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz92-sp {
    font-size: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz93-sp {
    font-size: 93px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz94-sp {
    font-size: 94px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz95-sp {
    font-size: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz96-sp {
    font-size: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz97-sp {
    font-size: 97px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz98-sp {
    font-size: 98px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz99-sp {
    font-size: 99px !important;
  }
}

@media screen and (max-width: 767px) {
  .fz100-sp {
    font-size: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .mt00-sp {
    margin-top: 0 !important;
  }

  .mt05-sp {
    margin-top: 5px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb00-sp {
    margin-bottom: 0 !important;
  }

  .mb05-sp {
    margin-bottom: 5px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml00-sp {
    margin-left: 0 !important;
  }

  .ml05-sp {
    margin-left: 5px !important;
  }

  .ml09-sp {
    margin-left: 9px !important;
  }

  .ml12-sp {
    margin-left: 12px !important;
  }

  .ml15-sp {
    margin-left: 15px !important;
  }

  .ml30-sp {
    margin-left: 30px !important;
  }

  .ml40-sp {
    margin-left: 40px !important;
  }

  .ml50-sp {
    margin-left: 50px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr00-sp {
    margin-right: 0 !important;
  }

  .mr05-sp {
    margin-right: 5px !important;
  }

  .mr10-sp {
    margin-right: 10px !important;
  }

  .mr12-sp {
    margin-right: 12px !important;
  }

  .mr15-sp {
    margin-right: 15px !important;
  }

  .mr30-sp {
    margin-right: 30px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb00-sp {
    padding-bottom: 0 !important;
  }

  .pb05-sp {
    padding-bottom: 5px !important;
  }

  .pb10-sp {
    padding-bottom: 10px !important;
  }
}
.indent01 {
  text-indent: -1em;
  padding-left: 1em;
}

.wrap01 {
  display: flex;
}
.wrap01.bC {
  justify-content: center;
}
.wrap01.between {
  justify-content: space-between;
}
.wrap01.aC {
  align-items: center;
}
.wrap01.aEnd {
  align-items: flex-end;
}
.wrap01.reverse {
  flex-direction: row-reverse;
}

@media screen and (min-width: 768px) {
  .wrap01-pc {
    display: flex;
  }
  .wrap01-pc.bC {
    justify-content: center;
  }
  .wrap01-pc.between {
    justify-content: space-between;
  }
  .wrap01-pc.aC {
    align-items: center;
  }
  .wrap01-pc.aEnd {
    align-items: flex-end;
  }
  .wrap01-pc.reverse {
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 767px) {
  .wrap01-sp {
    display: flex;
  }
  .wrap01-sp.bC {
    justify-content: center;
  }
  .wrap01-sp.between {
    justify-content: space-between;
  }
  .wrap01-sp.aC {
    align-items: center;
  }
  .wrap01-sp.aEnd {
    align-items: flex-end;
  }
  .wrap01-sp.reverse {
    flex-direction: row-reverse;
  }

  .wAuto-sp {
    width: auto !important;
  }
}
/* heading 
*****************************************/
h3 img {
  vertical-align: bottom;
}

.heading01 {
  background: url(../img/background-12.png) no-repeat 0 100%;
  width: 735px;
  font-weight: bold;
  color: #000;
  padding: 0 0 2px 20px;
  position: relative;
  margin-bottom: 15px;
  margin-left: 10px;
}
@media screen and (max-width: 767px) {
  .mainContents > .heading01:first-child {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .heading01 {
    width: calc(100% + 30px);
    padding: 0 0 2px 15px;
    margin-left: -15px;
    margin-right: -15px;
    padding-right: 15px;
    background: url(../img/background-99.png) no-repeat 0 100%/100% auto;
  }
}
@media screen and (max-width: 767px) {
  .heading01.type02 {
    width: 100%;
    padding: 0 0 2px 15px;
    margin-left: 0;
    margin-right: 0;
    background: url(../img/background-99.png) no-repeat 0 100%/100% auto;
  }
}

.heading01.wide {
  background: url(../img/background-99.png) no-repeat 0 100%;
  width: 940px;
  padding: 0 0 2px 20px;
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .heading01.wide {
    width: 100%;
    padding: 0 0 2px 15px;
    background: url(../img/background-99.png) no-repeat 0 100%/100% auto;
  }
}

.heading01.caution {
  background: url(../img/background-25.png) no-repeat 0 100%;
}

.heading01 span {
  font-size: 172%;
  color: #00326E;
  text-shadow: 0px 2px 0px #FFF;
  padding: 0 0 10px 0;
  display: inline-block;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .heading01 span {
    font-size: 20px;
    padding: 0 0 10px 0;
  }
}

.heading01 span.small {
  font-size: 100%;
  text-shadow: 0px -1px 0px #dcdddd;
  padding: 0 0 10px 0;
  display: inline-block;
  font-weight: normal;
  margin-left: 7px;
}

.heading01.caution span {
  padding: 0 0 10px 23px;
}

.heading01 a,
.heading01.caution a {
  position: absolute;
  bottom: 10px;
  right: 2px;
  background: url(../img/background-13.png) no-repeat 0 0;
  color: #007dff;
  display: inline-block;
  padding: 0 0 0 13px;
  text-decoration: none;
  line-height: 1.1;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .heading01 a,
  .heading01.caution a {
    display: none;
  }
}

.heading01 a span,
.heading01.caution a span {
  font-size: 86%;
  background: url(../img/background-14.png) no-repeat 100% 0;
  padding: 7px 27px 15px 0;
  display: inline-block;
  text-shadow: none;
  color: #007dff;
}

.heading01 a:hover {
  background: url(../img/background-13on.png) no-repeat 0 0;
}

.heading01 a:hover span {
  background: url(../img/background-14on.png) no-repeat 100% 0;
}

.heading02 {
  background: url(../img/background-15.png) no-repeat 0 100%;
  width: 960px;
  width: 912px;
  min-height: 48px;
  font-weight: bold;
  color: #000;
  padding: 0 0 0 48px;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .mainContents > .heading02:first-child {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .heading02 {
    width: 100%;
    background: url(../img/background-15.png) no-repeat 0 100%/100% auto;
  }
}

.heading02 span {
  font-size: 172%;
  color: #00326E;
  text-shadow: 0px 2px 0px #FFF;
  padding: 0 0 10px 0;
  display: inline-block;
}

.heading02.guide {
  background: url(../img/background-15.png) no-repeat 0 100%;
}
@media screen and (max-width: 767px) {
  .heading02.guide {
    width: 100%;
    background: url(../img/background-99.png) no-repeat 0 100%/100% auto;
    position: relative;
  }
  .heading02.guide::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 10px;
    width: 40px;
    height: 35px;
    background: url(../img/icon-23.png) no-repeat 0 0/35px auto;
  }
}

.heading02.support {
  background: url(../img/background-24.png) no-repeat 0 100%;
}

.heading02-2 {
  background: url(../img/background-53.png) no-repeat 0 100%;
  width: 960px;
  min-height: 18px;
  font-weight: bold;
  color: #000;
  padding: 0 0 0 20px;
}

.heading02-2 span {
  font-size: 115%;
  font-size: 122%;
  color: #00326E;
  text-shadow: 0px 2px 0px #FFF;
  padding: 0 0 15px 0;
  padding: 0 0 6px 0;
  display: inline-block;
  font-weight: bold;
}

.heading02-3 {
  clear: both;
  background: url(../img/background-66.png) no-repeat 0 100%;
  width: 735px;
  min-height: 34px;
  font-weight: bold;
  color: #000;
  padding: 0 0 0 20px;
  margin-bottom: 13px;
}

.heading02-3.new {
  background: url(../img/background-56.png) no-repeat 0 100%;
  width: 703px;
  padding: 0 0 0 52px;
}

.heading02-3 span,
.heading02-3.new span {
  font-size: 115%;
  color: #00326E;
  text-shadow: 0px 2px 0px #FFF;
  padding: 4px 0 1px 0;
  display: inline-block;
  font-weight: bold;
}

.heading02-4 {
  background: url(../img/background-64.png) no-repeat 0 100%;
  width: 220px;
  min-height: 29px;
  font-weight: bold;
  font-size: 129% !important;
  color: #00316D !important;
  text-shadow: 0px 2px 0px #FFF;
  padding: 0 0 0 0;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .heading02-4 {
    width: 100%;
  }
}

.heading02-4.new {
  background: url(../img/background-65.png) no-repeat 0 100%;
  width: 170px;
  min-height: 29px;
  font-weight: bold;
  padding: 0 0 0 29px;
}

.heading03,
.heading03-2,
.heading03-01,
.heading03-02 {
  clear: both;
  color: #505050;
  background: url(../img/background-23.png) no-repeat 0 100%;
  width: 735px;
  min-height: 33px;
  _height: 33px;
  margin-bottom: 18px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .heading03,
  .heading03-2,
  .heading03-01,
  .heading03-02 {
    width: 100%;
    background: #00009d;
    border-radius: 10px 10px 0 0;
  }
}

.heading03 span.title {
  font-size: 115%;
  font-weight: bold;
  color: #00326E;
  position: absolute;
  bottom: -10px;
  left: 20px;
  text-shadow: 0px 2px 0px #FFF;
  padding: 0 0 10px 0;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .heading03 span.title {
    position: inherit;
    bottom: inherit;
    left: inherit;
    color: #fff;
    font-size: 16px;
    text-shadow: none;
    padding: 10px 15px 8px 15px;
  }
}

.heading03 span.date {
  position: absolute;
  bottom: -8px;
  right: 18px;
  font-size: 86%;
  padding: 0 0 10px 0;
  display: inline-block;
  width: 180px;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .heading03 span.date {
    position: static;
    bottom: inherit;
    right: inherit;
    color: #fff;
    width: 100%;
    padding-right: 10px;
  }
}

.heading03 span.title span.important {
  font-size: 86%;
  font-weight: normal;
  padding-left: 18px;
  background: url(../img/icon-07.png) no-repeat 0 50%;
  margin-left: 1em;
  color: #DC0000;
  text-shadow: none;
}

.heading03-2 {
  background: url(../img/background-75.png) no-repeat 0 100%;
  width: 355px;
}
@media screen and (max-width: 767px) {
  .heading03-2 {
    width: 100%;
    background: #00009d;
  }
}

.heading03-2 span.title,
.heading03-01 span.title,
.heading03-02 span.title {
  font-size: 115%;
  font-weight: bold;
  color: #00326E;
  position: absolute;
  bottom: -7px;
  bottom: -10px;
  left: 19px;
  text-shadow: 0px 2px 0px #FFF;
  padding: 0 0 10px 0;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .heading03-2 span.title,
  .heading03-01 span.title,
  .heading03-02 span.title {
    position: inherit;
    bottom: inherit;
    left: inherit;
    color: #fff;
    font-size: 16px;
    text-shadow: none;
    padding: 10px 15px 8px 15px;
  }
}

/* mini_tower */
.heading03-01 {
  background: url(../img/background-23-01.png) no-repeat 0 100%;
  width: 238px;
}
@media screen and (max-width: 767px) {
  .heading03-01 {
    width: 100%;
    background: #00009d;
  }
}

.heading03-02 {
  background: url(../img/background-23-02.png) no-repeat 0 100%;
  width: 476px;
}
@media screen and (max-width: 767px) {
  .heading03-02 {
    width: 100%;
    background: #00009d;
  }
}

.heading04 {
  color: #505050;
  font-size: 129%;
  margin-bottom: 15px;
}
.heading04.borderBottom {
  font-weight: bold;
  padding: 0 0 2px 2px;
  border-bottom: 1px solid #989898;
}

.heading05 {
  color: #003264;
  font-weight: bold;
  margin-bottom: 15px;
}

.heading06 {
  clear: both;
  width: 695px;
  margin-bottom: 18px;
  position: relative;
  display: flex;
}
@media screen and (max-width: 767px) {
  .heading06 {
    width: 100%;
    align-items: center;
  }
}

.heading06 span.number {
  font-size: 115%;
  font-weight: bold;
  color: #00326E;
  margin-right: 10px;
  text-shadow: 0px 2px 0px #FFF;
  display: inline-block;
}

.heading06 span.title {
  font-size: 115%;
  font-weight: bold;
  color: #00326E;
  text-shadow: 0px 2px 0px #FFF;
  display: inline-block;
  padding-top: 5px;
}
@media screen and (max-width: 767px) {
  .heading06 span.title {
    padding-top: 0;
    width: calc(100% - 47px);
  }
}

.heading07 {
  line-height: 1.05;
  padding-bottom: 2px;
  border-bottom: 1px solid #cccccc;
  display: block;
  margin-bottom: 1.4em;
}

.heading07 a {
  color: #505050;
}

.heading07 a img {
  margin-left: 0.5em;
}

#search .heading07 {
  margin-top: 58px;
}

#search .heading07 a {
  color: #007CFF;
}

#search .address {
  margin-top: -0.5em !important;
  color: #4F4F4F;
  color: #999;
}

.heading08 {
  width: 338px;
  min-height: 27px;
  font-weight: bold;
  padding: 0 0 0 42px;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .heading08 {
    padding: 0 0 0 40px;
  }
}

.heading08.ranking {
  background: url(../img/background-57.png) no-repeat 0 100%;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .heading08.ranking {
    width: 100%;
    background: url(../img/background-60.png) no-repeat 0 100%/100% auto;
    position: relative;
  }
  .heading08.ranking::before {
    content: '';
    position: absolute;
    bottom: 11px;
    left: 15px;
    width: 16px;
    height: 15px;
    background: url(../img/icon-26.png) no-repeat 0 100%/100% auto;
  }
}

.heading08.important {
  background: url(../img/background-58.png) no-repeat 0 100%;
  width: 318px;
}
@media screen and (max-width: 767px) {
  .heading08.important {
    width: 100%;
    background: url(../img/background-60.png) no-repeat 0 100%/100% auto;
    position: relative;
  }
  .heading08.important::before {
    content: '';
    position: absolute;
    bottom: 8px;
    left: 15px;
    width: 20px;
    height: 18px;
    background: url(../img/icon-27.png) no-repeat 0 100%/100% auto;
  }
}

.heading08.info {
  background: url(../img/background-59.png) no-repeat 0 100%;
  width: 318px;
}
@media screen and (max-width: 767px) {
  .heading08.info {
    width: 100%;
    background: url(../img/background-60.png) no-repeat 0 100%/100% auto;
    position: relative;
  }
  .heading08.info::before {
    content: '';
    position: absolute;
    bottom: 8px;
    left: 15px;
    width: 19px;
    height: 19px;
    background: url(../img/icon-28.png) no-repeat 0 100%/100% auto;
  }
}

.heading08 span {
  font-size: 115%;
  color: #00326E;
  text-shadow: 0px 2px 0px #FFF;
  padding: 0 0 6px 0;
  display: inline-block;
  font-weight: bold;
}

.heading09,
.heading09-2,
.heading09-3 {
  clear: both;
  color: #FFF;
  /*background:url(../img/background-88.png) no-repeat 0 100% ;*/
  background: url(../img/background-89.png) no-repeat 0 100%;
  /*width:695px;*/
  min-height: 43px;
  _height: 43px;
  margin-bottom: 15px;
  position: relative;
}

.heading09 span.title,
.heading09-2 span.title,
.heading09-3 span.title {
  font-size: 115%;
  font-size: 129%;
  color: #FFF;
  padding: 3px 0 10px 12px;
  display: inline-block;
}

/*.heading09-2 {
	background:url(../img/background-89.png) no-repeat 0 100% ;
	width:715px;
	margin-bottom:10px;
}
.heading09-3 {
	background:url(../img/background-89.png) no-repeat 0 100% ;
	width:735px;
	margin-bottom:10px;
}
.heading09-2 span.title {
}*/
.heading10 {
  clear: both;
  font-size: 129%;
  font-weight: bold;
  color: #00008B;
  margin-bottom: 15px;
}

.heading10-2 {
  clear: both;
  font-weight: bold;
  color: #00008B;
  margin-bottom: 15px;
  font-size: 115%;
}

.heading11 {
  clear: both;
  font-size: 115%;
  font-weight: bold;
  color: #00177A;
}

.heading11-2 {
  clear: both;
  font-size: 115%;
  font-weight: bold;
  color: #00177A;
  margin-bottom: 8px;
}

.heading11-3 {
  clear: both;
  font-size: 115%;
  font-weight: bold;
  color: #873E00;
  margin-bottom: 8px;
}

.heading12 {
  clear: both;
  font-size: 129%;
  font-weight: bold;
  color: #730000;
}

.heading12-2 {
  clear: both;
  font-size: 129%;
  font-weight: bold;
  color: #000;
}

.heading12-3 {
  clear: both;
  font-size: 115%;
  font-weight: bold;
  color: #9A1700;
}

.heading13 {
  display: block;
  margin-left: 1px;
}

.heading13 span {
  font-size: 108%;
  color: #FFF;
  text-shadow: 0px -2px 0px #1E69AC;
  display: inline-block;
  padding-left: 2.5em;
  padding-right: 2.2em;
  background: linear-gradient(180deg, #2e8ac7 0%, #269ae9 40%, #008de2 40%, #0093fc 60%, #0093fc 100%);
  padding-top: 1px;
  border-radius: 4px 4px 0 0;
}

.heading14 {
  color: #800;
  font-weight: bold;
  font-size: 129%;
}

.heading15 {
  color: #000;
  font-size: 220%;
  line-height: 1.2;
  margin-bottom: 22px;
}

.heading16 {
  color: #800;
  font-weight: bold;
  font-size: 108%;
  margin-bottom: 5px;
}

.heading17 {
  color: #000;
  font-size: 120%;
  line-height: 1.1;
  padding-bottom: 5px;
  margin-bottom: 22px;
  border-bottom: 1px solid #8D8D8D;
}

@media screen and (max-width: 767px) {
  .heading18 {
    text-align: center;
    margin-bottom: 22px;
  }
}
.heading18 span {
  color: #000;
  font-size: 18px;
  line-height: 1.1;
  display: inline-block;
  text-align: center;
  padding: 0 3.5em 5px;
  border-bottom: 2px solid #000;
}

/*	 pagetop
*****************************************/
.pagetop {
  clear: both;
  text-align: right;
}

.layoutType01 .mainContents .pagetop {
  margin-right: 30px;
}

.layoutType01 .mainContents .section .pagetop {
  margin-right: 10px;
}

.layoutType01 .mainContents .section .section .pagetop {
  margin-right: 0;
}

.pagetop a {
  color: #B3B3B3;
  font-size: 72%;
  line-height: 1.5;
  background: url(../img/icon-02.png) no-repeat 100% 50%;
  padding-right: 17px;
  padding: 2px 17px 2px 0;
}

.pagetop a:hover {
  color: #5c5c5c;
  background: url(../img/icon-02on.png) no-repeat 100% 50%;
  text-decoration: underline;
  padding-right: 17px;
}

.pagetop_FIX a {
  position: fixed;
  display: block;
  z-index: 3;
  width: 50px;
  height: 50px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .pagetop_FIX a {
    left: calc(50% + 520px);
    bottom: 0;
  }
  .pagetop_FIX a::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.15);
    transition: .3s;
  }
  .pagetop_FIX a:hover::before {
    background: rgba(0, 0, 0, 0.5);
  }
  .pagetop_FIX a::after {
    content: '';
    position: absolute;
    bottom: 18px;
    right: 15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9px 15px 9px;
    border-color: transparent transparent #ffffff transparent;
  }
}
@media screen and (max-width: 767px) {
  .pagetop_FIX a {
    right: 15px;
    bottom: 15px;
    background: url("../img/to_top_sp.png") no-repeat 0 0/cover;
  }
}

/*	 topFourColumn01
*****************************************/
.topFourColumn01 {
  clear: both;
  background: url(../img/background-16.png) no-repeat 0 100%;
  width: 940px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .topFourColumn01 {
    width: 100%;
    background: none;
  }
}

.topFourColumn01 .inner {
  background: url(../img/background-17.png) no-repeat 0 0;
  padding: 10px 0 20px 0;
}
@media screen and (max-width: 767px) {
  .topFourColumn01 .inner {
    background: none;
  }
}

.topFourColumn01 .inner .col {
  float: left;
  width: 195px;
  padding: 0 11px;
  _width: 198px;
  _padding: 0 10px 0 9px;
  margin-right: 18px;
}
@media screen and (max-width: 767px) {
  .topFourColumn01 .inner .col {
    width: 100%;
    border: 1px solid #cccccc;
    padding: 11px 11px;
    border-radius: 4px;
    margin-right: 0;
  }
  .topFourColumn01 .inner .col + .col {
    margin-top: 15px;
  }
}

.topFourColumn01 .inner .col.last {
  margin-right: 0;
}

.topFourColumn01.three {
  clear: both;
  background: url(../img/background-16.png) no-repeat -235px 100%;
  width: 940px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .topFourColumn01.three {
    background: none;
    width: 100%;
  }
}

.topFourColumn01.three .inner {
  background: url(../img/background-17.png) no-repeat -235px 0;
  padding: 10px 0 20px 0;
}
@media screen and (max-width: 767px) {
  .topFourColumn01.three .inner {
    background: none;
  }
}

/*	 topThreeColumn01
*****************************************/
.topThreeColumn01 {
  clear: both;
  background: url(../img/background-107.png) no-repeat 0 100%;
  width: 940px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .topThreeColumn01 {
    width: 100%;
    background: none;
  }
}

.topThreeColumn01 .inner {
  background: url(../img/background-108.png) no-repeat 0 0;
  padding: 10px 0 20px 0;
}
@media screen and (max-width: 767px) {
  .topThreeColumn01 .inner {
    background: none;
  }
}

.topThreeColumn01 .inner .col {
  float: left;
  width: 272px;
  padding: 0 11px;
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .topThreeColumn01 .inner .col {
    float: none;
    width: 100%;
    padding: 11px 11px;
    margin-left: 0;
    border: 1px solid #cccccc;
    border-radius: 4px;
  }
  .topThreeColumn01 .inner .col + .col {
    margin-top: 15px;
  }
}

.topThreeColumn01 .inner .col:first-child {
  margin-left: 0;
}

/*	 topTwoColumn01
*****************************************/
.topTwoColumn01 {
  clear: both;
  background: url(../img/background-18.png) no-repeat 0 100%;
  width: 452px;
  width: 922px;
  overflow: hidden;
  margin-right: -18px;
}
@media screen and (max-width: 767px) {
  .topTwoColumn01 {
    width: 100%;
    background: none;
    margin-right: 0;
  }
}

.topTwoColumn01.col01 {
  background: url(../img/background-18.png) no-repeat 0 100%;
  width: 452px;
}
@media screen and (max-width: 767px) {
  .topTwoColumn01.col01 {
    width: 100%;
    background: none;
  }
}

.topTwoColumn01 .inner {
  background: url(../img/background-19.png) no-repeat 0 0;
  padding: 10px 0 13px 0;
}
@media screen and (max-width: 767px) {
  .topTwoColumn01 .inner {
    background: none;
  }
}

.topTwoColumn01 .inner .col {
  float: left;
  width: 430px;
  padding: 0 11px;
}
@media screen and (max-width: 767px) {
  .topTwoColumn01 .inner .col {
    width: 100%;
    padding: 11px 11px;
    border: 1px solid #cccccc;
    border-radius: 4px;
  }
  .topTwoColumn01 .inner .col + .col {
    margin-top: 15px;
  }
}

.topTwoColumn01 .inner .col .innerLeft01 {
  float: left;
  width: 198px;
}

.topTwoColumn01 .inner .col .innerRight01 {
  float: right;
  width: 190px;
  margin-right: 8px;
}

.topTwoColumn01 .inner .col .innerLeft02 {
  float: left;
  width: 323px;
}

.topTwoColumn01 .inner .col .innerRight02 {
  float: right;
  width: 78px;
  padding: 5px 0 0 0;
}

.topTwoColumn01 .inner .col .innerRight03 {
  float: right;
  width: 222px;
  margin-right: 0px;
}

.topTwoColumn01 .inner .colRight {
  margin-left: 18px;
}
@media screen and (max-width: 767px) {
  .topTwoColumn01 .inner .colRight {
    margin-left: 0;
  }
}

.topTwoColumn01 .inner .col p {
  font-size: 12px;
  font-size: 86%;
}

/*	 topTwoColumn01.guideTop
*****************************************/
.topTwoColumn01.guideTop {
  width: 942px;
  background: url(../img/background-18.png) no-repeat -470px 100%;
}
@media screen and (max-width: 767px) {
  .topTwoColumn01.guideTop {
    width: 100%;
    background: none;
  }
}

.topTwoColumn01.guideTop .inner {
  padding: 0;
  background: url(../img/background-19.png) no-repeat -470px 0;
}
@media screen and (max-width: 767px) {
  .topTwoColumn01.guideTop .inner {
    background: none;
  }
}

.topTwoColumn01.guideTop .inner .col.type02 {
  width: 452px;
  padding: 0;
  margin-left: 18px;
}
@media screen and (max-width: 767px) {
  .topTwoColumn01.guideTop .inner .col.type02 {
    width: 100%;
    margin-left: 0;
    border: none;
  }
}

.topTwoColumn01.guideTop .inner .col .inner01 {
  padding: 10px 0 13px 0;
}
@media screen and (max-width: 767px) {
  .topTwoColumn01.guideTop .inner .col .inner01 {
    padding: 0;
  }
}

.positonRelative {
  position: relative;
}

.positonRelative .hdg {
  position: absolute;
  left: 1px;
  top: 7px;
}

.twoColumn01 .colLeft {
  float: left;
  width: 40%;
}
@media screen and (max-width: 767px) {
  .twoColumn01 .colLeft {
    width: 100%;
  }
}

.twoColumn01 .colRight {
  float: right;
  width: 60%;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .twoColumn01 .colRight {
    width: 100%;
  }
}

.twoColumn02 .colLeft {
  float: left;
  margin-right: 1.5em;
}

.twoColumn02 .colRight {
  float: left;
}

.twoColumn03 {
  /*	background:url(../img/background-40.png) no-repeat 22.8% 100% ;
  */
  background: url(../img/background-40.png) no-repeat 80% 100%;
}

.twoColumn03 .colLeft {
  float: left;
  width: 320px;
  border-right: 1px dotted #999;
  padding-right: 27px;
  margin-right: 27px;
  background: #FFF;
}

.twoColumn03 .colRight {
  float: left;
  width: 320px;
  background-color: #FFF;
}

.twoColumn03_seven {
  background: url(../img/background-79.png) no-repeat 50% 100%;
  padding-bottom: 80px;
}

.twoColumn03_seven .colLeft {
  float: left;
  width: 320px;
  padding-right: 27px;
  margin-right: 27px;
  background: #FFF;
}

.twoColumn03_seven .colRight {
  float: left;
  width: 320px;
  background-color: #FFF;
}

.twoColumn04 {
  width: 755px;
}
@media screen and (max-width: 767px) {
  .twoColumn04 {
    width: 100%;
  }
}

.twoColumn04 .colLeft {
  float: left;
  width: 380px;
}
@media screen and (max-width: 767px) {
  .twoColumn04 .colLeft {
    width: 100%;
  }
}

.twoColumn04 .colRight {
  float: right;
  width: 360px;
}
@media screen and (max-width: 767px) {
  .twoColumn04 .colRight {
    width: 100%;
  }
}

.twoColumn04 .colRight .section {
  width: 320px;
  margin: 0 auto 0;
}
@media screen and (max-width: 767px) {
  .twoColumn04 .colRight .section {
    width: 100%;
  }
}

.twoColumn05 {
  clear: both;
}

.twoColumn05 .colLeft {
  float: left;
  width: 320px;
}

.twoColumn05 .colRight {
  float: right;
  width: 360px;
}

.twoColumn06 {
  clear: both;
}

.twoColumn06 .colLeft {
  float: left;
  width: 355px;
}
@media screen and (max-width: 767px) {
  .twoColumn06 .colLeft {
    float: none;
    width: 100%;
  }
}

.twoColumn06 .colRight {
  float: right;
  width: 355px;
}
@media screen and (max-width: 767px) {
  .twoColumn06 .colRight {
    float: none;
    width: 100%;
  }
}

.twoColumn06 .colLeft .section,
.twoColumn06 .colRight .section {
  width: 315px !important;
  margin: 0 0 2em 20px !important;
}
@media screen and (max-width: 767px) {
  .twoColumn06 .colLeft .section,
  .twoColumn06 .colRight .section {
    width: 100% !important;
    margin: 0 0 2em 0 !important;
  }
  .twoColumn06 .colLeft .section a.button02,
  .twoColumn06 .colRight .section a.button02 {
    margin-left: auto;
    margin-right: auto;
  }
  .twoColumn06 .colLeft .section a.button02 img,
  .twoColumn06 .colRight .section a.button02 img {
    width: 10px;
    height: 10px;
    margin-bottom: 2px;
  }
  .twoColumn06 .colLeft .section .txt01,
  .twoColumn06 .colRight .section .txt01 {
    height: auto !important;
  }
}
@media screen and (max-width: 320px) {
  .twoColumn06 .colLeft .section a.button02,
  .twoColumn06 .colRight .section a.button02 {
    background: url(../img/button-09.png) no-repeat 0 0/100% auto;
    width: 100%;
  }
}

.twoColumn07 {
  clear: both;
}
@media screen and (max-width: 767px) {
  .twoColumn07 {
    margin-bottom: 10px;
  }
}

.twoColumn07 .colLeft {
  float: left;
  width: 118px;
}
@media screen and (max-width: 767px) {
  .twoColumn07 .colLeft {
    margin-left: 15px;
    padding-top: 5px;
  }
}

.twoColumn07 .colRight {
  float: right;
  width: 862px;
}
@media screen and (max-width: 767px) {
  .twoColumn07 .colRight {
    width: calc(100% - 118px - 30px);
    margin-right: 15px;
  }
  .twoColumn07 .colRight p {
    margin-top: 0 !important;
  }
}

.sitemapColumn01 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1em;
}
.sitemapColumn01 .col {
  width: 31%;
  margin-bottom: 2em;
  margin-right: 2.3%;
}
@media screen and (max-width: 767px) {
  .sitemapColumn01 .col {
    width: 100%;
    margin-bottom: 0;
    margin-right: 0;
  }
  .sitemapColumn01 .col + .col {
    margin-top: 15px;
  }
  .sitemapColumn01 .col p {
    margin-bottom: 0;
  }
}
.sitemapColumn01 .col dt {
  margin-bottom: 2px;
}
.sitemapColumn01 .col dt a {
  font-weight: bold;
  color: #505050;
}
.sitemapColumn01 .col dt a img {
  margin-left: 0.5em;
}
.sitemapColumn01 .col dd {
  font-size: 86%;
  margin-left: 10px;
  line-height: 1.3em;
}
.sitemapColumn01 .col dd a {
  color: #878787;
}
.sitemapColumn01 .col dd a img {
  margin-left: 0.5em;
}
.sitemapColumn01 .col dd a:hover {
  color: #007dff;
  text-decoration: underline;
}

.threeColumn01 {
  clear: both;
  margin-bottom: 1em;
}

.threeColumn01 .col {
  float: left;
  width: 31%;
  margin-bottom: 2em;
  margin-right: 2.3%;
}
@media screen and (max-width: 767px) {
  .threeColumn01 .col {
    width: 100%;
    margin-bottom: 0;
    margin-right: 0;
  }
  .threeColumn01 .col p {
    margin-bottom: 0;
  }
}

.threeColumn01 .col dt {
  margin-bottom: 2px;
}

.threeColumn01 .col dt a {
  font-weight: bold;
  color: #505050;
}

.threeColumn01 .col dt a img {
  margin-left: 0.5em;
}

.threeColumn01 .col dd {
  font-size: 86%;
  margin-left: 10px;
  line-height: 1.3em;
}

.threeColumn01 .col dd a {
  color: #878787;
}

.threeColumn01 .col dd a img {
  margin-left: 0.5em;
}

.threeColumn01 .col dd a:hover {
  color: #007dff;
  text-decoration: underline;
}

.freeColumn01 {
  clear: both;
}
@media screen and (max-width: 767px) {
  .freeColumn01 {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .freeColumn01.between {
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .freeColumn01.spNone {
    display: none;
  }
}

.freeColumn01 .col {
  float: left;
}
@media screen and (max-width: 767px) {
  .freeColumn01 .col {
    float: none;
  }
}

.freeColumn01 .colRight {
  float: right;
}
@media screen and (max-width: 767px) {
  .freeColumn01 .colRight {
    float: none;
  }
}

.w62 {
  width: 62px;
}

.w85 {
  width: 85px;
}

.w95 {
  width: 95px;
}

.w108 {
  width: 108px;
}

.w140 {
  width: 140px;
}

.w152 {
  width: 152px;
}

.w169 {
  width: 169px;
}

.w170 {
  width: 170px;
}

.w176 {
  width: 176px;
}

.w190 {
  width: 190px;
}

.w198 {
  width: 198px;
}

.w200 {
  width: 200px;
}

.w222 {
  width: 222px;
}

.w225 {
  width: 225px;
}

.w247 {
  width: 247px;
}

.w256 {
  width: 256px;
}

.w262 {
  width: 262px;
}

.w280 {
  width: 280px;
}

.w290 {
  width: 290px;
}

.w303 {
  width: 303px;
}

.w305 {
  width: 305px;
}

.w310 {
  width: 310px;
}

.w318 {
  width: 318px;
}

.w320 {
  width: 320px;
}

.w325 {
  width: 325px;
}

.w335 {
  width: 335px;
}

.w347 {
  width: 347px;
}

.w352 {
  width: 352px;
}

.w362 {
  width: 362px;
}

.w365 {
  width: 365px;
}

.w380 {
  width: 380px;
}

.w410 {
  width: 410px;
}

.w452 {
  width: 452px;
}

.w455 {
  width: 455px;
}

.w496 {
  width: 496px;
}

.w500 {
  width: 500px;
}

.w520 {
  width: 520px;
}

.w540 {
  width: 540px;
}

.w555 {
  width: 555px;
}

.w567 {
  width: 567px;
}

.w571 {
  width: 571px;
}

.w650 {
  width: 650px;
}

.w735 {
  width: 735px;
}

.w960 {
  width: 960px;
}

/*	 list
*****************************************/
.list01 li {
  font-size: 86%;
  background: url(../img/icon-03.gif) no-repeat 0 3px;
  padding-left: 10px;
  text-indent: -10px;
  line-height: 1.2;
  margin-bottom: 7px;
}

.list01 li a {
  padding-left: 10px;
}

.list01 li.blank a {
  padding-left: 10px;
  padding-right: 1.3em;
  background: url(../img/icon-05.png) no-repeat 100% 50%;
}

.list02 li a {
  background: url(../img/icon-03.gif) no-repeat 3px 7px;
  line-height: 1.2;
  padding: 3px 0 2px 13px;
  margin-bottom: 1px;
  display: block;
}

.list02 li a:hover,
.list02 li.current a {
  background: #007dff url(../img/icon-04.png) no-repeat 3px 7px;
  color: #FFF;
  text-decoration: none;
}

.list03 li {
  background: url(../img/icon-13.gif) no-repeat 0 3px;
  padding-left: 10px;
  margin-bottom: 2px;
}
.list03 li a[target="_blank"] {
  padding-right: 1.2em;
  background: url(../img/icon-14.gif) no-repeat 100% 1px/10px auto;
}

ul.list04 {
  margin-bottom: 1em;
}

ul.list04 li,
.newsList01 ul li {
  background: url(../img/icon-10.gif) no-repeat 0 5px;
  padding-left: 13px;
}

.list05 {
  margin-bottom: 1em;
}

.list05-2 {
  margin-bottom: 0;
}

.list05 li,
.list05-2 li {
  background: url(../img/icon-18.gif) no-repeat 4px 8px;
  padding-left: 1em;
  margin-bottom: 0.5em;
}

.list05-2 li {
  margin-bottom: 0;
}

.list06 {
  margin-bottom: 1em;
  border-top: 1px solid #8C8C8C;
}

.list06 li {
  padding: 0.3em 0.5em 0.2em;
  border-bottom: 1px solid #8C8C8C;
}

.list07 {
  margin-bottom: 1em;
}

.list07 li {
  background: url(../img/icon-19.png) no-repeat 2px 6px;
  padding-left: 1em;
  margin-bottom: 0.5em;
}

.support_bto .list02 li a,
.support_kit .list02 li a,
.support_parts .list02 li a {
  background: url(../img/icon-16.gif) no-repeat 3px 6px;
  color: #505050;
}

.support_bto .list02 li a:hover,
.support_bto .list02 li.current a,
.support_kit .list02 li a:hover,
.support_kit .list02 li.current a,
.support_parts .list02 li a:hover,
.support_parts .list02 li.current a {
  background: #505050 url(../img/icon-04.png) no-repeat 3px 7px;
  color: #FFF;
}

.float01 li {
  float: left;
  margin-right: 7px;
}

.float01 li.last {
  margin-right: 0;
}

.anchorList01 li {
  float: left;
  white-space: nowrap;
}

.anchorList01 li a {
  background: url(../img/icon-08.gif) no-repeat 100% 45%;
  padding-right: 15px;
}

.anchorList02 li {
  white-space: nowrap;
}

.anchorList02 li a {
  background: url(../img/icon-08.gif) no-repeat 100% 45%;
  padding-right: 15px;
}

.anchorList03 {
  margin-right: -15px;
  overflow: hidden;
}

.anchorList03 li {
  float: left;
  text-align: center;
  font-size: 79%;
  /* 11px */
  font-size: 86%;
  /* 12px */
  margin-right: 15px;
  width: 126px;
}

.anchorList03 li span {
  border: 2px solid #e5e5e5;
  background: #fafafa;
  display: block;
  width: 124px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  margin-bottom: 5px;
}

.anchorList03 li span img {
  border: 2px solid #FFF;
  display: block;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  width: 120px;
}

.anchorList03 li a:hover span {
  border: 2px solid #007dff;
}

.link01 {
  font-size: 86%;
  padding-right: 15px;
  background: url(../img/icon-06.gif) no-repeat 100% 50%;
}

.link02 li {
  float: left;
}

.link02 li a {
  background: url(../img/icon-09.gif) no-repeat 100% 45%;
  padding-right: 15px;
}

.link03 a {
  padding-right: 15px;
  background: url(../img/icon-06.gif) no-repeat 100% 50%;
}

.link05 {
  padding-right: 15px;
  background: url(../img/icon-06.gif) no-repeat 100% 50%;
}

.inquiryIc01 {
  background: url(../../inquiry/img/ic04.png) no-repeat 0 50%;
  padding: 6px 0 0 35px;
  min-height: 28px;
}

.inquiryIc02 {
  background: url(../../inquiry/img/ic05.png) no-repeat 0 50%;
  padding: 6px 0 0 42px;
  min-height: 28px;
}

.newsList01 {
  clear: both;
  margin-bottom: 4em;
  padding-top: 5px;
}

.newsList01 .date {
  line-height: 1.05;
  padding-bottom: 2px;
  border-bottom: 1px solid #cccccc;
  display: block;
  margin-bottom: 1em;
}

.newsList01 ul {
  margin-bottom: 1.5em;
}

.bannerList-01 {
  clear: both;
  margin-left: 10px;
}

.layoutType01 .mainContents .bannerList-01 {
  clear: both;
  margin-left: -2px;
  _margin-left: -8px;
}

.bannerList-01 li {
  float: left;
  width: 195px;
  width: 175px;
  margin: 0 21px 0 0;
  padding: 0 0 5px;
  background: url(../img/background-20.png) no-repeat 50% 100%;
  line-height: 1.05;
  font-size: 86%;
  line-height: 1.5;
}

.bannerList-01 li a {
  display: block;
  margin-bottom: 6px;
}

.bannerList-01 li.backgroundNone {
  background: none;
  padding: 0 0 0 10px;
}

.bannerList-01 li.last {
  margin-right: 0;
  margin-left: 1px;
}

.bannerList-01 li.backgroundNone.last {
  margin-left: 0px !important;
}

.bannerList-02 {
  clear: both;
}
@media screen and (max-width: 767px) {
  .bannerList-02 {
    padding: 0 15px;
  }
}

.bannerList-02 li {
  width: 195px;
  margin: 0 1px;
  padding: 0 0 5px;
  text-align: center;
  background: url(../img/background-20.png) no-repeat 50% 100%;
  line-height: 1.05;
  font-size: 0;
}
@media screen and (max-width: 767px) {
  .bannerList-02 li {
    width: 40%;
    margin: 0;
    padding: 0;
  }
}

#rightNavigation + .bannerList-03 {
  margin-top: 10px;
}

.bannerList-03 {
  padding: 0 10px;
}
@media screen and (max-width: 767px) {
  .bannerList-03 {
    padding: 0 15px;
  }
}
.sideContents .bannerList-03 li + li {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .sideContents .bannerList-03 li + li {
    margin-top: 15px;
  }
}
.sideContents .bannerList-03 li p + p {
  margin-top: 4px;
}
@media screen and (max-width: 767px) {
  .sideContents .bannerList-03 li p + p {
    margin-top: 0;
  }
}
.bannerList-03 li {
  display: flex;
  flex-wrap: wrap;
}
.bannerList-03 li + li {
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .bannerList-03 li {
    justify-content: space-between;
  }
}
.bannerList-03 li p {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .bannerList-03 li p {
    width: 40%;
  }
  .bannerList-03 li p + p {
    width: 56%;
    margin-right: 0;
  }
}

.banner {
  width: 195px;
  padding: 0 0 5px;
  text-align: center;
  background: url(../img/background-20.png) no-repeat 50% 100%;
  line-height: 1.05;
}

.bannerTxt {
  width: 170px;
  margin: 0 auto 10px;
  font-size: 86%;
}

.banner2 {
  width: 391px;
  padding: 0 0 5px;
  text-align: center;
  background: url(../img/background-62.png) no-repeat 50% 100%;
  line-height: 1.05;
}

.banner3 {
  width: 980px;
  padding: 0 0 5px;
  text-align: center;
  background: url(../img/background-63.png) no-repeat 50% 100%;
  line-height: 1.05;
}

.box01 {
  border: #c7c7c7 solid 1px;
  background: #fcfdfd;
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 0px;
  padding-left: 15px;
}
@media screen and (max-width: 767px) {
  .box01 {
    padding: 12px;
  }
}
.box01 a {
  word-break: break-all;
}

.subtotalShipBannerWrap {
  width: 100%;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .subtotalShipBannerWrap {
    width: auto;
  }
}

.box02 {
  border-top: #dedede solid 1px;
  border-left: #dedede solid 1px;
  border-right: #dedede solid 1px;
}

.box02 .priceDL {
  padding: 1px;
  background-color: #f0ede8;
  border-bottom: #dedede solid 1px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.box02 .priceDL.last {
  border-bottom: none;
  border-radius: 0 0 6px 6px;
  padding-bottom: 3px;
}
@media screen and (max-width: 767px) {
  .box02 .priceDL.last {
    border-radius: 0;
  }
}
.box02 .priceDL.borderBottomNone {
  border-bottom: none;
}
.box02 .priceDL .dt {
  font-size: 86%;
  margin: 3px 5px 0 5px;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .box02 .priceDL .dt {
    font-size: 11px;
  }
}
.box02 .priceDL .dd {
  margin: 0 0 0 auto !important;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .box02 .priceDL .dd {
    width: 7em;
  }
}
.box02 .priceDL .dd .total {
  margin-right: 0.2em;
  font-size: 14px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .box02 .priceDL .dd .total {
    margin-right: 0.1em;
    font-size: 14px;
    font-weight: bold;
  }
}
.box02 .priceDL .dd .yen {
  margin-right: 0.4em;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .box02 .priceDL .dd .yen {
    font-size: 10px;
  }
}

.box02 .textCampaign {
  background: #f0ede8;
}
@media screen and (max-width: 767px) {
  .box02 .textCampaign img {
    width: 100px;
  }
}

.box03 {
  padding: 10px 12px;
  border: #A5A5A5 solid 1px;
}

.box04 {
  border: #A5A5A5 solid 1px;
}

.box04 .inner {
  display: block;
  border: #FFF solid 1px;
  padding: 10px 12px;
  background: #fcfdfd url(../img/background-93.png) repeat-x 0 0;
}

.box05 {
  padding: 15px 20px;
  border: #bfbfbf solid 1px;
  background: #f3f3f3;
}

.box06 {
  background: url(../img/background-103.png) no-repeat 0 100%;
}
@media screen and (max-width: 767px) {
  .box06 {
    background: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
  }
}

.box06 .box06inner {
  background: url(../img/background-104.png) no-repeat 0 0;
  padding: 10px 11px 13px 11px;
}
@media screen and (max-width: 767px) {
  .box06 .box06inner {
    background: none;
  }
}

.box07 {
  background: url(../img/background-105.png) no-repeat 0 100%;
}
@media screen and (max-width: 767px) {
  .box07 {
    background: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
  }
}

.box07.areaLink,
.box07.onhover {
  cursor: pointer;
}

.box07 .box07inner {
  background: url(../img/background-106.png) no-repeat 0 0;
  padding: 10px 11px 13px 11px;
}
@media screen and (max-width: 767px) {
  .box07 .box07inner {
    background: none;
  }
}

.box07.hover {
  background: url(../img/background-105on.png) no-repeat 0 100%;
}
@media screen and (max-width: 767px) {
  .box07.hover {
    background: none;
  }
}

.box07.hover .box07inner {
  background: url(../img/background-106on.png) no-repeat 0 0;
  padding: 10px 11px 13px 11px;
}
@media screen and (max-width: 767px) {
  .box07.hover .box07inner {
    background: none;
  }
}

.accordionBox01 {
  border: 1px solid #c7c7c7;
  margin-bottom: 30px;
  transition: background 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.accordionBox01 + .accordionBox01 {
  margin-top: -10px;
}
@media screen and (max-width: 767px) {
  .accordionBox01 {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.accordionBox01 .title {
  font-size: 129%;
  font-weight: bold;
  color: #00008B;
  margin-bottom: 0;
  position: relative;
  padding: 8px 14px;
  cursor: pointer;
}
.accordionBox01 .title::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 5.5px 0 5.5px;
  border-color: #1111a5 transparent transparent transparent;
  transform: translate(0, -50%);
  transform-origin: center;
}
.accordionBox01:hover {
  background: #daf2fd;
}
@media screen and (max-width: 767px) {
  .accordionBox01:hover {
    background: #fff;
  }
}
.accordionBox01.open .title::before {
  border-width: 0 5.5px 9px 5.5px;
  border-color: transparent transparent #1111a5 transparent;
  transform: translate(0, -55%);
}
.accordionBox01.open:hover {
  background: #fff;
}
.accordionBox01 > .inner01 {
  display: none;
  padding: 5px 14px 0;
}

.figureRight {
  float: right;
  margin-left: 15px;
}

/*	table
*****************************************/
.table01 {
  width: 100%;
  border-left: #c7c7c7 1px solid;
  border-bottom: #c7c7c7 1px solid;
}

.table01 th,
.table01 td {
  border-top: #c7c7c7 1px solid;
  border-right: #c7c7c7 1px solid;
  padding: 5px 15px 4px;
}
@media screen and (max-width: 767px) {
  .table01 th,
  .table01 td {
    display: block;
    text-align: left;
    word-break: break-all;
  }
}
.table01 th .tablePlane,
.table01 td .tablePlane {
  border-left: none;
  border-bottom: none;
}
.table01 th .tablePlane th,
.table01 th .tablePlane td,
.table01 td .tablePlane th,
.table01 td .tablePlane td {
  text-align: left;
  border-top: none;
  border-right: none;
  background: none;
  padding: 0 0 0;
}
@media screen and (max-width: 767px) {
  .table01 th .tablePlane th,
  .table01 th .tablePlane td,
  .table01 td .tablePlane th,
  .table01 td .tablePlane td {
    display: table-cell;
  }
}
.table01 th .tablePlane th,
.table01 td .tablePlane th {
  color: #505050;
  padding-right: 1em;
  white-space: nowrap;
}

.table01 th,
.table01 th.lv01 {
  color: #FFF;
  background: #666464 url(../img/background-28.gif) repeat-x 0 0;
}

.table01 th.lv02 {
  color: #505050;
  background: #f6f6f6 url(../img/background-29.gif) repeat-x 0 0;
}

.table01 td {
  background: #fcfdfd url(../img/background-30.gif) repeat-x 0 0;
}

@media screen and (max-width: 767px) {
  .tableScrollWrap-sp {
    overflow-x: auto;
  }
  .tableScrollWrap-sp .table01 th,
  .tableScrollWrap-sp .table01 td {
    display: table-cell;
    white-space: nowrap;
  }
}

.table02Bg {
  background: url(../img/background-47.jpg) no-repeat 0 100%;
  padding-bottom: 28px;
}

.table02 {
  width: 100%;
}

.table02 th,
.table02 td {
  border-bottom: #CCC 1px solid;
  padding: 5px 15px 4px;
}

.table02 th {
  color: #00326E;
  background: #f2f2f3 url(../img/background-43.png) repeat-x 0 0;
}

.table02 th.first {
  background: #f2f2f3 url(../img/background-45.png) no-repeat 0% 0;
}

.table02 th.last {
  background: #f2f2f3 url(../img/background-46.png) no-repeat 100% 0;
}

.table02 td {
  background: #fcfdfd url(../img/background-44.png) repeat-x 0 0;
}

.table03 {
  width: 100%;
  margin-bottom: 30px;
}

.table03 th,
.table03 td {
  padding: 0.3em 15px 0;
}

.table03 th {
  width: 125px;
  color: #FFF;
  background: #00177a url(../img/background-90.png) no-repeat 0 0;
  margin-right: 15px;
  text-align: center;
}

.table03 th span {
  display: block;
}

.table03 th span.title {
  font-size: 129%;
  font-weight: bold;
}

.table03 td p {
  margin-bottom: 0.3em;
}

.table03 td li {
  margin-bottom: 0.3em;
}

.table04 {
  width: 100%;
  margin-bottom: 30px;
  border-top: 1px solid #bfbfbf;
}

.table04 th,
.table04 td {
  padding: 0.3em 15px 0.3em 1em;
  border-bottom: 1px solid #bfbfbf;
  font-size: 86%;
}

.table04 th {
  width: 125px;
  margin-right: 15px;
}

.table05 {
  width: 100%;
  border-top: #CCC 1px solid;
  margin-bottom: 35px;
}

.table05 th,
.table05 td {
  border-bottom: #CCC 1px solid;
  padding: 5px 15px 4px 5px;
  vertical-align: top;
  background: url(../img/background-96.gif) repeat-x 0 0;
}

.table05 th {
  color: #00326E;
}

.table06 {
  width: 100%;
  margin-bottom: 5px;
  border-top: 1px solid #bfbfbf;
}

.table06.topBorderNone {
  border-top: none;
}

.table06 thead th,
.table06 thead td {
  padding: 0.5em 15px 0.5em 1em;
  border-bottom: 1px solid #000;
  color: #000;
  font-size: 100%;
  font-weight: bold;
  vertical-align: top;
}

.table06 tbody th,
.table06 tbody td {
  padding: 0.75em 15px 0.75em 1em;
  border-bottom: 1px solid #bfbfbf;
  font-size: 100%;
  vertical-align: top;
}

.table06 tbody th {
  width: auto;
}

.table06.typeLeft tbody th {
  text-align: left;
}

/*	tabNavigation
*****************************************/
.tabNavigation {
  margin-bottom: 15px;
}
.tabNavigation li {
  float: left;
  font-size: 12px;
  margin-right: 2px;
  margin-right: 0;
  padding-top: 19px;
}
.tabNavigation li.on {
  padding-top: 3px;
}
.tabNavigation li.on a {
  display: block;
  color: #FFF;
}
.tabNavigation li.on span {
  display: inline-block;
  padding: 20px 14px 0;
  min-height: 36px;
  border: 1px solid #6ab3ff;
  border-bottom: 1px solid #2f96ff;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  background: #6ab3ff url(../img/background-38_black.png) repeat-x 50% 100%;
  min-height: 33px;
}
.tabNavigation li.tabNavigationCustom {
  float: right;
  padding-top: 12px;
  margin-right: 1px;
  background: none !important;
}
.tabNavigation li.tabNavigationCustom a:hover {
  background: none !important;
}
.tabNavigation li a {
  display: block;
  color: #4F4F4F;
}
.tabNavigation li a span {
  display: inline-block;
  padding: 28px 10px 0;
  min-height: 28px;
  border: 1px solid #e5e5e5;
  border-bottom: 1px solid #dedfdf;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  margin-right: 3px;
  padding: 9px 7px 0;
  background: #fff url(../img/background-34_black.png) repeat-x 50% 100%;
}
.tabNavigation li a:hover {
  color: #007CFF;
}
.tabNavigation li a:hover span {
  background: #fff url(../img/background-36_black.png) repeat-x 50% 100%;
}
.tabNavigation.guide li {
  font-size: 11px;
}
.tabNavigation.guide li.on span {
  padding: 20px 11px 0;
}
.tabNavigation.guide li.on a:hover span {
  background: #6ab3ff url(../img/background-38_black.png) repeat-x 50% 100%;
}

.tabNavigationWrap {
  margin: 20px 0;
  border-bottom: 7px solid #006CC9;
  border-bottom: 7px solid #2497ff;
}
.tabNavigationWrap.fixed {
  position: fixed;
  top: 0;
  left: 50%;
  width: 735px;
  background: #fff;
  margin: 0 0 0 -460px !important;
  z-index: 999;
}
.rapBlack .tabNavigationWrap.fixed {
  background: #000;
}
.tabNavigationWrap .tabNavigation {
  margin-bottom: 0;
}
.tabNavigationWrap .tabNavigation li span {
  padding-right: 30px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 120%;
}

.tabNavigationWrapFooter {
  margin: 60px 0;
  border-top: 7px solid #2497ff;
}
.tabNavigationWrapFooter .tabNavigation {
  margin-bottom: 15px;
}
.tabNavigationWrapFooter .tabNavigation li {
  float: left;
  font-size: 14px;
  font-size: 12px;
  padding-top: 0;
}
.tabNavigationWrapFooter .tabNavigation li a {
  display: block;
  color: #4F4F4F;
}
.tabNavigationWrapFooter .tabNavigation li a span {
  display: inline-block;
  padding: 6px 30px 11px;
  min-height: 17px;
  border: 1px solid #e5e5e5;
  border-top: none;
  border-radius: 0 0 5px 5px;
  margin-right: 3px;
  padding: 9px 30px 5px;
  background: #fff url(../img/background-34_black.png) repeat-x 50% 100%;
}
.tabNavigationWrapFooter .tabNavigation li a:hover {
  color: #007CFF;
}
.tabNavigationWrapFooter .tabNavigation li a:hover span {
  background: #fff url(../img/background-36_black.png) repeat-x 50% 100%;
}
.tabNavigationWrapFooter .tabNavigation li.on a {
  display: block;
  color: #FFF;
}
.tabNavigationWrapFooter .tabNavigation li.on a:hover span {
  background: #3799ff url(../img/background-39_footer_black.png) repeat-x 50% 100%;
}
.tabNavigationWrapFooter .tabNavigation li.on span {
  display: inline-block;
  padding: 12px 30px 8px;
  min-height: 36px;
  border: 1px solid #6ab3ff;
  border-top: none;
  border-radius: 0 0 5px 5px;
  padding: 13px 30px 2px;
  background: #3799ff url(../img/background-39_footer_black.png) repeat-x 50% 100%;
}
.tabNavigationWrapFooter .tabNavigation li.tabNavigationCustom {
  float: right;
  padding-top: 5px;
  margin-right: 1px;
  background: none !important;
}
.tabNavigationWrapFooter .tabNavigation li.tabNavigationCustom a {
  background: none !important;
}
.tabNavigationWrapFooter .tabNavigation li.tabNavigationCustom a:hover {
  background: none !important;
}
.tabNavigationWrapFooter .tabNavigation li span {
  padding-right: 30px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 120%;
}

/*	tabNavigation2
*****************************************/
.tabNavigation2Wrap {
  overflow-x: auto;
  overflow-y: hidden;
  min-height: 55px;
  width: 100%;
  padding-bottom: 15px;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .tabNavigation2Wrap {
    height: 55px;
    padding-bottom: 15px;
    scrollbar-width: none;
    /*Firefox対応のスクロールバー非表示コード*/
    -ms-overflow-style: none;
    /*Internet Explore対応のスクロールバー非表示コード*/
  }
  .tabNavigation2Wrap::-webkit-scrollbar {
    display: none;
    /*Google Chrome、Safari、Microsoft Edge対応のスクロールバー非表示コード*/
  }
}
.tabNavigation2Wrap .tabNavigation2 {
  display: flex;
  align-items: center;
  min-height: 40px;
  border: 1px solid #d7d7d7;
  border-radius: 10px;
  background: #f0f0f0;
  overflow: hidden;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .tabNavigation2Wrap .tabNavigation2 {
    width: 60em;
    font-size: 12px;
  }
}
.tabNavigation2Wrap .tabNavigation2 li {
  border-right: 1px solid #d7d7d7;
}
.tabNavigation2Wrap .tabNavigation2 li:first-child a {
  border-radius: 10px 0 0 10px;
}
.tabNavigation2Wrap .tabNavigation2 li:last-child {
  border-right: none;
}
.tabNavigation2Wrap .tabNavigation2 li:last-child a {
  border-radius: 0 10px 10px 0;
}
.tabNavigation2Wrap .tabNavigation2 li.on a {
  color: #fff;
  background: #2494fb;
}
.tabNavigation2Wrap .tabNavigation2 li.on a:hover {
  color: #fff;
}
.tabNavigation2Wrap .tabNavigation2 li a {
  display: block;
  color: #4F4F4F;
}
.tabNavigation2Wrap .tabNavigation2 li a span {
  font-size: 12px;
  min-height: 40px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .tabNavigation2Wrap .tabNavigation2 li a span {
    padding: 0 1em;
  }
}
.tabNavigation2Wrap .tabNavigation2 li a:hover {
  color: #007CFF;
  text-decoration: none;
}

/* layer
*****************************************/
.layerWrap.fixed .layer {
  /*padding-top: 70px;*/
}

/*	faqList01
*****************************************/
.faqListArea {
  background: url(../img/background-68.png) no-repeat 0 100%;
  margin-bottom: 45px;
  padding-bottom: 1px;
}

.faqList01 li {
  background: url(../img/background-68.png) no-repeat 0 0;
}

.faqList01 li.hover {
  background: url(../img/background-69.png) no-repeat 0 0;
}

.faqList01 li a {
  padding: 5px 2em 5px 2em;
  display: block;
}

.faqList02 li {
  background: url(../img/background-68.png) no-repeat 0 0;
  padding: 5px 12em 5px 2em;
  position: relative;
}

.faqList02 li.hover {
  background: url(../img/background-69.png) no-repeat 0 0;
}

.faqList02 li .date {
  position: absolute;
  right: 2em;
  top: 5px;
}

.faqList03 li {
  margin-bottom: 1.5em;
}

.faqList03 li dt {
  line-height: 1.75;
  margin-bottom: 0.7em;
}

.faqList03 li dt span {
  width: 2em;
  display: inline-block;
}

.faqList03 li dd {
  margin-left: 2em;
  line-height: 1.75;
}

.qaDetail {
  clear: both;
}

.qaDetail dt {
  vertical-align: middle;
  margin-bottom: 27px;
}
@media screen and (max-width: 767px) {
  .qaDetail dt {
    display: flex;
    justify-content: space-between;
  }
}

.qaDetail dt span.icon {
  width: 60px;
  float: left;
}

.qaDetail dt span.txt {
  color: #00316D;
  display: table-cell;
  height: 41px;
  vertical-align: middle;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .qaDetail dt span.txt {
    width: calc(100% - 80px);
  }
}

@media screen and (max-width: 767px) {
  .qaDetail dd {
    display: flex;
    justify-content: space-between;
  }
}

.qaDetail dd span.icon {
  width: 60px;
  float: left;
}

.qaDetail dd span.txt {
  display: table-cell;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .qaDetail dd span.txt {
    width: calc(100% - 80px);
  }
  .qaDetail dd span.txt table {
    width: 100% !important;
  }
  .qaDetail dd span.txt img {
    width: auto !important;
    max-width: 100%;
  }
}

a.button01 {
  background: url(../img/background-13.png) no-repeat 0 0;
  color: #007dff;
  display: inline-block;
  padding: 0 0 0 13px;
  text-decoration: none;
  line-height: 1.1;
  cursor: pointer;
}

a.button01 span {
  font-size: 86%;
  background: url(../img/background-14.png) no-repeat 100% 0;
  padding: 7px 27px 15px 0;
  display: inline-block;
  text-shadow: none;
  color: #007dff;
}

a.button01:hover {
  background: url(../img/background-13on.png) no-repeat 0 0;
}

a.button01:hover span {
  background: url(../img/background-14on.png) no-repeat 100% 0;
}

a.button02 {
  background: url(../img/button-09.png) no-repeat 0 0;
  display: block;
  cursor: pointer;
  width: 300px;
  min-height: 44px;
  text-decoration: none;
}

a.button02 span {
  color: #FFF;
  font-size: 14px;
  line-height: 1.1;
  text-shadow: 0px -1px 0px #7c7c7c;
  text-align: center;
  display: block;
  padding: 14px 0.5em 0 0.5em;
  text-decoration: none;
}
@media screen and (max-width: 320px) {
  a.button02 span {
    font-size: 13px;
  }
}

a.button02:hover {
  background: url(../img/button-09on.png) no-repeat 0 0;
}
@media screen and (max-width: 767px) {
  a.button02:hover {
    background: url(../img/button-09.png) no-repeat 0 0;
  }
}
@media screen and (max-width: 320px) {
  a.button02:hover {
    background: url(../img/button-09.png) no-repeat 0 0/100% auto;
  }
}

a.button02:hover span {
  text-decoration: none;
}

.buttonBox01 {
  position: relative;
  height: 45px;
  width: 696px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .buttonBox01 {
    width: 100%;
    height: auto;
    padding: 0 15px;
  }
}

.buttonBox01 .buttonLeft {
  position: absolute;
  left: 0;
}
@media screen and (max-width: 767px) {
  .buttonBox01 .buttonLeft {
    position: static;
    left: inherit;
  }
}

.btn02 a {
  display: block;
  text-align: center;
  color: #fff;
  background: #787878;
  padding: 1.4em;
  text-decoration: none;
}
.btn02 a:hover {
  opacity: 0.7;
}
.btn02 a .sp350only {
  display: none;
}
@media screen and (max-width: 350px) {
  .btn02 a .sp350only {
    display: inline;
  }
}

/*	lineup
*****************************************/
.lineupBg {
  background: url(../img/background-81.png) no-repeat 0 0;
  padding: 44px 0 15px 17px;
  margin-top: 6px;
}

.lineup {
  width: 961px;
  padding-top: 5px;
  margin-right: -18px;
}
@media screen and (max-width: 767px) {
  .lineup {
    width: 100%;
    margin-right: 0;
  }
}

.lineup li {
  float: left;
  margin-right: 18px;
  width: 100px;
  font-size: 86%;
  line-height: 1.2;
  text-align: center;
  position: relative;
}

.lineup li img {
  margin-bottom: 5px;
  text-align: center;
}

.lineup li .icon {
  position: absolute;
  top: -10px;
  right: -8px;
}

.lineup li a {
  color: #666;
}

.lineup li.on a,
.lineup li a:hover {
  color: #007dff;
}

.lineup li.on a {
  text-decoration: underline;
}

.lineup li.last {
  margin-right: 0;
}

.lineup li.on,
.lineup li:hover {
  background: url(../img/background-84.png) no-repeat 50% -5px;
}

.border01 {
  border-bottom: 1px solid #A5A5A5;
}

.photoList01 {
  overflow: hidden;
  margin-left: 12px;
  margin-right: -12px;
}

.photoList01 li {
  float: left;
  margin-right: 12px;
}

.photoGallery01 .photoList02 {
  width: 324px;
  overflow: hidden;
  margin-left: -6px;
}

.photoGallery01 .photoList02 li {
  float: right;
  margin-left: 6px;
  margin-bottom: 6px;
  cursor: pointer;
}

.photoGallery01 .photoList02 li img {
  vertical-align: bottom;
  border: 1px solid #b0b0b0;
}

.photoGallery01 .photoList02.typeLeft li {
  float: left;
}

.photoGallery01 .photoList03 {
  width: 324px;
  overflow: hidden;
  margin-right: -6px;
}

.photoGallery01 .photoList03 li {
  float: left;
  margin-right: 6px;
  margin-bottom: 6px;
  cursor: pointer;
}

.photoGallery01 .photoList03 li img {
  vertical-align: bottom;
  border: 1px solid #b0b0b0;
}

.photoGallery01 .photoList03.typeLeft li {
  float: left;
}

.photoGallery01 .mainPhoto {
  position: relative;
  margin-bottom: 5px;
}

.photoGallery01 .mainPhoto li span {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../img/icon-20.png) no-repeat 0 0;
  width: 16px;
  height: 16px;
}

.photoGallery01 .mainPhoto li img {
  vertical-align: bottom;
}

.caution01 dt {
  float: left;
  width: 62px;
  margin-left: 15px;
  text-align: right;
}

.caution01 dd {
  margin-left: 80px;
}

.warrantyBox01 {
  font-size: 115%;
  display: inline-block;
  background: url(../img/background-97.gif) repeat-x 0 0;
  border: 1px solid #c7c7c7;
  padding: 0.2em 1.2em 0.1em;
  vertical-align: middle;
}

.warrantyPlus {
  display: inline-block;
  background: url(../img/background-98.gif) no-repeat 50% 50%;
  width: 22px;
  height: 22px;
  text-indent: -9999px;
  vertical-align: middle;
  padding: 0 13px 0;
}

.syukkaBlock {
  position: relative;
  margin: 20px 0 25px;
}

.syukkaBlock .syukkaBlockIcon {
  position: absolute;
  top: -9px;
  left: 9px;
  width: 76px;
  height: 62px;
  background: url(../img/illust-07.png) no-repeat 0 0;
}

.syukkaBlock p {
  font-size: 92.85%;
  line-height: 1.1;
  color: #fff;
  background: #0062FF;
  border-radius: 5px;
  padding: 0.5em 10px 0.3em 94px;
}

.syukkaBlock p .day {
  display: inline-block;
  font-size: 167.5%;
  line-height: 1.1;
  font-weight: bold;
  color: #FFE700;
  padding-bottom: 5px;
  vertical-align: middle;
  margin: 0 0.2em;
}

.top_pic_Wrap {
  position: relative;
}

.top_pic_Wrap .new {
  position: absolute;
  top: 0;
  right: 0;
  width: 49px;
  height: 49px;
  background: url(../../bto/game_pc/img/icon_new.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.reviewLinkWrap {
  width: 860px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .reviewLinkWrap {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.reviewLinkWrap.type02 {
  width: 735px;
}
@media screen and (max-width: 767px) {
  .reviewLinkWrap.type02 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

.reviewLinkWrap.wide {
  width: 100%;
}

.reviewLinkWrap a {
  display: block;
  border: 1px solid #0092ff;
  background: #e5f4ff;
  border-radius: 7px;
  text-decoration: none;
}

.reviewLinkWrap a dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.reviewLinkWrap a dl dt {
  width: 9%;
  background: #0092ff;
  font-size: 85.7%;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  display: flex;
  align-items: center;
  border-radius: 5px 0 0 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .reviewLinkWrap a dl dt {
    width: 100%;
    border-radius: 5px 5px 0 0;
  }
}

.reviewLinkWrap a dl dt span {
  width: 100%;
  text-align: center;
}

.reviewLinkWrap a dl dd.img {
  display: flex;
  align-items: center;
  width: 13.5%;
}
@media screen and (max-width: 767px) {
  .reviewLinkWrap a dl dd.img {
    width: 20%;
    padding-left: 1%;
  }
}

.reviewLinkWrap a dl dd.img img {
  width: 100%;
}

.reviewLinkWrap a dl dd.text {
  width: 77.5%;
  color: #000;
  font-size: 85.7%;
  font-weight: bold;
  text-decoration: underline;
  display: flex;
  align-items: center;
  padding: 0.55em 0.5em 0.55em 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .reviewLinkWrap a dl dd.text {
    width: 80%;
  }
}

.reviewLinkWrap a:hover dl dd.text {
  color: #0092ff;
  text-decoration: underline;
}

.reviewLinkWrap .reviewNote {
  margin: 8px 0 0 33px;
  color: #8e8e8e;
  font-size: 85.7%;
}

/*	attention
*****************************************/
.w810 {
  width: 810px;
}

.attentionWrap {
  padding-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.attentionWrap .hdg {
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 2px;
}

.attentionWrap .attentionBox {
  border: 1px solid #DB0000;
  padding: 14px 22px;
}

.attentionWrap .attentionBox p {
  font-size: 14px;
  line-height: 1.5;
  color: #DB0000;
  margin-bottom: 0;
}

/*	clearfix for this files selectior
*****************************************/
*:first-child + html .photoList01,
*:first-child + html .photoList02,
*:first-child + html .photoList03,
*:first-child + html .lineup,
*:first-child + html .float01,
*:first-child + html .threeColumn01,
*:first-child + html .freeColumn01,
*:first-child + html .tabNavigation,
*:first-child + html .twoColumn01,
*:first-child + html .twoColumn02,
*:first-child + html .twoColumn03,
*:first-child + html .twoColumn03_seven,
*:first-child + html .twoColumn04,
*:first-child + html .twoColumn05,
*:first-child + html .twoColumn06,
*:first-child + html .bannerList-01,
*:first-child + html .anchorList01,
*:first-child + html .list01,
*:first-child + html .list02,
*:first-child + html .list03,
*:first-child + html .list04,
*:first-child + html .link02,
*:first-child + html .bannerList-01,
*:first-child + html .topThreeColumn01 .inner,
*:first-child + html .topTwoColumn01 .inner,
*:first-child + html .topFourColumn01 .inner {
  display: inline-table;
  zoom: 1;
}

.photoList01:after,
.photoList02:after,
.photoList03:after,
.lineup:after,
.float01:after,
.threeColumn01:after,
.freeColumn01:after,
.tabNavigation:after,
.twoColumn01:after,
.twoColumn02:after,
.twoColumn03:after,
.twoColumn03_seven:after,
.twoColumn04:after,
.twoColumn05:after,
.twoColumn06:after,
.bannerList-01:after,
.anchorList01:after,
.anchorList03:after,
.list01:after,
.list02:after,
.list03:after,
.list04:after,
.link02:after,
.bannerList-01:after,
.topThreeColumn01 .inner:after,
.topTwoColumn01 .inner:after,
.topFourColumn01 .inner:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}

* html .photoList01,
* html .photoList02,
* html .photoList03,
* html .lineup,
* html .float01,
* html .threeColumn01,
* html .freeColumn01,
* html .tabNavigation,
* html .twoColumn01,
* html .twoColumn02,
* html .twoColumn03,
* html .twoColumn03_seven,
* html .twoColumn04,
* html .twoColumn05,
* html .twoColumn06,
* html .bannerList-01,
* html .anchorList01,
* html .anchorList03,
* html .list01,
* html .list02,
* html .list03,
* html .list04,
* html .link02,
* html .bannerList-01,
* html .topThreeColumn01 .inner,
* html .topTwoColumn01 .inner,
* html .topFourColumn01 .inner {
  zoom: 1;
}

/* IE6 */
.movieWrap {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .movieWrap {
    padding-bottom: 56.25%;
    width: 100%;
  }
}
.movieWrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: none !important;
  height: 100%;
}

.flowLink {
  text-align: right;
  margin: 0 0 1em;
}
.flowLink li {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .flowLink li {
    display: block;
    width: 100%;
  }
}
.flowLink li + li {
  margin-left: 2em;
}
@media screen and (max-width: 767px) {
  .flowLink li + li {
    margin-left: 0;
    margin-top: 5px;
  }
}

.flowIcon01 {
  padding-left: 23px;
  position: relative;
}
.flowIcon01::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 13px;
  height: 20px;
  background: url("../img/icon-11.gif") no-repeat 0 0;
  transform: translate(0, -50%);
}

.imgFrame01 {
  border: 4px solid #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.LimitMsgArea {
  display: none;
}
.LimitMsgArea.show {
  display: block;
}
.LimitMsgArea.endCampaign01 {
  background: #ffdd00;
  padding: 17px 0;
  text-align: center;
}
.LimitMsgArea.endCampaign01 .msg {
  color: #000;
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  margin-bottom: 0;
}

.noticeBox01,
.noticeBox02 {
  padding: 15px 17px;
  border: #000 solid 2px;
}
@media screen and (max-width: 767px) {
  .noticeBox01,
  .noticeBox02 {
    padding: 15px;
  }
}
.noticeBox01.noBorder,
.noticeBox02.noBorder {
  border: none;
  padding: 0;
}
.noticeBox01 .hdg01,
.noticeBox02 .hdg01 {
  color: #ed2200;
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-feature-settings: "palt";
  letter-spacing: 0.01em;
  margin-top: -0.3em;
  margin-bottom: 0.5em;
}
.noticeBox01 .tx01,
.noticeBox02 .tx01 {
  color: #000;
  font-size: 15px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  line-height: 1.75;
  font-style: normal;
  font-feature-settings: "palt";
  letter-spacing: 0.01em;
}
.noticeBox01 .tx01.f-Gray,
.noticeBox02 .tx01.f-Gray {
  color: #626262;
}
.noticeBox01 .tx01.bold,
.noticeBox02 .tx01.bold {
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .noticeBox01 .tx01,
  .noticeBox02 .tx01 {
    font-size: 14px;
  }
}
.noticeBox01 .f-Red,
.noticeBox02 .f-Red {
  color: #ed2200;
}

.noticeBox02 {
  padding: 20px 23px;
  border: #ed2200 solid 2px;
}
@media screen and (max-width: 767px) {
  .noticeBox02 {
    padding: 15px;
  }
}
.noticeBox02 .tx01 {
  color: #ed2200;
}

body.env_T::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 40px;
  height: 100%;
  background: #ffbe00;
  z-index: 9999;
}
@media screen and (max-width: 767px) {
  body.env_T::after {
    left: 50%;
    width: 240px;
    height: 45px;
    transform: translateX(-50%);
  }
}