@charset "UTF-8";
/* CSS Document */
/* contents---------------
	 1.
	 2.
	 3.
		------------ */
/*----------------------------------------------------------
	reset
--------------------------------------------------------- */
@import url("fonts/style.css");
body, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, form, p, th, td, input, textarea, select {
  margin: 0px;
  padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  font-weight: normal;
}

img {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
}

ul, dl {
  list-style-type: none;
}

* {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-break: normal;
}

body {
  word-break: break-all;
}

/*----------------------------------------------------------
	base
--------------------------------------------------------- */
html {
  overflow-y: scroll !important;
  color: #333333;
}

_:lang(x)::-ms-backdrop, body {
  font-family: "Hiragino Kaku Gothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, sans-serifsans-serif;
}

.yubold {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

.noto {
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
}

_:lang(x)::-ms-backdrop, .yubold {
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-weight: 400;
}

img {
  max-width: 100%;
  height: auto;
  width: auto;
}

strong, .strong {
  font-weight: bold;
}

.noDisp {
  display: none;
}

.spDisp {
  display: none !important;
}

.pcDisp {
  display: block !important;
}

.spDisp_flex {
  display: none !important;
}

.pcDisp_flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

@media screen and (max-width: 750px) {
  .spDisp {
    display: block !important;
  }

  .pcDisp {
    display: none !important;
  }

  .spDisp_flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .pcDisp_flex {
    display: none !important;
  }

  .spDispnone {
    display: none !important;
  }

  br.sp {
    display: block;
  }

  br.pc {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  a[href^="tel:"] {
    pointer-events: none;
  }

  br.sp {
    display: none;
  }

  br.pc {
    display: block;
  }
}
/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  br.sp {
    display: none;
  }

  br.pc {
    display: none;
  }

  br.tb {
    display: block;
  }
}
/* tablet */
.nondisp {
  display: none;
}

small {
  font-size: 85%;
}

a:link {
  color: #333333;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
}

a:visited {
  color: #333333;
}

a:hover {
  text-decoration: underline;
}

a.noline {
  text-decoration: none !important;
}

a.noline:hover {
  text-decoration: underline !important;
}

@media screen and (max-width: 750px) {
  a {
    word-break: break-all;
  }
}
/*----------------------------------------------------------
	parts
--------------------------------------------------------- */
span.bold {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
}

*.inlinelinkArea a {
  text-decoration: underline !important;
}

*.inlinelinkArea a:hover {
  text-decoration: none !important;
}

a.inline {
  text-decoration: underline;
}

a.inline-popup {
  text-decoration: underline;
}

.inline-popup:after, a.popup:after {
  font-family: "yubin";
  content: "\e924";
  margin-left: 0.3em;
  display: inline-block;
  color: #cc0000;
}

ul.basic-m .inline-popup:after, ul.basic-m a.popup:after, ul.basic-s .inline-popup:after, ul.basic-s a.popup:after, ul.basic-l .inline-popup:after, ul.basic-l a.popup:after {
  text-indent: 0;
}

a.inline:hover,
.inline-popup:hover {
  text-decoration: none;
}

p.red, .fontred {
  color: #cc0000;
}

.gray {
  color: #808080;
}

.gray1 {
  color: #646464;
}

.gray2 {
  color: #a0a0a0;
}

.gray3 {
  color: #c8c8c8;
}

.gray4 {
  color: #dcdcdc;
}

.gray5 {
  color: #eeeeee;
}

.gray6 {
  color: #f7f7f7;
}

.gray7 {
  color: #FAFAFA;
}

.green {
  color: #009900;
}

a.opacity {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

a.opacity:hover {
  opacity: 0.65;
}

/*----------------------------------------------------------
	bg
--------------------------------------------------------- */
.bgG {
  background: #f7f7f7;
}
.bgG.pd {
  padding: 50px 0;
}

.bgG2 {
  background: #eeeeee;
}
.bgG2.pd {
  padding: 50px 0;
}

.bgW {
  background: #FFF;
}
.bgW.pd {
  padding: 30px 0;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  .bgG.pd, .bgG2.pd {
    padding: 3vh 0;
  }

  .bgW.pd {
    padding: 3vh 0;
  }
}
/* tablet */
@media screen and (max-width: 750px) {
  .bgG.pd, .bgG2.pd {
    padding: 4vh 0;
  }

  .bgW.pd {
    padding: 4vh 0;
  }
}
/* sp */
@media screen and (max-width: 750px) {
  .pd.innerwidth {
    padding: 30px 3%;
  }
}
/* sp */
/*----------------------------------------------------------
	border
--------------------------------------------------------- */
.borderG1 {
  border: 1px solid #646464 !important;
}

.borderG2 {
  border: 1px solid #a0a0a0 !important;
}

.borderG3 {
  border: 1px solid #c8c8c8 !important;
}

.borderG4 {
  border: 1px solid #dcdcdc !important;
}

.borderG5 {
  border: 1px solid #eeeeee !important;
}

.borderG6 {
  border: 1px solid #f7f7f7 !important;
}

.borderR1 {
  border: 1px solid #cc0000 !important;
}

.borderR2 {
  border: 1px solid #FAECEA !important;
}

.borderR3 {
  border: 1px solid #FFECEC !important;
}

/*----------------------------------------------------------
	headline
--------------------------------------------------------- */
h1.photo {
  position: relative;
}
h1.photo.filB {
  background: #000;
}
h1.photo.filB .bgimg {
  opacity: 0.7;
}
h1.photo.filB .title {
  color: #FFF;
}
h1.photo.filW {
  background: #FFF;
}
h1.photo.filW .bgimg {
  opacity: 0.7;
}
h1.photo .bgimg {
  background-size: cover;
  max-height: 470px;
  min-height: 30vw;
  background-repeat: no-repeat;
}
h1.photo .title {
  font-size: 2.1rem;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
  opacity: 1;
  position: absolute;
  top: 5vw;
  width: auto;
}
h1.photo .title .lead {
  font-size: 1rem;
  margin-top: 1em;
  font-weight: 400;
}
h1.photo .title .white {
  color: #FFF;
}
h1.photo.sub .innerwidth {
  position: absolute;
  top: 0;
  width: 100%;
  margin: auto;
  left: 0;
  right: 0;
  /* 銀行サービス一覧、保険サービス一覧 */
  /* 受け取る */
}
h1.photo.sub .innerwidth .flex_sub {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
h1.photo.sub .innerwidth .flex_sub .title {
  -ms-flex-preferred-size: 72%;
      flex-basis: 72%;
  max-width: 72%;
  position: relative;
  width: auto;
  padding-right: 3%;
}
h1.photo.sub .innerwidth .flex_sub .subArea {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
  position: relative;
  top: 5vw;
}
h1.photo.sub .innerwidth .flex_sub.bank .title, h1.photo.sub .innerwidth .flex_sub.insurance .title {
  -ms-flex-preferred-size: 72%;
      flex-basis: 72%;
  max-width: 72%;
}
h1.photo.sub .innerwidth .flex_sub.bank .subArea, h1.photo.sub .innerwidth .flex_sub.insurance .subArea {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
}
h1.photo.sub .innerwidth .flex_sub.receive .block input[type=text] {
  padding: 16px 0.8em;
}
h1.photo.sub .innerwidth .subArea {
  /*position:absolute; right:0; top:0; width:25%;*/
}
h1.photo.sub .innerwidth .subArea ul li {
  margin-bottom: 10px;
}
h1.photo.sub .innerwidth .subArea ul li a[target=_blank]:after {
  font-family: "yubin";
  content: "\e924";
  font-size: 18px;
  right: 3%;
}
h1.photo.sub .innerwidth .subArea .btnMborder, h1.photo.sub .innerwidth .subArea .btnM, h1.photo.sub .innerwidth .subArea .btnL, h1.photo.sub .innerwidth .subArea .btnMint {
  text-align: left;
  padding-left: 3.2em;
}
h1.photo .subArea.floatingBlock .block {
  padding: 20px 15px;
  display: block;
}
h1.photo .subArea.floatingBlock .block .head {
  margin-top: 0;
}
h1.photo .subArea.floatingBlock .option ul.arrowLink {
  margin-top: 0;
}
h1.photo .subArea.floatingBlock .option ul.arrowLink li {
  font-size: 0.85rem;
  font-weight: 400;
  margin-bottom: 0;
  padding-left: 1em;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  h1.photo.sub .innerwidth {
    /* 送るtop */
  }
  h1.photo.sub .innerwidth .flex_sub .title {
    -ms-flex-preferred-size: 58%;
        flex-basis: 58%;
    max-width: 58%;
    padding-right: 2%;
  }
  h1.photo.sub .innerwidth .flex_sub .subArea {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
    max-width: 40%;
  }
  h1.photo.sub .innerwidth .flex_sub.send .subArea {
    top: 3vw;
  }
  h1.photo.sub .innerwidth .flex_sub.send .subArea ul li {
    margin-bottom: 8px;
  }
  h1.photo.sub .innerwidth .flex_sub.send .subArea ul li.sp-t20 {
    margin-top: 0 !important;
  }
  h1.photo.sub .innerwidth .flex_sub.send .subArea ul li a.btnMborder {
    font-size: 0.9rem;
    padding: 0.8em 2em 0.8em 3.2em;
  }
  h1.photo.sub .innerwidth .flex_sub.send .subArea ul li a.btnMint {
    padding: 0.8em 3em 0.8em 3.4em;
  }
}
/* tablet */
@media screen and (max-width: 750px) {
  h1.photo {
    margin-bottom: 30px;
  }
  h1.photo.filB {
    background: #000000;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #000000), color-stop(85%, #ffffff));
    background: linear-gradient(to bottom, #000000 50%, #ffffff 85%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#ffffff",GradientType=0 );
  }
  h1.photo .bgimg {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 200px;
    width: 100%;
    top: 0;
  }
  h1.photo .title {
    top: 30px;
    font-size: 1.5rem;
    width: auto;
    position: absolute;
  }
  h1.photo .title .lead {
    font-size: 0.8rem;
    position: relative;
  }
  h1.photo .gradient:after {
    width: 100%;
    min-height: 300px;
    content: "";
    display: block;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(35%, rgba(0, 0, 0, 0)), color-stop(50%, rgb(255, 255, 255)));
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 35%, rgb(255, 255, 255) 50%);
    background-image: -webkit-gradient -webkit-gradient(linear, left top, left bottom, color-stop(35%, rgba(0, 0, 0, 0)), color-stop(50%, rgb(255, 255, 255)));
    background-image: -webkit-gradient linear-gradient(-180deg, rgba(0, 0, 0, 0) 35%, rgb(255, 255, 255) 50%);
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 35%, rgb(255, 255, 255) 50%);
  }
  h1.photo.sub {
    margin-bottom: 60px;
  }
  h1.photo.sub .bgimg {
    position: absolute;
    min-height: 35vh;
    background-size: 140% auto;
  }
  h1.photo.sub .title {
    position: relative;
  }
  h1.photo.sub .gradient {
    min-height: 45vh;
  }
  h1.photo.sub .innerwidth {
    position: relative;
  }
  h1.photo.sub .innerwidth .flex_sub {
    display: block;
  }
  h1.photo.sub .innerwidth .flex_sub .title {
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
    max-width: 100% !important;
    padding-right: 0;
  }
  h1.photo.sub .innerwidth .flex_sub .subArea {
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
    max-width: 100% !important;
    margin-top: 5vw;
  }

  h1.photo + .innerwidth {
    position: relative;
    z-index: 0;
  }
}
/* sp */
.h1lead {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h1lead .clm2 {
  width: 100%;
}
.h1lead .clm {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h1lead .clm.img img {
  width: 100%;
}
.h1lead .lead {
  padding: 0 15px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h1lead .lead .inner {
  background: #FFF;
  padding: 2.5% 3%;
  min-height: 160px;
}
.h1lead .lead .inner .main {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  color: #cc0000;
  font-size: 1.1rem;
  margin-bottom: 0.5em;
}
.h1lead .lead .inner .sub {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-size: 0.9rem;
}
.h1lead .lead .inner .sub .fontS {
  font-size: 90%;
}

@media screen and (max-width: 750px) {
  .h1lead .lead {
    padding: 0;
  }
  .h1lead .clm2 {
    display: block;
    padding: 0;
    width: 100%;
  }
  .h1lead .clm2 .clm.img {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .h1lead .clm2 .clm {
    max-width: 100%;
    width: 100%;
  }
  .h1lead .clm2 .clm .inner {
    margin: 15px auto;
  }
  .h1lead .clm2 .clm.lead {
    padding: 0 3%;
  }
}
/* sp */
h1.simple, .head1-simple {
  color: #cc0000;
  font-size: 2.1rem;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
}
h1.simple small, .head1-simple small {
  font-size: 85%;
}
h1.simple p.sub, .head1-simple p.sub {
  color: #333333;
  font-size: 0.9rem;
}
h1.simple p.subtop, .head1-simple p.subtop {
  color: #646464;
  font-size: 0.7em;
}

h1.simple.newshead {
  font-size: 1.8em;
}

.contWrap h1.simple:first-of-type, .contWrap .head1-simple:first-of-type {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

@media screen and (max-width: 750px) {
  h1.simple, .head1-simple {
    font-size: 1.7rem;
    margin: 0.5em 0;
  }

  .contWrap h1.simple:first-of-type, .contWrap .head1-simple:first-of-type {
    margin: 0.5em 0;
  }

  h1.simple.newshead {
    font-size: 1.6em;
  }
}
/* sp */
h2.uline, .head2-uline {
  text-align: center;
  font-size: 1.6rem;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  letter-spacing: 0.06em;
  /* sp */
}
h2.uline:after, .head2-uline:after {
  content: "";
  width: 50px;
  height: 3px;
  background: #cc0000;
  display: block;
  margin: 8px auto 10px;
}
@media screen and (max-width: 750px) {
  h2.uline, .head2-uline {
    font-size: 1.4rem;
    margin-bottom: 15px;
    letter-spacing: normal;
  }
}

h2.uline2, .head2-uline2 {
  border-bottom: 4px solid #cc0000;
  font-size: 1.6rem;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: #cc0000;
  padding-bottom: 0.3em;
  /* sp */
}
@media screen and (max-width: 750px) {
  h2.uline2, .head2-uline2 {
    font-size: 1.3rem;
    margin-bottom: 15px;
  }
}

h2.uline-inline, .head2-uline-inline {
  border-bottom: 4px solid #cc0000;
  font-size: 1.5rem;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: #cc0000;
  padding-bottom: 0.4em;
  display: inline-block;
  margin-bottom: 0;
  /* sp */
}
h2.uline-inline + p.uline-inline, .head2-uline-inline + p.uline-inline {
  font-size: 1rem;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  color: #cc0000;
  letter-spacing: normal;
  margin-top: 0.8em;
  margin-bottom: 15px;
}
@media screen and (max-width: 750px) {
  h2.uline-inline, .head2-uline-inline {
    font-size: 1.4rem;
    letter-spacing: normal;
  }
  h2.uline-inline + p.uline-inline, .head2-uline-inline + p.uline-inline {
    margin-bottom: 15px;
  }
}

h2 + p.sub {
  font-size: 0.9rem;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  color: #cc0000;
  letter-spacing: normal;
  margin-top: 0.8em;
  margin-bottom: 15px;
}
h2 + p.sub.black {
  color: #333;
}

.bgimg-grT {
  background-size: cover;
  /* sp */
}
.bgimg-grT .gradient {
  width: 100%;
  min-height: 300px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(255, 255, 255, 0)), color-stop(90%, rgb(255, 255, 255)));
  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 40%, rgb(255, 255, 255) 90%);
  background-image: -webkit-gradient -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(255, 255, 255, 0)), color-stop(90%, rgb(255, 255, 255)));
  background-image: -webkit-gradient linear-gradient(-180deg, rgba(255, 255, 255, 0) 40%, rgb(255, 255, 255) 90%);
  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 40%, rgb(255, 255, 255) 90%);
}
.bgimg-grT h2.uline-inline, .bgimg-grT .head2-uline-inline {
  padding: 60px 0 0;
}
.bgimg-grT h2.uline-inline + p.uline-inline, .bgimg-grT .head2-uline-inline + p.uline-inline {
  font-size: 1rem;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  color: #cc0000;
  letter-spacing: normal;
  margin-top: 0.8em;
  padding-bottom: 50px;
}
@media screen and (max-width: 750px) {
  .bgimg-grT {
    background-size: 100% auto;
  }
  .bgimg-grT h2.uline-inline + p.uline-inline, .bgimg-grT .head2-uline-inline + p.uline-inline {
    padding-bottom: 30px;
  }
}

h2.simple, .head2-simple {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin: 0.5em 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-weight: bold;
  color: #cc0000;
  font-size: 1.6rem;
}
h2.simple span.sub, .head2-simple span.sub {
  display: inline-block;
  color: #333333;
  font-size: 0.9rem;
  padding-left: 2%;
}

@media screen and (max-width: 750px) {
  h2.simple, .head2-simple {
    display: block;
  }
  h2.simple span.sub, .head2-simple span.sub {
    padding-left: 0;
  }
}
/* sp */
h3.lline, .head3 {
  margin: 0.5em 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-weight: bold;
  border-left: 4px solid #cc0000;
  font-size: 1.35rem;
  padding-left: 0.5em;
  line-height: 1.3;
}

@media screen and (max-width: 750px) {
  h3.lline, .head3 {
    font-size: 1.2rem;
    line-height: 1.5;
  }
}
/* sp */
h3.arrowR, .head3-arrowR {
  color: #cc0000;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
}
h3.arrowR:before, .head3-arrowR:before {
  font-family: "yubin";
  content: "\f105";
  margin-right: 0.5em;
}

h3.bline, .head3-bline {
  color: #cc0000;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-weight: bold;
  font-size: 1.2rem;
  border-bottom: 1px solid #c8c8c8;
  padding-bottom: 0.9em;
}
h3.bline:before, .head3-bline:before {
  font-family: "yubin";
  content: "\f105";
  margin-right: 0.5em;
}

h3.simple, .head3-simple {
  margin: 0.5em 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-weight: bold;
  font-size: 1.25rem;
}

h3.simpleR, .head3-simpleR {
  margin: 0.5em 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-weight: bold;
  font-size: 1.25rem;
  color: #cc0000;
}

h4.simple, .head4 {
  margin: 0.5em 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-weight: bold;
  font-size: 1.15rem;
}

h4.uline, .head4-uline {
  font-size: 1.2rem;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  color: #cc0000;
  border-bottom: 2px solid #cc0000;
  padding: 0;
  /* sp */
}
@media screen and (max-width: 750px) {
  h4.uline, .head4-uline {
    font-size: 1.2rem;
    margin-bottom: 15px;
    letter-spacing: normal;
  }
}

h3.yubold {
  margin: 0.5em 0;
  font-size: 1.2rem;
}

/* 2カラムの場合の大きさ調整 */
.contWrap .pageClm2 .mainArea h3.lline, .contWrap .pageClm2 .mainArea .head3 {
  font-size: 1.2rem;
}

@media screen and (max-width: 750px) {
  .contWrap .pageClm2 .mainArea h1 {
    font-size: 1.5rem;
    margin: 0.5em 0 0.6em;
    line-height: 1.5;
  }
  .contWrap .pageClm2 .mainArea h2 {
    font-size: 1.2rem;
    padding-bottom: 0.3em;
  }
  .contWrap .pageClm2 .mainArea h3 {
    font-size: 1.1rem;
    line-height: 1.5;
    margin-top: 1.5em;
  }
  .contWrap .pageClm2 .mainArea h4 {
    margin-top: 1.5em;
  }
}
/* sp */
/*----------------------------------------------------------
	text
--------------------------------------------------------- */
* em {
  color: #cc0000;
  font-style: normal;
}

.fontS {
  font-size: 90%;
}

.fontL {
  font-size: 120%;
}

.fontRed {
  color: #cc0000 !important;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  .fontS-tb {
    font-size: 90%;
  }

  .fontL-tb {
    font-size: 120%;
  }
}
/* tablet */
@media screen and (max-width: 750px) {
  .fontS-sp {
    font-size: 90%;
  }

  .fontL-sp {
    font-size: 120%;
  }
}
/* sp */
/*----------------------------------------------------------
	icon
--------------------------------------------------------- */
.ic_arrowR.icored:before {
  color: #cc0000;
}
.ic_arrowR:before {
  font-family: "yubin";
  font-weight: normal;
  content: "\f105";
  margin-right: 0.5em;
  display: inline-block;
}
.ic_arrowR.inline:before {
  margin-left: 0.1em;
  margin-right: 0.1em;
}

.ic_arrowL.icored:before {
  color: #cc0000;
}
.ic_arrowL:before {
  font-family: "yubin";
  font-weight: normal;
  content: "\f104";
  margin-right: 0.5em;
  display: inline-block;
}
.ic_arrowL.inline:before {
  margin-left: 0.1em;
  margin-right: 0.1em;
}

.ic_arrowT.icored:before {
  color: #cc0000;
}
.ic_arrowT:before {
  font-family: "yubin";
  font-weight: normal;
  content: "\f106";
  margin-right: 0.5em;
  display: inline-block;
}
.ic_arrowT.inline:before {
  margin-left: 0.1em;
  margin-right: 0.1em;
}

.ic_arrowB.icored:before {
  color: #cc0000;
}
.ic_arrowB:before {
  font-family: "yubin";
  font-weight: normal;
  content: "\f107";
  margin-right: 0.5em;
  display: inline-block;
}
.ic_arrowB.inline:before {
  margin-left: 0.1em;
  margin-right: 0.1em;
}

.ic_popup.icored:before {
  color: #cc0000;
}
.ic_popup:before {
  font-family: "yubin";
  font-weight: normal;
  content: "\e924";
  margin-right: 0.5em;
  display: inline-block;
}
.ic_popup.inline:before {
  margin-left: 0.1em;
  margin-right: 0.1em;
}

span.icoLink a.ic_popup:before {
  margin-left: 0.5em;
  margin-right: 0;
}
span.icoLink a.ic_popup.inline:before {
  margin-left: 0.1em;
  margin-right: 0.1em;
}

.mk-doc:before, .ic-doc:before {
  font-family: "yubin";
  font-weight: normal;
  content: "d";
  margin-right: 0.4em;
  color: #38609B;
  font-size: 140%;
  position: relative;
  top: 0.1em;
  display: inline-block;
}
.mk-doc.inline:before, .ic-doc.inline:before {
  margin-left: 0.1em;
  margin-right: 0.1em;
}

.mk-pdf:before, .ic-pdf:before {
  font-family: "yubin";
  font-weight: normal;
  content: "P";
  margin-right: 0.4em;
  color: #B92121;
  font-size: 140%;
  position: relative;
  top: 0.1em;
  display: inline-block;
}
.mk-pdf.inline:before, .ic-pdf.inline:before {
  margin-left: 0.1em;
  margin-right: 0.1em;
}

.mk-xls:before, .ic-xls:before {
  font-family: "yubin";
  font-weight: normal;
  content: "X";
  margin-right: 0.4em;
  color: #299B20;
  font-size: 140%;
  position: relative;
  top: 0.1em;
  display: inline-block;
}
.mk-xls.inline:before, .ic-xls.inline:before {
  margin-left: 0.1em;
  margin-right: 0.1em;
}

/* アイコン付きリンク */
.icoLink.icored a:before {
  color: #cc0000;
}
.icoLink a {
  text-decoration: none;
}
.icoLink a:before {
  color: #cc0000;
  display: inline-block;
}

/*----------------------------------------------------------
	list
--------------------------------------------------------- */
ul, ol {
  /* sp */
}
ul.sizeL, ol.sizeL {
  font-size: 120%;
}
ul.sizeS, ol.sizeS {
  font-size: 90%;
}
ul.red, ol.red {
  color: #cc0000;
}
ul.gray, ol.gray {
  color: #646464;
}
ul.li_sp1 li, ol.li_sp1 li {
  margin-bottom: 1em !important;
}
ul.li_sp1-5 li, ol.li_sp1-5 li {
  margin-bottom: 1.5em !important;
}
ul.li_sp2 li, ol.li_sp2 li {
  margin-bottom: 2em !important;
}
ul.li_sp2-5 li, ol.li_sp2-5 li {
  margin-bottom: 2.5em !important;
}
@media screen and (max-width: 750px) {
  ul.li_sp1 li, ol.li_sp1 li {
    margin-bottom: 0.5em !important;
  }
  ul.li_sp1-5 li, ol.li_sp1-5 li {
    margin-bottom: 1em !important;
  }
  ul.li_sp2 li, ol.li_sp2 li {
    margin-bottom: 1.5em !important;
  }
  ul.li_sp2-5 li, ol.li_sp2-5 li {
    margin-bottom: 2em !important;
  }
  ul.li_borderSP li, ol.li_borderSP li {
    border-bottom: 1px solid #c8c8c8;
    padding-bottom: 0.5em;
  }
}

div.comment ul.notes-s, div.comment ul.notes-m, div.comment ul.notes-l {
  color: #808080;
}
div.comment ul.basic-s, div.comment ul.basic-m, div.comment ul.basic-l {
  color: #808080;
}

ul li .comment, ol li .comment {
  color: #808080;
}
ul li .comment li:before, ol li .comment li:before {
  color: #808080;
}

ul.nomark li {
  margin-bottom: 0.5em;
}

ul.basic-m li {
  text-indent: -0.6em;
  padding-left: 1em;
  margin: 0.3em 0;
}
ul.basic-m li:before {
  display: inline-block;
  font-family: "yubin";
  content: "0";
  margin-right: 0.5em;
}

ul.basic-l {
  font-size: 120%;
}
ul.basic-l li {
  text-indent: -0.6em;
  padding-left: 1em;
  margin: 0.3em 0;
}
ul.basic-l li:before {
  display: inline-block;
  font-family: "yubin";
  content: "0";
  margin-right: 0.5em;
}

ul.basic-s {
  font-size: 90%;
}
ul.basic-s li {
  text-indent: -0.6em;
  padding-left: 1em;
  margin: 0.3em 0;
}
ul.basic-s li:before {
  display: inline-block;
  font-family: "yubin";
  content: "0";
  margin-right: 0.5em;
}

ul li ul.notes-l li:before, ul li ul.notes-m li:before, ul li ul.notes-s li:before, ol li ul.notes-l li:before, ol li ul.notes-m li:before, ol li ul.notes-s li:before {
  display: inline-block;
  content: "※";
  font-size: 100%;
  position: absolute;
  left: 0;
  top: 0;
  color: #333333;
}

ol li > ul.basic-m li, ol li > ul.basic-l li, ol li > ul.basic-s li {
  text-indent: -0.6em;
  padding-left: 1em;
}
ol li > ul.basic-m li:before, ol li > ul.basic-l li:before, ol li > ul.basic-s li:before {
  display: inline-block;
  font-family: "yubin";
  content: "0" !important;
  margin-right: 0.5em;
}

/*ul.notes-l,ul.notes-m,ul.notes-s{padding-left:1em;}*/
ul.notes-m li {
  text-indent: 0;
  padding-left: 1.5em;
  margin: 0.3em 0;
  position: relative;
}
ul.notes-m li:before {
  display: inline-block;
  content: "※";
  font-size: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
ul.notes-m.en li {
  padding-left: 1em;
}
ul.notes-m.en li:before {
  font-family: Verdana, Geneva, sans-serif;
  content: "*";
  font-size: 80%;
  top: 0.4em;
}

/* 調節用 */
/*ul.notes-m.space{
	li{text-indent:-0.8em;}
}
*/
ul.notes-l {
  font-size: 120%;
}
ul.notes-l li {
  text-indent: 0;
  padding-left: 1.5em;
  margin: 0.3em 0;
  position: relative;
}
ul.notes-l li:before {
  display: inline-block;
  content: "※";
  font-size: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
ul.notes-l.en li {
  padding-left: 1em;
}
ul.notes-l.en li:before {
  font-family: Verdana, Geneva, sans-serif;
  content: "*";
  font-size: 100%;
  top: 0.4em;
}

/*ul.notes-l.space{
	li{text-indent:-0.8em;}
}*/
ul.notes-s {
  font-size: 90%;
}
ul.notes-s li {
  text-indent: 0;
  padding-left: 1.5em;
  margin: 0.3em 0;
  position: relative;
}
ul.notes-s li:before {
  display: inline-block;
  content: "※";
  font-size: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
ul.notes-s.en li {
  padding-left: 1em;
}
ul.notes-s.en li:before {
  font-family: Verdana, Geneva, sans-serif;
  content: "*";
  font-size: 80%;
  top: 0.4em;
}

/*ul.notes-s.space{
	li{text-indent:-0.8em;}
}
*/
ul.notes_red_m_normal li {
  text-indent: -0.6em;
  padding-left: 1em;
  margin: 0.3em 0;
  color: #cc0000;
}
ul.notes_red_m_normal li:before {
  display: inline-block;
  content: "※";
  margin-right: 0.5em;
  font-size: 100%;
}
ul.notes_red_m_normal.en li:before {
  font-family: Verdana, Geneva, sans-serif;
  content: "*";
  font-size: 80%;
  top: 0.4em;
}

ul.icored li:before {
  color: #cc0000;
}
ul.icoblack li:before {
  color: #333333;
}
ul.arrowR li {
  text-indent: 0;
  padding-left: 1.2em;
  position: relative;
}
ul.arrowR li:before {
  display: inline-block;
  font-family: "yubin";
  font-weight: normal;
  content: "\f105";
  position: absolute;
  left: 0;
  top: 0.2em;
}
ul.arrowL li {
  text-indent: 0;
  padding-left: 1.2em;
  position: relative;
}
ul.arrowL li:before {
  display: inline-block;
  font-family: "yubin";
  font-weight: normal;
  content: "\f104";
  position: absolute;
  left: 0;
  top: 0.2em;
}
ul.arrowT li {
  text-indent: 0;
  padding-left: 1.2em;
  position: relative;
}
ul.arrowT li:before {
  display: inline-block;
  font-family: "yubin";
  font-weight: normal;
  content: "\f106";
  position: absolute;
  left: 0;
  top: 0.2em;
}
ul.arrowB li {
  text-indent: 0;
  padding-left: 1.2em;
  position: relative;
}
ul.arrowB li:before {
  display: inline-block;
  font-family: "yubin";
  font-weight: normal;
  content: "\f107";
  position: absolute;
  left: 0;
  top: 0.2em;
}
ul.arrowR li.ic_popup:before, ul.arrowL li.ic_popup:before, ul.arrowT li.ic_popup:before, ul.arrowB li.ic_popup:before {
  content: "\e924";
  font-size: 86%;
  top: 0.4em;
}
ul.arrowR li, ul.arrowL li, ul.arrowT li, ul.arrowB li {
  margin: 0 0 0.4em;
}
ul.arrowR li a.ic_popup:before, ul.arrowL li a.ic_popup:before, ul.arrowT li a.ic_popup:before, ul.arrowB li a.ic_popup:before {
  content: none;
}
ul.arrowR li a[target=_blank]:after, ul.arrowL li a[target=_blank]:after, ul.arrowT li a[target=_blank]:after, ul.arrowB li a[target=_blank]:after {
  font-family: "yubin";
  content: "\e924";
  margin-left: 0.3em;
  font-size: 86%;
  color: #cc0000;
}
ul.uline li {
  border-bottom: 1px solid #ccc;
  padding: 1.1em 0 1.1em 1.4em;
  position: relative;
}
ul.uline li:before {
  display: inline-block;
  font-family: "yubin";
  font-weight: normal;
  content: "\f105";
  position: absolute;
  left: 0.2em;
  top: 1.4em;
}
ul.uline li a {
  color: #333333;
}
ul li.noline {
  border: none;
}

ul.arrowLink.icored li:before {
  display: inline-block;
  font-family: "yubin";
  font-weight: normal;
  content: "\f105";
  color: #cc0000;
}
ul.arrowLink.red a {
  color: #cc0000;
}
ul.arrowLink li {
  padding: 0.2em 0 0.2em 0.2em;
  position: relative;
  padding-left: 1.2em;
}
ul.arrowLink li a {
  color: #333333;
}
ul.arrowLink li:before {
  display: inline-block;
  font-family: "yubin";
  content: "\f105";
  position: absolute;
  left: 0;
  top: 0.4em;
}
ul.arrowLink li ul li a:before {
  content: none;
}

ul.inline li {
  display: inline-block;
}

ul.inlineArrowLink.separator li {
  border-right: 1px solid #CCC;
  padding: 0.1em 1.1em 0.1em 1.7em;
  margin: 0 0em 0.5em 0;
}
ul.inlineArrowLink.separator li:last-child {
  border-right: 0;
}
ul.inlineArrowLink li {
  display: inline-block;
  margin: 0 1em 0.5em 0;
  text-indent: -0.5em;
  padding-left: 1em;
}
ul.inlineArrowLink li a:before {
  display: inline-block;
  font-family: "yubin";
  content: "\f105";
  margin-right: 0.5em;
  color: #cc0000;
}
ul.inlineArrowLink.clm2 li {
  width: 49%;
}
ul.inlineArrowLink.clm2 li:nth-child(2n) {
  margin-right: 0;
}
ul.inlineArrowLink.clm3 li {
  width: 33%;
}
ul.inlineArrowLink.clm3 li:nth-child(3n) {
  margin-right: 0;
}
ul.inlineArrowLink.clm4 li {
  width: 24.5%;
}
ul.inlineArrowLink.clm4 li:nth-child(4n) {
  margin-right: 0;
}
ul.inlineArrowLink.clm5 li {
  width: 19.5%;
}
ul.inlineArrowLink.clm5 li:nth-child(5n) {
  margin-right: 0;
}
ul.inlineArrowLink.clm6 li {
  width: 15%;
}
ul.inlineArrowLink.clm6 li:nth-child(6n) {
  margin-right: 0;
}

@media screen and (max-width: 750px) {
  ul.inlineArrowLink.inline_clm2sp li {
    width: 48%;
    margin: 0 1.5% 0.5em 0;
  }
  ul.inlineArrowLink.inline_clm2sp li:nth-child(2n) {
    margin-right: 0;
  }

  ul.fullLsp {
    text-align: left;
  }
  ul.fullLsp li {
    width: 100%;
  }

  ul.fullCsp {
    text-align: center;
  }
  ul.fullCsp li {
    width: 100%;
  }

  ul.fullRsp {
    text-align: right;
  }
  ul.fullRsp li {
    width: 100%;
  }

  ul.inlinesp {
    display: block;
  }
  ul.inlinesp li {
    display: inline-block !important;
  }
}
/* sp */
ol.icored li:before {
  color: #cc0000;
}
ol.icoblack li:before {
  color: #333333;
}
ol.uline {
  padding-left: 1.5em;
}
ol.uline li {
  border-bottom: 1px solid #ccc;
  padding: 1.1em 0;
}
ol.uline li a {
  color: #333333;
}
ol li.noline {
  border: none;
}
ol li {
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}

ol.basic-s {
  font-size: 0.9em;
}

ol.basic-m {
  font-size: 1em;
}

ol.basic-l {
  font-size: 1.2em;
}

ol.basic-l, ol.basic-m, ol.basic-s {
  padding-left: 2.5em;
}

/*ol.paren-l,ol.paren-m,ol.paren-s{padding-left: 2.5em;}*/
#main-box > .pad {
  /*	ol.basic-l,ol.basic-m,ol.basic-s{padding-left: 2.5em;}
  	ol.paren-l,ol.paren-m,ol.paren-s{padding-left: 2.5em;}*/
  /*	table{
  		ol.basic-l,ol.basic-m,ol.basic-s{padding-left: 0em;
  			& > li{margin-left:1em;}
  		}
  		ol.paren-l,ol.paren-m,ol.paren-s{padding-left: 0em;
  		}
  	}*/
}

@media screen and (max-width: 750px) {
  #main-box > .pad ul ol.paren-l, #main-box > .pad ul ol.paren-m, #main-box > .pad ul ol.paren-s, #main-box > .pad ol ol.paren-l, #main-box > .pad ol ol.paren-m, #main-box > .pad ol ol.paren-s {
    padding-left: 0em;
  }
}
/* sp */
ol.paren,
ol.paren-m, ol.paren-s, ol.paren-l {
  counter-reset: item;
}
ol.paren > li,
ol.paren-m > li, ol.paren-s > li, ol.paren-l > li {
  padding-left: 2.3em;
  /*text-indent: -2.3em;*/
  list-style-type: none;
  position: relative;
}
ol.paren > li:before,
ol.paren-m > li:before, ol.paren-s > li:before, ol.paren-l > li:before {
  content: "(" counter(item) ") ";
  counter-increment: item;
  position: absolute;
  left: 0;
  top: 0;
}

ol.paren-s > li {
  font-size: 90%;
}

ol.paren-l > li {
  font-size: 115%;
}

ol.notice-m {
  counter-reset: item;
}
ol.notice-m > li {
  padding-left: 4.2em;
  text-indent: 0;
  list-style-type: none;
  position: relative;
}
ol.notice-m > li:before {
  content: "（注" counters(item, "-") "）";
  counter-increment: item;
  position: absolute;
  left: 0;
  top: 0;
}

ol.notice-m2 {
  counter-reset: item;
}
ol.notice-m2 > li {
  padding-left: 2.7em;
  /*text-indent:-2.2em;*/
  list-style-type: none;
  position: relative;
}
ol.notice-m2 > li:before {
  content: "注" counters(item, "-");
  counter-increment: item;
  position: absolute;
  left: 0;
  top: 0;
}

ol.notice-m3 {
  counter-reset: item;
}
ol.notice-m3 > li {
  padding-left: 3em;
  /*text-indent:-2.2em;*/
  list-style-type: none;
  position: relative;
}
ol.notice-m3 > li:before {
  content: "※" counters(item, "-");
  counter-increment: item;
  position: absolute;
  left: 0;
  top: 0;
}

ol.notes-m {
  counter-reset: item;
}
ol.notes-m > li {
  padding-left: 4.2em;
  /*text-indent:-4.2em;*/
  list-style-type: none;
  position: relative;
}
ol.notes-m > li:before {
  content: "（※" counters(item, "-") "）";
  counter-increment: item;
  position: absolute;
  left: 0;
  top: 0;
}

ol.em1 {
  position: relative;
}
ol.em1 > li {
  list-style: none;
  list-style-position: outside;
  margin: 0;
  padding-left: 1.5em;
  position: relative;
}
ol.em1 > li span {
  position: absolute;
  left: 0;
  top: 0;
}

ol.alpha-u > li {
  list-style-type: upper-alpha;
}

ul.btnRed.clm2 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  /* 2clm均等配置 */
}
ul.btnRed.clm2 li {
  margin-bottom: 14px;
  width: 49%;
}
ul.btnRed.vertical {
  /*　文字縦位置中央そろえ */
}
ul.btnRed.vertical li a {
  padding: 40px 10px;
}
ul.btnRed.vertical li span {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  width: 100%;
  display: inline-block;
}
ul.btnRed.arrowR {
  /* 右向き矢印付き */
}
ul.btnRed.arrowR li:before {
  margin: 0;
  content: none;
}
ul.btnRed.arrowR li a {
  position: relative;
}
ul.btnRed.arrowR li a:after {
  font-family: "yubin";
  color: #cc0000;
  content: "\f105";
  font-size: 22px;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
ul.btnRed.arrowR li a[target=_blank]:after {
  font-family: "yubin";
  content: "\e924";
}
ul.btnRed li {
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
ul.btnRed li a {
  position: relative;
  display: block;
  padding: 1em;
  width: 100%;
  border: 1px solid #cc0000;
  color: #333333;
  border-radius: 5px;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-size: 1.18rem;
  font-weight: 400;
}

/* 郵便PC幅 */
@media screen and (min-width: 751px) and (max-width: 1366px) {
  ul.btnRed li a {
    font-size: 1.1rem;
  }
}
/* yubinpc */
/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  ul.btnRed li a {
    font-size: 1rem;
  }
}
/* tablet */
@media screen and (max-width: 750px) {
  ul.btnRed.vertical {
    /*　文字縦位置中央そろえ */
  }
  ul.btnRed.vertical li a {
    padding: 0;
  }
  ul.btnRed.vertical li span {
    position: static;
    top: auto;
    left: auto;
    -webkit-transform: none;
            transform: none;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
  }
  ul.btnRed.arrowR li a {
    padding-right: 3%;
  }
  ul.btnRed.arrowR li a:after {
    right: 2%;
  }
}
/* sp */
ul.clm2 {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
ul.clm2 li {
  max-width: 50%;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}

ul.clm3 {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
ul.clm3 li {
  max-width: 33%;
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
}

ul.clm4 {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
ul.clm4 li {
  max-width: 25%;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}

ul.clm2-space {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
ul.clm2-space li {
  max-width: 49%;
  -ms-flex-preferred-size: 49%;
      flex-basis: 49%;
}

ul.clm3-space {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
ul.clm3-space::after {
  content: "";
  display: block;
  width: 33%;
}
ul.clm3-space li {
  max-width: 32%;
  -ms-flex-preferred-size: 32%;
      flex-basis: 32%;
}

ul.clm4-space {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
ul.clm4-space::before {
  content: "";
  display: block;
  width: 24%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
ul.clm4-space::after {
  content: "";
  display: block;
  width: 24%;
}
ul.clm4-space li {
  max-width: 24%;
  -ms-flex-preferred-size: 24%;
      flex-basis: 24%;
}

@media screen and (max-width: 750px) {
  ul.clm2sp {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  ul.clm2sp li {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }

  ul.clm3sp {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  ul.clm3sp li {
    max-width: 33%;
    -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
  }

  ul.clm4sp {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  ul.clm4sp li {
    max-width: 25%;
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
}
/* sp */
/* ページ内リンクボックス */
.pagetopLink {
  text-align: right;
}
.pagetopLink a {
  color: #cc0000;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  font-size: 0.9rem;
}
.pagetopLink a:before {
  display: inline-block;
}

.inpageLink {
  background: #eeeeee;
  padding: 10px 1em 5px;
  border-radius: 5px;
  max-width: 1200px;
  margin: auto;
  /* sp */
}
@media screen and (max-width: 750px) {
  .inpageLink {
    width: 100%;
    padding: 0 3%;
  }
}
.inpageLink ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.inpageLink ul li {
  margin-right: 2em;
  margin-bottom: 0.4em;
  font-size: 1.05rem;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
}
.inpageLink ul li a {
  text-decoration: none;
  color: #cc0000;
  display: block;
  padding: 2px 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.inpageLink ul li a:before {
  font-family: "yubin";
  content: "\f107";
  margin-right: 0.3em;
  position: relative;
  top: 2px;
}
.inpageLink ul li a:hover {
  background: rgba(255, 255, 255, 0.6);
  border-radius: 3px;
}
.inpageLink ul li.full {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}
.inpageLink ul.clm3-space li {
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
  max-width: 33%;
  margin-right: 0;
}
.inpageLink ul.clm4-space li {
  -ms-flex-preferred-size: 24%;
      flex-basis: 24%;
  max-width: 24%;
  margin-right: 0;
}
.inpageLink.up ul li a:before {
  content: "\f106";
}

.inpageLink2 {
  background: #eeeeee;
  padding: 12px 25px 4px;
  border-radius: 5px;
  max-width: 1200px;
  margin: auto;
  /* sp */
}
@media screen and (max-width: 750px) {
  .inpageLink2 {
    width: 100%;
    padding: 0 3%;
  }
}
.inpageLink2 ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.inpageLink2 ul li {
  -ms-flex-preferred-size: 32%;
      flex-basis: 32%;
  max-width: 32%;
  margin-bottom: 0.4em;
  font-size: 1rem;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
}
.inpageLink2 ul li a {
  text-decoration: none;
  color: #cc0000;
  display: block;
  padding: 2px 10px 2px 1em;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-indent: -1em;
}
.inpageLink2 ul li a:before {
  font-family: "yubin";
  content: "\f107";
  margin-right: 0.3em;
  position: relative;
  top: 2px;
}
.inpageLink2 ul li a:hover {
  background: rgba(255, 255, 255, 0.6);
  border-radius: 3px;
}
.inpageLink2 ul li.full {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}
.inpageLink2 ul:after {
  content: "";
  display: block;
  -ms-flex-preferred-size: 32%;
      flex-basis: 32%;
  max-width: 32%;
  height: 0;
}
.inpageLink2 ul.clm4-space li {
  -ms-flex-preferred-size: 24%;
      flex-basis: 24%;
  max-width: 24%;
}

.inpageLink_simple {
  max-width: 1200px;
  margin: auto;
  /* sp */
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .inpageLink_simple {
    width: 100%;
    padding: 0 3%;
  }
}
.inpageLink_simple ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.inpageLink_simple ul li {
  font-size: 1em;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  /*border-right:1px solid $gray3; */
  margin-bottom: 0.4em;
  margin-right: 0.8em;
  position: relative;
}
.inpageLink_simple ul li a {
  text-decoration: none;
  color: #cc0000;
  display: block;
  padding: 5px 13px 5px 18px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.inpageLink_simple ul li:before {
  font-family: "yubin";
  content: "\f107";
  position: absolute;
  left: 0;
  top: 0.5em;
  color: #cc0000;
}
.inpageLink_simple ul li a:hover {
  background: rgba(100, 100, 100, 0.1);
  border-radius: 3px;
}
.inpageLink_simple ul li:last-child {
  border-right: 0;
}
.inpageLink_simple ul li.full {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}
.inpageLink_simple.up ul li:before {
  content: "\f106";
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  .inpageLink ul li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
    margin-right: 0;
    font-size: 0.9em;
  }
  .inpageLink ul li a {
    padding: 0.3em 1em 0.3em 1em;
  }

  .inpageLink2 {
    padding: 2% 3% 1.5%;
  }
  .inpageLink2 ul li {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    max-width: 32%;
    margin-right: 0;
    font-size: 1em;
  }
  .inpageLink2 ul li a {
    padding: 0.3em 1em 0.3em 1em;
  }

  .inpageLink_simple ul li {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
    margin-right: 0;
    font-size: 0.9em;
  }
  .inpageLink_simple ul li a {
    padding: 0.3em 1em 0.3em 1em;
  }
  .inpageLink_simple ul.disp_block li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }

  .inpageLink_simple.tbclm2 ul {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
  .inpageLink_simple.tbclm2 ul li {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    max-width: 49%;
    margin-right: 0;
    font-size: 0.9em;
  }
  .inpageLink_simple.tbclm2 ul li a {
    padding: 0.3em 1em 0.3em 1em;
  }
  .inpageLink_simple.tbclm2 ul:after {
    content: "";
    width: 49%;
  }
}
/* tablet */
@media screen and (max-width: 750px) {
  .inpageLink {
    padding: 12px 3%;
    width: 96%;
    margin: auto;
  }
  .inpageLink ul li:before {
    left: 5px;
  }
  .inpageLink ul.flex-alignC {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .inpageLink ul li,
.inpageLink ul.clm3-space li,
.inpageLink ul.clm4-space li {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    max-width: 49%;
    margin-right: 0;
    font-size: 0.9rem;
    padding-left: 1em;
    text-indent: -1em;
  }
  .inpageLink ul li a,
.inpageLink ul.clm3-space li a,
.inpageLink ul.clm4-space li a {
    padding: 8px 2px;
  }

  .inpageLink2 {
    padding: 15px 2%;
    width: 96%;
    margin: auto;
  }
  .inpageLink2 ul,
.inpageLink2 ul.clm4-space {
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .inpageLink2 ul li,
.inpageLink2 ul.clm4-space li {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    max-width: 49%;
    margin-right: 0;
    font-size: 0.8rem;
    padding-left: 1em;
    text-indent: -1em;
    margin-bottom: 8px;
  }
  .inpageLink2 ul li a,
.inpageLink2 ul.clm4-space li a {
    padding: 5px 8px;
  }
  .inpageLink2 ul li:nth-child(even),
.inpageLink2 ul.clm4-space li:nth-child(even) {
    border-right: none;
  }

  .inpageLink_simple {
    padding: 15px 0;
    margin: auto;
  }
  .inpageLink_simple ul li:before {
    left: 5px;
  }
  .inpageLink_simple ul,
.inpageLink_simple ul.clm4-space {
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .inpageLink_simple ul li,
.inpageLink_simple ul.clm4-space li {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    max-width: 49%;
    margin-right: 0;
    font-size: 0.8rem;
    padding-left: 1em;
    text-indent: -1em;
    margin-bottom: 10px;
  }
  .inpageLink_simple ul li a,
.inpageLink_simple ul.clm4-space li a {
    padding: 5px 8px;
  }
  .inpageLink_simple ul li:nth-child(even),
.inpageLink_simple ul.clm4-space li:nth-child(even) {
    border-right: none;
  }
  .inpageLink_simple ul.disp_block li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}
/* sp */
/* ページ内リンク　ボタン */
.inpageLinkbtn {
  max-width: 1200px;
  margin: auto;
  /* sp */
}
@media screen and (max-width: 750px) {
  .inpageLinkbtn {
    width: 100%;
    padding: 0 3%;
  }
}
.inpageLinkbtn ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.inpageLinkbtn ul li {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.inpageLinkbtn ul li a {
  background: #cc0000;
  color: #FFF;
  text-decoration: none;
  display: block;
  border-radius: 5px;
  text-align: center;
  padding: 1.231em;
  padding-left: 2.2em;
  position: relative;
  -ms-flex-preferred-size: 98%;
      flex-basis: 98%;
  max-width: 98%;
}
.inpageLinkbtn ul li a:before {
  font-family: "yubin";
  content: "\f107";
  font-size: 130%;
  margin-right: 0.3em;
  position: absolute;
  left: 1em;
  top: 1em;
}

@media screen and (max-width: 750px) {
  .inpageLinkbtn {
    padding: 0;
  }
  .inpageLinkbtn ul {
    display: block;
  }
  .inpageLinkbtn ul li {
    width: 100%;
  }
  .inpageLinkbtn ul li:nth-child(n+2) {
    margin-top: 10px;
  }
}
/* sp */
.subnavRed {
  max-width: 1200px;
  margin: auto;
  /* sp */
}
@media screen and (max-width: 750px) {
  .subnavRed {
    width: 100%;
    padding: 0 3%;
  }
}
.subnavRed ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.subnavRed ul li {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.subnavRed ul li a {
  background: #cc0000;
  color: #FFF;
  text-decoration: none;
  display: block;
  border-radius: 5px;
  text-align: center;
  padding: 1.231em;
  padding-left: 2.2em;
  position: relative;
  -ms-flex-preferred-size: 98%;
      flex-basis: 98%;
  max-width: 98%;
}
.subnavRed ul li a:before {
  font-family: "yubin";
  content: "\f101";
  font-size: 130%;
  margin-right: 0.3em;
  position: absolute;
  left: 1em;
  top: 1em;
}

@media screen and (max-width: 750px) {
  .subnavRed {
    padding: 0;
  }
  .subnavRed ul {
    display: block;
  }
  .subnavRed ul li {
    width: 100%;
  }
  .subnavRed ul li:nth-child(n+2) {
    margin-top: 10px;
  }
}
/* sp */
/*----------------------------------------------------------
	img
--------------------------------------------------------- */
img.border {
  border: 1px solid #CCC;
}

/*----------------------------------------------------------
	table
--------------------------------------------------------- */
table.layout table.data {
  margin: 10px auto;
  border: 1px solid #c8c8c8;
  border-collapse: collapse;
  word-break: break-all;
}
table.layout table.data th, table.layout table.data td.h1 {
  padding: 12px;
  color: #333333;
  background: #EEEEEE;
  border-bottom: solid 1px #c8c8c8;
  border-top: none;
  border-right: solid 1px #c8c8c8;
  border-left: solid 1px #c8c8c8;
  font-size: 1em;
  font-weight: bold;
}
table.layout table.data th.h2, table.layout table.data td.h2 {
  background: #FAFAFA;
  font-size: 1em;
}
table.layout table.data td {
  word-break: break-all;
  padding: 12px;
  border-bottom: solid 1px #c8c8c8;
  border-top: none;
  border-right: solid 1px #c8c8c8;
  border-left: none;
}
table.layout table.data caption {
  text-align: center;
  font-size: 1.1em;
  padding: 0.7em 1em 0.6em;
  font-weight: bold;
  background: #EEEEEE;
}
table.layout table.data.full {
  width: 100%;
}

table.data {
  margin: 10px auto;
  border: 1px solid #c8c8c8;
  border-collapse: collapse;
  word-break: break-all;
}
table.data th, table.data td.h1 {
  padding: 12px;
  color: #333333;
  background: #EEEEEE;
  border-bottom: solid 1px #c8c8c8;
  border-top: none;
  border-right: solid 1px #c8c8c8;
  border-left: solid 1px #c8c8c8;
  font-size: 1em;
  font-weight: bold;
}
table.data th.h2, table.data td.h2 {
  background: #FAFAFA;
  font-size: 1em;
}
table.data td.h3 {
  background: #FAECEA;
}
table.data td.h5 {
  background: #FFECEC;
}
table.data td {
  word-break: break-all;
  padding: 12px;
  border-bottom: solid 1px #c8c8c8;
  border-top: none;
  border-right: solid 1px #c8c8c8;
  border-left: none;
}
table.data td table.layout {
  border: none;
}
table.data td table.layout th {
  padding: 5px;
  border: none;
  font-weight: normal;
}
table.data td table.layout td {
  padding: 5px;
  border: none;
}
table.data caption {
  text-align: center;
  font-size: 1.1em;
  padding: 0.7em 1em 0.6em;
  font-weight: bold;
  background: #EEEEEE;
}
table.data.full {
  width: 100%;
}
table.data.slim th, table.data.slim td {
  padding: 0.5em;
}

@media screen and (max-width: 750px) {
  table.respTable th {
    display: block;
    width: 100%;
    background: #EEEEEE;
    padding: 6px 0;
  }
  table.respTable th.bgnone {
    background: none;
  }
  table.respTable td {
    display: block;
    width: 100%;
    padding: 6px 4px;
  }

  table.layout.respTable {
    border: none;
  }

  table.respTable table.layout td {
    padding: 0 0 !important;
  }

  table.respTable table.layout td {
    border: none;
  }

  table.respTable.data td {
    border-right: none;
  }

  table.layout {
    border: none;
  }
  table.layout th {
    padding: 5px;
    border: none;
    font-weight: normal;
  }
  table.layout td {
    padding: 5px;
    border: none;
  }
}
/* sp */
@media screen and (max-width: 750px) {
  table.data {
    width: 100% !important;
    font-size: 86%;
    border-bottom: 0;
  }
  table.data td {
    padding: 8px;
    /*word-break: keep-all;*/
  }
  table.data th, table.data td.h1 {
    border-right: none;
    border-left: none;
  }

  body.jp table.data td {
    word-break: break-all;
  }

  table.layout {
    font-size: 86%;
  }

  table.layout.fontNormal {
    font-size: 100%;
  }
}
/* sp */
@media screen and (max-width: 750px) {
  table.sprotate {
    width: 100%;
    border-left: solid 1px #c8c8c8;
    border-top: solid 1px #c8c8c8;
    border-right: 0;
    border-bottom: 0;
  }
  table.sprotate tr {
    display: block;
    float: left;
  }
  table.sprotate tr td, table.sprotate table tr th {
    display: block;
    height: 40px;
  }
  table.sprotate thead {
    display: block;
    float: left;
  }
  table.sprotate thead th {
    width: 100%;
    display: block;
    border-left: 0;
  }
  table.sprotate thead tr {
    width: 100%;
  }
  table.sprotate tbody {
    display: block;
    float: left;
  }
  table.sprotate tbody th {
    width: 100%;
    display: block;
    border-left: 0;
  }
  table.sprotate tbody tr {
    width: 100%;
  }
}
/* sp */
@media screen and (max-width: 750px) {
  div.scrl {
    overflow: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative;
    width: 94vw;
    -webkit-overflow-scrolling: touch;
  }
  div.scrl table {
    margin: 0;
  }
  div.scrl table td, div.scrl table th {
    white-space: nowrap;
  }
  div.scrl table.data td {
    word-break: keep-all;
  }

  div.scrl:before {
    display: block;
    content: "Scrollable";
    color: rgb(102, 102, 102);
    font-size: 1em;
    padding: 8px 0 8px 30px;
  }

  body:lang(ja) div.scrl:before {
    content: "スクロールできます";
  }

  div.scrl:after {
    position: absolute;
    left: 0;
    top: 0;
    font-family: "yubin";
    font-size: 2em;
    content: "r";
    color: rgb(102, 102, 102);
    line-height: 100% !important;
  }

  div.scrl::-webkit-scrollbar {
    height: 5px;
  }

  div.scrl::-webkit-scrollbar-track {
    background: #F1F1F1;
    border-radius: 5px;
  }

  div.scrl::-webkit-scrollbar-thumb {
    background: #BCBCBC;
    border-radius: 5px;
  }

  div.scrl::-webkit-scrollbar-thumb {
    background: #BCBCBC;
    border-radius: 5px;
  }

  /*div.scrl table{min-width:600px !important;}

  div.scrl.notification table{min-width:1200px !important;}

  div.scrlL{position:relative;height:400px;overflow-y: auto;-webkit-overflow-scrolling: touch;}
  table.scrlLhead{
  	border-bottom:1px solid #CCC !important;
  }
  */
}
/* sp */
/*----------------------------------------------------------
	box
--------------------------------------------------------- */
.boxGray {
  background: #eeeeee;
  padding: 15px 20px;
}

.boxGray2 {
  background: #f7f7f7;
  padding: 15px 20px;
}

.boxPink {
  background: #FFECEC;
  padding: 15px 20px;
}

.boxBorder {
  border: #c8c8c8 1px solid !important;
  padding: 15px 20px;
}

.boxWhite {
  background: #FFF;
  padding: 15px 20px;
}

.boxBorderR {
  border: #cc0000 1px solid !important;
  padding: 15px 20px;
}

.boxBorderR2 {
  border: #FAECEA 1px solid !important;
  padding: 15px 20px;
}

.boxGradR {
  color: #FFF;
  background: #CF2424;
  /*background: rgb(204,0,0);
  background: -moz-linear-gradient(top,  rgba(204,0,0,1) 0%, rgba(204,81,81,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(204,0,0,1) 0%,rgba(204,81,81,1) 100%);
  background: linear-gradient(to bottom,  rgba(204,0,0,1) 0%,rgba(204,81,81,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc5151',GradientType=0 );
  */
}

/*----------------------------------------------------------
	hr
--------------------------------------------------------- */
hr.simple {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #c8c8c8;
}

/*  layoutbox
----------------------------------------------- */
.iconmsg {
  border: #c8c8c8 1px solid;
  padding: 15px 20px;
  position: relative;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.iconmsg.red {
  border: #cc0000 1px solid;
}
.iconmsg .msg {
  font-weight: bold;
}
.iconmsg:before {
  font-family: "yubin";
  color: #cc0000;
  font-size: 34px;
  padding-right: 14px;
}
.iconmsg.iconL:before {
  font-size: 50px;
}

.boxstyle.simple {
  background: #FFF;
  border: 1px solid #ccc;
}

.clm2, .clm3, .clm4 {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* 複数行の場合 */
}
.clm2.multi, .clm3.multi, .clm4.multi {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}
.clm2 span.caption, .clm3 span.caption, .clm4 span.caption {
  display: block;
  margin: 0.5em 0;
  padding-left: 1.2em;
  text-indent: -1.2em;
}
.clm2 span.caption:before, .clm3 span.caption:before, .clm4 span.caption:before {
  font-family: "yubin";
  content: "w";
  margin-right: 0.2em;
}
.clm2 .sp1, .clm3 .sp1, .clm4 .sp1 {
  padding: 1vw;
}
.clm2 .sp2, .clm3 .sp2, .clm4 .sp2 {
  padding: 2vw;
}

.clm2 .clm {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.clm3 .clm {
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
  max-width: 33%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.clm4 .clm {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.clm2-space,
.clm3-space,
.clm4-space {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.clm2-space .clm {
  -ms-flex-preferred-size: 49%;
      flex-basis: 49%;
  max-width: 49%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.clm3-space .clm {
  -ms-flex-preferred-size: 32%;
      flex-basis: 32%;
  max-width: 32%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.clm4-space .clm {
  -ms-flex-preferred-size: 24%;
      flex-basis: 24%;
  max-width: 24%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.flex-around {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important;
}

.flex-valignT {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.flex-valignB {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

.flex-valignC {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.flex-alignL {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.flex-alignR {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.flex-alignC {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.flex1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

* .flexbasis01, .flex-between .flexbasis01 {
  -ms-flex-preferred-size: 1%;
      flex-basis: 1%;
  max-width: 1%;
}
* .flexbasis02, .flex-between .flexbasis02 {
  -ms-flex-preferred-size: 2%;
      flex-basis: 2%;
  max-width: 2%;
}
* .flexbasis03, .flex-between .flexbasis03 {
  -ms-flex-preferred-size: 3%;
      flex-basis: 3%;
  max-width: 3%;
}
* .flexbasis04, .flex-between .flexbasis04 {
  -ms-flex-preferred-size: 4%;
      flex-basis: 4%;
  max-width: 4%;
}
* .flexbasis05, .flex-between .flexbasis05 {
  -ms-flex-preferred-size: 5%;
      flex-basis: 5%;
  max-width: 5%;
}
* .flexbasis06, .flex-between .flexbasis06 {
  -ms-flex-preferred-size: 6%;
      flex-basis: 6%;
  max-width: 6%;
}
* .flexbasis07, .flex-between .flexbasis07 {
  -ms-flex-preferred-size: 7%;
      flex-basis: 7%;
  max-width: 7%;
}
* .flexbasis08, .flex-between .flexbasis08 {
  -ms-flex-preferred-size: 8%;
      flex-basis: 8%;
  max-width: 8%;
}
* .flexbasis09, .flex-between .flexbasis09 {
  -ms-flex-preferred-size: 9%;
      flex-basis: 9%;
  max-width: 9%;
}
* .flexbasis10, .flex-between .flexbasis10 {
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
  max-width: 10%;
}
* .flexbasis11, .flex-between .flexbasis11 {
  -ms-flex-preferred-size: 11%;
      flex-basis: 11%;
  max-width: 11%;
}
* .flexbasis12, .flex-between .flexbasis12 {
  -ms-flex-preferred-size: 12%;
      flex-basis: 12%;
  max-width: 12%;
}
* .flexbasis13, .flex-between .flexbasis13 {
  -ms-flex-preferred-size: 13%;
      flex-basis: 13%;
  max-width: 13%;
}
* .flexbasis14, .flex-between .flexbasis14 {
  -ms-flex-preferred-size: 14%;
      flex-basis: 14%;
  max-width: 14%;
}
* .flexbasis15, .flex-between .flexbasis15 {
  -ms-flex-preferred-size: 15%;
      flex-basis: 15%;
  max-width: 15%;
}
* .flexbasis16, .flex-between .flexbasis16 {
  -ms-flex-preferred-size: 16%;
      flex-basis: 16%;
  max-width: 16%;
}
* .flexbasis17, .flex-between .flexbasis17 {
  -ms-flex-preferred-size: 17%;
      flex-basis: 17%;
  max-width: 17%;
}
* .flexbasis18, .flex-between .flexbasis18 {
  -ms-flex-preferred-size: 18%;
      flex-basis: 18%;
  max-width: 18%;
}
* .flexbasis19, .flex-between .flexbasis19 {
  -ms-flex-preferred-size: 19%;
      flex-basis: 19%;
  max-width: 19%;
}
* .flexbasis20, .flex-between .flexbasis20 {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  max-width: 20%;
}
* .flexbasis21, .flex-between .flexbasis21 {
  -ms-flex-preferred-size: 21%;
      flex-basis: 21%;
  max-width: 21%;
}
* .flexbasis22, .flex-between .flexbasis22 {
  -ms-flex-preferred-size: 22%;
      flex-basis: 22%;
  max-width: 22%;
}
* .flexbasis23, .flex-between .flexbasis23 {
  -ms-flex-preferred-size: 23%;
      flex-basis: 23%;
  max-width: 23%;
}
* .flexbasis24, .flex-between .flexbasis24 {
  -ms-flex-preferred-size: 24%;
      flex-basis: 24%;
  max-width: 24%;
}
* .flexbasis25, .flex-between .flexbasis25 {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
}
* .flexbasis26, .flex-between .flexbasis26 {
  -ms-flex-preferred-size: 26%;
      flex-basis: 26%;
  max-width: 26%;
}
* .flexbasis27, .flex-between .flexbasis27 {
  -ms-flex-preferred-size: 27%;
      flex-basis: 27%;
  max-width: 27%;
}
* .flexbasis28, .flex-between .flexbasis28 {
  -ms-flex-preferred-size: 28%;
      flex-basis: 28%;
  max-width: 28%;
}
* .flexbasis29, .flex-between .flexbasis29 {
  -ms-flex-preferred-size: 29%;
      flex-basis: 29%;
  max-width: 29%;
}
* .flexbasis30, .flex-between .flexbasis30 {
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  max-width: 30%;
}
* .flexbasis31, .flex-between .flexbasis31 {
  -ms-flex-preferred-size: 31%;
      flex-basis: 31%;
  max-width: 31%;
}
* .flexbasis32, .flex-between .flexbasis32 {
  -ms-flex-preferred-size: 32%;
      flex-basis: 32%;
  max-width: 32%;
}
* .flexbasis33, .flex-between .flexbasis33 {
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
  max-width: 33%;
}
* .flexbasis34, .flex-between .flexbasis34 {
  -ms-flex-preferred-size: 34%;
      flex-basis: 34%;
  max-width: 34%;
}
* .flexbasis35, .flex-between .flexbasis35 {
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
  max-width: 35%;
}
* .flexbasis36, .flex-between .flexbasis36 {
  -ms-flex-preferred-size: 36%;
      flex-basis: 36%;
  max-width: 36%;
}
* .flexbasis37, .flex-between .flexbasis37 {
  -ms-flex-preferred-size: 37%;
      flex-basis: 37%;
  max-width: 37%;
}
* .flexbasis38, .flex-between .flexbasis38 {
  -ms-flex-preferred-size: 38%;
      flex-basis: 38%;
  max-width: 38%;
}
* .flexbasis39, .flex-between .flexbasis39 {
  -ms-flex-preferred-size: 39%;
      flex-basis: 39%;
  max-width: 39%;
}
* .flexbasis40, .flex-between .flexbasis40 {
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
  max-width: 40%;
}
* .flexbasis41, .flex-between .flexbasis41 {
  -ms-flex-preferred-size: 41%;
      flex-basis: 41%;
  max-width: 41%;
}
* .flexbasis42, .flex-between .flexbasis42 {
  -ms-flex-preferred-size: 42%;
      flex-basis: 42%;
  max-width: 42%;
}
* .flexbasis43, .flex-between .flexbasis43 {
  -ms-flex-preferred-size: 43%;
      flex-basis: 43%;
  max-width: 43%;
}
* .flexbasis44, .flex-between .flexbasis44 {
  -ms-flex-preferred-size: 44%;
      flex-basis: 44%;
  max-width: 44%;
}
* .flexbasis45, .flex-between .flexbasis45 {
  -ms-flex-preferred-size: 45%;
      flex-basis: 45%;
  max-width: 45%;
}
* .flexbasis46, .flex-between .flexbasis46 {
  -ms-flex-preferred-size: 46%;
      flex-basis: 46%;
  max-width: 46%;
}
* .flexbasis47, .flex-between .flexbasis47 {
  -ms-flex-preferred-size: 47%;
      flex-basis: 47%;
  max-width: 47%;
}
* .flexbasis48, .flex-between .flexbasis48 {
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
  max-width: 48%;
}
* .flexbasis49, .flex-between .flexbasis49 {
  -ms-flex-preferred-size: 49%;
      flex-basis: 49%;
  max-width: 49%;
}
* .flexbasis50, .flex-between .flexbasis50 {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
}
* .flexbasis51, .flex-between .flexbasis51 {
  -ms-flex-preferred-size: 51%;
      flex-basis: 51%;
  max-width: 51%;
}
* .flexbasis52, .flex-between .flexbasis52 {
  -ms-flex-preferred-size: 52%;
      flex-basis: 52%;
  max-width: 52%;
}
* .flexbasis53, .flex-between .flexbasis53 {
  -ms-flex-preferred-size: 53%;
      flex-basis: 53%;
  max-width: 53%;
}
* .flexbasis54, .flex-between .flexbasis54 {
  -ms-flex-preferred-size: 54%;
      flex-basis: 54%;
  max-width: 54%;
}
* .flexbasis55, .flex-between .flexbasis55 {
  -ms-flex-preferred-size: 55%;
      flex-basis: 55%;
  max-width: 55%;
}
* .flexbasis56, .flex-between .flexbasis56 {
  -ms-flex-preferred-size: 56%;
      flex-basis: 56%;
  max-width: 56%;
}
* .flexbasis57, .flex-between .flexbasis57 {
  -ms-flex-preferred-size: 57%;
      flex-basis: 57%;
  max-width: 57%;
}
* .flexbasis58, .flex-between .flexbasis58 {
  -ms-flex-preferred-size: 58%;
      flex-basis: 58%;
  max-width: 58%;
}
* .flexbasis59, .flex-between .flexbasis59 {
  -ms-flex-preferred-size: 59%;
      flex-basis: 59%;
  max-width: 59%;
}
* .flexbasis60, .flex-between .flexbasis60 {
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
  max-width: 60%;
}
* .flexbasis61, .flex-between .flexbasis61 {
  -ms-flex-preferred-size: 61%;
      flex-basis: 61%;
  max-width: 61%;
}
* .flexbasis62, .flex-between .flexbasis62 {
  -ms-flex-preferred-size: 62%;
      flex-basis: 62%;
  max-width: 62%;
}
* .flexbasis63, .flex-between .flexbasis63 {
  -ms-flex-preferred-size: 63%;
      flex-basis: 63%;
  max-width: 63%;
}
* .flexbasis64, .flex-between .flexbasis64 {
  -ms-flex-preferred-size: 64%;
      flex-basis: 64%;
  max-width: 64%;
}
* .flexbasis65, .flex-between .flexbasis65 {
  -ms-flex-preferred-size: 65%;
      flex-basis: 65%;
  max-width: 65%;
}
* .flexbasis66, .flex-between .flexbasis66 {
  -ms-flex-preferred-size: 66%;
      flex-basis: 66%;
  max-width: 66%;
}
* .flexbasis67, .flex-between .flexbasis67 {
  -ms-flex-preferred-size: 67%;
      flex-basis: 67%;
  max-width: 67%;
}
* .flexbasis68, .flex-between .flexbasis68 {
  -ms-flex-preferred-size: 68%;
      flex-basis: 68%;
  max-width: 68%;
}
* .flexbasis69, .flex-between .flexbasis69 {
  -ms-flex-preferred-size: 69%;
      flex-basis: 69%;
  max-width: 69%;
}
* .flexbasis70, .flex-between .flexbasis70 {
  -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
  max-width: 70%;
}
* .flexbasis71, .flex-between .flexbasis71 {
  -ms-flex-preferred-size: 71%;
      flex-basis: 71%;
  max-width: 71%;
}
* .flexbasis72, .flex-between .flexbasis72 {
  -ms-flex-preferred-size: 72%;
      flex-basis: 72%;
  max-width: 72%;
}
* .flexbasis73, .flex-between .flexbasis73 {
  -ms-flex-preferred-size: 73%;
      flex-basis: 73%;
  max-width: 73%;
}
* .flexbasis74, .flex-between .flexbasis74 {
  -ms-flex-preferred-size: 74%;
      flex-basis: 74%;
  max-width: 74%;
}
* .flexbasis75, .flex-between .flexbasis75 {
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
  max-width: 75%;
}
* .flexbasis76, .flex-between .flexbasis76 {
  -ms-flex-preferred-size: 76%;
      flex-basis: 76%;
  max-width: 76%;
}
* .flexbasis77, .flex-between .flexbasis77 {
  -ms-flex-preferred-size: 77%;
      flex-basis: 77%;
  max-width: 77%;
}
* .flexbasis78, .flex-between .flexbasis78 {
  -ms-flex-preferred-size: 78%;
      flex-basis: 78%;
  max-width: 78%;
}
* .flexbasis79, .flex-between .flexbasis79 {
  -ms-flex-preferred-size: 79%;
      flex-basis: 79%;
  max-width: 79%;
}
* .flexbasis80, .flex-between .flexbasis80 {
  -ms-flex-preferred-size: 80%;
      flex-basis: 80%;
  max-width: 80%;
}
* .flexbasis81, .flex-between .flexbasis81 {
  -ms-flex-preferred-size: 81%;
      flex-basis: 81%;
  max-width: 81%;
}
* .flexbasis82, .flex-between .flexbasis82 {
  -ms-flex-preferred-size: 82%;
      flex-basis: 82%;
  max-width: 82%;
}
* .flexbasis83, .flex-between .flexbasis83 {
  -ms-flex-preferred-size: 83%;
      flex-basis: 83%;
  max-width: 83%;
}
* .flexbasis84, .flex-between .flexbasis84 {
  -ms-flex-preferred-size: 84%;
      flex-basis: 84%;
  max-width: 84%;
}
* .flexbasis85, .flex-between .flexbasis85 {
  -ms-flex-preferred-size: 85%;
      flex-basis: 85%;
  max-width: 85%;
}
* .flexbasis86, .flex-between .flexbasis86 {
  -ms-flex-preferred-size: 86%;
      flex-basis: 86%;
  max-width: 86%;
}
* .flexbasis87, .flex-between .flexbasis87 {
  -ms-flex-preferred-size: 87%;
      flex-basis: 87%;
  max-width: 87%;
}
* .flexbasis88, .flex-between .flexbasis88 {
  -ms-flex-preferred-size: 88%;
      flex-basis: 88%;
  max-width: 88%;
}
* .flexbasis89, .flex-between .flexbasis89 {
  -ms-flex-preferred-size: 89%;
      flex-basis: 89%;
  max-width: 89%;
}
* .flexbasis90, .flex-between .flexbasis90 {
  -ms-flex-preferred-size: 90%;
      flex-basis: 90%;
  max-width: 90%;
}
* .flexbasis91, .flex-between .flexbasis91 {
  -ms-flex-preferred-size: 91%;
      flex-basis: 91%;
  max-width: 91%;
}
* .flexbasis92, .flex-between .flexbasis92 {
  -ms-flex-preferred-size: 92%;
      flex-basis: 92%;
  max-width: 92%;
}
* .flexbasis93, .flex-between .flexbasis93 {
  -ms-flex-preferred-size: 93%;
      flex-basis: 93%;
  max-width: 93%;
}
* .flexbasis94, .flex-between .flexbasis94 {
  -ms-flex-preferred-size: 94%;
      flex-basis: 94%;
  max-width: 94%;
}
* .flexbasis95, .flex-between .flexbasis95 {
  -ms-flex-preferred-size: 95%;
      flex-basis: 95%;
  max-width: 95%;
}
* .flexbasis96, .flex-between .flexbasis96 {
  -ms-flex-preferred-size: 96%;
      flex-basis: 96%;
  max-width: 96%;
}
* .flexbasis97, .flex-between .flexbasis97 {
  -ms-flex-preferred-size: 97%;
      flex-basis: 97%;
  max-width: 97%;
}
* .flexbasis98, .flex-between .flexbasis98 {
  -ms-flex-preferred-size: 98%;
      flex-basis: 98%;
  max-width: 98%;
}
* .flexbasis99, .flex-between .flexbasis99 {
  -ms-flex-preferred-size: 99%;
      flex-basis: 99%;
  max-width: 99%;
}
* .flexbasis100, .flex-between .flexbasis100 {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  * .flex-betweentb {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }

  * .tbflexbasis01, .flex-between .tbflexbasis01 {
    -ms-flex-preferred-size: 1%;
        flex-basis: 1%;
    max-width: 1%;
  }
  * .tbflexbasis02, .flex-between .tbflexbasis02 {
    -ms-flex-preferred-size: 2%;
        flex-basis: 2%;
    max-width: 2%;
  }
  * .tbflexbasis03, .flex-between .tbflexbasis03 {
    -ms-flex-preferred-size: 3%;
        flex-basis: 3%;
    max-width: 3%;
  }
  * .tbflexbasis04, .flex-between .tbflexbasis04 {
    -ms-flex-preferred-size: 4%;
        flex-basis: 4%;
    max-width: 4%;
  }
  * .tbflexbasis05, .flex-between .tbflexbasis05 {
    -ms-flex-preferred-size: 5%;
        flex-basis: 5%;
    max-width: 5%;
  }
  * .tbflexbasis06, .flex-between .tbflexbasis06 {
    -ms-flex-preferred-size: 6%;
        flex-basis: 6%;
    max-width: 6%;
  }
  * .tbflexbasis07, .flex-between .tbflexbasis07 {
    -ms-flex-preferred-size: 7%;
        flex-basis: 7%;
    max-width: 7%;
  }
  * .tbflexbasis08, .flex-between .tbflexbasis08 {
    -ms-flex-preferred-size: 8%;
        flex-basis: 8%;
    max-width: 8%;
  }
  * .tbflexbasis09, .flex-between .tbflexbasis09 {
    -ms-flex-preferred-size: 9%;
        flex-basis: 9%;
    max-width: 9%;
  }
  * .tbflexbasis10, .flex-between .tbflexbasis10 {
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
    max-width: 10%;
  }
  * .tbflexbasis11, .flex-between .tbflexbasis11 {
    -ms-flex-preferred-size: 11%;
        flex-basis: 11%;
    max-width: 11%;
  }
  * .tbflexbasis12, .flex-between .tbflexbasis12 {
    -ms-flex-preferred-size: 12%;
        flex-basis: 12%;
    max-width: 12%;
  }
  * .tbflexbasis13, .flex-between .tbflexbasis13 {
    -ms-flex-preferred-size: 13%;
        flex-basis: 13%;
    max-width: 13%;
  }
  * .tbflexbasis14, .flex-between .tbflexbasis14 {
    -ms-flex-preferred-size: 14%;
        flex-basis: 14%;
    max-width: 14%;
  }
  * .tbflexbasis15, .flex-between .tbflexbasis15 {
    -ms-flex-preferred-size: 15%;
        flex-basis: 15%;
    max-width: 15%;
  }
  * .tbflexbasis16, .flex-between .tbflexbasis16 {
    -ms-flex-preferred-size: 16%;
        flex-basis: 16%;
    max-width: 16%;
  }
  * .tbflexbasis17, .flex-between .tbflexbasis17 {
    -ms-flex-preferred-size: 17%;
        flex-basis: 17%;
    max-width: 17%;
  }
  * .tbflexbasis18, .flex-between .tbflexbasis18 {
    -ms-flex-preferred-size: 18%;
        flex-basis: 18%;
    max-width: 18%;
  }
  * .tbflexbasis19, .flex-between .tbflexbasis19 {
    -ms-flex-preferred-size: 19%;
        flex-basis: 19%;
    max-width: 19%;
  }
  * .tbflexbasis20, .flex-between .tbflexbasis20 {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    max-width: 20%;
  }
  * .tbflexbasis21, .flex-between .tbflexbasis21 {
    -ms-flex-preferred-size: 21%;
        flex-basis: 21%;
    max-width: 21%;
  }
  * .tbflexbasis22, .flex-between .tbflexbasis22 {
    -ms-flex-preferred-size: 22%;
        flex-basis: 22%;
    max-width: 22%;
  }
  * .tbflexbasis23, .flex-between .tbflexbasis23 {
    -ms-flex-preferred-size: 23%;
        flex-basis: 23%;
    max-width: 23%;
  }
  * .tbflexbasis24, .flex-between .tbflexbasis24 {
    -ms-flex-preferred-size: 24%;
        flex-basis: 24%;
    max-width: 24%;
  }
  * .tbflexbasis25, .flex-between .tbflexbasis25 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  * .tbflexbasis26, .flex-between .tbflexbasis26 {
    -ms-flex-preferred-size: 26%;
        flex-basis: 26%;
    max-width: 26%;
  }
  * .tbflexbasis27, .flex-between .tbflexbasis27 {
    -ms-flex-preferred-size: 27%;
        flex-basis: 27%;
    max-width: 27%;
  }
  * .tbflexbasis28, .flex-between .tbflexbasis28 {
    -ms-flex-preferred-size: 28%;
        flex-basis: 28%;
    max-width: 28%;
  }
  * .tbflexbasis29, .flex-between .tbflexbasis29 {
    -ms-flex-preferred-size: 29%;
        flex-basis: 29%;
    max-width: 29%;
  }
  * .tbflexbasis30, .flex-between .tbflexbasis30 {
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
    max-width: 30%;
  }
  * .tbflexbasis31, .flex-between .tbflexbasis31 {
    -ms-flex-preferred-size: 31%;
        flex-basis: 31%;
    max-width: 31%;
  }
  * .tbflexbasis32, .flex-between .tbflexbasis32 {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    max-width: 32%;
  }
  * .tbflexbasis33, .flex-between .tbflexbasis33 {
    -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
    max-width: 33%;
  }
  * .tbflexbasis34, .flex-between .tbflexbasis34 {
    -ms-flex-preferred-size: 34%;
        flex-basis: 34%;
    max-width: 34%;
  }
  * .tbflexbasis35, .flex-between .tbflexbasis35 {
    -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
    max-width: 35%;
  }
  * .tbflexbasis36, .flex-between .tbflexbasis36 {
    -ms-flex-preferred-size: 36%;
        flex-basis: 36%;
    max-width: 36%;
  }
  * .tbflexbasis37, .flex-between .tbflexbasis37 {
    -ms-flex-preferred-size: 37%;
        flex-basis: 37%;
    max-width: 37%;
  }
  * .tbflexbasis38, .flex-between .tbflexbasis38 {
    -ms-flex-preferred-size: 38%;
        flex-basis: 38%;
    max-width: 38%;
  }
  * .tbflexbasis39, .flex-between .tbflexbasis39 {
    -ms-flex-preferred-size: 39%;
        flex-basis: 39%;
    max-width: 39%;
  }
  * .tbflexbasis40, .flex-between .tbflexbasis40 {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
    max-width: 40%;
  }
  * .tbflexbasis41, .flex-between .tbflexbasis41 {
    -ms-flex-preferred-size: 41%;
        flex-basis: 41%;
    max-width: 41%;
  }
  * .tbflexbasis42, .flex-between .tbflexbasis42 {
    -ms-flex-preferred-size: 42%;
        flex-basis: 42%;
    max-width: 42%;
  }
  * .tbflexbasis43, .flex-between .tbflexbasis43 {
    -ms-flex-preferred-size: 43%;
        flex-basis: 43%;
    max-width: 43%;
  }
  * .tbflexbasis44, .flex-between .tbflexbasis44 {
    -ms-flex-preferred-size: 44%;
        flex-basis: 44%;
    max-width: 44%;
  }
  * .tbflexbasis45, .flex-between .tbflexbasis45 {
    -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
    max-width: 45%;
  }
  * .tbflexbasis46, .flex-between .tbflexbasis46 {
    -ms-flex-preferred-size: 46%;
        flex-basis: 46%;
    max-width: 46%;
  }
  * .tbflexbasis47, .flex-between .tbflexbasis47 {
    -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
    max-width: 47%;
  }
  * .tbflexbasis48, .flex-between .tbflexbasis48 {
    -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
    max-width: 48%;
  }
  * .tbflexbasis49, .flex-between .tbflexbasis49 {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    max-width: 49%;
  }
  * .tbflexbasis50, .flex-between .tbflexbasis50 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  * .tbflexbasis51, .flex-between .tbflexbasis51 {
    -ms-flex-preferred-size: 51%;
        flex-basis: 51%;
    max-width: 51%;
  }
  * .tbflexbasis52, .flex-between .tbflexbasis52 {
    -ms-flex-preferred-size: 52%;
        flex-basis: 52%;
    max-width: 52%;
  }
  * .tbflexbasis53, .flex-between .tbflexbasis53 {
    -ms-flex-preferred-size: 53%;
        flex-basis: 53%;
    max-width: 53%;
  }
  * .tbflexbasis54, .flex-between .tbflexbasis54 {
    -ms-flex-preferred-size: 54%;
        flex-basis: 54%;
    max-width: 54%;
  }
  * .tbflexbasis55, .flex-between .tbflexbasis55 {
    -ms-flex-preferred-size: 55%;
        flex-basis: 55%;
    max-width: 55%;
  }
  * .tbflexbasis56, .flex-between .tbflexbasis56 {
    -ms-flex-preferred-size: 56%;
        flex-basis: 56%;
    max-width: 56%;
  }
  * .tbflexbasis57, .flex-between .tbflexbasis57 {
    -ms-flex-preferred-size: 57%;
        flex-basis: 57%;
    max-width: 57%;
  }
  * .tbflexbasis58, .flex-between .tbflexbasis58 {
    -ms-flex-preferred-size: 58%;
        flex-basis: 58%;
    max-width: 58%;
  }
  * .tbflexbasis59, .flex-between .tbflexbasis59 {
    -ms-flex-preferred-size: 59%;
        flex-basis: 59%;
    max-width: 59%;
  }
  * .tbflexbasis60, .flex-between .tbflexbasis60 {
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
    max-width: 60%;
  }
  * .tbflexbasis61, .flex-between .tbflexbasis61 {
    -ms-flex-preferred-size: 61%;
        flex-basis: 61%;
    max-width: 61%;
  }
  * .tbflexbasis62, .flex-between .tbflexbasis62 {
    -ms-flex-preferred-size: 62%;
        flex-basis: 62%;
    max-width: 62%;
  }
  * .tbflexbasis63, .flex-between .tbflexbasis63 {
    -ms-flex-preferred-size: 63%;
        flex-basis: 63%;
    max-width: 63%;
  }
  * .tbflexbasis64, .flex-between .tbflexbasis64 {
    -ms-flex-preferred-size: 64%;
        flex-basis: 64%;
    max-width: 64%;
  }
  * .tbflexbasis65, .flex-between .tbflexbasis65 {
    -ms-flex-preferred-size: 65%;
        flex-basis: 65%;
    max-width: 65%;
  }
  * .tbflexbasis66, .flex-between .tbflexbasis66 {
    -ms-flex-preferred-size: 66%;
        flex-basis: 66%;
    max-width: 66%;
  }
  * .tbflexbasis67, .flex-between .tbflexbasis67 {
    -ms-flex-preferred-size: 67%;
        flex-basis: 67%;
    max-width: 67%;
  }
  * .tbflexbasis68, .flex-between .tbflexbasis68 {
    -ms-flex-preferred-size: 68%;
        flex-basis: 68%;
    max-width: 68%;
  }
  * .tbflexbasis69, .flex-between .tbflexbasis69 {
    -ms-flex-preferred-size: 69%;
        flex-basis: 69%;
    max-width: 69%;
  }
  * .tbflexbasis70, .flex-between .tbflexbasis70 {
    -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
    max-width: 70%;
  }
  * .tbflexbasis71, .flex-between .tbflexbasis71 {
    -ms-flex-preferred-size: 71%;
        flex-basis: 71%;
    max-width: 71%;
  }
  * .tbflexbasis72, .flex-between .tbflexbasis72 {
    -ms-flex-preferred-size: 72%;
        flex-basis: 72%;
    max-width: 72%;
  }
  * .tbflexbasis73, .flex-between .tbflexbasis73 {
    -ms-flex-preferred-size: 73%;
        flex-basis: 73%;
    max-width: 73%;
  }
  * .tbflexbasis74, .flex-between .tbflexbasis74 {
    -ms-flex-preferred-size: 74%;
        flex-basis: 74%;
    max-width: 74%;
  }
  * .tbflexbasis75, .flex-between .tbflexbasis75 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }
  * .tbflexbasis76, .flex-between .tbflexbasis76 {
    -ms-flex-preferred-size: 76%;
        flex-basis: 76%;
    max-width: 76%;
  }
  * .tbflexbasis77, .flex-between .tbflexbasis77 {
    -ms-flex-preferred-size: 77%;
        flex-basis: 77%;
    max-width: 77%;
  }
  * .tbflexbasis78, .flex-between .tbflexbasis78 {
    -ms-flex-preferred-size: 78%;
        flex-basis: 78%;
    max-width: 78%;
  }
  * .tbflexbasis79, .flex-between .tbflexbasis79 {
    -ms-flex-preferred-size: 79%;
        flex-basis: 79%;
    max-width: 79%;
  }
  * .tbflexbasis80, .flex-between .tbflexbasis80 {
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
    max-width: 80%;
  }
  * .tbflexbasis81, .flex-between .tbflexbasis81 {
    -ms-flex-preferred-size: 81%;
        flex-basis: 81%;
    max-width: 81%;
  }
  * .tbflexbasis82, .flex-between .tbflexbasis82 {
    -ms-flex-preferred-size: 82%;
        flex-basis: 82%;
    max-width: 82%;
  }
  * .tbflexbasis83, .flex-between .tbflexbasis83 {
    -ms-flex-preferred-size: 83%;
        flex-basis: 83%;
    max-width: 83%;
  }
  * .tbflexbasis84, .flex-between .tbflexbasis84 {
    -ms-flex-preferred-size: 84%;
        flex-basis: 84%;
    max-width: 84%;
  }
  * .tbflexbasis85, .flex-between .tbflexbasis85 {
    -ms-flex-preferred-size: 85%;
        flex-basis: 85%;
    max-width: 85%;
  }
  * .tbflexbasis86, .flex-between .tbflexbasis86 {
    -ms-flex-preferred-size: 86%;
        flex-basis: 86%;
    max-width: 86%;
  }
  * .tbflexbasis87, .flex-between .tbflexbasis87 {
    -ms-flex-preferred-size: 87%;
        flex-basis: 87%;
    max-width: 87%;
  }
  * .tbflexbasis88, .flex-between .tbflexbasis88 {
    -ms-flex-preferred-size: 88%;
        flex-basis: 88%;
    max-width: 88%;
  }
  * .tbflexbasis89, .flex-between .tbflexbasis89 {
    -ms-flex-preferred-size: 89%;
        flex-basis: 89%;
    max-width: 89%;
  }
  * .tbflexbasis90, .flex-between .tbflexbasis90 {
    -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
    max-width: 90%;
  }
  * .tbflexbasis91, .flex-between .tbflexbasis91 {
    -ms-flex-preferred-size: 91%;
        flex-basis: 91%;
    max-width: 91%;
  }
  * .tbflexbasis92, .flex-between .tbflexbasis92 {
    -ms-flex-preferred-size: 92%;
        flex-basis: 92%;
    max-width: 92%;
  }
  * .tbflexbasis93, .flex-between .tbflexbasis93 {
    -ms-flex-preferred-size: 93%;
        flex-basis: 93%;
    max-width: 93%;
  }
  * .tbflexbasis94, .flex-between .tbflexbasis94 {
    -ms-flex-preferred-size: 94%;
        flex-basis: 94%;
    max-width: 94%;
  }
  * .tbflexbasis95, .flex-between .tbflexbasis95 {
    -ms-flex-preferred-size: 95%;
        flex-basis: 95%;
    max-width: 95%;
  }
  * .tbflexbasis96, .flex-between .tbflexbasis96 {
    -ms-flex-preferred-size: 96%;
        flex-basis: 96%;
    max-width: 96%;
  }
  * .tbflexbasis97, .flex-between .tbflexbasis97 {
    -ms-flex-preferred-size: 97%;
        flex-basis: 97%;
    max-width: 97%;
  }
  * .tbflexbasis98, .flex-between .tbflexbasis98 {
    -ms-flex-preferred-size: 98%;
        flex-basis: 98%;
    max-width: 98%;
  }
  * .tbflexbasis99, .flex-between .tbflexbasis99 {
    -ms-flex-preferred-size: 99%;
        flex-basis: 99%;
    max-width: 99%;
  }
  * .tbflexbasis100, .flex-between .tbflexbasis100 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}
/* tablet */
@media screen and (max-width: 750px) {
  * .flex-betweensp {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }

  * .spflexbasis01, .flex-between .spflexbasis01 {
    -ms-flex-preferred-size: 1%;
        flex-basis: 1%;
    max-width: 1%;
  }
  * .spflexbasis02, .flex-between .spflexbasis02 {
    -ms-flex-preferred-size: 2%;
        flex-basis: 2%;
    max-width: 2%;
  }
  * .spflexbasis03, .flex-between .spflexbasis03 {
    -ms-flex-preferred-size: 3%;
        flex-basis: 3%;
    max-width: 3%;
  }
  * .spflexbasis04, .flex-between .spflexbasis04 {
    -ms-flex-preferred-size: 4%;
        flex-basis: 4%;
    max-width: 4%;
  }
  * .spflexbasis05, .flex-between .spflexbasis05 {
    -ms-flex-preferred-size: 5%;
        flex-basis: 5%;
    max-width: 5%;
  }
  * .spflexbasis06, .flex-between .spflexbasis06 {
    -ms-flex-preferred-size: 6%;
        flex-basis: 6%;
    max-width: 6%;
  }
  * .spflexbasis07, .flex-between .spflexbasis07 {
    -ms-flex-preferred-size: 7%;
        flex-basis: 7%;
    max-width: 7%;
  }
  * .spflexbasis08, .flex-between .spflexbasis08 {
    -ms-flex-preferred-size: 8%;
        flex-basis: 8%;
    max-width: 8%;
  }
  * .spflexbasis09, .flex-between .spflexbasis09 {
    -ms-flex-preferred-size: 9%;
        flex-basis: 9%;
    max-width: 9%;
  }
  * .spflexbasis10, .flex-between .spflexbasis10 {
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
    max-width: 10%;
  }
  * .spflexbasis11, .flex-between .spflexbasis11 {
    -ms-flex-preferred-size: 11%;
        flex-basis: 11%;
    max-width: 11%;
  }
  * .spflexbasis12, .flex-between .spflexbasis12 {
    -ms-flex-preferred-size: 12%;
        flex-basis: 12%;
    max-width: 12%;
  }
  * .spflexbasis13, .flex-between .spflexbasis13 {
    -ms-flex-preferred-size: 13%;
        flex-basis: 13%;
    max-width: 13%;
  }
  * .spflexbasis14, .flex-between .spflexbasis14 {
    -ms-flex-preferred-size: 14%;
        flex-basis: 14%;
    max-width: 14%;
  }
  * .spflexbasis15, .flex-between .spflexbasis15 {
    -ms-flex-preferred-size: 15%;
        flex-basis: 15%;
    max-width: 15%;
  }
  * .spflexbasis16, .flex-between .spflexbasis16 {
    -ms-flex-preferred-size: 16%;
        flex-basis: 16%;
    max-width: 16%;
  }
  * .spflexbasis17, .flex-between .spflexbasis17 {
    -ms-flex-preferred-size: 17%;
        flex-basis: 17%;
    max-width: 17%;
  }
  * .spflexbasis18, .flex-between .spflexbasis18 {
    -ms-flex-preferred-size: 18%;
        flex-basis: 18%;
    max-width: 18%;
  }
  * .spflexbasis19, .flex-between .spflexbasis19 {
    -ms-flex-preferred-size: 19%;
        flex-basis: 19%;
    max-width: 19%;
  }
  * .spflexbasis20, .flex-between .spflexbasis20 {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    max-width: 20%;
  }
  * .spflexbasis21, .flex-between .spflexbasis21 {
    -ms-flex-preferred-size: 21%;
        flex-basis: 21%;
    max-width: 21%;
  }
  * .spflexbasis22, .flex-between .spflexbasis22 {
    -ms-flex-preferred-size: 22%;
        flex-basis: 22%;
    max-width: 22%;
  }
  * .spflexbasis23, .flex-between .spflexbasis23 {
    -ms-flex-preferred-size: 23%;
        flex-basis: 23%;
    max-width: 23%;
  }
  * .spflexbasis24, .flex-between .spflexbasis24 {
    -ms-flex-preferred-size: 24%;
        flex-basis: 24%;
    max-width: 24%;
  }
  * .spflexbasis25, .flex-between .spflexbasis25 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }
  * .spflexbasis26, .flex-between .spflexbasis26 {
    -ms-flex-preferred-size: 26%;
        flex-basis: 26%;
    max-width: 26%;
  }
  * .spflexbasis27, .flex-between .spflexbasis27 {
    -ms-flex-preferred-size: 27%;
        flex-basis: 27%;
    max-width: 27%;
  }
  * .spflexbasis28, .flex-between .spflexbasis28 {
    -ms-flex-preferred-size: 28%;
        flex-basis: 28%;
    max-width: 28%;
  }
  * .spflexbasis29, .flex-between .spflexbasis29 {
    -ms-flex-preferred-size: 29%;
        flex-basis: 29%;
    max-width: 29%;
  }
  * .spflexbasis30, .flex-between .spflexbasis30 {
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
    max-width: 30%;
  }
  * .spflexbasis31, .flex-between .spflexbasis31 {
    -ms-flex-preferred-size: 31%;
        flex-basis: 31%;
    max-width: 31%;
  }
  * .spflexbasis32, .flex-between .spflexbasis32 {
    -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    max-width: 32%;
  }
  * .spflexbasis33, .flex-between .spflexbasis33 {
    -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
    max-width: 33%;
  }
  * .spflexbasis34, .flex-between .spflexbasis34 {
    -ms-flex-preferred-size: 34%;
        flex-basis: 34%;
    max-width: 34%;
  }
  * .spflexbasis35, .flex-between .spflexbasis35 {
    -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
    max-width: 35%;
  }
  * .spflexbasis36, .flex-between .spflexbasis36 {
    -ms-flex-preferred-size: 36%;
        flex-basis: 36%;
    max-width: 36%;
  }
  * .spflexbasis37, .flex-between .spflexbasis37 {
    -ms-flex-preferred-size: 37%;
        flex-basis: 37%;
    max-width: 37%;
  }
  * .spflexbasis38, .flex-between .spflexbasis38 {
    -ms-flex-preferred-size: 38%;
        flex-basis: 38%;
    max-width: 38%;
  }
  * .spflexbasis39, .flex-between .spflexbasis39 {
    -ms-flex-preferred-size: 39%;
        flex-basis: 39%;
    max-width: 39%;
  }
  * .spflexbasis40, .flex-between .spflexbasis40 {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
    max-width: 40%;
  }
  * .spflexbasis41, .flex-between .spflexbasis41 {
    -ms-flex-preferred-size: 41%;
        flex-basis: 41%;
    max-width: 41%;
  }
  * .spflexbasis42, .flex-between .spflexbasis42 {
    -ms-flex-preferred-size: 42%;
        flex-basis: 42%;
    max-width: 42%;
  }
  * .spflexbasis43, .flex-between .spflexbasis43 {
    -ms-flex-preferred-size: 43%;
        flex-basis: 43%;
    max-width: 43%;
  }
  * .spflexbasis44, .flex-between .spflexbasis44 {
    -ms-flex-preferred-size: 44%;
        flex-basis: 44%;
    max-width: 44%;
  }
  * .spflexbasis45, .flex-between .spflexbasis45 {
    -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
    max-width: 45%;
  }
  * .spflexbasis46, .flex-between .spflexbasis46 {
    -ms-flex-preferred-size: 46%;
        flex-basis: 46%;
    max-width: 46%;
  }
  * .spflexbasis47, .flex-between .spflexbasis47 {
    -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
    max-width: 47%;
  }
  * .spflexbasis48, .flex-between .spflexbasis48 {
    -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
    max-width: 48%;
  }
  * .spflexbasis49, .flex-between .spflexbasis49 {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    max-width: 49%;
  }
  * .spflexbasis50, .flex-between .spflexbasis50 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  * .spflexbasis51, .flex-between .spflexbasis51 {
    -ms-flex-preferred-size: 51%;
        flex-basis: 51%;
    max-width: 51%;
  }
  * .spflexbasis52, .flex-between .spflexbasis52 {
    -ms-flex-preferred-size: 52%;
        flex-basis: 52%;
    max-width: 52%;
  }
  * .spflexbasis53, .flex-between .spflexbasis53 {
    -ms-flex-preferred-size: 53%;
        flex-basis: 53%;
    max-width: 53%;
  }
  * .spflexbasis54, .flex-between .spflexbasis54 {
    -ms-flex-preferred-size: 54%;
        flex-basis: 54%;
    max-width: 54%;
  }
  * .spflexbasis55, .flex-between .spflexbasis55 {
    -ms-flex-preferred-size: 55%;
        flex-basis: 55%;
    max-width: 55%;
  }
  * .spflexbasis56, .flex-between .spflexbasis56 {
    -ms-flex-preferred-size: 56%;
        flex-basis: 56%;
    max-width: 56%;
  }
  * .spflexbasis57, .flex-between .spflexbasis57 {
    -ms-flex-preferred-size: 57%;
        flex-basis: 57%;
    max-width: 57%;
  }
  * .spflexbasis58, .flex-between .spflexbasis58 {
    -ms-flex-preferred-size: 58%;
        flex-basis: 58%;
    max-width: 58%;
  }
  * .spflexbasis59, .flex-between .spflexbasis59 {
    -ms-flex-preferred-size: 59%;
        flex-basis: 59%;
    max-width: 59%;
  }
  * .spflexbasis60, .flex-between .spflexbasis60 {
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
    max-width: 60%;
  }
  * .spflexbasis61, .flex-between .spflexbasis61 {
    -ms-flex-preferred-size: 61%;
        flex-basis: 61%;
    max-width: 61%;
  }
  * .spflexbasis62, .flex-between .spflexbasis62 {
    -ms-flex-preferred-size: 62%;
        flex-basis: 62%;
    max-width: 62%;
  }
  * .spflexbasis63, .flex-between .spflexbasis63 {
    -ms-flex-preferred-size: 63%;
        flex-basis: 63%;
    max-width: 63%;
  }
  * .spflexbasis64, .flex-between .spflexbasis64 {
    -ms-flex-preferred-size: 64%;
        flex-basis: 64%;
    max-width: 64%;
  }
  * .spflexbasis65, .flex-between .spflexbasis65 {
    -ms-flex-preferred-size: 65%;
        flex-basis: 65%;
    max-width: 65%;
  }
  * .spflexbasis66, .flex-between .spflexbasis66 {
    -ms-flex-preferred-size: 66%;
        flex-basis: 66%;
    max-width: 66%;
  }
  * .spflexbasis67, .flex-between .spflexbasis67 {
    -ms-flex-preferred-size: 67%;
        flex-basis: 67%;
    max-width: 67%;
  }
  * .spflexbasis68, .flex-between .spflexbasis68 {
    -ms-flex-preferred-size: 68%;
        flex-basis: 68%;
    max-width: 68%;
  }
  * .spflexbasis69, .flex-between .spflexbasis69 {
    -ms-flex-preferred-size: 69%;
        flex-basis: 69%;
    max-width: 69%;
  }
  * .spflexbasis70, .flex-between .spflexbasis70 {
    -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
    max-width: 70%;
  }
  * .spflexbasis71, .flex-between .spflexbasis71 {
    -ms-flex-preferred-size: 71%;
        flex-basis: 71%;
    max-width: 71%;
  }
  * .spflexbasis72, .flex-between .spflexbasis72 {
    -ms-flex-preferred-size: 72%;
        flex-basis: 72%;
    max-width: 72%;
  }
  * .spflexbasis73, .flex-between .spflexbasis73 {
    -ms-flex-preferred-size: 73%;
        flex-basis: 73%;
    max-width: 73%;
  }
  * .spflexbasis74, .flex-between .spflexbasis74 {
    -ms-flex-preferred-size: 74%;
        flex-basis: 74%;
    max-width: 74%;
  }
  * .spflexbasis75, .flex-between .spflexbasis75 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }
  * .spflexbasis76, .flex-between .spflexbasis76 {
    -ms-flex-preferred-size: 76%;
        flex-basis: 76%;
    max-width: 76%;
  }
  * .spflexbasis77, .flex-between .spflexbasis77 {
    -ms-flex-preferred-size: 77%;
        flex-basis: 77%;
    max-width: 77%;
  }
  * .spflexbasis78, .flex-between .spflexbasis78 {
    -ms-flex-preferred-size: 78%;
        flex-basis: 78%;
    max-width: 78%;
  }
  * .spflexbasis79, .flex-between .spflexbasis79 {
    -ms-flex-preferred-size: 79%;
        flex-basis: 79%;
    max-width: 79%;
  }
  * .spflexbasis80, .flex-between .spflexbasis80 {
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
    max-width: 80%;
  }
  * .spflexbasis81, .flex-between .spflexbasis81 {
    -ms-flex-preferred-size: 81%;
        flex-basis: 81%;
    max-width: 81%;
  }
  * .spflexbasis82, .flex-between .spflexbasis82 {
    -ms-flex-preferred-size: 82%;
        flex-basis: 82%;
    max-width: 82%;
  }
  * .spflexbasis83, .flex-between .spflexbasis83 {
    -ms-flex-preferred-size: 83%;
        flex-basis: 83%;
    max-width: 83%;
  }
  * .spflexbasis84, .flex-between .spflexbasis84 {
    -ms-flex-preferred-size: 84%;
        flex-basis: 84%;
    max-width: 84%;
  }
  * .spflexbasis85, .flex-between .spflexbasis85 {
    -ms-flex-preferred-size: 85%;
        flex-basis: 85%;
    max-width: 85%;
  }
  * .spflexbasis86, .flex-between .spflexbasis86 {
    -ms-flex-preferred-size: 86%;
        flex-basis: 86%;
    max-width: 86%;
  }
  * .spflexbasis87, .flex-between .spflexbasis87 {
    -ms-flex-preferred-size: 87%;
        flex-basis: 87%;
    max-width: 87%;
  }
  * .spflexbasis88, .flex-between .spflexbasis88 {
    -ms-flex-preferred-size: 88%;
        flex-basis: 88%;
    max-width: 88%;
  }
  * .spflexbasis89, .flex-between .spflexbasis89 {
    -ms-flex-preferred-size: 89%;
        flex-basis: 89%;
    max-width: 89%;
  }
  * .spflexbasis90, .flex-between .spflexbasis90 {
    -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
    max-width: 90%;
  }
  * .spflexbasis91, .flex-between .spflexbasis91 {
    -ms-flex-preferred-size: 91%;
        flex-basis: 91%;
    max-width: 91%;
  }
  * .spflexbasis92, .flex-between .spflexbasis92 {
    -ms-flex-preferred-size: 92%;
        flex-basis: 92%;
    max-width: 92%;
  }
  * .spflexbasis93, .flex-between .spflexbasis93 {
    -ms-flex-preferred-size: 93%;
        flex-basis: 93%;
    max-width: 93%;
  }
  * .spflexbasis94, .flex-between .spflexbasis94 {
    -ms-flex-preferred-size: 94%;
        flex-basis: 94%;
    max-width: 94%;
  }
  * .spflexbasis95, .flex-between .spflexbasis95 {
    -ms-flex-preferred-size: 95%;
        flex-basis: 95%;
    max-width: 95%;
  }
  * .spflexbasis96, .flex-between .spflexbasis96 {
    -ms-flex-preferred-size: 96%;
        flex-basis: 96%;
    max-width: 96%;
  }
  * .spflexbasis97, .flex-between .spflexbasis97 {
    -ms-flex-preferred-size: 97%;
        flex-basis: 97%;
    max-width: 97%;
  }
  * .spflexbasis98, .flex-between .spflexbasis98 {
    -ms-flex-preferred-size: 98%;
        flex-basis: 98%;
    max-width: 98%;
  }
  * .spflexbasis99, .flex-between .spflexbasis99 {
    -ms-flex-preferred-size: 99%;
        flex-basis: 99%;
    max-width: 99%;
  }
  * .spflexbasis100, .flex-between .spflexbasis100 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}
/* sp */
.imgBlockT {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.imgBlockB {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.imgBlockC {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.imgBlockB, .imgBlockC, .imgBlockT {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

.imgBlockB .caption, .imgBlockC .caption, .imgBlockT .caption {
  font-size: 90%;
}
.imgBlockB.imgL .cont, .imgBlockC.imgL .cont, .imgBlockT.imgL .cont {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.imgBlockB.imgL .img, .imgBlockC.imgL .img, .imgBlockT.imgL .img {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.imgBlockB .img.bigicon .yic:before, .imgBlockC .img.bigicon .yic:before, .imgBlockT .img.bigicon .yic:before {
  font-size: 115px;
  line-height: 1;
  margin-right: 0;
  top: 0;
}
.imgBlockB .img.bigicon .yic.sizeS:before, .imgBlockC .img.bigicon .yic.sizeS:before, .imgBlockT .img.bigicon .yic.sizeS:before {
  font-size: 100px !important;
}
.imgBlockB .img.bigicon .yic.sizeL:before, .imgBlockC .img.bigicon .yic.sizeL:before, .imgBlockT .img.bigicon .yic.sizeL:before {
  font-size: 130px !important;
}

.imgBlockB.imgR .cont, .imgBlockC.imgR .cont, .imgBlockT.imgR .cont {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.imgBlockB.imgR .img, .imgBlockC.imgR .img, .imgBlockT.imgR .img {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  .tbclm1 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tbclm1 > * {
    width: 100% !important;
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
    max-width: 100% !important;
  }

  .tbclm2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tbclm2 > * {
    -ms-flex-preferred-size: 50% !important;
        flex-basis: 50% !important;
    max-width: 50%;
  }

  .tbclm3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tbclm3 > * {
    -ms-flex-preferred-size: 33% !important;
        flex-basis: 33% !important;
    max-width: 33%;
  }

  .tbclm2-sp {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tbclm2-sp > * {
    -ms-flex-preferred-size: 49% !important;
        flex-basis: 49% !important;
    max-width: 49%;
  }

  .tbclm3-sp {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tbclm3-sp > * {
    -ms-flex-preferred-size: 32% !important;
        flex-basis: 32% !important;
    max-width: 32%;
  }

  .imgBlockB.tbclm1, .imgBlockC.tbclm1, .imgBlockT.tbclm1 {
    display: block;
  }
  .imgBlockB.tbclm1.imgL .img, .imgBlockB.tbclm1.imgR .img, .imgBlockC.tbclm1.imgL .img, .imgBlockC.tbclm1.imgR .img, .imgBlockT.tbclm1.imgL .img, .imgBlockT.tbclm1.imgR .img {
    margin: 15px auto;
  }
  .imgBlockB.tbclm1 .cont a, .imgBlockC.tbclm1 .cont a, .imgBlockT.tbclm1 .cont a {
    word-break: break-all;
  }
}
/* tablet */
@media screen and (max-width: 750px) {
  p.caption {
    font-size: 90%;
  }

  .clm2, .clm3 {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* 複数行の場合 */
  }
  .clm2.multi, .clm3.multi {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
  .clm2 span.caption, .clm3 span.caption {
    display: block;
    margin: 0.5em 0;
    padding-left: 1.2em;
    text-indent: -1.2em;
  }
  .clm2 span.caption:before, .clm3 span.caption:before {
    font-family: "yubin";
    content: "w";
    margin-right: 0.2em;
  }
  .clm2 .sp1, .clm3 .sp1 {
    padding: 1vw;
  }
  .clm2 .sp2, .clm3 .sp2 {
    padding: 2vw;
  }

  .clm2 .clm {
    width: 50%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .clm3 .clm {
    width: 33%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .spclm1 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .spclm1 > * {
    width: 100% !important;
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
    max-width: 100% !important;
  }

  .spclm2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .spclm2 > * {
    -ms-flex-preferred-size: 50% !important;
        flex-basis: 50% !important;
    max-width: 50%;
  }

  .spclm3 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .spclm3 > * {
    -ms-flex-preferred-size: 33% !important;
        flex-basis: 33% !important;
    max-width: 33%;
  }

  .spclm2-space {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .spclm2-space > * {
    -ms-flex-preferred-size: 49% !important;
        flex-basis: 49% !important;
    max-width: 49%;
  }

  .spclm3-space {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .spclm3-space > * {
    -ms-flex-preferred-size: 32% !important;
        flex-basis: 32% !important;
    max-width: 32%;
  }

  .imgBlockB, .imgBlockC, .imgBlockT {
    display: block;
  }
  .imgBlockB.flexsp, .imgBlockC.flexsp, .imgBlockT.flexsp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .imgBlockB.imgL .img, .imgBlockB.imgR .img, .imgBlockC.imgL .img, .imgBlockC.imgR .img, .imgBlockT.imgL .img, .imgBlockT.imgR .img {
    margin: 15px auto;
  }
  .imgBlockB .cont a, .imgBlockC .cont a, .imgBlockT .cont a {
    word-break: break-all;
  }
  .imgBlockB .img.bigicon .yic:before, .imgBlockC .img.bigicon .yic:before, .imgBlockT .img.bigicon .yic:before {
    font-size: 16vw;
    line-height: 0.5;
  }
  .imgBlockB .img.bigicon .yic.sizeS:before, .imgBlockC .img.bigicon .yic.sizeS:before, .imgBlockT .img.bigicon .yic.sizeS:before {
    font-size: 14vw !important;
    line-height: 0.5;
  }
  .imgBlockB .img.bigicon .yic.sizeL:before, .imgBlockC .img.bigicon .yic.sizeL:before, .imgBlockT .img.bigicon .yic.sizeL:before {
    font-size: 18vw !important;
    line-height: 0.5;
  }
}
/* sp */
.clm2.linkbox {
  /* sp */
}
.clm2.linkbox .clm .btnM {
  min-width: 50%;
}
@media screen and (max-width: 750px) {
  .clm2.linkbox {
    display: block;
  }
  .clm2.linkbox .clm {
    width: 100%;
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .clm2.linkbox .clm .btnM {
    min-width: 100%;
  }
  .clm2.linkbox .clm:first-child {
    margin-bottom: 5vh;
  }
}

/* コンテンツボックス　グレー 2列 */
.contbox2 {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1200px;
  margin: auto;
  /* sp */
}
@media screen and (max-width: 750px) {
  .contbox2 {
    width: 100%;
    padding: 0 3%;
  }
}
.contbox2 > .box:nth-child(n+3) {
  margin-top: 20px;
}
.contbox2 .box {
  background: #F7F7F7;
  text-decoration: none;
  color: #333333;
  max-width: 49%;
  -ms-flex-preferred-size: 49%;
      flex-basis: 49%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 30px;
}
.contbox2 .box dl {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contbox2 .box dl dt {
  width: 25%;
}
.contbox2 .box dl dd {
  width: 75%;
  padding-left: 4%;
  line-height: 1.7;
}
.contbox2 .box dl dd .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  margin-bottom: 0.5em;
  font-size: 1.15rem;
  line-height: 1.5;
}
.contbox2 .box dl dd p {
  font-size: 0.9em;
}
.contbox2.clm1 .box {
  max-width: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-bottom: 15px;
}
.contbox2.clm1 > .box:nth-child(n+3) {
  margin-top: 0px;
}

/* コンテンツボックス　グレー 3列 */
.contbox3 {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1200px;
  margin: auto;
  /* sp */
}
@media screen and (max-width: 750px) {
  .contbox3 {
    width: 100%;
    padding: 0 3%;
  }
}
.contbox3 > .box:nth-child(n+4) {
  margin-top: 20px;
}
.contbox3 .box {
  background: #F7F7F7;
  text-decoration: none;
  color: #333333;
  width: 32%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-right: 2%;
  padding: 30px;
}
.contbox3 .box dl {
  display: block;
}
.contbox3 .box dl dt {
  width: 100%;
  margin-bottom: 10px;
}
.contbox3 .box dl dd {
  width: 100%;
  line-height: 1.7;
}
.contbox3 .box dl dd .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  margin-bottom: 0.5em;
  font-size: 1.15rem;
}
.contbox3 .box dl dd p {
  font-size: 0.9em;
}
.contbox3 .box:nth-child(3n) {
  margin-right: 0;
}

.contbox2 .box dl dt.img.bigicon .yic:before, .contbox3 .box dl dt.img.bigicon .yic:before {
  font-size: 115px;
  line-height: 1;
  margin-right: 0;
  top: 0;
}
.contbox2 .box dl dt.img.bigicon .yic.sizeS:before, .contbox3 .box dl dt.img.bigicon .yic.sizeS:before {
  font-size: 100px !important;
}
.contbox2 .box dl dt.img.bigicon .yic.sizeL:before, .contbox3 .box dl dt.img.bigicon .yic.sizeL:before {
  font-size: 130px !important;
}

@media screen and (max-width: 750px) {
  .contbox2, .contbox3 {
    display: block;
    width: auto;
    padding: 0;
  }
  .contbox2 > .box:nth-child(n+2), .contbox3 > .box:nth-child(n+2) {
    margin-top: 20px;
  }
  .contbox2 .box, .contbox3 .box {
    margin-right: 0;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    width: 100%;
    padding: 20px 18px;
  }
  .contbox2 .box dl, .contbox3 .box dl {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .contbox2 .box dl dt, .contbox3 .box dl dt {
    width: 30%;
  }
  .contbox2 .box dl dd, .contbox3 .box dl dd {
    width: 68%;
    padding-left: 4%;
    line-height: 1.7;
    font-size: 0.9rem;
  }
  .contbox2 .box dl dd .title, .contbox3 .box dl dd .title {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    margin-bottom: 0.5em;
    font-size: 1rem;
  }
  .contbox2 .box dl dt.img.bigicon, .contbox3 .box dl dt.img.bigicon {
    width: 25%;
    padding-top: 20px;
  }
  .contbox2 .box dl dt.img.bigicon .yic:before, .contbox3 .box dl dt.img.bigicon .yic:before {
    font-size: 16vw;
    line-height: 0.5;
  }
  .contbox2 .box dl dt.img.bigicon .yic.sizeS:before, .contbox3 .box dl dt.img.bigicon .yic.sizeS:before {
    font-size: 14vw !important;
    line-height: 0.5;
  }
  .contbox2 .box dl dt.img.bigicon .yic.sizeL:before, .contbox3 .box dl dt.img.bigicon .yic.sizeL:before {
    font-size: 18vw !important;
    line-height: 0.5;
  }
  .contbox2 .box dl dt.img.bigicon + dd, .contbox3 .box dl dt.img.bigicon + dd {
    width: 75%;
  }
  .contbox2 .box.flex.flex-valignC, .contbox3 .box.flex.flex-valignC {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}
/* sp */
/* リンクボックス 共通 */
div[class^=linkbox] dt .title {
  background: #f7f7f7;
}

/* リンクボックス　赤枠　2列　*/
.linkbox2_borderR {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1200px;
  margin: auto;
  /* sp */
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .linkbox2_borderR {
    width: 100%;
    padding: 0 3%;
  }
}
.linkbox2_borderR > div:nth-child(n+3), .linkbox2_borderR > a.box:nth-child(n+3) {
  margin-top: 20px;
}
.linkbox2_borderR > div.box {
  width: 49%;
}
.linkbox2_borderR > div.box > a.box {
  width: 100%;
}
.linkbox2_borderR a.box {
  display: block;
  text-decoration: none;
  border: 1px solid #cc0000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 49%;
  margin-right: 2%;
  padding: 15px;
  border-radius: 6px;
  color: #333333;
  min-height: none;
  /*@include flex;align-items: center;*/
}
.linkbox2_borderR a.box.arrow {
  position: relative;
  padding-right: 40px;
}
.linkbox2_borderR a.box.arrow:after {
  font-family: "yubin";
  content: "\f105";
  font-size: 22px;
  color: #cc0000;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.linkbox2_borderR a.box.arrow[target=_blank]:after {
  font-family: "yubin";
  content: "\e924";
  font-size: 18px;
  right: 5px;
}
.linkbox2_borderR a.box:nth-of-type(2n) {
  margin-right: 0;
}
.linkbox2_borderR a.box:hover {
  text-decoration: none;
  background: #FAECEA;
}
.linkbox2_borderR dl {
  /* bigicon */
}
.linkbox2_borderR dl .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  margin-bottom: 0.5em;
  font-size: 1.15rem;
}
.linkbox2_borderR dl .title.red {
  color: #cc0000;
}
.linkbox2_borderR dl dt {
  text-align: center;
  width: 25%;
}
.linkbox2_borderR dl dt img {
  width: 100%;
}
.linkbox2_borderR dl dd {
  padding: 10px 10px 25px;
  width: 75%;
}
.linkbox2_borderR dl dd p {
  font-size: 0.9rem;
  line-height: 1.7;
}
.linkbox2_borderR dl dt.bigicon {
  width: 23%;
}
.linkbox2_borderR dl dt.bigicon + dd {
  width: 77%;
  padding-left: 4%;
}
.linkbox2_borderR .text {
  padding: 5px 0 5px 5px;
}
.linkbox2_borderR .text .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  margin-bottom: 0.4em;
  font-size: 1.15rem;
}
.linkbox2_borderR .text .title.red {
  color: #cc0000;
}
.linkbox2_borderR .text p {
  font-size: 0.9rem;
  line-height: 1.7;
}
.linkbox2_borderR .box.flex.flex-valignC {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}

/* リンクボックス　赤枠　3列　*/
.linkbox3_borderR {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1200px;
  margin: auto;
  /* sp */
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .linkbox3_borderR {
    width: 100%;
    padding: 0 3%;
  }
}
.linkbox3_borderR:after {
  content: "";
  display: block;
  width: 32.5%;
  height: 0;
}
.linkbox3_borderR.slim dl dt {
  width: 20%;
  /*img{position: absolute;max-width: 20%;transform: translate(0%, -50%); left:0;}*/
}
.linkbox3_borderR.slim dl dd {
  width: 80%;
  padding: 5px 5px;
}
.linkbox3_borderR.slim dl dd .title {
  font-size: 1.1rem;
}
.linkbox3_borderR.slim a.box {
  padding: 10px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*align-items: center;*/
}
.linkbox3_borderR > div:nth-child(n+4), .linkbox3_borderR > a.box:nth-child(n+4) {
  margin-top: 20px;
}
.linkbox3_borderR > div.box {
  width: 32.5%;
}
.linkbox3_borderR > div.box > a.box {
  width: 100%;
}
.linkbox3_borderR a.box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  border: 1px solid #cc0000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 32.5%;
  padding: 15px;
  border-radius: 6px;
  color: #333333;
  min-height: none;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: #FFF;
}
.linkbox3_borderR a.box.arrow {
  position: relative;
  padding-right: 40px;
}
.linkbox3_borderR a.box.arrow:after {
  font-family: "yubin";
  content: "\f105";
  font-size: 22px;
  color: #cc0000;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.linkbox3_borderR a.box.arrow[target=_blank]:after {
  font-family: "yubin";
  content: "\e924";
  font-size: 18px;
  right: 5px;
}
.linkbox3_borderR a.box.nonbg {
  background: none;
}
.linkbox3_borderR a.box:nth-of-type(2n) {
  margin-right: 0;
}
.linkbox3_borderR a.box:hover {
  text-decoration: none;
  background: #FAECEA;
}
.linkbox3_borderR dl {
  width: 100%;
}
.linkbox3_borderR dl .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  margin-bottom: 0.5em;
  font-size: 1.15rem;
}
.linkbox3_borderR dl .title.red {
  color: #cc0000;
}
.linkbox3_borderR dl dt {
  text-align: center;
  width: 25%;
}
.linkbox3_borderR dl dt img {
  width: 100%;
}
.linkbox3_borderR dl dd {
  padding: 10px 10px 25px;
  width: 75%;
}
.linkbox3_borderR dl dd p {
  font-size: 0.9rem;
  line-height: 1.7;
}
.linkbox3_borderR .text {
  padding: 5px 0 5px 5px;
}
.linkbox3_borderR .text .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  margin-bottom: 0.4em;
  font-size: 1.15rem;
}
.linkbox3_borderR .text .title.red {
  color: #cc0000;
}
.linkbox3_borderR .text p {
  font-size: 0.9rem;
  line-height: 1.7;
}

@media screen and (max-width: 750px) {
  .linkbox2_borderR, .linkbox3_borderR {
    display: block;
    width: auto;
  }
  .linkbox2_borderR > div:nth-child(n+2), .linkbox2_borderR > a.box:nth-child(n+2), .linkbox3_borderR > div:nth-child(n+2), .linkbox3_borderR > a.box:nth-child(n+2) {
    margin-top: 20px;
  }
  .linkbox2_borderR div.box, .linkbox2_borderR a.box, .linkbox3_borderR div.box, .linkbox3_borderR a.box {
    width: 100%;
    margin-right: 0;
    padding: 10px 10px;
  }
  .linkbox2_borderR a, .linkbox3_borderR a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .linkbox2_borderR dl, .linkbox3_borderR dl {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .linkbox2_borderR dl dt, .linkbox3_borderR dl dt {
    width: 40%;
  }
  .linkbox2_borderR dl dd, .linkbox3_borderR dl dd {
    padding: 10px 10px 10px;
    width: 60%;
  }
  .linkbox2_borderR dl dd .title, .linkbox3_borderR dl dd .title {
    margin-bottom: 0.3em;
    font-size: 1.1rem;
  }
  .linkbox2_borderR dl dd p, .linkbox3_borderR dl dd p {
    font-size: 0.85rem;
    line-height: 1.7;
  }
  .linkbox2_borderR .text, .linkbox3_borderR .text {
    padding: 5px 0 5px 5px;
  }
  .linkbox2_borderR .text .title, .linkbox3_borderR .text .title {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    margin-bottom: 0.3em;
    font-size: 1.1rem;
  }
  .linkbox2_borderR .text .title.red, .linkbox3_borderR .text .title.red {
    color: #cc0000;
  }
  .linkbox2_borderR .text p, .linkbox3_borderR .text p {
    font-size: 0.85rem;
    line-height: 1.7;
  }

  .innerwidth .linkbox2_borderR,
.innerwidth .linkbox3_borderR {
    padding: 0;
  }
}
/* sp */
/* アイコンフォント */
.linkbox2_borderR.icon .img, .linkbox3_borderR.icon .img {
  position: relative;
}
.linkbox2_borderR.icon .img:before, .linkbox3_borderR.icon .img:before {
  font-family: "yubin";
  font-size: 44px;
  color: #cc0000;
  position: absolute;
  left: 0;
  right: 0;
  height: 44px;
  top: 0;
  bottom: 0;
  margin: auto;
  font-weight: normal;
}

.linkbox2_borderR.icon .img:before {
  font-size: 70px;
  left: 0;
  right: 0;
  height: 70px;
}

.linkbox1 > div.box {
  border: none;
  background: none;
}
.linkbox1 > div.box > a.box {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
  display: block;
  text-decoration: none;
  color: #333333;
  background: #FFF;
  border: 1px solid #ccc;
}
.linkbox1 > * {
  display: block;
  text-decoration: none;
  color: #333333;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #FFF;
  border: 1px solid #ccc;
}
.linkbox1.side dl {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.linkbox1.side dl dt {
  -ms-flex-preferred-size: 45%;
      flex-basis: 45%;
  max-width: 45%;
}
.linkbox1.side dl dd {
  -ms-flex-preferred-size: 55%;
      flex-basis: 55%;
  max-width: 55%;
}
.linkbox1.side dl dt img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 160px;
}

/* リンクボックス　2列　*/
.linkbox2 {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1200px;
  margin: auto;
  /* sp */
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .linkbox2 {
    width: 100%;
    padding: 0 3%;
  }
}
.linkbox2 > div:nth-child(n+3), .linkbox2 > a.box:nth-child(n+3) {
  margin-top: 20px;
}
.linkbox2 > .boxstyle.simple {
  display: block;
  text-decoration: none;
  color: #333333;
  width: 49%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #FFF;
  border: 1px solid #ccc;
  margin-right: 2%;
  padding: 15px;
}
.linkbox2 > .boxstyle.simple:nth-of-type(2n) {
  margin-right: 0;
}
.linkbox2 > .boxstyle.borderR {
  display: block;
  text-decoration: none;
  border: 1px solid #cc0000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 49%;
  margin-right: 2%;
  padding: 15px;
  border-radius: 6px;
}
.linkbox2 > .boxstyle.borderR.arrow {
  position: relative;
}
.linkbox2 > .boxstyle.borderR.arrow:after {
  font-family: "yubin";
  content: "\f105";
  font-size: 22px;
  color: #cc0000;
  position: absolute;
  top: 50%;
  right: 5%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.linkbox2 > .bottomlink {
  position: relative;
  padding-bottom: 56px !important;
}
.linkbox2 > .bottomlink .link {
  position: absolute;
  bottom: 15px;
}
.linkbox2 a[target=_blank] dl dd .title:after {
  font-family: "yubin";
  content: "\e924";
  margin-left: 0.3em;
  font-size: 70%;
  color: #cc0000;
  font-weight: normal;
  position: relative;
  top: -2px;
}
.linkbox2 > div.box {
  -ms-flex-preferred-size: 49%;
      flex-basis: 49%;
  max-width: 49%;
  border: none;
  background: none;
}
.linkbox2 > div.box > a.box {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
  display: block;
  text-decoration: none;
  color: #333333;
  background: #FFF;
  border: 1px solid #ccc;
}
.linkbox2 > * {
  display: block;
  text-decoration: none;
  color: #333333;
  -ms-flex-preferred-size: 49%;
      flex-basis: 49%;
  max-width: 49%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #FFF;
  border: 1px solid #ccc;
}
.linkbox2 *.box:nth-of-type(2n) {
  margin-right: 0;
}
.linkbox2 a.box:hover {
  opacity: 0.6;
  text-decoration: none;
}
.linkbox2 dl .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  margin-bottom: 0.5em;
  font-size: 1.15rem;
}
.linkbox2 dl .title.red {
  color: #cc0000;
}
.linkbox2 dl dt {
  text-align: center;
}
.linkbox2 dl dt img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /* height:270px;*/
}
.linkbox2 dl dd {
  padding: 15px 15px 25px;
}
.linkbox2 dl dd p {
  font-size: 0.9rem;
}
.linkbox2.side dl {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.linkbox2.side dl dt {
  -ms-flex-preferred-size: 45%;
      flex-basis: 45%;
  max-width: 45%;
}
.linkbox2.side dl dd {
  -ms-flex-preferred-size: 55%;
      flex-basis: 55%;
  max-width: 55%;
}
.linkbox2.side dl dt img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 160px;
}

/* リンクボックス　3列　*/
.linkbox3 {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1200px;
  margin: auto;
  /* sp */
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .linkbox3 {
    width: 100%;
    padding: 0 3%;
  }
}
.linkbox3 > div:nth-child(n+4), .linkbox3 > a.box:nth-child(n+4) {
  margin-top: 20px;
}
.linkbox3:after {
  content: "";
  display: block;
  width: 32.5%;
  height: 0;
}
.linkbox3 > .boxstyle.simple {
  display: block;
  text-decoration: none;
  color: #333333;
  width: 32.5%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #FFF;
  border: 1px solid #ccc;
  padding: 15px;
}
.linkbox3 > .boxstyle.simple:nth-of-type(2n) {
  margin-right: 0;
}
.linkbox3 > .boxstyle.borderR {
  display: block;
  text-decoration: none;
  border: 1px solid #cc0000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 32.5%;
  margin-right: 2%;
  padding: 15px;
  border-radius: 6px;
}
.linkbox3 > .boxstyle.borderR.arrow {
  position: relative;
}
.linkbox3 > .boxstyle.borderR.arrow:after {
  font-family: "yubin";
  content: "\f105";
  font-size: 22px;
  color: #cc0000;
  position: absolute;
  top: 50%;
  right: 5%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.linkbox3 > .bottomlink {
  position: relative;
  padding-bottom: 56px !important;
}
.linkbox3 > .bottomlink .link {
  position: absolute;
  bottom: 15px;
}
.linkbox3 a[target=_blank] dl dd .title:after {
  font-family: "yubin";
  content: "\e924";
  margin-left: 0.3em;
  font-size: 70%;
  color: #cc0000;
  font-weight: normal;
  position: relative;
  top: -2px;
}
.linkbox3 > div.box {
  -ms-flex-preferred-size: 32.5%;
      flex-basis: 32.5%;
  max-width: 32.5%;
  border: none;
  background: none;
}
.linkbox3 > div.box > a.box {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
  display: block;
  text-decoration: none;
  color: #333333;
  background: #FFF;
  border: 1px solid #ccc;
}
.linkbox3 > * {
  display: block;
  text-decoration: none;
  color: #333333;
  -ms-flex-preferred-size: 32.5%;
      flex-basis: 32.5%;
  max-width: 32.5%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #FFF;
  border: 1px solid #ccc;
}
.linkbox3 *.box:nth-of-type(2n) {
  margin-right: 0;
}
.linkbox3 a.box:hover {
  opacity: 0.6;
  text-decoration: none;
}
.linkbox3 dl .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  margin-bottom: 0.5em;
  font-size: 1.15rem;
}
.linkbox3 dl .title.red {
  color: #cc0000;
}
.linkbox3 dl dt {
  text-align: center;
}
.linkbox3 dl dt img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /* height:270px;*/
}
.linkbox3 dl dd {
  padding: 15px 15px 25px;
}
.linkbox3 dl dd p {
  font-size: 0.9rem;
}
.linkbox3.side dl {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.linkbox3.side dl dt {
  -ms-flex-preferred-size: 45%;
      flex-basis: 45%;
  max-width: 45%;
}
.linkbox3.side dl dd {
  -ms-flex-preferred-size: 55%;
      flex-basis: 55%;
  max-width: 55%;
}
.linkbox3.side dl dt img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 160px;
}

.bgG .linkbox2 a, .bgG2 .linkbox2 a,
.bgG .linkbox3 a, .bgG2 .linkbox3 a {
  border: none;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  .linkbox2 dl dd {
    padding: 13px 13px;
  }
  .linkbox2 dl dd .title {
    font-size: 1rem;
  }
  .linkbox2 dl dd p {
    font-size: 0.8rem;
  }
  .linkbox2.side dl dt img {
    height: auto;
  }
}
/* tablet */
@media screen and (max-width: 750px) {
  .innerwidth .linkbox2, .innerwidth .linkbox3 {
    padding: 0;
  }

  .linkbox2, .linkbox3 {
    width: auto;
  }
  .linkbox2 > div:nth-child(n+3), .linkbox2 > a.box:nth-child(n+3), .linkbox3 > div:nth-child(n+3), .linkbox3 > a.box:nth-child(n+3) {
    margin-top: 0;
  }
  .linkbox2 > div:nth-child(n+4), .linkbox2 > a.box:nth-child(n+4), .linkbox3 > div:nth-child(n+4), .linkbox3 > a.box:nth-child(n+4) {
    margin-top: 0;
  }
  .linkbox2 > div.box, .linkbox2 > *, .linkbox3 > div.box, .linkbox3 > * {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .linkbox2 > .boxstyle.simple, .linkbox3 > .boxstyle.simple {
    width: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-right: 0;
  }
  .linkbox2 a, .linkbox3 a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .linkbox2 dl dt, .linkbox3 dl dt {
    text-align: center;
  }
  .linkbox2 dl dt img, .linkbox3 dl dt img {
    width: 100%;
    /*height:160px;*/
    height: auto;
  }
  .linkbox2 dl dd, .linkbox3 dl dd {
    background: #FFF;
    padding: 15px;
  }
  .linkbox2 dl dd .title, .linkbox3 dl dd .title {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    margin-bottom: 0.5em;
    font-size: 0.9rem;
  }
  .linkbox2 dl dd p, .linkbox3 dl dd p {
    font-size: 0.75rem;
  }
  .linkbox2.side dl dt, .linkbox3.side dl dt {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  .linkbox2.side dl dd, .linkbox3.side dl dd {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  .linkbox2.side dl dt img, .linkbox3.side dl dt img {
    height: auto;
  }
  .linkbox2.side dl dd, .linkbox3.side dl dd {
    padding: 6px;
  }
  .linkbox2.side dl dd .title, .linkbox3.side dl dd .title {
    font-size: 0.85rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 750px) and (orientation: landscape) {
  .linkbox2, .linkbox3 {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .linkbox2 a.box, .linkbox3 a.box {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    max-width: 49%;
  }
  .linkbox2 dl dt img, .linkbox3 dl dt img {
    height: auto;
  }
}
/* sp */
/* 4カラムリンクボックス　*/
.linkbox4 {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1200px;
  margin: auto;
  /* sp */
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .linkbox4 {
    width: 100%;
    padding: 0 3%;
  }
}
.linkbox4::before {
  content: "";
  display: block;
  width: 23.5%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.linkbox4::after {
  content: "";
  display: block;
  width: 23.5%;
}
.linkbox4.noborder > .box {
  border: none;
}
.linkbox4.noborder > .box dl dd {
  padding: 10px 0;
}
.linkbox4 > div:nth-child(n+5), .linkbox4 > a.box:nth-child(n+5) {
  margin-top: 20px;
}
.linkbox4 > .boxstyle.simple {
  display: block;
  text-decoration: none;
  color: #333333;
  max-width: 23.5%;
  -ms-flex-preferred-size: 23.5%;
      flex-basis: 23.5%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #FFF;
  border: 1px solid #ccc;
  margin-right: 2%;
  padding: 15px;
}
.linkbox4 > .boxstyle.simple:nth-of-type(4n) {
  margin-right: 0;
}
.linkbox4 > .bottomlink {
  position: relative;
  padding-bottom: 56px !important;
}
.linkbox4 > .bottomlink .link {
  position: absolute;
  bottom: 15px;
}
.linkbox4 > .bottomlink .link a[target=_blank]:before {
  font-family: "yubin";
  content: "\e924";
}
.linkbox4 a[target=_blank] dl dd .title:after {
  font-family: "yubin";
  content: "\e924";
  margin-left: 0.3em;
  font-size: 70%;
  color: #cc0000;
  font-weight: normal;
  position: relative;
  top: -2px;
}
.linkbox4 > * {
  width: 23.5%;
}
.linkbox4 > * > a.box {
  width: 100%;
  background: #FFF;
  display: block;
  text-decoration: none;
  color: #333333;
  border: 1px solid #ccc;
  margin-right: 2%;
}
.linkbox4 > * {
  display: block;
  text-decoration: none;
  color: #333333;
  max-width: 23.5%;
  -ms-flex-preferred-size: 23.5%;
      flex-basis: 23.5%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #FFF;
  border: 1px solid #ccc;
}
.linkbox4 a.box:nth-of-type(4n) {
  margin-right: 0;
}
.linkbox4 a.box:hover {
  opacity: 0.6;
  text-decoration: none;
}
.linkbox4 dl .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  margin-bottom: 0.5em;
  font-size: 1.15rem;
}
.linkbox4 dl dt {
  text-align: center;
}
.linkbox4 dl dt img {
  width: 100%;
}
.linkbox4 dl dd {
  padding: 15px;
}
.linkbox4 dl dd p {
  font-size: 0.9rem;
}
.linkbox4 dl dt.img.bigicon {
  background: #f7f7f7;
  padding: 3%;
}
.linkbox4 dl dt.img.bigicon .yic:before {
  font-size: 115px;
  line-height: 1;
  margin-right: 0;
  top: 0;
}
.linkbox4 dl dt.img.bigicon .yic.sizeS:before {
  font-size: 100px !important;
}
.linkbox4 dl dt.img.bigicon .yic.sizeL:before {
  font-size: 130px !important;
}
.linkbox4 ul.notes-s li {
  padding-left: 1em;
  text-indent: -0.7em;
}
.linkbox4 ul.notes-s li:before {
  margin-right: 0em;
}

.bgG .linkbox4 a,
.bgG2 .linkbox4 a {
  border: none;
}

@media screen and (max-width: 750px) {
  .innerwidth .linkbox4,
.bgG .linkbox4,
.bgG2 .linkbox4 {
    padding: 0;
  }

  .linkbox4 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: auto;
  }
  .linkbox4 > div:nth-child(n+5), .linkbox4 > a.box:nth-child(n+5) {
    margin-top: 0;
  }
  .linkbox4 > div, .linkbox4 > a.box {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .linkbox4 > .boxstyle.simple {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-right: 0;
  }
  .linkbox4 a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .linkbox4 a.box:nth-of-type(2n), .linkbox4 div.boxstyle:nth-of-type(2n) {
    margin-right: 0;
  }
  .linkbox4 dl dt {
    text-align: center;
  }
  .linkbox4 dl dt img {
    width: 100%;
  }
  .linkbox4 dl dd {
    background: #FFF;
    padding: 12px 8px;
  }
  .linkbox4 dl dd .title {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    margin-bottom: 0.5em;
    font-size: 0.8rem;
  }
  .linkbox4 dl dd p {
    font-size: 0.78rem;
  }
  .linkbox4.spclm2 {
    -ms-flex-line-pack: justify;
        align-content: space-between;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .linkbox4.spclm2 > div, .linkbox4.spclm2 > a.box {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    max-width: 49%;
    margin-bottom: 10px;
    margin-right: 0;
  }
}
/* sp */
/* 4列　赤枠バナー */
.borderbnr4 {
  max-width: 1200px;
  margin: auto;
  /* sp */
}
@media screen and (max-width: 750px) {
  .borderbnr4 {
    width: 100%;
    padding: 0 3%;
  }
}
.borderbnr4 ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.borderbnr4 ul:before {
  content: "";
  display: block;
  -ms-flex-preferred-size: 23.5%;
      flex-basis: 23.5%;
  height: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.borderbnr4 ul:after {
  content: "";
  display: block;
  -ms-flex-preferred-size: 23.5%;
      flex-basis: 23.5%;
  height: 0;
}
.borderbnr4 ul li {
  -ms-flex-preferred-size: 24%;
      flex-basis: 24%;
  max-width: 24%;
  border: 1px solid #cc0000;
  border-radius: 6px;
  text-align: center;
  height: 80px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  margin-bottom: 15px;
}
.borderbnr4 ul li a {
  text-decoration: none;
  color: #333333;
  font-size: 15px;
  display: block;
  width: 100%;
  height: 100%;
}
.borderbnr4 ul li a span {
  position: absolute;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  top: 50%;
  left: 0;
  -webkit-transform: translate(10%, -50%);
          transform: translate(10%, -50%);
}
.borderbnr4 ul li a.jpf span {
  position: absolute;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-40%, -50%);
          transform: translate(-40%, -50%);
}
.borderbnr4 ul li a.icon:before {
  position: absolute;
  top: 50%;
  left: 15%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.borderbnr4 ul li a.icon:after {
  font-family: "yubin";
  content: "\f105";
  font-size: 22px;
  color: #cc0000;
  position: absolute;
  top: 50%;
  right: 5%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.borderbnr4 ul li a.icon[target=_blank]:after {
  font-family: "yubin";
  content: "\e924";
  font-size: 18px;
  right: 3%;
}
.borderbnr4 ul li a.icon.jpf:before {
  font-family: "yubin";
  font-size: 50px;
  color: #cc0000;
}
.borderbnr4 ul li:nth-of-type(4n) {
  margin-right: 0;
}
.borderbnr4 ul li:hover {
  background: #FAECEA;
}
.borderbnr4 .pcDisp {
  height: 100%;
}
.borderbnr4 .spDisp {
  height: auto;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  .borderbnr4 ul li a.icon[target=_blank] span {
    left: 0;
    -webkit-transform: translate(6%, -50%);
            transform: translate(6%, -50%);
    width: 10em;
    text-align: left;
  }
  .borderbnr4 ul li a.icon[target=_blank]:after {
    font-size: 16px;
    right: 0;
  }
}
/* tablet */
@media screen and (max-width: 750px) {
  .borderbnr4 {
    padding: 0;
  }
  .borderbnr4.spclm2 ul {
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
    max-width: 100%;
  }
  .borderbnr4.spclm2 ul li {
    -ms-flex-preferred-size: 48.5%;
        flex-basis: 48.5%;
    max-width: 48.5%;
    margin-bottom: 20px;
    border: none;
    height: auto;
  }
  .borderbnr4.spclm2 ul li a {
    font-size: 0.85rem;
    padding: 70px 0 30px;
    display: block;
    border: 1px solid #cc0000;
    border-radius: 6px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .borderbnr4.spclm2 ul li a span {
    font-weight: 400;
    margin-top: 22px;
    -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
    width: 100%;
    left: 0;
  }
  .borderbnr4.spclm2 ul li a:hover {
    background: #FAECEA;
  }
  .borderbnr4.spclm2 ul li a.icon:before {
    display: block;
    top: 5px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: none;
            transform: none;
  }
  .borderbnr4.spclm2 ul li a.icon:after {
    right: 3%;
  }
  .borderbnr4.spclm2 ul li:nth-of-type(n + 2) {
    margin-top: 0;
  }
  .borderbnr4 > ul.spclm2 li {
    -ms-flex-preferred-size: 48.5%;
        flex-basis: 48.5%;
    max-width: 48.5%;
  }
  .borderbnr4 .pcDisp {
    height: auto;
  }
  .borderbnr4 .spDisp {
    height: 100%;
  }
  .borderbnr4.spclm1 ul {
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
    max-width: 100%;
  }
  .borderbnr4.spclm1 ul li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 15px;
  }
}
/* sp */
/* IE11向けのhack */
/*@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, :root .borderbnr4.spclm2 ul li a span {
       width:auto;
    }
}*/
/* 3列　赤枠バナー */
.borderbnr3 {
  max-width: 1200px;
  margin: auto;
  /* sp */
}
@media screen and (max-width: 750px) {
  .borderbnr3 {
    width: 100%;
    padding: 0 3%;
  }
}
.borderbnr3 ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.borderbnr3 ul:before {
  content: "";
  display: block;
  -ms-flex-preferred-size: 32.5%;
      flex-basis: 32.5%;
  height: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.borderbnr3 ul:after {
  content: "";
  display: block;
  -ms-flex-preferred-size: 32.5%;
      flex-basis: 32.5%;
  height: 0;
}
.borderbnr3 ul li {
  -ms-flex-preferred-size: 32.5%;
      flex-basis: 32.5%;
  max-width: 32.5%;
  border: 1px solid #cc0000;
  border-radius: 6px;
  text-align: center;
  height: 80px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  margin-bottom: 15px;
}
.borderbnr3 ul li a {
  text-decoration: none;
  color: #333333;
  font-size: 15px;
  display: block;
  width: 100%;
  height: 100%;
}
.borderbnr3 ul li a span {
  position: absolute;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  top: 50%;
  left: 0;
  -webkit-transform: translate(10%, -50%);
          transform: translate(10%, -50%);
}
.borderbnr3 ul li a.jpf span {
  position: absolute;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-40%, -50%);
          transform: translate(-40%, -50%);
}
.borderbnr3 ul li a.icon:before {
  position: absolute;
  top: 50%;
  left: 12%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.borderbnr3 ul li a.icon:after {
  font-family: "yubin";
  content: "\f105";
  font-size: 22px;
  color: #cc0000;
  position: absolute;
  top: 50%;
  right: 5%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.borderbnr3 ul li a.icon[target=_blank]:after {
  font-family: "yubin";
  content: "\e924";
  font-size: 18px;
  right: 3%;
}
.borderbnr3 ul li a.icon.jpf:before {
  font-family: "yubin";
  font-size: 50px;
  color: #cc0000;
}
.borderbnr3 ul li:nth-of-type(4n) {
  margin-right: 0;
}
.borderbnr3 ul li:hover {
  background: #FAECEA;
}
.borderbnr3 .pcDisp {
  height: 100%;
}
.borderbnr3 .spDisp {
  height: auto;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  .borderbnr3 ul li a.icon[target=_blank] span {
    left: 0;
    -webkit-transform: translate(6%, -50%);
            transform: translate(6%, -50%);
    width: 10em;
    text-align: left;
  }
  .borderbnr3 ul li a.icon[target=_blank]:after {
    font-size: 16px;
    right: 0;
  }
}
/* tablet */
@media screen and (max-width: 750px) {
  .borderbnr3 {
    padding: 0;
  }
  .borderbnr3.spclm2 ul {
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
    max-width: 100%;
  }
  .borderbnr3.spclm2 ul li {
    -ms-flex-preferred-size: 48.5%;
        flex-basis: 48.5%;
    max-width: 48.5%;
    margin-bottom: 20px;
    border: none;
    height: auto;
  }
  .borderbnr3.spclm2 ul li a {
    font-size: 0.85rem;
    padding: 70px 0 30px;
    display: block;
    border: 1px solid #cc0000;
    border-radius: 6px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .borderbnr3.spclm2 ul li a span {
    font-weight: 400;
    margin-top: 22px;
    -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
    width: 100%;
    left: 0;
  }
  .borderbnr3.spclm2 ul li a:hover {
    background: #FAECEA;
  }
  .borderbnr3.spclm2 ul li a.icon:before {
    display: block;
    top: 5px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: none;
            transform: none;
  }
  .borderbnr3.spclm2 ul li a.icon:after {
    right: 3%;
  }
  .borderbnr3.spclm2 ul li:nth-of-type(n + 2) {
    margin-top: 0;
  }
  .borderbnr3 > ul.spclm2 li {
    -ms-flex-preferred-size: 48.5%;
        flex-basis: 48.5%;
    max-width: 48.5%;
  }
  .borderbnr3 .pcDisp {
    height: auto;
  }
  .borderbnr3 .spDisp {
    height: 100%;
  }
}
/* sp */
/*  kitte
----------------------------------------------- */
div[class^=kitteList] {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
div[class^=kitteList] .box {
  position: relative;
}
div[class^=kitteList] .box dt {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  padding: 10px;
}
div[class^=kitteList] .box dt span {
  display: block;
  font-size: 90%;
}
div[class^=kitteList] dl.box {
  background: #eee;
}
div[class^=kitteList] a.box {
  color: #333333;
  border: 1px solid #CCC;
  background: #FFF;
}
div[class^=kitteList] a:hover {
  opacity: 0.7;
  text-decoration: none;
}
div[class^=kitteList] p.sub {
  font-size: 0.8rem;
  display: inline-block;
  min-width: 6em;
  padding: 0.2em 1em;
  text-align: center;
  color: #fff;
  background: #c00;
  margin-bottom: 4px;
}
div[class^=kitteList] a[target=_blank] .title:after {
  font-family: "yubin";
  content: "\e924";
  color: #cc0000;
  margin-left: 0.2em;
  font-weight: normal;
  font-size: 90%;
}

.kitteList5 {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.kitteList5 .box, .kitteList5 .empty {
  margin-bottom: 20px;
  font-size: 0;
  letter-spacing: normal;
}
.kitteList5 .box {
  -ms-flex-preferred-size: 19%;
      flex-basis: 19%;
  max-width: 19%;
  vertical-align: top;
  margin-right: 1.2%;
}
.kitteList5 .box:nth-child(5n) {
  margin-right: 0;
}
.kitteList5 dl {
  font-size: 1rem;
}
.kitteList5 dl dt {
  font-size: 1rem;
}
.kitteList5 dl dt p.sub {
  font-size: 0.7rem;
}
.kitteList5 dl dd {
  font-size: 1rem;
}
.kitteList5 .title {
  font-size: 0.9rem;
  min-height: 5em;
}

.kitteList4::before {
  content: "";
  display: block;
  width: 23%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.kitteList4::after {
  content: "";
  display: block;
  width: 23%;
}
.kitteList4 .box {
  -ms-flex-preferred-size: 23%;
      flex-basis: 23%;
  margin-bottom: 20px;
}

@media screen and (max-width: 750px) {
  .kitteList5 {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .kitteList5 .box {
    width: auto;
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    max-width: 49%;
    margin-right: 0;
    min-height: auto;
    margin-bottom: 12px;
    display: block;
  }
  .kitteList5 a.box {
    min-height: auto;
  }
  .kitteList5 a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .kitteList5 .box:nth-child(2n) {
    margin-right: 0;
  }
  .kitteList5 .empty {
    width: 45vw;
  }
  .kitteList5 .title {
    min-height: auto;
  }

  .kitteList4::before {
    content: "";
    display: block;
    width: 49%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .kitteList4::after {
    content: "";
    display: block;
    width: 49%;
  }
  .kitteList4 .box {
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    margin-bottom: 20px;
  }
  .kitteList4 a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
}
/* sp */
.page_kitte_detail h1.simple {
  font-size: 2rem;
  /*&:before{content: "\e96b";font-family: "yubin";margin-right: .1em;font-size: 140%;font-weight: normal;position: relative;top: 0.19em;}*/
}

.kitte_detailArea {
  width: 80%;
  margin: 30px auto 60px;
}
.kitte_detailArea .thumb {
  text-align: right;
}
.kitte_detailArea .thumb a {
  display: block;
  border: 1px solid #ccc;
  padding: 10% 15%;
  position: relative;
  text-align: center;
}
.kitte_detailArea .thumb a:after {
  position: absolute;
  right: 8px;
  bottom: 8px;
  content: "\f002";
  font-family: "yubin";
  font-size: 27px;
  line-height: 1;
  padding: 13px;
  color: #FFF;
  background: rgba(100, 100, 100, 0.4);
  border-radius: 25px;
  display: inline-block;
}
.kitte_detailArea .thumb a:hover {
  text-decoration: none;
}
.kitte_detailArea .thumb ul.notes-s {
  display: inline-block;
}
.kitte_detailArea .cont {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
}
.kitte_detailArea .cont .point dt {
  border-bottom: 1px solid #ccc;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
  font-size: 90%;
  padding-bottom: 1em;
}
.kitte_detailArea .cont .point dd {
  padding: 1.8em 0;
  border-bottom: 1px solid #ccc;
}
.kitte_detailArea .cont .issue {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 90%;
  padding: 1em 0;
  border-bottom: 1px solid #ccc;
}
.kitte_detailArea .cont .issue dt {
  -ms-flex-preferred-size: 15%;
      flex-basis: 15%;
}
.kitte_detailArea .cont .link {
  margin-top: 15px;
}
.kitte_detailArea .cont .link li {
  margin: 0.4em 0;
  font-size: 90%;
  padding: 0.2em 0 0.6em;
}
.kitte_detailArea .cont .link a::before {
  content: "\f105";
  font-family: "yubin";
  margin-right: 0.5em;
  padding-left: 0.8em;
}
.kitte_detailArea .cont .link a[href$=".pdf"]::before {
  content: "P";
  font-family: "yubin";
  margin-right: 0.3em;
  color: #cc0000;
  font-weight: normal;
  font-size: 21px;
  display: inline-block;
  position: relative;
  top: 4px;
  padding-left: 0;
}
.kitte_detailArea .cont a.yic:before {
  font-weight: normal;
}
.kitte_detailArea.tate {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 70%;
}
.kitte_detailArea.tate .thumb {
  max-width: 47%;
  -ms-flex-preferred-size: 47%;
      flex-basis: 47%;
}
.kitte_detailArea.tate .thumb img {
  max-height: 700px;
}
.kitte_detailArea.tate .cont {
  max-width: 48%;
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
}
.kitte_detailArea.yoko .thumb a {
  padding: 4%;
}
.kitte_detailArea.yoko .thumb a img {
  max-height: 350px;
}
.kitte_detailArea.yoko .cont {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}
.kitte_detailArea.yoko .cont .point {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.kitte_detailArea.yoko .cont .detail {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  padding-left: 5%;
}
.kitte_detailArea.yoko .cont .detail .issue {
  padding-top: 0;
}

/*　切手zoom（photoswipe.css）　IE対応 */
_:-ms-fullscreen, :root .pswp--zoom-allowed .pswp__img {
  cursor: crosshair;
}

_:-ms-fullscreen, :root .pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: move;
}

_:-ms-fullscreen, :root .pswp--dragging .pswp__img {
  cursor: move;
}

.page_kitte_detail .kitteList5 dl dd.img {
  background: radial-gradient(ellipse at center, white 55%, white 55%, #f7f7f7 100%);
  background: -moz-radial-gradient(center, ellipse cover, white 55%, white 55%, #f7f7f7 100%);
  /*background: white;*/
  display: block;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#f7f7f7",GradientType=1 );
  min-height: 196px;
  position: relative;
  text-align: center;
  width: 100%;
}
.page_kitte_detail .kitteList5 dl dd.img img {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

@media screen and (max-width: 750px) {
  .kitte_detailArea {
    width: 100%;
  }
  .kitte_detailArea .thumb a {
    padding: 5% 10%;
  }
  .kitte_detailArea .cont .point {
    margin-top: 10px;
  }
  .kitte_detailArea.tate {
    display: block;
    width: 100%;
  }
  .kitte_detailArea.tate .thumb {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .kitte_detailArea.tate .thumb img {
    max-height: 50vh;
  }
  .kitte_detailArea.tate .cont {
    padding-left: 0;
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .kitte_detailArea.yoko .cont {
    display: block;
  }
  .kitte_detailArea.yoko .cont .detail {
    padding-left: 0;
  }
  .kitte_detailArea.yoko .cont .detail .issue {
    padding: 1em 0;
  }
}
/* sp */
/*----------------------------------------------------------
	link
--------------------------------------------------------- */
a.red {
  color: #cc0000;
}

/*----------------------------------------------------------
	button
--------------------------------------------------------- */
.iconbtn {
  font-family: "yubin", "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
}
.iconbtn.icon1st:first-letter {
  font-size: 200px;
}

a[class^=btn] {
  text-decoration: none;
  border-radius: 5px;
  display: inline-block;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: auto;
  /* sp */
}
a[class^=btn]:hover {
  opacity: 0.7;
}
a[class^=btn].full {
  display: block;
}
a[class^=btn].slim {
  padding: 1.1em 1.5em 0.9em;
  font-size: 0.9rem;
  line-height: 1.2;
}
a[class^=btn].arrowR {
  padding-right: 3em;
}
a[class^=btn].arrowR:after {
  font-family: "yubin";
  content: "\f105";
  position: absolute;
  top: 50%;
  right: 0.5em;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 130%;
}
a[class^=btn].arrowR[target=_blank]:after {
  font-family: "yubin";
  content: "\e924" !important;
}
a[class^=btn].plusR {
  padding-right: 3em;
}
a[class^=btn].plusR:after {
  font-family: "yubin";
  content: "\e90e";
  position: absolute;
  top: 50%;
  right: 0.5em;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 130%;
}
a[class^=btn].arrowL {
  padding-left: 3em;
}
a[class^=btn].arrowL:after {
  font-family: "yubin";
  content: "\f104";
  position: absolute;
  top: 50%;
  left: 1em;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 130%;
}
a[class^=btn][target=_blank]:before {
  font-family: "yubin";
  content: "\e924";
}
a[class^=btn].btnS[target=_blank]:before, a[class^=btn].btnM[target=_blank]:before, a[class^=btn].btnL[target=_blank]:before {
  content: none;
}
a[class^=btn]:hover {
  text-decoration: none;
}
@media screen and (max-width: 750px) {
  a[class^=btn].arrowR, a[class^=btn].arrowL, a[class^=btn].plusR, a[class^=btn][target=_blank] {
    padding-right: 0;
    padding-left: 0;
  }
}

a.btn {
  position: relative;
}
a.btn.gray {
  background: #646464;
  color: #FFF;
}
a.btn.arrowR {
  padding-right: 2em !important;
}
a.btn.arrowR:after {
  font-family: "yubin";
  content: "\f105";
  font-size: 1em;
  position: absolute;
  top: 47%;
  right: 5%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #FFF;
}

a.btnL {
  font-size: 1.18rem;
  padding: 26px 2em;
  background: #cc0000;
  color: #FFF !important;
  /* sp */
}
a.btnL.gray {
  background: #646464;
  color: #FFF;
}
a.btnL.bank {
  background: #009900;
  position: relative;
}
a.btnL.bank span {
  padding-left: 40px;
}
a.btnL.bank span:before {
  font-family: "yubin";
  content: "\e92f";
  font-size: 46px;
  font-weight: normal;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  margin-left: -40px;
}
a.btnL.insurance {
  background: #000099;
  position: relative;
}
a.btnL.insurance span {
  padding-left: 40px;
}
a.btnL.insurance span:before {
  font-family: "yubin";
  content: "\e93a";
  font-size: 46px;
  font-weight: normal;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  margin-left: -40px;
}
a.btnL.yic {
  padding-left: 3.5em;
}
a.btnL.yic:before {
  position: absolute;
  font-size: 2rem;
  position: absolute;
  top: 50%;
  left: 0.9em;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #cc0000;
}
a.btnL[target=_blank]:after {
  font-family: "yubin";
  content: "\e924" !important;
  font-size: 0.9rem;
  position: absolute;
  top: 50%;
  right: 0.5em;
  content: "\f105";
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (max-width: 750px) {
  a.btnL {
    text-align: center;
    width: 100%;
  }
}

a.btnS {
  font-size: 0.8rem;
  padding: 1em 1.5em;
  background: #cc0000;
  color: #FFF !important;
  min-width: 30%;
  /* sp */
}
a.btnS.gray {
  background: #646464;
  color: #FFF;
}
a.btnS.yic {
  padding-left: 3.5em;
}
a.btnS.yic:before {
  position: absolute;
  font-size: 2rem;
  position: absolute;
  top: 50%;
  left: 0.9em;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #cc0000;
}
a.btnS.arrowR {
  /*padding-right:0;*/
}
a.btnS[target=_blank]:after {
  font-family: "yubin";
  content: "\e924" !important;
  font-size: 0.9rem;
  position: absolute;
  top: 50%;
  right: 0.5em;
  content: "\f105";
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
a.btnS[target=_blank]:before {
  content: none;
}
@media screen and (max-width: 750px) {
  a.btnS {
    font-weight: 500;
    padding: 1.1em 0;
    text-align: center;
    width: 100%;
  }
}

a.btnM {
  font-size: 1rem;
  padding: 1.1em 2em;
  background: #cc0000;
  color: #FFF !important;
  min-width: 30%;
  /* sp */
}
a.btnM.gray {
  background: #646464;
  color: #FFF;
}
a.btnM.yic {
  padding-left: 3.5em;
}
a.btnM.yic:before {
  font-size: 2rem;
  position: absolute;
  top: 50%;
  left: 0.9em;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #FFF;
  font-weight: normal;
}
a.btnM.arrowR {
  /*padding-right:0;*/
}
a.btnM[target=_blank]:after {
  font-family: "yubin";
  content: "\e924" !important;
  font-size: 0.9rem;
  position: absolute;
  top: 50%;
  right: 0.5em;
  content: "\f105";
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
a.btnM[target=_blank]:before {
  content: none;
}
@media screen and (max-width: 750px) {
  a.btnM {
    font-weight: 500;
    padding: 1.1em 0;
    text-align: center;
    width: 100%;
  }
  a.btnM[class^=btn].slim {
    padding: 1.1em 0;
  }
}

div.btnMgray {
  font-size: 1rem;
  min-width: 30%;
  padding: 1.1em 2em;
  border: none;
  background-color: #C8C8C8;
  color: #7F7F7F !important;
  border-radius: 5px;
  display: inline-block;
}

a.btnMborder {
  font-size: 1rem;
  padding: 1.1em 2em;
  background: #FFF;
  color: #333333;
  border: 1px solid #cc0000;
  min-width: 30%;
  /* sp */
}
a.btnMborder.gray {
  border: 1px solid #c8c8c8;
}
a.btnMborder.arrowR:after {
  color: #cc0000;
}
a.btnMborder.yic {
  padding-left: 3.5em;
}
a.btnMborder.yic:before {
  position: absolute;
  font-size: 2rem;
  position: absolute;
  top: 50%;
  left: 0.9em;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #cc0000;
}
a.btnMborder[target=_blank]:after, a.btnMborder.popup:after {
  font-family: "yubin";
  content: "\e924" !important;
  font-size: 0.9rem;
  color: #cc0000;
  position: absolute;
  top: 50%;
  right: 0.5em;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
a.btnMborder[class^=btn][target=_blank]:before {
  content: none;
}
a.btnMborder[class^=btn][target=_blank] {
  padding-right: 3em;
}
@media screen and (max-width: 750px) {
  a.btnMborder {
    font-weight: 500;
    padding: 1.1em 0;
    text-align: center;
    width: 100%;
  }
  a.btnMborder[class^=btn][target=_blank] {
    padding-right: 0;
  }
}
a.btnMborder:hover {
  background: #FAECEA;
  opacity: 1;
}

a.btnMint {
  font-size: 1rem;
  padding: 1.1em 3em 1.1em 3.4em;
  background: #FFF;
  color: #333333;
  border: 1px solid #FA812F;
  border-radius: 2em;
  min-width: 30%;
  /* sp */
}
a.btnMint.arrowR:after {
  color: #FA812F;
}
a.btnMint:before {
  font-family: "yubin";
  content: "\e93b";
  font-size: 2rem;
  position: absolute;
  top: 50%;
  left: 0.9em;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #FA812F;
}
a.btnMint[target=_blank]:after {
  font-family: "yubin";
  content: "\e924" !important;
  font-size: 0.9rem;
}
@media screen and (max-width: 750px) {
  a.btnMint {
    font-weight: 500;
    padding: 1.1em 0;
    text-align: center;
    width: 100%;
  }
}
a.btnMint.login {
  border-radius: 5px;
  font-size: 0.9em;
  padding: 0.9em 0.9em 0.9em 34px;
  font-weight: bold;
}
a.btnMint.login:before {
  content: "\e97e";
  font-size: 22px;
  font-weight: normal;
}

.btnArea.clm2 .clm {
  padding: 0 30px;
}

@media screen and (max-width: 750px) {
  .btnArea.clm2 .clm {
    padding: 0;
    margin-bottom: 20px;
  }
  .btnArea.clm2 .clm a.btnL {
    padding: 26px 3em 26px 2em;
  }
  .btnArea.clm2 .clm:last-child {
    margin-bottom: 0;
  }
  .btnArea.spclm1 > * {
    margin-bottom: 10px;
  }
}
/* sp */
/*----------------------------------------------------------
	module
--------------------------------------------------------- */
/*  背景写真付きボックスモジュール
----------------------------------------------- */
/* wide */
.visualblockA a[href$=".pdf"]:after, .visualblockB a[href$=".pdf"]:after {
  font-family: "yubin";
  content: "P";
  padding-left: 0.5em;
  position: relative;
  top: 3px;
  color: #cc0000;
  font-weight: normal;
  font-size: 21px;
  display: inline-block;
}
.visualblockA .sphead, .visualblockB .sphead {
  display: none;
}
.visualblockA.wide .contBox.clm2, .visualblockB.wide .contBox.clm2 {
  background: #FFF;
  padding: 0;
  width: 80%;
}
.visualblockA.wide .contBox.clm2 .clm, .visualblockB.wide .contBox.clm2 .clm {
  padding: 30px;
  position: relative;
}
.visualblockA.wide .contBox.clm2 .clm .clm, .visualblockB.wide .contBox.clm2 .clm .clm {
  padding: 0;
  width: 50%;
}
.visualblockA.wide .contBox.clm2 .clm .clm:last-child:before, .visualblockB.wide .contBox.clm2 .clm .clm:last-child:before {
  content: none;
}
.visualblockA.wide .contBox.clm2 .clm:last-child:before, .visualblockB.wide .contBox.clm2 .clm:last-child:before {
  content: "";
  position: absolute;
  width: 1px;
  left: 0;
  top: 50px;
  height: calc(100% - 100px);
  border-left: 1px solid #ccc;
}
.visualblockA.wide .contBox.clm2 .clm.linklist, .visualblockB.wide .contBox.clm2 .clm.linklist {
  padding: 30px;
  position: relative;
  background: #f7f7f7;
  width: 60%;
}
.visualblockA.wide .contBox.clm2 .clm.linklist ul.arrowR li:before, .visualblockB.wide .contBox.clm2 .clm.linklist ul.arrowR li:before {
  content: none;
}
.visualblockA.wide .contBox.clm2 .clm.linklist ul.arrowR li a:before, .visualblockB.wide .contBox.clm2 .clm.linklist ul.arrowR li a:before {
  display: inline-block;
  font-family: "yubin";
  content: "\f105";
  margin-right: 0.5em;
}
.visualblockA.wide .contBox.clm2 .clm.linklist ul.arrowR li a[target=_blank]:after, .visualblockB.wide .contBox.clm2 .clm.linklist ul.arrowR li a[target=_blank]:after {
  font-family: "yubin";
  content: "\e924";
  margin-left: 0.2em;
  position: relative;
  top: 1px;
  color: #cc0000;
}
.visualblockA.wide .contBox.clm2 .clm.linklist ul.arrowR li a, .visualblockB.wide .contBox.clm2 .clm.linklist ul.arrowR li a {
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.visualblockA.wide .contBox.clm2 .clm.linklist ul.arrowR li a:hover, .visualblockB.wide .contBox.clm2 .clm.linklist ul.arrowR li a:hover {
  background: rgb(255, 255, 255);
}
.visualblockA.wide .contBox.clm2 .clm.linklist ul.uline li, .visualblockB.wide .contBox.clm2 .clm.linklist ul.uline li {
  padding: 0;
}
.visualblockA.wide .contBox.clm2 .clm.linklist ul.uline li a, .visualblockB.wide .contBox.clm2 .clm.linklist ul.uline li a {
  padding: 1.1em 0.4em 1.1em 1.4em;
  text-indent: -0.5em;
}
.visualblockA.wide .contBox.clm2 .clm.linklist + .clm, .visualblockB.wide .contBox.clm2 .clm.linklist + .clm {
  width: 40%;
}
.visualblockA.wide .contBox.clm2 .clm.linklist:before, .visualblockB.wide .contBox.clm2 .clm.linklist:before {
  content: none;
}
.visualblockA.wide .contBox.clm2 .clm.wide, .visualblockB.wide .contBox.clm2 .clm.wide {
  width: 100%;
}
.visualblockA.wide .contBox.clm2 a.btnM, .visualblockB.wide .contBox.clm2 a.btnM {
  min-width: 70%;
}
.visualblockA .contBox, .visualblockB .contBox {
  padding: 30px;
}
.visualblockA .contBox ul.uline, .visualblockB .contBox ul.uline {
  /*li:last-child{border-bottom:none;}*/
}
.visualblockA .contBox ul.uline li, .visualblockB .contBox ul.uline li {
  padding-left: 2em;
  text-indent: -0.5em;
}
.visualblockA .contBox ul.uline li:before, .visualblockB .contBox ul.uline li:before {
  top: 1.3em;
}
.visualblockA .contBox ul.arrowR.clm2 li, .visualblockB .contBox ul.arrowR.clm2 li {
  -ms-flex-preferred-size: 48.5%;
      flex-basis: 48.5%;
}
.visualblockA .contBox ul.arrowR li, .visualblockB .contBox ul.arrowR li {
  padding-left: 1.2em;
  text-indent: 0;
}
.visualblockA .contBox ul.arrowR li a[target=_blank]:after, .visualblockB .contBox ul.arrowR li a[target=_blank]:after {
  font-family: "yubin";
  content: "\e924";
  top: 1px;
  color: #cc0000;
}

@media screen and (max-width: 750px) {
  .visualblockA .sphead, .visualblockB .sphead {
    display: block;
  }
  .visualblockA .sphead + .bgimg, .visualblockB .sphead + .bgimg {
    background-image: none !important;
    padding-top: 0;
  }
  .visualblockA .sphead + .bgimg > .gradient > .innerwidth, .visualblockB .sphead + .bgimg > .gradient > .innerwidth {
    margin-top: 0;
  }
  .visualblockA.wide .contBox.clm2, .visualblockB.wide .contBox.clm2 {
    width: 100%;
    display: block;
  }
  .visualblockA.wide .contBox.clm2 div[class*="0p"], .visualblockB.wide .contBox.clm2 div[class*="0p"] {
    width: 100% !important;
  }
  .visualblockA.wide .contBox.clm2 .clm, .visualblockB.wide .contBox.clm2 .clm {
    width: 100%;
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding: 0 3%;
  }
  .visualblockA.wide .contBox.clm2 .clm .clm2, .visualblockB.wide .contBox.clm2 .clm .clm2 {
    display: block;
  }
  .visualblockA.wide .contBox.clm2 .clm .clm:first-child, .visualblockA.wide .contBox.clm2 .clm .clm:last-child, .visualblockB.wide .contBox.clm2 .clm .clm:first-child, .visualblockB.wide .contBox.clm2 .clm .clm:last-child {
    padding: 0;
    width: 100%;
    margin: 0 auto;
  }
  .visualblockA.wide .contBox.clm2 .clm:last-child:before, .visualblockB.wide .contBox.clm2 .clm:last-child:before {
    content: "";
    position: absolute;
    border-left: none;
    height: 1px;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    width: 94%;
    border-top: 1px solid #ccc;
  }
  .visualblockA.wide .contBox.clm2 .clm:last-child, .visualblockB.wide .contBox.clm2 .clm:last-child {
    margin: 30px auto;
    padding-top: 30px;
  }
  .visualblockA.wide .contBox.clm2 .clm.linklist, .visualblockB.wide .contBox.clm2 .clm.linklist {
    padding: 0px 3%;
    width: 100%;
    background: #FFF;
  }
  .visualblockA.wide .contBox.clm2 .clm.linklist:before, .visualblockB.wide .contBox.clm2 .clm.linklist:before {
    content: none;
    border-top: 0;
  }
  .visualblockA.wide .contBox.clm2 a.btnM, .visualblockB.wide .contBox.clm2 a.btnM {
    width: 100%;
  }
  .visualblockA.wide .contBox.clm2 ul.uline li:first-child, .visualblockB.wide .contBox.clm2 ul.uline li:first-child {
    border-top: 0;
  }
  .visualblockA .contBox, .visualblockB .contBox {
    width: 100% !important;
  }
  .visualblockA .contBox.clm2, .visualblockB .contBox.clm2 {
    padding-top: 10px !important;
  }
  .visualblockA .bgimg.align-rSP, .visualblockB .bgimg.align-rSP {
    background-position: right center;
  }
  .visualblockA .bgimg.spall, .visualblockB .bgimg.spall {
    background-size: 100%;
    padding-top: 25vh;
  }
}
/* sp */
/* base */
.visualblockA {
  background-color: #F1ECE9;
}
.visualblockA.bottomover {
  margin-bottom: 100px !important;
  padding: 0;
}
.visualblockA.bottomover .contBox {
  position: relative;
  bottom: -50px;
}
.visualblockA.bottomover .innerwidth {
  padding: 0;
}
.visualblockA .bgimg {
  background-position: left center;
  background-repeat: no-repeat;
  background-color: #F1ECE9;
  width: 100%;
  height: 100%;
  background-size: 90% auto;
}
.visualblockA .bgimg .gradient {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(241, 236, 233, 0)), color-stop(50%, rgb(241, 236, 233)));
  background-image: linear-gradient(90deg, rgba(241, 236, 233, 0) 40%, rgb(241, 236, 233) 50%);
  background-image: -webkit-gradient -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(241, 236, 233, 0)), color-stop(50%, rgb(241, 236, 233)));
  background-image: -webkit-gradient linear-gradient(90deg, rgba(241, 236, 233, 0) 40%, rgb(241, 236, 233) 50%);
  background-image: linear-gradient(90deg, rgba(241, 236, 233, 0) 40%, rgb(241, 236, 233) 50%);
}
.visualblockA .bgimg .gradient.white {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0)), color-stop(50%, rgb(255, 255, 255)));
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 40%, rgb(255, 255, 255) 50%);
  background-image: -webkit-gradient -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(255, 255, 255, 0)), color-stop(50%, rgb(255, 255, 255)));
  background-image: -webkit-gradient linear-gradient(90deg, rgba(255, 255, 255, 0) 40%, rgb(255, 255, 255) 50%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 40%, rgb(255, 255, 255) 50%);
}
.visualblockA .innerwidth {
  padding: 50px 0;
}
.visualblockA .contBox {
  background: #FFF;
  width: 58%;
  margin-right: 0;
  margin-left: auto;
  -webkit-box-shadow: 0px 0px 15px -5px #9d9690;
          box-shadow: 0px 0px 15px -5px #9d9690;
}
.visualblockA .contBox h3 {
  font-size: 1.4rem;
  margin-bottom: 0.4em;
}
.visualblockA .contBox p {
  margin-bottom: 0.8em;
}
.visualblockA .contBox div.clm2 {
  margin-bottom: -20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.visualblockA .contBox div.clm2 .clm {
  -ms-flex-preferred-size: 48.5%;
      flex-basis: 48.5%;
  max-width: 48.5%;
  margin-bottom: 20px;
}
.visualblockA .contBox .head {
  font-size: 1.25rem;
  margin-bottom: 0.4em;
}
.visualblockA .contBox ul.arrowLink.clm2 li {
  -ms-flex-preferred-size: 48.5%;
      flex-basis: 48.5%;
  max-width: 48.5%;
}
.visualblockA .contBox ul.arrowLink li {
  padding-left: 0;
  text-indent: 0;
}
.visualblockA .contBox ul.uline.clm2 li:nth-child(odd) {
  -ms-flex-preferred-size: 48.5%;
      flex-basis: 48.5%;
  max-width: 48.5%;
}
.visualblockA .contBox ul.uline.clm2 li:nth-child(even) {
  -ms-flex-preferred-size: 48.5%;
      flex-basis: 48.5%;
  max-width: 48.5%;
}
.visualblockA .contBox a.btnM {
  min-width: 50%;
}

/* 郵便PC幅 */
@media screen and (min-width: 751px) and (max-width: 1366px) {
  .visualblockA .bgimg {
    background-size: 90% auto;
  }
  .visualblockA .contBox {
    width: 60%;
    padding: 30px 3%;
  }
}
/* yubinpc */
@media screen and (max-width: 750px) {
  .visualblockA {
    background: none;
  }
  .visualblockA .bgimg {
    padding-top: 25vh;
    background-size: cover;
    background-position: top center;
    background-color: #FFF;
  }
  .visualblockA .bgimg.spnone {
    background: none !important;
    padding-top: 0;
  }
  .visualblockA .bgimg.spnone + .innerwidth {
    margin-top: 0;
  }
  .visualblockA .bgimg .gradient {
    background: none;
  }
  .visualblockA .innerwidth {
    padding: 0;
    margin-top: 30px;
  }
  .visualblockA .contBox {
    width: 100%;
    padding: 15px 3% 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .visualblockA .contBox ul.arrowR.clm2 li {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .visualblockA .contBox ul.uline li:first-child {
    border-top: 1px solid #ccc;
  }
  .visualblockA .contBox ul.uline.clm2 li:nth-child(odd) {
    width: 100%;
    margin-right: 0%;
  }
  .visualblockA .contBox ul.uline.clm2 li:nth-child(even) {
    width: 100%;
    margin-left: 0%;
  }
  .visualblockA .contBox a.btnM {
    width: 100%;
  }
}
/* sp */
.visualblockB {
  background-color: #F1ECE9;
}
.visualblockB.bottomover {
  margin-bottom: 100px !important;
  padding: 0;
}
.visualblockB.bottomover .contBox {
  position: relative;
  bottom: -50px;
}
.visualblockB.bottomover .innerwidth {
  padding: 0;
}
.visualblockB .bgimg {
  background-position: right center;
  background-repeat: no-repeat;
  background-color: #F1ECE9;
  width: 100%;
  height: 100%;
  background-size: 60% auto;
}
.visualblockB .bgimg .gradient {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgb(241, 236, 233)), color-stop(60%, rgba(241, 236, 233, 0)));
  background-image: linear-gradient(90deg, rgb(241, 236, 233) 50%, rgba(241, 236, 233, 0) 60%);
  background-image: -webkit-gradient -webkit-gradient(linear, left top, right top, color-stop(50%, rgb(241, 236, 233)), color-stop(60%, rgba(241, 236, 233, 0)));
  background-image: -webkit-gradient linear-gradient(90deg, rgb(241, 236, 233) 50%, rgba(241, 236, 233, 0) 60%);
  background-image: linear-gradient(90deg, rgb(241, 236, 233) 50%, rgba(241, 236, 233, 0) 60%);
}
.visualblockB .bgimg .gradient.white {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgb(255, 255, 255)), color-stop(60%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(90deg, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 60%);
  background-image: -webkit-gradient -webkit-gradient(linear, left top, right top, color-stop(50%, rgb(255, 255, 255)), color-stop(60%, rgba(255, 255, 255, 0)));
  background-image: -webkit-gradient linear-gradient(90deg, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 60%);
  background-image: linear-gradient(90deg, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 60%);
}
.visualblockB .innerwidth {
  padding: 50px 0;
}
.visualblockB .contBox {
  background: #FFF;
  width: 60%;
  margin-left: 0;
  margin-right: auto;
  -webkit-box-shadow: 0px 0px 15px -5px #9d9690;
          box-shadow: 0px 0px 15px -5px #9d9690;
}
.visualblockB .contBox h3 {
  font-size: 1.4rem;
  margin-bottom: 0.4em;
}
.visualblockB .contBox p {
  margin-bottom: 0.8rem;
}
.visualblockB .contBox div.clm2 {
  margin-bottom: -20px;
}
.visualblockB .contBox div.clm2 .clm {
  max-width: 48%;
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
  margin-bottom: 20px;
}
.visualblockB .contBox div.clm2 .clm:nth-child(odd) {
  margin-right: 3%;
}
.visualblockB .contBox .head {
  font-size: 1.25rem;
  margin-bottom: 0.4em;
}
.visualblockB .contBox a.btnM {
  min-width: 50%;
}

/* 郵便PC幅 */
@media screen and (min-width: 751px) and (max-width: 1366px) {
  .visualblockB .bgimg {
    background-size: 90% auto;
  }
  .visualblockB .contBox {
    width: 60%;
    padding: 30px 3%;
  }
}
/* yubinpc */
@media screen and (max-width: 750px) {
  .visualblockB {
    background: none;
  }
  .visualblockB.bottomover {
    margin-bottom: 50px !important;
  }
  .visualblockB.bottomover .contBox {
    position: static;
    bottom: 0;
  }
  .visualblockB .bgimg {
    padding-top: 25vh;
    background-size: cover;
    background-position: top center;
    background-color: #FFF;
  }
  .visualblockB .bgimg.spnone {
    background: none !important;
    padding-top: 0;
  }
  .visualblockB .bgimg.spnone + .innerwidth {
    margin-top: 0;
  }
  .visualblockB .bgimg .gradient {
    background: none;
  }
  .visualblockB .innerwidth {
    padding: 0;
    margin-top: 30px;
  }
  .visualblockB .contBox {
    width: 100%;
    padding: 15px 3% 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .visualblockB .contBox h3 {
    font-size: 1.2rem;
  }
  .visualblockB .contBox p {
    font-size: 0.9rem;
  }
  .visualblockB .contBox div.clm2 {
    margin-bottom: -20px;
  }
  .visualblockB .contBox div.clm2 .clm {
    width: 100%;
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .visualblockB .contBox div.clm2 .clm:nth-child(odd) {
    margin-right: 0;
  }
  .visualblockB .contBox ul.arrowR.clm2 li {
    width: 100%;
    padding-right: 0;
  }
  .visualblockB .contBox ul.uline.clm2 li:nth-child(odd) {
    width: 100%;
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-right: 0%;
  }
  .visualblockB .contBox ul.uline.clm2 li:nth-child(even) {
    width: 100%;
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-left: 0%;
  }
  .visualblockB .contBox a.btnM {
    width: 100%;
  }
}
/* sp */
/* ニュース一覧 */
.arrange-r.more {
  /* sp */
}
.arrange-r.more a {
  color: #cc0000;
  text-decoration: none;
}
@media screen and (max-width: 750px) {
  .arrange-r.more a {
    color: #cc0000;
    text-decoration: none;
    font-size: 1rem;
    margin: 0.5em 0;
  }
}

.arrange-l.back {
  /* sp */
}
.arrange-l.back a {
  color: #cc0000;
  text-decoration: none;
}
@media screen and (max-width: 750px) {
  .arrange-l.back a {
    color: #cc0000;
    text-decoration: none;
    font-size: 0.8rem;
  }
}

.newsList dl {
  border-bottom: 1px solid #ccc;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 18px 2%;
}
.newsList dl:first-child {
  border-top: 1px solid #ccc;
}

@media screen and (max-width: 750px) {
  .newsList dl {
    display: block;
    padding: 14px 2% 10px;
  }
}
/* sp */
.newsList li, .noticeList li {
  border-bottom: 1px solid #ccc;
}
.newsList li a, .noticeList li a {
  display: block;
  color: #333333;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.newsList li a:hover, .noticeList li a:hover {
  background: #FAECEA;
}
.newsList li:first-child, .noticeList li:first-child {
  border-top: 1px solid #ccc;
}
.newsList a[target=_blank]:after, .noticeList a[target=_blank]:after {
  font-family: "yubin";
  content: "\e924";
  margin-left: 0.3em;
  position: relative;
  top: 0px;
  color: #cc0000;
  font-weight: normal;
  font-size: 90%;
  display: inline-block;
}
.newsList a[target=_blank]:hover:after, .noticeList a[target=_blank]:hover:after {
  text-decoration: none;
}

.newsreleaseList a[target=_blank]:after {
  font-family: "yubin";
  content: "\e924";
  margin-left: 0.3em;
  position: relative;
  top: 0px;
  color: #cc0000;
  font-weight: normal;
  font-size: 90%;
}

/* ニュース一覧　日付のみ */
.newsList_date dl {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 10px;
}
.newsList_date dl dt {
  padding-left: 5px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.newsList_date dl dd.meta {
  width: 9em;
}
.newsList_date dl a {
  text-decoration: underline;
}
.newsList_date a[target=_blank]:after {
  font-family: "yubin";
  content: "\e924";
  margin-left: 0.3em;
  position: relative;
  top: 0px;
  color: #cc0000;
  font-weight: normal;
  font-size: 90%;
  display: inline-block;
}
.newsList_date a[target=_blank]:hover:after {
  text-decoration: none;
}

@media screen and (max-width: 750px) {
  .newsList_date dl {
    display: block;
    margin-bottom: 15px;
  }
  .newsList_date dl dt {
    padding-left: 0;
  }
  .newsList_date dl dd.meta {
    width: auto;
    font-size: 90%;
  }
}
/* sp */
/* お知らせ-ご注意ください */
.careful .noticeList li {
  position: relative;
}
.careful .noticeList li a {
  padding: 18px 15px 18px 60px;
  display: block;
}
.careful .noticeList li:before {
  position: absolute;
  font-family: "yubin";
  content: "\e92d";
  color: #cc0000;
  font-size: 30px;
  height: 30px;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 20px;
  font-weight: normal;
}

@media screen and (max-width: 750px) {
  .careful .noticeList li a {
    padding: 18px 10px 18px 54px;
    font-size: 0.9rem;
  }
  .careful .noticeList li:before {
    left: 10px;
  }
}
/* sp */
/* お知らせ-カテゴリ付き */
.newsList dl dd {
  width: 16em;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
}
.newsList dl dd .date {
  color: #676767;
  margin-right: 1em;
}
.newsList dl dd .cat {
  display: inline-block;
  color: #cc0000;
  border: 1px solid #cc0000;
  padding: 0.3em 0.8em;
  font-size: 0.8rem;
  line-height: 1;
  font-weight: 500;
  min-width: 10em;
  text-align: center;
}
.newsList dl dt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media screen and (max-width: 750px) {
  .newsList dl dd {
    width: 100%;
    font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  }
  .newsList dl dd .date {
    font-size: 0.8rem;
  }
  .newsList dl dt {
    margin: 0.5em 0;
    font-size: 0.9rem;
  }
}
/* sp */
/* スライドバナー（ノーマルバナー画像） */
.slidebnr.swiper-container .swiper-pagination-bullets {
  position: relative;
  margin-top: 30px;
}
.slidebnr.swiper-container .swiper-button-prev {
  margin-top: -22px;
}
.slidebnr.swiper-container .swiper-button-next {
  margin-top: -22px;
}

/* スライドバナー（ワイド画像） */
.slidebnr-wide .swiper-slide {
  opacity: 0.5;
}
.slidebnr-wide .swiper-slide-active {
  opacity: 1;
}

.slidecontainer_wide {
  width: 100%;
  overflow: hidden;
}
.slidecontainer_wide .inner {
  position: relative;
  margin: 0 auto 30px;
  max-width: 1200px;
}
.slidecontainer_wide .inner .swiper-container {
  width: 100%;
  height: 100%;
  overflow: visible;
  z-index: 1;
}
.slidecontainer_wide .inner .swiper-container .swiper-pagination {
  bottom: -30px !important;
}

/* リンク付きカルーセル（画像・テキスト） */
.slidepanel .swiper-container {
  margin: 40px auto 0;
  width: 100%;
}
.slidepanel .swiper-container .swiper-slide {
  text-align: center !important;
}
.slidepanel .swiper-container .swiper-pagination-bullets {
  position: relative;
  margin-top: 30px;
}
.slidepanel .swiper-container .swiper-button-prev {
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  top: 50%;
  /*left:30px;*/
}
.slidepanel .swiper-container .swiper-button-next {
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  top: 50%;
  /*right:30px;*/
}
.slidepanel .swiper-wrapper {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.slidepanel .swiper-wrapper .swiper-slide {
  border: 1px solid #ccc;
  height: auto;
  background: #FFF;
}
.slidepanel .swiper-wrapper .swiper-slide a {
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.slidepanel a {
  display: block;
  text-decoration: none;
  color: #333333;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.slidepanel a[target=_blank] dl dd .title:after {
  font-family: "yubin";
  content: "\e924";
  margin-left: 0.3em;
  position: relative;
  top: -2px;
  color: #cc0000;
  font-weight: normal;
  font-size: 70%;
}
.slidepanel a:hover {
  opacity: 0.7;
}
.slidepanel dl dt {
  text-align: center;
}
.slidepanel dl dt img {
  width: 100%;
}
.slidepanel dl dd {
  background: #FFF;
  padding: 20px 15px;
  text-align: left;
  min-height: 140px;
}
.slidepanel dl dd .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  margin-bottom: 0.5em;
  font-size: 1.15rem;
  line-height: 1.4;
}
.slidepanel dl dd p {
  font-size: 0.9rem;
}
.slidepanel dl dd p.sub {
  background: #cc0000;
  color: #FFF;
  padding: 0.2em 1em;
  display: inline-block;
  font-size: 0.8rem;
  min-width: 6em;
  text-align: center;
}
.slidepanel.bgG a, .slidepanel.bgG2 a {
  border: none;
}
.slidepanel.sizeB dl dd {
  min-height: 160px;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  .slidepanel dl dd {
    padding: 16px 15px;
  }
  .slidepanel dl dd .title {
    font-size: 1rem;
  }
  .slidepanel dl dd p {
    font-size: 0.8rem;
  }
}
/* tablet */
@media screen and (max-width: 750px) {
  .slidepanel .swiper-container {
    margin: 30px auto 0;
  }
  .slidepanel dl dd {
    padding: 13px 15px;
  }
  .slidepanel dl dd .title {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    margin-bottom: 0.3em;
    font-size: 1rem;
  }
  .slidepanel dl dd p {
    font-size: 0.8rem;
  }
}
/* sp */
/* リンク無しカルーセル（テキスト） */
.slidepanel.contslide .swiper-wrapper {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.slidepanel.contslide .swiper-wrapper dl.swiper-slide {
  border: none;
}
.slidepanel.contslide .swiper-wrapper dl.swiper-slide dd {
  padding: 0;
  background: none;
  min-height: auto;
}
.slidepanel.contslide .swiper-container .swiper-button-prev,
.slidepanel.contslide .swiper-container .swiper-button-next {
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.slidepanel.contslide .swiper-container .swiper-pagination-bullets {
  margin-top: 0;
}

/* トップ　フローティングボックス */
.contWrap {
  position: relative;
}
.contWrap .floatingBlock {
  position: absolute;
  right: 0;
  top: 120px;
  z-index: 5;
}
.contWrap .floatingBlock .block {
  background: #FFF;
  margin-bottom: 10px;
  padding: 20px 25px;
}
.contWrap .floatingBlock .block .head {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  color: #cc0000;
  font-size: 1.25rem;
  margin-bottom: 0.7em;
}
.contWrap .floatingBlock .block input[type=text] {
  padding: 14px 0.8em;
  min-width: 160px;
  width: calc(100% - 58px);
}
.contWrap .floatingBlock .block input[type=button] {
  background: #cc0000;
  color: #FFF;
  border: none;
  font-family: "yubin";
  font-size: 28px;
  padding: 10px;
  vertical-align: bottom;
}
.contWrap .floatingBlock .block ul {
  margin-top: 10px;
}
.contWrap .floatingBlock .block ul li {
  text-indent: 0;
  padding-left: 0;
}
.contWrap .floatingBlock .postsearch .head:before {
  font-family: "yubin";
  content: "\e93f";
  font-size: 48px;
  font-weight: normal;
  line-height: 0;
  position: relative;
  top: 14px;
  margin-right: 8px;
}
.contWrap .floatingBlock .zipsearch .head:before {
  font-family: "yubin";
  content: "\e945";
  font-size: 48px;
  font-weight: normal;
  line-height: 0;
  position: relative;
  top: 14px;
  margin-right: 8px;
}
.contWrap .floatingBlock .zipsearch dl dt select:after {
  font-family: "yubin";
  content: "\e93f";
}
.contWrap .yubinpc {
  display: none;
}
.contWrap .sidefixed {
  position: fixed;
  right: -250px;
  background: #cc0000;
  border-radius: 5px 0 0 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: -1px 1px 5px 0px #a5a5a5;
          box-shadow: -1px 1px 5px 0px #a5a5a5;
}
.contWrap .sidefixed a {
  display: block;
  height: 60px;
  color: #FFF;
  padding: 0 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 15px;
  text-align: center;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-weight: 400;
}
.contWrap .sidefixed a span {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 10px 5px 0;
}
.contWrap .sidefixed a:nth-child(2):before {
  display: block;
  content: "";
  border-top: 1px solid #FFF;
  width: 100%;
}
.contWrap .sidefixed a:hover {
  text-decoration: none;
  background: rgba(255, 255, 255, 0.4);
}
.contWrap .sidefixed span.postsearch-fixed:before {
  font-family: "yubin";
  content: "\e93f";
  font-size: 48px;
  font-weight: normal;
  margin-right: 10px;
}
.contWrap .sidefixed span.zipsearch-fixed:before {
  font-family: "yubin";
  content: "\e945";
  font-size: 48px;
  font-weight: normal;
  margin-right: 10px;
}
.contWrap .sidefixed:hover {
  right: 0 !important;
}

/* 郵便PC幅 */
@media screen and (min-width: 751px) and (max-width: 1366px) {
  .contWrap .floatingBlock .postsearch {
    display: none;
  }
  .contWrap .floatingBlock .zipsearch {
    display: none;
  }
  .contWrap .yubinpc {
    display: block;
    right: -160px;
    position: fixed;
    background: #cc0000;
    border-radius: 5px 0 0 5px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-box-shadow: 0 0px 5px 2px #7b7b7b;
            box-shadow: 0 0px 5px 2px #7b7b7b;
  }
  .contWrap .yubinpc a {
    display: block;
    height: 60px;
    color: #FFF;
    padding: 0 10px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-size: 15px;
    text-align: center;
    font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
    font-weight: 400;
  }
  .contWrap .yubinpc a span {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 5px 10px 5px 0;
  }
  .contWrap .yubinpc a:nth-child(2):before {
    display: block;
    content: "";
    border-top: 1px solid #FFF;
    width: 100%;
  }
  .contWrap .yubinpc a:hover {
    text-decoration: none;
    background: rgba(255, 255, 255, 0.4);
  }
  .contWrap .yubinpc span.postsearch-fixed:before {
    font-family: "yubin";
    content: "\e93f";
    font-size: 48px;
    font-weight: normal;
    margin-right: 10px;
  }
  .contWrap .yubinpc span.zipsearch-fixed:before {
    font-family: "yubin";
    content: "\e945";
    font-size: 48px;
    font-weight: normal;
    margin-right: 10px;
  }
  .contWrap .yubinpc:hover {
    right: 0 !important;
  }
  .contWrap .sidefixed {
    display: none;
  }
}
/* yubinpc */
@media screen and (max-width: 750px) {
  /* floating nav */
  /*.floatingBlock{display:none;}*/
  .sidefixed {
    display: none;
  }
}
/* sp */
.faqList a {
  text-decoration: underline;
}
.faqList a:hover {
  text-decoration: none;
}
.faqList dl.qa {
  margin-bottom: 15px;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 15px;
}
.faqList dl.qa dt, .faqList dl.qa dd {
  position: relative;
  padding-left: 28px;
}
.faqList dl.qa dt:before {
  content: "Q";
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
  color: #a0a0a0;
  font-size: 22px;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 0.8;
}
.faqList dl.qa dd:before {
  content: "A";
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
  color: #cc0000;
  font-size: 22px;
  position: absolute;
  left: 2px;
  top: 0;
  line-height: 0.8;
}
.faqList dl.qa dt {
  margin-bottom: 8px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-size: 1rem;
}
.faqList dl.qa dt .category {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #cc0000;
  border: 1px solid #cc0000;
  display: inline-block;
  padding: 0 0.5em;
  margin-right: 0.5em;
}

/* タブボックス */
.tabBoxArea .nav-tab, .tabBoxArea_static .nav-tab {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /*margin:20px 0;*/
  max-width: 1200px;
  margin: auto;
  /* sp */
}
@media screen and (max-width: 750px) {
  .tabBoxArea .nav-tab, .tabBoxArea_static .nav-tab {
    width: 100%;
    padding: 0 3%;
  }
}
.tabBoxArea .nav-tab li, .tabBoxArea_static .nav-tab li {
  color: #a0a0a0;
  background: #eeeeee;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  padding: 1.3em 0.5em 1em;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-right: 8px;
}
.tabBoxArea .nav-tab li a:hover, .tabBoxArea_static .nav-tab li a:hover {
  text-decoration: none;
}
.tabBoxArea .nav-tab li:last-child, .tabBoxArea_static .nav-tab li:last-child {
  margin-right: 0;
}
.tabBoxArea .nav-tab li:hover, .tabBoxArea_static .nav-tab li:hover {
  opacity: 0.7;
  color: #000;
}
.tabBoxArea .nav-tab li.active, .tabBoxArea_static .nav-tab li.active {
  background: #cc0000;
  color: #FFF;
}
.tabBoxArea .nav-tab li.active:hover, .tabBoxArea_static .nav-tab li.active:hover {
  color: #FFF;
}
.tabBoxArea .tab-wrap:after, .tabBoxArea_static .tab-wrap:after {
  content: "";
  width: 100%;
  height: 10px;
  background: #cc0000;
  display: block;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.tabBoxArea .tab_cont, .tabBoxArea_static .tab_cont {
  padding-top: 15px;
}
.tabBoxArea .tab_cont > .section.show, .tabBoxArea_static .tab_cont > .section.show {
  height: auto;
  overflow: auto;
  opacity: 1;
  -webkit-transition: 0.5s opacity;
  transition: 0.5s opacity;
}
.tabBoxArea .tab_cont > .section, .tabBoxArea_static .tab_cont > .section {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.tabBoxArea.bottom .tab-wrap:before, .tabBoxArea_static.bottom .tab-wrap:before {
  content: "";
  width: 100%;
  height: 10px;
  background: #cc0000;
  display: block;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.tabBoxArea.bottom .tab-wrap:after, .tabBoxArea_static.bottom .tab-wrap:after {
  content: none;
}
.tabBoxArea.bottom .nav-tab li, .tabBoxArea_static.bottom .nav-tab li {
  border-radius: 0 0 5px 5px;
}

.tabBoxArea_static .nav-tab li a {
  display: block;
}
.tabBoxArea_static .nav-tab li.active {
  background: #cc0000;
  color: #FFF;
}
.tabBoxArea_static .nav-tab li.active:hover {
  opacity: 1;
}
.tabBoxArea_static .tab_cont {
  padding-top: 15px;
}
.tabBoxArea_static .tab_cont > .section {
  height: auto;
  overflow: auto;
  opacity: 1;
  -webkit-transition: 0.5s opacity;
  transition: 0.5s opacity;
}

@media screen and (max-width: 750px) {
  .tabBoxArea.spfull .nav-tab li, .tabBoxArea_static.spfull .nav-tab li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 5px;
    padding: 1em 0.5em 0.8em;
  }
  .tabBoxArea.spmini .nav-tab, .tabBoxArea_static.spmini .nav-tab {
    padding: 0 1%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .tabBoxArea.spmini .nav-tab li, .tabBoxArea_static.spmini .nav-tab li {
    font-size: 0.8em;
    padding: 1.3em 0.2em 1em;
    margin-right: 4px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .tabBoxArea.spmini .nav-tab li:last-child, .tabBoxArea_static.spmini .nav-tab li:last-child {
    margin-right: 0;
  }

  .tabBoxArea .nav-tab li {
    margin-top: 5px;
    margin-right: 1vw;
  }
}
/* sp */
/* ミニフッターナビ */
.gBox-navi {
  background: #f7f7f7;
  padding: 15px 15px 5px;
  text-align: center;
  margin: 20px auto;
}
.gBox-navi ul li {
  display: inline-block;
  border-right: 1px solid #a0a0a0;
  padding: 0 0.7em 0 0.5em;
  margin-bottom: 10px;
}
.gBox-navi ul li:last-child {
  border-right: 0;
}

@media screen and (max-width: 750px) {
  .gBox-navi ul {
    font-size: 0.8em;
  }
}
/* sp */
/*----------------------------------------------------------
	form
--------------------------------------------------------- */
input, button, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.errorMsg {
  background: #FFF3F3;
  padding: 0 1.5% 0.8rem;
  margin: 30px auto 20px;
  position: relative;
  border: 1px solid #cc0000;
}
.errorMsg:before {
  content: "ご確認ください";
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-size: 0.9rem;
  font-weight: 400;
  color: #cc0000;
  background: #FFF;
  border: 1px solid #cc0000;
  padding: 5px 14px;
  border-radius: 1.5rem;
  position: relative;
  top: -0.7rem;
}
.errorMsg li {
  padding-left: 2em;
  text-indent: -0.5em;
}
.errorMsg li:before {
  display: inline-block;
  font-family: "yubin";
  content: "\f105";
  margin-right: 0.5em;
  color: #cc0000;
}

.errorMsg:lang(en):before {
  content: "please confirm";
}

.errorMsg:lang(zh):before {
  content: "请确认一下";
}

.errorMsg:lang(ko):before {
  content: "확인하십시오";
}

.errorMsg:lang(pt):before {
  content: "Por favor confirme";
}

.formArea .indent {
  padding-left: 35px;
}
.formArea .disabledArea {
  background: #f7f7f7;
}
.formArea .disabledArea input:disabled {
  background: none !important;
}
.formArea input[type=radio], .formArea input[type=checkbox] {
  display: none;
}
.formArea .extra {
  font-size: 80%;
  margin: 0.5em 0;
}
.formArea dl.basic {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #CCC;
  padding: 15px 0;
}
.formArea dl.basic dt {
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
}
.formArea dl.basic dt:before {
  font-family: "yubin";
  content: "\f105";
  color: #cc0000;
  margin-right: 0.4em;
}
.formArea dl.basic dd {
  -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
}
.formArea dl.box {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: 1px solid #646464;
  margin-bottom: 20px;
}
.formArea dl.box dt {
  min-width: 10em;
  background: #a0a0a0;
  color: #FFF;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
}
.formArea dl.box dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #FFF;
  padding: 15px;
}
.formArea dl.form1line {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.formArea dl.form1line dt.full {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.formArea dl.form1line dt.multi {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.formArea dl.form1line dd.btn {
  padding-left: 6px;
}
.formArea dl .fixedsub, .formArea ul .fixedsub {
  position: relative;
}
.formArea dl .fixedsub .sub, .formArea ul .fixedsub .sub {
  position: absolute;
  top: 15px;
  right: 15px;
}
.formArea dl .fixedsub .sub a.btn, .formArea ul .fixedsub .sub a.btn {
  font-size: 0.8rem;
  background: #cc0000;
  color: #FFF;
  padding: 0.2em 1em;
  border-radius: 5px;
}
.formArea dl.compact, .formArea ul.compact {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.formArea dl.compact .head, .formArea ul.compact .head {
  border: 1px solid #cc0000;
  color: #cc0000;
  width: 5em;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-weight: 700;
  padding: 0.6em 0.5em;
  text-align: center;
  margin-right: 8px;
  background: #FFF;
}
.formArea dl.compact dt, .formArea dl.compact dd, .formArea ul.compact dt, .formArea ul.compact dd {
  padding: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  min-width: 0;
}
.formArea dl.compact dd, .formArea ul.compact dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.formArea dl.compact ul.flex, .formArea ul.compact ul.flex {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.formArea .btnArea {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 15px auto;
}
.formArea .btnArea input, .formArea .btnArea button {
  margin: 0 1%;
}
.formArea .btnArea.both-end {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.formArea textarea, .formArea input[type=text], .formArea input[type=email], .formArea input[type=tel], .formArea input[type=date], .formArea input[type=password], .formArea input[type=time] {
  border: none;
  background: #EDEDED;
  color: #333;
  padding: 0.9rem;
}
.formArea textarea:disabled, .formArea input[type=text]:disabled, .formArea input[type=email]:disabled, .formArea input[type=tel]:disabled, .formArea input[type=date]:disabled, .formArea input[type=password]:disabled, .formArea input[type=time]:disabled {
  border: 1px dashed #aaa;
  color: #aaa;
  background: #FFF;
}
.formArea textarea.slim, .formArea input[type=text].slim, .formArea input[type=email].slim, .formArea input[type=tel].slim, .formArea input[type=date].slim, .formArea input[type=password].slim, .formArea input[type=time].slim {
  padding: 0.5em 0.8em;
}
.formArea input[type=button].searchicon,
.formArea input[type=submit].searchicon {
  background: #cc0000;
  color: #FFF;
  border: none;
  font-family: "yubin";
  vertical-align: bottom;
  padding: 0.7rem;
  font-size: 22px;
  line-height: 1;
}
.formArea input[type=submit], .formArea input[type=button], .formArea input[type=reset], .formArea button[type=submit], .formArea button[type=button], .formArea button[type=reset] {
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 5px;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "ヒラギノ角ゴシック", メイリオ, Meiryo, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  padding: 1.1em 2em;
}
.formArea input[type=submit]:hover, .formArea input[type=button]:hover, .formArea input[type=reset]:hover, .formArea button[type=submit]:hover, .formArea button[type=button]:hover, .formArea button[type=reset]:hover {
  opacity: 0.7;
}
.formArea input[type=submit]:disabled, .formArea input[type=button]:disabled, .formArea input[type=reset]:disabled, .formArea button[type=submit]:disabled, .formArea button[type=button]:disabled, .formArea button[type=reset]:disabled {
  background: #c8c8c8 !important;
  color: #7F7F7F !important;
  /*text-decoration: line-through;*/
}
.formArea input[type=submit]:disabled:hover, .formArea input[type=button]:disabled:hover, .formArea input[type=reset]:disabled:hover, .formArea button[type=submit]:disabled:hover, .formArea button[type=button]:disabled:hover, .formArea button[type=reset]:disabled:hover {
  opacity: 1;
}
.formArea input[type=submit].borderR, .formArea input[type=button].borderR, .formArea input[type=reset].borderR, .formArea button[type=submit].borderR, .formArea button[type=button].borderR, .formArea button[type=reset].borderR {
  border: 1px solid #cc0000;
  background: #FFF;
  color: #cc0000;
}
.formArea input[type=submit].slim, .formArea input[type=button].slim, .formArea input[type=reset].slim, .formArea button[type=submit].slim, .formArea button[type=button].slim, .formArea button[type=reset].slim {
  padding: 0.7em 2.5em;
  font-size: 0.9rem;
}
.formArea input[type=submit], .formArea button[type=submit], .formArea input.btnRed {
  background: #cc0000;
  color: #FFF;
}
.formArea input[type=reset], .formArea button[type=reset], .formArea input.back, .formArea button.back {
  background: #494949;
  color: #FFF;
}
.formArea ul.item {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.formArea ul.item li {
  margin: 0 10px 20px 0;
}
.formArea ul.item li:last-child {
  margin-right: 0;
}
.formArea ul.item.vertical {
  display: block;
}
.formArea ul.item.vertical li {
  margin-bottom: 18px;
}
.formArea ul.item.vertical li:last-child {
  margin-bottom: 0;
}
.formArea input[type=radio] + label {
  padding: 0.5em;
  cursor: pointer;
  border-radius: 5px;
}
.formArea input[type=radio] + label:before {
  font-family: "yubin";
  content: "\e949";
  font-size: 25px;
  margin: -1px 3px 0 0;
  vertical-align: middle;
  display: inline-block;
  color: #737373;
}
.formArea input[type=radio]:checked + label:before {
  font-family: "yubin";
  content: "\e949";
  color: #cc0000;
}
.formArea input[type=radio]:checked + label {
  background: #FAECEA;
  font-weight: bold;
}
.formArea input[type=checkbox] + label {
  padding: 0.5em;
  cursor: pointer;
  border-radius: 5px;
}
.formArea input[type=checkbox] + label:before {
  font-family: "yubin";
  content: "\e92b";
  font-size: 25px;
  margin: -1px 3px 0 0;
  vertical-align: middle;
  display: inline-block;
  color: #737373;
}
.formArea input[type=checkbox]:checked + label:before {
  font-family: "yubin";
  content: "\e92a";
  color: #cc0000;
}
.formArea input[type=checkbox]:checked + label {
  background: #FAECEA;
  font-weight: bold;
}
.formArea .sizeFull {
  width: 100%;
}
.formArea .sizeHalf {
  width: 50%;
}
.formArea .sizeShort {
  width: 30%;
}

.selectWrap {
  /*width: auto;*/
  position: relative;
  display: inline-block;
  background: #EDEDED;
}
.selectWrap::after {
  content: "";
  width: 6px;
  height: 6px;
  border: 0px;
  border-bottom: solid 2px #b4b3b3;
  border-right: solid 2px #b4b3b3;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
}
.selectWrap .select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  background: transparent;
  position: relative;
  z-index: 1;
  padding: 0.9em 40px 0.9em 10px;
  border: none;
  border-radius: 2px;
}
.selectWrap select::-ms-expand {
  display: none;
}

@media screen and (max-width: 750px) {
  .formArea textarea, .formArea input[type=text], .formArea input[type=email], .formArea input[type=tel], .formArea input[type=date], .formArea input[type=password], .formArea input[type=time] {
    border-radius: 0;
  }
  .formArea dl.box dt {
    width: 100%;
  }
  .formArea dl.box .fixedsub .sub {
    position: static;
  }
  .formArea dl.box .fixedsub .sub a {
    width: 100%;
    display: block;
  }
  .formArea input[type=radio] + label,
.formArea input[type=checkbox] + label {
    padding: 0.8em 0.5em;
  }
  .formArea input[type=radio] + label.tooltip input[type=checkbox] + label.tooltip {
    display: inline-block;
  }
  .formArea .btnArea {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .selectWrap .select {
    padding: 1.2em 40px 1.2em 10px;
  }

  .formArea.spfull dl.basic {
    display: block;
    /*input[type="radio"] + label,input[type="checkbox"] + label{
    	display:block;
    }*/
  }
  .formArea.spfull dl.basic dt, .formArea.spfull dl.basic dd {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .formArea.spfull dl.basic dt {
    margin-bottom: 0.5em;
  }
  .formArea.spfull dl.basic textarea, .formArea.spfull dl.basic .selectWrap, .formArea.spfull dl.basic select, .formArea.spfull dl.basic input[type=text], .formArea.spfull dl.basic input[type=email], .formArea.spfull dl.basic input[type=tel], .formArea.spfull dl.basic input[type=date], .formArea.spfull dl.basic input[type=password], .formArea.spfull dl.basic input[type=time] {
    border-radius: 0;
    width: 100%;
  }
  .formArea.spfull dl.basic input[type=radio] + label, .formArea.spfull dl.basic input[type=checkbox] + label {
    display: inline-block;
  }
  .formArea.spfull dl.basic ul.item li {
    margin: 8px 0 8px 0;
  }
}
/* sp */
/* Chrome */
::-webkit-input-placeholder {
  color: #666;
}

/* Firefox */
::-moz-placeholder {
  color: #666;
}

/* IE */
:-ms-input-placeholder {
  color: #666;
}

/*----------------------------------------------------------
	margin / position
--------------------------------------------------------- */
*.arrange-c {
  text-align: center;
}

*.arrange-l {
  text-align: left;
}

*.arrange-r {
  text-align: right;
}

@media screen and (max-width: 750px) {
  *.arrange-csp {
    text-align: center !important;
  }

  *.arrange-lsp {
    text-align: left !important;
  }

  *.arrange-rsp {
    text-align: right !important;
  }
}
/* sp */
*.bl-center {
  margin: auto;
}

*.bl-left {
  margin-right: auto;
  margin-left: 0 !important;
}

*.bl-right {
  margin-left: auto;
  margin-right: 0 !important;
}

*.height1em {
  min-height: 1em;
}

*.height1_5em {
  min-height: 1.5em;
}

*.height2em {
  min-height: 2em;
}

*.height2_5em {
  min-height: 2.5em;
}

*.height3em {
  min-height: 3em;
}

*.height3_5em {
  min-height: 3.5em;
}

*.height4em {
  min-height: 4em;
}

*.height4_5em {
  min-height: 4.5em;
}

*.height5em {
  min-height: 5em;
}

*.sp0 {
  margin: 0px !important;
}

*.sp5 {
  margin: 5px !important;
}

*.sp10 {
  margin: 10px !important;
}

*.sp15 {
  margin: 15px !important;
}

*.sp20 {
  margin: 20px !important;
}

*.sp25 {
  margin: 25px !important;
}

*.sp30 {
  margin: 30px !important;
}

*.sp40 {
  margin: 40px !important;
}

*.sp50 {
  margin: 50px !important;
}

*.sp60 {
  margin: 60px !important;
}

*.sp70 {
  margin: 70px !important;
}

*.sp80 {
  margin: 80px !important;
}

*.sp90 {
  margin: 90px !important;
}

*.sp-b1em {
  margin-bottom: 1em !important;
}

*.sp-b2em {
  margin-bottom: 2em !important;
}

*.sp-b3em {
  margin-bottom: 3em !important;
}

*.sp-t1em {
  margin-top: 1em !important;
}

*.sp-t2em {
  margin-top: 2em !important;
}

*.sp-t3em {
  margin-top: 3em !important;
}

*.sp-r1em {
  margin-right: 1em !important;
}

*.sp-r2em {
  margin-right: 2em !important;
}

*.sp-r3em {
  margin-right: 3em !important;
}

*.sp-l1em {
  margin-left: 1em !important;
}

*.sp-l2em {
  margin-left: 2em !important;
}

*.sp-l3em {
  margin-left: 3em !important;
}

*.sp-v0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

*.sp-v5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

*.sp-v10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

*.sp-v15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

*.sp-v20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

*.sp-v25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

*.sp-v30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

*.sp-v40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

*.sp-v50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

*.sp-v60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

*.sp-v70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

*.sp-v80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

*.sp-v90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

*.sp-t0 {
  margin-top: 0px !important;
}

*.sp-t5 {
  margin-top: 5px !important;
}

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

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

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

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

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

*.sp-t40 {
  margin-top: 40px !important;
}

*.sp-t50 {
  margin-top: 50px !important;
}

*.sp-t60 {
  margin-top: 60px !important;
}

*.sp-t70 {
  margin-top: 70px !important;
}

*.sp-t80 {
  margin-top: 80px !important;
}

*.sp-t90 {
  margin-top: 90px !important;
}

*.sp-b0 {
  margin-bottom: 0px !important;
}

*.sp-b5 {
  margin-bottom: 5px !important;
}

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

*.sp-b15 {
  margin-bottom: 15px !important;
}

*.sp-b20 {
  margin-bottom: 20px !important;
}

*.sp-b25 {
  margin-bottom: 25px !important;
}

*.sp-b30 {
  margin-bottom: 30px !important;
}

*.sp-b40 {
  margin-bottom: 40px !important;
}

*.sp-b50 {
  margin-bottom: 50px !important;
}

*.sp-b60 {
  margin-bottom: 60px !important;
}

*.sp-b70 {
  margin-bottom: 70px !important;
}

*.sp-b80 {
  margin-bottom: 80px !important;
}

*.sp-b90 {
  margin-bottom: 90px !important;
}

*.sp-r0 {
  margin-right: 0px !important;
}

*.sp-r5 {
  margin-right: 5px !important;
}

*.sp-r10 {
  margin-right: 10px !important;
}

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

*.sp-r20 {
  margin-right: 20px !important;
}

*.sp-r25 {
  margin-right: 25px !important;
}

*.sp-r30 {
  margin-right: 30px !important;
}

*.sp-r40 {
  margin-right: 40px !important;
}

*.sp-r50 {
  margin-right: 50px !important;
}

*.sp-r60 {
  margin-right: 60px !important;
}

*.sp-r70 {
  margin-right: 70px !important;
}

*.sp-r80 {
  margin-right: 80px !important;
}

*.sp-r90 {
  margin-right: 90px !important;
}

*.sp-l0 {
  margin-left: 0px !important;
}

*.sp-l5 {
  margin-left: 5px !important;
}

*.sp-l10 {
  margin-left: 10px !important;
}

*.sp-l15 {
  margin-left: 15px !important;
}

*.sp-l20 {
  margin-left: 20px !important;
}

*.sp-l25 {
  margin-left: 25px !important;
}

*.sp-l30 {
  margin-left: 30px !important;
}

*.sp-l40 {
  margin-left: 40px !important;
}

*.sp-l50 {
  margin-left: 50px !important;
}

*.sp-l60 {
  margin-left: 60px !important;
}

*.sp-l70 {
  margin-left: 70px !important;
}

*.sp-l80 {
  margin-left: 80px !important;
}

*.sp-l90 {
  margin-left: 90px !important;
}

*.sp-mt5 {
  margin-top: -5px !important;
}

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

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

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

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

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

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

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

*.sp-mb5 {
  margin-bottom: -5px !important;
}

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

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

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

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

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

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

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

*.sp-lr0 {
  margin-left: 0px !important;
  margin-left: 0px !important;
}

*.sp-lr5 {
  margin-left: 5px !important;
  margin-left: 5px !important;
}

*.sp-lr10 {
  margin-left: 10px !important;
  margin-left: 10px !important;
}

*.sp-lr15 {
  margin-left: 15px !important;
  margin-left: 15px !important;
}

*.sp-lr20 {
  margin-left: 20px !important;
  margin-left: 20px !important;
}

*.sp-lr25 {
  margin-left: 25px !important;
  margin-left: 25px !important;
}

*.sp-lr30 {
  margin-left: 30px !important;
  margin-left: 30px !important;
}

*.sp-lr40 {
  margin-left: 40px !important;
  margin-left: 40px !important;
}

*.sp-lr50 {
  margin-left: 50px !important;
  margin-left: 50px !important;
}

*.sp-lr60 {
  margin-left: 60px !important;
  margin-left: 60px !important;
}

*.sp-lr70 {
  margin-left: 70px !important;
  margin-left: 70px !important;
}

*.sp-lr80 {
  margin-left: 80px !important;
  margin-left: 80px !important;
}

*.sp-lr90 {
  margin-left: 90px !important;
  margin-left: 90px !important;
}

*.sp-lr3p {
  margin-right: 3% !important;
  margin-left: 3% !important;
}

*.sp-lr4p {
  margin-right: 4% !important;
  margin-left: 4% !important;
}

*.sp-lr5p {
  margin-right: 5% !important;
  margin-left: 5% !important;
}

*.sp-lr10p {
  margin-right: 10% !important;
  margin-left: 10% !important;
}

*.sp-lr15p {
  margin-right: 15% !important;
  margin-left: 15% !important;
}

*.sp-lr20p {
  margin-right: 20% !important;
  margin-left: 20% !important;
}

*.sp-lr30p {
  margin-right: 30% !important;
  margin-left: 30% !important;
}

* .w10p {
  width: 10% !important;
}

* .w20p {
  width: 20% !important;
}

* .w30p {
  width: 30% !important;
}

* .w40p {
  width: 40% !important;
}

* .w50p {
  width: 50% !important;
}

* .w60p {
  width: 60% !important;
}

* .w70p {
  width: 70% !important;
}

* .w80p {
  width: 80% !important;
}

* .w90p {
  width: 90% !important;
}

* .w100p {
  width: 100% !important;
}

*.pd0 {
  padding: 0px !important;
}

*.pd5 {
  padding: 5px !important;
}

*.pd10 {
  padding: 10px !important;
}

*.pd15 {
  padding: 15px !important;
}

*.pd20 {
  padding: 20px !important;
}

*.pd25 {
  padding: 25px !important;
}

*.pd30 {
  padding: 30px !important;
}

*.pd40 {
  padding: 40px !important;
}

*.pd50 {
  padding: 50px !important;
}

*.pd-lr5 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

*.pd-lr10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

*.pd-lr15 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

*.pd-lr20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

*.pd-lr25 {
  padding-right: 25px !important;
  padding-left: 25px !important;
}

*.pd-lr30 {
  padding-right: 30px !important;
  padding-left: 30px !important;
}

*.pd-lr40 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

*.pd-lr50 {
  padding-right: 50px !important;
  padding-left: 50px !important;
}

*.pd-lr3p {
  padding-right: 3% !important;
  padding-left: 3% !important;
}

*.pd-lr4p {
  padding-right: 4% !important;
  padding-left: 4% !important;
}

*.pd-lr5p {
  padding-right: 5% !important;
  padding-left: 5% !important;
}

*.pd-lr10p {
  padding-right: 10% !important;
  padding-left: 10% !important;
}

*.pd-lr15p {
  padding-right: 15% !important;
  padding-left: 15% !important;
}

*.pd-lr20p {
  padding-right: 20% !important;
  padding-left: 20% !important;
}

*.pd-lr30p {
  padding-right: 30% !important;
  padding-left: 30% !important;
}

*.pd-v5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

*.pd-v10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

*.pd-v15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

*.pd-v20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

*.pd-v25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

*.pd-v30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

*.pd-v40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

*.pd-v50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

*.pd-t0 {
  padding-top: 0px !important;
}

*.pd-t3 {
  padding-top: 3px !important;
}

*.pd-t5 {
  padding-top: 5px !important;
}

*.pd-t10 {
  padding-top: 10px !important;
}

*.pd-t15 {
  padding-top: 15px !important;
}

*.pd-t20 {
  padding-top: 20px !important;
}

*.pd-t25 {
  padding-top: 25px !important;
}

*.pd-t30 {
  padding-top: 30px !important;
}

*.pd-t40 {
  padding-top: 40px !important;
}

*.pd-t50 {
  padding-top: 50px !important;
}

*.pd-t60 {
  padding-top: 60px !important;
}

*.pd-t70 {
  padding-top: 70px !important;
}

*.pd-t80 {
  padding-top: 80px !important;
}

*.pd-t90 {
  padding-top: 90px !important;
}

*.pd-b0 {
  padding-bottom: 0px !important;
}

*.pd-b3 {
  padding-bottom: 3px !important;
}

*.pd-b5 {
  padding-bottom: 5px !important;
}

*.pd-b10 {
  padding-bottom: 10px !important;
}

*.pd-b15 {
  padding-bottom: 15px !important;
}

*.pd-b20 {
  padding-bottom: 20px !important;
}

*.pd-b25 {
  padding-bottom: 25px !important;
}

*.pd-b30 {
  padding-bottom: 30px !important;
}

*.pd-b40 {
  padding-bottom: 40px !important;
}

*.pd-b50 {
  padding-bottom: 50px !important;
}

*.pd-b60 {
  padding-bottom: 60px !important;
}

*.pd-b70 {
  padding-bottom: 70px !important;
}

*.pd-b80 {
  padding-bottom: 80px !important;
}

*.pd-b90 {
  padding-bottom: 90px !important;
}

*.pd-r0 {
  padding-right: 0px !important;
}

*.pd-r3 {
  padding-right: 3px !important;
}

*.pd-r5 {
  padding-right: 5px !important;
}

*.pd-r10 {
  padding-right: 10px !important;
}

*.pd-r15 {
  padding-right: 15px !important;
}

*.pd-r20 {
  padding-right: 20px !important;
}

*.pd-r25 {
  padding-right: 25px !important;
}

*.pd-r30 {
  padding-right: 30px !important;
}

*.pd-r40 {
  padding-right: 40px !important;
}

*.pd-r50 {
  padding-right: 50px !important;
}

*.pd-r60 {
  padding-right: 60px !important;
}

*.pd-r70 {
  padding-right: 70px !important;
}

*.pd-r80 {
  padding-right: 80px !important;
}

*.pd-r90 {
  padding-right: 90px !important;
}

*.pd-l0 {
  padding-left: 0px !important;
}

*.pd-l3 {
  padding-left: 3px !important;
}

*.pd-l5 {
  padding-left: 5px !important;
}

*.pd-l10 {
  padding-left: 10px !important;
}

*.pd-l15 {
  padding-left: 15px !important;
}

*.pd-l20 {
  padding-left: 20px !important;
}

*.pd-l25 {
  padding-left: 25px !important;
}

*.pd-l30 {
  padding-left: 30px !important;
}

*.pd-l40 {
  padding-left: 40px !important;
}

*.pd-l50 {
  padding-left: 50px !important;
}

*.pd-l60 {
  padding-left: 60px !important;
}

*.pd-l70 {
  padding-left: 70px !important;
}

*.pd-l80 {
  padding-left: 80px !important;
}

*.pd-l90 {
  padding-left: 90px !important;
}

.radius3 {
  border-radius: 3px !important;
}

.radius5 {
  border-radius: 5px !important;
}

.radius10 {
  border-radius: 10px !important;
}

.radius15 {
  border-radius: 15px !important;
}

.radius20 {
  border-radius: 20px !important;
}

.radius30 {
  border-radius: 30px !important;
}

.radius40 {
  border-radius: 40px !important;
}

.radius50 {
  border-radius: 50px !important;
}

.o-hidden {
  overflow: hidden !important;
}

.indent0 {
  margin-left: 0;
}

.indent1 {
  margin-left: 1em;
}

.nominW {
  min-width: auto !important;
}

.nominH {
  min-height: auto !important;
}

.nomaxW {
  max-width: auto !important;
}

.nomaxH {
  max-height: auto !important;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  .w10p-tb {
    width: 10% !important;
  }

  .w20p-tb {
    width: 20% !important;
  }

  .w30p-tb {
    width: 30% !important;
  }

  .w40p-tb {
    width: 40% !important;
  }

  .w50p-tb {
    width: 50% !important;
  }

  .w60p-tb {
    width: 60% !important;
  }

  .w70p-tb {
    width: 70% !important;
  }

  .w80p-tb {
    width: 80% !important;
  }

  .w90p-tb {
    width: 90% !important;
  }

  .w100p-tb {
    width: 100% !important;
  }

  *.sp0tb {
    margin: 0px !important;
  }

  *.sp5tb {
    margin: 5px !important;
  }

  *.sp10tb {
    margin: 10px !important;
  }

  *.sp15tb {
    margin: 15px !important;
  }

  *.sp20tb {
    margin: 20px !important;
  }

  *.sp25tb {
    margin: 25px !important;
  }

  *.sp30tb {
    margin: 30px !important;
  }

  *.sp40tb {
    margin: 40px !important;
  }

  *.sp50tb {
    margin: 50px !important;
  }

  *.sp60tb {
    margin: 60px !important;
  }

  *.sp70tb {
    margin: 70px !important;
  }

  *.sp80tb {
    margin: 80px !important;
  }

  *.sp90tb {
    margin: 90px !important;
  }

  *.sp-v0tb {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  *.sp-v5tb {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  *.sp-v10tb {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  *.sp-v15tb {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  *.sp-v20tb {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  *.sp-v25tb {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  *.sp-v30tb {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  *.sp-v40tb {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  *.sp-v50tb {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  *.sp-v60tb {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  *.sp-v70tb {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  *.sp-v80tb {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  *.sp-v90tb {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }

  *.sp-t0tb {
    margin-top: 0px !important;
  }

  *.sp-t5tb {
    margin-top: 5px !important;
  }

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

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

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

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

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

  *.sp-t40tb {
    margin-top: 40px !important;
  }

  *.sp-t50tb {
    margin-top: 50px !important;
  }

  *.sp-t60tb {
    margin-top: 60px !important;
  }

  *.sp-t70tb {
    margin-top: 70px !important;
  }

  *.sp-t80tb {
    margin-top: 80px !important;
  }

  *.sp-t90tb {
    margin-top: 90px !important;
  }

  *.sp-b0tb {
    margin-bottom: 0px !important;
  }

  *.sp-b5tb {
    margin-bottom: 5px !important;
  }

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

  *.sp-b15tb {
    margin-bottom: 15px !important;
  }

  *.sp-b20tb {
    margin-bottom: 20px !important;
  }

  *.sp-b25tb {
    margin-bottom: 25px !important;
  }

  *.sp-b30tb {
    margin-bottom: 30px !important;
  }

  *.sp-b40tb {
    margin-bottom: 40px !important;
  }

  *.sp-b50tb {
    margin-bottom: 50px !important;
  }

  *.sp-b60tb {
    margin-bottom: 60px !important;
  }

  *.sp-b70tb {
    margin-bottom: 70px !important;
  }

  *.sp-b80tb {
    margin-bottom: 80px !important;
  }

  *.sp-b90tb {
    margin-bottom: 90px !important;
  }

  *.sp-r0tb {
    margin-right: 0px !important;
  }

  *.sp-r5tb {
    margin-right: 5px !important;
  }

  *.sp-r10tb {
    margin-right: 10px !important;
  }

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

  *.sp-r20tb {
    margin-right: 20px !important;
  }

  *.sp-r25tb {
    margin-right: 25px !important;
  }

  *.sp-r30tb {
    margin-right: 30px !important;
  }

  *.sp-r40tb {
    margin-right: 40px !important;
  }

  *.sp-r50tb {
    margin-right: 50px !important;
  }

  *.sp-r60tb {
    margin-right: 60px !important;
  }

  *.sp-r70tb {
    margin-right: 70px !important;
  }

  *.sp-r80tb {
    margin-right: 80px !important;
  }

  *.sp-r90tb {
    margin-right: 90px !important;
  }

  *.sp-l0tb {
    margin-left: 0px !important;
  }

  *.sp-l5tb {
    margin-left: 5px !important;
  }

  *.sp-l10tb {
    margin-left: 10px !important;
  }

  *.sp-l15tb {
    margin-left: 15px !important;
  }

  *.sp-l20tb {
    margin-left: 20px !important;
  }

  *.sp-l25tb {
    margin-left: 25px !important;
  }

  *.sp-l30tb {
    margin-left: 30px !important;
  }

  *.sp-l40tb {
    margin-left: 40px !important;
  }

  *.sp-l50tb {
    margin-left: 50px !important;
  }

  *.sp-l60tb {
    margin-left: 60px !important;
  }

  *.sp-l70tb {
    margin-left: 70px !important;
  }

  *.sp-l80tb {
    margin-left: 80px !important;
  }

  *.sp-l90tb {
    margin-left: 90px !important;
  }

  *.sp-mt5tb {
    margin-top: -5px !important;
  }

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

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

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

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

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

  *.sp-mt40tb {
    margin-top: -40px !important;
  }

  *.sp-mt50tb {
    margin-top: -50px !important;
  }

  *.sp-mb5tb {
    margin-bottom: -5px !important;
  }

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

  *.sp-mb15tb {
    margin-bottom: -15px !important;
  }

  *.sp-mb20tb {
    margin-bottom: -20px !important;
  }

  *.sp-mb25tb {
    margin-bottom: -25px !important;
  }

  *.sp-mb30tb {
    margin-bottom: -30px !important;
  }

  *.sp-mb40tb {
    margin-bottom: -40px !important;
  }

  *.sp-mb50tb {
    margin-bottom: -50px !important;
  }

  *.sp-lr0tb {
    margin-left: 0px !important;
    margin-left: 0px !important;
  }

  *.sp-lr5tb {
    margin-left: 5px !important;
    margin-left: 5px !important;
  }

  *.sp-lr10tb {
    margin-left: 10px !important;
    margin-left: 10px !important;
  }

  *.sp-lr15tb {
    margin-left: 15px !important;
    margin-left: 15px !important;
  }

  *.sp-lr20tb {
    margin-left: 20px !important;
    margin-left: 20px !important;
  }

  *.sp-lr25tb {
    margin-left: 25px !important;
    margin-left: 25px !important;
  }

  *.sp-lr30tb {
    margin-left: 30px !important;
    margin-left: 30px !important;
  }

  *.sp-lr40tb {
    margin-left: 40px !important;
    margin-left: 40px !important;
  }

  *.sp-lr50tb {
    margin-left: 50px !important;
    margin-left: 50px !important;
  }

  *.sp-lr60tb {
    margin-left: 60px !important;
    margin-left: 60px !important;
  }

  *.sp-lr70tb {
    margin-left: 70px !important;
    margin-left: 70px !important;
  }

  *.sp-lr80tb {
    margin-left: 80px !important;
    margin-left: 80px !important;
  }

  *.sp-lr90tb {
    margin-left: 90px !important;
    margin-left: 90px !important;
  }

  *.sp-lr3p-tb {
    margin-right: 3% !important;
    margin-left: 3% !important;
  }

  *.sp-lr4p-tb {
    margin-right: 4% !important;
    margin-left: 4% !important;
  }

  *.sp-lr5p-tb {
    margin-right: 5% !important;
    margin-left: 5% !important;
  }

  *.sp-lr10p-tb {
    margin-right: 10% !important;
    margin-left: 10% !important;
  }

  *.sp-lr15p-tb {
    margin-right: 15% !important;
    margin-left: 15% !important;
  }

  *.sp-lr20p-tb {
    margin-right: 20% !important;
    margin-left: 20% !important;
  }

  *.sp-lr30p-tb {
    margin-right: 30% !important;
    margin-left: 30% !important;
  }

  *.pd0tb {
    padding: 0px !important;
  }

  *.pd5tb {
    padding: 5px !important;
  }

  *.pd10tb {
    padding: 10px !important;
  }

  *.pd15tb {
    padding: 15px !important;
  }

  *.pd20tb {
    padding: 20px !important;
  }

  *.pd25tb {
    padding: 25px !important;
  }

  *.pd30tb {
    padding: 30px !important;
  }

  *.pd40tb {
    padding: 40px !important;
  }

  *.pd50tb {
    padding: 50px !important;
  }

  *.pd-lr5tb {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }

  *.pd-lr10tb {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  *.pd-lr15tb {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  *.pd-lr20tb {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  *.pd-lr25tb {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }

  *.pd-lr30tb {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }

  *.pd-lr40tb {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }

  *.pd-lr50tb {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }

  *.pd-lr3ptb {
    padding-right: 3% !important;
    padding-left: 3% !important;
  }

  *.pd-lr4ptb {
    padding-right: 4% !important;
    padding-left: 4% !important;
  }

  *.pd-lr5ptb {
    padding-right: 5% !important;
    padding-left: 5% !important;
  }

  *.pd-lr10ptb {
    padding-right: 10% !important;
    padding-left: 10% !important;
  }

  *.pd-lr15ptb {
    padding-right: 15% !important;
    padding-left: 15% !important;
  }

  *.pd-lr20ptb {
    padding-right: 20% !important;
    padding-left: 20% !important;
  }

  *.pd-lr30ptb {
    padding-right: 30% !important;
    padding-left: 30% !important;
  }

  *.pd-v0tb {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  *.pd-v5tb {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  *.pd-v10tb {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  *.pd-v15tb {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  *.pd-v20tb {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  *.pd-v25tb {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  *.pd-v30tb {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  *.pd-v40tb {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  *.pd-v50tb {
    padding-top: 50px !important;
    padding-bottom: 50px;
  }

  *.pd-t0tb {
    padding-top: 0px !important;
  }

  *.pd-t3tb {
    padding-top: 3px !important;
  }

  *.pd-t5tb {
    padding-top: 5px !important;
  }

  *.pd-t10tb {
    padding-top: 10px !important;
  }

  *.pd-t15tb {
    padding-top: 15px !important;
  }

  *.pd-t20tb {
    padding-top: 20px !important;
  }

  *.pd-t25tb {
    padding-top: 25px !important;
  }

  *.pd-t30tb {
    padding-top: 30px !important;
  }

  *.pd-t40tb {
    padding-top: 40px !important;
  }

  *.pd-t50tb {
    padding-top: 50px !important;
  }

  *.pd-t60tb {
    padding-top: 60px !important;
  }

  *.pd-t70tb {
    padding-top: 70px !important;
  }

  *.pd-t80tb {
    padding-top: 80px !important;
  }

  *.pd-t90tb {
    padding-top: 90px !important;
  }

  *.pd-b0tb {
    padding-bottom: 0px !important;
  }

  *.pd-b3tb {
    padding-bottom: 3px !important;
  }

  *.pd-b5tb {
    padding-bottom: 5px !important;
  }

  *.pd-b10tb {
    padding-bottom: 10px !important;
  }

  *.pd-b15tb {
    padding-bottom: 15px !important;
  }

  *.pd-b20tb {
    padding-bottom: 20px !important;
  }

  *.pd-b25tb {
    padding-bottom: 25px !important;
  }

  *.pd-b30tb {
    padding-bottom: 30px !important;
  }

  *.pd-b40tb {
    padding-bottom: 40px !important;
  }

  *.pd-b50tb {
    padding-bottom: 50px !important;
  }

  *.pd-b60tb {
    padding-bottom: 60px !important;
  }

  *.pd-b70tb {
    padding-bottom: 70px !important;
  }

  *.pd-b80tb {
    padding-bottom: 80px !important;
  }

  *.pd-b90tb {
    padding-bottom: 90px !important;
  }

  *.pd-r0tb {
    padding-right: 0px !important;
  }

  *.pd-r3tb {
    padding-right: 3px !important;
  }

  *.pd-r5tb {
    padding-right: 5px !important;
  }

  *.pd-r10tb {
    padding-right: 10px !important;
  }

  *.pd-r15tb {
    padding-right: 15px !important;
  }

  *.pd-r20tb {
    padding-right: 20px !important;
  }

  *.pd-r25tb {
    padding-right: 25px !important;
  }

  *.pd-r30tb {
    padding-right: 30px !important;
  }

  *.pd-r40tb {
    padding-right: 40px !important;
  }

  *.pd-r50tb {
    padding-right: 50px !important;
  }

  *.pd-r60tb {
    padding-right: 60px !important;
  }

  *.pd-r70tb {
    padding-right: 70px !important;
  }

  *.pd-r80tb {
    padding-right: 80px !important;
  }

  *.pd-r90tb {
    padding-right: 90px !important;
  }

  *.pd-l0tb {
    padding-left: 0px !important;
  }

  *.pd-l3tb {
    padding-left: 3px !important;
  }

  *.pd-l5tb {
    padding-left: 5px !important;
  }

  *.pd-l10tb {
    padding-left: 10px !important;
  }

  *.pd-l15tb {
    padding-left: 15px !important;
  }

  *.pd-l20tb {
    padding-left: 20px !important;
  }

  *.pd-l25tb {
    padding-left: 25px !important;
  }

  *.pd-l30tb {
    padding-left: 30px !important;
  }

  *.pd-l40tb {
    padding-left: 40px !important;
  }

  *.pd-l50tb {
    padding-left: 50px !important;
  }

  *.pd-l60tb {
    padding-left: 60px !important;
  }

  *.pd-l70tb {
    padding-left: 70px !important;
  }

  *.pd-l80tb {
    padding-left: 80px !important;
  }

  *.pd-l90tb {
    padding-left: 90px !important;
  }
}
/* tablet */
@media screen and (max-width: 750px) {
  .w10p-sp {
    width: 10% !important;
  }

  .w20p-sp {
    width: 20% !important;
  }

  .w30p-sp {
    width: 30% !important;
  }

  .w40p-sp {
    width: 40% !important;
  }

  .w50p-sp {
    width: 50% !important;
  }

  .w60p-sp {
    width: 60% !important;
  }

  .w70p-sp {
    width: 70% !important;
  }

  .w80p-sp {
    width: 80% !important;
  }

  .w90p-sp {
    width: 90% !important;
  }

  .w100p-sp {
    width: 100% !important;
  }

  *.sp0sp {
    margin: 0px !important;
  }

  *.sp5sp {
    margin: 5px !important;
  }

  *.sp10sp {
    margin: 10px !important;
  }

  *.sp15sp {
    margin: 15px !important;
  }

  *.sp20sp {
    margin: 20px !important;
  }

  *.sp25sp {
    margin: 25px !important;
  }

  *.sp30sp {
    margin: 30px !important;
  }

  *.sp40sp {
    margin: 40px !important;
  }

  *.sp50sp {
    margin: 50px !important;
  }

  *.sp60sp {
    margin: 60px !important;
  }

  *.sp70sp {
    margin: 70px !important;
  }

  *.sp80sp {
    margin: 80px !important;
  }

  *.sp90sp {
    margin: 90px !important;
  }

  *.sp-v0sp {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  *.sp-v5sp {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  *.sp-v10sp {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  *.sp-v15sp {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  *.sp-v20sp {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  *.sp-v25sp {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  *.sp-v30sp {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  *.sp-v40sp {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  *.sp-v50sp {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  *.sp-v60sp {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  *.sp-v70sp {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  *.sp-v80sp {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  *.sp-v90sp {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }

  *.sp-t0sp {
    margin-top: 0px !important;
  }

  *.sp-t5sp {
    margin-top: 5px !important;
  }

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

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

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

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

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

  *.sp-t40sp {
    margin-top: 40px !important;
  }

  *.sp-t50sp {
    margin-top: 50px !important;
  }

  *.sp-t60sp {
    margin-top: 60px !important;
  }

  *.sp-t70sp {
    margin-top: 70px !important;
  }

  *.sp-t80sp {
    margin-top: 80px !important;
  }

  *.sp-t90sp {
    margin-top: 90px !important;
  }

  *.sp-b0sp {
    margin-bottom: 0px !important;
  }

  *.sp-b5sp {
    margin-bottom: 5px !important;
  }

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

  *.sp-b15sp {
    margin-bottom: 15px !important;
  }

  *.sp-b20sp {
    margin-bottom: 20px !important;
  }

  *.sp-b25sp {
    margin-bottom: 25px !important;
  }

  *.sp-b30sp {
    margin-bottom: 30px !important;
  }

  *.sp-b40sp {
    margin-bottom: 40px !important;
  }

  *.sp-b50sp {
    margin-bottom: 50px !important;
  }

  *.sp-b60sp {
    margin-bottom: 60px !important;
  }

  *.sp-b70sp {
    margin-bottom: 70px !important;
  }

  *.sp-b80sp {
    margin-bottom: 80px !important;
  }

  *.sp-b90sp {
    margin-bottom: 90px !important;
  }

  *.sp-r0sp {
    margin-right: 0px !important;
  }

  *.sp-r5sp {
    margin-right: 5px !important;
  }

  *.sp-r10sp {
    margin-right: 10px !important;
  }

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

  *.sp-r20sp {
    margin-right: 20px !important;
  }

  *.sp-r25sp {
    margin-right: 25px !important;
  }

  *.sp-r30sp {
    margin-right: 30px !important;
  }

  *.sp-r40sp {
    margin-right: 40px !important;
  }

  *.sp-r50sp {
    margin-right: 50px !important;
  }

  *.sp-r60sp {
    margin-right: 60px !important;
  }

  *.sp-r70sp {
    margin-right: 70px !important;
  }

  *.sp-r80sp {
    margin-right: 80px !important;
  }

  *.sp-r90sp {
    margin-right: 90px !important;
  }

  *.sp-l0sp {
    margin-left: 0px !important;
  }

  *.sp-l5sp {
    margin-left: 5px !important;
  }

  *.sp-l10sp {
    margin-left: 10px !important;
  }

  *.sp-l15sp {
    margin-left: 15px !important;
  }

  *.sp-l20sp {
    margin-left: 20px !important;
  }

  *.sp-l25sp {
    margin-left: 25px !important;
  }

  *.sp-l30sp {
    margin-left: 30px !important;
  }

  *.sp-l40sp {
    margin-left: 40px !important;
  }

  *.sp-l50sp {
    margin-left: 50px !important;
  }

  *.sp-l60sp {
    margin-left: 60px !important;
  }

  *.sp-l70sp {
    margin-left: 70px !important;
  }

  *.sp-l80sp {
    margin-left: 80px !important;
  }

  *.sp-l90sp {
    margin-left: 90px !important;
  }

  *.sp-mt5sp {
    margin-top: -5px !important;
  }

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

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

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

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

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

  *.sp-mt40sp {
    margin-top: -40px !important;
  }

  *.sp-mt50sp {
    margin-top: -50px !important;
  }

  *.sp-mb5sp {
    margin-bottom: -5px !important;
  }

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

  *.sp-mb15sp {
    margin-bottom: -15px !important;
  }

  *.sp-mb20sp {
    margin-bottom: -20px !important;
  }

  *.sp-mb25sp {
    margin-bottom: -25px !important;
  }

  *.sp-mb30sp {
    margin-bottom: -30px !important;
  }

  *.sp-mb40sp {
    margin-bottom: -40px !important;
  }

  *.sp-mb50sp {
    margin-bottom: -50px !important;
  }

  *.sp-lr0sp {
    margin-left: 0px !important;
    margin-left: 0px !important;
  }

  *.sp-lr5sp {
    margin-left: 5px !important;
    margin-left: 5px !important;
  }

  *.sp-lr10sp {
    margin-left: 10px !important;
    margin-left: 10px !important;
  }

  *.sp-lr15sp {
    margin-left: 15px !important;
    margin-left: 15px !important;
  }

  *.sp-lr20sp {
    margin-left: 20px !important;
    margin-left: 20px !important;
  }

  *.sp-lr25sp {
    margin-left: 25px !important;
    margin-left: 25px !important;
  }

  *.sp-lr30sp {
    margin-left: 30px !important;
    margin-left: 30px !important;
  }

  *.sp-lr40sp {
    margin-left: 40px !important;
    margin-left: 40px !important;
  }

  *.sp-lr50sp {
    margin-left: 50px !important;
    margin-left: 50px !important;
  }

  *.sp-lr60sp {
    margin-left: 60px !important;
    margin-left: 60px !important;
  }

  *.sp-lr70sp {
    margin-left: 70px !important;
    margin-left: 70px !important;
  }

  *.sp-lr80sp {
    margin-left: 80px !important;
    margin-left: 80px !important;
  }

  *.sp-lr90sp {
    margin-left: 90px !important;
    margin-left: 90px !important;
  }

  *.sp-lr3p-sp {
    margin-right: 3% !important;
    margin-left: 3% !important;
  }

  *.sp-lr4p-sp {
    margin-right: 4% !important;
    margin-left: 4% !important;
  }

  *.sp-lr5p-sp {
    margin-right: 5% !important;
    margin-left: 5% !important;
  }

  *.sp-lr10p-sp {
    margin-right: 10% !important;
    margin-left: 10% !important;
  }

  *.sp-lr15p-sp {
    margin-right: 15% !important;
    margin-left: 15% !important;
  }

  *.sp-lr20p-sp {
    margin-right: 20% !important;
    margin-left: 20% !important;
  }

  *.sp-lr30p-sp {
    margin-right: 30% !important;
    margin-left: 30% !important;
  }

  *.pd0sp {
    padding: 0px !important;
  }

  *.pd5sp {
    padding: 5px !important;
  }

  *.pd10sp {
    padding: 10px !important;
  }

  *.pd15sp {
    padding: 15px !important;
  }

  *.pd20sp {
    padding: 20px !important;
  }

  *.pd25sp {
    padding: 25px !important;
  }

  *.pd30sp {
    padding: 30px !important;
  }

  *.pd40sp {
    padding: 40px !important;
  }

  *.pd50sp {
    padding: 50px !important;
  }

  *.pd-lr5sp {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }

  *.pd-lr10sp {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  *.pd-lr15sp {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  *.pd-lr20sp {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  *.pd-lr25sp {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }

  *.pd-lr30sp {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }

  *.pd-lr40sp {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }

  *.pd-lr50sp {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }

  *.pd-lr3psp {
    padding-right: 3% !important;
    padding-left: 3% !important;
  }

  *.pd-lr4psp {
    padding-right: 4% !important;
    padding-left: 4% !important;
  }

  *.pd-lr5psp {
    padding-right: 5% !important;
    padding-left: 5% !important;
  }

  *.pd-lr10psp {
    padding-right: 10% !important;
    padding-left: 10% !important;
  }

  *.pd-lr15psp {
    padding-right: 15% !important;
    padding-left: 15% !important;
  }

  *.pd-lr20psp {
    padding-right: 20% !important;
    padding-left: 20% !important;
  }

  *.pd-lr30psp {
    padding-right: 30% !important;
    padding-left: 30% !important;
  }

  *.pd-v0sp {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  *.pd-v5sp {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  *.pd-v10sp {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  *.pd-v15sp {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  *.pd-v20sp {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  *.pd-v25sp {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  *.pd-v30sp {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  *.pd-v40sp {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  *.pd-v50sp {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  *.pd-t0sp {
    padding-top: 0px !important;
  }

  *.pd-t3sp {
    padding-top: 3px !important;
  }

  *.pd-t5sp {
    padding-top: 5px !important;
  }

  *.pd-t10sp {
    padding-top: 10px !important;
  }

  *.pd-t15sp {
    padding-top: 15px !important;
  }

  *.pd-t20sp {
    padding-top: 20px !important;
  }

  *.pd-t25sp {
    padding-top: 25px !important;
  }

  *.pd-t30sp {
    padding-top: 30px !important;
  }

  *.pd-t40sp {
    padding-top: 40px !important;
  }

  *.pd-t50sp {
    padding-top: 50px !important;
  }

  *.pd-t60sp {
    padding-top: 60px !important;
  }

  *.pd-t70sp {
    padding-top: 70px !important;
  }

  *.pd-t80sp {
    padding-top: 80px !important;
  }

  *.pd-t90sp {
    padding-top: 90px !important;
  }

  *.pd-b0sp {
    padding-bottom: 0px !important;
  }

  *.pd-b3sp {
    padding-bottom: 3px !important;
  }

  *.pd-b5sp {
    padding-bottom: 5px !important;
  }

  *.pd-b10sp {
    padding-bottom: 10px !important;
  }

  *.pd-b15sp {
    padding-bottom: 15px !important;
  }

  *.pd-b20sp {
    padding-bottom: 20px !important;
  }

  *.pd-b25sp {
    padding-bottom: 25px !important;
  }

  *.pd-b30sp {
    padding-bottom: 30px !important;
  }

  *.pd-b40sp {
    padding-bottom: 40px !important;
  }

  *.pd-b50sp {
    padding-bottom: 50px !important;
  }

  *.pd-b60sp {
    padding-bottom: 60px !important;
  }

  *.pd-b70sp {
    padding-bottom: 70px !important;
  }

  *.pd-b80sp {
    padding-bottom: 80px !important;
  }

  *.pd-b90sp {
    padding-bottom: 90px !important;
  }

  *.pd-r0sp {
    padding-right: 0px !important;
  }

  *.pd-r3sp {
    padding-right: 3px !important;
  }

  *.pd-r5sp {
    padding-right: 5px !important;
  }

  *.pd-r10sp {
    padding-right: 10px !important;
  }

  *.pd-r15sp {
    padding-right: 15px !important;
  }

  *.pd-r20sp {
    padding-right: 20px !important;
  }

  *.pd-r25sp {
    padding-right: 25px !important;
  }

  *.pd-r30sp {
    padding-right: 30px !important;
  }

  *.pd-r40sp {
    padding-right: 40px !important;
  }

  *.pd-r50sp {
    padding-right: 50px !important;
  }

  *.pd-r60sp {
    padding-right: 60px !important;
  }

  *.pd-r70sp {
    padding-right: 70px !important;
  }

  *.pd-r80sp {
    padding-right: 80px !important;
  }

  *.pd-r90sp {
    padding-right: 90px !important;
  }

  *.pd-l0sp {
    padding-left: 0px !important;
  }

  *.pd-l3sp {
    padding-left: 3px !important;
  }

  *.pd-l5sp {
    padding-left: 5px !important;
  }

  *.pd-l10sp {
    padding-left: 10px !important;
  }

  *.pd-l15sp {
    padding-left: 15px !important;
  }

  *.pd-l20sp {
    padding-left: 20px !important;
  }

  *.pd-l25sp {
    padding-left: 25px !important;
  }

  *.pd-l30sp {
    padding-left: 30px !important;
  }

  *.pd-l40sp {
    padding-left: 40px !important;
  }

  *.pd-l50sp {
    padding-left: 50px !important;
  }

  *.pd-l60sp {
    padding-left: 60px !important;
  }

  *.pd-l70sp {
    padding-left: 70px !important;
  }

  *.pd-l80sp {
    padding-left: 80px !important;
  }

  *.pd-l90sp {
    padding-left: 90px !important;
  }
}
/* sp */
.lineh0 {
  line-height: 0;
}

.lineh1 {
  line-height: 1;
}

.lineh1-5 {
  line-height: 1.5;
}

.lineh2 {
  line-height: 2;
}

.lineh3 {
  line-height: 3;
}

.maxW-none {
  max-width: none !important;
}

.maxH-none {
  max-height: none !important;
}

.minW-none {
  min-width: none !important;
}

.minH-none {
  min-height: none !important;
}

.disp_block {
  display: block !important;
}

.disp_inlineblock {
  display: inline-block !important;
}

.disp_inline {
  display: inline !important;
}

.wordbreak {
  word-break: break-all !important;
}

/* tablet */
@media screen and (min-width: 751px) and (max-width: 1024px) {
  .tb-block {
    display: block !important;
  }

  .tb-inline-block {
    display: inline-block !important;
  }

  .tb-inline {
    display: inline !important;
  }
}
/* tablet */
@media screen and (max-width: 750px) {
  .sp-block {
    display: block !important;
  }

  .sp-inline-block {
    display: inline-block !important;
  }

  .sp-inline {
    display: inline !important;
  }
}
/* sp */
/*----------------------------------------------------------
	animation
--------------------------------------------------------- */
a.hov_ul, .hov_ul a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

a.hov_ul::after, .hov_ul a:after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: "";
  width: 100%;
  height: 2px;
  background: #aaa;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

a.hov_ul:hover::after, .hov_ul a:hover:after {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

/*----------------------------------------------------------
	script
--------------------------------------------------------- */
.simpletoggle .head4 {
  margin: 0;
}
.simpletoggle .parent {
  cursor: pointer;
  border-top: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
  position: relative;
  padding: 14px 60px 14px 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.simpletoggle .parent.simpleArrow {
  border: none;
  color: #cc0000;
  padding: 3px;
  display: inline-block;
  line-height: 1.3;
}
.simpletoggle .parent.simpleArrow:before {
  font-family: "yubin";
  content: "\f107";
  color: #cc0000;
  margin-right: 0.5em;
  font-size: inherit;
  position: static;
  height: auto;
}
.simpletoggle .parent.simpleArrow.active {
  border: none;
}
.simpletoggle .parent.simpleArrow.active:before {
  font-family: "yubin";
  content: "\f106";
}
.simpletoggle .parent:hover {
  background: #FAECEA;
}
.simpletoggle .parent:before {
  font-family: "yubin";
  content: "\e910";
  color: #cc0000;
  position: absolute;
  right: 10px;
  font-size: 40px;
  height: 40px;
  margin: auto;
  top: 0;
  bottom: 0;
  line-height: 1;
}
.simpletoggle .parent + * {
  display: none;
}
.simpletoggle .parent.active {
  border-top: 1px solid #c8c8c8;
}
.simpletoggle .parent.active:before {
  content: "\e915";
}
.simpletoggle.hovWhite .parent:hover {
  background: #FFF;
}

.simpletoggle + .simpletoggle .parent {
  border-top: 0;
  margin-top: 0;
}

.simpletoggle + .simpletoggle .parent.active + .child {
  border-bottom: 1px solid #c8c8c8;
}

.simpletoggleUP .child {
  display: none;
}
.simpletoggleUP .parent .btnM {
  font-size: 1rem;
  padding: 1.1em 2em;
  display: inline-block;
  background: #cc0000;
  color: #FFF;
  border-radius: 5px;
  cursor: pointer;
  margin: 15px auto;
  min-width: 30%;
  position: relative;
}
.simpletoggleUP .parent .btnM:before {
  font-family: "yubin";
  content: "+";
  color: #FFF;
  position: absolute;
  right: 10px;
  font-size: 24px;
  height: 24px;
  margin: auto;
  top: 0;
  bottom: 0;
  line-height: 1;
}
.simpletoggleUP .parent.active .btnM {
  background: #646464;
}
.simpletoggleUP .parent.active .btnM:before {
  content: "-";
}

@media screen and (max-width: 750px) {
  .simpletoggle .head4, .simpletoggleUP .head4 {
    margin: 0;
    font-size: 1em;
  }
  .simpletoggle .parent .btnM, .simpletoggleUP .parent .btnM {
    min-width: auto;
    width: 80%;
  }
  .simpletoggle .parent .btnM:before, .simpletoggleUP .parent .btnM:before {
    font-size: 1.3em;
    height: 1.3em;
    top: 0.2em;
  }
}
/* sp */
/* tooltip */
.tooltipBox {
  position: relative;
}
.tooltipBox label {
  display: inline-block !important;
}
.tooltipBox .label {
  cursor: pointer;
}
.tooltipBox .label:before {
  font-family: "yubin";
  content: "\e991";
  color: #cc0000;
  font-size: 25px;
  top: 5px;
  position: relative;
}
.tooltipBox .tooltip {
  background: #FFF;
  position: absolute;
  z-index: 10;
  border: #cc0000 1px solid;
  white-space: normal !important;
  padding: 16px 12px 14px;
  font-size: 0.8rem;
  width: 35vw;
  -webkit-transform: translate(0, 5px);
          transform: translate(0, 5px);
  display: none;
  cursor: pointer;
}
.tooltipBox .tooltip p:last-of-type {
  margin-bottom: 0;
}
.tooltipBox .tooltip a:hover {
  text-decoration: underline;
}
.tooltipBox .tooltip:after {
  cursor: pointer;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 12px;
  position: absolute;
  right: -7px;
  top: 2px;
  margin-top: -8px;
  font-family: "yubin";
  content: "\e912";
  color: #FFF;
  line-height: 1;
  background: #a0a0a0;
  padding: 3px 0 0 4px;
  font-size: 15px;
}

@media screen and (max-width: 750px) {
  .tooltipBox .tooltip {
    left: 0;
    width: 70vw;
  }
  .tooltipBox .arrange-r.more a {
    font-size: inherit;
  }
}
/* sp */
/*----------------------------------------------------------
	Font
--------------------------------------------------------- */
/*  iconfont
----------------------------------------------- */
.yic:before {
  font-family: "yubin";
  font-size: 170%;
  position: relative;
  top: 0.15em;
  margin-right: 0.2em;
}

.yic.sizeS:before {
  font-size: 150% !important;
}

.yic.icored:before {
  color: #cc0000 !important;
}

.yic-jpf-postsearch:before {
  content: "\e989" !important;
  color: #be1a20;
}

.yic-jpf-tracking2:before {
  content: "\e98a" !important;
  color: #be1a20;
}

.yic-jpf-zipsearch:before {
  content: "\e98b" !important;
  color: #be1a20;
}

.yic-jpf-receive2:before {
  content: "\e98c" !important;
  color: #be1a20;
}

.yic-jpf-send2:before {
  content: "\e98d" !important;
  color: #be1a20;
}

.yic-jpf-compare2:before {
  content: "\e98e" !important;
  color: #be1a20;
}

.yic-jpf-delidays:before {
  content: "\e98f" !important;
  color: #be1a20;
}

.yic-jpf-redeli:before {
  content: "\e990" !important;
  color: #be1a20;
}

.yic-minus:before {
  content: "\f068" !important;
}

.yic-search1:before {
  content: "\f002" !important;
}

.yic-star:before {
  content: "\f005" !important;
}

.yic-caret-down:before {
  content: "\f0d7" !important;
}

.yic-caret-up:before {
  content: "\f0d8" !important;
}

.yic-caret-left:before {
  content: "\f0d9" !important;
}

.yic-caret-right:before {
  content: "\f0da" !important;
}

.yic-angle-double-left:before {
  content: "\f100" !important;
}

.yic-angle-double-right:before {
  content: "\f101" !important;
}

.yic-angle-double-up:before {
  content: "\f102" !important;
}

.yic-angle-double-down:before {
  content: "\f103" !important;
}

.yic-angle-left:before {
  content: "\f104" !important;
}

.yic-angle-right:before {
  content: "\f105" !important;
}

.yic-angle-up:before {
  content: "\f106" !important;
}

.yic-angle-down:before {
  content: "\f107" !important;
}

.yic-long-arrow-down:before {
  content: "\f175" !important;
}

.yic-long-arrow-up:before {
  content: "\f176" !important;
}

.yic-long-arrow-left:before {
  content: "\f177" !important;
}

.yic-long-arrow-right:before {
  content: "\f178" !important;
}

.yic-jpf-kitte_hagaki:before {
  content: "\e93c" !important;
  color: #c00;
}

.yic-jpf-yp-hagaki:before {
  content: "\e951" !important;
  color: #c00;
}

.yic-jpf-yp-hukusu:before {
  content: "\e952" !important;
  color: #c00;
}

.yic-jpf-yp-keizoku:before {
  content: "\e953" !important;
  color: #c00;
}

.yic-jpf-yp-kitte:before {
  content: "\e954" !important;
  color: #c00;
}

.yic-jpf-yp-lp:before {
  content: "\e955" !important;
  color: #c00;
}

.yic-jpf-yp-mochikomi:before {
  content: "\e956" !important;
  color: #c00;
}

.yic-jpf-yp-office:before {
  content: "\e957" !important;
  color: #c00;
}

.yic-jpf-yp-pack:before {
  content: "\e958" !important;
  color: #c00;
}

.yic-jpf-yp-send:before {
  content: "\e959" !important;
  color: #c00;
}

.yic-jpf-yp-sl:before {
  content: "\e95a" !important;
  color: #c00;
}

.yic-jpf-cat6:before {
  content: "\e95b" !important;
  color: #c00;
}

.yic-jpf-yp-animal:before {
  content: "\e95c" !important;
  color: #c00;
}

.yic-jpf-yp-app:before {
  content: "\e95d" !important;
  color: #c00;
}

.yic-jpf-yp-baku:before {
  content: "\e95e" !important;
  color: #c00;
}

.yic-jpf-yp-doku:before {
  content: "\e95f" !important;
  color: #c00;
}

.yic-jpf-yp-douitsu:before {
  content: "\e960" !important;
  color: #c00;
}

.yic-jpf-yp-genkin:before {
  content: "\e961" !important;
  color: #c00;
}

.yic-jpf-yp-kin:before {
  content: "\e962" !important;
  color: #c00;
}

.yic-jpf-yp-kinshi:before {
  content: "\e963" !important;
  color: #c00;
}

.yic-jpf-yp-kojin:before {
  content: "\e964" !important;
  color: #c00;
}

.yic-jpf-yp-shinsho:before {
  content: "\e965" !important;
  color: #c00;
}

.yic-jpf-50on:before {
  content: "\e966" !important;
  color: #c00;
}

.yic-jpf-cat1:before {
  content: "\e967" !important;
  color: #c00;
}

.yic-jpf-cat2:before {
  content: "\e968" !important;
  color: #c00;
}

.yic-jpf-cat3:before {
  content: "\e969" !important;
  color: #c00;
}

.yic-jpf-cat4:before {
  content: "\e96a" !important;
  color: #c00;
}

.yic-jpf-cat5:before {
  content: "\e96b" !important;
  color: #c00;
}

.yic-jpf-koushin:before {
  content: "\e96c" !important;
  color: #c00;
}

.yic-jpf-new:before {
  content: "\e96d" !important;
  color: #c00;
}

.yic-jpf-old:before {
  content: "\e96e" !important;
  color: #c00;
}

.yic-jpf-other:before {
  content: "\e96f" !important;
  color: #c00;
}

.yic-jpf-rss:before {
  content: "\e970" !important;
  color: #c00;
}

.yic-jpf-service:before {
  content: "\e971" !important;
  color: #c00;
}

.yic-jpf-weight_size:before {
  content: "\e972" !important;
  color: #c00;
}

.yic-jpf-benri:before {
  content: "\e973" !important;
  color: #c00;
}

.yic-jpf-biz5:before {
  content: "\e974" !important;
  color: #c00;
}

.yic-jpf-biz6:before {
  content: "\e975" !important;
  color: #c00;
}

.yic-jpf-daibiki:before {
  content: "\e976" !important;
  color: #c00;
}

.yic-jpf-honningentei:before {
  content: "\e977" !important;
  color: #c00;
}

.yic-jpf-internet:before {
  content: "\e978" !important;
  color: #c00;
}

.yic-jpf-jikantai:before {
  content: "\e979" !important;
  color: #c00;
}

.yic-jpf-kimitsu:before {
  content: "\e97a" !important;
  color: #c00;
}

.yic-jpf-kokunai_hassou:before {
  content: "\e97b" !important;
  color: #c00;
}

.yic-jpf-make_1:before {
  content: "\e97c" !important;
  color: #c00;
}

.yic-jpf-pack:before {
  content: "\e97d" !important;
  color: #c00;
}

.yic-jpf-security:before {
  content: "\e97e" !important;
  color: #c00;
}

.yic-jpf-tenkyo:before {
  content: "\e97f" !important;
  color: #c00;
}

.yic-jpf-toukan:before {
  content: "\e980" !important;
  color: #c00;
}

.yic-jpf-uketoru:before {
  content: "\e981" !important;
  color: #c00;
}

.yic-jpf-biz1:before {
  content: "\e982" !important;
  color: #c00;
}

.yic-jpf-biz2:before {
  content: "\e983" !important;
  color: #c00;
}

.yic-jpf-biz3:before {
  content: "\e984" !important;
  color: #c00;
}

.yic-jpf-biz4:before {
  content: "\e985" !important;
  color: #c00;
}

.yic-jpf-process:before {
  content: "\e986" !important;
  color: #c00;
}

.yic-jpf-soudan:before {
  content: "\e987" !important;
  color: #c00;
}

.yic-jpf-kids:before {
  content: "\e988" !important;
  color: #c00;
}

.yic-jpf-fuyasu:before {
  content: "\e94a" !important;
  color: #be1a20;
}

.yic-jpf-junbi:before {
  content: "\e94b" !important;
  color: #be1a20;
}

.yic-jpf-nokosu:before {
  content: "\e94c" !important;
  color: #be1a20;
}

.yic-jpf-sonaeru:before {
  content: "\e94d" !important;
  color: #be1a20;
}

.yic-jpf-bank:before {
  content: "\e92f" !important;
  color: #c00;
}

.yic-jpf-biz:before {
  content: "\e930" !important;
  color: #c00;
}

.yic-jpf-buy:before {
  content: "\e931" !important;
  color: #c00;
}

.yic-jpf-campaign:before {
  content: "\e932" !important;
  color: #c00;
}

.yic-jpf-cm:before {
  content: "\e933" !important;
  color: #c00;
}

.yic-jpf-company:before {
  content: "\e934" !important;
  color: #c00;
}

.yic-jpf-compare:before {
  content: "\e935" !important;
  color: #c00;
}

.yic-jpf-conveni:before {
  content: "\e936" !important;
  color: #c00;
}

.yic-jpf-day:before {
  content: "\e937" !important;
  color: #c00;
}

.yic-jpf-deli:before {
  content: "\e938" !important;
  color: #c00;
}

.yic-jpf-fee:before {
  content: "\e939" !important;
  color: #c00;
}

.yic-jpf-insurance:before {
  content: "\e93a" !important;
  color: #c00;
}

.yic-jpf-int:before {
  content: "\e93b" !important;
  color: #c00;
}

.yic-jpf-make:before {
  content: "\e93d" !important;
  color: #c00;
}

.yic-jpf-pickup:before {
  content: "\e93e" !important;
  color: #c00;
}

.yic-jpf-post:before {
  content: "\e93f" !important;
  color: #c00;
}

.yic-jpf-posukuma:before {
  content: "\e940" !important;
  color: #c00;
}

.yic-jpf-recruit1:before {
  content: "\e941" !important;
  color: #c00;
}

.yic-jpf-send1:before {
  content: "\e942" !important;
  color: #c00;
}

.yic-jpf-sns:before {
  content: "\e943" !important;
  color: #c00;
}

.yic-jpf-tracking:before {
  content: "\e944" !important;
  color: #c00;
}

.yic-jpf-zip:before {
  content: "\e945" !important;
  color: #c00;
}

.yic-icon-32:before {
  content: "v" !important;
}

.yic-icon-33:before {
  content: "z" !important;
}

.yic-icon-doc:before {
  content: "d" !important;
}

.yic-icon-xls:before {
  content: "X" !important;
}

.yic-ico_-15:before {
  content: "y" !important;
}

.yic-ico_-14-02:before {
  content: "e" !important;
}

.yic-ico_-13:before {
  content: "S" !important;
}

.yic-ico_-04:before {
  content: "I" !important;
}

.yic-flick-b:before {
  content: "s" !important;
}

.yic-flick-r:before {
  content: "r" !important;
}

.yic-flick:before {
  content: "f" !important;
}

.yic-icon-25_en:before {
  content: "k" !important;
  color: #bf1a20;
}

.yic-icon-24_en:before {
  content: "j" !important;
  color: #bf1a20;
}

.yic-icon-03_en:before {
  content: "~" !important;
  color: #c11920;
}

.yic-pc_tab:before {
  content: "?" !important;
}

.yic-icon-25:before {
  content: "K" !important;
}

.yic-icon-01:before {
  content: "!" !important;
}

.yic-icon-02:before {
  content: '"' !important;
}

.yic-icon-03:before {
  content: "#" !important;
}

.yic-icon-12:before {
  content: "a" !important;
}

.yic-icon-13:before {
  content: "b" !important;
}

.yic-icon-14:before {
  content: "c" !important;
}

.yic-icon-15:before {
  content: "A" !important;
}

.yic-icon-16:before {
  content: "B" !important;
}

.yic-icon-17:before {
  content: "C" !important;
}

.yic-icon-18:before {
  content: "D" !important;
}

.yic-icon-19:before {
  content: "E" !important;
}

.yic-icon-20:before {
  content: "P" !important;
}

.yic-icon-21:before {
  content: ">" !important;
}

.yic-icon-22:before {
  content: "-" !important;
}

.yic-icon-23:before {
  content: "+" !important;
}

.yic-icon-24:before {
  content: "J" !important;
}

.yic-icon-26:before {
  content: "*" !important;
}

.yic-icon-27:before {
  content: "/" !important;
}

.yic-icon-29:before {
  content: "&" !important;
}

.yic-icon-30:before {
  content: "$" !important;
}

.yic-icon-31:before {
  content: "=" !important;
}

.yic-required2:before {
  content: "t" !important;
}

.yic-li_basic:before {
  content: "0" !important;
}

.yic-li_border:before {
  content: "q" !important;
}

.yic-li_notice:before {
  content: "1" !important;
}

.yic-error:before {
  content: "\e900" !important;
}

.yic-error_outline:before {
  content: "\e901" !important;
}

.yic-play_circle_filled:before {
  content: "\e904" !important;
}

.yic-play_circle_outline:before {
  content: "\e905" !important;
}

.yic-skip_next:before {
  content: "\e906" !important;
}

.yic-stop:before {
  content: "\e94e" !important;
}

.yic-video_collection:before {
  content: "\e907" !important;
}

.yic-fiber_manual_record:before {
  content: "\e908" !important;
}

.yic-chat_bubble:before {
  content: "\e946" !important;
}

.yic-chat_bubble_outline:before {
  content: "\e947" !important;
}

.yic-mail_outline:before {
  content: "\e90c" !important;
}

.yic-alternate_email:before {
  content: "\e90d" !important;
}

.yic-add:before {
  content: "\e90e" !important;
}

.yic-add_box:before {
  content: "\e90f" !important;
}

.yic-add_circle:before {
  content: "\e910" !important;
}

.yic-content_paste:before {
  content: "\e913" !important;
}

.yic-forward:before {
  content: "\e914" !important;
}

.yic-remove_circle_outline:before {
  content: "\e916" !important;
}

.yic-save_alt:before {
  content: "\e917" !important;
}

.yic-attach_file:before {
  content: "\e918" !important;
}

.yic-vertical_align_bottom:before {
  content: "\e919" !important;
}

.yic-vertical_align_top:before {
  content: "\e91a" !important;
}

.yic-linear_scale:before {
  content: "\e91b" !important;
}

.yic-attachment:before {
  content: "\e91c" !important;
}

.yic-file_upload:before {
  content: "\e91e" !important;
}

.yic-folder:before {
  content: "\e91f" !important;
}

.yic-folder_open:before {
  content: "\e920" !important;
}

.yic-desktop_windows:before {
  content: "\e921" !important;
}

.yic-phone_iphone:before {
  content: "\e922" !important;
}

.yic-tablet_mac:before {
  content: "\e923" !important;
}

.yic-filter_none:before {
  content: "\e924" !important;
}

.yic-wb_sunny:before {
  content: "\e925" !important;
}

.yic-pin_drop:before {
  content: "\e926" !important;
}

.yic-trip_origin:before {
  content: "\e949" !important;
}

.yic-priority_high:before {
  content: "\e927" !important;
}

.yic-notifications:before {
  content: "\e928" !important;
}

.yic-notifications_none:before {
  content: "\e929" !important;
}

.yic-check_box:before {
  content: "\e92a" !important;
}

.yic-check_box_outline_blank:before {
  content: "\e92b" !important;
}

.yic-info:before {
  content: "\e92c" !important;
}

.yic-info_outline:before {
  content: "\e92d" !important;
}

.yic-copyright:before {
  content: "\e92e" !important;
}

.yic-search:before {
  content: "x" !important;
}

.yic-download:before {
  content: "ｚ" !important;
}

.yic-cancel-circle:before {
  content: "u" !important;
}

.yic-checkmark-circle:before {
  content: "w" !important;
}

.yic-spam:before {
  content: "ｙ" !important;
}

.yic-bars:before, .yic-navicon:before, .yic-reorder:before {
  content: "\f0c9" !important;
}

.yic-warning:before, .yic-report_problem:before {
  content: "\e902" !important;
}

.yic-not_interested:before, .yic-do_not_disturb:before {
  content: "\e903" !important;
}

.yic-email:before, .yic-mail:before, .yic-markunread:before, .yic-local_post_office:before {
  content: "\e909" !important;
}

.yic-location_on:before, .yic-place:before, .yic-room:before {
  content: "\e90a" !important;
}

.yic-phone:before, .yic-local_phone:before {
  content: "\e90b" !important;
}

.yic-stay_current_landscape:before, .yic-stay_primary_landscape:before {
  content: "\e94f" !important;
}

.yic-stay_current_portrait:before, .yic-stay_primary_portrait:before, .yic-smartphone:before {
  content: "\e950" !important;
}

.yic-add_circle_outline:before, .yic-control_point:before {
  content: "\e911" !important;
}

.yic-clear:before, .yic-close:before {
  content: "\e912" !important;
}

.yic-remove_circle:before, .yic-do_not_disturb_on:before {
  content: "\e915" !important;
}

.yic-file_download:before, .yic-get_app:before {
  content: "\e91d" !important;
}

.yic-panorama_fish_eye:before, .yic-radio_button_unchecked:before {
  content: "\e948" !important;
}

.yic-jpf-help:before {
  content: "\e991" !important;
}

.yic-jpf-goods:before {
  content: "\e992" !important;
}

.yic-jpf-hakohagaki:before {
  content: "\e993" !important;
}

.yic-jpf-chilled:before {
  content: "\e994" !important;
}

.yic-jpf-compensation:before {
  content: "\e995" !important;
}

.yic-jpf-menu_text_en:before {
  content: "\e996" !important;
}

.yic-jpf-pc_text:before {
  content: "\e997" !important;
}

.yic-jpf-top:before {
  content: "\e998" !important;
}

.yic-jpf-menu_text:before {
  content: "\e999" !important;
}

.yic-jpf-optional:before {
  content: "\e99a" !important;
}

.yic-jpf-envelope:before {
  content: "\e99b" !important;
}

.yic-jpf-hagaki:before {
  content: "\e99c" !important;
}

.yic-jpf-book:before {
  content: "\e99d" !important;
}

.yic-jpf-fin-sodateru:before {
  content: "\e99e" !important;
}

.yic-jpf-fin-sonaeru:before {
  content: "\e99f" !important;
}

.yic-jpf-fin-junbi:before {
  content: "\e9a0" !important;
}

.yic-jpf-fin-nokosu:before {
  content: "\e9a1" !important;
}

.yic-air:before {
  content: "\e9a2" !important;
}

.yic-sea:before {
  content: "\e9a3" !important;
}

.yic-jpf-365:before {
  content: "\e9a4" !important;
}

/*----------------------------------------------------------
	script style
--------------------------------------------------------- */
/* lity modalwindow */
.lity {
  background: rgba(0, 0, 0, 0.6) !important;
}

/* swriper */
.bgG.pd .swiper-container,
.bgG2.pd .swiper-container {
  padding-bottom: 0;
}

.swiper-container {
  padding: 0 0 40px 0;
}
.swiper-container .swiper-wrapper .swiper-slide {
  text-align: center;
}
.swiper-container .swiper-pagination {
  bottom: 0 !important;
}
.swiper-container .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #C7C7C7;
  opacity: 1;
}

.swiper-container .swiper-pagination-bullet-active {
  background: #cc0000 !important;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 7px !important;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: none !important;
  top: calc((100% - 50px) * 0.5) !important;
}
.swiper-button-prev:before, .swiper-container-rtl .swiper-button-next:before {
  font-family: "yubin";
  content: "\f104";
  background: #cc0000;
  color: #FFF;
  width: 30px;
  height: 30px;
  display: block;
  border-radius: 30px;
  font-size: 30px;
  padding: 8px 3px 12px 17px;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: none !important;
  top: calc((100% - 50px) * 0.5) !important;
  width: auto !important;
}
.swiper-button-next:before, .swiper-container-rtl .swiper-button-prev:before {
  font-family: "yubin";
  content: "\f105";
  background: #cc0000;
  color: #FFF;
  width: 30px;
  height: 30px;
  display: block;
  border-radius: 30px;
  font-size: 30px;
  padding: 8px 0 12px 20px;
}

.swiper-container.pagenationBottom {
  padding-bottom: 30px;
}
.swiper-container.pagenationBottom .swiper-pagination {
  bottom: 0;
}

.slide_pagewidth {
  position: relative;
  max-width: 1200px;
  margin: auto;
  /* sp */
}
@media screen and (max-width: 750px) {
  .slide_pagewidth {
    width: 100%;
    padding: 0 3%;
  }
}
.slide_pagewidth .swiper-container {
  width: calc(100% - 120px);
  padding-bottom: 50px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.slide_pagewidth .swiper-button-prev, .slide_pagewidth .swiper-button-next {
  top: calc((100% - 50px) * 0.5) !important;
  margin-top: -22px;
}
.slide_pagewidth .swiper-button-prev {
  left: 0;
}
.slide_pagewidth .swiper-button-next {
  right: 0;
  width: auto;
}

@media screen and (max-width: 750px) {
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: none !important;
  }
  .swiper-button-prev:before, .swiper-container-rtl .swiper-button-next:before {
    font-family: "yubin";
    content: "\f104";
    background: #cc0000;
    color: #FFF;
    width: 24px;
    height: 24px;
    display: block;
    border-radius: 24px;
    font-size: 24px;
    padding: 8px 3px 12px 17px;
  }

  .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: none !important;
  }
  .swiper-button-next:before, .swiper-container-rtl .swiper-button-prev:before {
    font-family: "yubin";
    content: "\f105";
    background: #cc0000;
    color: #FFF;
    width: 24px;
    height: 24px;
    display: block;
    border-radius: 24px;
    font-size: 24px;
    padding: 8px 0 12px 20px;
  }
}
/* sp */
/* modal */
.modalBox + div.boxinner {
  display: none;
}